/** Automatically converted from QueryEditor.css **/
.query-options {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 35px;
  overflow: hidden;
  margin-right: 6px;
  margin-left: 10px;
}

.query-options .query-type {
  flex: 1;
  display: flex;
  align-items: center;
}

.query-options .query-type .query-type-label {
  flex: 0 0 auto;
  margin-left: 10px;
  margin-right: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.query-options .query-type .pivot-filter.dropdown {
  padding: 0px;
  flex: 1 1 auto;
  display: flex;
}

.query-options .query-type .pivot-filter.dropdown.active {
  border: 1px solid transparent;
  border-bottom: 0;
}

.query-options .query-type .pivot-filter.dropdown > span {
  margin: 0;
}

.query-options .query-type .pivot-filter.dropdown span.anchor {
  border: 1px solid transparent;
  padding: 4px;
}

.query-options .query-type .pivot-filter.dropdown span.anchor:hover, .query-options .query-type .pivot-filter.dropdown span.anchor:focus {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  outline: none;
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.query-options .query-type .pivot-filter.dropdown span.anchor.selected {
  max-width: 20em;
}

.query-options .query-type .pivot-filter.dropdown .menu.sub-menu > .menu-item {
  border: 1px solid transparent;
}

.query-options .query-type .pivot-filter.dropdown .menu.sub-menu > .menu-item > span.text {
  margin-left: 1px;
}

.query-options .query-across-project-selector {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-left: 4px;
}

.query-options .query-across-project-selector .query-across-project-label {
  flex: 1 0 auto;
  margin-right: 0.5em;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.query-options .query-across-project-selector .query-across-project-checkbox {
  margin-top: 7px;
  margin-left: 2px;
}

/* Setting right margin of the drop down for query type on the icon
   so that it matches the drop down menu */
.query-type .icon {
  margin-right: 7px;
}

.query-type .query-type-text {
  margin-right: 3px;
  margin-top: 1px;
}

.icon.query-type-flat {
  background: url("../../_content/tfs-icons.png") no-repeat -4976px 50% !important;
}

.icon.query-type-link {
  background: url("../../_content/tfs-icons.png") no-repeat -5040px 50% !important;
}

.icon.query-type-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -5104px 50% !important;
}

.query-editor {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.query-editor .leftPane {
  outline: none;
}

.query-editor .leftPane .filters .header {
  display: table-row;
}

.query-editor .bowtie-status-run, .query-editor .bowtie-math-plus {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.query-editor .toolbar {
  margin-right: 6px;
}

.query-editor .toolbar.query-result-grid-toolbar {
  border-top: none;
}

.query-editor .content.splitter,
.query-editor .content {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
}

.query-editor .filters {
  padding-left: 20px;
  height: calc(100% - 35px - 38px);
  overflow: auto;
  margin-right: 5px;
}

.query-editor .filters fieldset {
  margin-top: 5px;
  margin-bottom: 5px;
}

.query-editor .filters fieldset > legend {
  font-weight: normal;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-bottom: 5px;
  padding-left: 0px;
}

.query-editor .filters fieldset .combo.invalid {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.query-editor .filters fieldset .combo.invalid:not(.focus) .wrap {
  margin-left: 0px;
}

.query-editor .filters fieldset .combo.invalid:not(.focus) .wrap:after {
  font-family: "Bowtie";
  font-size: 14px;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\EA02";
  font-weight: normal;
  font-style: normal;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  margin-left: 5px;
}

.query-editor .filters fieldset .combo.invalid:not(.focus) input {
  width: calc(100% - 38px);
}

.query-editor .filters fieldset .clauses .logical {
  width: 100px;
  min-width: 100px;
}

.query-editor .filters fieldset .clauses .field {
  width: 400px;
  min-width: 400px;
}

.query-editor .filters fieldset .clauses .operator {
  width: 200px;
  min-width: 200px;
}

.query-editor .filters fieldset .clauses .value {
  min-width: 250px;
}

.query-editor .filters > .link, .query-editor .filters > .tree {
  width: 100%;
}

.query-editor .filters > .link > .query-mode, .query-editor .filters > .tree > .query-mode {
  float: left;
  margin-left: 15px;
  width: 300px;
}

.query-editor .filters > .link > .query-mode select, .query-editor .filters > .tree > .query-mode select {
  display: block;
}

.query-editor .filters > .link > div.link-types, .query-editor .filters > .tree > div.link-types {
  float: left;
  margin-left: 15px;
  display: block;
  width: 200px;
}

.query-editor .filters > .link > div.link-types select, .query-editor .filters > .tree > div.link-types select {
  display: block;
}

.query-editor .filters > .link > div.link-types > .checkbox-list.link-types, .query-editor .filters > .tree > div.link-types > .checkbox-list.link-types {
  width: 250px;
}

.query-editor .filters > .link > fieldset, .query-editor .filters > .tree > fieldset {
  clear: both;
}

.query-editor .has-grid-message-area .grid-header {
  top: 2.4em;
}

.query-editor .grid.has-header.has-grid-message-area .grid-canvas {
  top: 4.6em;
}

.query-editor .has-grid-message-area .message-area-control {
  margin: 0px 12px;
}

.query-editor .filters > .tree > fieldset {
  clear: both;
}

.query-editor .work-item-list {
  position: absolute;
  width: 100%;
  top: 52px;
  bottom: 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.field-filter-iteration-control .fields-filter-classification-picker-container, .field-filter-area-control .fields-filter-classification-picker-container {
  height: 24px;
}

.field-filter-iteration-control .team-picker, .field-filter-area-control .team-picker {
  margin-bottom: 3px;
}

.query-editor .toolbar.work-item-list-toolbar {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.query-editor .value .identity-picker-search-box .identity-picker-resolved:focus {
  background-color: transparent;
}

.query-editor .value .identity-picker-search-box .identity-picker-resolved.identity-picker-resolved-single-search .identity-picker-resolved-close {
  display: none;
  /* this is a temporary hack till EA team gives us a better solution to hide the close icon */
}

.query-editor .value .field-filter-value-control.identity-picker-container {
  height: 1.7em;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  padding: 0;
}

.query-editor .value .field-filter-value-control.identity-picker-container:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.query-editor .value .field-filter-value-control.identity-picker-container:focus, .query-editor .value .field-filter-value-control.identity-picker-container.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.query-editor .value .field-filter-value-control.identity-picker-container ~ label {
  margin-top: 24px;
}

.query-editor .value .field-filter-value-control.identity-picker-container.invalid, .query-editor .value .field-filter-value-control.identity-picker-container:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.invalid:active, .query-editor .value .field-filter-value-control.identity-picker-container:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.invalid:focus, .query-editor .value .field-filter-value-control.identity-picker-container.invalid.focus, .query-editor .value .field-filter-value-control.identity-picker-container:invalid:focus, .query-editor .value .field-filter-value-control.identity-picker-container:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container:disabled, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:hover, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:focus, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container:disabled.read-only, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:hover.read-only, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:focus.read-only, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container:disabled::selection, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:hover::selection, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:focus::selection, .query-editor .value .field-filter-value-control.identity-picker-container:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.query-editor .value .field-filter-value-control.identity-picker-container.multi-select {
  overflow-y: auto;
  max-height: 90px;
}

.query-editor .value .field-filter-value-control.identity-picker-container .identity-picker-search-box input.identity-picker-input[type=text] {
  min-width: 150px;
}

.new-queries-view .query-editor {
  top: 0px;
}

.new-queries-view .query-editor .work-item-list {
  top: 0px;
}