.page-title.navbar {
  background-color: var(--color-gray-100);
  padding: 0.5rem 2rem;
  flex: none;
}

.page-title__section {
  flex-grow: 1;
  width: 10%;
  display: flex;
}

.page-title__section_left {
  color: var(--color-gray-700);
  font-size: 1.5rem;
  margin: 0.5rem 0;
}

.page-title__section_right {
  justify-content: flex-end;
  align-items: center;
}

.page-title__section_center {
  flex-grow: 4;
  display: flex;
  justify-content: center;
}

.page-title a.btn {
  transition: all 0.15s ease;
}

.page-title a.btn-info {
  border-color: var(--color-gray-300);
  background-color: var(--bg-light);
  color: var(--color-gray-600);
  box-shadow: none;
}

.page-title a.btn-info:hover,
.page-title a.btn.btn-info:active {
  color: var(--color-link);
  background-color: var(--color-gray-100);
}

.page-title__ellipsis {
  font-size: 1.5rem;
}

.page-title__dropdown .btn {
  width: 100%;
  text-align: left;
  padding-right: 0;
}

.page-title__dropdown-toggle {
  color: var(--color-gray-600) !important; /* stylelint-disable-line */
}

.page-title__dropdown-toggle:hover {
  color: var(--color-primary) !important; /* stylelint-disable-line */
}

.page-title__dropdown-toggle,
.page-title__dropdown-toggle:hover,
.page-title__dropdown-toggle:active,
.page-title__dropdown-toggle:focus {
  background-color: unset !important; /* stylelint-disable-line */
  box-shadow: none !important; /* stylelint-disable-line */
  border: none;
  transition: none;
}

.page-title__dropdown-toggle-active {
  color: var(--color-primary);
}