/***** Begin Controls *****/
/** Automatically converted from CheckBoxList.css **/
/*CheckBoxList control styles*/
.checkbox-list {
  list-style-type: none;
  margin: 0px;
  padding-left: 10px;
  outline: none;
  overflow: auto;
}

.checkbox-list li {
  clear: both;
  outline: none;
  white-space: nowrap;
}

/** Automatically converted from Collapsible.css **/
.tfs-collapsible.collapsed {
  display: none;
}

.tfs-collapsible-header {
  position: relative;
  min-height: 1.5em;
  padding: 0.3em 0;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
}

.tfs-collapsible-header.disabled {
  cursor: auto;
}

.tfs-collapsible-header.custom-toggle-icon {
  padding-left: 4px;
}

.tfs-collapsible-header.focus {
  background-color: rgba(173, 214, 255, 0.3);
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  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;
}

.tfs-collapsible-collapse {
  margin: 0 2px;
}

.tfs-collapsible-content {
  padding: 2px 2px 2px 20px;
}

.virtualizing-list-view {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  position: relative;
}

.virtualizing-list-view > .items {
  position: absolute;
  left: 0;
  right: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  touch-action: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.virtualizing-list-view.scroll > .items {
  right: 18px;
}

.virtualizing-list-view > .items > li {
  margin: 0;
  cursor: default;
  white-space: nowrap;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  /*height: 24px;*/
  cursor: pointer;
  border: 1px solid transparent;
}

.virtualizing-list-view.tree > .items li > div.node-content {
  white-space: nowrap;
  /*height: 22px;*/
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

.virtualizing-list-view.tree > .items li.expanded > div.node-content > .node-img.icon {
  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;
  overflow: initial;
  vertical-align: baseline;
}

.virtualizing-list-view.tree > .items li.expanded > div.node-content > .node-img.icon::before {
  content: "\E9A4";
}

.virtualizing-list-view.tree > .items li.collapsed > div.node-content > .node-img.icon {
  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;
  overflow: initial;
  vertical-align: baseline;
}

.virtualizing-list-view.tree > .items li.collapsed > div.node-content > .node-img.icon::before {
  content: "\E9A5";
}

.virtualizing-list-view > .items > li.selected {
  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( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .virtualizing-list-view > .items > li.selected {
    background-color: highlight !important;
    color: highlighttext !important;
    -ms-high-contrast-adjust: none;
  }
}

.virtualizing-list-view > .items > li.empty {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.virtualizing-list-view.multi-value > .items > li input[type=search] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=email] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=url] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=text] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=tel] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=number] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=date] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=month] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=week] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=datetime-local] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=color] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=time] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input[type=password] {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li input:not([type]) {
  float: left;
  margin: 1px;
}

.virtualizing-list-view.multi-value > .items > li label {
  margin-left: 4px;
}

.virtualizing-list-view > .scroller {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3em;
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
}

.virtualizing-list-view.scroll > .scroller {
  display: block;
}

.virtualizing-list-view > .scroller > div {
  top: 0px;
  width: 1px;
  overflow: hidden;
}

.combo-drop-popup {
  overflow: hidden;
  position: fixed;
  left: -50000px;
  top: -50000px;
  z-index: 1005;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  opacity: 0;
  -webkit-transition: opacity 0.18s ease 0s;
  -moz-transition: opacity 0.18s ease 0s;
  -ms-transition: opacity 0.18s ease 0s;
  -o-transition: opacity 0.18s ease 0s;
  transition: opacity 0.18s ease 0s;
}

.bowtie .combo-drop-popup,
.bowtie-fabric .combo-drop-popup {
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.bowtie .combo.drop > .drop,
.bowtie-fabric .combo.drop > .drop {
  top: 0;
  bottom: 0;
  padding-top: 6px;
  width: 30px;
  transform: none;
}

.bowtie .combo.drop > .drop:hover,
.bowtie-fabric .combo.drop > .drop:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie .virtualizing-list-view > .items > li,
.bowtie-fabric .virtualizing-list-view > .items > li {
  padding: 2px 2px 2px 8px;
  height: 32px;
  line-height: 28px;
}

.bowtie .virtualizing-list-view > .items > li:last-child,
.bowtie-fabric .virtualizing-list-view > .items > li:last-child {
  margin-bottom: 8px;
}

.bowtie .virtualizing-list-view > .items > li:hover,
.bowtie-fabric .virtualizing-list-view > .items > li:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.combo {
  position: relative;
  width: 100%;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 1.7em;
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
  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%;
}

.combo:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.combo:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.combo:focus, .combo.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.combo ~ label {
  margin-top: 24px;
}

.combo.invalid, .combo: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 );
}

.combo.invalid:active, .combo:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo.invalid:focus, .combo.invalid.focus, .combo:invalid:focus, .combo:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo.required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.combo.required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo.required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo:disabled, .combo:disabled:hover, .combo:disabled:focus, .combo: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 );
}

.combo:disabled.read-only, .combo:disabled:hover.read-only, .combo:disabled:focus.read-only, .combo: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 );
}

.combo:disabled::selection, .combo:disabled:hover::selection, .combo:disabled:focus::selection, .combo: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 );
}

.combo::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.combo.no-background {
  background-color: transparent;
  border: none;
}

.combo.no-edit.drop > div.wrap > input[type=search] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=email] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=url] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=text] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=tel] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=number] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=date] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=month] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=week] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=datetime-local] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=color] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=time] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input[type=password] {
  cursor: pointer;
}

.combo.no-edit.drop > div.wrap > input:not([type]) {
  cursor: pointer;
}

.combo.no-edit.text > div.wrap > input[type=search] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=email] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=url] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=text] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=tel] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=number] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=date] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=month] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=week] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=datetime-local] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=color] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=time] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input[type=password] {
  cursor: default;
}

.combo.no-edit.text > div.wrap > input:not([type]) {
  cursor: default;
}

.combo > div.wrap > input.disabled[type=search] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=email] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=url] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=text] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=tel] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=number] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=date] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=month] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=week] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=datetime-local] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=color] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=time] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled[type=password] {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo > div.wrap > input.disabled:not([type]) {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.combo.text div.wrap > input[type=search] {
  width: 100%;
}

.combo.text div.wrap > input[type=email] {
  width: 100%;
}

.combo.text div.wrap > input[type=url] {
  width: 100%;
}

.combo.text div.wrap > input[type=text] {
  width: 100%;
}

.combo.text div.wrap > input[type=tel] {
  width: 100%;
}

.combo.text div.wrap > input[type=number] {
  width: 100%;
}

.combo.text div.wrap > input[type=date] {
  width: 100%;
}

.combo.text div.wrap > input[type=month] {
  width: 100%;
}

.combo.text div.wrap > input[type=week] {
  width: 100%;
}

.combo.text div.wrap > input[type=datetime-local] {
  width: 100%;
}

.combo.text div.wrap > input[type=color] {
  width: 100%;
}

.combo.text div.wrap > input[type=time] {
  width: 100%;
}

.combo.text div.wrap > input[type=password] {
  width: 100%;
}

.combo.text div.wrap > input:not([type]) {
  width: 100%;
}

.combo.focus {
  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;
}

.combo div.wrap > input[type=search] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=email] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=url] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=text] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=tel] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=number] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=date] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=month] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=week] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=datetime-local] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=color] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=time] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input[type=password] {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo div.wrap > input:not([type]) {
  width: calc(100% - 30px);
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

.combo input::-ms-clear {
  display: none;
}

/* Ensure wrapped input elements which are invalid get the invalid style */
.combo.invalid > div.wrap {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo > div.preWrapIcon {
  position: absolute;
  left: 2px;
  top: 1px;
  height: 1.7em;
  width: 1.7em;
}

.combo > div.wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  display: block;
  padding-left: 2px;
  width: 100%;
}

.combo > div.wrap.withIcon {
  left: 2em;
}

.combo.text > .drop {
  display: none;
}

.combo > .drop {
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}

.combo.no-background > .drop {
  width: 0;
  height: 0;
}

.combo.drop > .drop {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 0;
  width: 20px;
}

.combo.invalid {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.combo.disabled {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.combo div.disabled {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .combo div.disabled input {
    color: graytext;
  }
}

@media screen and (-ms-high-contrast: active) {
  .combo[readonly="readonly"] {
    border-color: graytext;
  }
}

/** Automatically converted from CommonIdentityPicker.css **/
/*
    Common Identity Picker CSS
*/
.identity-picker-element-hide {
  visibility: hidden;
}

/*
    Dropdown Control CSS
*/
.identity-picker-dropdown {
  position: absolute;
  left: -50000px;
  top: -50000px;
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  z-index: 2000;
  -webkit-user-select: none;
  line-height: normal;
}

.identity-picker-dropdown.use-remaining-space {
  width: 100%;
  height: 100%;
  left: 0px;
  border: none;
  overflow-y: auto;
}

.identity-picker-dropdown .identity-picker-search-icon {
  overflow: hidden;
  height: 16px;
  width: 16px;
  cursor: pointer;
  border: 0;
  float: left;
  margin-right: 4px;
}

.identity-picker-dropdown > ul.items {
  overflow: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}

.identity-picker-dropdown > ul.items > li {
  cursor: pointer;
  position: relative;
  width: 100%;
}

.identity-picker-dropdown > ul.items > li:after {
  content: "";
  clear: both;
  display: table;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-delete-icon {
  overflow: hidden;
  height: 12px;
  width: 12px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 10px;
  line-height: normal;
  border: 0;
  z-index: 2000;
  font-size: 12px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-delete-icon.with-idcard {
  right: 26px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-delete-icon.element-2d-medium {
  top: 10px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-delete-icon.element-2d-small {
  top: 6px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-contact-card-icon {
  cursor: pointer;
  float: right;
  line-height: normal;
  width: 16px;
  height: 16px;
  margin-top: 13px;
  margin-left: 4px;
  margin-right: 5px;
  font-size: 16px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-contact-card-icon.element-2d-medium {
  margin-top: 8px;
}

.identity-picker-dropdown > ul.items > li > .identity-picker-contact-card-icon.element-2d-small {
  margin-top: 4px;
}

.identity-picker-dropdown > ul.items > li.selected,
.identity-picker-dropdown > ul.items > li.selected:hover,
.identity-picker-dropdown .search.selected,
.identity-picker-dropdown .search.selected:hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  font-weight: bold;
  outline: 1px dashed;
}

@media screen and (-ms-high-contrast: active) {
  .identity-picker-dropdown > ul.items > li.selected,
  .identity-picker-dropdown > ul.items > li.selected:hover,
  .identity-picker-dropdown .search.selected,
  .identity-picker-dropdown .search.selected:hover {
    background-color: Highlight !important;
    border-color: Highlight;
    color: HighlightText;
    -ms-high-contrast-adjust: none;
  }
}

.identity-picker-dropdown .search, .identity-picker-dropdown .no-result {
  text-align: left;
  cursor: pointer;
  font-size: 12px;
  padding: 8px 4px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  outline: none;
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  height: 32px;
}

.identity-picker-dropdown .search.search-error {
  padding: 2px 2px;
}

.identity-picker-dropdown .no-result {
  cursor: default;
}

.identity-picker-dropdown .search .status-progress {
  margin-right: 4px;
  float: left;
}

.identity-picker-dropdown .search .status-message, .identity-picker-dropdown .search #indicator-message {
  margin-top: 2px;
  margin-bottom: 2px;
}

.identity-picker-dropdown .search-result-status {
  text-align: left;
  padding: 4px;
  height: 24px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.identity-picker-dropdown > ul.items > li:hover,
.identity-picker-dropdown .search:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.identity-picker-dropdown > ul.items > li > img {
  vertical-align: top;
  margin: 4px;
  float: left;
}

.identity-picker-dropdown > ul.items > li > div:not(.rich-content-tooltip) {
  display: block;
}

.identity-picker-dropdown > ul.items > li div.item-text-container {
  padding-bottom: 4px;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-picker-dropdown > ul.items > li div.title {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-bottom: 2px;
  margin-bottom: 0px;
  line-height: 12px;
  overflow: hidden;
}

.identity-picker-dropdown > ul.items > li div.title.large {
  padding-top: 3px;
}

.identity-picker-dropdown > ul.items > li div.subtitle {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  line-height: 10px;
  overflow: hidden;
  padding-bottom: 2px;
}

.identity-picker-dropdown > ul.items > li div.list-icon {
  margin-right: 3px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .identity-picker-dropdown > ul.items > li div.subtitle {
    color: HighlightText !important;
    -ms-high-contrast-adjust: none;
  }
}

.identity-picker-dropdown > ul.items > li div.subtitle.large {
  font-size: 12px;
  padding-bottom: 3px;
  line-height: 12px;
}

.identity-picker-dropdown > ul.items > li div.title-only {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-bottom: 0px;
  overflow: hidden;
}

/*
    Search Control CSS
*/
.identity-picker-search-box {
  cursor: text;
  position: relative;
}

.identity-picker-search-box input.identity-picker-input[type=search] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=email] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=url] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=text] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=tel] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=number] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=date] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=month] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=week] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=datetime-local] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=color] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=time] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input[type=password] {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-search-box input.identity-picker-input:not([type]) {
  border: 0;
  float: left;
  padding: 1px;
  background-color: inherit;
}

.identity-picker-input::-ms-clear {
  width: 0;
  height: 0;
}

.identity-picker-input:focus {
  outline: 0;
}

.identity-picker-search-drop-icon {
  height: 16px;
  width: 16px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin: -7px 3px 3px 0px;
  border: 0;
  right: 0;
}

.identity-picker-resolved {
  display: inline-block;
  float: left;
  outline: none;
  margin: 1px;
  cursor: default;
}

.identity-picker-resolved .identity-picker-resolved-close-icon {
  overflow: hidden;
  height: 16px;
  width: 16px;
  float: right;
  position: relative;
  top: 50%;
  right: 50%;
  margin: -8px -8px 0px 0px;
  border: 0;
  color: rgba(0, 0, 0, .9) !important;
  color: var(--text-primary-color,rgba(0, 0, 0, .9)) !important;
}

.identity-picker-resolved .identity-picker-resolved-close {
  cursor: pointer;
  float: right;
}

.identity-picker-resolved .identity-picker-resolved-close:hover,
.identity-picker-resolved .identity-picker-resolved-close:focus {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .identity-picker-resolved .identity-picker-resolved-close:hover,
  .identity-picker-resolved .identity-picker-resolved-close:focus {
    background-color: Highlight !important;
    border-color: Highlight;
    color: HighlightText;
    -ms-high-contrast-adjust: none;
  }
}

.identity-picker-resolved .text-cursor {
  cursor: text;
}

.identity-picker-resolved .pointer-cursor {
  cursor: pointer;
}

.identity-picker-resolved:after {
  content: "";
  clear: both;
  display: table;
}

.identity-picker-display {
  display: block;
  outline: none;
  margin: 1px;
  width: 100%;
}

.identity-picker-display:after {
  content: "";
  clear: both;
  display: table;
}

.identity-picker-resolved-bg,
.identity-picker-resolved.identity-picker-resolved-single-bg:focus {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.identity-picker-resolved.identity-picker-resolved-bg:focus {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .identity-picker-resolved.identity-picker-resolved-single-bg:focus,
  .identity-picker-resolved.identity-picker-resolved-bg:focus {
    background-color: Highlight !important;
    border-color: Highlight;
    color: HighlightText;
    -ms-high-contrast-adjust: none;
  }
}

.identity-picker-resolved-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-left: 4px;
  padding-right: 4px;
  outline: none;
  display: block;
}

.identity-picker-readonly .identity-picker-resolved-name {
  cursor: default;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.identity-picker-display .identity-picker-resolved-name {
  cursor: default;
}

.identity-picker-resolved.identity-picker-resolved-single-search {
  margin: 0;
  width: 100%;
  padding: 1px;
  position: absolute;
}

.identity-picker-resolved.identity-picker-resolved-single-search.identity-picker-drop-icon-padding {
  padding-right: 16px;
}

.identity-picker-inactive-name,
.identity-picker-unresolved-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  padding-left: 4px;
  padding-right: 4px;
  outline: none;
  display: block;
}

.identity-picker-search-multiple-name {
  float: left;
  cursor: pointer;
}

.identity-picker-watermark-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-left: 4px;
  padding-right: 4px;
  outline: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
}

.user-picture-resolved {
  float: left;
  cursor: default;
  border-radius: 50%;
}

.element-2d-small {
  height: 16px;
  width: 16px;
}

.element-2d-medium {
  height: 24px;
  width: 24px;
}

.element-2d-large {
  height: 32px;
  width: 32px;
}

.element-height-small {
  height: 16px;
  line-height: 16px;
  /* Vertically Center */
}

.element-height-small-compensate-padding {
  height: 18px;
}

.element-height-medium {
  height: 24px;
  line-height: 24px;
  /* Vertically Center */
}

.element-height-medium-compensate-padding {
  height: 26px;
}

.element-height-large {
  height: 32px;
  line-height: 32px;
  /* Vertically Center */
}

.element-height-large-compensate-padding {
  height: 34px;
}

/*
    ID Card CSS
*/
.user-picture-card {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

#idcard-dialog.ui-dialog {
  width: 402px;
  outline: none;
  padding: 0;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  box-shadow: rgba( 102, 102, 102 ,  1 ) 0px 0px 30px;
  box-shadow: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ) 0px 0px 30px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

#idcard-dialog.ui-dialog .idcard-dialog-content {
  width: 400px;
  overflow: visible;
  margin: 0px;
  outline: none;
  border: 0;
  padding: 0;
  background: none;
  zoom: 1;
  position: static;
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  position: relative;
  padding-bottom: 5px;
  margin: 0px 0px 5px 0px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  white-space: nowrap;
  overflow: hidden;
  height: auto;
  cursor: move;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  font-size: 12px;
  font-weight: normal;
}

#idcard-dialog.ui-dialog .ui-dialog-title {
  display: none;
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  padding: 6px 0 0 6px;
  width: 30px;
  min-width: 30px;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0px;
  right: 0px;
  margin: 0px;
  z-index: 999;
  background: none;
  height: 26px;
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  position: absolute;
  z-index: 101;
  top: 6px;
  left: 6px;
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar-close:focus {
  border: none;
  background: none;
  outline: 1px solid rgba( 166, 166, 166 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar-close:focus span {
  top: 5px;
  left: 5px;
}

#idcard-dialog.ui-dialog .ui-icon-closethick {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
}

#idcard-dialog.ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only .ui-button-text {
  display: none;
}

#idcard-dialog.ui-dialog .no-content {
  margin-bottom: 0px;
}

.identity-picker-idcard-image {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.identity-picker-idcard-basicinfo {
  float: left;
  padding: 10px;
  padding-top: 15px;
  width: 325px;
}

.identity-picker-idcard-basicinfo-name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-picker-idcard-ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-picker-idcard-ellipsis-overflow a {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.identity-picker-idcard-row {
  padding-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 1px;
}

.identity-picker-idcard-left-attribute {
  float: left;
  width: 200px;
  overflow: hidden;
  padding-left: 15px;
}

.identity-picker-idcard-right-attribute {
  float: left;
  width: 200px;
  padding-left: 10px;
}

.identity-picker-idcard-attribute-name {
  font-size: 14px;
  font-weight: bold;
}

.identity-picker-idcard-column {
  float: left;
  width: 200px;
  overflow: hidden;
  padding-bottom: 10px;
  white-space: nowrap;
}

.identity-picker-idcard-tab {
  border: none;
  background: none;
  font-size: 14px;
  cursor: pointer;
  margin-left: 15px;
  outline: none;
}

.identity-picker-idcard-tab:focus {
  border: 1px dotted black;
}

.identity-picker-idcard-unselected-tab {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.identity-picker-idcard-list {
  position: inherit;
  background: inherit;
  border: none;
  padding-left: 11px;
  padding-bottom: 10px;
  padding-right: 2px;
}

.identity-picker-idcard-word-wrap {
  white-space: normal;
}

.identity-picker-idcard-error {
  padding-left: 4px;
}

.identity-picker-fixed-position {
  position: fixed;
}

.small-screen .identity-picker-resolved {
  float: none;
}

.small-screen .identity-picker-text-search-icon {
  float: left;
  line-height: 32px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  font-size: 18px;
}

.small-screen .search {
  background: none;
  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: 40px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-align: center;
  border-top: none;
}

.small-screen .search:hover, .small-screen .search.selected, .small-screen .search.selected:hover {
  background: none;
}

.small-screen .search .status-progress {
  float: none;
}

.small-screen .status-message {
  vertical-align: middle;
}

.small-screen #indicator_message {
  display: none;
}

.small-screen .search-result-status {
  display: none;
}

.small-screen .identity-picker-search-icon {
  display: none;
}

.small-screen > ul.items > li {
  height: 70px;
  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-right: 15px;
  padding-left: 15px;
}

.small-screen > ul.items > li:hover, .small-screen > ul.items > li.selected:hover {
  background: none;
  background-color: transparent;
}

.small-screen > ul.items > li > img {
  margin: 19px 12px 0 0px;
}

.small-screen > ul.items > li div.title, .small-screen > ul.items > li div.title-only {
  font-size: 14px;
  font-weight: 400;
}

.small-screen > ul.items > li div.item-text-container {
  height: 70px;
  vertical-align: middle;
  padding-top: 19px;
  padding-bottom: 19px;
}

.small-screen > ul.items > li span.container {
  display: inline-block;
  overflow: hidden;
}

.small-screen > ul.items > li span.selected-fade span.container, .small-screen > ul.items > li span.selected-fade-active span.container {
  width: 0;
  height: 0;
  font-size: 20px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  float: right;
  line-height: 70px;
}

.small-screen > ul.items > li span.selected-fade-active span.container {
  transition: height ease-out .1s, width ease-in-out .4s;
  width: 20px;
  height: 100%;
}

.small-screen .no-result {
  background: none;
  border: none;
  font-size: 14px;
  text-align: center;
}

.small-screen .identity-picker-resolved-close {
  padding-right: 8px;
  line-height: 32px;
}

.small-screen .identity-picker-resolved-close:hover, .small-screen .identity-picker-resolved-close:focus {
  background-color: transparent;
}

.small-screen .identity-picker-resolved-close-icon {
  font-size: 18px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

/** Automatically converted from DatePanel.css **/
/*DatePanel Control Styles*/
.date-panel {
  font-size: 11px;
  max-width: 195px;
}

.date-panel .legend {
  height: 20px;
}

.date-panel .note {
  color: rgba( 0, 0, 0 ,  0.6 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  0.6 );
  text-align: justify;
}

.date-panel table {
  border-collapse: separate;
}

.date-panel .quick-nav {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.date-panel .quick-nav .month-year {
  width: 15em;
  text-align: center;
}

.date-panel .days table {
  width: 100%;
}

.date-panel .days td,
.date-panel .days th {
  width: 24px;
  height: 14px;
  text-align: right;
  font-weight: normal;
}

.date-panel .day-names th {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.date-panel .days td.today {
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.date-panel span.today {
  width: 14px;
  height: 14px;
  float: left;
  margin: 3px;
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.date-panel .days td div {
  cursor: pointer;
}

.date-panel .days td span {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.date-panel .days td.other-month span {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.date-panel .days td.selected {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 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;
}

.date-panel .days td.selected span {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.20);
  background: var(--palette-black-alpha-20,rgba(0, 0, 0, 0.20));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.ui-dialog {
  box-shadow: 0px 25.6px 57.6px rgba(0, 0, 0, .22), 0px 4.8px 14.4px rgba(0, 0, 0, .18);
  box-shadow: 0px 25.6px 57.6px var(--panel-shadow-color,rgba(0, 0, 0, .22)), 0px 4.8px 14.4px var(--panel-shadow-secondary-color,rgba(0, 0, 0, .18));
  border: none;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.ui-dialog:not(.ui-dialog-legacy) {
  position: absolute;
  display: none;
}

.ui-dialog:not(.ui-dialog-legacy):focus {
  outline: 0;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-widget-content {
  border-color: transparent;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.ui-dialog:not(.ui-dialog-legacy).ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar {
  font-size: 20px;
  font-weight: 200;
  text-transform: none;
  margin: 5px 40px 10px 24px;
  overflow: hidden;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar .ui-dialog-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  display: block;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  width: 100%;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar .ui-dialog-subtitle {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 18px;
  line-height: 24px;
  display: none;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar-progress-container {
  position: relative;
  height: 3px;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-titlebar-progress-element {
  width: 100%;
  height: 100%;
  background: url("../../_content/progress.gif");
}

.ui-dialog:not(.ui-dialog-legacy) button.ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  min-width: 48px;
  height: 32px;
  border: 0;
  background-color: transparent;
  margin: 0;
}

.ui-dialog:not(.ui-dialog-legacy) button.ui-dialog-titlebar-close:hover, .ui-dialog:not(.ui-dialog-legacy) button.ui-dialog-titlebar-close.ui-state-hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.ui-dialog:not(.ui-dialog-legacy) button.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.ui-dialog:not(.ui-dialog-legacy) button.ui-dialog-titlebar-close:focus {
  box-shadow: none;
  outline: none;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-content {
  margin: 0 24px;
  padding-bottom: 1px;
  overflow: auto;
  position: relative;
  padding-bottom: 1px;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-content.no-margin {
  margin: 0;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-buttonpane {
  text-align: right;
  margin: 31px 24px 24px 24px;
  border-width: 0;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-dialog-buttonpane .ui-dialog-buttonset {
  white-space: nowrap;
  overflow: hidden;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se.ui-icon-grip-diagonal-se {
  background-image: none;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-icon-gripsmall-diagonal-se {
  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;
  right: 4px;
  bottom: 5px;
}

.ui-dialog:not(.ui-dialog-legacy) .ui-icon-gripsmall-diagonal-se::before {
  content: "\EA4E";
}

.ui-dialog:not(.ui-dialog-legacy) .ui-icon-gripsmall-diagonal-se:focus {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

/* Modal Dialog Styles */
.modal-dialog label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
}

.modal-dialog label.hidden {
  display: none;
}

.modal-dialog label.inline {
  display: inline;
}

.modal-dialog td.label label {
  margin-top: 0;
}

.modal-dialog .ui-dialog-title {
  word-wrap: break-word;
  word-break: break-all;
}

.modal-dialog label + .combo {
  margin-top: 2px;
}

.modal-dialog .error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  font-size: 18px;
}

.modal-dialog .filter {
  padding: 6px 6px 0 6px;
}

.modal-dialog .filter td {
  min-height: 26px;
}

.ajax-panel .error {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

/* Copy to clipboard dialog */
.copy-content-textarea {
  height: 100%;
  width: 100%;
  resize: none;
  white-space: nowrap;
  overflow: auto;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.copy-content-textarea-multiline {
  height: 100%;
  width: 100%;
  resize: none;
  white-space: pre;
  overflow: auto;
}

.copy-dialog-container {
  height: 100%;
  width: 100%;
}

.confirmation-dialog div {
  margin-bottom: 5px;
}

.confirmation-dialog-error {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  padding: 5px 10px 5px 10px;
  margin-bottom: 10px;
}

.message-dialog-confirm {
  margin-top: 10px;
}

.message-dialog-confirm-textbox {
  width: 100%;
}

.message-dialog-confirm-textbox.no-match {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.message-dialog-confirm-textbox.match {
  border-color: rgba( 16, 124, 16 ,  1 );
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

/** Automatically converted from EditableGrid.css **/
.editable-grid .grid-cell {
  border-right:  1px solid;
  border-right-color: rgba( 200, 200, 200 ,  1 );
  border-right-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.editable-grid .grid-cell-bottom-border-removed {
  border-bottom-style: none;
}

.editable-grid .grid-cell.rich-text-cell {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.editable-grid .grid-cell p {
  margin: 0px;
}

.editable-grid .grid-cell-selected {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 3px;
}

.editable-grid .grid-content-spacer {
  position: relative;
  left: 0;
  top: 0;
  width: 1px;
  margin-bottom: 0;
}

.editable-grid .grid-cell-edit {
  border: 1px solid transparent;
}

.editable-grid .grid-header-column {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.editable-grid .grid-row {
  position: relative;
}

.editable-grid .grid-row-hover, .editable-grid .grid-row-normal, .editable-grid .grid-row-selected {
  border-bottom: 0px;
  border-top: 0px;
}

.editable-grid .rich-text-cell-editor {
  overflow-y: auto;
  white-space: pre-wrap;
  padding: 4px;
  word-wrap: break-word;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  z-index: 100;
  outline: none;
}

.editable-grid .plain-text-cell-editor {
  white-space: pre;
  width: 100%;
  overflow: hidden;
  position: absolute;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  z-index: 100;
  outline: none;
  border: none;
  vertical-align: top;
}

.editable-grid .plain-text-cell-editor::-ms-clear {
  display: none;
}

.editable-grid .rich-text-cell-editor p {
  margin: 0px;
}

.editable-grid .grid-cell.plain-text-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: pre-wrap;
}

/** Automatically converted from FileInput.css **/
.core-file-input-control .files-drop-target {
  border:  1px dashed;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

.core-file-input-control .browse-container {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  padding: 5px 15px;
  margin-left: 20px;
  cursor: pointer;
  border-radius: 0;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  display: inline-block;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  min-height: 30px;
  height: auto;
}

.core-file-input-control .browse-container:hover {
  text-decoration: none;
}

.vss-focus-visible .core-file-input-control .browse-container:focus {
  outline: 1px solid rgba( 0, 0, 0 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible .core-file-input-control .browse-container:focus {
    outline: 1px dashed windowtext !important;
  }
}

.core-file-input-control .drag-drop-table {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.core-file-input-control .drag-drop-label {
  text-align: left;
  padding-left: 20px;
  vertical-align: middle;
}

.core-file-input-control .browse-button {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.core-file-drop-target.drag-over {
  background-color: rgba( 223, 246, 221 ,  1 ) !important;
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 ) !important;
}

.core-file-input-control .file-list .details-container .status {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.core-file-input-control .file-list .details-container .links {
  margin-left: 10px;
}

.core-file-input-control .file-list .file-name {
  font-size: 14px;
}

.core-file-input-control .file-list > li {
  list-style: none;
  margin-bottom: 5px;
}

.core-file-input-control .file-list {
  padding-left: 0;
  display: none;
  max-height: 100px;
  overflow-y: auto;
}

.core-file-input-control .overall-status-container {
  text-align: center;
  margin-top: 10px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.core-file-input-control .overall-status-container .overall-status-actions {
  margin-left: 10px;
}

.clauses {
  border-collapse: collapse;
  padding: 1px;
  width: 100%;
}

.clauses .header {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.clauses .header th {
  text-align: left;
  font-weight: 500;
}

.clauses .header .grouping {
  opacity: 1;
}

.clauses .header .grouping.disabled {
  opacity: 0.25;
}

.clauses .clause-row {
  height: 25px;
  vertical-align: top;
}

.clauses .add-remove {
  width: 50px;
  min-width: 50px;
}

.clauses .add-remove > span {
  margin-right: 5px;
}

.clauses .add-remove .bowtie-math-plus {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.clauses .add-remove .add-new-clause-container {
  cursor: pointer;
  display: inline-block;
}

.clauses .add-remove .add-new-clause-container .add-row-link {
  line-height: 22px;
  display: inline-block;
  margin-left: 6px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.clauses .add-remove .add-new-clause-container .add-row-link .icon-add {
  margin: 0 9px 0 1px;
  vertical-align: middle;
}

.clauses .grouping {
  width: 26px;
  padding-top: 2px;
  text-align: center;
}

.clauses .group {
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  width: 1px;
}

.clauses .no-group {
  width: 1px;
}

.clauses .logical {
  width: 10%;
  max-width: 100px;
}

.clauses .field {
  width: 25%;
}

.clauses .operator {
  width: 13%;
  max-width: 150px;
}

.clauses .group-start {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.clauses .group-end {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.clauses .group.group-start.disabled span {
  opacity: 0.25;
}

.clauses span[role="button"]:not([disabled]):hover {
  cursor: pointer;
}

.bowtie .clauses .operator, .bowtie-fabric .clauses .operator {
  width: 20%;
  max-width: 200px;
}

.group-placeholder {
  width: 2px;
  height: 2px;
  overflow: hidden;
}

.g-cat-0 {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.g-cat-1 {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.g-cat-2 {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.g-cat-3 {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.g-cat-4 {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

/** Automatically converted from FormInput.css **/
.form-input-inputs-container {
  width: 100%;
}

.form-input-inputs-container .form-input-combo-container {
  width: 400px;
}

.form-input-inputs-container .form-input-input-container {
  padding-bottom: 8px;
  width: 400px;
}

.form-input-inputs-container .form-input-inputs-group-header {
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 24px;
  padding-bottom: 8px;
}

.form-input-inputs-container .form-input-label-above {
  position: relative;
  width: 100%;
  padding-top: 2px;
}

.form-input-inputs-container .form-input-label {
  display: inline-block;
}

.form-input-inputs-container .form-input-description-icon {
  vertical-align: text-bottom;
  margin-left: 2px;
}

.form-input-inputs-container .form-input-label-right {
  position: absolute;
  right: 0;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 11px;
}

.form-input-inputs-container .form-input-valid-column {
  vertical-align: top;
}

.form-input-inputs-container .form-input-hide {
  display: none;
}

.grid {
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
}

.grid.has-header .grid-canvas {
  top: 2.2em;
}

.grid:not(.grid-legacy) {
  font-size: 13px;
  outline: 0;
  outline: 0;
  outline: 0;
}

.grid:not(.grid-legacy).has-gutter .grid-row.grid-row-selected, .grid:not(.grid-legacy).has-gutter .grid-gutter-row.grid-row-selected {
  border-left: 0 !important;
}

.grid:not(.grid-legacy).has-gutter .grid-row.grid-gutter-row-selected, .grid:not(.grid-legacy).has-gutter .grid-gutter-row.grid-gutter-row-selected {
  border-right: 0 !important;
}

.vss-focus-visible .grid:not(.grid-legacy):focus .grid-canvas .grid-row-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vss-focus-visible .grid:not(.grid-legacy).has-gutter:focus .grid-canvas .grid-row-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-left: none;
}

.vss-focus-visible .grid:not(.grid-legacy).has-gutter:focus .grid-canvas .grid-gutter-row-selected::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-top:  1px solid;
  border-top-color: rgba( 0, 0, 0 ,  1 );
  border-top-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border-left:  1px solid;
  border-left-color: rgba( 0, 0, 0 ,  1 );
  border-left-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 0, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-hover .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-hover .grid-context-menu {
  display: inline-block;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-hover .grid-context-menu:hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-hover .grid-context-menu:hover {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.grid:not(.grid-legacy) .grid-row .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row .grid-context-menu {
  display: none;
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected, .grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected.grid-row-hover, .grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected.grid-row-hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected.grid-row-hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected.grid-row-hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected.grid-row-hover .grid-context-menu, .grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected.grid-row-hover .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected.grid-row-hover .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected.grid-row-hover .grid-context-menu {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected.grid-row-hover .grid-context-menu:hover, .grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected.grid-row-hover .grid-context-menu:hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected.grid-row-hover .grid-context-menu:hover, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected.grid-row-hover .grid-context-menu:hover {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected .grid-context-menu, .grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected .grid-context-menu, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected .grid-context-menu {
  display: inline-block;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid:not(.grid-legacy) .grid-row.grid-row-selected, .grid:not(.grid-legacy) .grid-gutter-row.grid-row-selected {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.grid:not(.grid-legacy) .grid-row.grid-gutter-row-selected, .grid:not(.grid-legacy) .grid-gutter-row.grid-gutter-row-selected {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.grid:not(.grid-legacy) .grid-row :focus, .grid:not(.grid-legacy) .grid-gutter-row :focus {
  outline: none;
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-hover {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-hover .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-hover .grid-context-menu {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-hover .grid-context-menu:hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-hover .grid-context-menu:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-selected-blur, .grid:not(.grid-legacy).grid-blurred .grid-row.grid-gutter-row-selected-blur, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-selected-blur, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-gutter-row-selected-blur {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-selected-blur:hover, .grid:not(.grid-legacy).grid-blurred .grid-row.grid-gutter-row-selected-blur:hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-selected-blur:hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-gutter-row-selected-blur:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-selected-blur:hover .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-row.grid-gutter-row-selected-blur:hover .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-selected-blur:hover .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-gutter-row-selected-blur:hover .grid-context-menu {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-selected-blur:hover .grid-context-menu:hover, .grid:not(.grid-legacy).grid-blurred .grid-row.grid-gutter-row-selected-blur:hover .grid-context-menu:hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-selected-blur:hover .grid-context-menu:hover, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-gutter-row-selected-blur:hover .grid-context-menu:hover {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.grid:not(.grid-legacy).grid-blurred .grid-row.grid-row-selected-blur .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-row.grid-gutter-row-selected-blur .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-row-selected-blur .grid-context-menu, .grid:not(.grid-legacy).grid-blurred .grid-gutter-row.grid-gutter-row-selected-blur .grid-context-menu {
  display: inline-block;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid:not(.grid-legacy) .grid-row {
  border: 0;
}

.grid:not(.grid-legacy) .grid-gutter-row {
  border: 0;
}

.grid:not(.grid-legacy) .grid-cell {
  padding-top: 6px;
  padding-bottom: 7px;
  line-height: 17px;
}

.grid:not(.grid-legacy) a:link {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.grid:not(.grid-legacy) a:visited {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.grid-focus {
  width: 50%;
  height: 3px;
  position: absolute;
  top: 5px;
  outline: none;
}

.grid-canvas {
  overflow: auto;
  position: absolute;
  outline: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.grid-canvas-droppable {
  z-index: -1;
}

.grid-content-spacer {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-bottom: 3px;
}

.grid-header {
  left: 0;
  right: 0;
  top: 0;
  height: 2.2em;
  overflow: hidden;
  position: absolute;
  z-index: 6;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 12px;
}

.grid-header .grid-header-canvas {
  border-bottom: 1px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 999999px;
  overflow: hidden;
}

.grid-header .grid-header-column {
  overflow: visible;
  position: relative;
  float: left;
  cursor: default;
  height: 100%;
  width: 20px;
  border-right: 1px solid transparent;
  /* Disable text selection in column headers since they are are click-drag targets.*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.grid-header .grid-header-column:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.grid-header .grid-header-column:focus {
  outline: 0;
  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;
}

@media screen and (-ms-high-contrast: active) {
  .grid-header .grid-header-column:focus {
    color: highlighttext !important;
    background-color: highlight !important;
    border-color: highlight !important;
    -ms-high-contrast-adjust: none;
  }
}

.grid-header .grid-header-column > .separator {
  background: url("../../_content/updownsep.png") -1000px 0 repeat-y;
  width: 12px;
  position: absolute;
  cursor: e-resize;
  right: -4px;
  top: 0;
  bottom: 0;
  z-index: 6;
}

.grid-header .grid-header-column > .sort-handle {
  width: 12px;
  position: absolute;
  top: 0;
  right: -5000px;
  height: 10px;
  z-index: 3;
  overflow: hidden;
  left: 49%;
}

.grid-header .grid-header-column > .title {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
  cursor: default;
  padding: 4px;
}

.grid-header .grid-header-column > .title i {
  font-size: 12px;
  text-indent: 0;
}

.grid-header .grid-header-column.moving {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: 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 );
}

.grid-header .grid-header-column > .indented-title {
  text-indent: 16px;
}

.grid-header .grid-column-moving {
  position: absolute;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  padding: 4px;
  padding-top: 7px;
  height: 100%;
}

.grid-column-sizing {
  position: absolute;
  z-index: 5;
  border-left:  solid 1px;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  opacity: 0.5;
  width: 0;
}

.grid-column-moving-placer {
  background: url("../../_content/columnmove.png") -2px -4px;
  width: 7px;
  height: 4px;
  position: absolute;
  z-index: 100;
  font-size: 1pt;
}

.grid-gutter {
  left: 0;
  top: 0;
  width: 20px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  z-index: 6;
}

.grid-gutter.grid-gutter-behind {
  z-index: auto;
}

.grid-gutter-canvas {
  left: 0;
  top: 0;
  width: 29px;
  height: 1px;
  position: absolute;
  z-index: 5;
}

.grid-gutter-header {
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 7;
}

.grid-gutter-row {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 1em;
}

.grid-gutter-cell {
  height: 100%;
  vertical-align: middle;
  position: relative;
  float: left;
  overflow: hidden;
  cursor: default;
  display: table-cell;
  border: 0;
}

.grid-gutter-cell.grid-gutter-drop {
  opacity: 0;
}

.grid-gutter-cell.grid-gutter-drop:hover {
  opacity: 1;
}

.grid-gutter-menu {
  width: 12px;
  margin: 0 3px;
}

.grid-gutter-icon {
  width: 16px;
  height: 100%;
}

.grid-gutter-row-normal {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 1px solid transparent;
  border-right: 0;
}

.grid-gutter-row-selected {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 1px solid transparent;
  border-right: 0;
}

.grid-gutter-row-selected .grid-gutter-cell.grid-gutter-drop {
  opacity: 1;
}

.grid-gutter-row-selected-blur {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border: 1px solid transparent;
  border-right: 0;
}

.grid-gutter-row-selected-blur .grid-gutter-cell.grid-gutter-drop {
  opacity: 1;
}

.grid-gutter-row-current {
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: transparent;
  border-right: 0;
}

.grid-row {
  position: absolute;
  overflow: hidden;
  width: 100%;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  cursor: default;
  margin: 0;
}

.grid-row.context-menu-clicked > .grid-cell > .grid-context-menu {
  border: 1px solid transparent;
}

.grid-row a {
  text-decoration: none;
}

.grid-row a:hover {
  text-decoration: underline;
}

.grid-row-dragHover {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.grid-row-normal {
  border: solid 1px transparent;
}

.grid-row-selected {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  border:  1px solid;
  border-color: rgba( 222, 236, 249 ,  1 );
  border-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.grid-row-selected .grid-context-menu {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.grid-row-selected > .grid-cell > .grid-context-menu {
  display: inline-block;
}

.grid-row-selected > .grid-cell > .grid-context-menu:hover {
  border: 1px solid transparent;
}

.grid-row-selected-blur {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid-row-selected-blur > .grid-cell > .grid-context-menu {
  display: inline-block;
}

.grid-row-selected-blur > .grid-cell > .grid-context-menu:hover {
  border: 1px solid transparent;
}

.grid-row-current {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.grid-row-current.grid-row-selected {
  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( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.grid-row-drop-active {
  border-top: 2px solid rgba(0, 120, 212, 1);
  border-top: 2px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.grid-row-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( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.grid-row-group {
  position: absolute;
  border-bottom:  solid 1px;
  border-bottom-color: rgba( 244, 244, 244 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  overflow: hidden;
  width: 100%;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  cursor: default;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-weight: bold;
}

.grid-cell {
  vertical-align: middle;
  position: relative;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  width: 100px;
  cursor: default;
  display: table-cell;
  padding: 4px;
  border: 0;
  height: 100%;
}

.grid-cell input[type="checkbox"] {
  margin: 0;
}

.grid-cell-first {
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
  cursor: default;
}

.grid-tree-icon {
  position: absolute;
  cursor: pointer;
  text-indent: 0;
  margin-top: 2px;
}

.grid-cell-contents-container {
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-context-menu-container {
  display: none;
  float: right;
  width: 30px;
  height: 30px;
  margin: -6px -4px 0 0;
  padding-top: 6px;
  text-align: center;
  text-indent: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.grid-context-menu {
  cursor: pointer;
}

.grid-context-menu > .bowtie-icon.grid-context-menu-icon {
  margin: 0;
  padding: 0;
}

.grid-context-menu-popup-pin {
  position: absolute;
  width: 0;
  height: 0;
}

input#header-checkbox {
  margin: 8px 0 5px 7px;
}

/** Automatically converted from Histogram.css **/
.histogram {
  position: relative;
}

.histogram > .bar, .histogram > div.bar {
  position: absolute;
}

.histogram > .bar:focus, .histogram > div.bar:focus {
  outline: 1px dashed rgba( 0, 0, 0 ,  1 ) !important;
  outline: 1px dashed rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.histogram > .bar.default {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

/** Automatically converted from InformationAreaControl.css **/
.information-title {
  font-size: 18px;
  padding-left: 10px;
}

.information-summary {
  padding-left: 10px;
}

.information-area-control {
  position: relative;
  width: 100%;
  padding: 10px;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin-top: 5px;
}

/* contains the collapse/expand indicator and the title */
.information-area-control .information-header {
  position: relative;
}

.information-area-control .information-header .collapse-indicator {
  cursor: pointer;
}

.information-area-control .information-header .collapse-indicator.content-expanded {
  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;
}

.information-area-control .information-header .collapse-indicator.content-expanded::before {
  content: "\E9CB";
}

.information-area-control .information-header .collapse-indicator.content-collapsed {
  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;
}

.information-area-control .information-header .collapse-indicator.content-collapsed::before {
  content: "\E9CD";
}

/* the text that appears above the box */
.information-area-control .information-header .information-caption {
  font-size: 18px;
  vertical-align: middle;
  padding-bottom: 4px;
  display: inline-block;
  cursor: pointer;
}

/* the "box" that can be "collapsed" */
.information-area-control .information-content {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
  padding: 5px;
}

/* a header that appears inside the box */
.information-area-control .information-content .detail-header {
  font-size: 18px;
}

/* content that appears inside the box. basically a paragraph */
.information-area-control .information-content .detail-content {
  padding-bottom: 8px;
}

/* code content */
.information-area-control .information-content .code-content {
  font-family: Menlo, Consolas, Courier New, monospace;
  margin-left: 10px;
}

.information-area-control a {
  color: rgba( 0, 69, 120 ,  1 );
  color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

/** Automatically converted from KeyboardShortcuts.css **/
.ui-dialog .ui-dialog-content.keyboard-shortcut-dialog {
  margin: 0;
  margin-bottom: 30px;
  padding: 14px 24px 0px 14px;
}

.keyboard-shortcut-container {
  display: inline-block;
  width: 100%;
}

.keyboard-shortcut-groups {
  display: inline-block;
  width: 100%;
}

.keyboard-shortcut-group {
  padding-bottom: 10px;
  float: left;
  width: 270px;
  margin-right: 5px;
}

.keyboard-shortcut-group th {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-align: left;
  padding-bottom: 12px;
}

.keyboard-shortcut-group table {
  margin: 12px 0 0 0;
}

.keyboard-shortcut-group td {
  height: 32px;
  padding: 0 0 0 3px;
  vertical-align: top;
  word-break: break-word;
}

.keyboard-shortcut-group td.keys-definition {
  text-align: right;
  width: 135px;
}

.keyboard-shortcut-group td.keys-description {
  padding: 2px 0 0 4px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  width: 135px;
}

.keyboard-shortcut-group kbd {
  font-family: inherit;
  display: inline-block;
  box-sizing: border-box;
  min-width: 25px;
  height: 24px;
  font-size: 15px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  text-align: center;
  padding: 0 7px 0 7px;
  margin: 0 8px 0 0;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  0px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  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;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

.keyboard-shortcut-helplink {
  float: right;
}

/*Menu control styles*/
.menu-bar, .menu-popup, .menu-popup-static {
  position: relative;
}

.menu, .menu-bar, .menu-popup, .menu-popup-static {
  list-style-type: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.sub-menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.menu-bar .menu,
.menu-popup .menu,
.menu-popup-static .menu {
  position: fixed;
  left: -50000px;
  top: -50000px;
  z-index: 2000;
}

.menu-popup {
  height: 0;
  width: 0;
}

.menu {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  min-width: 150px;
  max-width: 400px;
  -moz-box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.5);
  -webkit-box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.5);
  box-shadow: 3px 3px 3px rgba(160, 160, 160, 0.5);
}

.menu:focus {
  outline: none;
}

.menu > .menu-item,
.menu > .menu-item-container > .menu-item {
  cursor: pointer;
  padding: 5px 0;
  margin-right: 4px;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menu > .menu-item > .separator,
.menu > .menu-item-container > .menu-item > .separator {
  height: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-top: 1px solid transparent;
  cursor: default;
}

.menu > .menu-item:focus,
.menu > .menu-item-container > .menu-item:focus {
  outline: none;
}

.menu > .menu-item.hover,
.menu > .menu-item-container > .menu-item.hover {
  background-color: rgba( 222, 236, 249 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ) !important;
}

.menu > .menu-item.focus,
.menu > .menu-item-container > .menu-item.focus {
  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;
}

.menu.focus {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.menu > .menu-item.people,
.menu > .menu-item-container > .menu-item.people {
  height: 38px;
}

.menu > .menu-item.people > span.text,
.menu > .menu-item-container > .menu-item.people > span.text {
  padding-left: 20px;
}

.menu > .menu-item.people > span.icon,
.menu > .menu-item.people > span.bowtie-icon,
.menu > .menu-item-container > .menu-item.people > span.icon,
.menu > .menu-item-container > .menu-item.people > span.bowtie-icon {
  width: 32px;
  height: 32px;
}

.menu.invisible {
  display: none !important;
}

.menu.sub-menu {
  text-align: left;
  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: 12px;
}

.menu.sub-menu:empty {
  border: none;
  padding: 0;
}

.menu.sub-menu > .menu-item,
.menu.sub-menu > .menu-item-container > .menu-item {
  padding: 4px;
  margin: 1px;
}

.menu.sub-menu > .menu-item .icon,
.menu.sub-menu > .menu-item .bowtie-icon,
.menu.sub-menu > .menu-item-container > .menu-item .icon,
.menu.sub-menu > .menu-item-container > .menu-item .bowtie-icon {
  margin: 1px 10px 0 0;
  float: left;
}

.menu.sub-menu > .menu-item.menu-item-separator,
.menu.sub-menu > .menu-item-container > .menu-item.menu-item-separator {
  cursor: default;
}

.menu.sub-menu > .menu-item.people,
.menu.sub-menu > .menu-item-container > .menu-item.people {
  padding-top: 2px;
}

.menu.sub-menu > .menu-item.hover,
.menu.sub-menu > .menu-item-container > .menu-item.hover {
  cursor: pointer;
  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( 222, 236, 249 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ) !important;
}

.menu > .menu-item > .drop, .menu > .menu-item-container > .menu-item > .drop {
  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;
  width: 16px;
  overflow: hidden;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  float: right;
  margin-top: 1px;
}

.menu > .menu-item > .drop::before, .menu > .menu-item-container > .menu-item > .drop::before {
  content: "\E9A9";
}

.menu-item {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: nowrap;
}

.menu-item.pin-visible .text {
  margin-right: 45px;
}

.menu-item.drop-visible {
  text-overflow: initial;
}

.menu-item.drop-visible .text {
  padding-right: 10px;
}

.menu-item.invisible {
  display: none !important;
}

.menu-item.right-align {
  float: right;
}

.menu-item.toggle-on {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.menu-item.toggle-on a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.menu-item.toggle-on a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.menu-item.toggle-on .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.menu-item.toggle-on.hover {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.menu-item.toggle-on span {
  outline: 1px dashed rgba( 0, 0, 0 ,  1 ) !important;
  outline: 1px dashed rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.menu-item.disabled {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  text-decoration: line-through !important;
}

.menu-item.disabled .icon,
.menu-item.disabled .drop,
.menu-item.disabled .bowtie-icon {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.menu-item.disabled .text {
  text-decoration: line-through !important;
}

.menu-item > .pin {
  vertical-align: middle;
  position: absolute;
  right: 5px;
  overflow: hidden;
  padding: 0 1px;
  border: 1px solid transparent;
}

.menu-item > .pin:hover, .menu-item > .pin:focus {
  border: 1px solid rgba(0, 0, 0, .9);
  border: 1px solid var(--text-primary-color,rgba(0, 0, 0, .9));
}

.menu-item .text {
  padding-right: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-item.focus > .text,
.menu-item.hover > .text {
  text-decoration: underline;
}

.menu-item .text-separator {
  font-weight: bold;
  margin: 5px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.menu-item.focus {
  outline: none;
}

.menu-bar {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.menu-bar > .menu-item-container {
  display: inline-block;
}

.menu-bar > .menu-item,
.menu-bar > .menu-item-container > .menu-item {
  display: inline-block;
  max-width: 250px;
  padding: 3px 6px 3px 6px;
  margin: 0;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menu-bar > .menu-item.hover > span,
.menu-bar > .menu-item-container > .menu-item.hover > span {
  cursor: pointer;
  text-decoration: underline;
}

.menu-bar > .menu-item.hover > span.drop, .menu-bar > .menu-item.hover > span.icon, .menu-bar > .menu-item.hover > span.bowtie-icon,
.menu-bar > .menu-item-container > .menu-item.hover > span.drop,
.menu-bar > .menu-item-container > .menu-item.hover > span.icon,
.menu-bar > .menu-item-container > .menu-item.hover > span.bowtie-icon {
  text-decoration: none;
}

.menu-bar > .menu-item.hover.icon-only,
.menu-bar > .menu-item-container > .menu-item.hover.icon-only {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.menu-bar > .menu-item.hover > .pin,
.menu-bar > .menu-item-container > .menu-item.hover > .pin {
  display: inline-block;
}

.menu-bar > .menu-item.icon-only.pressed,
.menu-bar > .menu-item-container > .menu-item.icon-only.pressed {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.menu-bar > .menu-item.icon-only > .menu-item-icon,
.menu-bar > .menu-item-container > .menu-item.icon-only > .menu-item-icon {
  margin-right: 0;
}

.menu-bar > .menu-item.icon-only.focus.hover .menu-item-icon,
.menu-bar > .menu-item-container > .menu-item.icon-only.focus.hover .menu-item-icon {
  outline: 1px dashed rgba( 0, 0, 0 ,  1 ) !important;
  outline: 1px dashed rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.menu-bar > .menu-item.focus,
.menu-bar > .menu-item-container > .menu-item.focus {
  outline: 1px solid rgba( 199, 224, 244 ,  1 );
  outline: 1px solid rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.menu-bar > .menu-item.focus.disabled,
.menu-bar > .menu-item-container > .menu-item.focus.disabled {
  outline: 1px solid rgba( 166, 166, 166 ,  1 );
  outline: 1px solid rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.menu-bar > .menu-item.disabled,
.menu-bar > .menu-item-container > .menu-item.disabled {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.menu-bar > .menu-item > .icon,
.menu-bar > .menu-item > .bowtie-icon,
.menu-bar > .menu-item-container > .menu-item > .icon,
.menu-bar > .menu-item-container > .menu-item > .bowtie-icon {
  margin: 0 6px 0 0;
  height: 16px;
  width: 16px;
  vertical-align: bottom;
}

.menu-bar > .menu-item > .separator,
.menu-bar > .menu-item-container > .menu-item > .separator {
  width: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 1em;
  border-left: 1px solid transparent;
}

.menu-bar > .menu-item > .pin,
.menu-bar > .menu-item-container > .menu-item > .pin {
  display: none;
}

.menu-bar > .menu-item > .drop,
.menu-bar > .menu-item-container > .menu-item > .drop {
  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;
  -ms-high-contrast-adjust: none;
}

.menu-bar > .menu-item > .drop::before,
.menu-bar > .menu-item-container > .menu-item > .drop::before {
  content: "\E9C9";
}

/* Bowtie menu style */
.bowtie-menus .menu.sub-menu {
  font-size: 13px;
}

.bowtie-menus .menu.sub-menu:not(:empty) {
  padding-top: 4px;
  padding-bottom: 4px;
}

.bowtie-menus .menu.sub-menu > .menu-item,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item {
  padding: 5px 10px 2px 10px;
  margin: 0;
  min-height: 30px;
}

.bowtie-menus .menu.sub-menu > .menu-item span.text,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item span.text {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.bowtie-menus .menu.sub-menu > .menu-item .menu-item-icon ~ span.text,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item .menu-item-icon ~ span.text {
  width: calc(100% - 26px);
}

.bowtie-menus .menu.sub-menu > .menu-item .drop ~ span.text,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item .drop ~ span.text {
  width: calc(100% - 26px);
}

.bowtie-menus .menu.sub-menu > .menu-item .drop ~ .menu-item-icon ~ span.text,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item .drop ~ .menu-item-icon ~ span.text {
  width: calc(100% - 42px);
}

.bowtie-menus .menu.sub-menu > .menu-item.drop-visible .text,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item.drop-visible .text {
  float: left;
}

.bowtie-menus .menu.sub-menu > .menu-item.menu-item-separator,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item.menu-item-separator {
  min-height: 0;
  border: none;
  padding: 4px 0px;
}

.bowtie-menus .menu.sub-menu > .menu-item.menu-item-separator .text-separator,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item.menu-item-separator .text-separator {
  padding-left: 11px;
}

.bowtie-menus .menu.sub-menu > .menu-item.hover,
.bowtie-menus .menu.sub-menu > .menu-item-container > .menu-item.hover {
  border:  1px solid;
  border-color: rgba( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  background-color: rgba( 239, 246, 252 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ) !important;
}

.menu-item-container > a.menu-item {
  display: block;
}

.menu-item-container:focus {
  outline: 1px dashed rgba( 0, 0, 0 ,  1 ) !important;
  outline: 1px dashed rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.menu-item-icon {
  width: 16px;
}

a.menu-item.hover {
  text-decoration: none;
}

/** Automatically converted from MessageAreaControl.css **/
.message-area-control {
  font-size: 12px;
  position: relative;
  padding: 8px;
  word-wrap: break-word;
  white-space: pre-line;
}

.message-area-control .clickable {
  cursor: pointer;
}

.message-area-control.info-message {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.message-area-control.info-message a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.message-area-control.info-message a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.message-area-control.info-message .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.message-area-control.warning-message {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.message-area-control.warning-message a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.message-area-control.warning-message a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.message-area-control.warning-message .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.message-area-control.error-message {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.message-area-control.error-message a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.message-area-control.error-message a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.message-area-control.error-message .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.message-area-control .message-icon {
  float: left;
  margin-right: 5px;
}

.message-area-control .message-icon .bowtie-status-info-outline {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.message-area-control .message-icon .bowtie-icon {
  vertical-align: top;
}

.message-area-control.closeable .message-header {
  margin-right: 16px;
}

.message-area-control .show-details-action {
  padding-left: 4px;
  text-transform: none;
}

.message-area-control a {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.message-area-control .close-action {
  cursor: pointer;
  position: absolute;
  padding: 8px;
  right: 0;
  top: 0;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  display: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.message-area-control.closeable .close-action {
  display: block;
}

.message-area-control.closeable .close-action:hover {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.message-area-control .message-header + .error-content {
  padding-top: 10px;
}

/** Automatically converted from PerfPanel.css **/
.perf-panel {
  background-color: rgba(0, 0, 0, .9);
  background-color: var(--text-primary-color,rgba(0, 0, 0, .9));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.perf-panel .perf-section {
  line-height: 20px;
  padding: 0 10px;
}

.perf-panel .perf-section:not(:first-child) {
  border-left: 1px solid white;
}

.perf-panel .perf-section:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.perf-panel .perf-label {
  display: inline-block;
  padding: 0 15px 0 10px;
}

.perf-panel .perf-data {
  padding: 0 8px;
}

.perf-panel .segment-label {
  margin-right: 5px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.perf-panel .scenario {
  margin: 0 8px;
}

.perf-panel-dialog {
  z-index: 10000;
}

.perf-panel-dialog .resource-actions {
  margin-bottom: 10px;
}

.perf-panel-dialog .resource-action > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.perf-panel-dialog .reload-warning {
  margin-top: 10px;
  color: red;
}

.perf-panel-dialog .scenarios-grid {
  height: calc(100% - 80px);
}

.perf-panel-dialog .scenarios-summary-table {
  width: 100%;
  margin-bottom: 10px;
  color: white;
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.perf-panel-dialog .scenarios-summary-table td, .perf-panel-dialog .scenarios-summary-table th {
  padding: 5px;
  text-align: center;
  width: 25%;
}

.perf-panel-dialog .perf-data-table {
  width: 100%;
  margin-bottom: 20px;
}

.perf-panel-dialog .perf-data-table td, .perf-panel-dialog .perf-data-table th {
  padding: 5px;
}

.perf-panel-dialog .perf-data-table th {
  text-align: left;
}

.perf-panel-dialog .perf-data-table tr:nth-child(even) {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.perf-panel-dialog .perf-data-table .timing {
  width: 10%;
}

.perf-panel-dialog .perf-data-table .resource-size {
  width: 10%;
}

.perf-panel-dialog .perf-feedback-email {
  margin-bottom: 10px;
}

.perf-panel-dialog .perf-feedback-json {
  width: 100%;
  height: 90%;
}

.ci-events-panel-dialog {
  z-index: 10000;
}

.ci-events-panel-dialog .ci-events-data-table {
  width: 100%;
  margin-bottom: 20px;
}

.ci-events-panel-dialog .ci-events-data-table td, .ci-events-panel-dialog .ci-events-data-table th {
  padding: 5px;
}

.ci-events-panel-dialog .ci-events-data-table th {
  text-align: left;
}

.ci-events-panel-dialog .ci-events-data-table tr:nth-child(even) {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.ci-events-panel-dialog .ci-events-data-table .properties {
  white-space: pre;
}

.perf-bundles-dialog .immediate {
  font-weight: 700;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.perf-bundles-dialog .selected {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.perf-bundles-dialog .selected:hover, .perf-bundles-dialog .selected:visited {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.perf-bundles-dialog .caller {
  background-color: green;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.perf-bundles-dialog .caller:hover, .perf-bundles-dialog .caller:visited {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.perf-bundles-dialog .bundle-view {
  height: calc(100% - 60px);
  overflow: auto;
}

.perf-bundles-dialog .bundle-view .bundle-item > * {
  padding: 1px 2px;
  display: inline-block;
}

.perf-bundles-dialog .bundle-view .bundle-item .expand-collapse {
  width: 20px;
  text-decoration: none;
  color: black;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text {
  width: 720px;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text.vss-bundle-common {
  background-color: #f2cb1d;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text.vss-bundle-area {
  background-color: #009ccc;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text.vss-bundle-view {
  background-color: #6aefff;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text.vss-bundle-ext {
  background-color: #ff5cc3;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-size {
  width: 100px;
  text-align: right;
}

.perf-bundles-dialog .bundle-view .bundle-item .bundle-text, .perf-bundles-dialog .bundle-view .bundle-item .bundle-size {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  font-size: 18px;
  font-weight: 600;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item > * {
  padding: 1px 2px;
  display: inline-block;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .area-color {
  width: 20px;
  margin-left: 20px;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-text {
  width: 700px;
  text-decoration: none;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-size {
  width: 100px;
  text-align: right;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-size-visual {
  width: 250px;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-size-visual > * {
  display: inline-block;
  height: 10px;
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-size-visual .actual {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.perf-bundles-dialog .bundle-view .bundle-item .modules .module-item .module-size-visual .remaining {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.perf-bundles-dialog .bundles-actions {
  border-bottom:  2px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 35px;
}

.perf-bundles-dialog .bundles-legend {
  height: 25px;
  border-top:  2px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.perf-bundles-dialog .bundles-legend .bundles-legend-row {
  height: 100%;
  display: inline-table;
}

.perf-bundles-dialog .bundles-legend .legend-item {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2px;
}

.perf-bundles-dialog .bundles-legend .legend-description {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 5px;
}

.highlight-bundle-details {
  background-color: orangered;
  padding: 0 5px;
}

/** Automatically converted from PivotFilter.css **/
.pivot-filter {
  display: inline-block;
  margin: 0;
  padding: 1px 6px 1px 9px;
  /* Bugfix 186456. Adding 1px border to align with dropdown pivot-filter */
  border: 1px solid transparent;
  line-height: 21px;
  float: left;
}

.pivot-filter span.anchor {
  float: left;
  text-decoration: none;
  text-align: center;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  white-space: nowrap;
  cursor: pointer;
}

.pivot-filter .title {
  margin: 0 0.5em 0 0;
  white-space: nowrap;
  float: left;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30em;
}

/* adding a style to the ul to prevent mixing them with combo ul*/
.pivot-filter ul.pivot-filter-items {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  list-style: none;
  display: inline-block;
}

/* adding a style to the il to prevent mixing them with combo il*/
.pivot-filter li.pivot-filter-item {
  list-style: none;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: none;
  min-width: 10px;
}

.pivot-filter.radio li, .pivot-filter.checkbox li {
  padding-left: 6px;
}

.pivot-filter.radio li.pivot-filter-item {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  display: inline-block;
}

.pivot-filter.radio li.pivot-filter-item.selected span.anchor {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.pivot-filter li.pivot-filter-item.selected {
  display: inline-block;
}

.pivot-filter.dropdown {
  padding: 0px 5px 0px 9px;
  border: 1px solid transparent;
  border-bottom: 0;
}

.pivot-filter.dropdown > span.anchor.selected {
  overflow: hidden;
  max-width: 12em;
  text-overflow: ellipsis;
}

.pivot-filter.dropdown.active {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-bottom: 0;
}

.pivot-filter.dropdown li.menu-item {
  line-height: normal;
}

.pivot-filter.dropdown.bowtie-pivot-filter:hover {
  cursor: pointer;
}

.pivot-filter.dropdown.bowtie-pivot-filter > .selected {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

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

.pivot-filter.dropdown.bowtie-pivot-filter:hover > .selected {
  text-decoration: underline;
}

.pivot-filter.dropdown.bowtie-pivot-filter.active > .selected {
  text-decoration: none;
}

.pivot-filter.dropdown.bowtie-pivot-filter .drop-icon {
  padding-left: 5px;
}

.popup-content-control {
  display: none;
}

div.rich-content-tooltip.v2 {
  position: fixed;
  width: 400px;
  word-wrap: break-word;
  /* keep these values in sync with the ones in PopupContent.ts */
}

div.rich-content-tooltip.v2.auto-width {
  width: auto;
  max-width: 500px;
}

div.rich-content-tooltip.v2 .popup-content-container {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  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";
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  padding: 8px;
  margin: 11px 0;
  box-shadow: 0 0 15px -5px rgba( 0, 0, 0 ,  0.9 );
  box-shadow: 0 0 15px -5px rgba( var(--palette-neutral-100,0, 0, 0) ,  0.9 );
  /* Reset some styles so that we can be placed as a child of a menu item */
  white-space: normal;
  user-select: text;
  font-size: 12px;
  speak: normal;
}

body.ms-vss-web-vsts-theme-hc-dark div.rich-content-tooltip.v2 .popup-content-container {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba(0, 120, 212, 1);
  color: var(--focus-border-color,rgba(0, 120, 212, 1));
}

body.ms-vss-web-vsts-theme-hc-light div.rich-content-tooltip.v2 .popup-content-container {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba(0, 120, 212, 1);
  color: var(--focus-border-color,rgba(0, 120, 212, 1));
}

div.rich-content-tooltip.v2 .popup-content-container.mouse {
  margin-top: 27px;
}

div.rich-content-tooltip.v2 .popup-tag {
  position: fixed;
}

div.rich-content-tooltip.v2 .popup-tag::before {
  position: absolute;
  pointer-events: none;
  content: " ";
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  border-left:  1px solid;
  border-left-color: rgba( 234, 234, 234 ,  1 );
  border-left-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border-top:  1px solid;
  border-top-color: rgba( 234, 234, 234 ,  1 );
  border-top-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

body.ms-vss-web-vsts-theme-hc-dark div.rich-content-tooltip.v2 .popup-tag::before {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--focus-border-color,rgba(0, 120, 212, 1));
}

body.ms-vss-web-vsts-theme-hc-light div.rich-content-tooltip.v2 .popup-tag::before {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--focus-border-color,rgba(0, 120, 212, 1));
}

div.rich-content-tooltip.v2 .popup-tag.flipped::before {
  border-left: 0;
  border-top: 0;
  border-right:  1px solid;
  border-right-color: rgba( 234, 234, 234 ,  1 );
  border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 234, 234, 234 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/** Automatically converted from RichEditorControl.css **/
/*RichEditor Control Styles*/
.richeditor-container {
  position: relative;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin-top: 20px;
}

.richeditor-container.no-toolbar {
  margin-top: 0px;
}

.richeditor-container.focus-rich-text {
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.richeditor-container textarea {
  position: absolute;
  border: none;
  width: 1px;
  height: 1px;
  outline: 0;
  resize: none;
}

.richeditor-editarea {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* needed for high DPI where the iframe overlaps the border from richeditor-container */
}

.richeditor-editarea > iframe {
  width: 100%;
  /* Setting this as !important to ensure Chrome plugins like Grammarly 
       don't overwrite our height since we resize the parent container and expect the IFrame to 
       reflow 
    */
  height: 100% !important;
  z-index: 10;
}

.richeditor-toolbar {
  position: absolute;
  top: -23px;
  left: 0;
  height: 20px;
  width: 100%;
}

button.richeditor-toolbar-button {
  border: inherit;
  background-color: transparent;
  padding: inherit;
  width: 20px;
  height: 100%;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

button.richeditor-toolbar-button:disabled {
  border: none !important;
  cursor: auto;
}

.richeditor-toolbar-group {
  height: 100%;
  display: inline-block;
}

.richeditor-toolbar-group {
  display: inline;
}

.richeditor-toolbar-combo {
  width: 125px;
  height: 100%;
  display: inline-block;
}

.richeditor-toolbar-button:not([disabled]):hover,
.richeditor-toolbar-button:not([disabled]):focus {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.richeditor-navigator {
  position: absolute;
  top: -19px;
  right: 0;
  padding: 1px;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.richeditor-navigator > a.focus {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.richeditor-urltooltip {
  position: absolute;
  padding: 5px;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-width: 2px;
  max-width: 290px;
  display: block;
  word-wrap: break-word;
}

/** Automatically converted from StatusIndicator.css **/
.status-indicator {
  margin-right: 5px;
}

.status-indicator.inline {
  display: inline;
}

.status-indicator.center {
  width: 100%;
  height: 100%;
}

.status-inline {
  display: inline;
}

.status-indicator.center > .status {
  height: 100%;
}

.status-indicator.center > .status table {
  height: 100%;
  width: 100%;
  text-align: center;
}

.status-progress {
  background: url("../../_content/spinner.gif");
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
}

.progress-spinner {
  background: url("../../_content/progress-spinner.gif");
}

.big-status-progress {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.big-status-progress:before {
  position: relative;
  content: url("../../_content/big-progress.gif");
  left: 0;
  top: 0;
}

.tabbed-dialog {
  margin-right: 24px;
}

.platform-tab-collection {
  height: 100%;
  overflow: hidden;
  /* Arrow Scrollbar */
  /* Place the arrow icon on top of the scroll button area */
}

.platform-tab-collection .tab-collection-container {
  height: 100%;
  width: 100%;
  position: relative;
}

.platform-tab-collection .error-message {
  font: normal 12px Segoe UI;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.platform-tab-collection .common-message-area {
  width: 100%;
}

.platform-tab-collection .common-message-area .error-message {
  margin-left: 5px;
}

.platform-tab-collection .common-message-area .error-message-icon {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.platform-tab-collection .tabs-titles-container {
  height: 100%;
  width: 200px;
  display: inline-block;
  overflow: hidden;
  border-right:  1px solid;
  border-right-color: rgba( 234, 234, 234 ,  1 );
  border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  margin: 0;
}

.platform-tab-collection .tabs-titles {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.platform-tab-collection .tabs-titles .group-title {
  font-size: 18px;
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  cursor: default;
  padding: 18px 8px 8px 24px;
  font-weight: 400;
  margin: 0;
}

.platform-tab-collection .tabs-titles .group-title:first-of-type {
  padding: 0px 8px 7px 24px;
}

.platform-tab-collection .tabs-titles li.tab-title {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  margin: 0;
  padding: 6px 24px 8px 24px;
  cursor: pointer;
}

.platform-tab-collection .tabs-titles li.tab-title:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.platform-tab-collection .tabs-titles li.current {
  font-weight: 700;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border: none;
  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;
}

.platform-tab-collection .tabs-titles li.isDirty .tab-title-text {
  font-weight: bolder;
}

.platform-tab-collection .tabs-titles li.isDirty .tab-title-text::after {
  content: " *";
}

.platform-tab-collection .tabs-titles li.tab-title .tab-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.platform-tab-collection .tabs-contents-container {
  position: relative;
  width: calc(100% - 240px);
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 3px 24px 0 15px;
  vertical-align: top;
  overflow: auto;
}

.platform-tab-collection .tab-content-container {
  padding: 0px;
  margin: 0px;
  display: none;
}

.platform-tab-collection .tab-content-apply-panel {
  background-color: lightyellow;
  padding: 2px 20px 2px 20px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  height: 28px;
  display: none;
}

.platform-tab-collection .tab-content-apply-btn {
  background-color: lightyellow;
  border-radius: 5px;
  width: 150px;
  padding: 2px 20px 2px 20px;
  text-align: center;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  float: right;
  cursor: pointer;
}

.platform-tab-collection .tab-control-overlay {
  opacity: 0.8;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.platform-tab-collection .hide-tabs-pane .tabs-titles-container {
  display: none;
}

.platform-tab-collection .hide-tabs-pane .tabs-contents-container {
  width: 100%;
  margin: 0;
}

.platform-tab-collection .settings-message-area {
  min-height: 22px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.platform-tab-collection .settings-message-area .error-message {
  margin-right: 10px;
  margin-left: 20px;
}

.platform-tab-collection .arrow-scroll-button {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  position: absolute;
  cursor: pointer;
}

.platform-tab-collection .arrow-scroll-button:hover {
  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( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.platform-tab-collection .arrow-scroll-button.pressed {
  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 );
}

.platform-tab-collection .arrow-scroll-button.vertical {
  height: 15px;
  width: 200px;
}

.platform-tab-collection .arrow-scroll-button.prev.vertical {
  top: 0px;
  /* position arrow on the top */
}

.platform-tab-collection .arrow-scroll-button.next.vertical {
  bottom: 0px;
  /* position arrow on the bottom */
}

.platform-tab-collection .arrow-scroll-button.prev.vertical::before {
  content: "\25b2";
  /* arrow up */
  padding-left: 93px;
  position: absolute;
  top: -2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.platform-tab-collection .arrow-scroll-button.next.vertical::before {
  content: "\25bc";
  /* arrow down */
  padding-left: 93px;
  position: absolute;
  top: -2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.platform-tab-collection .arrow-scroll-button.horizontal {
  height: 42px;
  width: 18px;
}

.platform-tab-collection .arrow-scroll-button.prev.horizontal {
  top: 0px;
  /* position arrow on the top left */
  left: 0px;
}

.platform-tab-collection .arrow-scroll-button.next.horizontal {
  top: 0px;
  /* position arrow on the top right */
  right: 0px;
  padding-left: 0px;
}

.platform-tab-collection .arrow-scroll-button.prev.horizontal::before {
  content: "\25c0";
  /* arrow left */
  padding-left: 0px;
  position: absolute;
  top: 28%;
  left: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.platform-tab-collection .arrow-scroll-button.next.horizontal::before {
  content: "\25b6";
  /* arrow right */
  padding-left: 0px;
  position: absolute;
  top: 28%;
  left: 2px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

/** Automatically converted from TabbedNavigationView.css **/
/*TabbedNavigationView control styles*/
.navigation-view-tab {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}

.tabbed-navigation-error {
  padding: 10px;
}

/** Automatically converted from ToastNotification.css **/
.toast-notification {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

/** Automatically converted from Toolbar.css **/
.toolbar {
  height: 38px;
  overflow: hidden;
  padding: 0px;
  margin: 0px 10px;
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 200, 200, 200 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font: 12px "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";
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

/* This is required for IE8's border bottom issue.  Can't set the border-bottom explicitly.*/
.toolbar.no-border-bottom {
  border-bottom: 0;
}

/* 
    TODO : Instead of writing rules for "workitemcontrol", its better to add "toolbar" inside it.
    Right now, there is just a menu bar inside a workitemcontrol. If we can add a toolbar in a workitemcontrol
    that holds the menubar, we can remove the workitemcontrol rules.
*/
.toolbar .menu.sub-menu > .menu-item,
.toolbar .menu.sub-menu > .menu-item-container > .menu-item {
  padding: 10px;
}

.toolbar .menu-bar,
.workitemcontrol .menu-bar {
  padding: 0px;
  overflow: hidden;
  /* 
        Targets all menu-items that are preceded by another menu-item or all but the first menu-item.  Allows us to style 
        the first element since first-child fails when the focus element exists before the first menu-item.  
    */
}

.toolbar .menu-bar > .menu-item,
.toolbar .menu-bar > .menu-item-container > .menu-item,
.workitemcontrol .menu-bar > .menu-item,
.workitemcontrol .menu-bar > .menu-item-container > .menu-item {
  margin: 0px 2.5px 0px 0px;
  /* will be overwritten for non-first menu-items */
  padding: 9px;
  cursor: pointer;
  /* Firefox has a rendering weirdness where it makes menu items 37px instead of 36px.
           We set max-height instead of height because some toolbars are deliberately smaller than $toolbarHeight.
        */
  max-height: 36px;
}

.toolbar .menu-bar > .menu-item ~ .menu-item,
.toolbar .menu-bar > .menu-item-container > .menu-item ~ .menu-item,
.workitemcontrol .menu-bar > .menu-item ~ .menu-item,
.workitemcontrol .menu-bar > .menu-item-container > .menu-item ~ .menu-item {
  margin: 0px 2.5px;
}

.toolbar .menu-bar > .menu-item > .icon,
.toolbar .menu-bar > .menu-item-container > .menu-item > .icon,
.workitemcontrol .menu-bar > .menu-item > .icon,
.workitemcontrol .menu-bar > .menu-item-container > .menu-item > .icon {
  margin: 0;
}

.toolbar .menu-bar > .menu-item > .icon + .text,
.toolbar .menu-bar > .menu-item-container > .menu-item > .icon + .text,
.workitemcontrol .menu-bar > .menu-item > .icon + .text,
.workitemcontrol .menu-bar > .menu-item-container > .menu-item > .icon + .text {
  margin-left: 6px;
}

.toolbar .menu-bar > .menu-item,
.workitemcontrol .menu-bar > .menu-item {
  border: 1px solid transparent;
}

.toolbar .menu-bar .menu-item.disabled,
.workitemcontrol .menu-bar .menu-item.disabled {
  cursor: default;
}

.toolbar .menu-bar .menu-item.menu-item-separator,
.workitemcontrol .menu-bar .menu-item.menu-item-separator {
  padding: 1px;
  border: none;
  cursor: default;
}

.toolbar .menu-bar .menu-item.hover, .toolbar .menu-bar .menu-item:focus,
.workitemcontrol .menu-bar .menu-item.hover,
.workitemcontrol .menu-bar .menu-item:focus {
  outline: none;
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  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;
}

.toolbar .menu-bar .menu-item.toggle-on,
.workitemcontrol .menu-bar .menu-item.toggle-on {
  padding: 9px;
}

.toolbar .menu-bar .menu-item.pressed,
.workitemcontrol .menu-bar .menu-item.pressed {
  outline: none;
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.toolbar .menu-bar .menu-item.focus,
.workitemcontrol .menu-bar .menu-item.focus {
  outline: none;
  outline: 0;
}

.vss-focus-visible .toolbar .menu-bar .menu-item.focus, .vss-focus-visible
.workitemcontrol .menu-bar .menu-item.focus {
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible .toolbar .menu-bar .menu-item.focus, .vss-focus-visible
  .workitemcontrol .menu-bar .menu-item.focus {
    border: 1px dashed windowtext !important;
  }
}

.toolbar .menu-bar .menu-item.focus.disabled,
.workitemcontrol .menu-bar .menu-item.focus.disabled {
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.toolbar .menu-bar .menu-item .text,
.workitemcontrol .menu-bar .menu-item .text {
  padding: 0px;
  text-decoration: none;
  outline: none;
}

.toolbar ul.menu-bar > .menu-item.drop-visible.focus.hover,
.toolbar ul.menu-bar > .menu-item-container > .menu-item.drop-visible.focus.hover {
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  padding: 9px;
  outline: 0;
}

.vss-focus-visible .toolbar ul.menu-bar > .menu-item.drop-visible.focus.hover, .vss-focus-visible
.toolbar ul.menu-bar > .menu-item-container > .menu-item.drop-visible.focus.hover {
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .vss-focus-visible .toolbar ul.menu-bar > .menu-item.drop-visible.focus.hover, .vss-focus-visible
  .toolbar ul.menu-bar > .menu-item-container > .menu-item.drop-visible.focus.hover {
    border: 1px dashed windowtext !important;
  }
}

/*
* SplitDrop toolbar menu item styles (split-drop dropdown submenu works independently of the main split-drop-item nenuitem)
*/
.toolbar .menu-bar > .menu-item.drop-visible.split-drop,
.toolbar .menu-bar > .menu-item.drop-visible.split-drop.focus,
.toolbar .menu-bar > .menu-item.drop-visible.split-drop.focus.hover {
  margin-left: -4px;
  padding: 9px 2px;
  border: none;
}

.toolbar .menu-bar > .menu-item.drop-visible.split-drop.split-drop-hover,
.toolbar .menu-bar > .menu-item.split-drop-item.split-drop-hover {
  border-color: rgba( 222, 236, 249 ,  1 );
  border-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-style: solid;
  border-width: 1px;
}

.toolbar .menu-bar > .menu-item.split-drop-item.split-drop-hover {
  padding: 9px;
}

.toolbar .menu-bar > .menu-item.drop-visible.split-drop.split-drop-hover {
  padding: 9px 1px;
}

.toolbar .menu-bar > .menu-item.drop-visible.split-drop .menu {
  min-width: 0px;
}

/** Automatically converted from TreeView.css **/
/*TreeView Control Styles*/
/* Bowtie font size */
.tree-view.bowtie-tree {
  font-size: 13px;
}

.tree-view > ul.tree-children li {
  clear: both;
  outline: none;
}

.tree-view ul.tree-children {
  list-style-type: none;
  margin: 0px;
  padding-left: 0;
}

.tree-view > ul.tree-children {
  padding-left: 0px !important;
}

.tree-view > ul.tree-children li.node {
  margin: 0;
}

li.tree-drag-tile > div.node-context-menu,
.tree-view > ul.tree-children li > div.node-context-menu,
.tree-view > ul.tree-children li > div.node-no-context-menu {
  float: left;
  width: 16px;
  height: 24px;
  margin: 1px 1px 1px 0px;
  padding-top: 2px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* Bowtie context menu */
li.tree-drag-tile.bowtie-tree > div.node-context-menu,
.tree-view.bowtie-tree > ul.tree-children li > div.node-context-menu,
.tree-view.bowtie-tree > ul.tree-children li > div.node-no-context-menu {
  display: none;
  float: right;
  width: 30px;
  height: 30px;
  margin: 0;
  padding-top: 6px;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* Context menu icon visibility and styling */
.tree-view > ul.tree-children li > div.node-context-menu > .node-context-menu-icon {
  display: none;
  padding: 0;
  margin: 0;
}

.tree-view > ul.tree-children li.selected > div.node-context-menu > .node-context-menu-icon,
.tree-view > ul.tree-children li.focus > div.node-context-menu > .node-context-menu-icon,
.tree-view > ul.tree-children li > div.node-context-menu:hover > .node-context-menu-icon,
.tree-view > ul.tree-children li.context-menu-active > div.node-context-menu > .node-context-menu-icon {
  display: inline-block;
}

li.tree-drag-tile div.node-content,
.tree-view .tree-children div.node-content {
  white-space: nowrap;
  height: 24px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Bowtie node content */
li.tree-drag-tile.bowtie-tree div.node-content,
.tree-view.bowtie-tree .tree-children div.node-content {
  height: 30px;
}

li.tree-drag-tile > a,
.tree-view > ul.tree-children li > a {
  outline: none;
  text-decoration: none;
}

.tree-view .tree-node-img.icon {
  margin-right: 4px;
}

/* Bowtie node icons */
.tree-view.bowtie-tree .node-img {
  margin-right: 15px;
}

.tree-view.bowtie-tree .tree-node-img.icon {
  margin: 0 6px 0 0;
  width: 16px;
  height: 20px;
  overflow: hidden;
  vertical-align: middle;
}

.tree-view > ul.tree-children li.expanded > a > div.node-content > .node-img.icon {
  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;
}

.tree-view > ul.tree-children li.expanded > a > div.node-content > .node-img.icon::before {
  content: "\E9CB";
}

.tree-view > ul.tree-children li.collapsed > a > div.node-content > .node-img.icon {
  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;
}

.tree-view > ul.tree-children li.collapsed > a > div.node-content > .node-img.icon::before {
  content: "\E9CD";
}

/* Bowtie expanded node (rotates chevron down).  Also, fade chevrons out slowly after hover is lost. */
.tree-view.bowtie-tree > ul.tree-children li > a > div.node-content > .node-img.bowtie-chevron-right {
  opacity: 0;
  margin-right: 1px;
  -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}

.tree-view.bowtie-tree:hover > ul.tree-children li > a > div.node-content > .node-img.bowtie-chevron-right, .tree-view.bowtie-tree.focus > ul.tree-children li > a > div.node-content > .node-img.bowtie-chevron-right {
  opacity: 1;
  -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}

.tree-view.bowtie-tree > ul.tree-children li.expanded > a > div.node-content > .node-img.bowtie-chevron-right {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.tree-view > ul.tree-children li.folder > a {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tree-view .node.info a.node-link {
  cursor: default;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.treeSearch div.node-content > .searchHit {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  font-weight: bold;
}

li.node.tree-drag-tile .node-remove,
.tree-view .node .node-remove {
  position: absolute;
  top: 4px;
  right: 6px;
  height: 16px;
  width: 16px;
  display: none;
}

.tree-view .node.focus > a.node-link .node-remove {
  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;
  display: block;
}

.tree-view .node.focus > a.node-link .node-remove::before {
  content: "\E94F";
}

.tree-view .node.focus > a.node-link .node-remove:hover {
  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;
}

.tree-view .node.focus > a.node-link .node-remove:hover::before {
  content: "\E94F";
}

.tree-view > ul.tree-children li.focus > a > div.node-content,
.tree-view > ul.tree-children li > a > div.node-content:hover,
.tree-view > ul.tree-children li.context-menu-active > a > div.node-content {
  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;
}

.tree-view > ul.tree-children li > a > div.node-content:hover,
.tree-view > ul.tree-children li.context-menu-active > a > div.node-content {
  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( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/* Bowtie node content hover */
.tree-view.bowtie-tree > ul.tree-children li > a > div.node-content:hover,
.tree-view.bowtie-tree > ul.tree-children li.context-menu-active > a > div.node-content {
  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( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

/* Bowtie node context menu hover */
.tree-view.bowtie-tree > ul.tree-children li > div.node-context-menu-container:hover {
  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( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  display: inline-block;
}

.tree-view.bowtie-tree > ul.tree-children li > div.node-context-menu:hover,
.tree-view.bowtie-tree > ul.tree-children li.context-menu-active > div.node-context-menu {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  display: inline-block;
}

.tree-view.bowtie-tree > ul.tree-children li.selected > div.node-context-menu:hover,
.tree-view.bowtie-tree > ul.tree-children li.selected.context-menu-active > div.node-context-menu {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  display: inline-block;
}

.tree-view > ul.tree-children li.ui-draggable,
.tree-view > ul.tree-children li.ui-droppable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y pinch-zoom;
}

.tree-view > ul.tree-children li.droppable-hover > a > div.node-content {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-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 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
}

.tree-view > ul.tree-children li.selected > a > div.node-content,
.tree-view.focus > ul.tree-children li.selected > a > div.node-content,
li.tree-drag-tile > a > div.node-content {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 0, 69, 120 ,  1 );
  color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .tree-view > ul.tree-children li.selected > a > div.node-content,
  .tree-view.focus > ul.tree-children li.selected > a > div.node-content,
  li.tree-drag-tile > a > div.node-content {
    background-color: highlight !important;
    color: highlighttext !important;
    -ms-high-contrast-adjust: none;
  }
}

.tree-view.focus > ul.tree-children li.selected > a > div.node-content {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.tree-view.focus > ul.tree-children li > a:focus > div.node-content {
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

/* Bowtie content selected */
.tree-view.bowtie-tree > ul.tree-children li.selected > a > div.node-content,
.tree-view.bowtie-tree.focus > ul.tree-children li.selected > a > div.node-content,
li.tree-drag-tile.bowtie-tree > a > div.node-content {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  1px solid;
  border-color: rgba( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

@media screen and (-ms-high-contrast: active) {
  .tree-view.bowtie-tree > ul.tree-children li.selected > a > div.node-content,
  .tree-view.bowtie-tree.focus > ul.tree-children li.selected > a > div.node-content,
  li.tree-drag-tile.bowtie-tree > a > div.node-content {
    background-color: highlight !important;
    color: highlighttext !important;
    -ms-high-contrast-adjust: none;
  }
}

.tree-view.bowtie-tree.focus > ul.tree-children li.selected > a > div.node-content {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.tree-view.bowtie-tree.focus > ul.tree-children li > a:focus > div.node-content {
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.tree-drag-tile.folder > .node-link > .node-content,
.tree-view .folder > .node-link > .node-content {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: bold;
}

/* Bowtie context menu selected */
.tree-view.bowtie-tree > ul.tree-children li.selected > div.node-context-menu-container {
  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( 239, 246, 252 ,  1 );
  border-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  display: inline-block;
}

@media screen and (-ms-high-contrast: active) {
  .tree-view.bowtie-tree > ul.tree-children li.selected > div.node-context-menu-container {
    background-color: highlight !important;
    color: highlighttext !important;
    -ms-high-contrast-adjust: none;
  }
}

/* Bowtie folders are not bold */
.tree-drag-tile.bowtie-tree.folder > .node-link > .node-content,
.tree-view.bowtie-tree .folder > .node-link > .node-content {
  font-weight: normal;
}

.tree-view .node {
  position: relative;
}

.tree-drag-tile {
  list-style-type: none;
  clear: both;
  outline: none;
  margin: 0;
  position: absolute;
  cursor: default;
  z-index: 1000;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/** Automatically converted from WaitControl.css **/
/* Wait Styles */
.wait-element {
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  opacity: 0.50;
  filter: alpha(opacity=50);
  position: absolute;
  cursor: wait;
  z-index: 2000;
}

.wait-box {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  box-shadow: rgba( 102, 102, 102 ,  1 ) 0px 0px 10px;
  box-shadow: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ) 0px 0px 10px;
  cursor: wait;
  padding: 20px;
  position: absolute;
  z-index: 2001;
}

.wait-image {
  vertical-align: middle;
  padding-right: 20px;
}

.wait-message {
  padding-left: 5px;
  padding-right: 15px;
  display: inline-block;
}

.wait-button {
  width: 73px;
  height: 23px;
}

/***** End Controls *****/