#keyword-management,
#keyword-filters {
  border: 1px solid #6f727b;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 2rem;
}

#keyword-filters h2:first-child {
  margin-top: 0;
}

.keyword-admin {
  min-width: 13rem;
  max-width: 33%;
}

.keyword-admin input[type="text"],
.keyword-admin textarea {
  font-size: .8rem;
  width: 100%;
}

#keyword-management select, 
#keyword-management select option {
  font-size: .8rem;
}

#keyword-list {
  width: 100%;
}

.nav-pills .nav-item a {
  font-size: .8rem;
  margin-right: 1em;
  padding: .25rem .5rem;
}

a.keyword-btn:not(.btn-outline-secondary),
a.keyword-btn.active {
  color: #fff !important;
}

a.btn-outline-primary {
  color: #007bff;
}

a.btn-outline-secondary {
  color: #6c757d;
}

a.btn-outline-success {
  color: #28a745;
}

a.btn-outline-danger {
  color: #dc3545;
}

a.keyword-btn:hover,
a.keyword-btn:active {
  color: #fff !important;
}

.item-keywords {
  padding-top: 1em;
  padding-bottom: 1em;
}

.item-keywords span.alert,
.item-keywords a {
  font-size: .8rem !important;
}

.item-keywords a {
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  margin: 7px 0;
}

.item-keywords span.alert {
  padding: .25rem .5rem;
  margin: 0 .25rem .5rem 0;
  display: inline-block;
}

.item-keywords a span.alert {
  font-size: inherit;
}

.item-keywords a span.alert-secondary:hover {
  background-color: #fff;
}

.item-keywords a span.alert-outline-secondary {
  border-color: #d6d8db;
}

.item-keywords a span.alert-outline-secondary:hover {
  background-color: #e2e3e5;
}

.item-keywords a.remove-keyword span.alert-secondary:hover {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.item-keywords a.add-keyword span.alert-outline-secondary:hover {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}