/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* App container */
.inyathi-reports-container {
  display: block;
}

/* Forms for creating items */
.create-form .form-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.create-form .form-row label {
  width: 10rem;
  margin-right: 10px;
}

.create-form .form-row input[type="text"],
.create-form .form-row select {
  width: 30rem;
}

/* Inline forms */
.field-form {
  /* reset box elements */
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}
.field-form input, .field-form select {
  width: 100%;
  margin: 0;
  outline: 0;
}