
@media all and (max-width: 500px) {
  .mblFormLayout.mblFormLayoutAuto fieldset {
    padding-left: 0;
    padding-right: 0;
  }
  
  .mblFormLayout.mblFormLayoutAuto > * + * {
    margin-top: 0.6em;
  }
  
  .mblFormLayout.mblFormLayoutAuto .mblTextArea,
  .mblFormLayout.mblFormLayoutAuto .mblExpandingTextArea,
  .mblFormLayout.mblFormLayoutAuto .mblTextBox,
  .mblFormLayout.mblFormLayoutAuto .mblSearchBox {
    width: 100%;
    box-sizing: border-box;
  }
}
.mblFormLayout.mblFormLayoutSingleCol fieldset {
  padding-left: 0;
  padding-right: 0;
}
.mblFormLayout.mblFormLayoutSingleCol > * + * {
  margin-top: 0.6em;
}
.mblFormLayout.mblFormLayoutSingleCol .mblTextArea,
.mblFormLayout.mblFormLayoutSingleCol .mblExpandingTextArea,
.mblFormLayout.mblFormLayoutSingleCol .mblTextBox,
.mblFormLayout.mblFormLayoutSingleCol .mblSearchBox {
  width: 100%;
  box-sizing: border-box;
}
@media all and (min-width: 500px) {
  
  .mblFormLayout.mblFormLayoutAuto {
    display: table;
    width: 100%;
  }
  
  .mblFormLayout.mblFormLayoutAuto > * {
    display: table-row;
  }
  
  .mblFormLayout.mblFormLayoutAuto > * > * {
    display: table-cell;
    vertical-align: top;
    padding: 0.5em 0;
  }
  
  .mblFormLayout.mblFormLayoutAuto > * > *:first-child {
    width: 20%;
    padding-right: 0.5em;
  }
  
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child {
    text-align: right;
  }
  
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblButton:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblToggleButton:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblCheckBox:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblSwitch:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblRadioButton:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblTextArea:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblExpandingTextArea:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblTextBox:last-child,
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblSearchBox:last-child {
    margin-right: 0;
  }
  
  .mblFormLayout.mblFormLayoutAuto.mblFormLayoutRightAlign > * > *:last-child > .mblSlider:last-child {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0px;
  }
  
  .mblFormLayout.mblFormLayoutAuto .mblTextArea,
  .mblFormLayout.mblFormLayoutAuto .mblExpandingTextArea,
  .mblFormLayout.mblFormLayoutAuto .mblTextBox,
  .mblFormLayout.mblFormLayoutAuto .mblSearchBox {
    width: 50%;
    box-sizing: border-box;
  }
}
.mblFormLayout.mblFormLayoutTwoCol {
  display: table;
  width: 100%;
}
.mblFormLayout.mblFormLayoutTwoCol > * {
  display: table-row;
}
.mblFormLayout.mblFormLayoutTwoCol > * > * {
  display: table-cell;
  vertical-align: top;
  padding: 0.5em 0;
}
.mblFormLayout.mblFormLayoutTwoCol > * > *:first-child {
  width: 20%;
  padding-right: 0.5em;
}
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child {
  text-align: right;
}
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblButton:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblToggleButton:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblCheckBox:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblSwitch:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblRadioButton:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblTextArea:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblExpandingTextArea:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblTextBox:last-child,
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblSearchBox:last-child {
  margin-right: 0;
}
.mblFormLayout.mblFormLayoutTwoCol.mblFormLayoutRightAlign > * > *:last-child > .mblSlider:last-child {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0px;
}
.mblFormLayout.mblFormLayoutTwoCol .mblTextArea,
.mblFormLayout.mblFormLayoutTwoCol .mblExpandingTextArea,
.mblFormLayout.mblFormLayoutTwoCol .mblTextBox,
.mblFormLayout.mblFormLayoutTwoCol .mblSearchBox {
  width: 50%;
  box-sizing: border-box;
}
.mblFormLayout fieldset {
  border: none;
  margin: 0;
}
.mblFormLayout > * > *:first-child {
  font-weight: bold;
}
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblButton:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblToggleButton:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblCheckBox:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblSwitch:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblRadioButton:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblTextArea:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblExpandingTextArea:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblTextBox:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblSearchBox:first-child,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblButton,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblToggleButton,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblCheckBox,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblSwitch,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblRadioButton,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblTextArea,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblExpandingTextArea,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblTextBox,
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > br + .mblSearchBox {
  margin-left: 0;
}
.mblFormLayout:not(.mblFormLayoutRightAlign) > * > *:last-child > .mblSlider:first-child {
  display: inline-block;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
