.form input[type="email"],
.form input[type="password"],
.form input[type="text"],
.form input[type="url"],
.form textarea,
.form solid-form-date-label input[type="date"],
.form solid-form-dropdown-autocompletion-label .ss-main .ss-single-selected,
.form
  solid-form-multipleselect-autocompletion-label
  .ss-main
  .ss-multi-selected,
.form solid-form-multipleselect-autocompletion .ss-main .ss-multi-selected,
.form solid-form-dropdown-label select {
  background-color: #eeeeee;
}

.communities-list,
.tzcld-mes-territoires,
.members-list {
  .form input[type="text"],
  .form solid-form-dropdown-autocompletion-label .ss-main .ss-single-selected,
  .form
    solid-form-multipleselect-autocompletion-label
    .ss-main
    .ss-multi-selected,
  .form solid-form-multipleselect-autocompletion .ss-main .ss-multi-selected,
  .form solid-form-dropdown-label select {
    background-color: #fff;
  }
  solid-form-search > form {
    font-size: 0;
  }
}

.form-hide-submit input[type="submit"] {
  display: none;
}

solid-form-dropdown-label {
  position: relative;
  /*top: -3px;*/

  &::after {
    font-family: "simple-line-icons";
    content: "\e604";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    bottom: 15px;
    right: 25px;
    color: var(--color-heading);
    pointer-events: none;

    @media (max-width: 768px) {
      right: 12px;
    }
  }

  &:focus::after {
    transform: rotate(180deg);
  }

  select {
    background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    color: #636363;
    font-weight: normal;
    line-height: 15px;
    min-height: 46px;
    margin-top: 5px;
    padding: 12px 14px;
    width: 100%;
    appearance: none;
  }
}

solid-form-checkbox[name="settings.receiveMail"] {
  label:nth-child(odd) {
    position: relative;
    display: inline-block;
    padding: 0px;
    width: 35px;
    height: 16px;
    margin-top: 16px;
    /*margin-left: calc(50% - 17.5px);*/

    input {
      display: none;
    }

    div {
      position: absolute;
      text-indent: -9999px;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;

      transition: 0.4s;
      border-radius: 10px;
      border: 1px solid #636363;

      &.revert {
        background-color: white;
      }

      &:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 1px;
        background-color: #d3d5dd;
        transition: 0.4s;
        border-radius: 10px;
      }

      &.revert:before {
        background-color: #e4e9f1;
      }
    }

    input:checked + div:before {
      background-color: var(--color-primary);
    }

    input:focus + div {
      box-shadow: 0 0 1px var(--color-primary);
    }

    input:checked + div:before {
      left: calc(100% - 2px);
      transform: translateX(-100%);
    }
  }
}
solid-form-checkbox-label.tzcld-checkbox {
  white-space: normal;

  label:nth-child(odd) {
    display: inline-block;
    vertical-align: text-top;
    padding-right: 6px;
    width: 100%;
  }

  label:nth-child(even) {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 35px;
    height: 16px;
    margin-top: 16px;
    /*margin-left: calc(50% - 17.5px);*/

    input {
      display: none;
    }

    div {
      position: absolute;
      text-indent: -9999px;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;

      transition: 0.4s;
      border-radius: 10px;
      border: 1px solid #636363;

      &.revert {
        background-color: white;
      }

      &:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 1px;
        background-color: #d3d5dd;
        transition: 0.4s;
        border-radius: 10px;
      }

      &.revert:before {
        background-color: #e4e9f1;
      }
    }

    input:checked + div:before {
      background-color: var(--color-primary);
    }

    input:focus + div {
      box-shadow: 0 0 1px var(--color-primary);
    }

    input:checked + div:before {
      left: calc(100% - 2px);
      transform: translateX(-100%);
    }
  }
}
solid-multiple-form {
  div {
    position: relative;
    & > button {
      display: none;
    }
    &:last-of-type > button {
      display: block;
      position: absolute;
      right: 0;
    }
  }

  > button {
    display: block;
    border: 2px solid var(--color-primary);
    border-radius: 4px;
    color: var(--color-primary);
    padding: 8px 12px;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0;
  }
  & > div {
    & > button {
      border: none;
      color: var(--color-primary);
      margin-left: auto;
      margin-right: 0;
      text-decoration: underline;
    }
  }
}

/* Global forms */
solid-form {
  h3,
  .tzcld-form-radio-title > label {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 900;
    line-height: 25px;
  }
  solid-form-radio-label {
    > div {
      padding: 12px;
      margin-top: 5px;
      label {
        padding-right: 10px;
      }
    }
    div > label > span {
      color: var(--color-bold-grey);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
    }
  }
  solid-form-dropdown-label {
    vertical-align: top;
    label {
      display: block;
    }
    select {
      border: none;
      border-radius: 0;
      color: #636363;
      font-weight: normal;
      line-height: 15px;
      min-height: 46px;
      margin-top: 5px;
      padding: 12px 35px 12px 14px;
      width: 100%;
      appearance: none;
    }
  }
  .ss-multi-selected {
    box-shadow: none !important;
  }

  input[type="number"] {
    display: block;
    background: #f6f6f6;
    border: none;
    outline: none;
    color: #636363;
    padding: 12px 14px;
    margin-top: 5px;
    line-height: 1;
    height: 46px;
    width: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: var(--color-secondary);
  }
}

.form input[type="text"][disabled] {
  color: #a9a7a7;
  cursor: not-allowed;
}

#communities-community-edit solid-form solid-form-image-label > div > img {
  max-width: 100%;
  max-height: 200px;
}