.dropdown-menu {
  width: 370px;
  @media(min-width: 768px) {
    width: 600px;
  }
}

:host {
  --ng-select-border-radius: var(--bs-border-radius);
  --ng-select-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}

:host ::ng-deep .ng-select-container {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  height: 100% !important;
}

:host ::ng-deep .rounded-end .ng-select-container {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

:host ::ng-deep .ng-select {
  max-width: 100px;
  min-width: 35%;
  font-size: 14px;
}

:host ::ng-deep .doc-link-select {
  padding-top: 0 !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  background-image: none !important;

  .ng-select-container,
  .ng-select.ng-select-opened > .ng-select-container {
    border: none !important;
    min-height: 34px !important;
    background: none !important;
  }
  .ng-select {
    max-width: 200px;
    min-width: 140px;
  }
}

.date-mode .btn {
  --bs-btn-color: var(--bs-secondary-color);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-border-color: var(--bs-border-color);
  --bs-btn-active-bg: transparent;
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-border-color);
}