/* Put custom styling here */
.navbar > .container {
  background-image: url("/images/masthead.png")
}

#logout, .navbar-brand {
  background-color: rgba(0, 0, 0, 0.3);
}

body.page-status-loggedout {
  background: #F0F0F0;
}

i.lgicon {
  font-size: 1.2rem;
}

button.icon-button.btn {
  padding: 0.1rem;
  margin: 0.275rem 0.65rem;
}

button.icon-button.btn-warning a {
  color: black;
}

button.icon-button.btn-success a {
  color: white;
}

label.jro-pl-3 {
  padding-left: 0.5em;
}

input.form-control[type="number"] {
  text-align: right;
}

.row.shaded {
  background-color: #EEEEEE;
}

.jro-lighter {
  color: #444444;
}

/**
 * Remove arrows / spinners from numeric input boxes
 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

a.disabled {
  pointer-events: none;
  border: none;
}
div:has(>a.disabled) {
  cursor: not-allowed;
}
.statusbox.status-warn {
  background: #ffecb3;
  color: #4d3900;
}
.statusbox.status-ok {
  background: #c1f0cc;
  color: #0f3e1a;
}
.statusbox.status-error {
  background: #f4bec3;
  color: #570f16;
}
.statusbox {
  background: #EEE;
}
a.statuslink, a.not-needed {
  text-decoration: none;
  color: inherit;
}
.not-needed {
  pointer-events: none;
}
form.grid-form {
  margin-bottom: 0px;
}
form.grid-form button {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.2rem;
}