hunk.code_window:         </div>
           <div t-foreach="getRows()" t-as="row" t-key="row_index" class="o_wrap_field d-flex d-sm-contents flex-column mb-3 mb-sm-0" t-if="row.isVisible">
               <t t-foreach="row" t-as="cell" t-key="cell_index">
                   <t t-if="cell.subType === 'item_component'">
                       <div class="o_cell o_wrap_label flex-grow-1 flex-sm-grow-0 w-100 text-break">
                           <t t-component="cell.Component" t-if="cell.isVisible" t-props="cell.props"/>
                       </div>
                       <div
                           class="o_cell o_wrap_input flex-grow-1 flex-sm-grow-0" 
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:                     <div class="o_cell o_wrap_label flex-grow-1 flex-sm-grow-0 w-100 text-break text-900">
  
hunk.file_path: addons/web/static/src/views/form/form_group/form_group.xml
hunk.type: replace
file: // Define left and right padding according to screen resolution
  @mixin o-form-sheet-inner-left-padding {
      padding-left: $o-horizontal-padding;
      @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
          padding-left: $o-horizontal-padding*2;
      }
  }
  @mixin o-form-nosheet-inner-left-padding {
      padding-left: $o-horizontal-padding;
  }
  @mixin o-form-sheet-inner-right-padding {
      padding-right: $o-horizontal-padding;
      @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
          padding-right: $o-horizontal-padding*2;
      }
  }
  // Compensate margins
  @mixin o-form-sheet-negative-margin {
      margin-left: -$o-horizontal-padding;
      margin-right: -$o-horizontal-padding;
      @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
          margin-left: -$o-horizontal-padding*2;
          margin-right: -$o-horizontal-padding*2;
      }
  }
  @mixin o-form-nosheet-negative-margin {
      margin-left: -$o-horizontal-padding;
      margin-right: -$o-horizontal-padding;
  }
  
  @mixin o-label-style {
      color: $headings-color;
  }
  
  // XXS form view specific rules
  @mixin form-break-table {
      grid-template-columns: 1fr;
      margin-bottom: $o-form-spacing-unit * 4;
  
      .o_wrap_field {
          .o_cell {
              max-width: 100%;
  
              &.o_wrap_label {
                  line-height: $o-label-font-size-factor;
              }
  
              .o_field_widget {
                  margin-bottom: $o-form-spacing-unit * 2;
  
                  > .o_field_widget {
                      margin-bottom: 0;
                  }
  
                  &.o_field_boolean {
                      margin-right: 0;
                  }
              }
  
              .o_input_dropdown {
                  width: auto;
                  max-width: 100%;
              }
          }
      }
  }
  
  .o_form_view {
      background-color: $o-view-background-color;
  
      @include media-breakpoint-up(md) {
          display: flex;
          flex-flow: column nowrap;
          min-height: 100%;
      }
  
      // Utility classes
      .oe_form_box_info {
          @include o-webclient-padding($top: 5px, $bottom: 5px);
          > p {
              margin: auto;
          }
      }
      .oe_text_center {
          text-align: center;
      }
      .oe_grey {
          opacity: 0.5;
      }
      .oe_inline, .o_field_widget.oe_inline > * {
          width: auto!important;
      }
      .oe_left {
          @extend .oe_inline;
          float: left!important;
      }
      .oe_right {
          @extend .oe_inline;
          float: right!important;
      }
  
      .o_field_empty:empty {
          min-height: $font-size-base * $line-height-base;
      }
  
      .o_row {
          &, &.o_field_widget { // Some field may want to use o_row as root and these rules must prevalue
              display: flex;
              width: auto!important;
          }
  
          align-items: baseline;
          min-width: 50px;
          margin: 0 (-$o-form-spacing-unit/2);
  
          > div, > span, > button, > label, > a, > input, > select { // > * did not add a level of priority to the rule
              flex: 0 1 auto;
              width: auto!important;
              margin-right: $o-form-spacing-unit/2;
              margin-left: $o-form-spacing-unit/2;
          }
  
          > .o_row {
              margin: 0;
          }
          > .btn {
              padding-top: 0;
              padding-bottom: 0;
          }
          > .o_field_boolean {
              align-self: center;
          }
      }
  
      .o_row > div > .o_field_widget,
      &.o_form_editable .oe_title .o_field_char {
          width: 100%;
      }
  
      // Readonly specific rules
      .o_form_readonly {
          .oe_edit_only {
              display: none!important;
          }
  
          .o_row:not(.o_row_readonly) {
              &, & > div {
                  display: inline-block;
              }
          }
  
          .o_quick_editable:not(.o_form_uri), .o_field_color_picker_preview > li > a {
              cursor: default;
          }
      }
  
      .o_form_uri {
          display: inline-block;
          color: $link-color;
          &:hover {
              color: darken($link-color, 15%);
          }
          > span {
              color: $o-main-text-color;
              &:hover {
                  color: $o-main-text-color;
              }
          }
          > span:first-child {
              color: $link-color;
              &:hover {
                  color: darken($link-color, 15%);
              }
          }
      }
  
      // Editable specific rules
      .o_form_editable {
          .oe_read_only {
              display: none!important;
          }
  
          .oe_title {
              max-width: 75%;
          }
  
          .o_field_x2many .o_list_table .o_handle_cell .o_row_handle {
              padding: 0.3rem;
          }
  
          .o_row {
              > .o_field_widget, > div {
                  flex: 1 1 auto;
                  width: 0!important; // 3rd flex argument does not work with input (must be auto and real width 0)
  
                  &.o_field_boolean, &.o_priority {
                      flex: 0 0 auto;
                      width: auto!important;
                  }
              }
              .o_field_many2one_selection {
                  width: 100% !important;
              }
          }
      }
  
      .o_form_view_container {
          display: flex;
          flex-flow: column nowrap;
          height: 100%;
          flex: 1 1 auto;
      }
  
      // No sheet
      &.o_form_nosheet, .o_form_nosheet {
          @include o-webclient-padding($top: $o-sheet-vpadding, $bottom: $o-sheet-vpadding);
  
          .o_form_statusbar {
              margin: (-$o-sheet-vpadding) (-$o-horizontal-padding) $o-sheet-vpadding (-$o-horizontal-padding);
          }
          .oe_button_box {
              @include o-form-nosheet-negative-margin;
          }
  
          .o_notebook {
              > .o_notebook_headers {
                  @include o-form-nosheet-negative-margin;
                  > .nav.nav-tabs {
                      @include o-form-nosheet-inner-left-padding;
                  }
              }
              > .tab-content > .tab-pane > :first-child {
                  // These elements will appear attached to the tabs
                  &.o_field_x2many.o_field_x2many_list {
                      @include o-form-nosheet-negative-margin;
                  }
              }
          }
      }
  
      // Sheet
      .o_form_sheet_bg {
          position: relative;
          flex: 1 0 auto;
          background-color: $o-webclient-background-color;
          border-bottom: 1px solid $border-color;
  
          > .o_form_sheet {
              @include make-container();
              @include make-container-max-widths();
  
              background-color: $o-view-background-color;
              box-shadow: 0 5px 20px -15px rgba(#000, 0.4);
              margin: $o-sheet-vpadding*0.2 auto;
              @include media-breakpoint-up(md) {
                  margin: $o-sheet-vpadding*0.5 auto;
              }
              padding: $o-sheet-vpadding;
              @include o-form-sheet-inner-right-padding;
              @include o-form-sheet-inner-left-padding;
  
              @include media-breakpoint-up(sm) {
                  border: 1px solid $border-color;
              }
  
              // Selection
              > .o_selection {
                  float: right;
              }
          }
      }
  
      // Statusbar
      .o_form_statusbar {
          padding-left: $o-horizontal-padding;
          background-color: $o-view-background-color;
  
          > .o_statusbar_status {
              display: flex;
              align-items: center;
              align-content: space-around;
              
              > .o_arrow_button {
                  font-weight: $font-weight-bold;
      
                  // Last element at the right should respect overall padding
                  &:first-of-type {
                      padding-right: $o-horizontal-padding;
                  }
              }
          }
  
          > .o_field_widget {
              align-self: center;
              margin-bottom: 0px;
          }
  
          > .o_statusbar_buttons {
              > .btn, .o_widget > .btn {
                  $o-statusbar-buttons-vmargin: 4px;
                  min-height: $o-statusbar-height - 2 * $o-statusbar-buttons-vmargin;
                  margin: $o-statusbar-buttons-vmargin 3px $o-statusbar-buttons-vmargin 0;
                  padding-top: 2px;
                  padding-bottom: 2px;
  
                  > .o_button_icon {
                      margin-right: $o-statbutton-spacing;
                  }
              }
          }
  
          // Touch device mode
          > .o_statusbar_buttons > .btn-group, > .o_statusbar_status {
              > .dropdown-toggle {
                  &:after {
                      @include o-caret-down;
                      margin-left: $o-form-spacing-unit;
                  }
              }
  
              > .dropdown-menu {
                  min-width: 0;
  
                  .dropdown-item.btn {
                      min-width: 100%;
                      margin-bottom: 3px;
                      opacity: 1;
                  }
              }
          }
  
          // Match the status bar button styles with rest of the buttons in touch device
          @include media-breakpoint-down(md) {
              > .o_statusbar_buttons > .btn {
                  margin: 0;
                  padding: $o-touch-btn-padding;
              }
          }
      }
  
      .o_statusbar_status .o_arrow_button:not(.disabled) {
          @extend .btn-light;
  
          &:hover, &:focus, &:active {
              &:after {
                  border-left-color: map-get($grays, '100');
              }
          }
      }
  
      // Title
      .oe_title {
          color: $headings-color;
          @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
              padding-right: $o-innergroup-rpadding;
          }
          > h1, > h2, > h3 {
              width: 100%; // Needed because inline-block when is a hx.o_row
              margin-top: 0;
              margin-bottom: 0;
              line-height: $headings-line-height;
  
              &.d-flex > .o_input {
                  height: max-content;
              }
          }
          .o_priority > .o_priority_star {
              font-size: inherit;
          }
          > h1 {
              min-height: 55px;
          }
          > h2 {
              min-height: 42px;
          }
          .oe_avatar + & {
              padding-right: $o-avatar-size + 10;
          }
      }
  
      // Avatar
      .oe_avatar {
          float: right;
          margin-bottom: 10px;
  
          > div > img {
              max-width: $o-avatar-size;
              max-height: $o-avatar-size;
              vertical-align: top;
              border: 1px solid $o-gray-300;
          }
      }
  
      // Status dropdown
      a[data-bs-toggle="dropdown"] > .o_status {
          height: $h3-font-size;
          width: $h3-font-size;
      }
  
      // Groups
      .o_group {
          .o_form_label {
              font-weight: $font-weight-normal;
          }
  
          .o_field_widget {
              width: 100%;
  
              > .btn {
                  flex: 0 0 auto;
                  padding: 0 10px;
              }
          }
  
          @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
              .o_field_widget {
                  &.o_text_overflow {
                      width: 1px!important; // hack to make the table layout believe it is a small element (so that the table does not grow too much) ...
                      min-width: 100%;      // ... but in fact it takes the whole table space
                  }
              }
  
              .o_form_label {
                  margin-bottom: $o-form-spacing-unit;
              }
          }
  
          &.o_label_nowrap .o_form_label {
              white-space: nowrap;
          }
  
          @include media-breakpoint-down(lg) {
              &.o_label_nowrap .o_form_label {
                  white-space: normal;
              }
          }
          .o_wrap_label .o_form_label {
              font-weight: $font-weight-bold;
              margin-right: $o-form-label-margin-right;
          }
      }
  
      .o_inner_group {
          --columns: 1;
          gap: map-get($spacers, 2) $o-horizontal-padding;
  
          .o_wrap_label {
              @include o-label-style;
          }
  
          span, .o_field_boolean, .oe_avatar, .o_form_uri {
              &.o_field_widget {
                  width: auto;
              }
          }
      }
  
      @include media-breakpoint-up(sm) {
          .o_inner_group {
              grid-template-columns: fit-content(150px) 1fr;
          }
      }
  
      .o_checkbox_optional_field {
          display: flex;
  
          @include media-breakpoint-down(md) {
              flex-wrap: wrap;
              justify-content: space-between;
          }
  
          > .o_form_label {
              @include o-label-style;
              margin-right: $o-form-label-margin-right;
              font-weight: $font-weight-bold;
          }
      }
  
      // Separators
      .o_horizontal_separator {
          &:not(:empty) {
              box-shadow: 0 $border-width 0 $o-form-separator-color;
          }
  
          &:empty {
              height: $o-form-spacing-unit * 2;
          }
      }
  
      // Notebooks
      .o_notebook {
          clear: both; // For the notebook not to have alongside floating elements
          margin-top: $o-form-spacing-unit * 2;
  
          > .o_notebook_headers {
              @include o-form-sheet-negative-margin;
  
              @include media-breakpoint-down(md) {
                  overflow-x: auto;
                  &::-webkit-scrollbar {
                      display: none;
                  }
                  .nav.nav-tabs {
                      flex-flow: row nowrap;
                  }
              }
  
              > .nav.nav-tabs {
                  @include o-form-sheet-inner-left-padding;
                  border-bottom-color: $border-color;
  
                  > .nav-item {
                      white-space: nowrap;
  
                      > .nav-link {
                          color: $body-color;
                          border-color: $border-color;
                          background-color: white;
  
                          &:hover, &:focus, &:active {
                              outline: none;
                              color: $link-color;
                          }
  
                          &.active {
                              border-bottom-color: white;
  
                              &, &:hover, &:focus, &:active {
                                  color: $headings-color;
                                  border-top-color: $o-brand-odoo;
                              }
                          }
  
                          &.disabled {
                              color: $text-muted;
                          }
                      }
  
                      + .nav-item {
                          margin-left: -1px;
                      }
                  }
              }
          }
  
          > .tab-content {
              border-bottom: 1px solid $border-color;
  
              > .tab-pane {
                  padding: $o-horizontal-padding 0;
  
                  > :first-child {
                      // Reset margin to 0 and use tab-pane's padding
                      // to define the distance between panel and content
                      margin-top: 0;
  
                      // These elements will appear attached to the tabs
                      &.o_field_html {
                          .note-editor.panel {
                              border: none;
                          }
                          .note-toolbar.panel-heading {
                              @include o-form-sheet-inner-left-padding;
                              @include o-form-sheet-inner-right-padding;
                              border-top: none;
                              padding-top: 0;
                              background: white;
                          }
  
                          .note-editing-area, .o_readonly {
                              padding: $card-spacer-y $card-spacer-x;
                              @include o-form-sheet-inner-left-padding;
                              @include o-form-sheet-inner-right-padding;
                          }
  
                          .note-editable.panel-body {
                              padding: 0;
                          }
  
                          // If immediatly followed by an .clearfix element, the note-editor it's the 'only'
                          // tab's element. Reset margins to push the bar at the bottom.
                          + .clearfix:last-child {
                              margin-bottom: -$o-horizontal-padding - $o-sheet-vpadding - $o-form-spacing-unit;
                          }
                      }
  
                      // Full width on first x2many or on second x2many if first is invisible
                      .o_field_x2many.o_field_x2many_list,
                      &.o_invisible_modifier + .o_field_widget .o_field_x2many.o_field_x2many_list  {
                          display: block;
                          width: auto;
                          @include o-form-sheet-negative-margin;
                          margin-top: -$o-horizontal-padding;
  
                          // use original padding-left for handle cell in editable list
                          tr > :first-child.o_handle_cell {
                              padding-left: 0.3rem;
                          }
                          tr > :first-child {
                              @include o-form-sheet-inner-left-padding;
                          }
                          tr > :last-child {
                              @include o-form-sheet-inner-right-padding;
                          }
                      }
                  }
              }
          }
  
          &:last-child > .tab-content {
              border-bottom: none;
          }
      }
  
      // Labels
      .o_form_label {
          margin-right: $o-form-spacing-unit;
          font-size: $font-size-base; // The label muse have the same size whatever their position
          line-height: $line-height-base;
          font-weight: $font-weight-bold;
  
          @include media-breakpoint-down(md) {
              font-size: $o-font-size-base-touch;
          }
  
          &.o_form_label_empty, &.o_form_label_false {
              opacity: 0.5;
              font-weight: $font-weight-normal;
          }
      }
  
      // Form fields
      .o_field_widget {
          margin-bottom: $o-form-spacing-unit;
  
          // One2Many List views
          .o_list_table {
              &.table-striped {
                  > tbody {
                      > tr:not(.o_data_row) > td {
                          border-top: none;
                      }
                  }
                  // Show "border" if tfoot has content only
                  > tfoot > tr {
                      box-shadow: inset 0 1px 0 $border-color;
                      > td {
                          border:none;
      
                          &:empty {
                              padding: 0;
                          }
                      }
                  }
              }
          }
      }
      .o_field_widget, .btn {
          .o_field_widget {
              margin-bottom: 0px;
          }
      }
      .o_cell:not(.o_field_cell) .o_form_uri > span:first-child {
          display: inline-block;
          padding: 1px 0;
          margin-bottom: 1px;
      }
  
      // Translate icon
      span.o_field_translate {
              padding: 0 $o-form-spacing-unit 0 0 !important;
              vertical-align: top;
              position: relative;
              margin-left: -35px;
              width: 35px !important; // important is usefull for textarea
              display: inline-block;
              text-align: right;
              border: none;  // usefull for textarea
      }
  
      input, textarea {
          &.o_field_translate {
              padding-right: 25px;
          }
      }
  
      .oe_no_translation_content {
          :not(.btn) {
              display: none;
          }
  
          .btn {
              width: 100% !important;
              margin-left: 0px;
              visibility: hidden;
          }
  
          .btn:after {
              content: 'EN';
              visibility: visible;
          }
      }
  
      iframe.wysiwyg_iframe + .o_field_translate {
          right: 30px !important;
          top: 7px !important;
      }
  
      // Text field with oe_inline class
      .o_field_text.oe_inline {
          width: 100%!important;
          @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
              width: 45%!important;
          }
      }
  
      // One2Many, Many2Many outside of group
      .o_field_widget {
          &.o_field_one2many, &.o_field_many2many {
              width: 100%;
              > div {
                  width: 100%;
              }
          }
      }
  
      // Specific style classes
      .o_inner_group.oe_subtotal_footer {
          grid-template-columns: 1fr auto;
          @extend .oe_right;
          border-top: 1px solid $border-color;
  
          .o_cell {
              padding: 0;
  
              &.o_wrap_label {
                  text-align: right;
              }
  
              .o_form_label {
                  padding-right: 20px;
                  margin-right: 0;
                  min-width: 0;
                  white-space: nowrap;
                  &:after {
                      content: ":";
                  }
              }
  
              .o_field_widget {
                  text-align: right;
                  justify-content: flex-end;
                  width: 100%;
              }
          }
  
          .o_wrap_field:first-child > .o_cell {
              padding-top: 4px;
          }
          .oe_subtotal_footer_separator {
              width: 100%;
              text-align: right;
              border-top: 1px solid $border-color;
              font-weight: $font-weight-bold;
              font-size: 1.3em;
          }
      }
  
      .o_address_format {
          width: 100%;
          .o_address_street, .o_address_country {
              display: flex;
          }
  
          .o_address_city span {
              margin-right: 2%;
          }
          .o_address_state span {
              margin-right: 2%;
          }
          &.o_zip_city {
              .o_address_zip span {
                  margin-right: 2%;
              }
              .o_address_city span {
                  margin-right: 0;
              }
              .o_address_state span {
                  display: block;
                  margin-right: 0;
              }
          }
          &.o_city_state {
              .o_address_state span {
                  margin-right: 0;
              }
              .o_address_zip span {
                  display: block;
                  margin-right: 0;
              }
          }
          > .o_field_widget span {
              width: auto;
          }
      }
      .o_form_editable .o_address_format {
          .o_address_city {
              display: inline-block;
              width: 38%;
              margin-right: 2%;
          }
          .o_address_state {
              display: inline-block;
              width: 33%;
              margin-right: 2%;
          }
          .o_address_zip {
              display: inline-block;
              width: 25%;
          }
          &.o_zip_city {
              .o_address_zip {
                  width: 38%;
                  margin-right: 2%;
              }
              .o_address_city {
                  width: 60%;
                  margin-right: 0;
              }
              .o_address_state {
                  width: 100%;
                  margin-right: 0;
              }
          }
          &.o_city_state {
              .o_address_city {
                  width: 50%;
              }
              .o_address_state {
                  width: 48%;
                  margin-right: 0;
              }
              .o_address_zip {
                  width: 100%;
              }
          }
      }
  
      // Boolean
      .o_field_boolean {
          margin-right: $o-form-spacing-unit;
          max-width: 40px !important;
          padding-right: 0 !important;
      }
  
      // Timezone widget warning
      .o_tz_warning {
          cursor: help;
          position: absolute;
          margin-left: 10px;
          margin-top: 5px;
      }
  
      // for weekly recurrent
      .o_recurrent_weekdays {
          > table {
              width: 100%;
              table-layout: fixed;
              display: table;
              td {
                  border: 1px solid #dee2e6;
              }
              th, td {
                  padding: 0.75rem 0 0.75rem 0;
              }
              .o_recurrent_weekday_label {
                  @include o-text-overflow;
              }
              .form-check-label {
                  left: 25%;
              }
          }
      }
  
      // One2Many Kanban views
      .o_field_widget .o_kanban_view.o_kanban_ungrouped {
          padding: 0;
          .o_kanban_record {
              box-shadow: none;
          }
      }
  
      // One2Many List views
      .o_field_widget .o_list_renderer {
          margin-bottom: 10px;
  
          > tfoot > tr > td {
              padding: 3px;
              color: $o-main-text-color;
          }
      }
      .o_form_readonly .o_field_widget .o_list_renderer .o_row_handle {
          display: none;  // Hide the handler in non-edit mode
      }
      .o_field_widget.o_readonly_modifier .o_list_renderer .o_row_handle {
          display: none;  // Hide the handler on readonly fields
      }
  
      .oe_form_configuration {
          .o_inner_group .o_form_label {
              white-space: nowrap;
          }
          h2 {
              margin-top: 32px !important;
          }
      }
      .o_company_document_layout {
          .report_layout_container {
              display: inline-block;
              div {
                  display: inline-block;
                  img {
                      margin-left: 0 !important;
                  }
              }
          }
          img[name="logo"] {
              max-height: 100px;
              max-width: 300px;
          }
      }
      @include media-breakpoint-down(md) {
          .o_control_panel {
              padding-right: 16px;
  
              > div.o_cp_top {
                  display: grid;
              }
          }
  
          .o_cp_buttons {
              width: 100%;
              div, .o-kanban-button-new {
                  width: 100%;
              }
          }
  
          .o_form_sheet {
              padding: 16px;
          }
  
          .o_form_sheet_bg > .o_form_sheet {
              border-top: 0;
              border-bottom: 0;
              margin: 0 auto;
          }
  
          .o_form_label:not(.o_invisible_modifier) {
              padding-bottom: 4px;
          }
  
          .o_group {
              margin-top: 0;
  
              .o_inner_group {
                  margin-bottom: 0 !important;
  
                  div[name="carrier_selection"] {
                      > div:not(.alert) {
                          display: inline-flex;
                          align-items: baseline;
                          justify-content: space-evenly;
  
                          &:first-child {
                              width: 100%;
  
                              .o_field_widget {
                                  width: 100% !important;
                              }
  
                              .text-success {
                                  margin: 2px 10px;
                              }
                          }
                      }
                  }
              }
          }
  
          .o_notebook {
              > .tab-content {
                  > .tab-pane.active {
                      .oe_subtotal_footer {
                          width: 100% !important;
                          tr {
                              > td {
                                  width: 0% !important;
                                  &:first-child {
                                      width: 65% !important;
                                  }
                              }
                          }
                      }
                  }
              }
          }
  
          .btn-add-record {
              margin-left: 0 !important;
              margin-bottom: 10px !important;
          }
  
          button.btn.o_external_button.fa {
              padding-right: 0 !important;
          }
  
          .oe_inline.o_field_widget.o_field_many2one {
              width: 100% !important;
          }
  
      }
  }
  
  // Overridden style when form view in modal
  .modal .modal-dialog {
      .o_form_view {
          .o_statusbar_buttons > .btn {
              /**
               * Override to prevent the status bar from increasing height when
               * inside dialog due to the original margin on those buttons. This
               * prevents the other status buttons, those on the far right of the
               * bar, from having a gap between their bottom and the bottom border
               * of the status bar itself.
               */
              margin-top: 2px;
              margin-bottom: 2px;
          }
  
          .o_form_sheet_bg {
              padding: 0;
              width: 100%;
  
              > .o_form_statusbar, > .alert {
                  /**
                   * Override to prevent the status bar from overflowing on its
                   * far right. The original value is a negative margin that
                   * is supposed to compensate unwanted padding of the original
                   * view but the view inside dialog already has this padding
                   * removed.
                   */
                  margin-left: 0;
                  margin-right: 0;
              }
  
              > .o_form_sheet {
                  box-shadow: none;
                  width: 100%;
                  margin: 0 auto;
                  max-width: none;
                  /**
                   * Override to prevent double border, because the borders of the
                   * dialog itself or the borders of other surrounding elements
                   * (status bar, dialog footer) already act as a border for the
                   * sheet when inside dialog.
                   */
                  border: none;
              }
          }
  
          @include media-breakpoint-down(lg) {
              .o_group.o_inner_group .o_wrap_label {
                  min-width: 100px;
              }
          }
      }
  
      &:not(.modal-lg) .o_form_view {
          .o_group {
              width: 100%;
          }
      }
  
      &.modal-sm .o_form_view {
          .o_inner_group {
              @include form-break-table;
          }
      }
  
      .o_onboarding_payment_provider_wizard {
          a[type="action"] {
              color: $link-color;
              cursor: pointer;
          }
      }
  }
  
  @media print {
      .oe_button_box, .o_form_statusbar {
          display: none !important;
      }
  }
  
  // Buttons in ControlPanel
  .o_control_panel .o_form_buttons_view > button:first-child {
      float: left; // Unfortunately needed for the bounce effect
      margin-right: 4px;
  }
  
  .o_form_view.o_xxl_form_view {
      flex-flow: row nowrap !important;
  
      .o_form_sheet_bg {
          flex: 1 1 auto; // Side chatter is disabled if this has to shrink but this was added for safety
          width: $o-form-sheet-min-width + 2 * $o-horizontal-padding;
          // max-width: map-get($container-max-widths, xl) + 2 * $o-horizontal-padding; // would be logical but breaks no-chatter form views
          padding: 0 $o-horizontal-padding;
          overflow: auto;
          border-bottom: none;
  
          > .o_form_statusbar, > .alert {
              margin-left: -$o-horizontal-padding;
              margin-right: -$o-horizontal-padding;
          }
  
          > .o_form_sheet {
              width: 100%;
              max-width: map-get($container-max-widths, xl);
          }
      }
  }
  
  .o_form_view.o_xxs_form_view {
      .oe_title {
          word-break: break-all;
      }
      .o_group {
          .o_inner_group {
              margin-bottom: $o-form-spacing-unit * 4;
  
              // Target XXS form view on mobile devices in portrait mode
              @include media-breakpoint-down(md) {
                  &:not(.oe_subtotal_footer) > .o_cell {
                      > .o_field_widget {
                          margin-bottom: $o-form-spacing-unit * 4;
                      }
                  }
              }
          }
  
          .o_form_label {
              font-size: $o-label-font-size-factor * $o-font-size-base-touch;
              font-weight: $font-weight-normal;
              color: $o-brand-secondary;
          }
      }
  }
  
  // Settings form views
  .o_settings_container {
      display: flex;
      flex: 0 1 auto;
      flex-flow: row wrap;
      padding: 0;
      margin: auto 0 auto 0;
  
      .o_form_label.o_light_label, .o_light_label .o_form_label {
          font-weight: $font-weight-normal;
      }
      .o_setting_box:visible:nth-child(odd) {
          clear: left;
      }
  }
  
  @include media-breakpoint-down(md) {
      // change the dropdown ui for mobile website
      .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
          width: 100% !important;
          height: 80%;
          max-height: fit-content;
          left: 0 !important;
          overflow-y: auto;
      }
  }
  