/***BEGIN Annotations.css***/
.wit-card.boards-card .annotations {
  margin-left: -3px; }
  .wit-card.boards-card .annotations .annotation {
    font-weight: normal;
    padding: 0; }
    .wit-card.boards-card .annotations .annotation .left-icon {
      margin-right: 4px;
      padding-right: 0; }
    .wit-card.boards-card .annotations .annotation .test-status-overlay-background {
      color: rgba( 255, 255, 255 ,  1 );
      color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .wit-card.boards-card .annotations .annotation .test-status-overlay-background,
    .wit-card.boards-card .annotations .annotation .test-status-overlay {
      position: absolute;
      bottom: 0;
      right: 9px; }
    .wit-card.boards-card .annotations .annotation.light.active {
      background-color: rgba(0, 0, 0, 0.2); }
    .wit-card.boards-card .annotations .annotation.light:hover {
      background-color: rgba(0, 0, 0, 0.06); }
    .wit-card.boards-card .annotations .annotation.dark.active {
      background-color: rgba(255, 255, 255, 0.29); }
    .wit-card.boards-card .annotations .annotation.dark:hover {
      background-color: rgba(255, 255, 255, 0.08); }
  .wit-card.boards-card .annotations .annotation-expanded {
    width: 100%;
    margin-left: 0;
    order: 1000; }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-button {
      padding: 2px 4px; }
      .wit-card.boards-card .annotations .annotation-expanded .annotation-button.checklist {
        margin-top: 8px; }
      .wit-card.boards-card .annotations .annotation-expanded .annotation-button.light {
        background-color: rgba(0, 0, 0, 0.2); }
        .wit-card.boards-card .annotations .annotation-expanded .annotation-button.light:hover {
          background-color: rgba(0, 0, 0, 0.06); }
      .wit-card.boards-card .annotations .annotation-expanded .annotation-button.dark {
        background-color: rgba(255, 255, 255, 0.29); }
        .wit-card.boards-card .annotations .annotation-expanded .annotation-button.dark:hover {
          background-color: rgba(255, 255, 255, 0.08); }
      .wit-card.boards-card .annotations .annotation-expanded .annotation-button.not-highlighted {
        background-color: unset; }
    .wit-card.boards-card .annotations .annotation-expanded .test-annotation-divider {
      border-right:  1px solid;
      border-right-color: rgba( 200, 200, 200 ,  1 );
      border-right-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
      .wit-card.boards-card .annotations .annotation-expanded .test-annotation-divider.dark {
        border-right: 1px solid #c8c8c8; }
      .wit-card.boards-card .annotations .annotation-expanded .test-annotation-divider.light {
        border-right: 1px solid #5f5f5f; }
    .wit-card.boards-card .annotations .annotation-expanded .add-item-text-field {
      padding: 2px 4px; }
    .wit-card.boards-card .annotations .annotation-expanded.checklist-annotation-details .new-item {
      padding-left: 25px; }
      .wit-card.boards-card .annotations .annotation-expanded.checklist-annotation-details .new-item .add-item-text-field {
        width: calc(100% - 25px); }
    .wit-card.boards-card .annotations .annotation-expanded.github-annotation-details .fabric-icon {
      align-self: auto; }
    .wit-card.boards-card .annotations .annotation-expanded.github-annotation-details a {
      color: rgba(0, 90, 158, 1);
      color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
    .wit-card.boards-card .annotations .annotation-expanded .centered-annotation-row .bolt-list-cell-content {
      align-items: center;
      column-gap: 3px;
      margin-bottom: 3px; }
    .wit-card.boards-card .annotations .annotation-expanded .centered-annotation-row .add-item-text-field {
      width: 100%; }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .annotation-context-menu {
      width: 15px;
      height: 15px;
      position: absolute;
      top: 3px;
      right: 3px;
      justify-content: center;
      visibility: hidden; }
      .wit-card.boards-card .annotations .annotation-expanded .annotation-row .annotation-context-menu .bolt-button.icon-only {
        padding: 0px; }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-list-cell:not(.checked).light .bolt-checkmark,
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-list-cell-content:not(.checked).light .bolt-checkmark,
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-checkbox:not(.checked).light .bolt-checkmark {
      border-color: rgba(0, 0, 0, 0.55); }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-list-cell:not(.checked).dark .bolt-checkmark,
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-list-cell-content:not(.checked).dark .bolt-checkmark,
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row .bolt-checkbox:not(.checked).dark .bolt-checkmark {
      border-color: rgba(255, 255, 255, 0.8); }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row:hover .annotation-context-menu,
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row:focus-within .annotation-context-menu {
      visibility: visible;
      background-color: rgba( 239, 246, 252 ,  1 );
      background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row.bolt-list-row.light:hover {
      background-color: rgba(0, 0, 0, 0.06); }
    .wit-card.boards-card .annotations .annotation-expanded .annotation-row.bolt-list-row.dark:hover {
      background-color: rgba(255, 255, 255, 0.04); }
/***END Annotations.css***/

/***BEGIN BoardCard.css***/
.wit-card.boards-card {
  margin: 8px 8px 0; }
  .wit-card.boards-card .work-item-state-container {
    margin-top: 6px; }
  .wit-card.boards-card .fields {
    margin-top: 2px; }
    .wit-card.boards-card .fields .field-container {
      width: 100%;
      margin-top: 6px; }
      .wit-card.boards-card .fields .field-container.first-field {
        margin-top: 0; }
      .wit-card.boards-card .fields .field-container .label {
        width: 40%;
        color: rgba(0, 0, 0, .55);
        color: var(--text-secondary-color,rgba(0, 0, 0, .55));
        margin-right: 4px;
        padding-top: 1px;
        padding-bottom: 1px; }
        .wit-card.boards-card .fields .field-container .label.label-dark-secondary {
          color: rgba(0, 0, 0, 0.55); }
        .wit-card.boards-card .fields .field-container .label.label-light-secondary {
          color: rgba(255, 255, 255, 0.8); }
      .wit-card.boards-card .fields .field-container .value {
        width: 60%;
        align-self: stretch; }
        .wit-card.boards-card .fields .field-container .value.not-editing {
          padding-left: 2px;
          padding-top: 1px;
          padding-bottom: 1px; }
        .wit-card.boards-card .fields .field-container .value .bolt-link.dark {
          color: #005a9e; }
          .wit-card.boards-card .fields .field-container .value .bolt-link.dark:hover {
            color: #004578; }
        .wit-card.boards-card .fields .field-container .value .bolt-link.light {
          color: #98c6ff; }
          .wit-card.boards-card .fields .field-container .value .bolt-link.light:hover {
            color: #b8d8ff; }
  .wit-card.boards-card.highlighted {
    background-color: rgba( 234, 234, 234 ,  1 ) !important;
    background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ) !important; }
/***END BoardCard.css***/

/***BEGIN BoardColumn.css***/
.board-column-description-tooltip {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .board-column-description-tooltip .bolt-tooltip-content {
    background-color: transparent; }
  .board-column-description-tooltip .bolt-callout-content {
    overflow-x: auto; }
    .board-column-description-tooltip .bolt-callout-content .markdown-content p {
      white-space: pre-wrap;
      /* Support plain text newlines (singe newline) in DOD markdown view */ }
/***END BoardColumn.css***/

/***BEGIN ClickEditField.css***/
.click-edit-field.active input {
  padding: 0;
  padding-left: 2px; }

.click-edit-field.inactive {
  cursor: pointer; }
/***END ClickEditField.css***/

/***BEGIN KanbanBoard.css***/
/** NOTE: these values must be kept in sync with corresponding variables in KanbanBoard.tsx */
.board-wrapper {
  min-width: 0; }
  .board-wrapper .kanban-board {
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
    .board-wrapper .kanban-board .main-column-container {
      flex-basis: 354px;
      min-width: 224px; }
      .board-wrapper .kanban-board .main-column-container.collapsed {
        flex-basis: 0;
        min-width: auto; }
    .board-wrapper .kanban-board .kanban-board-column-header,
    .board-wrapper .kanban-board .kanban-board-column {
      max-width: 350px;
      min-width: 220px;
      margin-right: 4px; }
      .board-wrapper .kanban-board .kanban-board-column-header.collapsed,
      .board-wrapper .kanban-board .kanban-board-column.collapsed {
        max-width: 40px;
        min-width: 40px; }
    .board-wrapper .kanban-board .kanban-board-column {
      background-color: rgba( 244, 244, 244 ,  1 );
      background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
      border-top:  2px solid;
      border-top-color: rgba( 218, 218, 218 ,  1 );
      border-top-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
      flex-basis: 0; }
      .board-wrapper .kanban-board .kanban-board-column.highlighted {
        background-color: rgba( 234, 234, 234 ,  1 );
        background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
      .board-wrapper .kanban-board .kanban-board-column.split-left {
        margin-right: 0;
        padding-right: 2px;
        border-right:  1px dotted;
        border-right-color: rgba( 0, 0, 0 ,  1 );
        border-right-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ); }
      .board-wrapper .kanban-board .kanban-board-column.split-right {
        padding-left: 2px; }
      .board-wrapper .kanban-board .kanban-board-column.split-left, .board-wrapper .kanban-board .kanban-board-column.split-right {
        /** padding is included in width, margin is not. So bump max width by the padding amount to get consistent column widths */
        max-width: 352px; }
      .board-wrapper .kanban-board .kanban-board-column .collapsed-column-header {
        transform: rotate(90deg) translateX(32px);
        white-space: nowrap; }
      .board-wrapper .kanban-board .kanban-board-column .board-column-button {
        padding: 4px; }
      .board-wrapper .kanban-board .kanban-board-column .board-column-button-with-text {
        padding: 2px 4px; }
      .board-wrapper .kanban-board .kanban-board-column .board-column-search-text-field-container {
        min-width: 0; }
        .board-wrapper .kanban-board .kanban-board-column .board-column-search-text-field-container .bolt-textfield .suffix {
          margin-right: 0; }
      .board-wrapper .kanban-board .kanban-board-column .board-column-search-text-field {
        padding: 2px 4px;
        min-width: 0; }
    .board-wrapper .kanban-board .kanban-board-column-header {
      padding: 16px 16px 4px;
      word-wrap: break-word; }
      .board-wrapper .kanban-board .kanban-board-column-header.collapsible {
        cursor: pointer; }
      .board-wrapper .kanban-board .kanban-board-column-header.split-column-header {
        max-width: 704px;
        min-width: 444px; }
      .board-wrapper .kanban-board .kanban-board-column-header .board-column-item-count {
        color: rgba(16, 124, 16, 1);
        color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }
        .board-wrapper .kanban-board .kanban-board-column-header .board-column-item-count.over-limit {
          color: rgba(218, 10, 0, 1);
          color: var(--status-error-text,rgba(218, 10, 0, 1)); }
    .board-wrapper .kanban-board .kanban-board-column-header-container {
      background-color: rgba( 255, 255, 255 ,  1 );
      background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
      position: sticky;
      top: 0;
      z-index: 2; }
    .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row.highlighted .kanban-board-row-header {
      background-color: rgba( 234, 234, 234 ,  1 );
      background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
    .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-column-container {
      min-height: 150px; }
      .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-column-container.board-row-collapsed {
        min-height: 0;
        height: 0;
        visibility: hidden; }
    .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-row-header {
      background-color: rgba( 222, 236, 249 ,  1 );
      background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
      cursor: pointer; }
      .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-row-header.default-row {
        background-color: rgba( 234, 234, 234 ,  1 );
        background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
      .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-row-header.dark {
        color: white; }
      .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-row-header.light {
        color: black; }
      .board-wrapper .kanban-board .kanban-board-row-container .kanban-board-row .kanban-board-row-header .board-row-name {
        max-width: 250px; }
    .board-wrapper .kanban-board .focusable-board-item {
      outline: none; }
      .bolt-focus-visible .board-wrapper .kanban-board .focusable-board-item:focus {
        border-color: rgba(0, 120, 212, 1);
        border-color: var(--communication-background,rgba(0, 120, 212, 1));
        animation: ms-focus-shadow-with-border-pulse 4s ease-in-out infinite;
        box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
        box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
        @media (forced-colors: active) {
          .bolt-focus-visible .board-wrapper .kanban-board .focusable-board-item:focus {
            animation: none; } }
        @media screen and (-ms-high-contrast: active) {
          .bolt-focus-visible .board-wrapper .kanban-board .focusable-board-item:focus {
            border-color: highlight;
            box-shadow: none; } }
/***END KanbanBoard.css***/

/***BEGIN KanbanBoardHeader.css***/
.boards-tabbar-tabs {
  padding: 3px; }
/***END KanbanBoardHeader.css***/

/***BEGIN KanbanBoardView.css***/
.bolt-page > .bolt-header.boards-tabs-header {
  padding-top: 0; }

.boards-message-bar {
  margin: 32px 32px 0; }
/***END KanbanBoardView.css***/