label.error {
    color: #dc3545 !important;
}

label.required:after {
    content:" *";
  }

.form-control.error, .custom-datepicker-style.error {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    font-weight: bold;
}
.form-control.valid, .custom-datepicker-style.valid {
    color: #28a745 !important;
    border-color: #28a745 !important;
}
.custom-datepicker-style {
    display: block !important;
}
.custom-datepicker-style > .react-date-picker__wrapper {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    height: 36px;
    padding: 3px 5px;
}
.custom-datetimepicker-style-activities {
    width: 100%;
    height: 36px;
    background-color: white;
    display: block;
}
.custom-datetimepicker-style-activities .react-datetime-picker__wrapper {
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 4px;
    padding: 3px 5px;
}
.custom-datetimepicker-style {
    width: 100%;
    background-color: white;
    display: block;
}
.custom-datetimepicker-style > .react-datetime-picker__wrapper {
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 4px;
    padding: 3px 5px;
}
.custom-timepicker-style {
    width: 100%;
    background-color: white;
    display: block;
}
.custom-timepicker-style > .react-time-picker__wrapper {
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 4px;
    padding: 3px 5px;
}


/* Styles React Tags*/
  
  div.ReactTags__tags {
      position: relative;
  }
  
  /* Styles for the input */
  div.ReactTags__tagInput {
      width: 200px;
      border-radius: 2px;
      display: inline-block;
  }
  div.ReactTags__tagInput input.ReactTags__tagInputField,
  div.ReactTags__tagInput input.ReactTags__tagInputField:focus {
      height: 31px;
      margin: 0;
      /* font-size: 12px; */
      width: 100%;
      border: 1px solid #eee;
      padding: 0 4px;
  }
  
  /* Styles for selected tags */
  div.ReactTags__selected span.ReactTags__tag {
      border: 1px solid #ddd;
      background: #eee;
      /* font-size: 12px; */
      display: inline-block;
      padding: 5px;
      margin: 0 5px;
      cursor: move;
      border-radius: 2px;
  }
  div.ReactTags__selected a.ReactTags__remove {
      color: #aaa;
      margin-left: 5px;
      cursor: pointer;
  }
  
  /* Styles for suggestions */
  div.ReactTags__suggestions {
      position: absolute;
  }
  div.ReactTags__suggestions ul {
      list-style-type: none;
      box-shadow: .05em .01em .5em rgba(0,0,0,.2);
      background: white;
      width: 200px;
  }
  div.ReactTags__suggestions li {
      border-bottom: 1px solid #ddd;
      padding: 5px 10px;
      margin: 0;
  }
  div.ReactTags__suggestions li mark {
      text-decoration: underline;
      background: none;
      font-weight: 600;
  }
  div.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
      background: #b7cfe0;
      cursor: pointer;
  }

  input.ReactTags__tagInputField.error {
    color: #dc3545;
  }

  input.ReactTags__tagInputField.success {
    color: #5cb85c;
  }