.movement-selection-combobox .dxbl-listbox {
  max-height: 365px !important;
  overflow-y: auto;
  background-color: var(--table-background-color);
  color: var(--table-text-color);
}
.movement-selection-combobox .dxbl-listbox .dxbl-listbox-item {
  font-size: 1.5em;
  margin: 0.2em;
}

.manual-operation-view {
  grid-template-rows: auto auto 1fr;
  word-break: normal;
  grid-gap: 0;
}
.manual-operation-view .movement-selection {
  font-size: 1.2em;
}
.manual-operation-view .movement-selection .dxbl-text-edit {
  --dxbl-text-edit-font-size: 1em;
  width: 100%;
  margin-right: 0.4em;
}
.manual-operation-view .movement-selection .card-body {
  padding-top: 1em;
  padding-bottom: 1em;
}
.manual-operation-view .movement-selection .card-body .list-group {
  align-self: center;
}
.manual-operation-view .movement-selection .card-body .list-group .list-group-item {
  padding: 0.25em 0.5em;
  min-width: 15em;
  border-color: gray;
  background-color: transparent;
}
.manual-operation-view .movement-selection .lock-snap-button {
  min-height: 50px;
  min-width: 130px;
}
.manual-operation-view .btn-disabled {
  pointer-events: none;
  opacity: 0.7;
}
.manual-operation-view .movement-buttons-and-values .card-body {
  padding-top: 0.5em !important;
  padding-bottom: 1.7em !important;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons {
  min-height: 5em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1%;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container {
  display: flex;
  flex-direction: column;
  align-items: center; /* Zentriere den Text und den Button horizontal */
  justify-content: center; /* Zentriere den Text und den Button vertikal */
  padding: 0;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .manual-operation-label {
  font-weight: bold;
  margin-bottom: 0.1em;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .btn.manual-operation-button {
  width: 100%;
  /*margin-left: $margin;*/
  /*margin-right: $margin;*/
  border-width: 0.1em;
  padding: 0.5em;
  font-size: 1.1em;
  min-height: 4em;
  border-radius: 0.25em;
  background-color: var(--primary);
  color: var(--primary-color);
  border-color: #545454;
  word-break: normal;
  box-shadow: none;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .btn.manual-operation-button:hover {
  background: var(--hover-background);
  background-color: var(--primary);
  color: var(--primary-color);
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .btn.manual-operation-button.pressed {
  border-width: 0.4em;
  padding: 0.2em;
  border-color: royalblue;
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .btn.manual-operation-button.active {
  background-color: var(--success);
  color: var(--success-color);
}
.manual-operation-view .movement-buttons-and-values .card-body .manual-operation-buttons .container .btn.manual-operation-button.manop-btn-click-disabled {
  pointer-events: none;
  opacity: 0.7;
}
.manual-operation-view .movement-buttons-and-values .card-footer {
  padding: 0;
}
.manual-operation-view .movement-buttons-and-values .card-footer .manual-operation-plc-values {
  margin: 1.3em 1% 1.3em 1%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1%;
}
.manual-operation-view .movement-buttons-and-values .card-footer .manual-operation-plc-values .manual-operation-plc-actual-values, .manual-operation-view .movement-buttons-and-values .card-footer .manual-operation-plc-values .manual-operation-plc-set-values {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
}
.manual-operation-view .movement-buttons-and-values .card-footer .manual-operation-plc-values .dxbl-col {
  --dxbl-row-item-spacing-y: 0.6em;
}
.manual-operation-view .movement-buttons-and-values .card-footer .manual-operation-plc-values .dxbl-col .dxbl-fl-cpt {
  overflow-wrap: break-word;
  white-space: unset;
}
.manual-operation-view .movement-buttons-and-values .card-footer .name-value-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 2px;
  font-size: 1.1em;
}
.manual-operation-view .movement-buttons-and-values .card-footer .name-value-grid .name {
  grid-column: 1/span 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.manual-operation-view .movement-buttons-and-values .card-footer .name-value-grid .value {
  grid-column: 2/span 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.manual-operation-view .manual-operation-alarm-table .alarm-table {
  min-height: unset;
}

.manual-operation-menu-popup {
  height: 70%;
  max-height: 70%;
  min-width: 1000px;
}
.manual-operation-menu-popup .dxbl-modal-body .manual-operation-alarm-table .card-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.2rem;
}