/** Automatically converted from Process.css **/
.process-overview {
  height: 100%;
}

.process-overview-detail {
  height: 99%;
  width: 100%;
}

.process-overview-detail .header, .process-overview-detail .subheader {
  margin-left: 6px;
}

.process-overview-detail .subheader {
  overflow-y: auto;
  padding-top: 20px;
}

.process-overview-detail .subheader .icon {
  vertical-align: top;
}

.process-overview-detail td {
  position: relative;
  height: 100%;
}

.process-overview-detail .process-overview-header {
  height: 1px;
}

.process-overview-detail .detail-row {
  height: 1px;
}

.process-grid {
  padding-right: 39px;
  min-height: 120px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.process-grid .process-name-withoutlock {
  margin-left: 16px;
}

.process-grid .grid-header {
  left: 0px;
}

.process-grid .process-grid-process-version,
.process-grid .process-grid-process-projectCount {
  text-align: center;
}

.process-grid .process-grid-process-enabled {
  text-align: center;
}

.process-overview .process-toolbar {
  margin-left: 31px;
  margin-right: 39px;
}

.process-overview .process-error {
  display: inline-block;
  margin-left: 36px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: calc(100% - 36px);
}

.process-view {
  height: 100%;
  padding-top: 10px;
  margin-left: 16px;
}

.process-view .header {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: normal;
  font-size: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.process-details {
  position: relative;
  height: 100%;
}

.admin-process-nav {
  padding: 10px 0px 10px 16px;
  margin-left: -16px;
  width: calc(100% + 16px);
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  height: 62px;
}

.process-details-selector-container {
  width: auto;
}

.process-details-selector-container .filtered-list-dropdown-menu {
  float: left;
  margin-right: 10px;
}

.process-details-selector-container .selected-item-text {
  font-size: 18px;
  max-width: 300px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: lighter;
}

.admin-process-nav .process-details-pivot {
  float: left;
}

.pivot-view.process-details-tabs {
  margin-left: 0px;
}

.process-view .radio-selection input[type=radio] {
  margin-left: 0px;
}

.pivot-view.process-details-tabs li.selected a {
  font-weight: bold;
}

.process-details-pivot-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}

.process-work-item-type-block {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  padding-left: 16px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 36px;
  width: 100%;
  display: table;
}

.process-work-item-type-button {
  display: table-cell;
  vertical-align: middle;
}

.process-work-item-type-button span {
  vertical-align: middle;
}

.new-wit-input-box {
  width: 100%;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  outline: none;
}

.new-wit-learnmore-div {
  margin-top: 30px;
}

.process-work-item-type-block:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  cursor: pointer;
}

.process-work-item-type-tree-view > .tree-view > ul.tree-children li.node {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.process-work-item-type-tree-view > .tree-view > ul.tree-children li.node > ul li {
  border-bottom: none;
  padding-left: 16px;
}

.process-work-item-type-tree-view > .tree-view .folder > .node-link > .node-content {
  font-size: 13px;
  font-weight: normal;
  padding-left: 16px !important;
}

.process-work-item-type-tree-view > .tree-view .folder > .node-link > .node-content:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.process-details-pivot-content > .page {
  display: none;
  position: relative;
  height: 100%;
}

.process-details-pivot-content > .page.active {
  display: block;
}

.icon.process-system {
  overflow: hidden;
}

.icon.process-system:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -3312px;
  top: -16px;
}

.icon.process-inherited {
  overflow: hidden;
}

.icon.process-inherited:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -3280px;
  top: -16px;
}

.icon.process-custom {
  overflow: hidden;
}

.icon.process-custom:before {
  position: relative;
  content: url("../../_content/tfs-icons.png");
  left: -3280px;
  top: -16px;
}

.icon.process-system {
  background-color: rgba(0, 120, 212, 1) !important;
  background-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}

.icon.process-inherited {
  background-color: #68217a !important;
}

.icon.process-custom {
  background-color: rgba( 214, 127, 60 ,  1 ) !important;
  background-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ) !important;
}

.process-grid .icon {
  margin-right: 5px;
}

.process-content {
  display: block;
  padding-left: 20px;
}

.process-content .core-fields-checkbox {
  margin: 10px 0;
}

.process-content .core-fields-checkbox label {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.process-content span {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
  margin: 5px 0;
}

.process-info {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  margin: 20px 0 0 0;
}

.process-content-info {
  padding: 0;
}

.process-content .core-fields-checkbox input[type='checkbox'] {
  vertical-align: -3px;
}

.process-content input,
.process-content textarea {
  width: 410px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 3px;
  line-height: 16px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.process-content textarea {
  height: 80px;
  overflow: auto;
}

.process-content .input-container {
  padding: 20px 0 0 0;
}

.process-content > .input-container > span.label:first-of-type,
.process-content > .input-container > div.core-fields-checkbox:first-of-type {
  margin-top: 0;
}

.process-content > .input-container > div.core-fields-checkbox > input {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 16px;
}

.process-details .process-details-pivot-container {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}

.process-grid-view-header {
  height: 60px;
  font-size: 14px;
  padding: 20px 0 0 20px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  overflow-x: hidden;
  overflow-y: auto;
}

.process-field-grid-view {
  position: relative;
  height: 100%;
}

.process-admin-wit-toolbar {
  margin: 5px 16px 0 10px;
}

.process-admin-wit-toolbar .new-state-item {
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.process-admin-wit-toolbar .new-state-item.hover {
  border:  1px solid;
  border-color: rgba( 222, 236, 249 ,  1 );
  border-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.process-admin-wit-toolbar .new-state-item:focus {
  border: 1px solid black;
}

.process-field-grid-wrapper {
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
}

.process-field-grid {
  height: 100%;
}

.process-field-grid-required {
  font-weight: bold;
}

.process-field-grid-visible {
  font-weight: bold;
}

.process-field-grid-read-only {
  font-weight: bold;
}

.process-work-item-type-overview-content {
  display: block;
  padding-left: 0px;
}

.process-work-item-type-view-title {
  font-size: 18px;
  height: 44px;
  padding: 20px 0 0 20px;
}

.process-work-item-type-view-content {
  position: absolute;
  top: 44px;
  left: 0px;
  right: 0;
  bottom: 0;
}

.process-work-item-type-color {
  width: 6px;
  height: 20px;
  margin-bottom: 4px;
}

div.process-work-item-type-tree-view > div.tree-view div.process-work-item-type-node {
  height: 40px;
  padding-top: 9px;
}

div.process-work-item-type-tree-view > .process-work-item-type-node {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-weight: normal;
  font-size: 13px;
}

div.process-work-item-type-tree-view > div.tree-view div.process-work-item-type-view-node {
  height: 28px;
}

.process-content > .section-header {
  margin: 40px 0 20px 0;
}

.process-details-workitemtypes-view > .splitter.horizontal > .leftPane {
  left: -16px;
  overflow: auto;
  width: 216px;
}

.process-details-workitemtypes-view > .splitter.horizontal > .rightPane,
.process-details-workitemtypes-view > .splitter.horizontal > .handleBar {
  left: 216px;
}

.admin-confirm-dialog-text {
  padding: 0 15px 12px 12px;
}

.auto-scrollable-content {
  overflow: auto;
}

/* Process Layout styles */
.process-layout-grid {
  width: 100%;
  overflow-y: auto;
  overflow-x: auto;
  height: 100%;
  display: table;
  table-layout: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  border-collapse: separate;
  outline: none;
}

.process-layout-grid.readonly-process-grid {
  opacity: 0.5;
}

.process-layout-grid .control {
  padding-left: 1px;
}

.process-layout-grid .form-section {
  display: table-cell;
  min-width: 240px;
  vertical-align: top;
}

.process-layout-grid .form-section.wide-section {
  min-width: 480px;
}

.process-layout-grid .form-section.last-section {
  float: none !important;
}

.process-layout-grid .bottom-section {
  display: none;
}

.process-layout-grid .wrapping-container {
  min-width: 240px;
  display: table;
  height: 100%;
  width: 100% !important;
  border-spacing: 10px 0;
}

.process-layout-grid .work-item-control {
  width: 100%;
  padding-bottom: 12px;
}

.process-layout-grid .section-container {
  width: 100%;
  display: table-row;
  vertical-align: top;
}

.process-layout-grid .grid-group {
  padding: 0px 10px;
  margin-bottom: 20px;
}

.process-layout-grid .section1 .grid-group {
  padding-right: 0px;
}

.process-layout-grid .section3 .grid-group {
  padding-left: 0px;
}

.process-layout-grid .tfs-collapsible-collapse {
  float: right;
  margin-top: 10px;
}

.process-layout-grid .ui-tabs-panel .tfs-collapsible-collapse {
  margin-top: 0px;
}

.process-layout-grid .tfs-collapsible-content {
  padding: 0;
}

.process-layout-grid .ui-tabs-panel .tfs-collapsible-content {
  padding: 2px 2px 2px 20px;
}

.process-layout-grid .tfs-collapsible-header {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-bottom: 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.process-layout-grid .workitemlogcontrol .tfs-collapsible-collapse {
  float: none;
}

.process-layout-grid .workitemlogcontrol .tfs-collapsible-header {
  border: none;
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.process-layout-grid .tfs-collapsible-header.focus {
  background-color: transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 199, 224, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.process-layout-grid .workitemlogcontrol .tfs-collapsible-header.focus {
  background-color: none;
  border: none;
}

.process-layout-grid .work-item-control .toolbar {
  float: left;
}

.process-layout-primary-title-container {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
}

.process-layout-primary-title-container .control-contribution-error {
  margin-right: 3px;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.process-layout-text {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 15px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.process-layout-text-bold {
  font-weight: 700;
}

.process-layout-text-hidden {
  text-decoration: line-through;
}

.process-layout-custom-text {
  padding-left: 16px;
}

.process-layout-subtitle {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  clear: both;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.process-layout-control {
  border: 1px solid transparent;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 10px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.process-layout-control.process-layout-html-control {
  padding-left: 0;
  padding-top: 7px;
  padding-bottom: 5px;
}

.process-layout-control.process-layout-html-control .process-layout-icon-container {
  padding-left: 10px;
}

.process-layout-control.process-layout-html-control .process-layout-text {
  padding-bottom: 9px;
}

.process-layout-control.process-layout-html-control .process-layout-subtitle {
  margin-left: -15px;
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding-top: 5px;
  padding-left: 10px;
}

.process-layout-control.process-layout-html-control .process-layout-text-container {
  padding-bottom: 5px;
}

.process-layout-grid .icon {
  vertical-align: baseline;
}

.process-layout-grid .icon.bowtie-ellipsis {
  position: absolute;
  top: 4px;
  right: 10px;
  cursor: pointer;
}

.process-layout-group {
  border: 1px solid transparent;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 5px 0px 5px 10px;
  margin: 0px 0px 10px 0px;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.process-layout-group.process-layout-group-contribution {
  padding-left: 0;
  padding-top: 7px;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}

.process-layout-group.process-layout-group-contribution .process-layout-icon-container {
  padding-left: 10px;
}

.process-layout-group.process-layout-group-contribution .process-layout-group-text {
  padding-bottom: 9px;
}

.process-layout-group.process-layout-group-contribution .process-layout-subtitle {
  margin-left: -15px;
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding-top: 5px;
  padding-left: 10px;
}

.process-layout-sortable-placeholder {
  border:  2px dotted;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.process-layout-sortable-placeholder.not-droppable {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.group-controls > .process-layout-sortable-placeholder {
  margin: 0px 0px 2px 20px;
  height: 45px;
}

.section > .process-layout-sortable-placeholder {
  margin: 10px;
  height: 80px;
}

.process-layout-group-text {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 16px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: calc(100% - 40px);
}

.process-layout-grid:not(.readonly-process-grid) .process-layout-control:hover {
  outline: none;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.process-layout-grid:not(.readonly-process-grid) .grid-group:not(.process-layout-dragging) .process-layout-group:hover {
  outline: none;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.process-layout-grid:not(.readonly-process-grid) .process-layout-control:focus,
.process-layout-grid:not(.readonly-process-grid) .process-layout-control:focus:hover,
.process-layout-grid:not(.readonly-process-grid) .process-layout-control.drop-open {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.process-layout-grid:not(.readonly-process-grid) .grid-group:not(.process-layout-dragging) .process-layout-group:focus,
.process-layout-grid:not(.readonly-process-grid) .grid-group:not(.process-layout-dragging) .process-layout-group:focus:hover,
.process-layout-grid:not(.readonly-process-grid) .grid-group:not(.process-layout-dragging) .process-layout-group.drop-open {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.process-layout-dragging {
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.process-layout-dragging .process-layout-group:hover .bowtie-ellipsis,
.process-layout-dragging .process-layout-group:focus .bowtie-ellipsis,
.process-layout-dragging.process-layout-control:hover .bowtie-ellipsis,
.process-layout-dragging.process-layout-control:focus .bowtie-ellipsis,
.process-layout-control:not(:focus):not(:hover):not(.drop-open) .bowtie-ellipsis,
.process-layout-group:not(:focus):not(:hover):not(.drop-open) .bowtie-ellipsis {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  position: absolute;
}

.process-layout-form-wrapper {
  position: absolute;
  top: 98px;
  bottom: 0;
  left: 10px;
  right: 10px;
  margin-top: 10px;
}

.process-states-view {
  position: relative;
  width: 100%;
  height: 100%;
}

.process-states-grid-container {
  position: absolute;
  top: 103px;
  bottom: 0;
  left: 10px;
  right: 0;
}

.process-states-grid {
  height: 100%;
  position: relative;
  line-height: 20px;
  outline: 0;
}

.process-states-grid .process-states-grid-category-container {
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: inline-block;
  margin-top: 5px;
}

.process-states-grid .icon-inherited-form {
  vertical-align: top;
  margin-top: 2px;
}

.process-states-grid .workitem-state-circle {
  margin-top: 6px !important;
}

.process-states-grid .workitem-state-value {
  font-size: 14px;
}

.process-states-grid .process-states-grid-hidden .workitem-state-value {
  text-decoration: line-through;
}

.process-states-grid .process-states-grid-category-row.grid-row-hover, .process-states-grid .process-states-grid-category-row.grid-row-selected, .process-states-grid .process-states-grid-category-row.grid-row-selected-blur {
  background-color: transparent !important;
}

.vss-focus-visible .process-states-grid .grid-canvas:focus .grid-row-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-left: 1px solid black;
}

.inherited-process-message {
  padding-top: 3px;
}

.process-layout-grid .connected-section-controls {
  min-height: 20px;
}

.process-layout-grid .connected-section-groups {
  min-height: 20px;
  padding-bottom: 10px;
}

.process-layout-grid .connected-section-groups.empty-section {
  border:  1px dashed;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  padding: 10px;
  font-size: 14px;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.process-layout-grid .sort-disabled,
.process-layout-grid .sort-enabled {
  cursor: default;
}

.process-layout-grid .sort-enabled .bowtie-ellipsis {
  cursor: pointer;
}

.process-layout-icon-container {
  vertical-align: top;
  float: left;
  display: block;
  width: auto;
  padding-top: 3px;
  margin-right: 4px;
}

.process-layout-icon-container .no-icon {
  height: 16px;
  width: 16px;
  display: inline-block;
}

.process-layout-icon-container .bowtie-icon.bowtie-shop-server {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  margin-right: 2px;
}

.process-layout-text-container {
  display: block;
  width: auto;
  margin-left: 15px;
  position: relative;
}

.process-layout-group .process-layout-text-container {
  padding-bottom: 5px;
  margin-left: 15px;
}

.process-layout-group.readonly .process-layout-text-container {
  margin-left: 15px;
}

.remove-dialog-warning-td {
  vertical-align: top;
  padding-top: 12px;
}

.remove-field-dialog-text {
  word-break: break-word;
}

.remove-dialog-warning-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.remove-dialog-warning-icon:before {
  position: relative;
  content: url("../../_content/warning.png");
  left: 0;
  top: 0;
}

.process-field-error-pane {
  margin-right: 16px;
  margin-left: 20px;
}

.process-layout-view .tabstrip-control {
  height: 100%;
}

.process-layout-view .tabstrip-control .tabstrip {
  position: relative;
}

.process-layout-view .tabstrip-control .tabstrip .tabstrip-menu {
  position: absolute;
  top: 2px;
  right: 7px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container > div {
  height: 100%;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .empty-page-container {
  height: auto;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .page-contribution-container {
  height: auto;
  margin: 20px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .page-contribution-container img {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .page-contribution-container .page-contribution-label {
  margin-top: 10px;
  font-size: 20px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .page-contribution-container .page-contribution-publisher {
  margin-top: 2px;
  font-size: 13px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-content-container .page-contribution-container .page-contribution-description {
  margin-top: 30px;
  font-size: 15px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip {
  width: 150px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip.unsortable .header-icon {
  margin-left: 22px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip.page-hidden .header {
  text-decoration: line-through;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip.active .header {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip .header {
  font-size: 12px;
  width: 93px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip .header-icon {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip:hover {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection .tabstrip:focus {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  outline: none;
}

.process-layout-view .tabstrip-control-container.horizontal .tabstrip-collection-container {
  height: auto;
}

.state-view-grid-overlay {
  opacity: 0.8;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.process-layout-form-wrapper .empty-page-container {
  text-align: center;
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
}

.process-layout-form-wrapper .empty-page-container .empty-page-text {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
}

.process-layout-form-wrapper .empty-page-container .empty-page-href {
  font-size: 14px;
  font-weight: normal;
}

.control-busy-overlay .status-indicator.center td {
  vertical-align: inherit;
}

.error-message-area {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.error-message-area .bowtie-status-error {
  float: left;
  font-size: 10px;
  margin-right: 2px;
}

.process-common-textarea {
  height: auto !important;
  resize: none !important;
}

.process-common-textarea.disabled {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.collapse-button {
  cursor: pointer;
  left: 3px;
}

.disabled-block {
  cursor: pointer;
  margin-left: 12px;
  margin-top: 20px;
  margin-bottom: 3px;
}

.disabled-block .disabled-text {
  font-size: 13px;
  font-weight: normal;
  position: absolute;
}

.bowtie fieldset > div.input-error-tip,
.bowtie.modal-dialog fieldset > div.input-error-tip,
.modal-dialog .bowtie fieldset > div.input-error-tip {
  margin-top: 0;
}

/** Automatically converted from AddFieldDialog.css **/
.field-options-container .radio-button {
  margin-left: 0;
}

.field-definition-container .radio-button {
  margin-left: 0;
}

.picklist-elements {
  width: 321px;
  border: none;
  margin-left: 84px;
}

.picklist-gripper-container {
  width: 12px;
  display: inline-block;
}

.add-new-item-button-container {
  height: 22px;
  display: inline-block;
}

.add-new-item-button-container:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  cursor: pointer;
}

.add-new-item-button-container .add-item-text {
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 3px;
}

.add-new-item-button-container .bowtie-icon {
  margin-left: 3px;
  margin-top: 3px;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.delete-listitem {
  position: relative;
  top: -3px;
  margin-left: 5px;
}

.picklist-elements .default-item {
  font-weight: bold;
}

.field-name {
  padding-left: 8px;
}

.field-description-cell {
  padding-left: 8px;
}

.field-type {
  padding-left: 8px;
  padding-bottom: 20px;
}

.existing-field {
  padding-left: 8px;
  padding-bottom: 20px;
}

#existing-field-label {
  padding-right: 51px;
}

input[class="new-item-name"]::-webkit-outer-spin-button,
input[class="new-item-name"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[class="new-item-name"] {
  -moz-appearance: textfield;
}

.listitem-border {
  border: solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border-left: none;
  border-right: none;
  border-top: none;
  border-width: thin;
}

.listitem-text {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 2px;
  padding-left: 2px;
}

.new-item-name {
  vertical-align: middle;
  margin-right: 1px;
}

.add-edit-field-dialog .bowtie input[type=text].new-item-name {
  width: 214px;
}

#picklist-error-message {
  margin-bottom: 1px;
  height: 20px;
  width: 316px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#picklist-items-text {
  padding-top: 4px;
}

#edit-field-definition-lock-message {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 20px;
}

#edit-field-definition-lock-message i {
  font-size: 28px;
}

#edit-field-definition-lock-message span {
  padding-left: 12px;
  vertical-align: bottom;
}

.unsortable-list {
  list-style-type: none;
  list-style: none;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}

.sortable-list {
  list-style-type: none;
  list-style: none;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}

.picklist-elements li {
  height: 25px;
  vertical-align: bottom;
}

.picklist-elements li:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  cursor: pointer;
}

.picklist-elements li:focus {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  outline: none;
}

.sortable-list li .gripper {
  background-image: url("../../_content/icon-gripper-small.png");
  width: 12px;
  height: 12px;
  display: inline-block;
}

.sortable-list li .gripper:hover {
  background-image: url("../../_content/icon-gripper-small-hover.png");
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
}

.ui-dialog.add-edit-field-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar {
  margin-bottom: 0;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .radio-label,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .radio-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-weight: bold;
  display: inline;
  vertical-align: top;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .input-table > div {
  margin-top: 3px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-table .spacer {
  height: 5px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .input-table .new-field-name {
  width: 316px;
  outline: none;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .input-section .is-field-visible-label {
  display: inline;
  margin-left: 2px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section1-info-container {
  margin-top: 10px;
  display: none;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section1-info-container .icon.icon-info {
  margin-right: 5px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section1-info-container .info-text {
  vertical-align: bottom;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section1-info-container .section1-icon {
  margin-top: 20px;
  margin-left: 35px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container label {
  display: inline;
  vertical-align: top;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  line-height: 200%;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-radio-label {
  vertical-align: bottom;
  padding-left: 5px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-radio-button {
  margin: 0px;
  margin-top: 6px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-name,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-form-name {
  outline: none;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-name {
  width: 388px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .input-table label {
  padding-right: 10px;
  line-height: 200%;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance {
  grid-template-areas: 'show-field   show-field'
 'label-label  label-input'
 'page-label   page-input';
  padding: 5px 25px 0 0;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance .show-field-in-form {
  grid-area: show-field;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance label.user-input-label {
  grid-area: label-label;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance label.user-input-page {
  grid-area: page-label;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance .user-input-label,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance .user-input-page {
  min-width: 150px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance .user-input-label {
  grid-area: label-input;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .field-appearance .user-input-page {
  grid-area: page-input;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group {
  grid-template-areas: 'existing-group-input-section   existing-group-input-section'
 'existing-group-label           existing-group-input'
 'new-group-input-section        new-group-input-section'
 'new-group-label                new-group-input';
  padding: 25px 25px 0 0;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .existing-group-input-section {
  grid-area: existing-group-input-section;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .existing-group-label {
  grid-area: existing-group-label;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .existing-group-input {
  grid-area: existing-group-input;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-input-section {
  grid-area: new-group-input-section;
  margin-block-start: 20px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-label {
  grid-area: new-group-label;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-input {
  grid-area: new-group-input;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-input,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .existing-group-input {
  min-width: 150px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .existing-group-label,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-label {
  margin-inline-start: 30px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .control-group .new-group-input .group-name {
  width: 100%;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container textarea {
  width: 316px;
  overflow-y: auto;
  padding: 0 0 0 2px;
  resize: none;
  height: 60px;
  outline: none;
}

.ui-dialog.add-edit-field-dialog .field-definition-container .form-section {
  position: absolute;
  bottom: 0px;
}

.ui-dialog.add-edit-field-dialog .list > div.wrap {
  padding-left: 0px;
}

.ui-dialog.add-edit-field-dialog .field-definition-container .existing-field input::-ms-clear {
  display: none;
}

.ui-dialog.add-edit-field-dialog .bowtie-chevron-down-light.drop {
  right: 0px;
}

.ui-dialog.add-edit-field-dialog .combo > div.wrap > input.disabled[type=text] {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.ui-dialog.add-edit-field-dialog .virtualizing-list-view.scroll > .items {
  right: 0;
}

.ui-dialog.add-edit-field-dialog input[type=text] {
  padding: 0 8px;
}

.ui-dialog.add-edit-field-dialog .ui-dialog-content .header-layout {
  border-left: 5px solid black;
  font-size: 14px;
  margin: 10px;
  padding-left: 5px;
}

.ui-dialog.add-edit-field-dialog .ui-dialog-content .contents {
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
}

.ui-dialog.add-edit-field-dialog:not(.ui-dialog-legacy) .ui-dialog-content {
  overflow: visible;
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs {
  float: left;
  width: 130px;
  height: 100%;
  border-right:  1px solid;
  border-right-color: rgba( 234, 234, 234 ,  1 );
  border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs ul li {
  margin: 0;
  padding: 10px;
  cursor: pointer;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border-top:  1px solid;
  border-top-color: rgba( 255, 255, 255 ,  1 );
  border-top-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-left:  1px solid;
  border-left-color: rgba( 255, 255, 255 ,  1 );
  border-left-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  outline: none;
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs li:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs li:focus {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border: 1px solid;
  outline: 1px dashed;
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs ul li.selected {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.ui-dialog.add-edit-field-dialog .contents .add-field-dialog-tabs ul li.selected:not(:focus) {
  border-top:  1px solid;
  border-top-color: rgba( 222, 236, 249 ,  1 );
  border-top-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-left:  1px solid;
  border-left-color: rgba( 222, 236, 249 ,  1 );
  border-left-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents {
  width: auto;
  display: block;
  margin-left: 135px;
  margin-top: 10px;
}

.ui-dialog.add-edit-field-dialog .field-definition-container .input-section,
.ui-dialog.add-edit-field-dialog .field-layout-container .input-section {
  margin-top: 10px;
}

.ui-dialog.add-edit-field-dialog .form-section p {
  margin: 0px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-section .current-datetime-label {
  margin-top: 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-section .is-required-checkbox,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-section .is-suggested-checkbox {
  vertical-align: bottom;
  margin-bottom: 6px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-section .is-required-label,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .input-section .is-suggested-label {
  display: inline-block;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  margin-left: 5px;
  margin-top: 0;
}

.ui-dialog.add-edit-field-dialog .field-definition-description,
.ui-dialog.add-edit-field-dialog .field-layout-description,
.ui-dialog.add-edit-field-dialog .field-options-description {
  padding: 0;
  margin: 24px 0;
}

.ui-dialog.add-edit-field-dialog .field-definition-description p,
.ui-dialog.add-edit-field-dialog .field-layout-description p,
.ui-dialog.add-edit-field-dialog .field-options-description p {
  padding: 0;
  margin: 24px 0;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container .field-options-description {
  margin-bottom: 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container .field-refName {
  margin-bottom: 10px;
  font-weight: 600;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .field-definition-description {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 142px;
  padding-left: 1px;
  right: 0;
  margin: 0 0 32px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .message-area-control.error-message.visible + .field-definition-container .field-definition-description {
  top: 65px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container .field-options {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 142px;
  padding-left: 1px;
  right: 0;
  margin: 0 0 32px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .message-area-control.error-message.visible ~ .field-options-container .field-options {
  top: 65px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .add-edit-field {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  top: 54px;
  left: 142px;
  padding-left: 1px;
  right: 0;
  margin: 0 0 32px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .message-area-control.error-message.visible ~ .field-layout-container .add-edit-field {
  top: 105px;
}

.ui-dialog.add-edit-field-dialog .field-options-container #default-value-option-block label {
  margin: 0 0 8px;
  padding: 0;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container .richeditor-container {
  max-height: 150px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-options-container .default-bool-value-radio-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: inline;
  vertical-align: top;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.message-area-control {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 95%;
  max-height: 75px;
  overflow: auto;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .input-section label {
  margin-top: 0;
  padding-top: 0;
  vertical-align: top;
  padding-right: 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-input,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-definition-container .input-table {
  margin-left: 24px;
  margin-top: 8px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .edit-field .input-table {
  margin-left: 0px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .input-table {
  margin-top: 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.new-field-name-error-message, .ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.field-form-name-error-message, .ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.group-name-error-message, .ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.existing-field-name-error-message, .ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.field-type-combo-error-message {
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container #field-visible-on-form-checkbox {
  margin-left: 0;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .add-group .name-label,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .page-layout-container .add-page .name-label {
  padding-right: 10px;
  vertical-align: initial;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .add-edit-field .spacer,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .add-group .spacer,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .add-page .spacer {
  height: 5px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-radio-container {
  margin-left: 10px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section-info-container .group-radio-input,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-radio-container .group-radio-input {
  margin-top: 30px;
  vertical-align: top;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section-info-container img {
  margin-left: 18px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .section-info-container .info-text {
  margin-left: 3px;
  vertical-align: bottom;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-radio-container img {
  margin-left: 12px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.group-form-name-error-message,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .page-name-error-message.error-message,
.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.page-form-error-message {
  width: 300px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .error-message.existing-field-name-error-message {
  margin-left: 24px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-combo-container {
  display: inline-block;
  width: 371px;
  padding-left: 13px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-label-container {
  display: inline-block;
  vertical-align: top;
  width: 35px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-input .group-name {
  width: 358px;
}

.ui-dialog.add-edit-field-dialog .contents .tab-contents .field-layout-container .group-input-section {
  margin-top: 20px;
}

.ui-dialog.add-edit-field-dialog .control-type-container .combo .combo-drop-popup.virtualizing-list-view > .items > li {
  height: 66px;
}

.ui-dialog.add-edit-field-dialog .control-type-container .combo {
  height: 66px;
}

.ui-dialog.add-edit-field-dialog .control-type-container .combo > div.wrap {
  padding: 2px;
  padding-right: 15px;
}

.ui-dialog.add-edit-field-dialog .control-type-container .control-combo {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  outline: none;
  height: 100%;
}

.control-combo .contribution-combo-item .contribution-combo-item-text {
  padding-top: 10px;
}

li .contribution-combo-item .contribution-combo-item-text {
  padding-top: 5px;
}

.ui-dialog.add-edit-field-dialog .contribution-combo-item .contribution-combo-item-text .contribution-combo-item-text-desc {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ui-dialog.add-edit-field-dialog .contribution-combo-item .contribution-combo-item-text .contribution-combo-item-text-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ui-dialog.add-edit-field-dialog .contribution-combo-item img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

li .contribution-combo-item img {
  margin-top: -4px;
}

.ui-dialog.add-edit-field-dialog .control-extension-definition-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .control-extension-definition-container .control-extension-definition-description {
  margin-bottom: 25px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-options-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-options-container .control-extensions-inputs-container {
  padding-left: 8px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-input-container .combo {
  width: 100%;
}

.ui-dialog.add-edit-field-dialog .control-extension-definition-container label {
  font-weight: bold;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 10px;
}

.ui-dialog.add-edit-field-dialog .control-type-container .combo .no-contributions-found {
  cursor: default;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  padding-top: 10px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container {
  position: absolute;
  top: 100px;
  right: 0;
  bottom: 0;
  left: 135px;
  overflow: auto;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .message-area-control {
  margin-top: 10px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .message-area-control .error-content {
  padding-bottom: 10px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-inputs-group-header {
  display: none;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-input-container {
  width: 100%;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-above {
  font-size: 14px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-right {
  font-size: 14px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-above .form-input-label {
  margin-bottom: 20px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-above .icon, .ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-above .form-input-label-right {
  bottom: 0;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-label-above .icon {
  position: absolute;
  left: 0;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-inputs-container .form-input-input-container textarea {
  resize: none;
  height: 100px;
}

.ui-dialog.add-edit-field-dialog .control-extensions-inputs-container .form-input-inputs-container .form-input-valid-column {
  padding-top: 5px;
}

.ui-dialog.add-edit-field-dialog .field-options-container > .field-options > .input-section > .field-options-description {
  margin: 10px 0;
  font-weight: 600;
}

.ui-dialog.add-edit-field-dialog .field-options-container .identity-default-value .identity-default {
  margin: 5px 5px 5px 30px;
  width: 356px;
}

.ui-dialog.add-edit-field-dialog .field-options-container .identity-default-value .identity-default .identity-picker-search-box span.identity-picker-resolved {
  padding: 0px;
  border: 1px solid #dadada;
  width: 366px;
}

.ui-dialog.add-edit-field-dialog .field-options-container .identity-default-value .identity-default .identity-picker-search-box span.identity-picker-resolved img.user-picture-resolved.element-2d-large {
  height: 30px;
  width: 30px;
}

.ui-dialog.add-edit-field-dialog .field-options-container .identity-default-value .identity-default .identity-picker-search-box input.identity-picker-input.element-height-large[type=text] {
  border: 1px solid #dadada;
  padding: 5px;
  width: 366px;
  line-height: normal;
}

/** Automatically converted from ProcessSelector.css **/
.process-selector-control .process-selector-actions {
  margin: 0px 10px 0 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.process-selector-control .process-selector-action {
  padding: 10px 0 0 0;
}

.process-selector-control .process-selector-actions.toolbar {
  height: auto;
  border-bottom-style: none;
  padding: 10px 0 10px 0;
}

.filtered-list-control.process-selector .toolbar .menu-item {
  display: block;
  margin: 0px;
  padding: 5px 0px 5px 5px;
  max-width: none;
}

.filtered-list-control.process-selector .toolbar .menu-item.hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  outline: none;
}

.filtered-list-popup .filtered-list-control.process-selector-control .filter-container {
  padding: 10px 10px 5px 10px;
}

.filtered-list-popup .filtered-list-control.process-selector .filter-container input {
  padding: 5px;
}

.filtered-list-popup .filtered-list-control.process-selector .filtered-list-tab-content .filtered-list > li.current-item {
  font-weight: normal;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.filtered-list-popup .filtered-list-control.process-selector .filtered-list > li.new-selection {
  font-weight: normal;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.filtered-list-popup .filtered-list-control.process-selector .filtered-list > li {
  margin: 0;
}

.filtered-list-popup .filtered-list-control.process-selector .filtered-list {
  margin-bottom: 10px;
}

.filtered-list-popup .filtered-list-control.process-selector .filtered-list:focus {
  outline: none;
}

.filtered-list-dropdown-menu.process-selector-menu:hover,
.filtered-list-dropdown-menu.process-selector-menu.menu-opened {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.filtered-list-popup .filtered-list-control.process-selector-control {
  padding-bottom: 0px;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border: 1px solid transparent;
  box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.4);
}