#sln-page-wrapper {
  background: var(--LIGHT-GRAY);
}
#side-menu {
  width: 83%;
  border-top: none;
}
#side-menu-hide {
  .dashboard a {
    background-size: 40px;
  }
  .nav-label {
    background-size: 40px;
  }
}
.sln-support,
.sln-support-hide {
  border-top: 3px solid var(--GRAY-SOFT);
}

.sln-mat-menu {
  color: var(--DARK-GREY);
  letter-spacing: normal;
  font-family: var(--font);
}
.sln-about-person {
  .clear a {
    font-family: var(--font-bold);
  }
  .admin {
    small {
      font-family: var(--font-medium);
    }
  }
}

// стили для Организации
.sln-org-li {
  display: flex;
  align-items: center;
  min-height: 54px;
}
.sln-organizations {
  padding: 0 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  li {
    cursor: pointer;
  }
  .sln-menu-icon {
    margin-right: 0;
  }
  a {
    width: 100%;
  }
}
// left menu
.nav-label {
  color: var(--MIDLE-GRAY);
  font-size: 13px;
  text-transform: uppercase;
  font-family: var(--font-medium);
  :hover {
    color: var(--BLACK);
  }
  :active {
    color: var(--BLACK);
  }
  p {
    font-family: var(--font-medium);
    font-size: 13px;
    padding-left: 25px;
  }
}
// второй уровень меню
.nav-second-level-list {
  a {
    color: var(--MIDLE-GRAY);
    font-family: var(--font-medium);
    font-size: 13px;
  }
  a:hover {
    color: var(--BLACK);
  }
}
.sln-left-li:hover a {
  color: var(--BLACK);
}
.nav-second-level-list .sln-left-li:hover {
  background: var(--LIGHT-GRAY);
}
.nav-second-level-list li {
  border-left: 5px solid var(--SUCCESS);
  a {
    padding: 0 10px 0 5px !important;
  }
}
.sln-menu-reports-text {
  padding-left: 0px;
}
.sln-li-hover .nav-label {
  font-family: var(--font-medium);
  color: var(--MIDLE-GRAY);
}
.sln-li-hover.hover .sln-menu-li-simple-icon:before {
  border-left: none;
}
.nav-label:active {
  color: var(--MIDLE-GRAY);
}
.nav-label p:focus {
  color: var(--MIDLE-GRAY);
}
.nav-label p:active {
  color: var(--MIDLE-GRAY);
}
.dashboard:hover {
  background: none;
}
.dashboard:hover::before {
  content: "";
}
.sln-left-li:hover::before {
  content: "";
  border-left: none;
}
.mat-expansion-panel-header:hover::before {
  content: "";
  border: none;
}
.mat-expansion-panel-header.mat-expanded:hover {
  background: none;
}
.sln-left-li:hover a {
  color: var(--BLACK);
}
.menu:hover .nav-label p {
  color: var(--BLACK);
}
.menu:hover span p {
  color: var(--BLACK);
}
.sln-left-li:hover span {
  color: var(--BLACK);
}
.mat-expansion-panel-header:hover .nav-label {
  color: var(--BLACK);
}
/*.sln-direct-link:hover span {
  color: var(--BLACK);
}*/
.sln-left-li:hover a {
  color: var(--BLACK);
}
.mat-expansion-panel:not(.mat-expanded)
  .mat-expansion-panel-header:hover:not([aria-disabled="true"]) {
  background: none;
}
// support
.sln-support-p {
  color: var(--MIDLE-GRAY);
  font-size: 13px;
  letter-spacing: 0.032em;
  text-transform: uppercase;
  padding-left: 5px;
  font-family: var(--font-medium);
  &:hover {
    color: var(--BLACK);
  }
}
.open-menu {
  max-width: 283px;
}
// item
.sln-item-text,
.sln-factoring-settings-text {
  text-transform: uppercase;
  color: var(--MIDLE-GRAY);
  font-family: var(--font-medium);
  font-size: 13px;
  padding-left: 5px;
}

.mat-expansion-panel-header:hover .sln-item-text,
.mat-expansion-panel-header:hover .sln-nav-item-text,
.mat-expansion-panel-header:hover .sln-factoring-settings-text {
  color: var(--BLACK);
}

// ================ изменение иконки при focus ===============
.nav-label.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.organizations.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
.nav-label-dashboard {
  .sln-nav-item-text {
    display: block;
    width: 120px;
  }
}
.sln-menu-icon {
  height: 100%;
  display: flex;
  align-items: center;
}
// desctop
.sln-menu-desctop.sln-first-position-icon {
  background-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.desctop.svg");
}
.sln-menu-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
// Организации
.sln-menu-organization {
  background-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.organizations.svg");
}
.selected-icon-organization {
  display: none;
}
.sln-selected-menu-item .selected-icon-organization {
  display: flex;
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.organizations.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: right;
  -webkit-mask-position-y: center;
}

// рабочий стол
.sln-selected-menu-item .sln-menu-desctop.sln-first-position-icon {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.desctop.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Бизнес процессы
.sln-menu-buisness-process.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.buisness-process.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Документы
.sln-menu-documents.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.archive-documents.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Алгоритм распределения
.sln-menu-algorithm.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.distribution-algorithm.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Генерация документов
.sln-menu-generation.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.document-generation.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Финансовый модуль
.sln-menu-module.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.module.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Информационная безопастность
.sln-menu-security.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.information-security.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Отчеты
.sln-menu-reports.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/reports.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: right;
  -webkit-mask-position-y: center;
}
// Информирование
.sln-menu-informing.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/informing.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Документооборот
.sln-menu-document-management.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/document-management.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Документооборот
.sln-menu-edo.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/EDO-exchange.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Проверка сертификатов
.sln-menu-certificate-verification.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/certificate-verification.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Пользователи
.sln-menu-users.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.users.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 30px;
}
// Справочники
.sln-menu-directory.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.directory.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 31px;
}
// Настройки системы
.sln-menu-system-settings.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/menu.system-settings.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-size: 31px;
}
// календарь событий
.sln-menu-calendar.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/common/calendar-dot.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 22px;
}
// МЧД
.sln-menu-common-first-icon.active {
  background-image: none;
  -webkit-mask-image: url("../../../../../../../assets/themes/sellan/images/menu/common-first-icon.svg");
  background-color: var(--SUCCESS);
  -webkit-mask-position-x: left;
  -webkit-mask-position-y: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 30px;
}
// урна
.sln-common-action-delete-position {
  background-size: 20px;
  width: 20px;
  height: 20px;
  right: 18px;
}
// календарь событий
.sln-menu-calendar {
  background-size: 28px;
  height: 28px;
  width: 30px;
  background-position: right;
}
.sln-mwlCalendarView {
  border: 4px solid var(--INFO) !important;
}

.sln-access-schema-settings-button {
  border: 1px solid var(--GRAY);
}
