.table-responsive {
  border: none !important;
  width: 95%;
  margin: 0 auto;
  padding-bottom: 40px;

  .order_table {
    .order_header {
      display: flex;
      justify-content: space-around;
      margin-bottom: 20px;

      .order_name,
      .text-right,
      .text-center,
      .text-right {
        display: flex;
        justify-content: center;
        font-size: 20px;
        line-height: 19px;
        font-weight: 700;
        color: #000000;
        width: 25%;
      }
    }

    @media(max-width: 1199px) {
      display: none;
    }
  }

  .table_content {
    border: 1px solid #F3F3F3;
    padding: 30px 0;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    @media(max-width: 1199px) {
      padding: 20px;
    }

    .text_name,
    .text-right,
    .text-center {
      width: 25%;
      display: flex;
      justify-content: center;
      align-items: center;
      @media(max-width: 1199px) {
        width: 50%;
        &:nth-child(-n+2) {
          margin-bottom: 37px;
        }
      }

      span,
      a {
        color: #000000;
        font-weight: 400;
        font-size: 18px;
        line-height: 17px;
      }
    }

    .order_total_td {
      @media(max-width: 1199px) {
        display: flex;
        justify-content: flex-start !important;
      }
    }

    .text-center {
      @media(max-width: 1199px) {
        display: flex;
        justify-content: flex-end !important;
      }
    }

    .text_name {
      a {
        font-weight: 700;
        text-decoration: none;
      }
    }

    .text_name,
    .total {
      @media(max-width: 1199px) {
        justify-content: flex-start !important;
      }
    }

    .text-center {
      .sent {
        padding: 6px;
        border: 1px solid #FFD503;
        background-color: transparent !important;
        border-radius: 0;
        font-size: 18px;
        line-height: 17px;
        color: black;
        font-weight: 700;
      }

      .done {
        background-color: #FFD503 !important;
        padding: 6px;
        border-radius: 0;
        color: white;
        font-size: 18px;
        line-height: 17px;
        font-weight: 700;
      }
    }

    .text-right {
      @media(max-width: 1199px) {
        justify-content: flex-end;
        .d-md-inline {
          display: none !important;
        }
      }
    }
  }
}