@charset "UTF-8";
/**
 * Clay 3.13.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@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-right: 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-right: 32px; }

.lfr-add-panel .input-group-btn {
  display: block;
  margin-top: -8px;
  position: absolute;
  right: 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 16px 0 8px; }
  .lfr-add-panel .add-content-menu .add-application-panel .lfr-content-item.lfr-archived-setup {
    padding-left: 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-left: 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-left: 4px;
    padding-right: 4px;
    text-decoration: none; }
    .lfr-add-panel .add-content-menu .display-style-bar .dropdown-toggle .lexicon-icon-caret-double {
      margin-left: 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-left: 0.3rem; }

.lfr-add-panel .add-content-menu .nav > li > a:before {
  right: 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-left: 4px;
    margin-right: 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-left: 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;
      left: 0;
      position: fixed;
      right: 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-left: 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-right: 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-right: -1px; }

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

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