.fees-container {
  @import '../../fees/fees';

  .fee-heading {
    position: relative;
    cursor: pointer;
    padding-right: 0.75rem;

    .dd-arrow {
      top: 0.5rem;
    }
  }

  &:not(.expanded) ~ .fee-content,
  &.expanded .fee-total {
    display: none;
  }
}

.order_summary_fees .fee-heading .dd-arrow {
  border-top-color: #72777c;
}

.review_order_entry_fees {
  .fee-entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .fee-total,
  .fee-amt {
    float: right;
  }
}

#orderDetailsV5 {
  .order_details_fees {
    .fees-header,
    .fee-desc {
      text-align: left;
    }
  }

  #ohTotal {
    .fees-header,
    .fee-desc {
      padding-right: 18px;
    }
  }

  #orderSummaryV3 .fees-container {
    &.expanded {
      td, th {
        padding: 0 10px;
      }
    }

    td, th {
      padding: 0 10px 10px;
    }
  }

  #orderSummaryV3 .fee-content {
    td, th {
      padding: 0 10px 10px;
    }
  }
}

.m_product_fees,
.m_order_summary_fees {
  .fee-content {
    padding: 10px 0 0;
  }

  .fee-total,
  .fee-amt {
    float: right;
  }

  .fee-heading .dd-arrow {
    border-top-color: #666;
  }
}

.m_product_fees {
  .fee-entry {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}