/*DSW style sheet*/
.dsw-configuration-panel .disablePicker {
  pointer-events: none;
  opacity: 0.5;
}

.dsw-configuration-panel .bd-picker, .dsw-configuration-panel .bd-picker-searchable {
  width: 399px;
  margin: 2px;
  margin-right: 0px;
  height: 90px;
}

.dsw-configuration-panel .bd-picker .input-field-label, .dsw-configuration-panel .bd-picker-searchable .input-field-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .bd-picker .combo-box-container, .dsw-configuration-panel .bd-picker-searchable .combo-box-container {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.dsw-configuration-panel .bd-picker .combo-box-container:focus, .dsw-configuration-panel .bd-picker-searchable .combo-box-container:focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.dsw-configuration-panel .bd-picker .invalid-css .combo-box-container, .dsw-configuration-panel .bd-picker-searchable .invalid-css .combo-box-container {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.dsw-configuration-panel .bd-picker .bd-picker-error, .dsw-configuration-panel .bd-picker-searchable .bd-picker-error {
  margin-top: 7px;
}

.dsw-configuration-panel .env-picker {
  width: 399px;
  height: 95px;
  margin: 2px;
  margin-right: 0px;
  margin-top: 30px;
}

.dsw-configuration-panel .env-picker .input-field-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .env-picker .combo-drop-popup {
  width: 399px !important;
}

.dsw-configuration-panel .env-picker .picklist-container .picklist-dropdown .combo .wrap {
  padding-left: 0px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.dsw-configuration-panel .env-picker .picklist-container .picklist-dropdown .combo .wrap:hover {
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.dsw-configuration-panel .env-picker-invalid .picklist-container .picklist-dropdown .combo .wrap {
  padding-left: 0px;
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.dsw-configuration-panel .branch-picker-cont {
  width: 399px;
}

.dsw-configuration-panel .branch-picker-cont .input-field-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .branch-picker-cont .branch-error {
  margin-top: 7px;
}

.dsw-configuration-panel .last-col-selector-cont .input-field-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .branch-picker {
  width: 399px;
  height: 32px;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.dsw-configuration-panel .branch-picker .drop-icon {
  float: right;
}

.dsw-configuration-panel .branch-picker .filtered-list-dropdown-menu .selected-item-text {
  width: 355px;
}

.dsw-configuration-panel .branch-picker .filtered-list-dropdown-menu:focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.dsw-configuration-panel .branch-picker-invalid-css {
  width: 399px;
  height: 32px;
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.dsw-configuration-panel .branch-picker-invalid-css .drop-icon {
  float: right;
}

.dsw-configuration-panel .branch-picker-invalid-css .filtered-list-dropdown-menu {
  padding: 6px;
}

.dsw-configuration-panel .branch-picker-invalid-css .filtered-list-dropdown-menu .selected-item-text {
  width: 355px;
}

.dsw-configuration-panel .view-picker {
  width: 399px;
  margin: 2px;
  margin-right: 0px;
}

.dsw-configuration-panel .view-picker .input-field-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .view-picker .info-label {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 7px;
}

.dsw-configuration-panel .view-picker .red {
  background: rgba( 218, 10, 0 ,  1 );
  background: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  border:  solid 1px;
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.dsw-configuration-panel .view-picker .orange {
  background: rgba( 214, 127, 60 ,  1 );
  background: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
  border:  solid 1px;
  border-color: rgba( 214, 127, 60 ,  1 );
  border-color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.dsw-configuration-panel .view-picker .green {
  background: rgba( 16, 124, 16 ,  1 );
  background: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  border:  solid 1px;
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.dsw-configuration-panel .view-picker .blue {
  background: rgba(0, 120, 212, 1);
  background: var(--communication-background,rgba(0, 120, 212, 1));
  border: solid 1px rgba(0, 120, 212, 1);
  border: solid 1px var(--communication-background,rgba(0, 120, 212, 1));
}

.dsw-configuration-panel .view-picker .grey {
  background: #e4e4e4;
  border: solid 1px #e4e4e4;
}

.dsw-configuration-panel .view-picker .test-picker {
  margin-bottom: 20px;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap {
  height: 50px;
  width: 399px;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .picker-label {
  float: left;
  margin-left: 8px;
  margin-top: 14px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .color-box {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 13px;
  margin-left: 5px;
  text-align: center;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-comparator {
  display: inline-block;
  margin-left: 10px;
  width: 60px;
  float: left;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-comparator .combo-box-container {
  height: 35px;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-comparator .combo-box-container:hover {
  height: 35px;
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-comparator .combo-box-container.focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-boundary {
  display: inline-block;
  margin-left: 10px;
  margin-top: 6px;
  width: 55px;
  height: 35px;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-boundary div {
  margin-bottom: 0px;
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-boundary:hover {
  display: inline-block;
  margin-left: 10px;
  margin-top: 6px;
  width: 55px;
  height: 35px;
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.dsw-configuration-panel .view-picker .test-picker .test-comparator-wrap .test-boundary:hover div {
  margin-bottom: 0px;
}

.dsw-configuration-panel .view-picker .view-type-picker .combo-box-container {
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.dsw-configuration-panel .view-picker .view-type-picker .combo-box-container:hover {
  border:  1px solid;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.dsw-configuration-panel .view-picker .view-type-picker .combo-box-container.focus {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.dsw-configuration-panel .view-picker .deployment-status-wrapper {
  margin-bottom: 20px;
}

.dsw-configuration-panel .view-picker .deployment-status-wrapper .status {
  min-width: 140px;
  display: inline-block;
}

.dsw-configuration-panel .view-picker .deployment-status-wrapper .status .color-box {
  width: 20px;
  height: 20px;
  margin-top: 12px;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.dsw-configuration-panel .view-picker .deployment-status-wrapper .status .deployment-status {
  margin-right: 20px;
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
}

.dsw-configuration-panel .view-picker .deployment-status-wrapper .status .deployment-status .status-label {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dsw-configuration-panel .view-picker .bowtie-icon {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 10px;
  vertical-align: middle;
  padding-bottom: 7px;
}

.dsw-configuration-panel .view-picker .bowtie-edit-delete {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}
