/*   Form Validation css  */
/*-----------------------*/
.form-group.issue .help-block, .form-group.issue .help-inline, .form-group.error .help-block, .form-group.error .help-inline {
  /*   when an issue or error occured  */
  color: #FF5B5C;
}

.form-group.issue input, .form-group.issue select, .form-group.issue textarea, .form-group.error input, .form-group.error select, .form-group.error textarea {
  border-color: #FF5B5C;
}

.form-group.issue input:focus, .form-group.issue select:focus, .form-group.issue textarea:focus, .form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus {
  border-color: #FF5B5C;
  -webkit-box-shadow: 0 3 10px 0 #FF5B5C;
  -moz-box-shadow: 0 3 10px 0 #FF5B5C;
  box-shadow: 0 3 10px 0 #FF5B5C;
}

.form-group .help-block ul {
  padding-left: 0;
}

.form-group .help-block ul li {
  list-style-type: none;
  font-size: 0.875rem;
  padding-top: 0.2rem;
  font-family: "IBM Plex Sans", Helvetica, Arial, serif;
}

.form-group .help-block ul li::before {
  content: "\eb1b";
  position: relative;
  top: 2px;
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  text-transform: none;
}





form span.error {
  width: 100%;
  font-size: 0.857rem;
}

form .error:not(input) {
  color: #FF5B5C !important;
}

form input.error,
form input.error:focus {
  border-color: #FF5B5C !important;
}

form textarea.error {
  border-color: #FF5B5C !important;
}

form .select2.error + .select2-container--classic .select2-selection--single,
form .select2.error + .select2-container--default .select2-selection--single,
form .select2.error + .select2-container--classic .select2-selection--multiple,
form .select2.error + .select2-container--default .select2-selection--multiple {
  border-color: #FF5B5C !important;
}

