#sln-page-wrapper {
  background: var(--ADD-COLOR-2);
}

.sln-support,
.sln-support-hide {
  border-top: 3px solid var(--ADD-COLOR-2);
}

.sln-mat-menu {
  color: var(--GRAY-SOFT);
  letter-spacing: 0.01em;
  font-family: var(--font-medium);
}
.sln-about-person {
  .clear a {
    font-family: var(--font-bold);
  }
  .admin {
    small {
      font-family: var(--font-medium);
    }
  }
}

// left menu
.nav-label {
  color: var(--GRAY);
  font-size: 11px;
  text-transform: uppercase;
  font-family: var(--font-bold);
  margin: 0;
  margin-left: 1px;
  :hover {
    color: var(--PRIMARY);
  }
  :active {
    color: var(--PRIMARY);
  }
  p {
    font-family: var(--font-bold);
    font-size: 11px;
  }
}
// второй уровень меню
.nav-second-level-list {
  a {
    color: var(--DARK-GREY);
    font-family: var(--font-medium);
    font-size: 15px;
    text-transform: none !important;
    line-height: 105%;
  }
  a:hover {
    color: var(--PRIMARY);
  }
}

.sln-left-li:hover a {
  color: var(--PRIMARY);
}
.nav-second-level-list .sln-left-li:hover {
  background: #f5f5f5;
}
.nav-second-level-list li {
  border-left: none;
}

.sln-menu-reports-text {
  padding-left: 0px;
}
.dashboard {
  .sln-left-li {
    padding: 0px 25px 0 29px !important;
  }
  .sln-nav-item-text {
    margin: 0 !important;
  }
}
// ::hover
.dashboard:hover {
  background: #f5f5f5;
}
.dashboard:hover::before {
  content: "";
  border-left: 4px solid var(--PRIMARY);
  position: absolute;
  left: 0;
  top: 0;
  height: 54px;
}
.sln-left-li:hover::before {
  content: "";
  border-left: 4px solid var(--PRIMARY);
  position: absolute;
  left: 0;
  top: 0;
  height: 54px;
}
.sln-li-hover .nav-label {
  font-family: var(--font-bold);
  color: var(--GRAY);
}
.nav-label:active {
  color: var(--PRIMARY);
}
.nav-label p:focus {
  color: var(--PRIMARY);
}
.nav-label p:active {
  color: var(--PRIMARY);
}
.sln-menu-panel-header {
  display: block;
}
.sln-menu-panel-header:hover::before {
  content: "";
  border-left: 4px solid var(--PRIMARY) !important;
  position: absolute;
  height: 54px;
  left: 0;
  z-index: 2;
}
.sln-menu-panel-header:hover {
  background: #f5f5f5 !important;
}
.sln-menu-panel-header:hover::before {
  content: "";
  border-left: 4px solid var(--PRIMARY) !important;
  position: absolute;
  height: 54px;
  left: 0;
  z-index: 2;
}
.mat-expansion-panel-header:hover .nav-label {
  color: var(--PRIMARY);
}
.sln-left-li:hover a {
  color: var(--PRIMARY);
}
.sln-ul-hover:hover {
  background: #f5f5f5 !important;
  color: var(--PRIMARY);
}

.sln-accordion > .sln-menu-panel-header .sln-li-hover.sln-menu-li-simple-icon {
  padding-left: 24px;
}

// ======== open menu ===========
.menu:hover .nav-label p {
  color: var(--PRIMARY);
}
.menu:hover span p {
  color: var(--PRIMARY);
}
.sln-left-li:hover span {
  color: var(--PRIMARY);
}
.sln-left-li:hover a {
  color: var(--PRIMARY);
}
.sln-menu-desctop {
  display: none;
}

.sln-item-text {
  color: var(--DARK-GREY);
  font-size: 15px;
  font-family: var(--font-medium);
  margin: 0 0 0 5px;
  text-transform: none;
  text-decoration: none;
  line-height: 105%;
  &.sln-item-text-title {
    color: var(--DEFAULT);
    font-weight: normal;
  }
}

.sln-menu-panel-header:hover:has(.sln-menu-panel-block-title) {
  &:before {
    content: none !important;
  }
  .sln-item-text-title {
    color: var(--DEFAULT) !important;
  }
}
.numbers {
  align-items: center;
}
// support
.sln-support-p {
  color: var(--GRAY);
  font-size: 12px;
  letter-spacing: 0.032em;
  text-transform: uppercase;
  font-family: DinProBold;
  padding-left: 5px;
  &:hover {
    color: var(--PRIMARY);
  }
}
.sln-support-p {
  color: var(--GRAY);
  font-size: 12px;
  letter-spacing: 0.032em;
  text-transform: uppercase;
  font-family: DinProBold;
  padding-left: 5px;
  &:hover {
    color: var(--PRIMARY);
  }
}
.sln-support:hover {
  background: rgba(0, 0, 0, 0.04);
}

.open-menu {
  min-width: 280px;
  height: 100%;
}
.mat-expansion-panel-header:hover .sln-item-text,
.mat-expansion-panel-header:hover .sln-factoring-settings-text {
  color: var(--PRIMARY);
}

// для организации
.sln-menu-organization {
  background-image: url("../../../../../../../assets/themes/docplat/images/menu/menu.organizations.svg");
  margin-left: 0;
  margin-right: 5px;
}
#side-menu {
  width: 86%;
}
#side-menu-hide {
  .sln-menu-organizations {
    margin-left: 0;
    margin-right: 3.8px;
  }
  .mat-expansion-indicator {
    display: none;
  }
  .mat-accordion {
    width: 100%;
  }
}
.sln-org-li {
  display: flex;
  align-items: center;
  padding: 0 28px;
  cursor: pointer;
  &:hover {
    background: #f5f5f5;
    .sln-nav-item-text {
      color: var(--PRIMARY);
    }
  }
  &:hover::before {
    content: "";
    border-left: 4px solid var(--PRIMARY);
    position: absolute;
    left: 0;
    top: 0;
    height: 54px;
  }
}

.sln-menu-panel-block-title:hover {
  background: none !important;
  &:before {
    content: none !important;
  }
  .sln-item-text-title {
    color: var(--DEFAULT) !important;
  }
}
.sln-menu-panel-block-title:hover .sln-menu-li-simple-icon {
  background: none !important;
}
.sln-menu-panel-block-title:hover .sln-menu-li-simple-icon::before {
  content: none !important;
  border-left: none !important;
}

.sln-menu-panel-block-title strong {
  margin: 0;
}
