.mb64 {
  margin-bottom: 0 !important;
}

.o_portal_sale_sidebar {
  margin-right: 0;
  margin-left: 0;
  width: 100%;

  #portal_sale_content {
    width: 100%;
    border: none;

    .card-header {
      display: flex;
      align-items: center;
      border-bottom: none;
      @media(max-width: 1199px) {
        padding: 0;
        margin-bottom: 24px;
      }

      .order_back_a {
        margin-right: 28px;
      }

      .my-0 {
        font-size: 24px;
        line-height: 23px;
        font-weight: 700;
        color: #000000;

        em {
          font-style: normal;
        }
      }
    }

    .card-body {
      @media(max-width: 1199px) {
        padding: 0 !important;
      }

      #informations {
        background-color: #F8F8F8;
        padding: 30px 40px;
        border-top: 1px solid #6D6D6D;
        border-bottom: 1px solid #6D6D6D;
        @media(max-width: 1199px) {
          padding: 30px 5px;
        }

        .row {
          .mb-3 {
            width: 100% !important;
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            flex: 0 0 100%;
            max-width: 100%;

            strong,
            span {
              font-weight: 700;
              font-size: 20px;
              line-height: 19px;
              color: #000000;
              @media(max-width: 1199px) {
                font-size: 16px;
                line-height: 15px;
              }
            }

            span {
              font-weight: 400;
            }
          }
        }

        .row {
          #shipping_address {
            flex: 0 0 100%;
            max-width: 100%;

            .order_delivery,
            .order_shipping_name,
            .order_shipping_phone,
            .order_shipping_address {
              display: flex;
              justify-content: space-between;
              margin-bottom: 15px;

              .order_span,
              .order_details {
                font-weight: 700;
                font-size: 20px;
                line-height: 19px;
                color: #000000;
                text-align: right;
                @media(max-width: 1199px) {
                  font-size: 16px;
                  line-height: 15px;
                }
              }

              .order_details {
                font-weight: 400;
              }
            }
          }
        }

        .row {
          width: 50%;
          display: flex;
          justify-content: space-between;
          @media(max-width: 1199px) {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
          }

          .col {
            .d-block {
              display: none;
            }

            .list-group {
              .order_state_div {
                .order_span {
                  font-weight: 700;
                  font-size: 20px;
                  line-height: 19px;
                  color: #000000;
                  @media(max-width: 1199px) {
                    font-size: 16px;
                    line-height: 15px;
                  }
                }
              }
            }
          }
        }
      }

      #details {
        .table {
          .sale_tbody {
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid #6D6D6D;

            .order_card_list {
              @media(max-width: 1199px) {
                margin: 0 auto;
              }


              .order_card_div {
                width: 250px;
                margin: 0 auto;
                @media(min-width: 1199px) {
                  margin-right: 30px;
                }

                .order_product_img {
                  width: 82px;
                  height: 82px;
                  margin: 0 auto;
                  background-color: #F0F0F0;
                  display: flex;
                  justify-content: center;
                  align-items: center;

                  img {
                    max-width: 100%;
                    max-height: 100%;
                  }
                }
              }

              #product_name {
                margin-top: 17px;
                margin-bottom: 12px;
                display: flex;
                justify-content: center;
                text-align: center;

                .order_product_name {
                  font-size: 16px;
                  line-height: 15px;
                  color: #000000;
                  font-weight: 700;
                }
              }

              #product_author {
                font-size: 14px;
                line-height: 13px;
                font-weight: 400;
                color: #000000;
                text-align: center;
              }

              .text-right {
                margin-bottom: 12px;
                margin-top: 10px;

                #quote_qty {
                  display: flex;
                  justify-content: center;

                  span {
                    color: #8E8E8E;
                    font-size: 14px;
                    line-height: 13px;
                  }
                }
              }

              .text-right {
                span {
                  display: flex;
                  justify-content: center;
                  text-align: center;

                  .oe_currency_value {
                    color: #000000;
                    font-weight: 400;
                    text-align: center;
                    font-size: 18px;
                    line-height: 17px;
                  }
                }
              }
            }
          }
        }

        #total {
          .col-sm-7 {
            .table {
              .border-black {
                display: flex;
                justify-content: flex-end;
                @media(max-width: 1199px) {
                  justify-content: space-between;
                }

                div {
                  margin-right: 27px;

                  strong {
                    font-size: 24px;
                    line-height: 23px;
                    font-weight: 700;
                  }
                }

                .text-right {
                  span {
                    font-size: 24px;
                    line-height: 23px;
                    color: #000000;
                    font-weight: 400;
                  }

                  @media(max-width: 1199px) {
                    margin-right: 0;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}