// переопределие стилей компонентов 
@forward "application/ui/modules/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;
    }
  }