.al-node__header
  margin: 40px 0 10px
  position: relative
  h2
    color: black!important
    // font-size: 16px!important
  span
    font-size: 16px
  img
    position: absolute
    top: 57px
    left: 638px
    z-index: 10

.al-link__scheme
  font-weight: bold
  font-size: 13px
  color: black
  border-bottom: none
  box-sizing: border-box
  display: inline-block
  i
    display: none
    position: relative
    bottom: -2px
  &:hover
    color: $monza
    i
      display: inline-block

.al-link__scheme--s
  @extend .al-link__scheme
  font-size: 12px
  font-weight: normal

.al-span--newl
  font-weight: normal
  &:before
    content: "\a"
    white-space: pre

// #################################

.al-node__info
  width: 650px
  margin-bottom: 60px
  a
    text-decoration: none
    &:hover
      text-decoration: none

.al-info
  position: relative
  font-size: 14px
  background-color: white
  border: 1px solid red
  margin-bottom: 10px
  .al-info__header
    background-color: red
    font-weight: bold
    display: block
    padding: 8px
    position: relative
    span
      margin-left: 32px
    i
      width: 24px
      display: inline-block
      margin-right: 0
    .al-info__checkout
      float: right
      a
        display: inline-block
        color: black
        background-color: $gold
        border-bottom: none
        border-radius: 2px
        padding: 6px 7px
        &:hover
          text-decoration: none
          border-bottom: none
      span
        margin-right: 5px
        font-size: 14px
        font-weight: bold
    .al-info__checkout--disabled
      a
        color: $wildblueyonder
        background-color: $iron
        font-weight: 400
        &:hover
          cursor: not-allowed
  i
    margin-right: 10px
  .al-info__body
    padding: 0
    border-width: 0 1px
    border-style: solid
    border-image-width: 0 1px
    border-image-slice: 1
    border-image-source: linear-gradient(to bottom, red, transparent)
    p
      padding: 0 10px
      line-height: 17px
  .al-info__list--main
    overflow-y: auto
    cursor: pointer
    padding: 10px 0
    li
      padding: 4px 0
      position: relative
      &:hover
        background-color: $salomie
        .al-info__addtocart--show
          display: block
        .al-info__list--second
          margin-top: 4px
          margin-bottom: -4px
    i
      margin-left: 5px
      vertical-align: top
      padding: 0
      font-size: 14px
    .al-info__incart
      background-color: $gold
      &:hover
        background-color: $gold
        .al-info__addtocart--show
          display: none
        .al-info__addtocart--hide
          display: none!important
    .al-info__list--more
      .al-info__list--second
        background-color: white
        ul
          display: none
          width: auto
          background-color: white
          border: 1px solid $salomie
          margin-left: 80px
        li
          padding: 4px 0
          padding-left: 10px
          position: relative
          &:hover
            .al-info__addtocart
              display: block
        span
          max-width: 370px
          display: inline-block
    .al-info__addtocart
      display: inline-block
      background-color: $gold
      margin-right: 4px
      border-radius: 2px
      padding: 2px 7px
      position: absolute
      top: 2px
      left: auto
      right: 10px
      display: none
      a
        display: inline-block
        color: black
        background-color: $gold
        border-bottom: none
        &:hover
          text-decoration: none
          border-bottom: none
          box-shadow: 0 0 10px 1px $gold

  .al-info__list--cart
    padding: 10px 0
    margin: 0
    ul
      list-style-position: initial
    li
      padding: 2px 0
      position: relative
      list-style-type: none
      i
        margin: 0 3px 0 7px
      i:first-child
        vertical-align: top
        &:before
          vertical-align: top
      & ul
        margin-top: 4px
      & ul li
        padding: 4px 0
        // &:hover
        //   background-color: $gold
    .al-info__list--text
      display: inline-block
      // text-overflow: ellipsis
      // white-space: nowrap
      // overflow: hidden
      width: 615px
      font-size: 12px
      ul
        margin-left: 10px
      
    .al-info__list--title
      display: inline-block
      width: 430px
      white-space: normal

    .al-info__priceChoice
      position: absolute
      left: auto
      right: 10px
      top: 4px
      a
        font-weight: normal
        font-size: 13px
        color: $monza
        border-bottom: 1px dashed rgba($monza, 0.5)
        &:hover
          border-color: transparent
      input
        display: inline-block
        width: 16px
        height: 12px
        text-align: center
        margin-top: -6px
        border-radius: 0
        border-color: $wildblueyonder
      a.al-info__price
        color: black
        border-bottom: 1px dashed rgba(black, 0.5)
        margin-left: 4px

  .al-info--marked
    background-color: $salomie

  // .al-info--nmr
  //   display: inline-block
  //   vertical-align: top
  //   min-width: 58px
  //   margin: 0 2px
  //   span
  //     padding-left: 5px
  //     display: inline-block
  //     font-size: 12px
  //     max-width: 58px
  //     white-space: nowrap
  //     overflow: hidden
  //     text-overflow: ellipsis

  .al-info--text
    display: inline-block
    max-width: 375px

.al-info__link--delete
  display: inline-block
  vertical-align: top
  text-decoration: none
  border-bottom: none
  margin-left: 10px
  font-size: 14px
  i
    width: 14px
    color: $gray
  &:hover
    i
      color: $monza!important

.al-node__cart
  border-color: rgba($salomie, 0.3)
  .al-info__header
    background-color: $salomie
    span
      margin-left: 5px
      font-size: 13px
      font-weight: bold
  .al-info__body
    border-image-source: linear-gradient(to bottom, $salomie, transparent)
    // .al-info--nmr
    //   min-width: 38px
    //   span
    //     max-width: 38px