.mat-form-field {
  &.qms-select-input {
    .qms-select {
      min-width: 100%;
    }

    .mat-select-trigger {
      margin-right: 0.75em;
      .mat-select-arrow-wrapper {
        display: block;
      }
    }

    .qms-btn-text {
      margin-right: 0.75em;
    }
  }
}

.qms-select-panel,
.qms-select-multiple-panel {
  .mat-option-text {
    display: flex;
    align-items: center;
    .qms-option-suffix {
      position: absolute;
      right: 0;
    }
  }
}

.qms-select-panel, .no-check-box, .mat-select-search-panel, .mat-select-search-inner {
  margin-top: 32px;

  .mat-option.mat-selected:not(.mat-option-disabled) {
      color: $primary !important;
  }

  .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
      background-color: $primary !important;
  }

  .opt-check-icon {
    .mat-option-text {
      display: flex;
      justify-content: space-between;
      .check-icon {
        margin-right: 0
      }
    }
  }

  /* width */
  &::-webkit-scrollbar {
    width: 12px;
  }

  /* Track */
  &::-webkit-scrollbar-track {
    background: transparent;
    background-clip: content-box;
  }

  /* Handle */
  &::-webkit-scrollbar-thumb {
    background: black(0.38);
    border-radius: 20px;
    width: 4px;
    border: 4px solid transparent;
    background-clip: content-box;
  }

  /* Handle on hover */
  &::-webkit-scrollbar-thumb:hover {
    background: black(0.5);
    background-clip: content-box;
    border: 4px solid transparent;
  }
}

.qms-select-multiple-panel {
  min-width: calc(100% + 2.125em) !important;
  margin: 2.125em 0 0px 1.75em;
}
