button.mat-menu-item {
  outline: none;
}
:host {
  .menu-content-open {
    pointer-events: auto;
    cursor: auto;
  }
  .fullMenu {
    max-width: 0%;
    min-width: 218px;
    --width: none;
  }
  .iconMenu {
    max-width: 3%;
    min-width: 35px;
    // max-width: 0%;
    // min-width: 35px;
    // --width: none;
  }
  ion-icon {
    color: #abacaf;
  }
  .items {
    cursor: pointer;
    font-size: 15px;
  }
  .items:hover {
    --background: rgba(0, 0, 0, 0.1);
    // border-left: 2px solid #a3a0fb;
  }
  .background-highlight {
    --background: rgba(0, 0, 0, 0.1);
    border-left: 4px solid #a3a0fb;
    --padding-start: 12px;
  }
  .background-highlight-icon {
    --background: rgba(0, 0, 0, 0.1);
    border-left: 4px solid #a3a0fb;
  }
  ion-label {
    color: #ffffff;
    padding-left: 20px;
  }
  // ion-label:hover {
  //   color: #f9fafc;
  // }
  .text-color {
    color: #f9fafc;
  }
  .my-icon {
    fill: #a5a4bf;
    width: 18px;
    // height: 20px;
  }
  .my-icon-menu {
    fill: #abacaf;
    width: 20px;
    height: 20px;
  }
  .my-icon-menu:hover {
    fill: #f9fafc;
    width: 20px;
    height: 20px;
  }
  ::ng-deep svg {
    width: 100%;
    height: 100%;
  }
  .collapse {
    cursor: pointer;
  }
  .fullMenuContent {
    --ion-background-color: #43425d;
    --width: 218px;
    width: 218px;
  }
  .iconMenuContent {
    --ion-background-color: #43425d;
    --width: 35px;
  }
  .fullSideMenuContent {
    transform: translateX(0) !important;
  }
  .iconSideMenuContent {
    transform: translateX(0) !important;
  }
  ::ng-deep .split-pane-md.split-pane-visible > .split-pane-side {
    border-right: 0;
  }
  //------------------- header toolbar --------------------------//
  .toolbar1 {
    height: 48px;
    padding-right: 20px;
    border: 1px solid
      var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
  }
  .bell-icon {
    float: right;
    fill: #7a8589;
    width: 20px;
    height: 20px;
  }
  .edit-icon {
    float: right;
    fill: #7a8589;
    width: 20px;
    height: 20px;
  }
  .search-icon {
    float: left;
    width: 20px;
    height: 20px;
    fill: #7a8589;
  }
  .verticalLine {
    border-left: 1px solid #dfe3e6;
    height: 22px;
    float: right;
  }
  .labelName {
    float: right;
    font-size: 14px;
    color: #7a8589;
    padding-right: 10px;
    padding-top: 4px;
  }
  mat-chip {
    max-width: 93px;
    min-height: 20px;
    min-width: 93px;
  }
  .mat-chip.mat-standard-chip {
    background-color: #43425d;
  }
}