.pages-tree .child-page-action-option { display:block; }

.pages-tree .child-page-action-option.type-false { display:none; }

.pages-tree .dropdown-toggle { color:#a7a9bc !important; }

.pages-tree .dropdown-toggle:active { color:#fff; }

.pages-tree .layout-finder {
  border-bottom:1px solid #272833;
  padding:24px 16px 0;
}

.pages-tree .layout-finder input { background-color:#393a4a; }

.pages-tree .layout-finder .back-to-menu { color:#a7a9bc; }

.pages-tree .layout-finder .breadcrumb {
  flex-wrap:nowrap;
  margin-bottom:0;
  padding-bottom:4px;
}

.pages-tree .layout-finder .breadcrumb .breadcrumb-item { flex-shrink:0; }

.pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) {
  flex-basis:1.5rem;
  flex-grow:0.5;
  flex-shrink:1;
  width:100%;
}

.pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) .breadcrumb-text-truncate {
  max-width:95%;
  padding-left:0.5rem;
  position:absolute;
}

.pages-tree .layout-finder .btn-sm { font-size:14px; }

.pages-tree .layout-finder .form-control:focus { border-radius:1px; }

.pages-tree .layout-finder .layout-finder-icon {
  color:white;
  position:absolute;
  left:1.8rem;
  top:4.55rem;
}

.pages-tree .list-icon:not(.collection-layout) { display:none; }

.pages-tree .page-icon.collection-layout { display:none; }

.pages-tree .pages-administration-link {
  align-items:center;
  background-color:#272833;
  border-top:1px solid #393a4a;
  bottom:0;
  display:flex;
  font-size:14px;
  height:72px;
  padding:16px 16px 24px 0;
  position:fixed;
  width:320px;
}

.pages-tree .pages-administration-link a { color:#a7a9bc; }

.pages-tree .page-type-selector {
  border-top:1px solid #393a4a;
  font-size:14px;
  margin-top:20px;
  padding-top:16px;
}

.pages-tree .page-type-selector .configure-link { color:#a7a9bc; }

.pages-tree .page-type-selector .form-control {
  background-color:#272833;
  border-color:#393a4a;
  color:#a7a9bc;
}

.pages-tree .tree-view .lfr-root-node.tree-node-content {
  align-items:center;
  display:flex;
}

.pages-tree .tree-view .lfr-root-node.tree-node-content .tree-label a { color:#fff; }

.pages-tree .tree-view .tree-container {
  border-right:1px solid #393a4a;
  cursor:pointer;
  margin-right:6px;
  padding-right:14px;
}

.pages-tree .tree-view .tree-container .dropdown-item { color:#6b6c7e; }

.pages-tree .tree-view .tree-container .dropdown-item:hover { color:#272833; }

.pages-tree .tree-view .tree-container .tree-node .tree-node-content {
  align-items:center;
  display:flex;
}

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-above { border-top:none; }

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-above .autofit-row { box-shadow:0 -2px 0 0 #80acff; }

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-below { border-bottom:none; }

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-below .autofit-row { box-shadow:0 2px 0 0 #80acff; }

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-append .tree-label {
  background:transparent;
  border:none;
}

.pages-tree .tree-view .tree-container .tree-node .tree-node-content.tree-drag-insert-append .tree-label>.autofit-row {
  border-radius:4px;
  box-shadow:0 0 0 2px #80acff;
}

.pages-tree .tree-view .tree-node {
  font-size:14px;
  margin-bottom:6px;
  margin-top:6px;
}

.pages-tree .tree-view .tree-node .tree-hitarea {
  background-color:#393a4a;
  border:1px solid #393a4a;
  border-radius:2px;
  font-size:6px;
  height:12px;
  margin-left:0;
  padding:2px 2px 1px;
  text-align:center;
  width:12px;
}

.pages-tree .tree-view .tree-node .tree-hitarea+span { display:none; }

.pages-tree .tree-view .tree-node .tree-label>span a.layout-tree {
  color:#a7a9bc;
  padding-right:1px;
  width:100%;
}

.pages-tree .tree-view .tree-node .tree-label>span a.layout-tree:focus {
  border-radius:4px;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #80acff;
  outline:0;
}

.pages-tree .tree-view .tree-node .tree-label>span a.layout-tree:hover { color:#fff; }

.pages-tree .tree-view .tree-node .tree-label {
  color:#a7a9bc !important;
  display:flex;
  flex-grow:1;
  margin-right:8px;
  padding-left:17px;
  vertical-align:middle;
  width:calc(100% - 20px);
}

.pages-tree .tree-view .tree-node .tree-label .dropdown { visibility:hidden; }

.pages-tree .tree-view .tree-node .tree-label:hover .dropdown { visibility:visible; }

.pages-tree .tree-view .tree-node .tree-node-selected .tree-label .layout-tree {
  color:white;
  font-weight:600;
}

.pages-tree .tree-view .tree-node .tree-node-selected .dropdown { visibility:visible !important; }

.pages-tree .tree-view .tree-node .preview-draft-action-option { display:none; }

.pages-tree .tree-view .tree-node .preview-draft-action-option.draft { display:block; }

.pages-tree .tree-view a.tree-node-paginator { color:white !important; }

.pages-tree .tree-view .tree-view-content { padding-top:1rem; }

.pages-tree .tree-view .tree-hitarea:focus:before { box-shadow:0 0 0 0.125rem #fff,0 0 0 0.25rem rgba(11,95,255,0.5); }

.pages-tree .view-collection-items-action-option { display:none; }

.pages-tree .view-collection-items-action-option.collection { display:block; }

.tree-drag-helper .tree-drag-helper-content {
  background:#80acff;
  border:none;
  border-radius:4px;
  box-shadow:none;
}

.tree-drag-helper .tree-drag-helper-content .layout-tree {
  color:white;
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  max-width:16ch;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tree-drag-helper .tree-drag-helper-content .autofit-col { display:none; }

.tree-drag-helper .tree-drag-helper-content .autofit-col:first-child { display:block; }

.product-menu .sidebar-header {
  line-height:32px;
  padding-bottom:8px;
  padding-left:9px;
  padding-top:8px;
}

@media (min-width:576px) {
  .product-menu .sidebar-header {
    padding-bottom:12px;
    padding-right:24px;
    padding-top:12px;
  }
}

.product-menu .sidebar-header .sidenav-close {
  float:left;
  margin-left:-2px;
}

.product-menu .sidebar-header-logo { margin-left:10px; }

.product-menu .sidebar-body {
  bottom:0;
  right:0;
  padding:0;
  position:absolute;
  left:0;
  top:55px;
}

@media (min-width:576px) {
  .product-menu .sidebar-body { top:64px; }
}

@media (max-width:575.98px) {
  .product-menu .sidebar-body {
    overflow:visible;
    position:static;
  }
}

.product-menu .sidebar-body .panel-app-root.active { border-right:4px solid #fff; }

.product-menu .sidebar-body .panel-app-root li {
  font-weight:400;
  list-style:none;
}

.product-menu .sidebar-body .panel-app-root li.active {
  font-weight:700;
  margin-right:-24px;
  padding-right:20px;
}

.product-menu .sidebar-body .panel-group { border-radius:0; }

.product-menu .lfr-product-menu-sidebar .panel-group { overflow:hidden; }

.product-menu small { display:block; }

.product-menu .list-group>.collapse>.list-group-item>.tabular-list-group,
.product-menu .list-group>.collapsing>.list-group-item>.tabular-list-group {
  margin-bottom:-10px;
  margin-top:-10px;
}

.product-menu .list-group-heading h1,
.product-menu .list-group-heading h2,
.product-menu .list-group-heading h3,
.product-menu .list-group-heading h4,
.product-menu .list-group-heading h5,
.product-menu .list-group-heading h6 {
  margin-bottom:0;
  margin-top:0;
}

.product-menu .list-group-item {
  border-top-width:0;
  padding:10px 20px;
}

.product-menu .nav-nested-margins>li .nav>li .nav>li { margin-bottom:1px; }

.product-menu.popover { background-color:#fff; }

.product-menu .impersonation-message { font-size:12px; }

.product-menu .manage-sites-link { padding:1em; }

.product-menu .site-selector { box-shadow:none; }

.product-menu .site-selector .selectable-site {
  color:#333;
  height:auto;
}

.product-menu .site-selector .list-group-item-content,
.product-menu .site-selector .list-group-item-field { vertical-align:middle; }

.product-menu .site-selector .site-link { color:#333; }

.product-menu .site-selector .site-link.selected-site { color:#999; }

.product-menu .site-selector .site-logo-container { padding:2em; }

.product-menu .staging-links {
  font-size:12px;
  margin:6px 16px 4px 22px;
}

.toast-animation {
  display:inline-block;
  height:18px;
  margin:8px 6px 0;
  position:relative;
  width:20px;
}

.toast-animation .pm {
  border-right:1px solid #a7a9bc;
  border-radius:1px;
  height:16px;
  right:0;
  position:absolute;
  top:0;
  transition-delay:0.2s;
  transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);
}

@media (prefers-reduced-motion:reduce) {
  .toast-animation .pm { transition:none; }
}

.toast-animation .cn {
  border:1px solid #a7a9bc;
  border-radius:1px;
  content:"";
  height:18px;
  position:absolute;
  left:0;
  top:-1px;
  transition-delay:0.2s;
  width:15px;
  transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);
}

@media (prefers-reduced-motion:reduce) {
  .toast-animation .cn { transition:none; }
}

.product-menu-toggle:focus .pm,
.product-menu-toggle:hover .pm { border-right:1px solid #fff; }

.product-menu-toggle:focus .cn,
.product-menu-toggle:hover .cn { border:1px solid #fff; }

body.product-menu-open .toast-animation .pm {
  border-right-width:6px;
  height:18px;
  right:4px;
  top:-1px;
}

body.product-menu-open .toast-animation .cn {
  border-right-width:9px;
  width:19px;
}