// 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;
}