@import '../../../_base.scss';

.view-detail-drawer {
  .bp4-tabs {
    .bp4-tab-list {
      position: relative;
      background-color: #fff;

      &:before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #e1e2e8;
      }

      > *:not(:last-child) {
        margin-right: 25px;
      }

      &.bp4-large > .bp4-tab {
        font-size: 15px;
        color: #555;
        margin: 0 0.8rem;

        &[aria-selected='true'],
        &:not([aria-disabled='true']):hover {
          color: $pt-link-color;
        }
      }
    }

    .bp4-tab-panel {
      margin-top: 0;

      .card {
        margin: 15px;
      }
    }
  }

  .datatable--landed-cost-transactions {
    .table {
      .tbody,
      .tbody-inner {
        height: auto;
        scrollbar-width: none;
        &::-webkit-scrollbar {
          display: none;
        }
      }
      .tbody {
        .tr .td {
          padding: 0.6rem;

          &.amount {
            font-weight: 600;
          }
        }
      }
    }
  }

  .card {
    margin: 15px;
  }
}
