.form-group > LABEL > INPUT.form-control[type=radio] + SPAN {
  margin-left: 20px; }

.form-group > LABEL > INPUT.form-control[type=checkbox] + BUTTON {
  margin-left: 20px; }

.form-group > LABEL:first-child > INPUT.form-control[type=radio] + SPAN {
  margin-left: 0px; }

.form-group > LABEL:first-child > INPUT.form-control[type=checkbox] + BUTTON {
  margin-left: 0px; }

.form-group.button > INPUT + BUTTON,
.form-group.button > SELECT + BUTTON,
.form-group.button > TEXTAREA + BUTTON {
  margin-left: 10px; }

.form-group.button > BUTTON + INPUT,
.form-group.button > BUTTON + SELECT,
.form-group.button > BUTTON + TEXTAREA {
  margin-left: 10px; }

INPUT[type=radio].form-control + SPAN {
  margin-right: 5px; }
  INPUT[type=radio].form-control + SPAN::before {
    left: calc(  (var(--radio_size) - var(--radio_size_selected)) / 2); }

INPUT[type=checkbox].form-control + BUTTON {
  margin-right: 5px; }

.selectInput > DIV > .arrow::after {
  right: 10px; }

INPUT.form-control::placeholder, TEXTAREA.form-control::placeholder, SELECT.form-control::placeholder {
  direction: ltr !important;
  text-align: left; }