.cf6-admin-page{
  padding: 40px;
}
.services {
  padding: 40px;
}

.services h3
{
   text-transform: uppercase;
}

.help {
  padding: 20px;
}
.article-category-list {
	height: 100%;
	align-content: start;
	align-items: start;
}

.article-category-header {
	border-bottom: 1px solid black;
	font-size: 1.5em;
	color: var(--bs-primary);
	font-weight: 900;
}

.article-editor-preview {
	min-height: 300px;
}

.article-search-content {
	min-height: 400px;
	align-content: start;
}

.article-search-heading {
	font-size: 1.5em;
	color: var(--bs-dark);
	font-weight: bolder;
	border-bottom: 1px solid black;
}

.article-search-item {
	padding: 8px;
}

.article-show-button {
	padding: 8px;
}

.article-title
{
  color: var(--heading-color);
  margin: 0;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--heading-font);
}

.article-list-add-new-button
{
	margin-top: 16px;
}

.article-list {
	align-items: start;
	align-content: start;
}

.article-details {
	align-items: start;
	align-content: start;
}

.article {
  padding: 40px;
}

.language-translation-edit-memo-area {
}

.language-translation-preview-area {
	border: 1px solid black;
	width: 100%;
	min-height: 418px;
	padding: 16px;
	margin-top: 10px;
}
.customer-login-button
{
  padding-right: 5%;
}
.small-page-title {
  color: var(--default-color);
  background-color: var(--background-color);
  position: relative;
}

.small-page-title .heading {
  padding: 160px 0 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.small-page-title .heading h1 {
  font-size: 38px;
  font-weight: 700;
}

/* Tree View */

.tree {
  --spacing: 1.5rem;
  --radius: 10px;
   margin-left: -40px;
   margin-top: 8px;
}

.tree li {
  display: block;
  position: relative;
  padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul {
  margin-left: calc(var(--radius) - var(--spacing));
  padding-left: 0;
}

.tree ul li {
  border-left: 2px solid #ddd;
}

.tree ul li:last-child {
  border-color: transparent;
}

.tree ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / -2);
  left: -2px;
  width: calc(var(--spacing) + 2px);
  height: calc(var(--spacing) + 1px);
  border: solid #ddd;
  border-width: 0 0 2px 2px;
}

.tree summary {
  display: block;
  cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
  display: none;
}

.tree summary:focus {
  outline: none;
}

.tree summary:focus-visible {
  outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--spacing) / 2 - var(--radius));
  left: calc(var(--spacing) - var(--radius) - 1px);
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
  border-radius: 50%;
  background: #ddd;
}

.tree summary::before {
  z-index: 1;
  background: #696 url('/images/expand-collapse.svg') 0 0;
}

.tree details[open] > summary::before {
  background-position: calc(-2 * var(--radius)) 0;
}
.tree-selected-node
{
   border: 1px dotted var(--bs-primary);
}