// CSS ON NEW form#new_customer {

    border: 1px solid #8080801f;
    border-radius: 2%;
    width: 100%;
    padding: 0.75em;
    @include media-breakpoint-up(sm) {
      width: 50%;
      padding: 3em 3em;
    }
    display: flex;
    flex-direction: column;
    justify-content: center;
    .field-unit__field {
    float: left;
    margin-left: 2rem;
    width: 70%;
  }
  &.customer_create_on_fly{
    border: 0px!important;
    padding: 0em!important;
    display: block!important;
    @include media-breakpoint-up(sm) {
      width: 100%!important;
      padding: 3em 3em!important;
    }
  }
}

new_customer_section_form, create_customer_section_form {

padding: 1em 0em;
display: flex;
justify-content: center;
align-items: center;
min-height: 80vh;

}

// CSS ON SHOW show_seller_profile_section_form, show_supplier_profile_section_form{

dl{
  display: flex;
  flex-wrap: wrap;
  dt{
    @include media-breakpoint-down(md) {
    width: calc(30% - 1rem);
    }
    @include media-breakpoint-up(md) {
    width: calc(20% - 1rem);
    }
  }
  dd{
    // width: calc(30% - 1rem);
    @include media-breakpoint-down(md) {
      width: calc(55% - 1rem);
    }
    @include media-breakpoint-up(md) {
      width: calc(30% - 1rem);
    }
  }
}

} section#new_quotation_section_form, section#create_quotation_section_form {

padding: 1rem 0rem;

}