/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.artifact-picker-container {
  margin-bottom: 10px;
}

.artifact-picker-container .artifact-picker-button {
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

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

.vss-focus-visible .artifact-picker-container .artifact-picker-button:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.artifact-picker-container .artifact-picker-button-selected {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  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( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.artifact-picker-container .artifact-picker-button-selected:hover {
  cursor: pointer;
}

.vss-focus-visible .artifact-picker-container .artifact-picker-button-selected:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.artifact-picker-container .artifact-picker-table {
  width: 100%;
}

.artifact-picker-container .artifact-type {
  padding: 5px;
}

.artifact-picker-container .artifact-type-icon {
  zoom: 1.5;
}

.artifact-picker-container .artifact-inputs {
  border-left:  1px solid;
  border-left-color: rgba( 166, 166, 166 ,  1 );
  border-left-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  border-right:  1px solid;
  border-right-color: rgba( 166, 166, 166 ,  1 );
  border-right-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 166, 166, 166 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.artifact-picker-container .artifact-icon-column {
  width: 3%;
}

.artifact-picker-container .artifact-alias-column {
  width: 30%;
}

.artifact-picker-container .artifact-version-column {
  width: 35%;
}

.artifact-picker-container .artifact-chevron-column {
  width: 3%;
}

.artifact-picker-container .artifact-description-column {
  width: 29%;
}

.artifact-picker-container .selected-artifacts-description {
  float: right;
  padding-right: 10px;
}

.artifacts-picker {
  padding: 5px;
}

.artifacts-picker .artifacts-picker-textfield {
  display: -webkit-inline-flex;
  width: 100%;
}

.artifacts-picker .artifacts-picker-textfield .ms-TextField {
  flex-grow: 1;
  margin-left: 5px;
}

.artifacts-picker .artifacts-picker-textfield .dtc-info-button {
  padding-top: 5px;
}

.artifacts-picker .artifacts-picker-description {
  padding: 5px;
}

.artifacts-picker .artifacts-picker-list {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.artifacts-picker .artifacts-picker-selectall {
  display: flex;
}

.artifacts-picker .artifacts-picker-section-line {
  flex-grow: 1;
}

.artifacts-picker .artifacts-picker-section-line hr {
  width: 100%;
  border: 0.5px solid rgba(0, 0, 0, .08);
  border: 0.5px solid var(--border-subtle-color,rgba(0, 0, 0, .08));
  background-color: rgba(0, 0, 0, .08);
  background-color: var(--border-subtle-color,rgba(0, 0, 0, .08));
  font-size: 10px;
  margin-top: 0px;
  margin-bottom: 15px;
}

.artifacts-picker .artifact-picker-row {
  display: flex;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-parentnode {
  display: block;
  padding-left: 25px;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-parentnode .bowtie-icon {
  padding-top: 7px;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-parentnode .artifact-name-label {
  padding-left: 5px;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode {
  display: block;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow {
  display: flex;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow .bowtie-folder,
.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow .bowtie-file,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow .bowtie-folder,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow .bowtie-file {
  padding-top: 7px;
  padding-right: 3px;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow .bowtie-chevron-right-light,
.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow .bowtie-chevron-down-light,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow .bowtie-chevron-right-light,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow .bowtie-chevron-down-light {
  zoom: 0.7;
  padding-top: 14px;
  padding-right: 8px;
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow:hover,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.artifacts-picker .artifact-picker-row .artifacts-picker-firstchildnode .artifacts-picker-childrow:focus,
.artifacts-picker .artifact-picker-row .artifacts-picker-childnode .artifacts-picker-childrow:focus {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.artifacts-picker .artifact-picker-row .artifacts-picker-childnode {
  padding-left: 18px;
}