#date-picker-search-calendar-view-container {
  margin: 10px 0;
}
#date-picker-search-calendar-view-container .project-filter-date-picker-container {
  margin-bottom: 5px;
}
.project-filter-date-picker-container {
  display: flex;
  align-items: center;
}

.project-filter-date-picker-container .date-picker-label {
  margin-right: 10px;
  width: 40px;
}

.project-filter-date-picker-container .date-time-picker-input-container input{
  height: 26px;
}

.search-in-calendar-view {
  margin-bottom: 10px;
  overflow: auto;
}

.search-in-calendar-view .search-area {}

.search-in-calendar-view .view-search-button {
  padding: 10px 5px;
}

/* MentionsEditor */

#mentions-editor-textarea {
  background-color: white;
  border: 1px solid #BEBEC8;
  border-radius: 5px;
}

#search-key-buttons,
.search-action-button-group {
  display: flex;
}

#search-key-buttons {
  margin-bottom: 4px;
}

.search-action-button-group {
  justify-content: flex-end;
  margin-top: 4px;
}
.search-action-button-group .view-search-button {
  flex: 1;
}

.search-action-button-group .view-search-button,
#search-key-buttons .view-search-button {
  font: normal normal normal 12px Lato;
  padding: 4px 5px;
  border-radius: 5px;
  color: var(--main-text-color);
  background-color: var(--secondary-background);
  border: var(--normal-button-border);
  border-color: #DCDCE6;
  text-align: center;
  cursor: pointer;
}
.view-search-button#clear-search-button,
.view-search-button#search-button{
  color: #50505A;
  background-color: #F5F5F7;
  border-color: #BEBEC8;
}

.search-action-button-group .view-search-button {
  flex: unset;
}
.search-in-calendar-view #search-key-buttons {
  margin-bottom: 0;
}

.search-in-calendar-view #search-key-buttons .view-search-button {
  margin-bottom: 5px;
}

#search-key-buttons .view-search-button:hover,
.search-action-button-group .view-search-button:hover,
#search-key-buttons .view-search-button:active,
.search-action-button-group .view-search-button:active {
  color: var(--active-normal-button-color);
  background-color: var(--active-normal-button-background);
  border: var(--active-normal-button-border);
}

[data-testid="mentionText"] {
  pointer-events: none;
  background-color: var(--main-hover-cell);
  max-width: 235px;
}

#zoom-result-container {
  width: 100%;
  overflow: auto;
}
.form #zoom-result-container {
  /* 103 is modal header height */
  height: calc(100vh - 103px); 
}

.user-task-list {
  max-height: 200px;
  overflow-y: auto;
}
.view-search-button:not(#search-button,#search-severity-button){
  margin-right: 3px;
}

.mention-suggestions > div {
  max-height: 250px;
  overflow-y: auto;
}