.alarm-view .alarm-table, .alarm-view .alarm-statistic-table, .alarm-table-widget .alarm-table, .alarm-table-widget .alarm-statistic-table {
  min-height: 15em;
  height: 100%;
  overflow: hidden;
}
.alarm-view .alarm-table .dxbl-grid, .alarm-view .alarm-statistic-table .dxbl-grid, .alarm-table-widget .alarm-table .dxbl-grid, .alarm-table-widget .alarm-statistic-table .dxbl-grid {
  height: 100%;
  overflow: auto;
}
.alarm-view .alarm-table .dxbl-grid:only-child, .alarm-view .alarm-statistic-table .dxbl-grid:only-child, .alarm-table-widget .alarm-table .dxbl-grid:only-child, .alarm-table-widget .alarm-statistic-table .dxbl-grid:only-child {
  grid-row: span 2;
}
.alarm-view .alarm-table .dxbl-grid .lower-padding, .alarm-view .alarm-statistic-table .dxbl-grid .lower-padding, .alarm-table-widget .alarm-table .dxbl-grid .lower-padding, .alarm-table-widget .alarm-statistic-table .dxbl-grid .lower-padding {
  padding: 0.25rem 1rem !important;
}
.alarm-view .alarm-table .dxbl-grid .lower-padding .alarm-number-container, .alarm-view .alarm-statistic-table .dxbl-grid .lower-padding .alarm-number-container, .alarm-table-widget .alarm-table .dxbl-grid .lower-padding .alarm-number-container, .alarm-table-widget .alarm-statistic-table .dxbl-grid .lower-padding .alarm-number-container {
  align-items: center;
  border-radius: 1rem;
  display: flex;
  height: 100%;
  padding: 0.25rem 0.75rem;
  width: fit-content;
}
.alarm-view .alarm-table .dxbl-grid .lower-padding .alarm-number-container p, .alarm-view .alarm-statistic-table .dxbl-grid .lower-padding .alarm-number-container p, .alarm-table-widget .alarm-table .dxbl-grid .lower-padding .alarm-number-container p, .alarm-table-widget .alarm-statistic-table .dxbl-grid .lower-padding .alarm-number-container p {
  margin: 0;
}

.latest-alarm {
  align-self: stretch;
  overflow: hidden;
  margin-right: 0.5rem;
}
.latest-alarm:has(~ .app-in-development) {
  width: 100%;
}
.latest-alarm a {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  background-color: firebrick;
  color: white;
  height: 100%;
  white-space: normal;
}
.latest-alarm a .alarm-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.latest-alarm a .alarm-icon {
  padding-right: 0.2em;
}
.latest-alarm.no-alarms a {
  background-color: var(--success);
}

.alarms-invalid-feedback {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.alarm-filters {
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 10px;
}
.alarm-filters .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  margin: unset;
}

.quit-alarms-button {
  color: black;
  font-weight: 600;
  float: right;
}
.quit-alarms-button .oi-quit-alarms:before {
  content: "\e0d8\e033";
}

.export-alarms-button {
  color: black;
  font-weight: 600;
  float: right;
}

.floating-button-container {
  display: flex;
  gap: 0.5em;
}

.alarm-button-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.2rem;
}
.alarm-button-container .alarm-quit-export-btn-group {
  display: flex;
  flex-direction: row;
  column-gap: 0.2rem;
}

.alarm-notification {
  max-width: 20rem;
  padding: 0 0.75rem 0 0.5rem;
  width: fit-content !important;
}
.alarm-notification p {
  margin: 0;
  overflow: hidden;
  padding: 0.25rem 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alarm-notification p .latest-alarm-number {
  border-radius: 2rem;
  padding: 0.25rem 0.5rem;
}

.alarm-view-popup {
  height: 80%;
  max-width: 50% !important;
  min-width: 500px;
}