/*
Node Development
Daniel Mizrahi
*/

/* Begin old */
.composition-table .composition-item {
    color: rgb(51, 51, 51);
    border-top: 0.25px solid #F7F7F7;
    border-bottom: 0.25px solid #F7F7F7;
    &:nth-child(-n+3) {
        border-top: unset;
    }
    &:nth-last-child(-n+3) {
        border-bottom: unset;
    }
}

.composition-table {
    display: grid;
    grid-template-columns: max-content max-content auto;
    padding: 20px 0px;
    img {
        height: 80px;
        width: 80px;
    }
    .part-count {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
    }
    .part-description {
        display: flex;
        justify-content: center;
        align-items: normal;
        flex-direction: column;
        height: 80px;
        width: 100%;
        div:nth-child(1) {
          	font-size: 14px;
            font-family: "DM Sans", Helvetica, sans-serif;
            font-weight: 700;
        }
        div:nth-child(2) {
            color: #C6C9CD;
          	font-size: 13px;
        }
    }
    a, a:visited, a:hover {
        text-decoration: none;
        color: rgb(51, 51, 51);
    }
}
/* End old */
.composition-table-2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.composition-table-row {
  height: 80px;
  display: grid;
  grid-template-columns: 80px 80px auto;
  border-bottom: 2.5px solid #F7F7F7;
}
.composition-table-2 > .composition-table-row:last-child {
  border-bottom: none;
}
a:last-child .composition-table-row {
  border-bottom: none;
}
.composition-table-2 img {
  width: 80px;
  height: 80px;
}
.composition-table-2 a, .composition-table-2 a:visited {
  color: #333;
  text-decoration: none !important;
}
.composition-table-row:hover div {
  color: #FF6600;
  text-decoration: none;
}
.composition-table-2 div div:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.composition-table-2 div div:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.composition-table-title {
  font-size: 14px;
  font-weight: 700;
}
.composition-table-code {
  font-size: 13px;
  font-weight: 400;
  color: #c6c9cd;
}

/* */
/*
.composition-table-2 span {
  display: block;
}
.composition-table-row-spantest {
  height: 80px;
  display: grid;
  grid-template-columns: 80px 80px auto;
  border-bottom: 2.5px solid #F7F7F7
}
.composition-table-row-spantest:last-child {
  border-bottom: none;
}	
.composition-table-row-spantest:hover span {
  color: #FF6600;
  text-decoration: none;
}
.composition-table-2 span span:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.composition-table-2 span span:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
*/
/* */