:root {
  --theme-color: #00CCFF;
  --theme-color-dark: #0099CC;
}

.btn-primary {
  color: #fff;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-primary:hover {
  background-color: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}

.btn-outline-primary {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-outline-primary:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-outline-success {
  color: var(--theme-color);
  border-color: var(--theme-color);
}

.btn-outline-success:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.primary {
  color: var(--theme-color);
}

.card-primary.card-outline {
  border-top: 3px solid var(--theme-color);;
}

.nav-link.active {
  background-color: var(--theme-color);
}

.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--theme-color) !important;
}

#changelist-search .form-group {
  margin-right: .5em;
  padding: 5px 0;
}

button.parseraw, button.parsed {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid var(--theme-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  color: var(--theme-color);
  background-color: transparent;
}

button.parseraw:hover, button.parsed:hover {
  color: white;
  background-color: var(--theme-color);
}

input[type=number] {
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.errorlist {
  color: red;
}

.selector-chosen h2 {
    background: var(--theme-color);
}


/* admin sortable */
.sortable .inline-related h3{
    font-size: 1.1rem;
    font-weight: 400;
    padding: 0.75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.sortable .inline-related .delete {
	float: right;
}