button.close.close-btn {
    background-color: white;
    border: none;
    font-size: 32px;
    float: right;
    font-weight: 300;
    margin-top: -25px;
  }

  button.btn.btn-outline-dark.btn-lg.buttn.mr-3 {
    padding: 23px 40px;
    font-size: 20px;
  }

  button.btn.btn-success.btn-lg.buttn {
    padding: 23px 40px;
    font-size: 20px;
  }

  .fixed {
    flex: none;
    max-width: 593px;
  }

  hr.shadow-sm.text-light-color {
    color: #f7f7f7;
  }

  span.order-font {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #000000;

  }

  span.p-1.badge-warning.mr-2 {
    background-color: #FFE34D;
  }
  
ul.display-flex-I-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  flex-direction: row;
  border-top: 1px solid #AEAEAE;
    border-bottom: 1px solid #AEAEAE;
    padding-top: 3px;
    padding-bottom: 3px;

}
.subtotal-sec-display{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  flex-direction: row;
  border-top: 1px solid #AEAEAE;
    border-bottom: 1px solid #AEAEAE;
    padding-top: 3px;
    padding-bottom: 3px;
}
hr.hr-menu-dashed{
  border: 1px dashed #AEAEAE;
}
.top-btn-sec-shadow {
    display: flow-root!important;
}