form {
  border-collapse: separate;
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;

}

fieldset {
  border: none;
  border-bottom: 1px dashed $color-silver-chalice;
  padding-bottom: 30px;
  margin:0 0 30px;

  legend {
    margin: 0 0 15px;
    font: 700 16px 'ITC Avant Garde Std XLt', Arial, sans-serif; 
    text-transform: uppercase;
  }
}

input {
  .date {
    position: relative;
    width: 7em;
    z-index: 200;
  }
}

.form-row {
  display: table-row;

  .form-row {
    display: block;
  }
}

.form-row-label {
  border-right: solid 1em transparent;
  // Same value as an input.
  // Goal: make the label vertically centered for single line .form-row-field
  padding-top: .5em;
  font-weight: bold;
}

.form-row-label,
.form-row-field {
  display: table-cell;
  vertical-align: top;
  min-width: 200px;
}

.form-row-field {
  max-width: 600px;
}

.form-row-field p {
  padding-top: .5em;;
}

.form-row + .form-row {
  .form-row-label,
  .form-row-field {
    border-top: solid 1em transparent;
  }
}

.form-row-field-filePicture {
  .form-row-label,
  .form-row-field {
    border-top: solid 1em transparent;
  }
}

.form-row-field-help {
  clear: both;
  min-height: 1.8rem; // Icon height
  padding-left: 24px;
  position: relative;

  .icon {
    left: 0;
    position: absolute;
    top: 0;
  }

  .countable-text {
    &.error {
      color: $notice-color-error;
    }
  }
}

.form-row-childs-inline {
  .form-row-field-child {
    display: inline-block;

    + .form-row-field-child {
      margin-left: 1em;
    }
  }
}

.form-errors,
.form-row-field-errors li {
  color: #d8000c;
}

.form-row-field-errors {
  margin-top: .2em;

  li {
    display: inline-block;
  }
}

.vich-image {
  img {
    &[src$='.svg'] {
      height: 6rem;
    }
  }
}

// Custom checkbox and radio form widgets
[type='checkbox'],
[type='radio'] {
  // Visually hide the content (but still accessible)
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

[type='checkbox'] + .checkbox,
[type='radio'] + .radio {
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

[type='checkbox'] + .checkbox ~ input[type='checkbox'] + .checkbox,
[type='radio'] + .radio ~ input[type='radio'] + .radio {
  margin-left: 1em;
}

[type='checkbox'] + .checkbox {
  background-image: url('../images/screen/states/checkbox.png');
  height: $checkbox-custom--height;
  width: $checkbox-custom--width;
}

[type='radio'] + .radio {
  background-image: url('../images/screen/states/radio.png');
  height: $radio-custom--height;
  width: $radio-custom--width;
}

[type='checkbox']:checked + .checkbox {
  background-position: 0 (-2 * $checkbox-custom--height);
}

[type='radio']:checked + .radio {
  background-position: 0 (-2 * $radio-custom--height);
}

[type='checkbox']:disabled + .checkbox[title]:hover,
[type='checkbox']:disabled + .radio[title]:hover {
  cursor: help;
}

[type='checkbox']:disabled + .checkbox {
  background-position: 0 (-1 * $checkbox-custom--height);
}

[type='radio']:disabled + .radio {
  background-position: 0 (-1 * $radio-custom--height);
}

[type='checkbox']:checked:disabled + .checkbox {
  background-position: 0 (-3 * $checkbox-custom--height);
}

[type='radio']:checked:disabled + .radio {
  background-position: 0 (-3 * $radio-custom--height);
}

.checkbox + label,
.radio + label {
  margin-left: .5em;
}

label ~ .checkbox,
label ~ .radio {
  margin-left: .5em;
}

#simple_menu_class, .color_class {
  [type='radio'] {
    + .radio {
      background-position-x: .5em;
      border-bottom-left-radius: .8rem;
      border-top-left-radius: .8rem;
      padding: 0 .5em;
    }

    ~ label {
      border-bottom-right-radius: .8rem;
      border-top-right-radius: .8rem;
      color: $color-tundora;
      display: inline-block;
      line-height: 25px; // Same height as the radio button icon
      margin-left: 0;
      padding-right: .5em;
      position: relative;
      top: 1px;
    }
  }

  [value=''] {
    ~ label {
      padding-left: 0;
    }
  }

  [value='la-rioja'] {
    + .radio,
    ~ label {
      background-color: $color-la-rioja;
    }
  }

  [value='pelorous'] {
    + .radio,
    ~ label {
      background-color: $color-pelorous;
    }
  }

  [value='tangerine'] {
    + .radio,
    ~ label {
      background-color: $color-tangerine;
    }
  }

  [value='tundora'] {
    + .radio,
    ~ label {
      color: $color-white;
      background-color: $color-tundora;
    }
  }
}

.fakefile {
  display: flex;
  justify-content: space-between;
  width: 24em;

  input {
    width: auto;
  }
}

.contenerInputFile-extras p {
  margin: 0;
  overflow: auto;
}

.contenerInputFile-extras a {
  text-decoration: underline;
}


/* admin demandes ITDLC */
#operation_itdlc .form-collection--add,
#operation_itdlc .form-collection--delete  {
  display: none;
}
