@charset "UTF-8";
@media only screen and (min-width: 768px) {
  body.open #wrapper {
    padding-left: 320px; } }

@media only screen and (min-width: 768px) {
  body.open .control-menu, body.open .affix {
    left: 320px; } }

@media only screen and (min-width: 768px) {
  body.open, body.sidenav-transition {
    overflow-x: hidden; } }

body.sidenav-transition #wrapper {
  -webkit-transition: padding 0.5s ease;
  -moz-transition: padding 0.5s ease;
  transition: padding 0.5s ease; }

.lfr-product-menu-panel.sidenav-menu-slider {
  z-index: 990; }
  .lfr-product-menu-panel.sidenav-menu-slider.open,
  .lfr-product-menu-panel.sidenav-menu-slider .sidenav-menu {
    width: 320px; }

.product-menu {
  background-color: #272833; }
  .product-menu .company-details {
    float: left;
    width: calc(100% - 32px); }
    @media only screen and (min-width: 768px) {
      .product-menu .company-details {
        width: 100%; } }
    .product-menu .company-details .company-logo {
      margin-right: 16px;
      max-height: 32px;
      max-width: 32px; }
  .product-menu .panel-header {
    background-color: #272833; }

.product-menu .form-control {
  background-color: #1B2228;
  border-radius: 0;
  border-width: 0;
  box-shadow: none;
  color: #869CAD;
  height: 40px;
  padding: 8px 12px; }
  .product-menu .form-control::-webkit-input-placeholder {
    color: #869CAD; }
  .product-menu .form-control::-moz-placeholder {
    color: #869CAD; }
  .product-menu .form-control:-moz-placeholder {
    color: #869CAD; }
  .product-menu .form-control:-ms-input-placeholder {
    color: #869CAD; }
  .product-menu .form-control:focus {
    color: #FFF; }
    .product-menu .form-control:focus::-webkit-input-placeholder {
      color: #FFF; }
    .product-menu .form-control:focus::-moz-placeholder {
      color: #FFF; }
    .product-menu .form-control:focus:-moz-placeholder {
      color: #FFF; }
    .product-menu .form-control:focus:-ms-input-placeholder {
      color: #FFF; }

.product-menu .collapse-icon:before {
  right: 25px; }

.product-menu .lfr-icon-menu .btn-default {
  background-color: transparent; }
  .product-menu .lfr-icon-menu .btn-default:active {
    box-shadow: none;
    color: #EEEFFA; }

.product-menu a {
  color: #EEEFFA; }
  .product-menu a:hover {
    color: #EEEFFA; }

.product-menu .dropdown-menu a {
  color: inherit; }

.product-menu .nav-equal-height .nav > .active, .product-menu .nav-equal-height > .active {
  border-left: 4px solid #FFF;
  font-weight: 700;
  margin-left: -24px;
  padding-left: 20px; }

.product-menu .nav-equal-height > .active > a, .product-menu .nav-equal-height > .active > a:focus, .product-menu .nav-equal-height > .active > a:hover, .product-menu .nav-equal-height .nav > .active > a, .product-menu .nav-equal-height .nav > .active > a:focus, .product-menu .nav-equal-height .nav > .active > a:hover {
  color: #FFF; }

.product-menu .nav-equal-height > .active, .product-menu .nav-equal-height .nav > .active {
  border-left-color: #FFF; }

.product-menu .nav-equal-height-heading:focus, .product-menu .nav-equal-height-heading:hover {
  background-color: transparent; }

.product-menu .nav-equal-height-heading .collapse-icon:after, .product-menu .nav-equal-height-heading .collapse-icon.collapsed:after {
  background-color: #1A2126;
  height: 12px; }

.product-menu .nav-equal-height-heading .collapse-icon:before {
  color: #EEEFFA;
  content: "";
  font-size: 15px;
  left: -8px; }

.product-menu .nav-equal-height-heading .collapse-icon.collapsed:before {
  content: ""; }

.product-menu .nav-nested-margins > li .nav > li {
  border-left: 2px solid #EEEFFA; }
  .product-menu .nav-nested-margins > li .nav > li .nav > li {
    border-left: 1px dotted #EEEFFA; }
    .product-menu .nav-nested-margins > li .nav > li .nav > li.active {
      border-left: 1px solid #FFF; }
      .product-menu .nav-nested-margins > li .nav > li .nav > li.active > a {
        color: #FFF; }

.product-menu .sidebar-header {
  background-color: #272833;
  color: #D5D6E1; }
  .product-menu .sidebar-header a {
    color: #FFF; }
    .product-menu .sidebar-header a:focus, .product-menu .sidebar-header a:hover {
      color: #FFF; }

.product-menu a.list-group-heading, .product-menu button.list-group-heading, .product-menu .list-group-heading[data-toggle="collapse"] {
  color: #FFF; }

.product-menu .list-group {
  box-shadow: none;
  margin-bottom: 0; }

.product-menu .list-group-heading.goto-link {
  color: #EEEFFA;
  font-size: 0.8rem; }
  .product-menu .list-group-heading.goto-link:hover {
    text-decoration: underline; }

.product-menu .list-group-heading > .panel-toggler,
.product-menu .panel-title > .panel-toggler {
  line-height: 32px;
  padding: 10px 44px 10px 24px; }

.product-menu .list-group-heading .aspect-ratio-bg-cover,
.product-menu .panel-title .aspect-ratio-bg-cover {
  background-size: contain; }

.product-menu .list-group-heading .site-administration-toggler,
.product-menu .panel-title .site-administration-toggler {
  padding-right: 85px; }

.product-menu .list-group-heading {
  background-color: transparent;
  border-color: transparent;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
  word-wrap: normal;
  word-break: normal; }
  .product-menu .list-group-heading.active {
    background-color: #393A4A; }
    .product-menu .list-group-heading.active + div {
      background-color: #393A4A; }
  .product-menu .list-group-heading:after {
    background-color: transparent;
    height: 0; }
  .product-menu .list-group-heading:focus, .product-menu .list-group-heading:hover {
    background-color: transparent; }
  .product-menu .list-group-heading.collapsed {
    font-weight: 400; }

.product-menu .list-group-heading.collapsed:after {
  background-color: transparent;
  height: 0; }

.product-menu .list-group-heading {
  padding-left: 24px; }

.product-menu .list-group-item {
  border-width: 0;
  padding: 8px 8px 8px 24px; }

.product-menu .collapse > .list-group-item, .product-menu .collapsing > .list-group-item {
  background-color: transparent; }

.product-menu .nav > li > a:focus, .product-menu .nav > li > a:hover {
  background-color: transparent; }

.product-menu .panel {
  background-color: transparent;
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  box-shadow: none;
  color: #EEEFFA; }
  .product-menu .panel:not(:first-of-type) {
    border-top: 1px solid #393A4A; }

.product-menu .panel-body {
  background-color: #30313F;
  padding: 0; }

.product-menu .panel-group {
  margin-bottom: 0; }
  .product-menu .panel-group .panel + .panel {
    margin-top: 0; }
  .product-menu .panel-group .panel-heading + .panel-collapse > .panel-body, .product-menu .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top-width: 0; }
  .product-menu .panel-group .panel-heading + .panel-collapse.in, .product-menu .panel-group .panel-heading + .panel-collapse.collapsing {
    border-bottom: 2px solid #65B6F0; }

.product-menu .panel-header, .product-menu .panel-heading {
  border-bottom-width: 1px;
  font-size: inherit;
  line-height: 1.5;
  position: relative; }
  .product-menu .panel-header .panel-title > .panel-toggler:not(.collapsed), .product-menu .panel-heading .panel-title > .panel-toggler:not(.collapsed) {
    background-color: #393A4A;
    border-left: 4px solid #65B6F0;
    font-weight: 700;
    padding-left: 20px; }
  .product-menu .panel-header .panel-title > .panel-toggler .category-name, .product-menu .panel-header .panel-title > .panel-toggler .user-name, .product-menu .panel-header .panel-title > .panel-toggler .site-name, .product-menu .panel-heading .panel-title > .panel-toggler .category-name, .product-menu .panel-heading .panel-title > .panel-toggler .user-name, .product-menu .panel-heading .panel-title > .panel-toggler .site-name {
    color: #FFF; }

.product-menu .panel-header .collapse-icon-closed, .product-menu .panel-header .collapse-icon-open {
  font-size: inherit;
  top: 50%; }

.product-menu .panel-header.panel-heading {
  border-bottom-width: 0;
  padding: 0; }

.product-menu .user-icon, .product-menu .sticker {
  display: inline-block;
  float: left;
  margin-right: 16px;
  position: static;
  vertical-align: middle; }

.product-menu .icon-sites {
  position: absolute;
  right: 46px;
  top: 9px;
  z-index: 1; }
  .product-menu .icon-sites a {
    color: #FFF; }

.product-menu .scope-selector span {
  color: #FFF; }

.product-menu .staging-links a, .product-menu .staging-links .links-separator {
  color: #EEEFFA; }

.product-menu .staging-links .active {
  color: #FFF;
  font-weight: 600; }

.product-menu .staging-links .links-separator {
  padding: 0 5px; }

.product-menu .text-muted {
  opacity: 0.3; }

.product-menu-expanded.sidebar-body {
  overflow: visible; }

.product-menu-expanded.sidenav-fixed.sidenav-menu-slider {
  overflow: auto;
  visibility: visible;
  width: 100%; }