:root {
  --primary: #284b5c;
  --primary-shadow: #305c72;
  --primary-100: rgb(201, 219, 233);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.badge-primary {
  background-color: var(--primary) !important;
}
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: var(--primary-shadow);
  border-color: var(--primary-shadow);
}
.navbar-brand img {
  height: 1.525rem;
  margin: 0.1rem;
}
.navbar-brand {
  padding-top: 1.075rem;
  padding-bottom: 1.075rem;
}
.font-size-xxs {
  font-size: 0.65rem;
}
.button-action {
  width: 110px;
}

.datatable-header {
  display: flex;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 2rem;
}

.datatable-footer {
  display: flex;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.paginate_button > a {
  background-color: var(--gray-300);
}
.paginate_button.disabled > a {
  background-color: var(--gray-100);
}