.process-variables-v2-details-container {
  position: relative;
  margin-top: 10px;
  min-width: 800px;
  height: calc(100% - 10px);
  width: 100%;
}

.process-variables-v2-details-container .variables-container {
  height: 100%;
  width: 100%;
}

.process-variables-v2-details-container .variables-container .variables-pivot {
  height: calc(100% - 60px);
  width: 100%;
  overflow: inherit;
}

.process-variables-v2-details-container .dtc-variables-pivot-container {
  min-width: 800px;
  margin-left: 10px;
}

.process-variables-v2-details-container .dtc-variables-pivot-container .variables-section {
  height: 100%;
}

.process-variables-v2-details-container .dtc-variables-pivot-container .dtc-variables-list {
  padding-bottom: 10px;
  max-height: 90%;
}

.process-variables-v2-details-container .dtc-variables-pivot-container .variables-grid-view-container {
  padding-right: 10px;
  height: 100%;
}

.process-variables-v2-details-container .dtc-process-variables-filters {
  margin-left: 10px;
  height: 60px;
  width: 65%;
}

.process-variables-v2-details-container .dtc-grid-list-view-pivot-icon {
  margin-right: 6px;
}

.process-variables-v2-details-container .flat-view-icon-container.dtc-variable-validation-error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.process-variables-v2-details-container .add-variable-btn {
  margin-left: 36px;
}

.process-variables-v2-details-container .dtc-variables-secret-icon {
  margin-left: 2px;
}

.process-variables-value-menu {
  display: none;
}

.row-selected .process-variables-value-menu {
  display: block;
}