/* Primary navbar */
#primary-nav {
  padding: 8px 16px 8px 16px;
}
#primary-nav .nav-item .nav-link {
  font-size: 1.1em !important;
}
/* Primary link colors */
a {
  color: var(--link-fg);
  background-color: var(--link-bg);
}
a:hover,
a:active {
  color: var(--link-hover-fg);
  background-color: var(--link-hover-bg);
}
/* Button styles */
.btn {
  border-radius: var(--button-radius);
}
/* Alerts */
.alert-primary {
  border-color: var(--btn-primary-border) !important;
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-fg) !important;
}
.alert-secondary {
  border-color: var(--btn-secondary-border) !important;
  background-color: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-fg) !important;
}
/* Primary button */
.btn-primary {
  border-color: var(--btn-primary-border) !important;
  background-color: var(--btn-primary-bg) !important;
  color: var(--btn-primary-fg) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  border-color: var(--btn-primary-hover-border) !important;
  background-color: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-hover-fg) !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
  cursor: pointer;
}
.btn-outline-primary {
  border-color: var(--btn-outline-primary-border) !important;
  background-color: var(--btn-outline-primary-bg) !important;
  color: var(--btn-outline-primary-fg) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: var(--btn-outline-primary-hover-border) !important;
  background-color: var(--btn-outline-primary-hover-bg) !important;
  color: var(--btn-outline-primary-hover-fg) !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
  cursor: pointer;
}
/* Secondary button */
.btn-secondary {
  border-color: var(--btn-secondary-border) !important;
  background-color: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-fg) !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  border-color: var(--btn-secondary-hover-border) !important;
  background-color: var(--btn-secondary-hover-bg) !important;
  color: var(--btn-secondary-hover-fg) !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
  cursor: pointer;
}
.btn-outline-secondary {
  border-color: var(--btn-outline-secondary-border) !important;
  background-color: var(--btn-secondary-primary-bg) !important;
  color: var(--btn-secondary-primary-fg) !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  border-color: var(--btn-outline-secondary-hover-border) !important;
  background-color: var(--btn-outline-secondary-hover-bg) !important;
  color: var(--btn-outline-secondary-hover-fg) !important;
  box-shadow: 0 0 0 0.2rem transparent !important;
  cursor: pointer;
}
/* Paginatin colors */
.pagination .page-item.active .page-link {
  color: var(--pagination-link-active-fg);
  background-color: var(--pagination-link-active-bg);
  border-color: var(--pagination-link-active-border);
}
.pagination .page-item.active .page-link:hover {
  color: var(--pagination-link-active-fg);
  background-color: var(--pagination-link-active-bg);
  border-color: var(--pagination-link-active-border);
}
.pagination .page-item .page-link {
  color: var(--pagination-link-fg);
  background-color: var(--pagination-link-bg);
  border-color: var(--pagination-link-border);
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:active {
  color: var(--pagination-link-hover-fg);
  background-color: var(--pagination-link-hover-bg);
  border-color: var(--pagination-link-hover-border);
}
.pagination .feather {
  width: 15px;
  height: 15px;
}
/* Navbar colors */
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--dropdown-item-active-fg) !important;
  background-color: var(--dropdown-item-active-bg) !important;
  font-weight: 500;
  box-shadow: 0 0 0 0.2rem transparent !important;
}
.dropdown-item {
  padding: 8px 0 8px 0;
  margin: 0;
  text-align: center;
  border-bottom: solid 1px var(--border-color);
}
.dropdown-item:last-child {
  border-bottom: none !important;
}
.dropdown-item:hover {
  color: var(--dropdown-item-hover-fg) !important;
  background-color: var(--dropdown-item-hover-bg) !important;
}
.dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 0;
}
/* Background-colors */
.bg-light {
  background-color: var(--bg-light) !important;
}
.bg-dark {
  background-color: var(--bg-dark) !important;
}
.fg-light {
  color: var(--fg-light) !important;
}
.fg-dark {
  color: var(--fg-dark) !important;
}
.fg-light a {
  color: var(--fg-light) !important;
}
.fg-light a:hover,
.fg-light a:active {
  color: var(--fg-light) !important;
}
/* Middle align a div */
.valign-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Borders */
.border-top {
  border-top: 1px solid var(--border-color);
}
.border-bottom {
  border-bottom: 1px solid var(--border-color);
}
.border-top-gray {
  border-top-color: var(--border-color);
}
/* Shadows */
.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}
/* Change glow of form control */
.form-control:focus,
.page-link:focus {
  -webkit-box-shadow: none;
  border-color: var(--glow-hex);
  box-shadow: none;
}
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus,
.navbar-toggler:active {
  border: none;
  box-shadow: none;
  outline: none;
}
/* Condensed line height */
.lh-condensed {
  line-height: 1.25;
}
/* Table heads */
table tr {
  line-height: 30px;
}
table thead {
  line-height: 40px;
}
table thead tr {
  line-height: 40px;
}
table thead.main-color {
  background-color: var(--main-color) !important;
  color: white !important;
}
table.table-bordered thead.main-color th {
  border-color: var(--main-color);
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--bg-light) !important;
}
/* Colors */
.main-color {
  background-color: var(--main-color) !important;
  color: var(--main-color-fg) !important;
}
.danger-color {
  background-color: var(--danger-bg);
  color: var(--danger-fg);
}
.success-color {
  background-color: var(--success-bg);
  color: var(--success-fg);
}
.input-group-text {
  background-color: var(--bg-light) !important;
}
.input-group-text.main-color {
  background-color: var(--main-color) !important;
  color: var(--main-color-fg) !important;
}
/* List group */
.list-group-item,
a.list-group-item {
  background-color: var(--list-group-bg);
  color: var(--list-group-fg);
}
.list-group-item a,
a.list-group-item a {
  color: var(--list-group-fg);
}
.list-group-item.active,
a.list-group-item.active {
  background-color: var(--list-group-active-bg);
  border-color: var(--list-group-active-bg);
  color: var(--list-group-active-fg);
}
.list-group-item:hover,
a.list-group-item:hover,
.list-group-item:focus,
a.list-group-item:focus {
  cursor: pointer;
  background-color: var(--list-group-hover-bg);
  border-color: var(--list-group-hover-bg);
  color: var(--list-group-hover-fg);
  text-decoration: none;
}
.list-group-item:hover a,
a.list-group-item:hover a,
.list-group-item:focus a,
a.list-group-item:focus a {
  color: var(--list-group-hover-fg);
}
.twitter-typeahead {
  width: 100%;
}
.tt-menu {
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.tt-suggestion {
  padding: 10px;
}
.tt-suggestion:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.05);
}