@import 'css/master/settings/settings';
@import 'css/secondary/selectPPP/od/index';

#cartV4Entries {
  .inline_chosen_ppp {
    div {
      position: relative;
      top: 8px;

      p.small.di {
        position: relative;
        bottom: 5px;
      }
    }
  }
  .selected_option_row {
    .ppp_row {
      &:not(:first-child){
        padding: 0 0 15px 0;
      }
      &:first-child {
        padding: 0 0 15px 8px;
      }
    }
  }

  .v5_ppp_offering {
    &.ppp_offering_td {
      border-top: 1px solid $borderBottomGray;
    }

    .ppp_img img {
      height: 20px;
      width: auto;
      float: right;
    }

    p.semi_bold {
      margin-bottom: 1rem;
    }

    .ppp_options {
      padding-left: 1.5rem;
    }

    .add_option {
      height: 16px;
      width: 16px;
    }

    .checkbox label:hover::after{
      width: 9px;
      height: 5px;
      top: 3px;
      left: 2px;
    }
  }

  table.products .selected_option_row.v5_ppp_applied {
    .ppp_row {
      img.png_img {
        padding-left: 0;
        height: 20px;
      }

      .ppp_td {
        background-color: $white;
        border-left: 0;
        border-right: 0;
        padding: 15px 0 15px 8px;
        vertical-align: middle;
        display: flex;
        align-items: center;
      }

      .ppp_first {
        border: none;
        margin: 0;

        .ppp_img img {
          padding-left: 0;
        }
      }

      .ppp_stack {
        flex-direction: column;
        align-items: flex-start;
      }

      .center {
        justify-content:center;
      }

      .ppp_delivery {
        padding-left: 38px;
      }

      .ppp_last {
        padding-left: 23px;
      }
    }
  }

  .teacher_list_item.collapsed tr.v5_ppp_offering.ppp_offering_tr {
    display: none;
  }
}

table.products {
  border-collapse: separate;
  // InlinePPP begins here
  .selected_option_row {
    border: 1px solid;

    .ppp_img {
      img {
        height: 30px;
        width: 119px;
        padding-left: 20px;
      }
    }

    .ppp_row  {

      .ppp_first {
        border-left: 1px solid $grayLight;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
      }

      .ppp_td {
        background-color: $lightBlueBackground;
        position: relative;
        padding: 22px 0 22px 8px;
        border-top: 1px solid $grayLight;
        border-bottom: 1px solid $grayLight;
        height: 35px;
      }

      .ppp_last {
        border-right: 1px solid $grayLight;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        color: $blue;
      }

      &:last-child {
        border: 1px solid $white;
      }

      &.ppp_description {
        margin: 0;
        padding: 20px 0;

        p {
          margin-bottom: 0;
        }
      }

      .ppp_price,
      .ppp_delivery {
        padding-top: 28px;

        p {
          margin-bottom: 0;
        }
      }

      .ppp_delivery {

        .info {
          position: relative;
          left: 5px;
        }

        .odTooltip {
          background-color: $white;
          font-size: 15px;
          width: 200px;
          padding: 30px 24px;
          line-height: 1.2em;
        }
      }

      &.last_col {
        padding: 28px 0;
        margin-bottom: 0;
      }

      .ppp_caret {
        height: 15px;
        width: 15px;
        border-left: 1px solid $grayLight;
        border-top: 1px solid $grayLight;
        background-color: $lightBlueBackground;
        position: absolute;
        top: -8px;
        left: 42px;
        transform: rotate(45deg);
        z-index: 1;
      }
    }
  }
}




@media only screen
and (max-width: 1500px) {
  #cartV4Entries {
    .ppp_offering {
      .inline_ppp_contain{
        padding-top: 0;
        min-width: 211px;
        .inline_ppp_intro {
          .ppp_img {
            .png_img {
              padding: 0;
            }
          }
          .text_container {
            margin-top: 10px;
            display: inline-block;

            .brand_text {
              font-size: 11px;
              display: block;
            }
          }

          .ppp_caret {
            top: -9px;
          }
        }
        .select_product {
          a, p{
            font-size: 11px;
          }
        }
        .line {
          margin: 10px 5px;
        }
      }
    }
  }

  table.products {
    .selected_option_row {
      .ppp_img {
        img {
          padding-left: 20px;
          padding-bottom: 0;
        }
      }
      .ppp_row {
        .ppp_td {
          padding-bottom: 30px;
        }
      }
    }
  }
}

table.products {

  tbody.background_blue {

    .border_left_ppp {
      border-left: 1px solid $grayMedium;
    }

    .border_right_ppp {
      border-right: 1px solid $grayMedium;
    }

    td.ppp_row.better_together_PPP {
      border-width: 0 1px 0 0;
      border-style: solid;
      border-color: $grayMedium;
    }
  }
}