// переопределие стилей компонентов
@forward "application/ui/layout/core-page";
// controls
@forward "application/ui/controls/sellan.core.field.type.bool";
@forward "application/ui/controls/card/sellan.core.card.panel";
// авторизация
@forward "application/ui/authorization/sellan.core.auth.recovery";
@forward "application/ui/authorization/sellan.core.auth.registrate";
@forward "application/ui/authorization/sellan.core.auth.signin";
// widgets
@forward "application/widgets/sellan.widgets.factoring-tile";
@forward "application/widgets/sellan.widgets.instruction";
@forward "application/widgets/sellan.widgets.ras";
@forward "application/widgets/sellan.widgets.registrate.reglament-sign";
// chat
@forward "ui/chat/chat-components/sellan.core.chat.item.scss";
// notifications
@forward "ui/notification/notifications.scss";

// new-menu
.sln-hide-menu {
  .mat-expansion-indicator {
    display: none !important;
  }
  .sln-left-li img {
    margin-left: 10px;
  }
  .nav {
    li {
      width: 100%;
      position: relative;
      a {
        width: 96%;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0;
        position: relative;
      }
    }
    .mat-accordion {
      width: 90%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }
  img {
    width: 37px !important;
  }
  .mat-expansion-panel-header {
    cursor: default;
    padding: 0 !important;
    width: 100% !important;
  }
  mat-expansion-panel {
    width: 100%;
  }
  .mat-expansion-panel-header-title {
    flex-direction: column !important;
  }
}

:host ng-scrollbar {
  max-width: 121% !important;
  max-height: 100% !important;
  width: 121% !important;
  position: relative;
  z-index: 9;
}
::ng-deep {
  .scrollbar {
    width: 1px;
    border-radius: 4px;
  }
  .scrollbar-thumb {
    right: 0;
    width: 1px;
  }

  .ng-scrollbar-track-wrapper:has(> .sln-crl-core-page) {
    right: 28px !important;
  }

  .ng-scrollbar-track-wrapper:has(> .sln-crl-core-page-hidden) {
    display: none !important;
  }
}

