/* Build time:: Wed, Jun 3, 2026, 11:19 AM CDT from production branch */
.side-panel .side-filters-container-content::-webkit-scrollbar, .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar, .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar {
  -webkit-appearance: none;
}

.side-panel .side-filters-container-content::-webkit-scrollbar-thumb, .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar-thumb, .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border-radius: 10px;
  border: 4px solid transparent;
  background-clip: content-box;
}

.dark .side-panel .side-filters-container-content::-webkit-scrollbar-thumb, .side-panel .dark .side-filters-container-content::-webkit-scrollbar-thumb, .dark .share-collection-modal .tab-content-people .shared-container > .list-users::-webkit-scrollbar-thumb, .share-collection-modal .tab-content-people .dark .shared-container > .list-users::-webkit-scrollbar-thumb, .dark .share-collection-modal .filter-nav.multiselect::-webkit-scrollbar-thumb, .share-collection-modal .dark .filter-nav.multiselect::-webkit-scrollbar-thumb {
  background-color: #d4cfc5;
  border: 4px solid #262626;
}

.box-opts.exact-match2 .item-download-list, .one-box .one-box-list .one-box-item .one-box-content .title-and-elements,
.one-box .one-box-list .one-box-item .one-box-content p, .one-box .one-box-list .one-box-item .one-box-content ul.resource-list, .one-box .one-box-list .one-box-item .one-box-content ul.resource-list li {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .mynxp-leftnav-component {
    display: none;
  }
}

.mynxp-leftnav-component-new {
  /* @include breakpoint-max($screen-sm) {
      display: none;
    } */
  padding: 0px 30px;
}

.mynxp-leftnav-component-new-data {
  padding: 30px 0px;
}

.mynxp-leftnav-component-new-data h3 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-top: 6px;
}

.mynxp-leftnav-component-new-data p {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #686664;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  word-break: break-all;
}

.mynxp-leftnav-component-new-nav {
  padding: 30px 0px;
  border-top: 1px solid #d4cfc5;
}

.mynxp-leftnav-component-new-nav p {
  font-size: 14px;
  font-weight: 600;
}

.mynxp-leftnav-component-new-nav .leftnav {
  padding-top: 8px;
  margin: 0px -30px;
}

.mynxp-leftnav-component-new-nav .leftnav a {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.mynxp-leftnav-component-new-nav .leftnav a .badge-notification {
  margin-left: 4px;
}

.mynxp-leftnav-component-new-nav .leftnav a.ext:after {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  font-family: "Font Awesome";
  font-size: 85%;
  font-style: normal;
  font-variant: normal;
  font-weight: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  text-transform: none;
  transform: translateX(0.25em);
}

.offer-component .mynxp-leftnav-component-new-nav .leftnav a.ext:after {
  content: '';
}

.mynxp-leftnav-component-new-nav .leftnav a.ext[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='community.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='docs.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='investors.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='nxpcup.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='support.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='showroom.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='investorday.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext[href*='mcuxpresso.nxp.com']:after {
  content: "\f08e";
  bottom: 0.125em;
  font-size: 66.6666666667%;
  transform: translateX(0.25em);
}

.mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='//']:not([href*='nxp.com']):not([href*='uat.nxp.com']):not([href*='nxp.jp']):not([href*='media.nxp.com']):after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='community.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='docs.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='investors.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='nxpcup.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='support.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='showroom.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='investorday.nxp.com']:after, .mynxp-leftnav-component-new-nav .leftnav a.ext.btn[href*='mcuxpresso.nxp.com']:after {
  vertical-align: 1px;
}

.mynxp-leftnav-component-new-nav .leftnav a.ext[href$='.pdf']:after {
  content: "\f1c1";
  transform: translateX(0.25em);
}

.mynxp-leftnav-component .text-new-my-lib {
  font-size: 10px;
  font-weight: 600;
  padding: 4px 5px 4px 5px;
  margin-left: 8px;
}

.cross-reference-tool-app .well {
  margin: 0px;
  min-height: unset;
}

.cross-reference-tool-app .search-box {
  position: relative;
  /* input {
        position: relative;
        z-index: 5;
      }
      .suggestions {
        z-index: 3;
        top: 50px;
      } */
}

.cross-reference-tool-app .component-container > :last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.cross-reference-tool-app .component-container .component-overview :last-child {
  margin-bottom: 0px;
}

.cross-reference-tool-app .top-back {
  display: block;
  width: 100%;
}

.cross-reference-tool-app .help-block {
  margin-bottom: 0px;
}

.cross-reference-tool-app .link-black {
  font-size: 12px;
}

.cross-reference-tool-app .table-bordered th {
  background-color: white;
  border-bottom: none;
}

.cross-reference-tool-app .table-container:last-child {
  padding-bottom: unset;
}

.cross-reference-tool-app .table-container .form-group-sm input,
.cross-reference-tool-app .table-container .form-group-sm select,
.cross-reference-tool-app .table-container .form-group input,
.cross-reference-tool-app .table-container .form-group select {
  min-width: 240px;
}

.cross-reference-tool-app .table-container .min-width {
  min-width: 280px;
}

.cross-reference-tool-app .table-container .filter {
  padding: unset;
}

.cross-reference-tool-app .table-actions {
  align-items: center;
}

.cross-reference-tool-app .table-footer {
  padding: 12px 4px;
  border: 1px solid #d4cfc5;
  border-top: none;
  display: flex;
  align-items: center;
  gap: 24px;
}

.cross-reference-tool-app .cross-results textarea {
  min-width: 100%;
  max-width: 100%;
  height: 200px;
  min-height: 150px;
  max-height: 200px;
}

.cross-reference-tool-app .xs-small {
  margin-top: 6px;
}

.cross-reference-tool-app .comparison .table.table-bordered th {
  border-right: 1px solid #ebe7dd !important;
}

.cross-reference-tool-app .comparison .table-container-th .metadata, .cross-reference-tool-app .comparison .table-container-th .disclaimer p a, .disclaimer p .cross-reference-tool-app .comparison .table-container-th a, .cross-reference-tool-app .comparison .table-container-th .shopping-list .box-container .description, .shopping-list .box-container .cross-reference-tool-app .comparison .table-container-th .description,
.cross-reference-tool-app .comparison .table-container-th .link-black {
  font-weight: normal;
  margin-top: 0px;
}

.cross-reference-tool-app .comparison .table-container-th .d-flex {
  flex-wrap: wrap;
}

.cross-reference-tool-app .xs-small.metadata, .cross-reference-tool-app .disclaimer p a.xs-small, .disclaimer p .cross-reference-tool-app a.xs-small, .cross-reference-tool-app .shopping-list .box-container .xs-small.description, .shopping-list .box-container .cross-reference-tool-app .xs-small.description {
  font-size: 12px;
}

.cross-reference-tool-app .clear-list {
  position: absolute;
  right: 24px;
}

@media (max-width: 768px) {
  .part-details-list-revamped li {
    width: 48% !important;
  }
}

.remove-action {
  position: relative;
}

.remove-action .icon-times {
  position: absolute;
  right: 6px;
  font-size: 16px;
  transition: all ease-in-out 350ms;
}

.remove-action .icon-times:hover {
  cursor: pointer;
  transform: rotate(90deg);
}

#login-block {
  display: none;
}

@media only screen and (max-width: 991px) {
  #login-block {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  #loginBlock {
    margin-top: 30px;
  }
}

#my-nxp .item-title .text-new-my-lib {
  vertical-align: 4px;
}

#my-nxp .app-column-right .lead {
  font-size: 20px;
  font-weight: 600;
}

#my-nxp .app-column-right .lead2 {
  font-size: 18px;
}

#my-nxp .app-column-right .my-nxp-secure .lead,
#my-nxp .app-column-right .my-nxp-secure .alert {
  margin-bottom: 32px;
}

#my-nxp .app-column-right .hero-new {
  padding: 30px 0px;
}

#my-nxp .app-column-right .hero-new .hero-subtitle {
  max-width: fit-content;
}

#my-nxp .app-column-right .hero-new .hero-description {
  padding-top: 16px;
  font-size: 16px;
  margin-top: 0px;
  font-family: "Poppins", sans-serif;
}

#my-nxp .app-column-right .hero-new .hero-description p {
  margin: 0 0 11px;
}

.my-secure-access-rights {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.my-secure-access-rights .my-access-heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

.my-secure-access-rights .my-access-heading h2,
.my-secure-access-rights .my-access-heading p {
  margin: 0;
  padding: 0;
}

.my-secure-access-rights .my-access-filter {
  width: 403px;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .my-secure-access-rights .my-access-filter {
    width: 100%;
  }
}

.my-secure-access-rights .results-controls {
  margin-bottom: 12px;
}

.my-secure-access-rights .table-responsive {
  overflow-x: auto;
}

#my-nxp .my-secure-access-rights {
  padding-top: 30px;
}

table[data-ui-component='nestedTables'] table {
  width: 100%;
}

table[data-ui-component='nestedTables'] > thead th:nth-child(1),
table[data-ui-component='nestedTables'] tbody td:nth-child(1) {
  width: 50px;
  white-space: nowrap;
}

table[data-ui-component='nestedTables'].table-bordered > thead:first-child th:first-child,
table[data-ui-component='nestedTables'].table-bordered tbody tr.nt-row-level-0 td:first-child {
  border-right: 1px solid transparent;
}

table[data-ui-component='nestedTables'] .nt-row.nt-row-level-0 .nt-row-expand-icon-cell button {
  background-color: unset;
  border: none;
}

table[data-ui-component='nestedTables'] .nt-row.nt-row-level-0 .nt-row-expand-icon-cell button i {
  transition: 0.2s ease-in-out;
}

table[data-ui-component='nestedTables'] .nt-row.nt-row-level-0.expanded .nt-row-expand-icon-cell button i.icon-angle-right {
  transform: rotate(90deg);
}

table[data-ui-component='nestedTables'] .nt-expanded-row-level-1 > td {
  padding: 0;
}

table[data-ui-component='nestedTables'] .nt-expanded-row-level-1 > td > table {
  margin-bottom: 0;
}

table[data-ui-component='nestedTables'] .nt-expanded-row-level-1 table > thead th:first-child,
table[data-ui-component='nestedTables'] .nt-expanded-row-level-1 tbody td:first-child {
  padding-left: calc(58px + 20px);
}

table.table-access-rights > thead th:nth-child(2),
table.table-access-rights > thead th:nth-child(3) {
  width: 50%;
}

table.table-access-rights table > thead th:nth-child(1) {
  width: 66%;
}

table.table-access-rights table > thead th:nth-child(2) {
  width: 33%;
}

table.table-access-rights table td {
  white-space: normal !important;
}

.search-tips-no-results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.search-tips-no-results .tips-result {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.search-tips-no-results .tips-result > * {
  margin: 0;
}

.search-tips-no-results hr {
  margin: 0;
}

.search-tips-no-results .bottom-content > * {
  margin-bottom: 0;
}

.filter-block-section {
  background-color: #ebe7dd;
  padding: 1em;
  box-shadow: none;
}

.filter-block-section .form-group .icon-info {
  font-size: 14px;
}

.filter-block-section .button-wrapper {
  display: flex;
  gap: 10px;
  padding-top: 1em;
}

.filter-block-section .filter-block-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 14px;
}

.filter-block-section.hidden-filters .advanced-filter {
  display: none;
}

.filter-block-section.hidden-filters .filter-block-footer .advanced-filters-link .icon-angle-up {
  transform: rotate(180deg);
}

.filter-search > .text-muted {
  margin-top: 14px;
}

.store.container {
  padding-left: 0px;
  padding-right: 0px;
}

.store .container {
  padding-left: 0px;
  padding-right: 0px;
}

.store .filter-search {
  padding-top: 18px;
  padding-bottom: 22px;
}

.store-btn {
  margin-left: 20px;
}

.store .filters {
  padding: 22px 0px 38px 0px;
}

@media (max-width: 480px) {
  .store .filters {
    padding-bottom: 20px;
  }
}

.store .filters .filter-tag-filters .filter-nav {
  border: none;
}

.store .filters .filter-tag-filters .filter-nav:not(:has(> .is-selected)) a:has(span)::before {
  content: unset;
}

.store .filters .filter-tag-filters .filter-nav .filter-nav-item.is-parent a {
  display: flex;
}

.store .filters .filter-tag-filters .filter-nav:has(.checkbox) ~ .filter-reset {
  padding-left: 0px;
}

@media (max-width: 768px) {
  .store .filters .filter-tag-filters .section.open .filter-nav {
    display: block;
  }
}

.store .filters .filter-tag-filters + .filters-tag-selected {
  border-top: 1px solid var(--nxp-border-color);
  padding-top: 20px;
  margin-top: 20px;
}

.store .filters .filter-tag-filters + .filters-tag-selected .section.clear a {
  padding-left: 0px;
}

@media (max-width: 768px) {
  .store .filters .section .suggestions.categories {
    /*  height: 250px;
          position: fixed;
          top: 68%;
          left: 50%;
          transform: translate(-50%, -50%); */
    position: absolute;
    width: calc(100% + 120px);
    left: -10px;
  }
  .store .filters .section .suggestions.categories .filter-nav {
    max-height: 200px;
    overflow: auto;
  }
  .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border-radius: 10px;
    border: 4px solid transparent;
    background-clip: content-box;
  }
  .dark .store .filters .section .suggestions.categories .filter-nav::-webkit-scrollbar-thumb {
    background-color: #d4cfc5;
    border: 4px solid #262626;
  }
  .store .filters .section .suggestions.categories hr + .filter-nav {
    max-height: 175px;
  }
}

@media (max-width: 768px) {
  .store .filters .section:last-of-type .suggestions.categories {
    position: absolute;
    width: calc(40% + 180px);
    right: 0px;
    left: -10px;
  }
}

@media (max-width: 389px) {
  .store .filters .section:last-of-type .suggestions.categories {
    right: unset;
    left: 0px;
  }
}

@media (max-width: 480px) {
  .store .filters .section:last-of-type .suggestions.categories {
    right: unset;
    left: -10px;
  }
}

.store .filters .categories {
  width: 332px;
  padding: 20px 0px;
  font-size: 14px;
  top: 100%;
  border-top: 1px solid var(--nxp-border-color);
}

.store .filters .categories .filter-reset {
  padding-left: 20px;
  display: block;
}

.store .filters .categories .checkbox label,
.store .filters .categories .radio label {
  vertical-align: -webkit-baseline-middle;
}

.store .filters .categories .checkbox label:hover,
.store .filters .categories .radio label:hover {
  color: inherit;
}

.store .filters .filter-nav-item.is-parent a {
  padding-left: 20px;
}

.store .filters .filter-nav-item:has(+ .is-selected) {
  padding-left: 1px;
}

.store .filters .filter-nav-item .selected-label {
  padding-left: 44px;
}

.store .filters .filter-nav-item-sub a {
  padding-left: 44px;
}

.store .filters .availability-categories,
.store .filters .type-categories {
  padding: 12px;
}

.store .filters .availability-categories .checkbox,
.store .filters .type-categories .checkbox {
  padding-left: 0px;
  padding-bottom: 0px;
}

.store .filters .availability-categories .filter-nav-sub,
.store .filters .type-categories .filter-nav-sub {
  padding-left: 20px;
}

.store .filters .availability-categories .filter-nav-sub li,
.store .filters .type-categories .filter-nav-sub li {
  margin-bottom: 0px;
}

.store .filters .availability-categories hr,
.store .filters .type-categories hr {
  margin: 2px 0px 7px 0px;
}

.store .component-container h2,
.store .component-container h3 {
  margin: 0px;
}

.store .component-container > :first-child {
  margin-bottom: 24px;
}

.store .component-container > :only-child {
  margin-bottom: 0px;
}

.store .component-container .flex-grid {
  gap: 10px;
}

.store .flex-box-row {
  gap: 30px;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .store .flex-box-row {
    flex-direction: column;
    align-items: center;
  }
}

.store .flex-box-row .flex-box-element.cool-grey-xxxlight img {
  width: 60px;
  height: 60px;
}

.store .component-container:has(> .swiper-slider-container) {
  padding: 0px 0px 68px;
}

.store .flex-box-element.cool-grey-xxxlight {
  padding: 24px 20px;
}

.store .d-flex {
  flex-wrap: wrap;
  align-items: baseline;
}

.store .d-flex .flex-grow-1 {
  min-width: fit-content;
}

@media (max-width: 768px) {
  .store .d-flex {
    gap: 16px;
  }
  .store .d-flex select.form-flat.form-control {
    display: inline !important;
  }
}

.store .box-list {
  margin-top: 0px;
}

.store .box-list.avatar-skeleton {
  margin-top: 32px;
}

.store .box-list + .results-pagination-footer:last-child {
  border-bottom: 1px solid var(--nxp-border-color);
  padding-bottom: 48px;
  margin-bottom: 0px;
}

.store .box-list + .results-pagination-footer + .component-container {
  padding: 48px 0 78px;
  border-bottom: 1px solid var(--nxp-border-color);
}

.store .box-list + .results-pagination-footer + .component-container::before {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  content: '';
  position: absolute;
  left: 0;
  display: block;
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
  top: 0px;
}

.store .box-list + .results-pagination-footer + .component-container:has(.swiper-scrollbar.swiper-scrollbar-lock) {
  padding: 48px 0 48px;
}

.store .box-list + .results-pagination-footer + .component-container .box-container .box-opts-image {
  border-right: none;
}

@media (max-width: 992px) {
  .store .box-list + .results-pagination-footer + .component-container .box-container .box-opts-image {
    border-bottom: none;
  }
}

.store .box-list + .results-pagination-footer + .component-container .box-container ul.metadata li, .store .box-list + .results-pagination-footer + .component-container .shopping-list .box-container ul.description li, .shopping-list .store .box-list + .results-pagination-footer + .component-container .box-container ul.description li {
  margin-top: 0px;
}

.store .box-container:has(+ a) {
  margin-bottom: 30px;
}

.store .box-container.dark .item-signpost {
  text-transform: capitalize;
}

.store .animate-toggle {
  animation: none;
}

.store .icon-info.tooltip-react {
  margin-left: 4px;
}

.store section.box-1.box-opts-content > ul.nav-piped-2 {
  margin-top: 0px;
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open {
    width: 90%;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter {
  padding: 14px 0px 24px 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-divider {
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 54px 14px 0px;
  text-transform: uppercase;
  color: var(--nxp-secondary-color);
  border-bottom: 3px solid var(--nxp-border-color-secondary);
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-divider {
    padding: 24px 24px 4px 12px;
    line-height: 1.4;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
  padding: 14px 54px 14px 16px;
}

@media only screen and (max-width: 570px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading {
    padding: 24px 24px 4px 12px;
    line-height: 1.4;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading.is-active, .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading:hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .small.text-muted {
  font-weight: normal !important;
  font-size: 14px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav-heading .corner {
  border: unset;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav {
  padding: 16px 18px 8px 18px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .checkbox {
  padding-bottom: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav:not(:has(> .is-selected)) a {
  padding-left: 1px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav:not(:has(> .is-selected)) a:has(span)::before {
  content: unset;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .blue-link {
  padding-top: 8px;
  padding-bottom: 16px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-regular {
  margin-bottom: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-parent a {
  padding-left: 1px;
  padding-right: 1px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-parent:hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item .selected-label {
  padding-left: 12px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item .selected-label {
    padding-left: 12px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-sub a {
  padding-left: 44px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item-sub a {
    padding-left: 20px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-item.is-selected a {
  padding-left: 0px;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub {
  padding-left: 20px;
}

@media (max-width: 480px) {
  .side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub a {
    padding-left: 0px;
  }
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .filter-nav .filter-nav-sub:has(> li):hover {
  background-color: #f7f5f1;
}

.side-panel .side-filters.open .filter-nav-inner.new-filter .reset-link {
  padding-top: 8px;
  padding-bottom: 0px;
}

.side-panel .side-filters-container-content .section {
  width: 100%;
}

.side-panel .side-filters-container-content .section > div {
  width: 100%;
}

.side-panel .side-filters-container-footer .btn-link {
  padding-left: 0px;
  text-align: start;
}

.btn-kr {
  margin-left: 12px;
}

.box-opts-content:has(> .dot-orange) p.metadata, .box-opts-content:has(> .dot-orange) .shopping-list .box-container p.description, .shopping-list .box-container .box-opts-content:has(> .dot-orange) p.description {
  display: none;
}

.updates-preferences {
  margin-bottom: 2em;
}

.options-container {
  padding-left: 20px;
}

.btn-preferences-options:before {
  content: "\f0d7";
  display: inline-block;
  font-family: "Font Awesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  transition: transform 200ms cubic-bezier(0.04, 0, 0.2, 1);
}

.btn-preferences-options.collapsed:before {
  transform: rotate(-90deg);
}

.preferences-list {
  padding-right: 15px;
  padding-left: 15px;
}

.preferences-email-documents,
.preferences-email-software {
  column-count: 2;
  column-width: 180px;
}

.preferences-email-documents .checkbox,
.preferences-email-software .checkbox {
  margin-top: 0;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  color: var(--nxp-secondary-color);
}

.well .checkbox.disabled label, .well
.radio.disabled label, .well
fieldset[disabled] .checkbox label, .well
fieldset[disabled] .radio label {
  color: #898683;
}

.updates-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-bottom: 2em;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid var(--nxp-border-color);
}

#myUpdatesList .updates-header {
  padding-bottom: 8px;
}

.updates-header-title {
  padding-right: 30px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
}

#myUpdatesList #publicNote {
  width: 100%;
  padding-top: 32px;
}

#myUpdatesList .updates-header {
  border-bottom: none;
}

#myUpdatesList .updates-header .container {
  padding: 0px;
  display: flex;
  align-items: baseline;
}

#myUpdatesList .updates-header .container .helper-text {
  width: 50%;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}

#myUpdatesList .updates-header .container .updates-sort {
  width: 50%;
  justify-content: end;
}

.sort-switch {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

.sort-switch.updates-sort {
  margin-top: 10px;
}

.sort-switch-label {
  margin-right: 10px;
}

.sort-switch-items {
  display: flex;
  color: var(--nxp-link-color);
}

.sort-switch-items .radio-inline {
  padding-left: 0;
}

.sort-switch-items .radio-inline ~ .radio-inline {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid var(--nxp-border-color);
}

.sort-switch-items input:checked + .radio-inline {
  font-weight: 600;
  color: #000000;
}

.updates-product {
  margin-bottom: 2em;
}

.product-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-items: flex-end;
  margin-bottom: 0.625em;
}

@media screen and (min-width: 768px) {
  .product-header {
    flex-wrap: nowrap;
  }
}

.product-header .product-title {
  display: flex;
  flex-grow: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .product-header .product-title {
    max-width: 80%;
  }
}

.product-header .product-title .product-label {
  max-width: 100%;
  overflow: hidden;
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px;
}

.product-header .product-action {
  flex-shrink: 0;
  margin-top: 0.5em;
}

@media screen and (min-width: 768px) {
  .product-header .product-action {
    margin-top: 0;
    margin-left: auto;
  }
  .product-header .product-action .btn {
    margin-left: 30px;
  }
}

.updatedDocs:not(:last-child) {
  margin-bottom: 0;
}

.updatedDocs + .moreLessTrigger {
  padding: 8px;
  margin-bottom: 0;
}

.updatedDocs.table > tbody > tr > td,
.updatedDocs.table > thead > tr > th {
  font-size: 14px;
}

.updatedDocs td:not(:first-of-type),
.updatedDocs th:not(:first-of-type) {
  width: 16.6666666667%;
  min-width: 165px;
  text-align: center;
}

.updatedDocs-title {
  margin-top: 0;
  font-family: "Poppins", sans-serif;
}

.updatedDocs-title sup {
  font-weight: 400;
  color: #000000;
}

.updatedDocs-meta {
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
  list-style: none;
  margin-bottom: 0;
  color: #898683;
}

.updatedDocs-meta > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.nxp-notifications-wrapper .results-controls {
  padding: 30px 0 60px 0;
}

.notification-product-table tbody .title-and-elements {
  margin: 0;
}

.notification-product-table tbody .product-status {
  padding: 0;
  cursor: default;
}

.notification-product-table tbody .product-status:hover {
  background-color: unset;
}

.notification-product-table td:nth-of-type(2),
.notification-product-table th:nth-of-type(2) {
  width: 50%;
}

.notification-product-table td:not(:nth-of-type(2)),
.notification-product-table th:not(:nth-of-type(2)) {
  width: 25%;
}

.notification-asset-table tbody .title-and-elements {
  margin: 0;
}

.notification-asset-table td:nth-of-type(1),
.notification-asset-table th:nth-of-type(1) {
  width: 50%;
}

.notification-asset-table td:not(:nth-of-type(1)),
.notification-asset-table th:not(:nth-of-type(1)) {
  width: 25%;
}

.role-badge {
  background-color: var(--nxp-blue-100);
  border-radius: 30px;
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}

.role-badge-list {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 10px 0px;
}

.role-badge:hover {
  background-color: var(--nxp-gray-300);
}

.role-badge .icon-user {
  font-size: 12px;
}

.role-badge .badge-text {
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  text-align: center;
  font-size: 10px;
  line-height: 15px;
}

.role-badge .badge-text a {
  color: var(--nxp-body-color);
  text-decoration: none;
}

.training-items .item-media {
  max-width: 110px;
}

.training-items .retrieved-item .item-options:has(.item-options-collections) {
  flex: 0;
}

@media (min-width: 992px) {
  .training-items .item-options {
    padding-top: 24px;
  }
}

.training-type {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 50px;
  color: #686664;
  text-align: center;
}

.training-type.is-course {
  font-size: 60px;
}

@media screen and (min-width: 768px) {
  .classroom-results-short .media-flex-media {
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .classroom-results-short .media-flex-body {
    padding-left: 10px;
  }
}

.classroom-results-short .media-flex-text {
  margin-top: 0.5em;
}

.collection {
  /* my nxp section */
}

.collection-portal .component-container:first-of-type .component-overview {
  padding: 0px;
}

.collection-portal .component-container:first-of-type .component-overview .description {
  margin-bottom: 0px;
}

.collection-portal .component-container .component-overview .description {
  margin-bottom: 0px;
}

.collection-portal .alert-transparent-muted {
  margin-bottom: 0px;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 768px) {
  .collection-portal .alert-transparent-muted {
    margin-bottom: 0px;
  }
}

.collection-portal .alert.alert-warning {
  margin-bottom: 0;
  margin-top: 22px;
}

.collection-portal .filter-block-section {
  padding: 22px 0px;
  background-color: white;
  border-top: unset;
  border-left: unset;
  border-right: unset;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.collection-portal .filter-block-section .header-subsection-search {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .collection-portal .filter-block-section .header-subsection-search {
    flex-direction: column;
    gap: 16px;
  }
  .collection-portal .filter-block-section .header-subsection-search button {
    padding: 8px 12px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 100px;
    display: block !important;
  }
}

.collection-portal .filter-block-section + .alert.alert-warning {
  margin-bottom: 20px;
}

.collection-portal .btn.btn-default.btn-width {
  margin: 0px 10px 10px 0px !important;
}

.collection-portal #duration,
.collection-portal #durationUOM {
  width: auto !important;
  max-width: 115px;
  float: left;
}

.collection-portal .retrieved-results-header {
  padding: 8px 8px 28px 8px !important;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results-header .form-group.form-group-sm {
    display: flex;
    margin-top: 8px;
    align-items: center;
  }
  .collection-portal .retrieved-results-header .retrieved-results-label {
    width: 100%;
  }
}

.collection-portal .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
  border: none;
  border-left: 1px solid #d4cfc5;
  box-shadow: none;
}

.collection-portal .retrieved-results-header .sort-results label {
  font-weight: 600;
  min-width: fit-content;
  width: fit-content;
  padding-right: 12px;
  margin-bottom: 0px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results-header .sort-results label {
    display: block;
  }
}

.collection-portal .retrieved-results .retrieved-results-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.collection-portal .retrieved-results .retrieved-results-label select {
  font-size: 16px;
  margin-left: 12px;
}

.collection-portal .retrieved-results .retrieved-results-label input {
  margin-right: 0px;
}

.collection-portal .retrieved-results {
  padding-bottom: 26px;
}

.collection-portal .retrieved-results .retrieved-items {
  border-top: 1px solid #d4cfc5;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item {
  border: none;
  padding: 24px 8px;
  margin: 0px !important;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item.selected {
  background-color: #c3effe;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body {
  padding: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .gap {
  gap: 20px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body {
    width: 100%;
    max-width: 90%;
    min-width: 85%;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-title-content {
  margin-right: 8px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-signpost {
  padding-left: 34px;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-signpost {
    display: block;
    line-height: normal;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata {
  margin-left: 30px;
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata .meta-type {
  padding-right: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body input {
  margin-top: 2px;
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 a {
  margin-right: 8px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 .text-new-my-lib {
  margin-left: 0px;
  margin-right: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-body h3 .text-new-secondary {
  color: #994600;
  background: #ffeda7;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options {
  width: auto;
  padding-top: 12px;
  min-width: 150px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 992px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options {
    justify-content: flex-start !important;
    width: auto;
    min-width: 30px;
    padding-left: 34px !important;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options > * {
  width: auto;
  max-width: 100%;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:before {
  position: absolute;
  left: 5px;
  top: 4px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle {
  right: 15px;
  position: absolute;
  background: white;
  list-style: none;
  text-align: left;
  border: 1px solid #d4cfc5;
  padding: 12px 0px;
  margin: 0px;
  top: 28px;
  z-index: 999;
  width: 170px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a {
  padding: 4px 24px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #686664;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #deecf8;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu {
  display: block;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu::after {
  display: none;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options.open .icon-ellipsis-h {
  background-color: #ebe7dd;
  border-radius: 100%;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  display: none;
  right: 12px;
  top: 44px;
  left: unset;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu.dropdown-menu-right {
    right: -200px;
  }
}

@media (max-width: 350px) {
  .collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu.dropdown-menu-right {
    max-width: 228px;
    min-width: 200px;
  }
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu li {
  margin-bottom: 0px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu li a {
  white-space: normal;
  padding: 6px 20px;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu-main {
  border-top: 1px solid #d4cfc5;
}

.collection-portal .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-toggle::before {
  border: none;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 {
  gap: 0px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.design-files-list .compact-metadata, .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.software-list .compact-metadata {
  grid-template-areas: 'metadata-type metadata-revision';
  grid-template-columns: 120px 80px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata {
  grid-template-areas: 'metadata-product metadata-type';
  grid-template-columns: 148px 120px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata {
    flex-wrap: wrap;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status {
  align-items: center;
  height: fit-content;
  width: fit-content;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a {
  color: inherit;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a:hover, .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .product-status a:focus {
  text-decoration: none;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .tooltip-react {
  width: 276px;
}

@media (max-width: 480px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.products-list .compact-metadata .tooltip-react {
    visibility: hidden;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content {
  gap: 8px 18px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-metadata {
  grid-template-columns: 200px 120px 80px;
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-metadata .type {
  width: inherit;
}

@media (min-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content {
    gap: 4px 18px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.trainings-list .compact-content .compact-details {
    padding-bottom: 0px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.videos-list .date {
    order: 1;
  }
  .collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2.videos-list .duration {
    order: 2;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2:not(.collapse) {
  margin-bottom: 30px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-list:has(.btn-xs) .compact-actions {
  grid-template-columns: 152px 16px 24px !important;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-list .compact-list .compact-details {
  padding-left: 104px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper {
  border-bottom: 1px solid #d4cfc5;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-details {
  padding-left: 30px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-metadata {
    margin-left: 30px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-actions {
    margin-left: 30px !important;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content-wrapper:not(:has(label > input[type='checkbox'])) .compact-content .compact-details {
    padding-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
  gap: 18px;
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details:last-child) {
  gap: 0px 18px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details:last-child) {
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
    gap: 8px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content {
    flex-wrap: wrap;
    gap: 10px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata:empty {
    display: none;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata + .compact-actions {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
  display: grid;
  grid-template-areas: 'metadata-type metadata-date metadata-revision';
  grid-template-columns: 120px 120px 80px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
    display: flex;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .type {
  grid-area: metadata-type;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .date {
  grid-area: metadata-date;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .revision {
  grid-area: metadata-revision;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata {
    width: 100%;
    margin-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .text-muted {
  font-size: 14px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-metadata .text-muted {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-icons {
  display: flex;
  gap: 20px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
  display: grid;
  grid-template-areas: 'act-button act-icon act-options';
  grid-template-columns: 1fr 16px 24px;
  align-items: center;
  gap: 16px;
  position: relative;
  margin-left: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
    gap: 8px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: 30px;
    order: 1;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions button,
.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .btn-group {
  grid-area: act-button;
  min-width: 152px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions i {
  grid-area: act-icon;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu {
  display: flex;
  grid-area: act-options;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu:hover {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h {
    align-self: flex-start;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .individual-menu .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .btn-group.btn-group-flex {
  width: 152px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right {
  padding: 15px 0;
  top: 98%;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions .dropdown-menu.dropdown-menu-right::after {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + .icon-ellipsis-h) {
  gap: 46px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + i + .icon-ellipsis-h) {
    flex-direction: row;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.btn-group + i + .icon-ellipsis-h) .icon-ellipsis-h {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(button + .icon-ellipsis-h) {
  gap: 48px;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-actions:has(.individual-menu:first-child) {
    margin-left: 30px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title {
  flex-wrap: nowrap;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title {
    width: 100%;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title a:has(.element-title) {
    flex: 1;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):not(:has(> span > .icon-angle-right)) > .product-status {
    margin-right: 100%;
    margin-left: 30px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):not(:has(> span > .icon-angle-down)) > .product-status {
    margin-right: 100%;
    margin-left: 30px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):has(> span > .icon-angle-down) > .product-status {
    margin-right: 100%;
    margin-left: 50px;
    padding: 0;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(> .checkbox):has(> span > .icon-angle-right) > .product-status {
    margin-right: 100%;
    margin-left: 50px;
    padding: 0;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title p {
  align-self: baseline;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
  align-self: baseline;
  cursor: unset;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
    max-width: 100%;
    min-width: 100%;
    word-break: break-word;
  }
}

@media (min-width: 992px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status {
    max-width: 130px;
    min-width: 130px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .product-status:hover {
  border-radius: unset;
  background-color: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-right {
  margin-top: 3px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .element-title {
  font-size: 14px;
  font-weight: 400 !important;
  word-break: break-word;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .element-title {
    flex: 1;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-down,
.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title .icon-angle-right {
  cursor: pointer;
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) + .compact-metadata {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) + .compact-metadata {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) + .compact-metadata + .compact-actions {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) + .compact-metadata + .compact-actions {
    margin-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-right) ~ .compact-details {
    padding-left: 50px;
  }
}

@media (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-title:has(.icon-angle-down) ~ .compact-details {
    padding-left: 50px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-title + .compact-actions) {
  justify-content: space-between;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-title + .compact-actions) .compact-title {
    min-width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content .compact-details {
  width: 100%;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-content:has(.compact-details) {
  flex-wrap: wrap;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
  display: flex;
  padding-left: 50px;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
    padding-left: 30px;
  }
}

@media (width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details {
    padding-left: 50px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .metadata, .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .disclaimer p a, .disclaimer p .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details a, .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .shopping-list .box-container .description, .shopping-list .box-container .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .description {
  margin: 0px 12px 2px 0px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .prev-revision {
  width: 100%;
  padding: 8px 0px 0px 28px;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .prev-revision .prev-revision-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu {
  min-width: 260px;
  max-width: 260px;
  top: 30px;
}

@media (max-width: 480px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu {
    min-width: auto;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .search .close {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .list-section {
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu .list-section .list-container .list-item a {
  text-decoration: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections.open .item-options-collections-menu::after {
  right: 50px;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item .compact-details .item-options-collections {
    width: 100%;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details) .compact-content {
  border-bottom: unset;
}

@media (max-width: 768px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details):has(.prev-revision) {
    position: relative;
    padding-bottom: 70px;
  }
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-details):has(.prev-revision) .compact-actions {
    position: absolute;
    bottom: 10px;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.collapse) .compact-details.collapse {
  display: none;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) {
  border-bottom: unset;
}

.collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) .compact-item .compact-content .compact-title {
  max-width: 250px;
  min-width: 200px;
}

@media (min-width: 1440px) {
  .collection-portal .retrieved-results .collapsible-wrapper .compact-item:has(.compact-list) .compact-item .compact-content .compact-title {
    max-width: unset;
    margin: unset;
  }
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-footer .btn-container {
  margin-top: 30px;
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-header-wrapper {
  cursor: pointer;
}

.collection-portal .retrieved-results .collapsible-wrapper .collapsible-header-wrapper:has(.react-loading-skeleton) {
  border-bottom: unset;
}

.collection-portal-number {
  margin-bottom: 12px;
}

.collection-portal-action {
  padding: 16px 0px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

.collection-portal-action.has-border-top {
  padding-bottom: 40px;
}

@media only screen and (max-width: 480px) {
  .collection-portal-action .cta-wrapper {
    justify-content: flex-start;
    margin-top: 8px;
  }
}

.collection-portal-action .icon-info {
  font-size: 12px;
}

.collection-portal #status-icon-hover-message.tooltip-react,
.collection-portal #certificate-check-hover-message.tooltip-react {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18) !important;
}

.collection-portal .tooltip-react.text-muted {
  width: fit-content !important;
}

.collection-portal .tooltip-react.text-muted::after {
  border: 1px solid #d4cfc5;
  background-color: white;
}

.collection-portal .collection-portal-header {
  background-color: #f7f5f1;
}

.collection-portal .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.collection-portal .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.collection-portal .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}

.collection-portal .page-title:has(+ .homepage) {
  padding-bottom: 18px;
}

.collection-portal .homepage span.interpunct::after {
  content: ' \B7 ';
}

.collection-portal .homepage .component-overview {
  padding-bottom: 18px;
}

.collection-portal .homepage .subTitle {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.collection-portal .homepage .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-panel.cp-v2:not(.collapse) {
  margin-bottom: 0;
}

.collection-portal .homepage .retrieved-results .collapsible-wrapper.cp-v2 .collapsible-body .retrieved-items li.retrieved-item:first-child {
  margin-top: 10px !important;
}

.collection-portal .homepage .retrieved-results .cool-grey-xxxlight .retrieved-items .retrieved-item {
  background-color: white;
}

.collection-portal .homepage .retrieved-results .retrieved-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: unset;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item {
  background-color: #f7f5f1;
  padding: 14px 10px;
  gap: 16px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .component-flex:not(:has(input)) {
  margin-left: 32px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata {
  color: #686664;
  padding: 0px;
  margin-left: 32px;
  border-bottom: unset;
  width: 100%;
  font-size: 14px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata:has(+ .header-subsection-tags) {
  padding-bottom: 8px;
  border-bottom: 1px solid #d4cfc5;
  width: fit-content;
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-metadata:has(+ .header-subsection-tags) {
    padding-bottom: 0px;
    width: 100%;
  }
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .header-subsection-tags {
  padding-top: 0px;
  padding-left: 32px;
  color: #686664;
  font-size: 14px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title {
  font-size: 16px;
  line-height: 24px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title .marker {
  font-size: 10px;
  vertical-align: 2.5px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title a {
  padding-right: 0px;
  margin-right: 0px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-body .item-title a .item-title-content {
  margin-right: 8px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options {
  display: grid;
  justify-items: center;
  grid-template-rows: 30px 1fr;
  grid-template-areas: 'c-ops-group' 'c-btn-container';
  align-items: end;
  padding: 0px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options > * {
  width: unset;
  max-width: unset;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .item-option-group {
  grid-area: c-ops-group;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .btn-container {
  grid-area: c-btn-container;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options:has(.fnxp-shield-secure) .dropdown-menu {
    top: 66px;
  }
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options i {
  padding-top: 6px;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option {
  margin-top: 0px !important;
}

.collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h {
  color: #000000;
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h {
    height: 28px;
    width: 24px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dot-option .icon-ellipsis-h::before {
    left: 1px;
  }
}

#my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  top: 30px;
  right: 0px;
}

@media (min-width: 768px) and (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
    right: unset;
  }
}

@media (max-width: 992px) {
  #my-nxp .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
    left: 34px;
  }
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options {
    display: flex;
    min-width: 100%;
    flex-direction: column;
    gap: 16px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .fnxp-shield-secure {
    font-size: 16px;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .item-option-group {
    display: flex;
    flex-direction: column;
  }
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item .item-options .btn-container {
    justify-content: flex-start;
  }
}

@media (max-width: 992px) {
  .collection-portal .homepage .retrieved-results .retrieved-items .retrieved-item {
    gap: 8px;
  }
}

.collection-portal .homepage .retrieved-results-header {
  padding-top: 0px !important;
  padding-bottom: 22px !important;
  margin-bottom: 30px;
}

#my-nxp .collection-portal .homepage .filter-search-container {
  border-bottom: 1px solid #d4cfc5;
  padding-bottom: 0px;
  margin-bottom: 26px;
}

#my-nxp .collection-portal .homepage .filter-search-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  display: block;
  width: calc(100vw - 298px);
  height: 100%;
  background-color: inherit;
  transform: translateX(50%);
  border-top: 1px solid #d4cfc5;
}

@media (max-width: 1200px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw - 250px);
  }
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw);
  }
}

@media (width: 768px) {
  #my-nxp .collection-portal .homepage .filter-search-container::after {
    width: calc(100vw - 250px);
  }
}

.collection-portal .homepage .filter-search {
  padding: 0px;
  margin-bottom: 16px;
}

.collection-portal .homepage .collection-portal-action {
  padding-bottom: 30px;
  padding-top: 0px;
}

.collection .has-error {
  color: #d60b2d;
  font-size: 14px;
}

.collection-portal-header {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 16px;
}

.collection-portal-header .title {
  word-break: break-word;
}

@media screen and (min-width: 768px) {
  .collection-portal-header {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 934px) / 2) * -1);
    margin-right: calc(((100vw - 934px) / 2) * -1);
    padding-left: calc(((100vw - 934px) / 2));
    padding-right: calc(((100vw - 934px) / 2));
  }
}

@media screen and (min-width: 1200px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 1140px) / 2) * -1);
    margin-right: calc(((100vw - 1140px) / 2) * -1);
    padding-left: calc(((100vw - 1140px) / 2));
    padding-right: calc(((100vw - 1140px) / 2));
  }
}

@media screen and (min-width: 1440px) {
  .collection-portal-header {
    margin-left: calc(((100vw - 1380px) / 2) * -1);
    margin-right: calc(((100vw - 1380px) / 2) * -1);
    padding-left: calc(((100vw - 1380px) / 2));
    padding-right: calc(((100vw - 1380px) / 2));
  }
}

.collection-portal-header .text-new-my-lib {
  margin-left: 0px;
}

.collection-portal-header .header-subsection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #686664;
  font-size: 14px;
}

.collection-portal-header .header-subsection .header-subsection-actions {
  display: flex;
  width: 20%;
  font-size: 24px;
  gap: 16px;
  color: #000000;
  padding: 16px 0px;
  align-items: center;
  padding-left: 14px;
  justify-content: end;
}

@media (max-width: 992px) {
  .collection-portal-header .header-subsection .header-subsection-actions {
    width: 100%;
    order: 1;
    justify-content: start;
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .collection-portal .collection-portal-header .header-subsection .header-subsection-actions {
    border-bottom: unset;
  }
}

.collection-portal-header .header-subsection .header-subsection-actions * {
  cursor: pointer;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options {
  margin-left: unset;
  padding: 0px;
  max-width: 30px;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options:hover {
  background-color: var(--nxp-gray-100);
  border-radius: 100%;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option {
  margin-top: 0px !important;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option .icon-ellipsis-h {
  background-color: unset;
  color: black;
}

.collection-portal-header .header-subsection .header-subsection-actions .item-options .dot-option .icon-ellipsis-h::before {
  top: 5px;
}

.collection-portal-header .header-subsection .header-subsection-actions:has(~ div) {
  border-bottom: 1px solid #d4cfc5;
}

.collection-portal-header .header-subsection .header-subsection-description {
  padding-top: 10px;
  width: 100%;
  word-break: break-all;
}

.collection-portal-header .header-subsection .header-subsection-description .moreLess-toggle {
  word-break: break-word;
}

#my-nxp .collection-portal-header .header-subsection .header-subsection-description .description {
  padding-top: 0px;
  margin-bottom: 10px;
  word-break: break-word;
}

.collection-portal-header .header-subsection .header-subsection-tags {
  padding-top: 10px;
}

.collection-portal-header .header-subsection:has(.header-subsection-metadata + .header-subsection-actions + div) .header-subsection-metadata {
  border-bottom: 1px solid #d4cfc5;
}

.collection-portal-action {
  padding-bottom: 30px;
}

.collection-portal-action .dropdown-menu {
  display: none;
  top: 34px;
  left: 100%;
  padding: 10px 0px;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

.collection-portal-action .dropdown-menu.show .dropdown-menu {
  display: block;
}

.collection-portal-action .dropdown-menu li {
  margin-bottom: 0px;
}

.collection-portal-action .dropdown-menu li a {
  white-space: normal;
  padding: 6px 20px;
}

.collection-portal-action .dropdown-menu-main {
  border-top: 1px solid #d4cfc5;
}

/* wrapper of buttons or cta in line block*/
.cta-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  gap: 4px;
}

#my-nxp .collection-portal .dropdown-menu,
#my-nxp .homepage .dropdown-menu {
  padding: 0px 0px;
  width: max-content;
  font-size: 14px;
}

#my-nxp .collection-portal .dropdown-menu::after,
#my-nxp .homepage .dropdown-menu::after {
  display: none;
}

#my-nxp .collection-portal .dropdown-menu-section,
#my-nxp .homepage .dropdown-menu-section {
  border-bottom: 1px solid #d4cfc5;
  margin: 0px;
}

#my-nxp .collection-portal .dropdown-menu-section:last-of-type,
#my-nxp .homepage .dropdown-menu-section:last-of-type {
  border-bottom: unset;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section {
  list-style: none;
  margin: 0px;
  padding: 10px 0px;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item {
  margin: 0px;
  padding: 6px 16px;
  cursor: pointer;
}

#my-nxp .collection-portal .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item:hover,
#my-nxp .homepage .dropdown-menu-section .dropdown-menu-sub-section .dropdown-menu-item:hover {
  background-color: #f7f5f1;
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .dropdown-menu,
  #my-nxp .homepage .dropdown-menu {
    left: 0;
    right: auto;
  }
}

#my-nxp .collection-portal .dropdown-menu li:last-of-type,
#my-nxp .homepage .dropdown-menu li:last-of-type {
  margin-bottom: 0px;
}

#my-nxp .collection-portal .filters,
#my-nxp .homepage .filters {
  padding-bottom: 20px;
}

#my-nxp .collection-portal .filters .suggestions,
#my-nxp .homepage .filters .suggestions {
  padding: 12px 0px;
  width: 204px;
  border-top: 1px solid #d4cfc5;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav,
#my-nxp .homepage .filters .suggestions .filter-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 768px) {
  #my-nxp .collection-portal .filters .suggestions .filter-nav,
  #my-nxp .homepage .filters .suggestions .filter-nav {
    border: unset;
  }
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item {
  padding: 2px 16px;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .form-check-wrapper,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .form-check-wrapper {
  padding-left: 0px;
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset {
  padding: unset;
  color: var(--nxp-link-color);
}

#my-nxp .collection-portal .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset::before,
#my-nxp .homepage .filters .suggestions .filter-nav .filter-nav-item .filter-nav-reset::before {
  all: unset;
}

#my-nxp .collection-portal .filters .section.keyword .tag,
#my-nxp .homepage .filters .section.keyword .tag {
  background: #ffeda7;
}

#my-nxp .collection-portal .filters .tag,
#my-nxp .homepage .filters .tag {
  gap: 6px;
  padding-right: 16px;
}

#my-nxp .collection-portal .filters .tag::before,
#my-nxp .homepage .filters .tag::before {
  content: none;
}

#my-nxp .collection-portal .filters .tag:hover,
#my-nxp .homepage .filters .tag:hover {
  text-decoration: unset;
}

#my-nxp .collection-portal .filters .tag .icon-times,
#my-nxp .homepage .filters .tag .icon-times {
  align-self: center;
  cursor: pointer;
}

#my-nxp .collection-portal .component-overview .subTitle,
#my-nxp .homepage .component-overview .subTitle {
  font-size: 18px;
  padding-bottom: 18px;
}

#my-nxp .collection-portal .component-overview .description,
#my-nxp .homepage .component-overview .description {
  padding-top: 0px;
  padding-bottom: 18px;
}

#my-nxp .collection-portal .compact-actions .dropdown-menu,
#my-nxp .homepage .compact-actions .dropdown-menu {
  padding: 15px 0;
}

#my-nxp .page-title:has(+ .collection-portal) {
  padding-bottom: 18px;
}

#my-nxp .alert-flag:nth-last-of-type(1) {
  bottom: 30px;
}

#my-nxp .alert-flag:nth-last-of-type(2) {
  bottom: 126px;
}

#my-nxp .alert-flag:nth-last-of-type(3) {
  bottom: 222px;
}

#my-nxp .alert-flag:nth-last-of-type(4) {
  bottom: 318px;
}

#my-nxp .modal-body {
  word-wrap: break-word;
}

/* .dropdown */
.cta-wrapper.open .dropdown-menu::after {
  display: none;
}

@media only screen and (max-width: 480px) {
  .cta-wrapper.open .dropdown-menu {
    left: 0px;
    max-width: 250px;
  }
}

.dot-option {
  display: flex;
  align-items: center;
  margin-top: 6px !important;
}

.cta-wrapper .dot-option {
  margin: 0px !important;
}

.open .dot-option .icon-ellipsis-h {
  background-color: #ebe7dd;
  border-radius: 100%;
}

.dot-option .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
}

.dot-option .icon-ellipsis-h:before {
  position: absolute;
  left: 5px;
  top: 4px;
}

.dot-option .icon-ellipsis-h:hover {
  cursor: pointer;
  background: #ebe7dd;
  border-radius: 100%;
}

.nxp-wrapper:has(#my-nxp):has(~ div > .react-responsive-modal-root) .container-fluid {
  z-index: 1000;
}

.nxp-wrapper:has(#my-nxp):has(~ div > .react-responsive-modal-root) .item-options-collections.open {
  z-index: 1000;
}

.nxp-wrapper:has(#my-nxp) ~ div > .react-responsive-modal-root:has(.modal.collection) .react-responsive-modal-overlay {
  z-index: 1;
}

.nxp-wrapper:has(#my-nxp) ~ div > .react-responsive-modal-root:has(.collection.share-collection-modal) .react-responsive-modal-overlay {
  z-index: -1;
}

.tooltip-react span.interpunct::after {
  content: ' \B7 ';
}

.header-subsection-metadata {
  display: flex;
  width: 80%;
  gap: 16px;
  padding: 16px 0px;
  margin: 0px;
}

.header-subsection-metadata .meta-item {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  border-right: 1px solid #d4cfc5;
  margin: 0px;
  gap: 2px;
}

.header-subsection-metadata .meta-item:last-of-type {
  border-right: unset;
}

.header-subsection-metadata .meta-item:first-of-type .meta-title {
  min-width: max-content;
}

.header-subsection-metadata .meta-item:first-of-type .meta-value a {
  color: #686664;
}

.header-subsection-metadata .meta-item .icon-info {
  margin-left: 4px;
}

.header-subsection-metadata .meta-item .meta-title {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.header-subsection-metadata .meta-item .meta-title .meta-name {
  word-break: break-all;
}

.header-subsection-metadata .meta-item .meta-title div {
  margin-left: unset;
}

@media (max-width: 992px) {
  .header-subsection-metadata {
    flex-direction: column;
    width: 100%;
    padding-bottom: 0px;
    gap: 6px;
  }
  .header-subsection-metadata .meta-item {
    border-right: unset;
    border-bottom: 1px solid #d4cfc5;
    padding-bottom: 6px;
  }
  .header-subsection-metadata .meta-item:last-of-type {
    border-bottom: unset;
  }
}

.collections-support-modal .modal-header {
  padding: 24px;
}

.collections-support-modal .modal-header button.close {
  margin-top: -2px;
  padding: 8px 13px;
  border-radius: 25px;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  position: unset;
}

.collections-support-modal .modal-header button.close:hover {
  background-color: unset;
  border-color: unset;
}

.collections-support-modal .modal-body {
  max-height: unset;
  padding: 10px 24px;
  word-break: break-all;
}

.collections-support-modal .modal-body p {
  margin-bottom: 6px;
}

.collections-support-modal .modal-body a {
  display: block;
  margin-bottom: 16px;
}

.collections-support-modal .modal-body .form-group {
  margin-bottom: 16px;
}

.collections-support-modal .modal-body .form-group:last-of-type {
  margin-bottom: 0px;
}

.collections-support-modal .modal-footer {
  padding: 24px;
}

.share-collection-modal-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.share-collection-modal-title .ellipsis-title {
  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

@media (max-width: 480px) {
  .share-collection-modal-title .ellipsis-title {
    max-width: 210px;
  }
}

@media (min-width: 480px) and (max-width: 768px) {
  .share-collection-modal-title .ellipsis-title {
    max-width: 300px;
  }
}

.share-collection-modal .tab-content-share {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.share-collection-modal .tab-content-share .alert {
  margin-bottom: 0px;
  font-size: 14px;
}

.share-collection-modal .tab-content-share .message .form-subSection textarea {
  font-size: 14px;
}

.share-collection-modal .sharing-options select {
  font-size: 14px;
}

.share-collection-modal .share-collection {
  position: relative;
}

.share-collection-modal .share-collection .form-subSection-label {
  word-break: break-all;
  font-weight: 600;
}

.share-collection-modal .share-collection .form-input-wrapper {
  list-style: none;
  border: 1px solid #d4cfc5;
  max-height: 200px;
  display: flex;
  padding: 6px 12px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list {
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  max-height: 200px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token {
  display: flex;
  align-items: center;
  border-radius: 100px;
  background-color: #ebe7dd;
  gap: 10px;
  margin: 0px;
  padding: 4px 12px;
  width: fit-content;
  min-height: 34px;
  font-size: 14px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token .input-label-toke {
  word-break: break-all;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token.add-item {
  background-color: white;
  border-radius: unset;
  padding: 0px;
  width: 100%;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token .input-delete-token {
  cursor: pointer;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token input {
  border-color: transparent;
  width: 100%;
  font-size: 14px;
}

.share-collection-modal .share-collection .form-input-wrapper .input-list .input-token input:focus-visible {
  outline: transparent;
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions {
  border-left: 1px solid #d4cfc5;
  gap: 8px;
  display: flex;
  margin-left: 12px;
  padding-left: 12px;
  padding-bottom: 10px;
  align-items: end;
  color: #474645;
}

@media (min-width: 768px) {
  .share-collection-modal .share-collection .form-input-wrapper .input-actions {
    align-items: center;
    padding-bottom: 0px;
  }
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions.disabled {
  cursor: not-allowed;
}

.share-collection-modal .share-collection .form-input-wrapper .input-actions.disabled * {
  color: var(--nxp-gray-400);
}

.share-collection-modal .share-collection .form-input-wrapper > .icon-angle-down {
  align-self: center;
}

.share-collection-modal .share-collection .form-input-wrapper:has(+ .has-error) {
  border: 1px solid var(--nxp-red-300);
}

.share-collection-modal .share-collection .share-status {
  padding: 12px 0px;
  border: 1px solid #ebe7dd;
  background: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  position: absolute;
  width: 100%;
  visibility: hidden;
  list-style: none;
  flex-direction: column;
  z-index: 1;
}

.share-collection-modal .share-collection .share-status.reveal {
  visibility: visible;
}

.share-collection-modal .share-collection .share-status .share-status-item {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px;
  cursor: default;
  gap: 10px;
}

.share-collection-modal .share-collection .share-status .share-status-item:hover {
  background-color: #f7f5f1;
}

.share-collection-modal .btn-container {
  justify-content: end;
}

.share-collection-modal .share-actions {
  visibility: hidden;
  width: 208px;
  border: 1px solid #d4cfc5;
  background: white;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35);
  position: absolute;
  right: 0px;
  margin-top: 0px;
  z-index: 1;
  padding: 12px 10px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.share-collection-modal .share-actions .share-actions-item {
  display: grid;
  grid-template-columns: 10px 20px 1fr;
  gap: 12px;
  grid-template-areas: 'dot-area icon-area description-area';
  color: #474645;
  margin: 0px;
  cursor: pointer;
}

.share-collection-modal .share-actions .share-actions-item .dot {
  grid-area: dot-area;
}

.share-collection-modal .share-actions .share-actions-item .dot::before {
  background-color: #ff7400;
}

.share-collection-modal .share-actions .share-actions-item [class*='icon-'] {
  display: inline-flex;
  align-items: center;
  grid-area: icon-area;
}

.share-collection-modal .share-actions .share-actions-item .action-description {
  grid-area: description-area;
  display: flex;
  flex-direction: column;
}

.share-collection-modal .share-actions .share-actions-item .action-description .action-text {
  font-size: 14px;
  font-weight: 600;
}

.share-collection-modal .share-actions .share-actions-item .action-description .action-label {
  font-size: 12px;
}

.share-collection-modal .share-actions .share-actions-item-remove {
  border-top: 1px solid #d4cfc5;
  color: #474645;
  display: flex;
  padding-left: 54px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
}

.share-collection-modal .share-actions .share-actions-item.disabled {
  color: #aaa6a2;
}

.share-collection-modal .share-actions .share-actions-item.disabled:hover {
  pointer-events: auto;
}

.share-collection-modal .share-actions .share-actions-item.disabled:active, .share-collection-modal .share-actions .share-actions-item.disabled:focus {
  pointer-events: none;
}

.share-collection-modal .share-actions.reveal {
  visibility: visible;
}

.share-collection-modal .share-actions.reavel-all {
  visibility: visible;
  padding-left: 0px;
}

.share-collection-modal .form-subSection-helper {
  color: #898683;
  font-size: 14px;
}

.share-collection-modal .form-subSection-label {
  word-break: break-all;
  font-weight: 600;
}

.share-collection-modal .form-subSection-recommendations {
  font-size: 14px;
}

.share-collection-modal .form-subSection.validate .input-btn-wrapper {
  display: flex;
  gap: 30px;
}

.share-collection-modal .form-subSection.validate .form-input-status {
  flex: 1;
}

.share-collection-modal .form-subSection.validate .attention span {
  color: var(--nxp-red-300);
}

.share-collection-modal .tab-content-people {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.share-collection-modal .tab-content-people .share-actions {
  left: auto;
}

.share-collection-modal .tab-content-people .shared-container {
  position: relative;
  border: 1px solid #d4cfc5;
}

.share-collection-modal .tab-content-people .shared-container > .list-users {
  height: 224px;
  overflow-y: auto;
}

.share-collection-modal .tab-content-people .shared-container .list-users {
  padding: 0px 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item {
  list-style: none;
  border-bottom: 1px solid #d4cfc5;
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  margin: 0px;
  font-size: 14px;
  gap: 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible {
  flex-wrap: wrap;
  border-bottom: unset;
  gap: 0px;
  padding-bottom: 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .share-details {
  gap: 6px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .icon-angle-right {
  align-self: center;
  transform: rotate(90deg);
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .icon-angle-right::before {
  margin-left: unset;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users {
  width: 100%;
  padding: 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item {
  padding-left: 24px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible .list-users .list-user-item:first-of-type {
  border-top: 1px solid #d4cfc5;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse {
  border-bottom: 1px solid #d4cfc5;
  padding: 8px 0px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse .list-users {
  display: none;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.collapse .icon-angle-right {
  transform: unset;
}

.share-collection-modal .tab-content-people .shared-container .list-users .list-user-item.collapsible.open:not(:has(.list-users > li)) {
  border-bottom: 1px solid #d4cfc5;
  padding-bottom: 2px;
}

.share-collection-modal .tab-content-people .shared-container .list-users .react-loading-skeleton {
  height: 22px;
  margin-bottom: 10px;
}

.share-collection-modal .tab-content-people .shared-container .list-users.empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-collection-modal .tab-content-people .shared-container .list-users.empty .list-user-item {
  border-bottom: unset;
  justify-content: center;
}

.share-collection-modal .tab-content-people .shared-container + a {
  font-size: 14px;
}

.share-collection-modal .tab-content-people .tab-content-footer .alert-container {
  font-size: 14px;
}

.share-collection-modal .tab-content-people a {
  max-width: fit-content;
}

.share-collection-modal .tab-content-people .text-muted {
  color: var(--nxp-gray-500);
}

.share-collection-modal .tab-content-people .disabled {
  color: var(--nxp-gray-400);
}

.share-collection-modal .share-email,
.share-collection-modal .share-role,
.share-collection-modal .share-company {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 304px;
}

@media (max-width: 480px) {
  .share-collection-modal .share-email,
  .share-collection-modal .share-role,
  .share-collection-modal .share-company {
    max-width: 180px;
  }
}

.share-collection-modal .share-email:has(b),
.share-collection-modal .share-role:has(b),
.share-collection-modal .share-company:has(b) {
  max-width: 404px;
}

.share-collection-modal .share-information {
  display: flex;
  gap: 6px;
  align-items: center;
  min-width: 150px;
  justify-content: end;
}

.share-collection-modal .share-information .share-information-icon {
  background-color: #ffeda7;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-collection-modal .share-information .share-information-icon .icon-exclamation-circle {
  color: #994600;
  font-size: 12px;
}

@media (max-width: 768px) {
  .share-collection-modal .share-information .share-information-icon {
    display: none;
  }
}

.share-collection-modal .share-information .share-information-text {
  cursor: pointer;
  min-width: fit-content;
}

.share-collection-modal .share-information .icon-angle-down {
  cursor: pointer;
}

.share-collection-modal .share-details {
  display: flex;
  gap: 6px;
}

.share-collection-modal .share-details .icon-info {
  color: var(--nxp-gray-500);
}

@media (max-width: 768px) {
  .share-collection-modal .share-details .icon-info {
    display: none;
  }
}

.share-collection-modal .share-details .share-role,
.share-collection-modal .share-details [class*='icon-angle-'],
.share-collection-modal .share-details .share-company,
.share-collection-modal .share-details .access,
.share-collection-modal .share-details .visibility,
.share-collection-modal .share-details .region {
  cursor: pointer;
}

.share-collection-modal .share-details [class*='icon-angle-'] {
  padding: 0px 6px 0px 6px;
}

.share-collection-modal .share-details .tooltip-react {
  word-break: break-word;
}

.share-collection-modal .share-details .region,
.share-collection-modal .share-details .share-company {
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 480px) {
  .share-collection-modal .share-details {
    width: 70%;
    flex-wrap: wrap;
  }
  .share-collection-modal .share-details [class*='icon-angle-'] {
    width: 10%;
  }
  .share-collection-modal .share-details .share-role,
  .share-collection-modal .share-details .share-company {
    width: 80%;
  }
  .share-collection-modal .share-information {
    width: 30%;
    min-width: unset;
  }
}

.share-collection-modal .filter-nav.multiselect {
  padding: 16px 14px;
  gap: 10px;
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
}

.share-collection-modal .filter-nav.multiselect .form-check-wrapper {
  padding-left: 0px;
}

.share-collection-modal .filter-nav.multiselect:has(+ .share-actions) {
  width: calc(100% - 60px);
}

.share-collection-modal .modal-tabs {
  display: flex;
  width: 100%;
  margin-top: 20px;
  cursor: pointer;
}

.share-collection-modal .modal-tabs .tab {
  width: 50%;
  text-align: center;
  color: #000000;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 0px;
}

.share-collection-modal .modal-tabs .tab.active {
  border-bottom: 3px solid #ff7400;
}

.share-collection-modal .search .input-group-search .input-group-btn {
  display: block;
  padding-left: 22px;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-right: 10px;
}

.share-collection-modal .search .input-group-search .input-group-btn .icon-filter {
  font-size: 16px;
  padding: 0px;
}

.share-collection-modal .search .input-group-search .search-input {
  padding-left: 46px;
  border-radius: 23px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}

.share-collection-modal .modal-tabs-content.role .input-list {
  flex-direction: row;
}

.share-collection-modal .request-on-behalf .share-collection .input-list {
  flex-direction: row;
  flex-wrap: wrap;
}

.user-profile-role .row {
  display: flex;
}

.user-profile-role .row:first-of-type:not(:has(.col-xs-12.col-sm-6)) .col-xs-8.col-sm-4 {
  position: absolute;
}

.user-profile-role .row .text-muted {
  font-size: 14px;
}

.user-profile-role .row .text-right {
  padding-top: 24px;
}

.react-responsive-modal-modal {
  padding: 0px;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog,
.react-responsive-modal-modal .share-collection-modal .modal-md,
.react-responsive-modal-modal .collections-support-modal .modal-dialog,
.react-responsive-modal-modal .collections-support-modal .modal-md,
.react-responsive-modal-modal #share-collection-modal .modal-dialog,
.react-responsive-modal-modal #share-collection-modal .modal-md {
  all: unset;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content {
  all: unset;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close),
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) {
  display: flex;
  flex-wrap: wrap;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close {
  font-size: 30px;
  right: 24px;
  top: 24px;
  padding: 0px;
  line-height: 0.9;
  font-weight: 400;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close:hover,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close:hover {
  background-color: white;
  opacity: 1;
  color: #898683;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-header:has(> .close) .close + .modal-title,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-header:has(> .close) .close + .modal-title {
  padding-right: 34px;
  word-break: break-word;
}

.react-responsive-modal-modal .share-collection-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal .share-collection-modal .modal-md .modal-content .modal-body,
.react-responsive-modal-modal .collections-support-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal .collections-support-modal .modal-md .modal-content .modal-body,
.react-responsive-modal-modal #share-collection-modal .modal-dialog .modal-content .modal-body,
.react-responsive-modal-modal #share-collection-modal .modal-md .modal-content .modal-body {
  word-break: break-word;
}

.react-responsive-modal-modal:has(.share-collection-modal) {
  overflow-y: unset;
  padding: 0px;
}

@media (max-width: 480px) {
  .react-responsive-modal-modal:has(.share-collection-modal) {
    width: 90%;
  }
}

.react-responsive-modal-modal:has(.share-collection-modal) .modal-header {
  padding: 24px 24px 0px 24px;
  border-bottom: 1px solid #d4cfc5;
}

.react-responsive-modal-modal:has(.share-collection-modal) .modal-body {
  padding: 16px 24px 42px 24px;
}

.react-responsive-modal-modal #share-collection-modal.collection .modal-content .modal-header:not(:has(+ .modal-body)) {
  display: block;
}

@media (max-width: 768px) {
  .react-responsive-modal-modal:has(#share-collection-modal .share-with.active) {
    height: 100vh;
  }
  .react-responsive-modal-modal:has(#share-collection-modal .share-with.active) .list-users {
    height: 448px;
  }
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) {
  padding-bottom: 20px;
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) .role-badge-list {
  margin-top: 14px;
}

.mynxp-leftnav-component-new-data:has(.role-badge-list) .role-badge-list a {
  all: unset;
}

.partner-portal .has-error .form-control,
.partner-portal .has-error .dropdown-search div:last-child,
.partner-portal .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-portal .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-portal .has-error div.basic-select[class^='css'] div:last-child,
.partner-portal .has-error div.basic-select[class*='css'] div:last-child,
.partner-application .has-error .form-control,
.partner-application .has-error .dropdown-search div:last-child,
.partner-application .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-application .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-application .has-error div.basic-select[class^='css'] div:last-child,
.partner-application .has-error div.basic-select[class*='css'] div:last-child {
  border-color: #8f2727;
}

.partner-portal .has-error p,
.partner-application .has-error p {
  color: #262626;
}

.partner-portal .has-error p.help-block,
.partner-application .has-error p.help-block {
  color: #8f2727;
}

/* Styles for the Partner Portal project */
.back-offering {
  color: black;
  font-weight: 400;
}

.back-offering:hover {
  text-decoration: none;
  color: inherit;
}

/* Stepper on Partner Portal */
.partner-application > div:only-of-type {
  min-height: 50vh;
}

.partner-application .page-header,
.partner-application .component-overview .description {
  margin: 0px;
  padding-top: 0px;
  border: none;
}

.partner-application .page-header {
  padding-bottom: 20px;
}

.partner-application .component-overview {
  padding-bottom: 36px;
}

.partner-application .component-overview .description {
  padding-bottom: 0px;
}

.stepper-partner {
  margin-left: -15px;
  width: auto;
  /* removing padding of form groupd on the stepper content */
  /*// Other section of stepper
    .stepper-content {
    
    }*/
}

.stepper-partner.stepper-hover .stepper-completed .stepper-head:hover,
.stepper-partner.stepper-hover .stepper-ready .stepper-head:hover {
  cursor: pointer;
  background-color: #ebe7dd;
}

.stepper-partner .stepper-completed .stepper-head:hover,
.stepper-partner .stepper-ready .stepper-head:hover {
  cursor: default;
  background-color: inherit;
}

.stepper-partner .new-form {
  width: 90% !important;
}

.stepper-partner .new-form > * {
  position: relative;
}

.stepper-partner .add-region {
  padding: 20px 0px 0px 0px;
}

.stepper-partner .deleteRegion,
.stepper-partner .delete-region {
  position: absolute;
  right: -42px;
  top: 47px;
  width: 38px;
  height: 38px;
  text-align: center;
}

.stepper-partner .deleteRegion::before,
.stepper-partner .delete-region::before {
  top: 10px;
  left: 14px;
  position: absolute;
}

.stepper-partner .deleteRegion:hover,
.stepper-partner .delete-region:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .stepper-active .stepper-content {
  display: block;
}

@media (max-width: 992px) {
  .stepper-partner {
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .stepper-partner.stepper-vertical .stepper-step:not(:last-child):after {
    top: 55px;
  }
}

.stepper-partner .stepper-head .form-step {
  padding: 0px 10px;
}

.stepper-partner .stepper-head .icon-checkmark .form-step {
  padding: 0px;
}

.stepper-partner .stepper-head .has-error {
  color: #8d081d;
  text-transform: none;
  /*  @media (max-width: $screen-xs) {
          max-width: 124px;
        } */
}

.stepper-partner .stepper-content {
  /* .form-group.has-border-bottom > div .form-group:first-child{
        padding-top: 42px;
      } */
  display: none;
  padding: 12px 54px;
  max-width: 800px;
}

.stepper-partner .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner .stepper-content img {
  margin: 16px 0px;
}

.stepper-partner .stepper-content .form-group > .competencies {
  margin-top: 24px;
}

.stepper-partner .stepper-content .form-group > .competencies:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content textarea {
  max-width: 700px;
  max-height: 100px;
  min-height: 30px;
  width: 100% !important;
}

.stepper-partner .stepper-content input {
  max-width: 100%;
}

.stepper-partner .stepper-content input[type='file'] {
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.stepper-partner .stepper-content .partner-category {
  margin-top: 22px;
}

.stepper-partner .stepper-content > :first-child {
  margin-top: 0px;
}

.stepper-partner #step-2 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-2 .stepper-content .form-group > div:nth-last-child(2) {
  margin-bottom: 15px !important;
}

.stepper-partner #step-3 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-3 .stepper-content .form-group p a {
  font-size: 14px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:last-child {
  margin-top: 24px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:nth-child(2) {
  margin-top: 0px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner #step-5 .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner.stepper-vertical .stepper-head .stepper-head-text {
  text-transform: uppercase;
  /* @media (max-width: $screen-xs) {
          width: 160px;
        } */
}

.stepper-partner .form-group {
  display: table;
  width: 90%;
  /*  @media (max-width: $screen-xs) {
        input,textarea,select{
          width: 95%;
        } 
      }*/
}

.stepper-partner .form-group .text-required {
  color: #007100;
}

.stepper-partner .form-group > label {
  width: 100%;
}

.stepper-partner .form-group.has-border-bottom {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.stepper-partner .form-group .form-group {
  padding: 24px 0px 8px 24px;
  margin-bottom: 0px;
}

.stepper-partner .form-group .form-group input {
  margin-bottom: 15px;
}

.stepper-partner .form-group .form-group input:last-of-type {
  margin-bottom: 0px;
}

.stepper-partner .form-group [class~='form-group']:last-of-type {
  padding-bottom: 0px;
}

.stepper-partner .field-close {
  display: block;
  position: relative;
}

.stepper-partner .field-close .icon-times {
  top: 0px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
  /*  @media (max-width: $screen-xs) {
          right: -30px;
        } */
}

.stepper-partner .field-close .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.stepper-partner .field-close .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .text-muted {
  margin-top: 6px;
  display: block;
  color: #686664;
}

.stepper-partner .text-muted.icon-info {
  display: inline-block;
}

.stepper-partner a.add-element {
  display: block;
  margin-bottom: 15px;
}

.stepper-partner .button-section {
  display: flex;
  gap: 8px;
}

@media (max-width: 480px) {
  .stepper-partner .button-section {
    display: block;
  }
  .stepper-partner .button-section .btn {
    margin: 2px 4px;
  }
}

.stepper-partner .has-error .help-block,
.stepper-partner .has-error .control-label,
.stepper-partner .has-error .radio,
.stepper-partner .has-error .checkbox,
.stepper-partner .has-error .radio-inline,
.stepper-partner .has-error .checkbox-inline,
.stepper-partner .has-error.radio label,
.stepper-partner .has-error.checkbox label,
.stepper-partner .has-error.radio-inline label,
.stepper-partner .has-error.checkbox-inline label,
.stepper-partner .has-error .help-block,
.stepper-partner .has-error .form-control {
  color: #8f2727;
}

.stepper-partner .has-error .form-control {
  border-color: #8f2727;
}

.partner-portal .alert a {
  text-decoration: underline;
}

.partner-portal .alert a:hover {
  color: inherit;
}

.alert a[class='primary-link'] {
  font-weight: normal;
  color: var(--nxp-link-color);
}

.alert a[class='primary-link']:hover {
  text-decoration: underline;
}

.partner-portal .component-container:first-child {
  padding-bottom: 0px !important;
}

.partner-portal .component-container.partner-portal-block {
  padding-top: 0px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d4cfc5;
  /*  &:nth-last-of-type(3) {
      border: none;
    } */
}

.partner-portal .component-container.partner-portal-block .box-text {
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:nth-last-of-type(4) {
  border: none;
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:last-of-type, .partner-portal .component-container.partner-portal-block.partner-translation:last-of-type {
  border: none !important;
}

.partner-portal-block:last-child,
.app-column-right.partner-portal .component-container .partner-portal-block:last-child {
  border: none;
}

.partner-portal-block {
  /* h4 {
          margin-bottom: 0px;
        } */
}

.partner-portal-block h3 {
  margin: 0px;
}

@media (max-width: 480px) {
  .partner-portal-block h3 {
    width: 70%;
    max-width: 250px;
  }
}

.partner-portal-block.component-container.component-divider-top {
  border: none;
  padding-top: 24px;
  margin-bottom: 0px;
}

.partner-portal-block.component-container.component-divider-top::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

@media screen and (min-width: 768px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 250px) / 2));
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 300px) / 2));
    width: calc(100vw - 300px);
  }
}

.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group textarea,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex {
  margin-bottom: 0px;
}

.partner-portal-block .dropdown-search {
  margin-bottom: 8px;
}

.partner-portal-block .dropdown-search + .text-muted {
  margin-bottom: 0px;
}

.partner-portal-block .d-flex {
  padding-top: 16px;
}

.partner-portal-block .d-flex p.text-muted {
  color: #686664 !important;
}

.partner-portal-block .d-flex .flex-column.flex-xs p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex .flex-column p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex.form-group {
  margin-bottom: 0px;
}

.partner-portal-block h4 + .d-flex {
  padding-top: 12px;
}

.partner-portal-column {
  display: block;
  padding-top: 16px;
}

.partner-portal-column .panel-default > div:not(.panel-deault) {
  border-bottom: 1px solid #d4cfc5;
}

.partner-portal-column .panel-default > div:not(.panel-deault):last-of-type {
  border-bottom: none;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default {
  width: calc(100% - 20px);
  margin-left: 20px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default select {
  width: 100%;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:first-of-type {
  margin-top: 14px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:only-child {
  border-bottom: none !important;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:last-of-type {
  border-bottom: none !important;
}

.partner-portal-column .footer-region {
  display: block;
  min-width: 100%;
  margin-top: 18px;
}

.partner-portal-column .delete-region {
  top: 0px !important;
  right: 0px !important;
  position: absolute;
  padding: 10px 12px 10px 12px;
  cursor: pointer;
}

.partner-portal-column .delete-region:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.partner-portal-column .flex-container.form-group.has-error p.text-muted {
  color: #686664;
}

.partner-portal-column .flex-column .dropdown-search,
.partner-portal-column .flex-column select,
.partner-portal-column .flex-column input,
.partner-portal-column .flex-column textarea {
  width: calc(100% - 38px) !important;
  margin-bottom: 8px;
}

.partner-portal-column .flex-column .dropdown-search input {
  width: auto !important;
}

.partner-portal-column .panel {
  max-width: unset !important;
}

.partner-portal-column-element:first-child {
  padding-top: 0px;
}

.partner-portal-column-element {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* & div:nth-child(3)  */
}

.toggle_container .partner-portal-column-element {
  max-width: unset !important;
}

.toggle_container .partner-portal-column-element div:nth-child(3) {
  max-width: unset;
}

.partner-portal-column-element .remove-element {
  position: absolute;
  top: 0px;
  left: 310px;
  padding: 10px 14px;
  height: 36px;
  font-size: 16px;
  width: 36px;
}

.partner-portal-column-element .remove-element:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element > * {
  flex: 50%;
  position: relative;
}

@media (max-width: 992px) {
  .partner-portal-column-element > * {
    min-width: unset;
  }
}

.partner-portal-column-element h4:first-child {
  width: 100%;
  flex: 100%;
}

@media (max-width: 768px) {
  .partner-portal-column-element {
    gap: 15px;
  }
}

.partner-portal-column-element img {
  max-width: 90px;
}

.partner-portal-column-element > p {
  margin: 0px;
  max-width: 50%;
}

@media (max-width: 768px) {
  .partner-portal-column-element > p {
    max-width: 100%;
  }
}

.partner-portal-column-element p:first-of-type {
  min-width: 300px;
  max-width: 300px;
  padding-right: 8px;
  display: inline-block;
}

.partner-portal-column-element p:first-of-type > * {
  display: inline-block;
  padding-left: 4px;
}

.partner-portal-column-element p:first-of-type a {
  display: inline;
  padding-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    max-width: 170px;
  }
}

@media (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    min-width: unset;
  }
}

@media (max-width: 768px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 160px;
    max-width: unset;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 145px;
  }
}

.partner-portal-column-element .has-error p.help-block {
  max-width: unset;
}

.partner-portal-column-element a {
  display: inline;
  padding-bottom: 8px;
}

.partner-portal-column-element .panel-group {
  width: 100%;
  border: none;
}

.partner-portal-column-element .panel-group .panel-default {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element .panel-group .panel-default .toggle_container,
.partner-portal-column-element .panel-group .panel-default .panel-collapse {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element div.form-group {
  margin: 0px;
}

.partner-portal-column-element div,
.partner-portal-column-element input,
.partner-portal-column-element textarea,
.partner-portal-column-element select {
  width: 90%;
  min-width: 300px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 240px;
    width: 90%;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 150px;
  }
}

.partner-portal-column-element div:empty {
  max-width: 300px;
  min-width: 100px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div:empty {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element div:empty {
    max-width: 170px;
  }
}

.partner-portal-column-element input[type='radio'],
.partner-portal-column-element input[type='checkbox'] {
  height: auto;
  border: none;
  min-width: unset !important;
  min-height: unset !important;
  width: auto;
}

@media (max-width: 768px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

.partner-portal-column-element input[type='file'] {
  max-width: 300px;
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.partner-portal-column-element input[type='file']:focus, .partner-portal-column-element input[type='file']:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

.partner-portal-column-element div input,
.partner-portal-column-element div textarea {
  width: 100%;
}

.partner-portal-column-element div textarea,
.partner-portal-column-element textarea {
  height: 150px;
}

.partner-portal-column-element div > div {
  padding: 8px 0px;
  width: 100%;
  position: relative;
}

.partner-portal-column-element div > div > * {
  margin-top: 4px;
}

.partner-portal-column-element div > div .icon-times {
  position: absolute;
  top: 24px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
}

.partner-portal-column-element div > div .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.partner-portal-column-element div > div .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element .keywords {
  height: 68px;
}

.partner-portal-column-element .updated-element {
  position: relative;
}

.partner-portal-column-element .updated-element::before {
  content: ' ';
  position: absolute;
  background-color: #f9b500;
  width: 6px;
  height: 6px;
  right: -5px;
  top: -8px;
  border-radius: 25px;
  animation: updatedElement 1500ms infinite ease-in-out;
}

.partner-portal-column ul {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column ul li {
  list-style: none;
  min-width: 300px;
  display: block;
}

.partner-portal-column ul li a {
  display: block;
}

.partner-portal-edit {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
}

@media (max-width: 768px) {
  .partner-portal-edit {
    top: 28px;
    right: 24px;
  }
}

.partner-portal-edit a {
  padding-left: 8px;
}

.partner-portal-edit .btn-link {
  padding: 0px 0px 0px 8px;
  margin: 0px;
  font-size: 16px;
  color: #215bd6;
  line-height: 1.428571429;
}

@media (max-width: 767px) {
  .partner-portal-edit .btn-link {
    font-size: 14px;
  }
}

.partner-portal-edit .btn-link:disabled {
  color: #686664;
}

.partner-portal-edit .btn-link:disabled:hover {
  cursor: not-allowed;
}

.partner-portal .dropdown-portal {
  width: 100%;
  min-width: 250px;
  border: #cccccc;
  display: flex;
  border: 1px solid #d4cfc5;
  position: relative;
  min-height: 38px;
  justify-content: space-between;
}

.partner-portal .dropdown-portal .dropdown-placeholder {
  color: grey;
}

.partner-portal .dropdown-value {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.partner-portal .dropdown-value .dropdown-label {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  margin: 8px 2px;
}

.partner-portal .dropdown-value .dropdown-label span.value {
  border-radius: 2px;
  text-transform: uppercase;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.partner-portal .dropdown-value .dropdown-label span.remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
}

.partner-portal .dropdown-value .dropdown-label span.remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.partner-portal .dropdown-toggle {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.partner-portal .dropdown-toggle span {
  font-size: 18px;
  vertical-align: -8px;
  padding: 0px 8px;
  color: #262626;
}

.partner-portal .dropdown-toggle::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  display: block;
  height: calc(100% - 16px);
  border-left: 1px solid #d4cfc5;
}

.partner-portal .dropdown-options {
  padding: 4px 0px;
  display: block;
  height: auto;
  max-height: 300px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  top: 102%;
  background: white;
  border: 1px solid #d4cfc5;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.partner-portal .dropdown-options .checkbox, .partner-portal .dropdown-options-item {
  padding: 8px;
  margin: 0px;
}

.partner-portal .dropdown-options .checkbox label, .partner-portal .dropdown-options-item label {
  width: 100%;
  text-transform: uppercase;
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.partner-portal .dropdown-options .checkbox:hover, .partner-portal .dropdown-options-item:hover {
  cursor: pointer;
  background-color: #deecf8;
}

.partner-portal .toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.partner-portal .toggle-container .toggle-title {
  height: auto;
}

.partner-portal .toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.partner-portal .toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.partner-portal .toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

.partner-portal .stepper-content #offeringImageFilename {
  margin: 14px 0px 8px 0px;
}

.partner-portal .stepper-content .icon-times:hover {
  cursor: pointer;
}

.partner-portal .stepper-content img {
  margin: 12px 12px 14px 0px;
}

.partner-portal .stepper-content .col-md-6 {
  margin-bottom: 0px;
  padding-left: 0px;
}

.partner-portal .stepper-content .col-md-6 .checkbox {
  margin: 8px 0px !important;
}

.partner-portal .btn.btn-default.btn-width {
  margin: 0px 10px 10px 0px !important;
}

.partner-portal .btn.btn-default.btn-width span {
  z-index: 2;
  position: relative;
}

.partner-portal #duration {
  border-right: none;
  vertical-align: 0.5px;
}

.partner-portal #duration,
.partner-portal #durationUOM {
  width: auto !important;
  max-width: 115px;
  display: inline-block;
}

.partner-portal .form-inline {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-portal .dropdown-menu {
  display: none;
  right: 12px;
  top: 20px;
  left: unset;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

.partner-portal .dropdown-menu::after {
  display: none;
}

.partner-portal .dropdown-menu span {
  padding: 3px 20px;
}

.partner-portal .open .dropdown-menu {
  display: block;
}

@media (max-width: 992px) {
  .partner-portal .dropdown-menu {
    right: unset;
    left: 20px;
  }
  .partner-portal .item-options .flex-right {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .partner-portal #duration {
    max-width: 60px;
  }
}

.partner-offering .retrieved-results-header {
  padding-top: 8px;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .form-group.form-group-sm {
    display: flex;
    margin-top: 8px;
    align-items: center;
  }
}

.partner-offering .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
}

.partner-offering .retrieved-results-header .sort-results label {
  font-weight: normal;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .sort-results label {
    display: inline-block;
    white-space: nowrap;
  }
}

.partner-offering.retrieved-results .retrieved-results-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-offering.retrieved-results .retrieved-results-label select {
  font-size: 16px;
}

.partner-offering.retrieved-results .retrieved-results-label input {
  margin-right: 0px;
}

.partner-offering.retrieved-results {
  padding-bottom: 26px;
}

.partner-offering.retrieved-results .retrieved-items {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item {
  padding: 24px 0px;
  margin: 0px !important;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item.selected {
  background-color: #c3effe;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
  padding: 0px;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
    width: 90%;
    max-width: 90%;
    min-width: unset;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata {
  margin-bottom: 0px;
  padding-left: 22px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input a,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 a {
  margin-right: 8px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input .text-new-my-lib,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 .text-new-my-lib {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
  min-width: 50px;
  width: 60px;
  max-width: 60px;
  justify-content: center;
  gap: unset;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
    width: 10%;
    max-width: 10%;
    display: block;
  }
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options > * {
    margin-top: 0px;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:before {
  position: absolute;
  left: 7px;
  top: 7px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle {
  right: 15px;
  position: absolute;
  background: white;
  list-style: none;
  text-align: left;
  border: 1px solid #d4cfc5;
  padding: 12px 0px;
  margin: 0px;
  top: 28px;
  z-index: 999;
  width: 170px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a {
  padding: 4px 24px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #686664;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #deecf8;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu {
  display: block;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  display: none;
  top: 30px;
  margin-top: 0px;
  right: 10px;
  left: unset;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-toggle::before {
  border: none;
}

.partner-offering-number {
  margin-bottom: 0px;
}

.submit-container {
  padding: 26px 0px 48px 0px;
}

.submit-container .checkbox label {
  line-height: inherit;
}

.submit-status {
  margin-bottom: 14px;
  max-width: 420px;
}

.submit .checkbox input {
  margin-top: 1px;
}

.filter-container-selected {
  padding: 8px;
  margin: 12px 0px;
  border: 1px solid #d4cfc5;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  min-height: 50px;
  gap: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .filter-container-selected {
    max-width: 300px;
  }
}

.filter-container-selected::-webkit-scrollbar {
  -webkit-appearance: none;
}

.filter-container-selected::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.filter-container-selected .value-selected {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
}

.filter-container-selected .value-selected-label {
  padding-left: 12px !important;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.filter-container-selected .value-selected-remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  box-sizing: border-box;
  font-size: 12px;
}

.filter-container-selected .value-selected-remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.filter-container-selected .value-selected span {
  padding: 4px 6px;
}

#partner-portal {
  /* removing padding from others existed components */
}

#partner-portal .tab-content,
#partner-portal .tab-panel {
  padding-top: 0px;
}

#partner-portal .app-column-left {
  height: auto;
  min-height: 90vh;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left {
    min-height: 50px;
    padding: 12px 15px;
    /* #select-tab-partner{
        } */
  }
  #partner-portal .app-column-left-title {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  #partner-portal .app-column-left {
    padding-left: 0px;
  }
}

#partner-portal .app-column-left .tab-sponsor {
  display: block;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left .tab-sponsor {
    display: none;
  }
}

#partner-portal .app-column-left ul li.active a {
  border-left: 3px solid #f59b00;
  font-weight: 600;
}

#partner-portal .app-column-left ul li a {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 32px !important;
}

#partner-portal .app-column-left ul li a:hover, #partner-portal .app-column-left ul li a:focus, #partner-portal .app-column-left ul li a:target, #partner-portal .app-column-left ul li a:visited {
  text-decoration: none;
}

@media (max-width: 768px) {
  #partner-portal .component-container {
    padding: 24px 0px;
  }
}

#partner-portal #partner-profile .checkbox .text-muted.small {
  line-height: inherit;
}

#partner-portal .alert-flag {
  max-width: 350px;
}

@media (max-width: 480px) {
  #partner-portal .alert-flag {
    left: 0px;
    max-width: 300px;
  }
  #partner-portal .alert-flag .alert-dismissible .media-body p {
    max-width: 150px !important;
  }
}

#partner-portal .alert-flag .alert-dismissible .close {
  height: 15px;
  width: 15px;
}

#partner-portal .alert-flag .alert-dismissible .media-left {
  vertical-align: middle;
}

#partner-portal .alert-flag .alert-dismissible .media-left span {
  font-size: 40px;
}

#partner-portal .alert-flag .alert-dismissible .media-body {
  min-width: 200px;
  width: auto;
  max-width: 380px;
}

#partner-portal .alert-flag .alert-dismissible .media-body p {
  max-width: 300px;
}

#partner-portal h4.item-title {
  font-size: 16px;
}

#partner-portal .partner-portal .stepper-content .form-group div:first-child {
  margin-bottom: unset;
}

#partner-portal .stepper-content > div .form-group:nth-last-child(2) {
  margin-bottom: 0px;
}

@media (max-width: 480px) {
  .tree-component {
    max-width: 280px;
  }
}

.tree-component .form-group:first-of-type {
  padding-top: 4px !important;
}

.tree-component .form-group:last-of-type {
  padding-bottom: 8px !important;
}

.tree-component .form-group:first-child {
  margin: 0px;
}

.tree-component .form-group:first-child .checkbox {
  margin: 10px 0px !important;
}

.tree-component .form-group {
  padding-left: 0px !important;
}

.tree-component .form-group label {
  font-size: 14px;
  line-height: 1.7;
}

.tree-component label:hover {
  background-color: inherit !important;
}

#software-manager-tool .react-checkbox-tree {
  margin-bottom: 24px;
}

.react-checkbox-tree .rct-icon,
.rct-icon .rct-icons-fa4 .rct-icon-check .rct-icon .rct-icon-expand-close,
.rct-icon .rct-icon-expand-open {
  font-family: 'Font Awesome' !important;
}

.rct-icons-fa4 .rct-icon-check::before {
  content: '\F00C' !important;
  color: white !important;
}

.rct-icons-fa4 .rct-icon-check {
  width: 14px;
  height: 14px;
  font-size: 10px;
  background: #0075ff;
  border-radius: 2px;
}

.rct-icons-fa4 .rct-icon-uncheck {
  width: 14px;
  height: 16px;
  border-radius: 2px;
  font-size: 13px;
}

.rct-icons-fa4 .rct-icon-uncheck::before {
  content: '\F0C8' !important;
  color: #767676 !important;
}

.rct-node-icon {
  display: none !important;
}

.rct-node-parent {
  margin-top: 4px !important;
}

.rct-node-parent input[type='checkbox'] {
  height: 20px;
}

.rct-title {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

.rct-collapse {
  padding: 8px !important;
  transition: all ease-in-out 200ms;
}

.rct-collapse:hover {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.rct-collapse:hover .rct-icon {
  opacity: 1;
}

.rct-node-leaf {
  margin-bottom: 0px;
}

.rct-text label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}

.rct-node-leaf label {
  padding: 4px;
}

.rct-node-leaf label:hover {
  background: inherit !important;
}

.sponsor-comments {
  /* padding-bottom: 24px; */
}

.sponsor-comments.partner-portal-column-element {
  display: block;
}

.sponsor-comments.partner-portal-column-element .box-text {
  width: 100%;
}

.sponsor-comments.partner-portal-column-element .box-text p {
  width: 100%;
  min-width: unset;
  margin: 0px;
  max-width: unset;
}

.sponsor-comments .box-text {
  margin: 48px 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.sponsor-comments .box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

.sponsor-comments .component-flex {
  padding: 0px 0px 30px 0px;
}

.sponsor-comments textarea {
  height: auto;
  min-height: 90px;
  max-height: 120px;
  min-width: 300px;
  width: 100%;
}

/* table for translation */
.partner-translation {
  width: 100%;
  overflow: hidden;
}

.partner-translation p.text-muted {
  margin-top: 10px;
}

.partner-translation .table-clean {
  min-width: 450px;
  border: none !important;
}

.partner-translation .table-clean thead {
  border-bottom: 2px solid #686664;
}

.partner-translation .table-clean thead tr th {
  background-color: transparent !important;
}

.partner-translation .table-clean tbody tr td:first-of-type {
  width: 80px;
  min-width: unset;
}

.partner-translation .table-clean tbody tr td {
  min-width: 100px;
}

.partner-translation .table-clean tbody tr td .btn {
  float: right;
  margin-top: 5%;
}

.partner-translation .table-clean tbody tr td select {
  min-width: 210px;
}

@media (max-width: 480px) {
  .partner-translation .table-clean {
    min-width: unset;
  }
}

.partner-translation .content-box {
  position: relative;
  width: 100%;
  margin-top: 8px;
}

.partner-translation .content-box > * {
  max-width: 100%;
}

.partner-translation .content-box textarea {
  max-width: 100%;
  min-width: 200px;
  min-height: 100px;
  max-height: 200px;
}

.partner-translation .content-edit {
  position: absolute;
  display: flex;
  right: 0px;
  top: 0px;
  gap: 8px;
}

.partner-translation .content-text {
  padding-top: 12px;
}

.partner-translation .content-text.box-text {
  margin: 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.partner-translation .content-text.box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

.partner-overview {
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0px;
  position: relative;
  gap: 30px;
}

.partner-overview-full {
  flex: 0 0 100%;
}

.partner-overview-column {
  flex: 80;
  /*  @media (max-width: $screen-lg) {
            flex: 0 0 calc(50% - 124px);
          } */
}

.partner-overview-column img {
  margin-bottom: 12px;
  max-width: 250px;
  max-height: 120px;
}

.partner-overview-column .media img {
  max-width: unset;
  max-height: unset;
}

.partner-overview-left {
  padding-right: 48px;
  flex: 80;
}

.partner-overview-left .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview-left .component-md-flex {
    gap: 48px;
  }
}

.partner-overview-left .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview-left .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview-left .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview-left .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview-left .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview-right {
  flex: 20;
}

.partner-overview .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview .component-md-flex {
    gap: 48px;
  }
}

.partner-overview .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview .toggle-opacity-content {
  max-height: 300px;
}

.partner-overview .text-indicator {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .partner-overview-column {
    flex: none;
    width: 100%;
  }
  .partner-overview-left {
    padding-top: 30px;
    padding-right: 0px;
  }
  .partner-overview-right img {
    max-width: 46%;
  }
}

#partnerProfile .fix-top,
#partnerProfileRedesign .fix-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1099;
  background-color: white;
  display: flex;
  gap: 20px;
  height: 64.5px;
  border-bottom: 1px solid #d6dce0;
  padding: 0px 15px;
  /* Hidding the fix nav in mobile only */
}

@media (max-width: 768px) {
  #partnerProfile .fix-top,
  #partnerProfileRedesign .fix-top {
    display: none !important;
  }
}

#partnerProfile .fix-top .site-logo,
#partnerProfileRedesign .fix-top .site-logo {
  padding: 0px 15px;
}

#partnerProfile .fix-top .site-logo a,
#partnerProfileRedesign .fix-top .site-logo a {
  display: block;
  padding-top: 16px;
  padding-bottom: 15px;
}

#partnerProfile .fix-top .site-logo a svg,
#partnerProfileRedesign .fix-top .site-logo a svg {
  width: 50px;
}

#partnerProfile .fix-top .site-nav .sticky-nav,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav {
  display: flex;
  gap: 20px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
  font-size: 20px;
  display: inline-block;
  line-height: 63px;
  top: 1px;
  position: relative;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
  font-size: 20px;
  line-height: 63px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span {
  margin-right: 8px;
  font-size: 18px;
}

@media (max-width: 992px) {
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
    font-size: 18px;
  }
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
    font-size: 14px;
  }
}

#partnerProfile #alertblue,
#partnerProfileRedesign #alertblue {
  margin-left: calc((-100vw + 100%) / 2);
  width: 100vw;
}

#partnerProfile .retrieved-results-label > *,
#partnerProfileRedesign .retrieved-results-label > * {
  margin-right: 4px;
}

#partnerProfile .scale-img,
#partnerProfileRedesign .scale-img {
  max-height: unset;
}

#partnerProfile .header-search,
#partnerProfileRedesign .header-search {
  margin-left: auto;
  margin-top: 13px;
}

#partnerProfile .header-search .search-input,
#partnerProfileRedesign .header-search .search-input {
  position: relative;
  display: flex;
  max-width: 255px;
  margin-left: auto;
  transition: all 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

#partnerProfile .header-search .search-input::after,
#partnerProfileRedesign .header-search .search-input::after {
  content: '\F002';
  display: inline-block;
  font-family: 'Font Awesome';
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  speak: none;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 12px;
  color: #98a8b4;
  transform: translateY(-50%);
  pointer-events: none;
  font-variant: normal;
}

#partnerProfile .header-search .search-input input,
#partnerProfileRedesign .header-search .search-input input {
  padding-left: 25px;
}

@media (max-width: 768px) {
  #partnerProfile .ds-resources .ds-resources-big-title,
  #partnerProfileRedesign .ds-resources .ds-resources-big-title {
    border: none;
  }
}

#partnerProfile .ds-resources::before,
#partnerProfileRedesign .ds-resources::before {
  top: unset;
  bottom: 0px;
}

#partnerProfile .ds-resources:last-of-type::before,
#partnerProfileRedesign .ds-resources:last-of-type::before {
  display: none;
}

#partnerProfile .retrieved-item .item-media,
#partnerProfileRedesign .retrieved-item .item-media {
  min-width: 200px;
}

#product-portfolio .item-options.metadata, #product-portfolio .disclaimer p a.item-options, .disclaimer p #product-portfolio a.item-options, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
  padding: 18px 15px 0px 15px;
}

@media (max-width: 992px) {
  #product-portfolio .item-options.metadata, #product-portfolio .disclaimer p a.item-options, .disclaimer p #product-portfolio a.item-options, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
    padding-top: 0px;
  }
}

/* Gold Partners */
#partner-directory-app .item-media img {
  max-width: 120px;
}

@media (max-width: 768px) {
  #partner-directory-app .item-media {
    padding-left: 0px;
  }
  #partner-directory-app .item-media img {
    max-width: 180px;
    margin: 12px 0px 0px 0px;
  }
}

#partner-marketplace-app .retrieved-results:has(.card1.partner-card) .icon-list {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-results:has(ul.retrieved-items) .icon-grid {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-body {
  max-width: 645px;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
  flex: 0;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
  margin-top: 30px;
}

@media (max-width: 480px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
    position: absolute;
    width: auto;
    right: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
    margin-top: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
}

@media (max-width: 992px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -25px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

#partner-marketplace-app .card1-item .item-options-collections-menu {
  right: -24px;
}

@media (max-width: 992px) {
  #partner-marketplace-app .card1-item .item-options {
    padding-right: 0px;
  }
  #partner-marketplace-app .card1-item .item-options .item-options-collections {
    margin-top: 0px;
  }
}

#software-manager-tool .hero.hero-new {
  padding-left: 0px;
}

#software-manager-tool .results-controls {
  margin-top: 30px;
}

.software-redesign .component-flex {
  display: flex;
  align-items: center;
}

.software-redesign .dropdown-menu {
  top: 36px !important;
}

.software-redesign .dropdown-menu::after {
  right: 10px;
  left: auto;
}

.software-redesign .metadata .meta-item span:not(.icon-info), .software-redesign .disclaimer p a .meta-item span:not(.icon-info), .disclaimer p .software-redesign a .meta-item span:not(.icon-info), .software-redesign .shopping-list .box-container .description .meta-item span:not(.icon-info), .shopping-list .box-container .software-redesign .description .meta-item span:not(.icon-info) {
  margin-right: 6px;
  font-weight: 600;
}

.software-redesign .metadata .meta-item .icon-info, .software-redesign .disclaimer p a .meta-item .icon-info, .disclaimer p .software-redesign a .meta-item .icon-info, .software-redesign .shopping-list .box-container .description .meta-item .icon-info, .shopping-list .box-container .software-redesign .description .meta-item .icon-info {
  font-size: 12px;
  margin-left: 4px;
}

.software-redesign .icon-ellipsis-h::before {
  left: 5px !important;
  top: 6px !important;
}

.software-redesign .filter-block-section .button-wrapper {
  display: flex;
}

.software-redesign .filter-block-section .button-wrapper .btn:not(:first-of-type) {
  margin-left: 8px;
}

.software-redesign .container .section {
  padding: 0px 15px;
}

.software-redesign .container .section .main-group {
  padding: 36px 0px;
  width: 60%;
}

.software-redesign .container .section .main-group h2 {
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .section .main-group {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .section .main-group {
    width: 100%;
  }
}

.software-redesign .container .section .main-group .form-group {
  padding: 8px 0px;
}

.software-redesign .container .section .main-group .form-group textarea {
  max-width: 100%;
  max-height: 300px;
}

.software-redesign .container .section .main-group .form-group .form-group-radios .form-check label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .section .main-group .form-group:last-of-type {
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .form-group:first-of-type {
  padding-top: 0px;
}

.software-redesign .container .section .main-group .section {
  padding: 0px;
}

.software-redesign .container .section .main-group .section .form-group {
  padding: 24px 0px;
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .section .form-group:last-of-type {
  padding-bottom: 0px;
}

.software-redesign .container .section .main-group .section.has-border {
  min-height: 80px;
  margin-bottom: 11px;
}

.software-redesign .container .section .main-group .section.has-border .container {
  padding: 1em;
  margin-top: 0px;
  display: block;
}

.software-redesign .container .section .main-group .section.has-border .container ul {
  margin: 0px;
}

.software-redesign .container .section .main-group .checkbox.expand {
  font-size: 14px;
}

.software-redesign .container .section .main-group .checkbox.expand input {
  top: -1px;
}

.software-redesign .container .form-group.sw {
  margin-bottom: 0px;
}

.software-redesign .container .form-group.sw label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .submit-container {
  padding: 36px 0px;
}

.software-redesign .container .submit-container h2 {
  margin-top: 0px;
}

.software-redesign .container .submit-container .form-control {
  width: 60%;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .submit-container .form-control {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .submit-container .form-control {
    width: 100%;
  }
}

.software-redesign .container .submit-container .form-group {
  margin-bottom: 0px;
}

.software-redesign .submit-container::before {
  right: 52%;
}

.software-redesign .date-picker input {
  font-size: 14px;
  padding: 6px;
  width: 136px;
}

.software-redesign .partner-offering-number {
  padding-top: 20px;
}

.software-redesign .toggle-title {
  position: relative;
}

.software-redesign .btn-title {
  position: absolute;
  right: calc((-100% / 6) * 4);
  top: 0px;
}

@media only screen and (max-width: 992px) {
  .software-redesign .btn-title {
    right: 0px;
    position: relative;
    margin-bottom: 12px;
  }
}

.smt-modal .alert {
  margin-bottom: 0px;
  margin-top: 20px;
}

.toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.toggle-container .toggle-title {
  height: auto;
}

.toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

#product-advisor-app .btn-list-outer {
  padding-top: 0px;
}

#product-advisor-app .app-container::before {
  content: '';
  position: relative;
  top: 0;
  left: -15px;
  display: block;
  height: 1px;
  width: calc(100% + 30px);
  border-top: 1px solid var(--nxp-border-color);
}

#product-advisor-app .price-width {
  width: 100%;
}

#product-advisor-app .price-width .mpuMcu-filter-group {
  width: 50%;
}

#product-advisor-app .helper-section {
  width: 100%;
}

#product-advisor-app .helper-section .item-metadata {
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 28px;
}

#product-advisor-app .helper-section .item-metadata .meta-key {
  font-size: 12px;
}

#product-advisor-app .helper-section .item-metadata li {
  display: block;
  padding-left: 0px;
}

#product-advisor-app .helper-section .item-metadata li:first-child {
  margin-top: 11px;
}

#product-advisor-app .helper-section .item-metadata a:hover {
  text-decoration: underline;
}

#product-advisor-app .recent-recommendations::before {
  border-top: 1px solid var(--nxp-border-color);
}

#product-advisor-app .recent-recommendations {
  border-top: none;
}

.quickSearch-checkboxes .basic-multi-select, .productAdvisor-checkboxes .basic-multi-select {
  position: relative;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control, .productAdvisor-checkboxes .basic-multi-select .select__control {
  border-radius: 0px !important;
  -moz-box-align: center;
  align-items: center;
  background-color: white;
  border-color: #aaa6a2;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -moz-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  outline: currentcolor none 0px !important;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container {
  -moz-box-align: center;
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue {
  background-color: #ebe7dd;
  border-radius: 2px;
  display: flex;
  margin: 2px;
  min-width: 0px;
  box-sizing: border-box;
  margin-top: 8px;
  margin-bottom: 8px;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__label, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__label {
  border-radius: 2px;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove {
  -moz-box-align: center;
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove svg, .productAdvisor-checkboxes .basic-multi-select .select__control .select__value-container .css-1rhbuit-multiValue .select__multi-value__remove svg {
  fill: #262626;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators {
  -moz-box-align: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators .select__indicator-separator, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators .select__indicator-separator {
  align-self: stretch;
  background-color: #cccccc;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__control .select__indicators .select__dropdown-indicator, .productAdvisor-checkboxes .basic-multi-select .select__control .select__indicators .select__dropdown-indicator {
  color: #20272d;
  display: flex;
  padding: 8px;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
}

.quickSearch-checkboxes .basic-multi-select .select__indicator-separator, .productAdvisor-checkboxes .basic-multi-select .select__indicator-separator {
  background-color: #262626;
}

.quickSearch-checkboxes .basic-multi-select .select__dropdown-indicator svg, .productAdvisor-checkboxes .basic-multi-select .select__dropdown-indicator svg {
  fill: #262626;
}

.quickSearch-checkboxes .css-1pk6v83, .productAdvisor-checkboxes .css-1pk6v83 {
  margin-top: 0px;
  font-size: 15px;
  margin-bottom: 11px;
  line-height: 1.1;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.quickSearch-checkboxes .select__placeholder, .productAdvisor-checkboxes .select__placeholder {
  color: gray;
  margin-left: 2px;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.has-error {
  /* p {
    color: #8f2727;
  } */
}

.has-error .quickSearch-checkboxes .select__control, .has-error .productAdvisor-checkboxes .select__control,
.has-error .productAdvisor-checkboxes .select__control {
  border-color: #8f2727;
}

.has-error .has-error .quickSearch-checkboxes .select__control, .has-error .has-error .productAdvisor-checkboxes .select__control, .has-error
.has-error .productAdvisor-checkboxes .select__control {
  border-color: #8f2727;
}

.mpuMcu-filter-group {
  padding-bottom: 20px;
}

.mpuMcu-filter-group .mpuMcu-filter-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.mpuMcu-filter-group .mpuMcu-checkboxes {
  column-count: 2;
  column-gap: 30px;
  column-width: 120px;
}

.productAdvisor-filter-group {
  padding-bottom: 20px;
}

.productAdvisor-filter-group .productAdvisor-filter-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.productAdvisor-filter-group .productAdvisor-checkboxes {
  column-count: 2;
  column-gap: 30px;
  column-width: 120px;
}

@media only screen and (max-width: 768px) {
  .ReactVirtualized__Grid {
    border-top: 1px solid #ddd;
  }
}

.ReactVirtualized__Grid__innerScrollContainer {
  border-right: 1px solid #ddd;
}

.ReactVirtualized__Grid__innerScrollContainer {
  border: 1px solid #ccc;
  border-right-color: #cccccc;
  border-right-style: solid;
  border-right-width: 1px;
}

.css-96tfsw {
  display: flex;
  font-size: 12px;
  border-bottom: 1px solid #dddddd;
  padding-left: 2px;
  padding-right: 10px;
  border-right: 2px solid #eeeeee;
  height: 100%;
  -moz-box-align: center;
  align-items: center;
  margin: 0px;
  background-color: #e6e6e6;
  font-weight: 600;
}

.css-95ahvf {
  color: #333333;
  display: flex;
  background-color: #e6e6e6;
  font-size: 12px;
  padding: 5px;
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
  height: 100%;
  border-right: 1px solid white;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  font-weight: 600;
}

.css-hsxz1o {
  font-weight: normal;
  color: inherit;
  background-color: white;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
  height: 100%;
  -moz-box-align: center;
  align-items: center;
  overflow: hidden;
  justify-content: space-evenly;
  width: 200px;
  padding: 5px;
}

.css-1uutyw3 {
  position: absolute;
  align-self: center;
  top: 28px;
  margin: 0px 10px 0px 29px !important;
}

#design-advisor .da-first-load .custom-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}

#design-advisor .da-first-load .custom-spinner span.spin-icon {
  font-size: 42px;
}

.prod-advisor .bd-col-left {
  padding: 30px;
  min-height: 500px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .prod-advisor .bd-col-left {
    min-height: auto;
  }
}

.prod-advisor .bd-col-right {
  min-height: 500px;
  padding: 0;
  border-left: 1px solid #898683;
}

@media only screen and (max-width: 768px) {
  .prod-advisor .bd-col-right {
    border: 1px solid #d4cfc5;
    border-top: 0px;
    min-height: auto;
    background-color: transparent !important;
    max-height: inherit;
    padding-left: 16px;
    overflow-x: hidden;
  }
}

.prod-advisor-recomendation {
  padding-top: 24px;
}

@media only screen and (max-width: 768px) {
  .prod-advisor-recomendation {
    padding-top: 0px;
  }
}

.prod-advisor .bt-button-advisor {
  top: -12% !important;
  position: absolute;
  right: -21px;
  height: 44px;
  width: 45px;
  padding: 8px 12px;
  font-size: 24px;
}

.prod-advisor .bt-button-advisor:focus {
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
}

.prod-advisor .bt-button-advisor:active {
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
}

.prod-advisor .bd-links-advisor {
  width: 106%;
  padding-left: 0;
  list-style: none;
  padding: 16px 16px 16px 0px;
  font-size: 14px;
}

.prod-advisor .bd-links-advisor > li {
  padding-left: 0;
}

.prod-advisor .bd-links-advisor li {
  padding-left: 12px;
  margin-bottom: 12px;
}

.prod-advisor .bd-links-advisor .active {
  border-left-color: #ff7400;
  border-left: 4px solid #ff7400;
  padding-left: 10px;
}

.prod-advisor .bd-links-advisor .active a {
  color: #000000;
  text-decoration: none;
  cursor: auto;
}

.prod-advisor .bd-links-advisor .disabled a {
  color: #686664;
  text-decoration: none;
  cursor: auto;
}

.prod-advisor-helper {
  font-size: 14px;
  line-height: 19px;
  color: #596e7d;
}

.prod-advisor rect.bd-active-block {
  fill: #f9b500;
  transition: fill 300ms linear;
}

.spa-container .spa-section.section-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 16px;
}

.spa-container .spa-section.section-results {
  padding: 30px 0;
}

.spa-container .spa-section.section-results .section-results-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.spa-container .spa-section.section-filters {
  padding: 20px 0;
}

.spa-container .nav-tabs-wrapper::before {
  box-shadow: none;
  border-bottom: 1px solid var(--nxp-border-color);
}

.spa-container .nav-tabs-wrapper li:hover::before,
.spa-container .nav-tabs-wrapper li.active a:focus::before,
.spa-container .nav-tabs-wrapper li.active a::before,
.spa-container .nav-tabs-wrapper li.active a:hover::before {
  border-bottom: 3px solid #000;
}

.spa-container .spa-notifications {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.spa-container .spa-notifications .alert {
  margin: 0;
}

.spa-container .spa-result {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.spa-container .spa-result .spa-result-content {
  flex: 1;
}

.spa-container .spa-result .spa-result-highlight {
  width: 320px;
  position: sticky;
  top: 64px;
}

.spa-container .spa-result .pagination li:first-child a {
  padding-left: 0;
}

.spa-filters {
  padding: 20px 0;
}

.spa-filters .filter-tag-filters + .filter-tag-filters {
  margin-top: 20px;
  padding: 20px 0 0 0;
  border-top: 1px solid var(--nxp-border-color);
}

.disclaimer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  font-size: 14px;
  color: var(--theme-text-secondary-color);
}

.disclaimer p a {
  text-decoration: underline;
}

.disclaimer p a:hover, .disclaimer p a:active, .disclaimer p a:visited {
  text-decoration: underline;
}

.disclaimer > * {
  margin: 0;
}

.disclaimer-action {
  display: flex;
}

.disclaimer-action button:has(> [class^='icon-']) {
  background-color: transparent;
  border: none;
  border-radius: 25px;
  color: var(--nxp-body-color);
  width: 40px;
  height: 40px;
  font-size: 18px;
}

.disclaimer-action button:has(> [class^='icon-']):hover {
  background-color: var(--nxp-body-color);
  color: white;
}

.disclaimer-action button:has(> [class^='icon-']):active {
  transform: scale(0.95);
}

/* Partner Profile Page */
.partner-overview {
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0px;
  position: relative;
  gap: 30px;
}

.partner-overview-full {
  flex: 0 0 100%;
}

.partner-overview-column {
  flex: 80;
  /*  @media (max-width: $screen-lg) {
            flex: 0 0 calc(50% - 124px);
          } */
}

.partner-overview-column img {
  margin-bottom: 12px;
  max-width: 250px;
  max-height: 120px;
}

.partner-overview-column .media img {
  max-width: unset;
  max-height: unset;
}

.partner-overview-left {
  padding-right: 48px;
  flex: 80;
}

.partner-overview-left .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview-left .component-md-flex {
    gap: 48px;
  }
}

.partner-overview-left .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview-left .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview-left .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview-left .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview-left .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview-right {
  flex: 20;
}

.partner-overview .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview .component-md-flex {
    gap: 48px;
  }
}

.partner-overview .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview .toggle-opacity-content {
  max-height: 300px;
}

.partner-overview .text-indicator {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .partner-overview-column {
    flex: none;
    width: 100%;
  }
  .partner-overview-left {
    padding-top: 30px;
    padding-right: 0px;
  }
  .partner-overview-right img {
    max-width: 46%;
  }
}

/* general class */
.toggle-opacity-content {
  position: relative;
  max-height: 120px;
  height: auto;
  overflow: hidden;
}

.toggle-opacity-content::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.toggle-opacity-content.open {
  animation: revealContent 1s;
  max-height: 800vh;
}

.toggle-opacity-content.open::after {
  animation: revealContentOpacity 1s;
  height: 0px;
}

.shopping-summary {
  grid-area: s-summary;
}

@media only screen and (max-width: 992px) {
  .shopping-summary {
    position: relative;
    top: 0px;
    order: 5;
  }
}

.shopping-summary-container {
  position: sticky;
  top: 98px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

@media only screen and (max-width: 991px) {
  .shopping-summary-container {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    top: unset;
  }
}

.shopping-summary-box {
  width: 100%;
  background-color: white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shopping-summary-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.shopping-summary-section > * {
  margin: 0px;
}

.shopping-summary-section.has-border-bottom {
  padding-bottom: 20px;
}

.shopping-summary-section .checkbox label {
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .shopping-summary-section .btn {
    width: fit-content;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-summary-section .btn {
    width: auto;
  }
}

.shopping-notifications {
  grid-area: s-notifications;
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.shopping-notifications .alert {
  margin: 0px;
}

@media (max-width: 992px) {
  .shopping-notifications {
    order: 2;
  }
}

.shopping-total {
  display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.shopping-total p {
  margin: 0px;
}

.shopping-list {
  grid-area: s-list;
}

.shopping-list.box-list {
  margin: 0;
}

.shopping-list .box-container {
  background-color: white;
}

@media only screen and (max-width: 1201px) {
  .shopping-list .box-container.box-opts {
    display: flex;
    flex-direction: column;
  }
}

.shopping-list .box-container .box-opts-image {
  min-height: 130px;
  /* @media only screen and (min-width: $screen-md) {
            width: 140px;
          } */
}

.shopping-list .box-container .box-opts-image img[src*='/assets/images/en/icons/'] {
  height: 170px;
  zoom: 0.8;
}

@media only screen and (min-width: 320px) {
  .shopping-list .box-container .box-opts-image {
    /* width: auto; */
    border: none;
  }
}

.shopping-list .box-container .box-opts-content .title-and-elements {
  margin-top: 0px;
}

.shopping-list .box-container .box-opts-content p.help-block {
  margin-top: 5px;
  margin-bottom: 0px;
}

.shopping-list .box-container .box-opts-content.actions {
  width: 180px;
  justify-content: flex-start;
  align-items: end;
}

@media only screen and (min-width: 1201px) {
  .shopping-list .box-container .box-opts-content.actions {
    align-items: flex-end;
  }
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-opts-content.actions {
    width: 100%;
    align-items: start;
  }
}

.shopping-list .box-container .box-opts-content.actions .dot {
  margin-top: 30px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .shopping-list .box-container .box-opts-content.actions .dot {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-opts-content.actions .dot {
    margin-top: 0px;
  }
}

.shopping-list .box-container .box-opts-content .checkbox {
  margin: 0px;
  font-size: 14px;
}

@media only screen and (max-width: 991px) {
  .shopping-list .box-container .box-opts-content {
    padding-top: 0px;
  }
  .shopping-list .box-container .box-opts-content:not(.actions) {
    padding-bottom: 10px;
  }
  .shopping-list .box-container .box-opts-content.box-100 {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .shopping-list .box-container .box-opts-content:not(.actions) {
    padding-bottom: 20px;
  }
}

.shopping-list .box-container .box-100 p:has(+ p) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1200px) {
  .shopping-list .box-container .box-100 {
    flex: 1;
  }
}

.shopping-list .box-container .box-100 .fnxp-cart {
  color: #a6a5a5;
}

@media only screen and (max-width: 992px) {
  .shopping-list .box-container .box-100 .fnxp-cart + h3 {
    text-align: center;
  }
}

.shopping-list .box-container .description {
  display: block;
  margin-top: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shopping-list .box-container .form-group-sm {
  max-width: 250px;
}

.shopping-list .box-container .form-group-sm input {
  width: 180px;
}

.shopping-list .box-container .remove {
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-list .box-container .fnxp-cart + h3 + p {
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .shopping-list {
    max-width: 100%;
    order: 3;
  }
}

.shopping-box-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.shopping-box-header .title-and-elements {
  margin-top: 0px;
}

.shopping-quantity {
  display: flex;
  gap: 76px;
  align-items: flex-start;
  /*     @media only screen and (max-width: 1200px) {
      justify-content: space-between;
      gap: unset;
    } */
}

@media only screen and (max-width: 1201px) {
  .shopping-quantity {
    align-items: flex-start;
    gap: 12px;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-quantity {
    flex-direction: column;
  }
}

.shopping-quantity .form-group {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 2px;
}

.shopping-quantity .form-group + p {
  margin-left: 44px;
}

.shopping-quantity input {
  width: 80px;
}

.shopping-quantity input[type='number'], .shopping-quantity input::-webkit-outer-spin-button, .shopping-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.shopping-quantity select {
  width: 80px;
}

@-moz-document url-prefix() {
  .shopping-quantity input[type='number']:hover, .shopping-quantity input[type='number']:active, .shopping-quantity input[type='number']:focus {
    -moz-appearance: number-input;
  }
  .shopping-quantity input[type='number'], .shopping-quantity input[type='number'] {
    -moz-appearance: textfield;
  }
}

.shopping-quantity p {
  margin-bottom: 0px;
}

.shopping-quantity p i {
  font-size: 14px;
}

.shopping-quantity > * {
  margin-bottom: 0px;
}

.shopping-quantity-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.shopping-quantity-group .title {
  font-weight: bold;
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-quantity-group .icon-info {
  font-size: 14px;
}

.shopping-quantity-group:last-of-type {
  align-self: flex-start;
  margin-left: auto;
}

@media only screen and (max-width: 1200px) {
  .shopping-quantity-group:last-of-type {
    margin-left: unset;
    width: auto;
  }
}

@media only screen and (max-width: 700px) {
  .shopping-quantity-group:last-of-type {
    align-self: unset;
  }
}

.shopping-coupon {
  grid-area: s-coupon;
  background-color: var(--nxp-gray-200);
  padding: 20px;
}

@media only screen and (max-width: 992px) {
  .shopping-coupon {
    max-width: 100%;
    order: 4;
  }
}

.shopping-coupon .form-group {
  margin: 0px;
}

.shopping-coupon .d-flex .btn {
  align-self: center;
}

.shopping-coupon-input {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--nxp-border-color);
  padding-bottom: 20px;
}

.shopping-coupon-input input {
  width: 220px;
}

@media only screen and (max-width: 991px) {
  .shopping-coupon-input input {
    width: 100%;
  }
}

.shopping-coupon-input p {
  margin: 2px 0px;
}

.shopping-coupon-list {
  padding-left: 0;
  list-style: none;
}

.shopping-coupon-list > li {
  padding-left: 0;
}

.shopping-coupon-list li {
  font-weight: normal;
  line-height: 1;
  color: #686664;
}

.shopping-coupon > *:last-child {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.shopping-table thead th:last-of-type {
  width: 100px;
}

.shopping-statement {
  grid-area: s-statement;
  margin-top: 40px;
}

.shopping-statement p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #686664;
  color: var(--nxp-secondary-color);
}

@media only screen and (max-width: 992px) {
  .shopping-statement {
    order: 6;
  }
}

.shopping-cart {
  display: grid;
  gap: 30px 30px;
  grid-template-columns: 1fr 360px;
  grid-template-areas: 's-title s-title'
 's-notifications s-notifications'
 's-list s-summary'
 's-coupon s-summary'
 's-statement s-statement';
  margin-bottom: 48px;
}

@media (max-width: 992px) {
  .shopping-cart {
    display: flex;
    flex-direction: column;
  }
}

.shopping-cart:not(:has(.shopping-notifications)) {
  grid-template-areas: 's-title s-title'
 's-list s-summary'
 's-coupon s-summary'
 's-statement s-statement';
}

.shopping-cart:not(:has(.shopping-coupon)) {
  grid-template-areas: 's-title s-title'
 's-notifications s-notifications'
 's-list s-summary'
 's-statement s-statement';
}

.shopping-cart:not(:has(.shopping-coupon, .shopping-notifications)) {
  grid-template-areas: 's-title s-title'
 's-list s-summary'
 's-statement s-statement';
}

.shopping-cart .hero {
  grid-area: s-title;
}

.avatar-skeleton .box-opts-image {
  border: none;
}

/* ecommerce - vertical form for the payment summary */
.ecommerce-form-container .stepper-table-ecommerce td {
  font-size: 12px;
  line-height: 10px;
}

.ecommerce-form-container .stepper-table-ecommerce td input {
  max-width: 100px;
}

.ecommerce-form-container .stepper-terms-conditions {
  color: #686664;
  padding-top: 1em;
  margin-top: 1em;
}

.ecommerce-form-container .stepper-terms-conditions a {
  color: #686664;
  text-decoration-line: underline;
}

.ecommerce-form-container .stepper-forms {
  border: 1px solid var(--nxp-border-color);
  padding: 0px;
}

.ecommerce-form-container .stepper-forms p {
  padding: 3px 8px;
}

.ecommerce-form-container .stepper .address-project {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ecommerce-form-container .stepper .address-project-section {
  border: 1px solid var(--nxp-border-color);
  display: block;
  width: 50%;
  margin-right: 10px;
}

.ecommerce-form-container .stepper .address-project-section-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 8px;
}

.ecommerce-form-container .stepper .address-project-section-content select,
.ecommerce-form-container .stepper .address-project-section-content input {
  height: 24px;
  padding: 2px;
}

.ecommerce-form-container .stepper .address-project-section-content label {
  width: 220px;
  padding-right: 8px;
}

.ecommerce-form-container .stepper .address-project-section-content select {
  width: 270px;
}

.ecommerce-form-container .stepper .address-project-section-content div {
  max-width: 280px;
}

.ecommerce-form-container .stepper .address-project-section-content .shipTo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  width: 60%;
}

.ecommerce-form-container .stepper .address-project-section-content .shipTo label {
  width: auto;
}

.ecommerce-form-container .stepper .disc li {
  list-style: disc;
}

.ecommerce-form-container .stepper .stepper-head-text {
  text-transform: uppercase;
}

.ecommerce-form-container .stepper .form-group input,
.ecommerce-form-container .stepper .form-group select {
  padding: 0.3em;
  height: auto;
}

.ecommerce-form-container .stepper .form-group select {
  width: 100%;
}

.ecommerce-form-container .stepper .form-group {
  width: 100%;
  margin-bottom: 7px;
  font-weight: normal;
}

.ecommerce-form-container .stepper label {
  font-weight: normal;
  opacity: 1;
}

.ecommerce-form-container .stepper .d-flex {
  display: flex;
}

.ecommerce-form-container .stepper .align-start {
  align-items: flex-start !important;
}

.ecommerce-form-container .stepper .shipping-method {
  border-bottom: 1px solid var(--nxp-border-color);
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.ecommerce-form-container .stepper .shipping-method-section ul li {
  display: flex;
  justify-content: space-between;
  text-align: right;
}

.ecommerce-form-container .stepper .shipping-method-section ul li p:first-child {
  margin-right: 30px;
  width: 280px;
}

.ecommerce-form-container .stepper .payment-method {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.ecommerce-form-container .stepper .payment-method-form {
  display: grid;
}

.ecommerce-form-container .stepper .payment-method-terms {
  color: #686664;
  font-size: 12px;
}

.ecommerce-form-container .stepper .payment-method-terms a {
  color: #686664;
  text-decoration-line: underline;
}

.ecommerce-form-container .stepper .payment-method ~ .alert {
  margin-bottom: 0px;
}

.ecommerce-form-container .stepper .payment-method ~ .text-muted {
  font-size: 14px;
}

.ecommerce-form-container .stepper .alert:has(+ .payment-method) {
  margin-bottom: 0px;
}

.ecommerce-form-container .stepper .payment-method ul {
  border-right: 1px solid var(--nxp-border-color);
  margin-right: 8px;
  padding-right: 8px;
  min-width: 250px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form input {
  width: 80%;
  max-width: 420px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form label {
  padding: 0;
  width: 20%;
  max-width: 140px;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form .ccvLabel {
  width: 50px;
  text-align: center;
}

.ecommerce-form-container .stepper .payment-method .payment-group-form .ccvInput input {
  width: 180px;
}

.ecommerce-form-container .stepper .payment-method .align-details {
  padding-left: 140px;
}

.ecommerce-form-container .alert-success p {
  color: #005700 !important;
}

.ecommerce-form-container.blocks {
  padding-bottom: 60px;
  display: grid;
  grid-template-columns: 1fr 360px;
  grid-template-areas: 's-title s-title'
 'navigation navigation'
 'g-alert g-alert'
 'stepper summary';
}

.ecommerce-form-container.blocks h1.page-title {
  grid-area: s-title;
  padding: 0px 1.5rem;
  margin-bottom: 5px;
}

.ecommerce-form-container.blocks h1.page-title:has(+ .confirmation) {
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .page-navigation {
  grid-area: navigation;
  padding: 1.5rem;
}

.ecommerce-form-container.blocks .page-navigation a {
  text-decoration: none;
  color: var(--nxp-gray-900);
  display: flex;
  gap: 12px;
  align-items: center;
}

.ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list {
  grid-area: stepper;
}

.ecommerce-form-container.blocks .confirmation {
  padding: 40px 1.5rem;
  grid-area: stepper;
}

.ecommerce-form-container.blocks .confirmation .order-confirmation {
  margin-bottom: 40px !important;
}

.ecommerce-form-container.blocks .confirmation .order-confirmation p {
  margin-bottom: 20px;
}

.ecommerce-form-container.blocks .confirmation .order-description {
  margin-bottom: 20px;
}

.ecommerce-form-container.blocks .confirmation .order-id {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.ecommerce-form-container.blocks .confirmation .alert {
  font-size: 14px;
}

.ecommerce-form-container.blocks .checkout-summary {
  grid-area: summary;
  padding-top: 14px;
}

.ecommerce-form-container.blocks .alert-container {
  grid-area: g-alert;
  padding: 0px 0px 0px 1.5rem;
}

.ecommerce-form-container.blocks .stepper-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ecommerce-form-container.blocks .stepper-content .stepper-text {
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .stepper-content .stepper-actions .btn {
  min-width: 80px;
  width: fit-content;
}

.ecommerce-form-container.blocks .form-block {
  background-color: #F7F5F1;
  padding: 20px;
}

.ecommerce-form-container.blocks .form-block.clean-block {
  background-color: transparent;
  padding: 0;
}

.ecommerce-form-container.blocks .form-block .new-form {
  width: 100%;
  padding: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section {
  border: unset;
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 16px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .alert {
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:first-of-type {
  padding-top: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-two-inputs {
  gap: 16px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-two-inputs .form-subSection-input {
  flex: 1;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-radios {
  display: flex;
  gap: 32px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-radios.one-column {
  gap: 0px;
  flex-direction: column;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-button .btn {
  min-width: 100px;
  width: fit-content;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .form-subSection-description {
  font-size: 14px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection .attention {
  font-size: 14px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection.buttons {
  padding-bottom: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:has(.big) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 0px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:has(.big) .form-subSection-label {
  width: fit-content;
  order: 1;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:has(.big) .form-block-header-actions {
  order: 2;
}

.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:has(.big) .form-subSection-description,
.ecommerce-form-container.blocks .form-block .new-form .form-section .form-subSection:has(.big) .form-subSection-helper {
  width: 100%;
  order: 3;
  padding-top: 16px;
}

.ecommerce-form-container.blocks .form-block .new-form .form-block-header-actions {
  display: flex;
  gap: 16px;
}

.ecommerce-form-container.blocks .info-block {
  background-color: #F7F5F1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ecommerce-form-container.blocks .info-block .alert {
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .info-block .info-block-header {
  display: flex;
  justify-content: space-between;
}

.ecommerce-form-container.blocks .info-block .info-block-header .info-block-header-title {
  font-size: 20px;
  font-weight: 600;
}

.ecommerce-form-container.blocks .info-block .info-block-header .info-block-header-actions {
  display: flex;
  gap: 16px;
}

.ecommerce-form-container.blocks .info-block .info-block-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ecommerce-form-container.blocks .info-block .info-block-body .btn {
  width: fit-content;
  min-width: 128px;
}

.ecommerce-form-container.blocks .info-block .info-block-body .info-group-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ecommerce-form-container.blocks .info-block .info-block-body .info-group-wrapper .info-group .info-group-label {
  font-weight: 600;
  font-size: 16px;
}

.ecommerce-form-container.blocks .info-block .info-block-body .info-group-wrapper .info-group .info-group-text {
  font-size: 16px;
  font-weight: 400;
}

.ecommerce-form-container.blocks .info-block .info-block-body .info-group-wrapper.two {
  flex-direction: row;
}

.ecommerce-form-container.blocks .info-block .info-block-body .items-list {
  display: grid;
  gap: 1rem 1.5rem;
  /* row gap | column gap */
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: repeat(2, 1fr);
}

.ecommerce-form-container.blocks .info-block .info-block-body .items-list:not(:has(> :nth-child(4))) {
  display: flex;
  flex-direction: column;
}

.ecommerce-form-container.blocks .info-block .info-block-body .items-list-columns {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 1.5rem;
}

.ecommerce-form-container.blocks .info-block .info-block-body .item {
  line-height: 1.4;
}

.ecommerce-form-container.blocks .info-block .info-block-body .item.email {
  word-break: break-all;
}

.ecommerce-form-container.blocks .info-block .info-block-body .info-block-text {
  font-size: 14px;
}

.ecommerce-form-container.blocks .alert-soft p a {
  color: var(--nxp-gray-900);
}

.ecommerce-form-container.blocks .toggle-opacity-content {
  max-height: 170px;
}

.ecommerce-form-container.blocks .toggle-opacity-content:after {
  background: linear-gradient(rgba(255, 255, 255, 0), #F7F5F1);
}

.ecommerce-form-container.blocks .payment-container {
  display: flex;
  max-width: 900px;
  gap: 20px;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "title title"
 "a-left a-left"
 "a-right a-right";
}

.ecommerce-form-container.blocks .payment-container .big {
  width: 100%;
  grid-area: title;
}

.ecommerce-form-container.blocks .payment-container .field {
  margin-bottom: 15px;
}

.ecommerce-form-container.blocks .payment-container .field label {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}

.ecommerce-form-container.blocks .payment-container .field input {
  margin-top: 0;
  /*  width: 100%;
                height: 3px;
                border: 1px solid #ccc;
                padding: 0 10px;
                font-size: 14px;
                border-radius: 3px; */
}

.ecommerce-form-container.blocks .payment-container .row {
  display: flex;
  gap: 15px;
}

.ecommerce-form-container.blocks .payment-container .cvv {
  position: relative;
  display: flex;
  gap: 15px;
}

.ecommerce-form-container.blocks .payment-container .cvv label, .ecommerce-form-container.blocks .payment-container .cvv .form-subSection-label {
  order: unset !important;
  height: auto;
  margin: 0;
}

.ecommerce-form-container.blocks .payment-container .cvv input {
  width: 80px;
}

.ecommerce-form-container.blocks .payment-container .hint {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0px;
  height: 100%;
  top: 0px;
  font-size: 12px;
  background: #eee;
  padding: 2px 6px;
  cursor: help;
}

.ecommerce-form-container.blocks #proceedPayment {
  max-width: 150px;
  min-width: 150px;
}

.ecommerce-form-container.blocks .payment-left {
  grid-area: a-left;
}

.ecommerce-form-container.blocks .payment-right {
  grid-area: a-right;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 320px;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "labels fields";
}

.ecommerce-form-container.blocks .payment-right label {
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
}

.ecommerce-form-container.blocks .payment-right .payment-label {
  display: flex;
  flex-direction: column;
}

.ecommerce-form-container.blocks .supported {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  margin-bottom: 15px;
  height: 40px;
}

.ecommerce-form-container.blocks .supported img {
  height: 20px;
}

.ecommerce-form-container.blocks .payment-method .form-subSection {
  padding-top: 20px !important;
}

.ecommerce-form-container.blocks .payment-method .form-subSection-radios.one-column {
  gap: 20px !important;
}

.ecommerce-form-container.blocks .payment-method .form-subSection-radios.one-column .form-check-label {
  margin-bottom: 0px;
}

.ecommerce-form-container.blocks .payment-method .wpwl-form.wpwl-form-card {
  margin-bottom: 8px;
}

.ecommerce-form-container.blocks .payment-method .wpwl-form.wpwl-form-card .wpwl-control-expiry {
  margin-left: 4px;
}

.ecommerce-form-container.blocks .payment-method .wpwl-form.wpwl-form-card .wpwl-label-cvv {
  padding-left: 24px;
  margin-left: 4px;
}

.ecommerce-form-container.blocks .payment-method .wpwl-form.wpwl-form-card .wpwl-group-brand {
  display: none;
}

.ecommerce-form-container.blocks .payment-method .wpwl-form.wpwl-form-card .wpwl-button.wpwl-button-pay {
  width: 150px;
  padding: 8px 12px;
  line-height: 1.5;
}

.ecommerce-form-container.blocks .btn-sm {
  font-size: 10px !important;
}

.ecommerce-form-container .stepper-step:not(.stepper-active) {
  color: #686664;
}

/* media queries ecommerce
 */
@media (max-width: 1000px) {
  .ecommerce-form-container .stepper .address-project {
    display: block;
    width: 100%;
  }
  .ecommerce-form-container .stepper .address-project-section {
    width: 100%;
    margin-bottom: 24px;
  }
  .ecommerce-form-container .stepper .address-project-section-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 8px;
  }
  .ecommerce-form-container .stepper .address-project-section-content select,
  .ecommerce-form-container .stepper .address-project-section-content input {
    height: 24px;
    padding: 2px;
  }
  .ecommerce-form-container .stepper .address-project-section-content label {
    width: 220px;
    padding-right: 8px;
  }
  .ecommerce-form-container .stepper .address-project-section-content select {
    width: 270px;
  }
  .ecommerce-form-container .stepper .address-project-section-content div {
    max-width: 280px;
  }
  .ecommerce-form-container .stepper .address-project-section-content .shipTo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* text-align: right; */
    margin-left: auto;
  }
  .ecommerce-form-container .stepper .address-project-section-content .shipTo label {
    width: auto;
  }
  .ecommerce-form-container .stepper .disc li {
    list-style: disc;
  }
  .ecommerce-form-container .stepper .stepper-head-text {
    text-transform: uppercase;
  }
  .ecommerce-form-container .stepper .form-group input,
  .ecommerce-form-container .stepper .form-group select {
    padding: 0.3em;
    height: auto;
  }
  .ecommerce-form-container .stepper .form-group select {
    width: 100%;
  }
  .ecommerce-form-container .stepper .form-group {
    width: 100%;
    margin-bottom: 7px;
    font-weight: normal;
  }
  .ecommerce-form-container .stepper .align-start {
    align-items: flex-start !important;
  }
  .ecommerce-form-container .stepper .shipping-method {
    border-bottom: 1px solid var(--nxp-border-color);
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
  }
  .ecommerce-form-container .stepper .shipping-method-section ul li {
    display: flex;
    justify-content: space-between;
    text-align: right;
  }
  .ecommerce-form-container .stepper .shipping-method-section ul li p:first-child {
    margin-right: 30px;
    width: 280px;
  }
  .ecommerce-form-container .stepper .payment-method {
    width: 100%;
    display: block;
    justify-content: flex-start;
  }
  .ecommerce-form-container .stepper .payment-method-form {
    display: flex;
  }
  .ecommerce-form-container .stepper .payment-method ul {
    border: none !important;
    border-bottom: 1px solid var(--nxp-border-color);
    margin-bottom: 24px;
  }
}

@media (max-width: 770px) {
  .ecommerce-form-container .stepper textarea {
    max-width: 320px;
  }
  .ecommerce-form-container .stepper .ccvSection input {
    width: 100%;
    padding: 0;
  }
  .ecommerce-form-container .stepper .ccvSection label {
    width: 100%;
    min-width: 100px;
    padding: 0;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form input {
    width: 100%;
    max-width: 500px;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form label {
    padding: 0;
    width: 100%;
    max-width: 500px;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form .ccvLabel {
    width: 100%;
    text-align: justify;
  }
  .ecommerce-form-container .stepper .payment-method .payment-group-form .ccvInput input {
    width: 100%;
  }
  .ecommerce-form-container .stepper .payment-method .align-details {
    padding-left: 0;
  }
}

.checkout-summary .checkout-summary-card {
  border: 1px solid #D4CFC5;
  position: sticky;
  top: 72px;
}

.checkout-summary .checkout-summary-card .header {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 20px 20px 16px 20px;
  flex-wrap: wrap;
}

.checkout-summary .checkout-summary-card .header .card-title {
  font-size: 20px;
  font-weight: 600;
  width: 100%;
}

.checkout-summary .checkout-summary-card .header .count-wrapper {
  display: flex;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #686664;
}

.checkout-summary .checkout-summary-card .header .count-wrapper .count {
  all: inherit;
}

.checkout-summary .checkout-summary-card .header .edit-cart {
  font-size: 14px;
  margin-left: auto;
}

.checkout-summary .checkout-summary-card .body {
  padding: 0px 20px 0px 20px;
  max-height: 678px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper {
  display: flex;
  flex-direction: column;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item {
  border-top: 1px solid #D4CFC5;
  flex-wrap: wrap;
  padding: 16px 0px;
  gap: 8px;
  display: grid;
  grid-template-areas: "g-type  g-type"
 "g-product g-stock"
 "g-qty-wrapper g-price";
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item:has(.payment-label-wrapper) {
  grid-template-areas: "g-type  g-type"
 "g-product g-stock"
 "g-qty-wrapper g-price"
 "g-payment-label-wrapper g-payment-method";
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item:has(.discount-label-wrapper) {
  grid-template-areas: "g-type  g-type"
 "g-product g-stock"
 "g-qty-wrapper g-price"
 "g-discount-label-wrapper g-discount-qty";
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item:has(.payment-label-wrapper):has(.discount-label-wrapper) {
  grid-template-areas: "g-type  g-type"
 "g-product g-stock"
 "g-qty-wrapper g-price"
 "g-discount-label-wrapper g-discount-qty"
 "g-payment-label-wrapper g-payment-method";
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .type {
  grid-area: g-type;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .product {
  grid-area: g-product;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .price {
  grid-area: g-price;
  color: #686664;
  margin-left: auto;
  font-weight: 600;
  font-size: 14px;
  display: flex;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .price .currency {
  margin-left: 4px;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .discount-label-wrapper {
  grid-area: g-discount-label-wrapper;
  font-size: 14px;
  color: #686664;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .discount-label-wrapper .icon-info {
  padding: 0px;
  font-size: 12px;
  cursor: pointer;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .qty-wrapper {
  grid-area: g-qty-wrapper;
  width: 60%;
  font-size: 14px;
  color: #686664;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .qty-wrapper .indicator {
  font-weight: 600;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .discount-qty {
  grid-area: g-discount-qty;
  margin-left: auto;
  display: flex;
  font-size: 14px;
  color: #686664;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .discount-qty .currency {
  margin-left: 4px;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .stock {
  grid-area: g-stock;
  margin-left: auto;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .payment-label-wrapper {
  grid-area: g-payment-label-wrapper;
  font-size: 14px;
  color: #686664;
}

.checkout-summary .checkout-summary-card .body .summary-items-wrapper .summary-item .payment-method {
  grid-area: g-payment-method;
  margin-left: auto;
  font-size: 14px;
  color: #686664;
}

.checkout-summary .checkout-summary-card .footer {
  background-color: #F7F5F1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  border-top: 1px solid #D4CFC5;
}

.checkout-summary .checkout-summary-card .footer .footer-row {
  font-size: 14px;
  color: #686664;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}

.checkout-summary .checkout-summary-card .footer .footer-row .label-wrapper {
  display: flex;
  gap: 4px;
  align-items: baseline;
}

.checkout-summary .checkout-summary-card .footer .footer-row .label-wrapper .label {
  all: inherit;
}

.checkout-summary .checkout-summary-card .footer .footer-row .label-wrapper a {
  color: inherit;
}

.checkout-summary .checkout-summary-card .footer .footer-row .label-wrapper .icon-info {
  font-size: 12px;
  padding: 0px;
  cursor: pointer;
}

.checkout-summary .checkout-summary-card .footer .footer-row .price {
  display: flex;
  font-size: 14px;
}

.checkout-summary .checkout-summary-card .footer .footer-row .price .currency {
  margin-left: 4px;
}

.checkout-summary .checkout-summary-card .footer .footer-row.stand-out .label-wrapper,
.checkout-summary .checkout-summary-card .footer .footer-row.stand-out .price {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

@media (max-width: 992px) {
  .ecommerce-form-container.blocks {
    display: flex;
    flex-direction: column;
  }
  .ecommerce-form-container.blocks h1.page-title {
    order: 1;
    padding: 0px;
  }
  .ecommerce-form-container.blocks .page-navigation {
    order: 2;
    padding: 1.5rem 0px;
  }
  .ecommerce-form-container.blocks .alert-container {
    order: 3;
    padding: 0px;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list {
    order: 5;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .info-block .info-block-header {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .info-block .info-block-header .info-block-header-actions {
    width: 100%;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .info-block .info-block-body .items-list-columns {
    display: flex;
    flex-direction: column;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .info-block .info-block-body .items-list-columns .item {
    word-break: break-word;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .form-block .form-block-header-actions {
    padding-top: 12px;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .form-block .payment-container {
    display: flex;
    flex-wrap: wrap;
  }
  .ecommerce-form-container.blocks .stepper.stepper-vertical.cart-list .form-block .payment-container .form-subSection-label {
    width: 100%;
    order: unset;
  }
  .ecommerce-form-container.blocks .confirmation {
    order: 1;
    padding: 20px 0px;
  }
  .checkout-summary {
    order: 4;
  }
}

@media (max-width: 768px) {
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    width: 70vw;
    min-width: unset;
    max-width: unset;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cardNumber,
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-expiry,
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cvv,
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cardHolder {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    margin-left: 0px !important;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-wrapper-cardNumber,
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-wrapper-cardHolder {
    width: 100%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-label {
    width: 100%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-expiry {
    width: 50%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-expiry .wpwl-wrapper-expiry {
    margin: 0px;
    width: 100%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-expiry .wpwl-wrapper-expiry .wpwl-control-expiry {
    margin-left: 0px !important;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cvv {
    width: 50%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cvv .wpwl-label-cvv {
    padding-left: 0px !important;
    margin-left: 0px !important;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-group-cvv .wpwl-wrapper-cvv {
    width: 100%;
  }
  .ecommerce-form-container.blocks .wpwl-form.wpwl-form-card .wpwl-button.wpwl-button-pay {
    width: 150px;
    padding: 8px 12px;
    line-height: 1.5;
  }
  .ecommerce-form-container.blocks .wpwl-wrapper-cvv .wpwl-icon {
    height: 30px !important;
  }
  .ecommerce-form-container.blocks .wpwl-label-cardNumber {
    font-size: 14px;
  }
}

.container:has(footer) {
  padding-bottom: 60px;
}

.container:has(footer) .text-muted {
  padding: 1.5rem;
}

.exact-match {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
  .exact-match {
    flex-direction: column;
  }
}

.exact-match .image {
  display: flex;
  text-align: center;
  width: 24.99%;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #262626;
}

@media only screen and (max-width: 992px) {
  .exact-match .image {
    width: auto;
  }
}

.exact-match .image figure {
  width: 100%;
  padding: 0px;
}

.exact-match .image figure img {
  margin: auto;
  max-height: 240px;
}

.exact-match .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background-color: #f7f5f1;
}

.exact-match .content.buttons {
  flex: 0;
  flex-basis: 248px;
}

@media only screen and (max-width: 992px) {
  .exact-match .content.buttons {
    flex: none;
    padding-top: 0px;
  }
  .exact-match .content.buttons .btn-default.btn-sm {
    max-width: 200px;
  }
  .exact-match .content.buttons .btn-download {
    max-width: 200px;
  }
  .exact-match .content.buttons .btn-group {
    max-width: 200px;
  }
}

.exact-match .content h6,
.exact-match .content h3,
.exact-match .content p {
  padding: 0;
  margin: 0;
}

.exact-match .content .item-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0;
  margin: 0;
}

.exact-match .content .item-breadcrumb li {
  padding: 0;
  margin: 0;
}

.exact-match .content .item-description {
  margin-top: 0;
}

.exact-match .content .item-description > p:first-of-type {
  -webkit-line-clamp: 3;
}

.exact-match .content .item-resources .resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0px;
}

.exact-match .content .item-resources .resource-list li {
  margin-top: unset;
}

.exact-match .content .item-metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0px;
}

.exact-match .content .item-metadata li {
  margin: 0;
  padding: 0px;
}

.exact-match .content hr {
  width: 100%;
  margin: 0;
}

.exact-match .content .item-signpost {
  font-size: 14px;
  text-transform: capitalize;
  margin-bottom: 3px;
}

.exact-match .content .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.exact-match .actions:has(.item-options-collections) {
  position: absolute;
  right: 0px;
  padding: 82px 20px 0px 48px;
}

@media (max-width: 992px) {
  .exact-match .actions:has(.item-options-collections) .item-options-collections .add-collection {
    filter: invert(1);
  }
  .exact-match .actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
  .exact-match .actions:has(.item-options-collections) .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

.exact-match .full-width {
  flex-basis: 100%;
}

.exact-match .item-download-list {
  list-style: none;
  padding-left: unset;
}

.exact-match .item-download-list .item-download {
  display: flex;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .exact-match .item-download-list .item-download {
    flex-direction: column;
  }
}

.exact-match .item-download-list .item-download .content {
  padding: 20px 48px;
}

@media only screen and (max-width: 992px) {
  .exact-match .item-download-list .item-download .content.buttons {
    padding-top: 0px;
  }
}

@media screen and (max-width: 480px) {
  .exact-match .btn-group-flex .dropdown-menu {
    left: -26px;
  }
  .exact-match .btn-group-flex .dropdown-menu::after {
    left: 90%;
  }
}

.exact-match:has(.actions .item-options-collections) {
  position: relative;
}

.exact-match:has(.actions .item-options-collections) .content {
  padding: 20px;
}

@media (max-width: 992px) {
  .exact-match:has(.actions .item-options-collections) .content {
    padding: 20px;
  }
}

@media (max-width: 992px) {
  .exact-match:has(.actions .item-options-collections) .image {
    padding: 0px 114px;
  }
}

#development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .content {
  padding: 14px;
}

@media (min-width: 992px) {
  #development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .content {
    padding-right: 44px;
  }
}

#development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .actions {
  padding-right: 14px;
}

@media (max-width: 992px) {
  #development-boards-and-designs-app .exact-match:has(.actions .item-options-collections) .actions {
    padding-top: 14px;
  }
}

@media (max-width: 992px) {
  .exact-match:has(.image) .actions {
    padding: 20px;
  }
  .exact-match:has(.image) .actions .item-options-collections .add-collection {
    filter: none;
  }
}

.box-opts.exact-match2 .box-opts-image {
  border: 1px solid var(--nxp-border-color);
}

.box-opts.exact-match2 .box-opts-content {
  align-items: flex-start;
}

.box-opts.exact-match2 .box-opts-content .link-simple:has(.impact-label) {
  margin-bottom: 12px;
}

.box-opts.exact-match2 .box-opts-content .title-and-elements {
  margin-top: 8px;
  margin-bottom: 6px;
}

.box-opts.exact-match2 .box-opts-content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.box-opts.exact-match2 .box-opts-content .item-signpost {
  text-transform: capitalize;
}

.box-opts.exact-match2 .box-opts-content .item-resources .resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0px;
}

.box-opts.exact-match2 .box-opts-content .item-resources .resource-list li {
  margin-top: unset;
}

.box-opts.exact-match2 .box-opts-content .nav-piped-2 li:after {
  content: unset;
}

.box-opts.exact-match2 .box-opts-content.actions {
  width: unset;
  max-width: 248px;
  flex-direction: row;
  gap: 20px;
  padding-top: 74px;
}

@media only screen and (max-width: 991px) {
  .box-opts.exact-match2 .box-opts-content.actions {
    padding-top: 20px;
  }
}

.box-opts.exact-match2 .box-opts-content.actions .fnxp-bookmark-plus {
  font-size: 20.5px;
}

.box-opts.exact-match2 .box-opts-content.actions .buttons-container {
  width: 168px;
  flex-direction: column;
  flex-wrap: unset;
  align-items: unset;
  margin: 0px 0px 12px 0px;
}

.box-opts.exact-match2 .box-opts-content.actions .icons {
  display: flex;
  font-size: 18px;
}

.box-opts.exact-match2 .box-opts-content .border-line {
  width: 100%;
}

.box-opts.exact-match2 .item-download-list {
  list-style: none;
  padding-left: unset;
  padding-left: 20px;
}

.box-opts.exact-match2 .item-download-list .item-download {
  display: flex;
  margin-bottom: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content {
  gap: 12px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content h6 {
  margin: 0;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.metadata, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .disclaimer p a.item-metadata, .disclaimer p .box-opts.exact-match2 .item-download-list .item-download .box-opts-content a.item-metadata, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .shopping-list .box-container .item-metadata.description, .shopping-list .box-container .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.description {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.metadata li, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .disclaimer p a.item-metadata li, .disclaimer p .box-opts.exact-match2 .item-download-list .item-download .box-opts-content a.item-metadata li, .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .shopping-list .box-container .item-metadata.description li, .shopping-list .box-container .box-opts.exact-match2 .item-download-list .item-download .box-opts-content .item-metadata.description li {
  margin: 0;
  padding: 0px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions {
  padding: 20px 20px;
}

.box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions .buttons-container {
  margin: 0px 0px 12px 0px;
}

@media only screen and (max-width: 992px) {
  .box-opts.exact-match2 .item-download-list .item-download {
    flex-direction: column;
  }
  .box-opts.exact-match2 .item-download-list .item-download .box-opts-content.actions {
    padding-top: 0px;
  }
}

.box-opts.exact-match2 .item-metadata.metadata-vertical li b {
  text-transform: capitalize;
}

.box-opts.exact-match2 + .alert.alert-event.aligned {
  margin-bottom: 20px;
}

.box-opts.exact-match2:not(:has(+ .alert.alert-event.aligned)) {
  margin-bottom: 20px;
}

.one-box {
  width: 100%;
  border: 1px solid var(--nxp-border-color);
}

.one-box .one-box-list {
  padding: 0px 20px;
}

.one-box .one-box-list .one-box-item {
  padding: 20px 0px;
  display: flex;
  gap: 10px 40px;
}

.one-box .one-box-list .one-box-item:not(:last-child) {
  border-bottom: 1px solid var(--nxp-border-color);
}

.one-box .one-box-list .one-box-item .one-box-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.one-box .one-box-list .one-box-item .one-box-content ul.resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}

.one-box .one-box-list .one-box-item .one-box-content ul.resource-list li {
  padding: 0;
}

.one-box .one-box-list .one-box-item .one-box-options {
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-items: end;
  grid-template-columns: 175px;
  gap: 30px;
}

.one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) {
  grid-template-columns: 175px 14px;
}

.one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections {
  margin-top: 26px;
}

@media (max-width: 992px) {
  .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections {
    margin-top: 0px;
  }
}

@media (max-width: 992px) {
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    left: 0;
    right: unset;
  }
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu::after {
    left: 3px;
    right: unset;
  }
}

@media (max-width: 480px) {
  #search-landing-page-app .one-box .one-box-list .one-box-item .one-box-options:has(.item-options-collections) .item-options-collections .item-options-collections-menu {
    min-width: 300px;
  }
}

.one-box .one-box-list .one-box-item .one-box-options .btn-container {
  width: 175px;
  margin-top: 26px;
}

.one-box .one-box-list .one-box-item .one-box-options .btn-container .btn {
  display: block;
  width: 100%;
}

@media (max-width: 992px) {
  .one-box .one-box-list .one-box-item .one-box-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

@media only screen and (max-width: 992px) {
  .one-box .one-box-list .one-box-item {
    flex-direction: column;
  }
  .one-box .one-box-list .one-box-item .one-box-options .btn-container {
    margin-top: 0px;
  }
}

.one-box .one-box-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--nxp-border-color);
  padding: 14px 20px;
}

.one-box .one-box-footer .btn.btn-link {
  padding: 0;
}

#search-landing-page-app .one-box {
  margin-bottom: 16px;
}

/* Partner Profile Page */
.partner-overview {
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0px;
  position: relative;
  gap: 30px;
}

.partner-overview-full {
  flex: 0 0 100%;
}

.partner-overview-column {
  flex: 80;
  /*  @media (max-width: $screen-lg) {
            flex: 0 0 calc(50% - 124px);
          } */
}

.partner-overview-column img {
  margin-bottom: 12px;
  max-width: 250px;
  max-height: 120px;
}

.partner-overview-column .media img {
  max-width: unset;
  max-height: unset;
}

.partner-overview-left {
  padding-right: 48px;
  flex: 80;
}

.partner-overview-left .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview-left .component-md-flex {
    gap: 48px;
  }
}

.partner-overview-left .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview-left .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview-left .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview-left .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview-left .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview-right {
  flex: 20;
}

.partner-overview .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview .component-md-flex {
    gap: 48px;
  }
}

.partner-overview .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview .toggle-opacity-content {
  max-height: 300px;
}

.partner-overview .text-indicator {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .partner-overview-column {
    flex: none;
    width: 100%;
  }
  .partner-overview-left {
    padding-top: 30px;
    padding-right: 0px;
  }
  .partner-overview-right img {
    max-width: 46%;
  }
}

/* general class */
.toggle-opacity-content {
  position: relative;
  max-height: 120px;
  height: auto;
  overflow: hidden;
}

.toggle-opacity-content::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.toggle-opacity-content.open {
  animation: revealContent 1s;
  max-height: 800vh;
}

.toggle-opacity-content.open::after {
  animation: revealContentOpacity 1s;
  height: 0px;
}

.quick-pricing .hero-body h3 p {
  font-weight: normal;
  font-size: 18px;
}

.quick-pricing-well {
  padding: 32px;
  margin-bottom: 0px;
}

.quick-pricing-well .empty-label {
  height: 19px;
}

.quick-pricing-well .helper-text {
  color: #688093 !important;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.25;
}

.quick-pricing-well .help-block.small.error {
  color: inherit;
}

.quick-pricing-well-section h3 {
  margin-top: 0px;
  font-size: 17px;
  margin-bottom: 11px;
  line-height: 1.1;
  color: #262626;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.quick-pricing-well .button-wrapper {
  display: flex;
}

.quick-pricing-container {
  width: auto;
}

.quick-pricing-container .helper-section {
  font-size: 14px;
  line-height: 17.5px;
}

@media only screen and (max-width: 991px) {
  .quick-pricing-row4 {
    margin: 12px 0px;
  }
  .quick-pricing-row4:last-of-type:not(:first-of-type) {
    margin-bottom: 20px;
  }
}

.quick-pricing-results {
  padding: 48px 0px;
}

.quick-pricing-results .container {
  width: auto;
}

@media only screen and (max-width: 767px) {
  .quick-pricing-results-no-border h3 {
    font-size: 18px;
  }
}

.quick-pricing-results-table {
  border-top: 1px solid #d6dce0;
}

.quick-pricing-results-table-counter {
  margin-top: 16px;
}

.quick-pricing-results-table-counter span {
  font-weight: 600;
}

.quick-pricing-results-table th {
  padding: 16px 48px !important;
  border-right: 0px !important;
  white-space: nowrap;
}

.quick-pricing-results-table td {
  padding: 12px 48px !important;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .quick-pricing-results-table th {
    padding: 16px 8px !important;
  }
  .quick-pricing-results-table td {
    padding: 12px 8px !important;
  }
}

.quick-pricing-results-table .sticky .table th:first-child,
.quick-pricing-results-table .sticky .table td:first-child {
  left: 0;
  position: sticky !important;
  z-index: 50;
}

.quick-pricing-results-table .sticky .table td:first-child {
  background-color: white;
}

.quick-pricing-results-table .sticky th {
  padding: 16px 8px !important;
  text-align: center;
}

.quick-pricing-results .recent-quick .item-signpost {
  padding-top: 16px;
}

.quick-pricing-results .recent-quick .retrieved-item .item-title {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata, .quick-pricing-results .recent-quick .retrieved-item .disclaimer p a, .disclaimer p .quick-pricing-results .recent-quick .retrieved-item a, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description {
  font-size: 12px;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata .meta-key, .quick-pricing-results .recent-quick .retrieved-item .disclaimer p a .meta-key, .disclaimer p .quick-pricing-results .recent-quick .retrieved-item a .meta-key, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description .meta-key, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description .meta-key {
  font-weight: 600;
}

.quick-pricing-results .recent-quick .retrieved-item .metadata .meta-value, .quick-pricing-results .recent-quick .retrieved-item .disclaimer p a .meta-value, .disclaimer p .quick-pricing-results .recent-quick .retrieved-item a .meta-value, .quick-pricing-results .recent-quick .retrieved-item .shopping-list .box-container .description .meta-value, .shopping-list .box-container .quick-pricing-results .recent-quick .retrieved-item .description .meta-value {
  margin-right: 20px;
}

.quick-pricing-results .recent-quick .retrieved-item:first-of-type {
  padding-top: 0px;
}

.partner-portal .has-error .form-control,
.partner-portal .has-error .dropdown-search div:last-child,
.partner-portal .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-portal .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-portal .has-error div.basic-select[class^='css'] div:last-child,
.partner-portal .has-error div.basic-select[class*='css'] div:last-child,
.partner-application .has-error .form-control,
.partner-application .has-error .dropdown-search div:last-child,
.partner-application .has-error div.form-subSection-control[class^='css'] div:last-child,
.partner-application .has-error div.form-subSection-control[class*='css'] div:last-child,
.partner-application .has-error div.basic-select[class^='css'] div:last-child,
.partner-application .has-error div.basic-select[class*='css'] div:last-child {
  border-color: #8f2727;
}

.partner-portal .has-error p,
.partner-application .has-error p {
  color: #262626;
}

.partner-portal .has-error p.help-block,
.partner-application .has-error p.help-block {
  color: #8f2727;
}

/* Styles for the Partner Portal project */
.back-offering {
  color: black;
  font-weight: 400;
}

.back-offering:hover {
  text-decoration: none;
  color: inherit;
}

/* Stepper on Partner Portal */
.partner-application > div:only-of-type {
  min-height: 50vh;
}

.partner-application .page-header,
.partner-application .component-overview .description {
  margin: 0px;
  padding-top: 0px;
  border: none;
}

.partner-application .page-header {
  padding-bottom: 20px;
}

.partner-application .component-overview {
  padding-bottom: 36px;
}

.partner-application .component-overview .description {
  padding-bottom: 0px;
}

.stepper-partner {
  margin-left: -15px;
  width: auto;
  /* removing padding of form groupd on the stepper content */
  /*// Other section of stepper
    .stepper-content {
    
    }*/
}

.stepper-partner.stepper-hover .stepper-completed .stepper-head:hover,
.stepper-partner.stepper-hover .stepper-ready .stepper-head:hover {
  cursor: pointer;
  background-color: #ebe7dd;
}

.stepper-partner .stepper-completed .stepper-head:hover,
.stepper-partner .stepper-ready .stepper-head:hover {
  cursor: default;
  background-color: inherit;
}

.stepper-partner .new-form {
  width: 90% !important;
}

.stepper-partner .new-form > * {
  position: relative;
}

.stepper-partner .add-region {
  padding: 20px 0px 0px 0px;
}

.stepper-partner .deleteRegion,
.stepper-partner .delete-region {
  position: absolute;
  right: -42px;
  top: 47px;
  width: 38px;
  height: 38px;
  text-align: center;
}

.stepper-partner .deleteRegion::before,
.stepper-partner .delete-region::before {
  top: 10px;
  left: 14px;
  position: absolute;
}

.stepper-partner .deleteRegion:hover,
.stepper-partner .delete-region:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .stepper-active .stepper-content {
  display: block;
}

@media (max-width: 992px) {
  .stepper-partner {
    margin-left: 0px;
  }
}

@media (max-width: 480px) {
  .stepper-partner.stepper-vertical .stepper-step:not(:last-child):after {
    top: 55px;
  }
}

.stepper-partner .stepper-head .form-step {
  padding: 0px 10px;
}

.stepper-partner .stepper-head .icon-checkmark .form-step {
  padding: 0px;
}

.stepper-partner .stepper-head .has-error {
  color: #8d081d;
  text-transform: none;
  /*  @media (max-width: $screen-xs) {
          max-width: 124px;
        } */
}

.stepper-partner .stepper-content {
  /* .form-group.has-border-bottom > div .form-group:first-child{
        padding-top: 42px;
      } */
  display: none;
  padding: 12px 54px;
  max-width: 800px;
}

.stepper-partner .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner .stepper-content img {
  margin: 16px 0px;
}

.stepper-partner .stepper-content .form-group > .competencies {
  margin-top: 24px;
}

.stepper-partner .stepper-content .form-group > .competencies:first-child {
  margin-top: 0px;
}

.stepper-partner .stepper-content textarea {
  max-width: 700px;
  max-height: 100px;
  min-height: 30px;
  width: 100% !important;
}

.stepper-partner .stepper-content input {
  max-width: 100%;
}

.stepper-partner .stepper-content input[type='file'] {
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.stepper-partner .stepper-content .partner-category {
  margin-top: 22px;
}

.stepper-partner .stepper-content > :first-child {
  margin-top: 0px;
}

.stepper-partner #step-2 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-2 .stepper-content .form-group > div:nth-last-child(2) {
  margin-bottom: 15px !important;
}

.stepper-partner #step-3 #searchselectedDevices {
  margin-top: 15px;
}

.stepper-partner #step-3 .stepper-content .form-group p a {
  font-size: 14px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:last-child {
  margin-top: 24px;
}

.stepper-partner #step-4 .stepper-content .form-group > *:nth-child(2) {
  margin-top: 0px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.has-border-bottom > div > .form-group {
  padding-top: 16px;
  padding-left: 0px;
  width: 100%;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 {
  padding-left: 18px !important;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div:first-child {
  margin-top: 0px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div {
  margin-top: 12px;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 > div > span {
  margin-bottom: 11px;
  display: block;
}

.stepper-partner #step-5 .stepper-content .form-group.pl2 p {
  margin-bottom: 0px;
  font-size: 14px;
}

.stepper-partner #step-5 .stepper-content .tree-component .form-group {
  width: 100%;
}

.stepper-partner.stepper-vertical .stepper-head .stepper-head-text {
  text-transform: uppercase;
  /* @media (max-width: $screen-xs) {
          width: 160px;
        } */
}

.stepper-partner .form-group {
  display: table;
  width: 90%;
  /*  @media (max-width: $screen-xs) {
        input,textarea,select{
          width: 95%;
        } 
      }*/
}

.stepper-partner .form-group .text-required {
  color: #007100;
}

.stepper-partner .form-group > label {
  width: 100%;
}

.stepper-partner .form-group.has-border-bottom {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.stepper-partner .form-group .form-group {
  padding: 24px 0px 8px 24px;
  margin-bottom: 0px;
}

.stepper-partner .form-group .form-group input {
  margin-bottom: 15px;
}

.stepper-partner .form-group .form-group input:last-of-type {
  margin-bottom: 0px;
}

.stepper-partner .form-group [class~='form-group']:last-of-type {
  padding-bottom: 0px;
}

.stepper-partner .field-close {
  display: block;
  position: relative;
}

.stepper-partner .field-close .icon-times {
  top: 0px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
  /*  @media (max-width: $screen-xs) {
          right: -30px;
        } */
}

.stepper-partner .field-close .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.stepper-partner .field-close .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.stepper-partner .text-muted {
  margin-top: 6px;
  display: block;
  color: #686664;
}

.stepper-partner .text-muted.icon-info {
  display: inline-block;
}

.stepper-partner a.add-element {
  display: block;
  margin-bottom: 15px;
}

.stepper-partner .button-section {
  display: flex;
  gap: 8px;
}

@media (max-width: 480px) {
  .stepper-partner .button-section {
    display: block;
  }
  .stepper-partner .button-section .btn {
    margin: 2px 4px;
  }
}

.stepper-partner .has-error .help-block,
.stepper-partner .has-error .control-label,
.stepper-partner .has-error .radio,
.stepper-partner .has-error .checkbox,
.stepper-partner .has-error .radio-inline,
.stepper-partner .has-error .checkbox-inline,
.stepper-partner .has-error.radio label,
.stepper-partner .has-error.checkbox label,
.stepper-partner .has-error.radio-inline label,
.stepper-partner .has-error.checkbox-inline label,
.stepper-partner .has-error .help-block,
.stepper-partner .has-error .form-control {
  color: #8f2727;
}

.stepper-partner .has-error .form-control {
  border-color: #8f2727;
}

.partner-portal .alert a {
  text-decoration: underline;
}

.partner-portal .alert a:hover {
  color: inherit;
}

.alert a[class='primary-link'] {
  font-weight: normal;
  color: var(--nxp-link-color);
}

.alert a[class='primary-link']:hover {
  text-decoration: underline;
}

.partner-portal .component-container:first-child {
  padding-bottom: 0px !important;
}

.partner-portal .component-container.partner-portal-block {
  padding-top: 0px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d4cfc5;
  /*  &:nth-last-of-type(3) {
      border: none;
    } */
}

.partner-portal .component-container.partner-portal-block .box-text {
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:nth-last-of-type(4) {
  border: none;
  margin-bottom: 0px;
}

.partner-portal .component-container.partner-portal-block:last-of-type, .partner-portal .component-container.partner-portal-block.partner-translation:last-of-type {
  border: none !important;
}

.partner-portal-block:last-child,
.app-column-right.partner-portal .component-container .partner-portal-block:last-child {
  border: none;
}

.partner-portal-block {
  /* h4 {
          margin-bottom: 0px;
        } */
}

.partner-portal-block h3 {
  margin: 0px;
}

@media (max-width: 480px) {
  .partner-portal-block h3 {
    width: 70%;
    max-width: 250px;
  }
}

.partner-portal-block.component-container.component-divider-top {
  border: none;
  padding-top: 24px;
  margin-bottom: 0px;
}

.partner-portal-block.component-container.component-divider-top::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  box-shadow: none;
  border-top: 1px solid var(--nxp-border-color) !important;
}

@media screen and (min-width: 768px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 250px) / 2));
    width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 1200px) {
  .partner-portal-block.component-container.component-divider-top::before {
    margin-left: calc(((-100vw + 100% + 300px) / 2));
    width: calc(100vw - 300px);
  }
}

.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .form-group textarea,
.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.partner-portal-block.component-container.component-divider-top .sponsor-comments .d-flex {
  margin-bottom: 0px;
}

.partner-portal-block .dropdown-search {
  margin-bottom: 8px;
}

.partner-portal-block .dropdown-search + .text-muted {
  margin-bottom: 0px;
}

.partner-portal-block .d-flex {
  padding-top: 16px;
}

.partner-portal-block .d-flex p.text-muted {
  color: #686664 !important;
}

.partner-portal-block .d-flex .flex-column.flex-xs p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex .flex-column p:first-child {
  margin: 8px 0px;
}

.partner-portal-block .d-flex.form-group {
  margin-bottom: 0px;
}

.partner-portal-block h4 + .d-flex {
  padding-top: 12px;
}

.partner-portal-column {
  display: block;
  padding-top: 16px;
}

.partner-portal-column .panel-default > div:not(.panel-deault) {
  border-bottom: 1px solid #d4cfc5;
}

.partner-portal-column .panel-default > div:not(.panel-deault):last-of-type {
  border-bottom: none;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default {
  width: calc(100% - 20px);
  margin-left: 20px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default select {
  width: 100%;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:first-of-type {
  margin-top: 14px;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:only-child {
  border-bottom: none !important;
}

.partner-portal-column .panel-default .toggle_container.m0 .panel-default:last-of-type {
  border-bottom: none !important;
}

.partner-portal-column .footer-region {
  display: block;
  min-width: 100%;
  margin-top: 18px;
}

.partner-portal-column .delete-region {
  top: 0px !important;
  right: 0px !important;
  position: absolute;
  padding: 10px 12px 10px 12px;
  cursor: pointer;
}

.partner-portal-column .delete-region:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.partner-portal-column .flex-container.form-group.has-error p.text-muted {
  color: #686664;
}

.partner-portal-column .flex-column .dropdown-search,
.partner-portal-column .flex-column select,
.partner-portal-column .flex-column input,
.partner-portal-column .flex-column textarea {
  width: calc(100% - 38px) !important;
  margin-bottom: 8px;
}

.partner-portal-column .flex-column .dropdown-search input {
  width: auto !important;
}

.partner-portal-column .panel {
  max-width: unset !important;
}

.partner-portal-column-element:first-child {
  padding-top: 0px;
}

.partner-portal-column-element {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* & div:nth-child(3)  */
}

.toggle_container .partner-portal-column-element {
  max-width: unset !important;
}

.toggle_container .partner-portal-column-element div:nth-child(3) {
  max-width: unset;
}

.partner-portal-column-element .remove-element {
  position: absolute;
  top: 0px;
  left: 310px;
  padding: 10px 14px;
  height: 36px;
  font-size: 16px;
  width: 36px;
}

.partner-portal-column-element .remove-element:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element > * {
  flex: 50%;
  position: relative;
}

@media (max-width: 992px) {
  .partner-portal-column-element > * {
    min-width: unset;
  }
}

.partner-portal-column-element h4:first-child {
  width: 100%;
  flex: 100%;
}

@media (max-width: 768px) {
  .partner-portal-column-element {
    gap: 15px;
  }
}

.partner-portal-column-element img {
  max-width: 90px;
}

.partner-portal-column-element > p {
  margin: 0px;
  max-width: 50%;
}

@media (max-width: 768px) {
  .partner-portal-column-element > p {
    max-width: 100%;
  }
}

.partner-portal-column-element p:first-of-type {
  min-width: 300px;
  max-width: 300px;
  padding-right: 8px;
  display: inline-block;
}

.partner-portal-column-element p:first-of-type > * {
  display: inline-block;
  padding-left: 4px;
}

.partner-portal-column-element p:first-of-type a {
  display: inline;
  padding-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    max-width: 170px;
  }
}

@media (max-width: 992px) {
  .partner-portal-column-element p:first-of-type {
    min-width: unset;
  }
}

@media (max-width: 768px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 160px;
    max-width: unset;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element p:first-of-type {
    min-width: 145px;
  }
}

.partner-portal-column-element .has-error p.help-block {
  max-width: unset;
}

.partner-portal-column-element a {
  display: inline;
  padding-bottom: 8px;
}

.partner-portal-column-element .panel-group {
  width: 100%;
  border: none;
}

.partner-portal-column-element .panel-group .panel-default {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element .panel-group .panel-default .toggle_container,
.partner-portal-column-element .panel-group .panel-default .panel-collapse {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column-element div.form-group {
  margin: 0px;
}

.partner-portal-column-element div,
.partner-portal-column-element input,
.partner-portal-column-element textarea,
.partner-portal-column-element select {
  width: 90%;
  min-width: 300px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 240px;
    width: 90%;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element div,
  .partner-portal-column-element input,
  .partner-portal-column-element textarea,
  .partner-portal-column-element select {
    min-width: 150px;
  }
}

.partner-portal-column-element div:empty {
  max-width: 300px;
  min-width: 100px;
}

@media (max-width: 768px) {
  .partner-portal-column-element div:empty {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .partner-portal-column-element div:empty {
    max-width: 170px;
  }
}

.partner-portal-column-element input[type='radio'],
.partner-portal-column-element input[type='checkbox'] {
  height: auto;
  border: none;
  min-width: unset !important;
  min-height: unset !important;
  width: auto;
}

@media (max-width: 768px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

@media (max-width: 480px) {
  .partner-portal-column-element input[type='radio'],
  .partner-portal-column-element input[type='checkbox'] {
    min-width: unset !important;
    min-height: unset !important;
  }
}

.partner-portal-column-element input[type='file'] {
  max-width: 300px;
  border: none;
  box-shadow: none;
  padding-left: 0px;
}

.partner-portal-column-element input[type='file']:focus, .partner-portal-column-element input[type='file']:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

.partner-portal-column-element div input,
.partner-portal-column-element div textarea {
  width: 100%;
}

.partner-portal-column-element div textarea,
.partner-portal-column-element textarea {
  height: 150px;
}

.partner-portal-column-element div > div {
  padding: 8px 0px;
  width: 100%;
  position: relative;
}

.partner-portal-column-element div > div > * {
  margin-top: 4px;
}

.partner-portal-column-element div > div .icon-times {
  position: absolute;
  top: 24px;
  right: -40px;
  height: 36px;
  width: 36px;
  font-size: 16px;
  position: absolute;
}

.partner-portal-column-element div > div .icon-times:before {
  position: absolute;
  top: 10px;
  left: 12px;
}

.partner-portal-column-element div > div .icon-times:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-portal-column-element .keywords {
  height: 68px;
}

.partner-portal-column-element .updated-element {
  position: relative;
}

.partner-portal-column-element .updated-element::before {
  content: ' ';
  position: absolute;
  background-color: #f9b500;
  width: 6px;
  height: 6px;
  right: -5px;
  top: -8px;
  border-radius: 25px;
  animation: updatedElement 1500ms infinite ease-in-out;
}

.partner-portal-column ul {
  padding: 0px;
  margin: 0px;
}

.partner-portal-column ul li {
  list-style: none;
  min-width: 300px;
  display: block;
}

.partner-portal-column ul li a {
  display: block;
}

.partner-portal-edit {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
}

@media (max-width: 768px) {
  .partner-portal-edit {
    top: 28px;
    right: 24px;
  }
}

.partner-portal-edit a {
  padding-left: 8px;
}

.partner-portal-edit .btn-link {
  padding: 0px 0px 0px 8px;
  margin: 0px;
  font-size: 16px;
  color: #215bd6;
  line-height: 1.428571429;
}

@media (max-width: 767px) {
  .partner-portal-edit .btn-link {
    font-size: 14px;
  }
}

.partner-portal-edit .btn-link:disabled {
  color: #686664;
}

.partner-portal-edit .btn-link:disabled:hover {
  cursor: not-allowed;
}

.partner-portal .dropdown-portal {
  width: 100%;
  min-width: 250px;
  border: #cccccc;
  display: flex;
  border: 1px solid #d4cfc5;
  position: relative;
  min-height: 38px;
  justify-content: space-between;
}

.partner-portal .dropdown-portal .dropdown-placeholder {
  color: grey;
}

.partner-portal .dropdown-value {
  align-items: center;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.partner-portal .dropdown-value .dropdown-label {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  min-width: 0;
  box-sizing: border-box;
  margin: 8px 2px;
}

.partner-portal .dropdown-value .dropdown-label span.value {
  border-radius: 2px;
  text-transform: uppercase;
  color: #262626;
  font-size: 85%;
  overflow: hidden;
  padding: 3px 3px 3px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.partner-portal .dropdown-value .dropdown-label span.remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  font-size: 12px;
}

.partner-portal .dropdown-value .dropdown-label span.remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.partner-portal .dropdown-toggle {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.partner-portal .dropdown-toggle span {
  font-size: 18px;
  vertical-align: -8px;
  padding: 0px 8px;
  color: #262626;
}

.partner-portal .dropdown-toggle::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  display: block;
  height: calc(100% - 16px);
  border-left: 1px solid #d4cfc5;
}

.partner-portal .dropdown-options {
  padding: 4px 0px;
  display: block;
  height: auto;
  max-height: 300px;
  overflow: auto;
  position: absolute;
  z-index: 99;
  top: 102%;
  background: white;
  border: 1px solid #d4cfc5;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.partner-portal .dropdown-options .checkbox, .partner-portal .dropdown-options-item {
  padding: 8px;
  margin: 0px;
}

.partner-portal .dropdown-options .checkbox label, .partner-portal .dropdown-options-item label {
  width: 100%;
  text-transform: uppercase;
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.partner-portal .dropdown-options .checkbox:hover, .partner-portal .dropdown-options-item:hover {
  cursor: pointer;
  background-color: #deecf8;
}

.partner-portal .toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.partner-portal .toggle-container .toggle-title {
  height: auto;
}

.partner-portal .toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.partner-portal .toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.partner-portal .toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

.partner-portal .stepper-content #offeringImageFilename {
  margin: 14px 0px 8px 0px;
}

.partner-portal .stepper-content .icon-times:hover {
  cursor: pointer;
}

.partner-portal .stepper-content img {
  margin: 12px 12px 14px 0px;
}

.partner-portal .stepper-content .col-md-6 {
  margin-bottom: 0px;
  padding-left: 0px;
}

.partner-portal .stepper-content .col-md-6 .checkbox {
  margin: 8px 0px !important;
}

.partner-portal .btn.btn-default.btn-width {
  margin: 0px 10px 10px 0px !important;
}

.partner-portal .btn.btn-default.btn-width span {
  z-index: 2;
  position: relative;
}

.partner-portal #duration {
  border-right: none;
  vertical-align: 0.5px;
}

.partner-portal #duration,
.partner-portal #durationUOM {
  width: auto !important;
  max-width: 115px;
  display: inline-block;
}

.partner-portal .form-inline {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-portal .dropdown-menu {
  display: none;
  right: 12px;
  top: 20px;
  left: unset;
  max-width: 320px;
  min-width: 245px;
  font-size: 16px;
}

.partner-portal .dropdown-menu::after {
  display: none;
}

.partner-portal .dropdown-menu span {
  padding: 3px 20px;
}

.partner-portal .open .dropdown-menu {
  display: block;
}

@media (max-width: 992px) {
  .partner-portal .dropdown-menu {
    right: unset;
    left: 20px;
  }
  .partner-portal .item-options .flex-right {
    justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .partner-portal #duration {
    max-width: 60px;
  }
}

.partner-offering .retrieved-results-header {
  padding-top: 8px;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .form-group.form-group-sm {
    display: flex;
    margin-top: 8px;
    align-items: center;
  }
}

.partner-offering .retrieved-results-header .sort-results select {
  padding: 6px 12px;
  height: 36px;
  font-size: 16px;
  line-height: 1.4;
}

.partner-offering .retrieved-results-header .sort-results label {
  font-weight: normal;
}

@media (max-width: 992px) {
  .partner-offering .retrieved-results-header .sort-results label {
    display: inline-block;
    white-space: nowrap;
  }
}

.partner-offering.retrieved-results .retrieved-results-label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.partner-offering.retrieved-results .retrieved-results-label select {
  font-size: 16px;
}

.partner-offering.retrieved-results .retrieved-results-label input {
  margin-right: 0px;
}

.partner-offering.retrieved-results {
  padding-bottom: 26px;
}

.partner-offering.retrieved-results .retrieved-items {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item {
  padding: 24px 0px;
  margin: 0px !important;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item.selected {
  background-color: #c3effe;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
  padding: 0px;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body {
    width: 90%;
    max-width: 90%;
    min-width: unset;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body .item-metadata {
  margin-bottom: 0px;
  padding-left: 22px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input a,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 a {
  margin-right: 8px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body input .text-new-my-lib,
.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-body h4 .text-new-my-lib {
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
  min-width: 50px;
  width: 60px;
  max-width: 60px;
  justify-content: center;
  gap: unset;
}

@media (max-width: 992px) {
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options {
    width: 10%;
    max-width: 10%;
    display: block;
  }
  .partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options > * {
    margin-top: 0px;
  }
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h {
  height: 30px;
  width: 30px;
  cursor: pointer;
  position: relative;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:before {
  position: absolute;
  left: 7px;
  top: 7px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .icon-ellipsis-h:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle {
  right: 15px;
  position: absolute;
  background: white;
  list-style: none;
  text-align: left;
  border: 1px solid #d4cfc5;
  padding: 12px 0px;
  margin: 0px;
  top: 28px;
  z-index: 999;
  width: 170px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0px;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a {
  padding: 4px 24px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #686664;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options-toggle li a:hover {
  text-decoration: none;
  cursor: pointer;
  background-color: #deecf8;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options.open .dropdown-menu {
  display: block;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-menu {
  display: none;
  top: 30px;
  margin-top: 0px;
  right: 10px;
  left: unset;
}

.partner-offering.retrieved-results .retrieved-items .retrieved-item .item-options .dropdown-toggle::before {
  border: none;
}

.partner-offering-number {
  margin-bottom: 0px;
}

.submit-container {
  padding: 26px 0px 48px 0px;
}

.submit-container .checkbox label {
  line-height: inherit;
}

.submit-status {
  margin-bottom: 14px;
  max-width: 420px;
}

.submit .checkbox input {
  margin-top: 1px;
}

.filter-container-selected {
  padding: 8px;
  margin: 12px 0px;
  border: 1px solid #d4cfc5;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  min-height: 50px;
  gap: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .filter-container-selected {
    max-width: 300px;
  }
}

.filter-container-selected::-webkit-scrollbar {
  -webkit-appearance: none;
}

.filter-container-selected::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 6px solid #ffffff;
}

.filter-container-selected .value-selected {
  background-color: #e5eaed;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
}

.filter-container-selected .value-selected-label {
  padding-left: 12px !important;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.filter-container-selected .value-selected-remove {
  align-items: center;
  border-radius: 2px;
  display: flex;
  box-sizing: border-box;
  font-size: 12px;
}

.filter-container-selected .value-selected-remove:hover {
  cursor: pointer;
  background-color: #ffbdad;
  color: #de350b;
}

.filter-container-selected .value-selected span {
  padding: 4px 6px;
}

#partner-portal {
  /* removing padding from others existed components */
}

#partner-portal .tab-content,
#partner-portal .tab-panel {
  padding-top: 0px;
}

#partner-portal .app-column-left {
  height: auto;
  min-height: 90vh;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left {
    min-height: 50px;
    padding: 12px 15px;
    /* #select-tab-partner{
        } */
  }
  #partner-portal .app-column-left-title {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  #partner-portal .app-column-left {
    padding-left: 0px;
  }
}

#partner-portal .app-column-left .tab-sponsor {
  display: block;
}

@media (max-width: 767px) {
  #partner-portal .app-column-left .tab-sponsor {
    display: none;
  }
}

#partner-portal .app-column-left ul li.active a {
  border-left: 3px solid #f59b00;
  font-weight: 600;
}

#partner-portal .app-column-left ul li a {
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  padding-left: 32px !important;
}

#partner-portal .app-column-left ul li a:hover, #partner-portal .app-column-left ul li a:focus, #partner-portal .app-column-left ul li a:target, #partner-portal .app-column-left ul li a:visited {
  text-decoration: none;
}

@media (max-width: 768px) {
  #partner-portal .component-container {
    padding: 24px 0px;
  }
}

#partner-portal #partner-profile .checkbox .text-muted.small {
  line-height: inherit;
}

#partner-portal .alert-flag {
  max-width: 350px;
}

@media (max-width: 480px) {
  #partner-portal .alert-flag {
    left: 0px;
    max-width: 300px;
  }
  #partner-portal .alert-flag .alert-dismissible .media-body p {
    max-width: 150px !important;
  }
}

#partner-portal .alert-flag .alert-dismissible .close {
  height: 15px;
  width: 15px;
}

#partner-portal .alert-flag .alert-dismissible .media-left {
  vertical-align: middle;
}

#partner-portal .alert-flag .alert-dismissible .media-left span {
  font-size: 40px;
}

#partner-portal .alert-flag .alert-dismissible .media-body {
  min-width: 200px;
  width: auto;
  max-width: 380px;
}

#partner-portal .alert-flag .alert-dismissible .media-body p {
  max-width: 300px;
}

#partner-portal h4.item-title {
  font-size: 16px;
}

#partner-portal .partner-portal .stepper-content .form-group div:first-child {
  margin-bottom: unset;
}

#partner-portal .stepper-content > div .form-group:nth-last-child(2) {
  margin-bottom: 0px;
}

@media (max-width: 480px) {
  .tree-component {
    max-width: 280px;
  }
}

.tree-component .form-group:first-of-type {
  padding-top: 4px !important;
}

.tree-component .form-group:last-of-type {
  padding-bottom: 8px !important;
}

.tree-component .form-group:first-child {
  margin: 0px;
}

.tree-component .form-group:first-child .checkbox {
  margin: 10px 0px !important;
}

.tree-component .form-group {
  padding-left: 0px !important;
}

.tree-component .form-group label {
  font-size: 14px;
  line-height: 1.7;
}

.tree-component label:hover {
  background-color: inherit !important;
}

#software-manager-tool .react-checkbox-tree {
  margin-bottom: 24px;
}

.react-checkbox-tree .rct-icon,
.rct-icon .rct-icons-fa4 .rct-icon-check .rct-icon .rct-icon-expand-close,
.rct-icon .rct-icon-expand-open {
  font-family: 'Font Awesome' !important;
}

.rct-icons-fa4 .rct-icon-check::before {
  content: '\F00C' !important;
  color: white !important;
}

.rct-icons-fa4 .rct-icon-check {
  width: 14px;
  height: 14px;
  font-size: 10px;
  background: #0075ff;
  border-radius: 2px;
}

.rct-icons-fa4 .rct-icon-uncheck {
  width: 14px;
  height: 16px;
  border-radius: 2px;
  font-size: 13px;
}

.rct-icons-fa4 .rct-icon-uncheck::before {
  content: '\F0C8' !important;
  color: #767676 !important;
}

.rct-node-icon {
  display: none !important;
}

.rct-node-parent {
  margin-top: 4px !important;
}

.rct-node-parent input[type='checkbox'] {
  height: 20px;
}

.rct-title {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

.rct-collapse {
  padding: 8px !important;
  transition: all ease-in-out 200ms;
}

.rct-collapse:hover {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.rct-collapse:hover .rct-icon {
  opacity: 1;
}

.rct-node-leaf {
  margin-bottom: 0px;
}

.rct-text label {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}

.rct-node-leaf label {
  padding: 4px;
}

.rct-node-leaf label:hover {
  background: inherit !important;
}

.sponsor-comments {
  /* padding-bottom: 24px; */
}

.sponsor-comments.partner-portal-column-element {
  display: block;
}

.sponsor-comments.partner-portal-column-element .box-text {
  width: 100%;
}

.sponsor-comments.partner-portal-column-element .box-text p {
  width: 100%;
  min-width: unset;
  margin: 0px;
  max-width: unset;
}

.sponsor-comments .box-text {
  margin: 48px 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.sponsor-comments .box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

.sponsor-comments .component-flex {
  padding: 0px 0px 30px 0px;
}

.sponsor-comments textarea {
  height: auto;
  min-height: 90px;
  max-height: 120px;
  min-width: 300px;
  width: 100%;
}

/* table for translation */
.partner-translation {
  width: 100%;
  overflow: hidden;
}

.partner-translation p.text-muted {
  margin-top: 10px;
}

.partner-translation .table-clean {
  min-width: 450px;
  border: none !important;
}

.partner-translation .table-clean thead {
  border-bottom: 2px solid #686664;
}

.partner-translation .table-clean thead tr th {
  background-color: transparent !important;
}

.partner-translation .table-clean tbody tr td:first-of-type {
  width: 80px;
  min-width: unset;
}

.partner-translation .table-clean tbody tr td {
  min-width: 100px;
}

.partner-translation .table-clean tbody tr td .btn {
  float: right;
  margin-top: 5%;
}

.partner-translation .table-clean tbody tr td select {
  min-width: 210px;
}

@media (max-width: 480px) {
  .partner-translation .table-clean {
    min-width: unset;
  }
}

.partner-translation .content-box {
  position: relative;
  width: 100%;
  margin-top: 8px;
}

.partner-translation .content-box > * {
  max-width: 100%;
}

.partner-translation .content-box textarea {
  max-width: 100%;
  min-width: 200px;
  min-height: 100px;
  max-height: 200px;
}

.partner-translation .content-edit {
  position: absolute;
  display: flex;
  right: 0px;
  top: 0px;
  gap: 8px;
}

.partner-translation .content-text {
  padding-top: 12px;
}

.partner-translation .content-text.box-text {
  margin: 0px;
  background-color: #f7f5f1;
  border: none;
  max-height: 180px;
}

.partner-translation .content-text.box-text::-webkit-scrollbar-thumb {
  border: 6px solid #f7f5f1;
}

.partner-overview {
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0px;
  position: relative;
  gap: 30px;
}

.partner-overview-full {
  flex: 0 0 100%;
}

.partner-overview-column {
  flex: 80;
  /*  @media (max-width: $screen-lg) {
            flex: 0 0 calc(50% - 124px);
          } */
}

.partner-overview-column img {
  margin-bottom: 12px;
  max-width: 250px;
  max-height: 120px;
}

.partner-overview-column .media img {
  max-width: unset;
  max-height: unset;
}

.partner-overview-left {
  padding-right: 48px;
  flex: 80;
}

.partner-overview-left .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview-left .component-md-flex {
    gap: 48px;
  }
}

.partner-overview-left .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview-left .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview-left .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview-left .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview-left .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview-right {
  flex: 20;
}

.partner-overview .component-md-flex {
  gap: 100px;
}

@media (max-width: 1200px) {
  .partner-overview .component-md-flex {
    gap: 48px;
  }
}

.partner-overview .info-list {
  min-width: 150px;
  text-align: left;
  margin-bottom: 16px;
}

.partner-overview .info-list h6 {
  color: #686664;
  text-transform: uppercase;
  letter-spacing: 0.84px;
  margin-top: 0;
  border: none;
  line-height: 16px;
}

.partner-overview .info-list ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.partner-overview .info-list ul li {
  margin-bottom: 0px;
}

.partner-overview .toggle-content {
  padding: 10px 0px;
  display: inline-block;
}

.partner-overview .toggle-opacity-content {
  max-height: 300px;
}

.partner-overview .text-indicator {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  line-height: 1.25;
  color: #686664;
  padding-top: 10px;
}

@media (max-width: 992px) {
  .partner-overview-column {
    flex: none;
    width: 100%;
  }
  .partner-overview-left {
    padding-top: 30px;
    padding-right: 0px;
  }
  .partner-overview-right img {
    max-width: 46%;
  }
}

#partnerProfile .fix-top,
#partnerProfileRedesign .fix-top {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1099;
  background-color: white;
  display: flex;
  gap: 20px;
  height: 64.5px;
  border-bottom: 1px solid #d6dce0;
  padding: 0px 15px;
  /* Hidding the fix nav in mobile only */
}

@media (max-width: 768px) {
  #partnerProfile .fix-top,
  #partnerProfileRedesign .fix-top {
    display: none !important;
  }
}

#partnerProfile .fix-top .site-logo,
#partnerProfileRedesign .fix-top .site-logo {
  padding: 0px 15px;
}

#partnerProfile .fix-top .site-logo a,
#partnerProfileRedesign .fix-top .site-logo a {
  display: block;
  padding-top: 16px;
  padding-bottom: 15px;
}

#partnerProfile .fix-top .site-logo a svg,
#partnerProfileRedesign .fix-top .site-logo a svg {
  width: 50px;
}

#partnerProfile .fix-top .site-nav .sticky-nav,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav {
  display: flex;
  gap: 20px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
  font-size: 20px;
  display: inline-block;
  line-height: 63px;
  top: 1px;
  position: relative;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  font-weight: 600;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
  font-size: 20px;
  line-height: 63px;
}

#partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span,
#partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle span {
  margin-right: 8px;
  font-size: 18px;
}

@media (max-width: 992px) {
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-title,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-title {
    font-size: 18px;
  }
  #partnerProfile .fix-top .site-nav .sticky-nav .sticky-nav-subTitle,
  #partnerProfileRedesign .fix-top .site-nav .sticky-nav .sticky-nav-subTitle {
    font-size: 14px;
  }
}

#partnerProfile #alertblue,
#partnerProfileRedesign #alertblue {
  margin-left: calc((-100vw + 100%) / 2);
  width: 100vw;
}

#partnerProfile .retrieved-results-label > *,
#partnerProfileRedesign .retrieved-results-label > * {
  margin-right: 4px;
}

#partnerProfile .scale-img,
#partnerProfileRedesign .scale-img {
  max-height: unset;
}

#partnerProfile .header-search,
#partnerProfileRedesign .header-search {
  margin-left: auto;
  margin-top: 13px;
}

#partnerProfile .header-search .search-input,
#partnerProfileRedesign .header-search .search-input {
  position: relative;
  display: flex;
  max-width: 255px;
  margin-left: auto;
  transition: all 0.3s cubic-bezier(0.04, 0, 0.2, 1);
}

#partnerProfile .header-search .search-input::after,
#partnerProfileRedesign .header-search .search-input::after {
  content: '\F002';
  display: inline-block;
  font-family: 'Font Awesome';
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  speak: none;
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 12px;
  color: #98a8b4;
  transform: translateY(-50%);
  pointer-events: none;
  font-variant: normal;
}

#partnerProfile .header-search .search-input input,
#partnerProfileRedesign .header-search .search-input input {
  padding-left: 25px;
}

@media (max-width: 768px) {
  #partnerProfile .ds-resources .ds-resources-big-title,
  #partnerProfileRedesign .ds-resources .ds-resources-big-title {
    border: none;
  }
}

#partnerProfile .ds-resources::before,
#partnerProfileRedesign .ds-resources::before {
  top: unset;
  bottom: 0px;
}

#partnerProfile .ds-resources:last-of-type::before,
#partnerProfileRedesign .ds-resources:last-of-type::before {
  display: none;
}

#partnerProfile .retrieved-item .item-media,
#partnerProfileRedesign .retrieved-item .item-media {
  min-width: 200px;
}

#product-portfolio .item-options.metadata, #product-portfolio .disclaimer p a.item-options, .disclaimer p #product-portfolio a.item-options, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
  padding: 18px 15px 0px 15px;
}

@media (max-width: 992px) {
  #product-portfolio .item-options.metadata, #product-portfolio .disclaimer p a.item-options, .disclaimer p #product-portfolio a.item-options, #product-portfolio .shopping-list .box-container .item-options.description, .shopping-list .box-container #product-portfolio .item-options.description {
    padding-top: 0px;
  }
}

/* Gold Partners */
#partner-directory-app .item-media img {
  max-width: 120px;
}

@media (max-width: 768px) {
  #partner-directory-app .item-media {
    padding-left: 0px;
  }
  #partner-directory-app .item-media img {
    max-width: 180px;
    margin: 12px 0px 0px 0px;
  }
}

#partner-marketplace-app .retrieved-results:has(.card1.partner-card) .icon-list {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-results:has(ul.retrieved-items) .icon-grid {
  color: #aaa6a2 !important;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-body {
  max-width: 645px;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
  flex: 0;
}

#partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
  margin-top: 30px;
}

@media (max-width: 480px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options {
    position: absolute;
    width: auto;
    right: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections {
    margin-top: 0px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -7px;
  }
}

@media (max-width: 992px) {
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu {
    left: unset;
    right: -25px;
  }
  #partner-marketplace-app .retrieved-item:has(.item-options-collections) .item-options .item-options-collections .item-options-collections-menu::after {
    left: unset;
    right: 10px;
  }
}

#partner-marketplace-app .card1-item .item-options-collections-menu {
  right: -24px;
}

@media (max-width: 992px) {
  #partner-marketplace-app .card1-item .item-options {
    padding-right: 0px;
  }
  #partner-marketplace-app .card1-item .item-options .item-options-collections {
    margin-top: 0px;
  }
}

#software-manager-tool .hero.hero-new {
  padding-left: 0px;
}

#software-manager-tool .results-controls {
  margin-top: 30px;
}

.software-redesign .component-flex {
  display: flex;
  align-items: center;
}

.software-redesign .dropdown-menu {
  top: 36px !important;
}

.software-redesign .dropdown-menu::after {
  right: 10px;
  left: auto;
}

.software-redesign .metadata .meta-item span:not(.icon-info), .software-redesign .disclaimer p a .meta-item span:not(.icon-info), .disclaimer p .software-redesign a .meta-item span:not(.icon-info), .software-redesign .shopping-list .box-container .description .meta-item span:not(.icon-info), .shopping-list .box-container .software-redesign .description .meta-item span:not(.icon-info) {
  margin-right: 6px;
  font-weight: 600;
}

.software-redesign .metadata .meta-item .icon-info, .software-redesign .disclaimer p a .meta-item .icon-info, .disclaimer p .software-redesign a .meta-item .icon-info, .software-redesign .shopping-list .box-container .description .meta-item .icon-info, .shopping-list .box-container .software-redesign .description .meta-item .icon-info {
  font-size: 12px;
  margin-left: 4px;
}

.software-redesign .icon-ellipsis-h::before {
  left: 5px !important;
  top: 6px !important;
}

.software-redesign .filter-block-section .button-wrapper {
  display: flex;
}

.software-redesign .filter-block-section .button-wrapper .btn:not(:first-of-type) {
  margin-left: 8px;
}

.software-redesign .container .section {
  padding: 0px 15px;
}

.software-redesign .container .section .main-group {
  padding: 36px 0px;
  width: 60%;
}

.software-redesign .container .section .main-group h2 {
  margin-top: 0px;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .section .main-group {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .section .main-group {
    width: 100%;
  }
}

.software-redesign .container .section .main-group .form-group {
  padding: 8px 0px;
}

.software-redesign .container .section .main-group .form-group textarea {
  max-width: 100%;
  max-height: 300px;
}

.software-redesign .container .section .main-group .form-group .form-group-radios .form-check label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .section .main-group .form-group:last-of-type {
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .form-group:first-of-type {
  padding-top: 0px;
}

.software-redesign .container .section .main-group .section {
  padding: 0px;
}

.software-redesign .container .section .main-group .section .form-group {
  padding: 24px 0px;
  margin-bottom: 0px;
}

.software-redesign .container .section .main-group .section .form-group:last-of-type {
  padding-bottom: 0px;
}

.software-redesign .container .section .main-group .section.has-border {
  min-height: 80px;
  margin-bottom: 11px;
}

.software-redesign .container .section .main-group .section.has-border .container {
  padding: 1em;
  margin-top: 0px;
  display: block;
}

.software-redesign .container .section .main-group .section.has-border .container ul {
  margin: 0px;
}

.software-redesign .container .section .main-group .checkbox.expand {
  font-size: 14px;
}

.software-redesign .container .section .main-group .checkbox.expand input {
  top: -1px;
}

.software-redesign .container .form-group.sw {
  margin-bottom: 0px;
}

.software-redesign .container .form-group.sw label {
  font-weight: 500;
  margin-left: 8px;
}

.software-redesign .container .submit-container {
  padding: 36px 0px;
}

.software-redesign .container .submit-container h2 {
  margin-top: 0px;
}

.software-redesign .container .submit-container .form-control {
  width: 60%;
}

@media only screen and (max-width: 991px) {
  .software-redesign .container .submit-container .form-control {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .software-redesign .container .submit-container .form-control {
    width: 100%;
  }
}

.software-redesign .container .submit-container .form-group {
  margin-bottom: 0px;
}

.software-redesign .submit-container::before {
  right: 52%;
}

.software-redesign .date-picker input {
  font-size: 14px;
  padding: 6px;
  width: 136px;
}

.software-redesign .partner-offering-number {
  padding-top: 20px;
}

.software-redesign .toggle-title {
  position: relative;
}

.software-redesign .btn-title {
  position: absolute;
  right: calc((-100% / 6) * 4);
  top: 0px;
}

@media only screen and (max-width: 992px) {
  .software-redesign .btn-title {
    right: 0px;
    position: relative;
    margin-bottom: 12px;
  }
}

.smt-modal .alert {
  margin-bottom: 0px;
  margin-top: 20px;
}

.toggle-container > div > div > div.form-group {
  padding-left: 0px !important;
}

.toggle-container .toggle-title {
  height: auto;
}

.toggle-container .toggle-content {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
  max-height: 0;
}

.toggle-container .toggle-content.visible {
  max-height: 1000px;
}

.toggle-container .toggle-link:hover {
  text-decoration: none;
}

@keyframes maxToggleHeight {
  0% {
    max-height: 0px;
  }
  100% {
    max-height: 10000px;
  }
}

@media (min-width: 1440px) {
  #blogs-SPA-Landing .card1-item .card1-image img {
    min-width: 338px;
  }
}

@media (max-width: 992px) {
  #blogs-SPA-Landing .card1-item .card1-image img {
    width: 720px;
  }
}

.exbs-section {
  display: flex;
  align-items: center;
  gap: 4px;
}

.exbs-section.exbs-divider {
  border-left: 1px solid var(--nxp-border-color);
}

.exbs-section.exbs-divider .checkbox-wrapper {
  padding-left: 8px;
}

.exbs-section .icon-info {
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}

.exbs-section {
  display: flex;
  align-items: center;
  gap: 4px;
}

.exbs-section.exbs-divider {
  border-left: 1px solid var(--nxp-border-color);
}

.exbs-section.exbs-divider .checkbox-wrapper {
  padding-left: 8px;
}

.exbs-section .icon-info {
  font-size: 14px;
  padding: 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .search-landing-page-data .filter-nav-section .filter-nav span.icon-info {
    display: none;
  }
}

.item-secondary.block-diagram {
  display: none !important;
}

.item-secondary.block-diagram .item-subheader {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
}

.item-secondary.block-diagram .item-subitem {
  padding: 30px 30px 0px 30px;
  border-bottom: unset;
  background-color: var(--nxp-gray-100);
}

.item-secondary.block-diagram .item-subitem:last-child .item-body {
  border-bottom: unset;
}

.item-secondary.block-diagram .item-subitem .item-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: unset;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--nxp-gray-300);
}

.item-secondary.block-diagram .item-subitem .item-body .item-subtitle {
  margin-bottom: 0px;
  font-size: 16px;
}

.item-secondary.block-diagram .item-subitem .item-body .bd-item-description {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-secondary.block-diagram .item-subitem .item-body .item-metadata {
  margin-top: 0px;
}

.item-secondary.block-diagram .item-subitem .item-body .bd-item-action {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.exact-match2 .item-secondary.block-diagram {
  color: var(--nxp-gray-900);
}

.exact-match2 .item-secondary.block-diagram .item-subheader {
  color: var(--nxp-gray-900);
}

.exact-match2 .item-secondary.block-diagram .item-metadata a {
  color: var(--nxp-gray-500);
}

.exact-match2 .item-secondary.block-diagram .item-body {
  border-bottom: 1px solid var(--nxp-gray-600);
}

.search-landing-page-data .result-item .result-options:has([asset-type="ASP"]) .btn-download {
  display: none;
}

.search-landing-page-data .result-item .result-options:has([asset-type="ASP"]) .item-options-collections {
  margin-left: auto !important;
}

.box-container.box-opts.exact-match2 .box-opts-content.actions:has([asset-type="ASP"]) .btn-download {
  display: none;
}

.box-container.box-opts.exact-match2 .box-opts-content.actions:has([asset-type="ASP"]) .item-options-collections {
  margin-left: auto !important;
}