form.flex-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

form.flex-form input {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

form.flex-form button {
  padding: 10px 20px;
  /*background-color: #6b8e23;*/
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
/*form.flex-form button:hover {
background-color: #556b2f;
}*/

form .text-right {
  text-align: right;
}

.react-datepicker-wrapper {
  width: 100%;
}

form .form-control.multiselect {
  height: 33.5px;
}

form .form-control.multiselect .dropdown-container,
form .form-control.multiselect .dropdown-container .dropdown-heading {
  height: 100% !important;
  border: 0;
}

form .form-group .react-datepicker__close-icon::after {
  padding: 0px !important;
  background-color: transparent !important;
  color: #bbb !important;
  font-size: 28px !important;
}

form .form-group label span {
  display: inline-block;
}

form .form-group label span i.info-icon {
  float: right;
  margin-left: 4px;
}

form .row label span i.info-icon {
  position: absolute;
  margin-left: 4px;
}

.modal-dialog .modal-body .card {
  border-color: #dee2e6;
}
.modal-dialog .modal-body .card-header {
  border-bottom-color: #dee2e6;
}

form .form-group hr {
  border-color: #dee2e6;
  opacity: 1;
}

/* hide arrows/spinners in fields type number */
/* for Chrome, Safari, Edge and Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}