@media (min-width:576px) {
  body.sidenav-transition #wrapper,
  body.sidenav-transition .control-menu-container { transition:padding 0.5s ease; }
}

@media (min-width:576px) and (prefers-reduced-motion:reduce) {
  body.sidenav-transition #wrapper,
  body.sidenav-transition .control-menu-container { transition:none; }
}

@media (min-width:576px) {
  body.open-admin-panel #wrapper,
  body.open-admin-panel .control-menu-container { padding-left:320px; }
}

.lfr-add-panel.open-admin-panel.sidenav-menu-slider {
  visibility:visible;
  width:320px;
}

.lfr-admin-panel.sidenav-menu-slider { z-index:990; }

.lfr-admin-panel.sidenav-menu-slider .product-menu { width:320px; }

.lfr-admin-panel.sidenav-menu-slider .product-menu.light { background-color:white; }

.lfr-admin-panel .sidebar-body { padding:0; }

.lfr-add-panel .search-bar {
  display:block;
  margin:10px;
}

.lfr-add-panel .search-bar .form-control {
  display:block;
  float:none;
  padding-left:32px;
}

.lfr-add-panel .input-group-btn {
  display:block;
  margin-top:-8px;
  position:absolute;
  left:20px;
  top:50%;
  z-index:4;
}

.lfr-add-panel .list-group-heading { font-size:0.875rem; }

.lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item {
  margin-bottom:0.5rem;
  padding:0 8px 0 16px;
}

.lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item.lfr-archived-setup { padding-right:30px; }

.lfr-add-panel .add-content-menu .add-content-panel .lfr-content-item { color:#272833; }

.lfr-add-panel .add-content-menu .display-style-bar { padding:4px 16px; }

.lfr-add-panel .add-content-menu .display-style-bar .display-style {
  align-items:center;
  display:inline-flex;
  height:32px;
  justify-content:center;
  margin-right:8px;
  width:32px;
}

.lfr-add-panel .add-content-menu .display-style-bar .display-style.active { color:#869cad; }

.lfr-add-panel .add-content-menu .display-style-bar .dropdown-toggle {
  align-items:center;
  display:inline-flex;
  height:32px;
  padding-right:4px;
  padding-left:4px;
  text-decoration:none;
}

.lfr-add-panel .add-content-menu .display-style-bar .dropdown-toggle .lexicon-icon-caret-double { margin-right:0.3rem; }

.lfr-add-panel .add-content-menu .add-content-button .nav>li { padding:4px 16px; }

.lfr-add-panel .add-content-menu .add-content-button .dropdown-toggle {
  align-items:center;
  display:inline-flex;
  height:32px;
  line-height:1;
  padding:0 4px;
}

.lfr-add-panel .add-content-menu .add-content-button .dropdown-toggle .lexicon-icon-caret-bottom { margin-right:0.3rem; }

.lfr-add-panel .add-content-menu .nav>li>a:before { left:0; }

.affix,
.control-menu-container {
  position:sticky;
  top:0;
  z-index:989;
}

.control-menu-icon { display:inline-block; }

a.control-menu-icon,
.control-menu-icon .dropdown-toggle {
  border-radius:4px;
  transition:box-shadow 0.15s ease-in-out;
}

a.control-menu-icon:focus,
.control-menu-icon .dropdown-toggle:focus {
  box-shadow:0 0 0 2px #fff,0 0 0 4px #80acff;
  outline:0;
}

.control-menu-level-1>.container-fluid { padding:8px; }

@media (min-width:576px) {
  .control-menu-level-1>.container-fluid { padding:12px; }
}

.control-menu-level-1 .personal-menu-dropdown .dropdown-toggle {
  margin-bottom:-2px;
  margin-top:-2px;
  padding:2px;
}

.control-menu-level-1 a:not(.dropdown-item):focus,
.control-menu-level-1 a:not(.dropdown-item):hover,
.control-menu-level-1 button:not(.btn-link):not(.dropdown-item):not(.nav-link):focus,
.control-menu-level-1 button:not(.btn-link):not(.dropdown-item):not(.nav-link):hover { text-decoration:none; }

.control-menu-level-1-heading {
  font-size:1rem;
  font-weight:600;
}

.control-menu-level-1-dark {
  background-color:#30313f;
  color:#cdced9;
}

.control-menu-level-1-dark a:not(.dropdown-item),
.control-menu-level-1-dark button:not(.btn-link):not(.dropdown-item):not(.nav-link) { color:#cdced9; }

.control-menu-level-1-dark a:not(.dropdown-item):focus,
.control-menu-level-1-dark a:not(.dropdown-item):hover,
.control-menu-level-1-dark button:not(.btn-link):not(.dropdown-item):not(.nav-link):focus,
.control-menu-level-1-dark button:not(.btn-link):not(.dropdown-item):not(.nav-link):hover {
  background-color:rgba(255,255,255,0.03);
  color:#fff;
}

.control-menu-level-1-dark .control-menu-level-1-heading { color:#fff; }

.control-menu-level-1-light {
  background-color:#fff;
  border-bottom:1px solid #f1f2f5;
  color:#6b6c7e;
}

.control-menu-level-1-light a:not(.dropdown-item),
.control-menu-level-1-light button:not(.btn-link):not(.dropdown-item):not(.nav-link) { color:#6b6c7e; }

.control-menu-level-1-light a:not(.dropdown-item):focus,
.control-menu-level-1-light a:not(.dropdown-item):hover,
.control-menu-level-1-light button:not(.btn-link):not(.dropdown-item):not(.nav-link):focus,
.control-menu-level-1-light button:not(.btn-link):not(.dropdown-item):not(.nav-link):hover {
  background-color:#f1f2f5;
  color:#393a4a;
}

.control-menu-level-1-light>.container-fluid { padding-bottom:7px; }

@media (min-width:576px) {
  .control-menu-level-1-light>.container-fluid { padding-bottom:11px; }
}

.control-menu-level-1-light .control-menu-level-1-heading { color:#272833; }

.control-menu-level-1-light .toast-animation .cn,
.control-menu-level-1-light .toast-animation .pm { border-color:#6b6c7e; }

.control-menu-level-1-light .product-menu-toggle:focus .cn,
.control-menu-level-1-light .product-menu-toggle:focus .pm,
.control-menu-level-1-light .product-menu-toggle:hover .cn,
.control-menu-level-1-light .product-menu-toggle:hover .pm { border-color:#393a4a; }

.control-menu-level-1-nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

@media (min-width:576px) {
  .control-menu-level-1-nav { flex-wrap:nowrap; }
}

.control-menu-level-1-nav>li>.control-menu-nav>.control-menu-nav-item {
  margin-right:4px;
  margin-left:4px;
}

.control-menu-level-1-nav>.control-menu-nav-item { align-self:center; }

.control-menu-level-2 {
  background-color:#fff;
  border-bottom:1px solid #e7e7ed;
  color:#272833;
  padding-bottom:7px;
  padding-top:6px;
}

.control-menu-level-2 a,
.control-menu-level-2 a:focus,
.control-menu-level-2 a:hover { color:#6b6c7e; }

.control-menu-level-2 .container-fluid-max-xl { padding-right:20px; }

.control-menu-level-2 .text-info { font-size:0.875rem; }

.control-menu-level-2 .toggle-switch-bar .toggle-switch-handle {
  font-size:0.875rem;
  text-transform:none;
}

@media (min-width:576px) {
  .control-menu-level-2 .control-menu-label { color:#272833; }
}

@media (max-width:767.98px) {
  .control-menu-level-2 {
    bottom:0;
    display:none;
    right:0;
    position:fixed;
    left:0;
    top:0;
    z-index:1;
  }
}

@media (max-width:767.98px) {
  .control-menu-level-2.open {
    display:block;
    overflow:auto;
  }
}

.control-menu-level-2-heading {
  font-size:18px;
  font-weight:500;
  padding:20px 0;
  text-align:center;
}

.control-menu-level-2-heading button.close {
  color:#272833;
  opacity:1;
}

.control-menu-level-2-nav {
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}

@media (max-width:767.98px) {
  .control-menu-level-2-nav>.control-menu-nav-item { margin-bottom:55px; }

  .control-menu-level-2-nav .control-menu-nav-item,
  .control-menu-level-2-nav .dropdown { width:100%; }
}

.control-menu-nav {
  align-items:center;
  display:flex;
  font-size:16px;
  list-style:none;
  margin-bottom:0;
  padding-right:0;
}

.control-menu-nav-item { display:inline-flex; }

.control-menu-nav-item-content {
  display:flex;
  flex-basis:0;
  flex-grow:1;
  flex-shrink:1;
  min-width:48px;
  width:0;
}

.control-menu-nav-item-content .clamp-container {
  overflow:hidden;
  text-overflow:ellipsis;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap;
}

.control-menu-nav-item-content span.text-muted { font-size:0.875rem; }

.control-menu-nav-item-separator:not(:first-child):before {
  background-color:#6b6c7e;
  content:'';
  height:16px;
  margin-left:16px;
  position:relative;
  top:9px;
  width:1px;
}

.control-menu-nav-item-field { flex:0 1 auto; }

.sidenav-transition .affix,
.sidenav-transition .control-menu-container { transition:all 0.5s ease; }

@media (prefers-reduced-motion:reduce) {
  .sidenav-transition .affix,
  .sidenav-transition .control-menu-container { transition:none; }
}

.tools-control-group>.control-menu-nav>li>.lfr-portal-tooltip>.control-menu-icon,
.user-control-group>.control-menu-nav>li>.control-menu-icon {
  height:32px;
  line-height:32px;
  text-align:center;
  width:32px;
}

.tools-control-group {
  flex:1;
  flex-wrap:wrap;
}

.tools-control-group>.control-menu-nav {
  flex-wrap:nowrap;
  justify-content:center;
}

@media (min-width:768px) {
  .tools-control-group>.control-menu-nav { flex-wrap:wrap; }
}

.tools-control-group .taglib-icon-help {
  margin-top:1px;
  min-width:32px;
  text-align:center;
}

.user-control-group .portlet-options { margin-left:-1px; }

.my-sites-menu .site-type {
  color:#fff;
  display:none;
  float:left;
  font-size:0.8em;
  font-weight:normal;
  margin-left:10px;
  position:absolute;
  left:100%;
}

.my-sites-menu a:hover .site-type {
  color:#fff;
  display:inline-block;
}