/* ###### 4.6 Parsley ###### */

input.parsley-error:focus, textarea.parsley-error:focus, input.parsley-success:focus, textarea.parsley-success:focus {
  box-shadow: none !important;
}

.parsley-checkbox {
  &.parsley-error {
    display: inline-block;
    padding: 10px;
    border: 1px solid #{$danger};
    border-radius:0px;
  }

  &.parsley-success {
    display: inline-block;
    padding: 10px;
    border: 1px solid #{$success};
    border-radius: 4px;
  }
}

.parsley-errors-list {
  color: #{$danger};
  list-style: none;
  font-size: 12px;
  padding: 0;
  margin-block-end: 0;

  li {
    margin: 5px 0 0;
  }
}

/***** CUSTOM STYLED ERROR MESSAGE *****/

.parsley-style-1 {
  .parsley-input {
    &.parsley-error .form-control {
      background-color: #fef9f9;
      border-color: #{$danger};
      border-block-end-width: 0;
      border-end-end-radius: 0;
      border-end-start-radius: 0;
    }

    &.parsley-success .form-control {
      border-color: #{$success};
    }
  }

  .parsley-checkbox.parsley-error {
    border: 1px solid #{$danger};
    background-color: #fef9f9;
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
  }

  .parsley-select.parsley-error .select2-container--default .select2-selection--single {
    background-color: #fef9f9;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }

  .parsley-errors-list.filled {
    background-color: #{$danger};
    color: rgb($white) ;
    padding: 7px 10px;
    border-end-end-radius: 5px;
    border-end-start-radius: 5px;

    li:first-child {
      margin-block-start: 0;
    }
  }
}