/***BEGIN Board.css***/
.delivery-plans-board {
  display: grid;
  overflow-x: hidden;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none; }
  .delivery-plans-board .scrolling-button,
  .delivery-plans-board .scrolling-button .bolt-button {
    width: 24px; }
  .delivery-plans-board .scrolling-button .bolt-button {
    padding: 5px 10px; }
  .delivery-plans-board .button-left,
  .delivery-plans-board .button-right {
    margin-bottom: 8px;
    position: sticky;
    z-index: 2; }
  .delivery-plans-board .button-left {
    left: 160px;
    grid-column-start: 1; }
  .delivery-plans-board .button-right {
    right: 0; }
  .delivery-plans-board .collapse-teams-button {
    margin-bottom: 8px;
    margin-right: 1px;
    justify-content: left;
    z-index: 4; }
  .delivery-plans-board .bolt-button.collapse-teams-button {
    padding: 2px 10px; }
  .delivery-plans-board .month-header {
    background: rgba( 218, 218, 218 ,  1 );
    background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-color: rgba( 255, 255, 255 ,  1 );
    border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    border-style: solid;
    border-width: 0 1px;
    padding: 4px;
    margin-bottom: 8px;
    text-align: center;
    height: 24px;
    z-index: 2; }
  .delivery-plans-board .row-spacer {
    grid-column: 1;
    height: 8px; }
  .delivery-plans-board .team-header,
  .delivery-plans-board .team-background-header,
  .delivery-plans-board .collapse-teams-button {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    grid-column: 1;
    left: 0;
    position: sticky;
    z-index: 3; }
  .delivery-plans-board .team-header,
  .delivery-plans-board .team-background-header {
    min-width: 160px; }
  .delivery-plans-board .team-header {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    border-color: rgba( 218, 218, 218 ,  1 );
    border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-style: solid;
    border-width: 1px; }
    .delivery-plans-board .team-header .team-header-info {
      min-width: 0; }
      .delivery-plans-board .team-header .team-header-info .team-header-info-margin-top {
        margin-top: 8px; }
    .delivery-plans-board .team-header .bolt-button.icon-only.subtle {
      padding: 4px; }
  .delivery-plans-board .team-background-header {
    background: rgba(255, 255, 255, 1);
    background: var(--callout-background-color,rgba(255, 255, 255, 1)); }
  .delivery-plans-board .team-background {
    background: repeating-linear-gradient(-45deg, rgba( 244, 244, 244 ,  1 ), rgba( 244, 244, 244 ,  1 ) 1px, transparent 1px, transparent 7px);
    background: repeating-linear-gradient(-45deg, rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ), rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) 1px, transparent 1px, transparent 7px);
    border-color: rgba( 218, 218, 218 ,  1 );
    border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    border-style: solid;
    border-width: 1px 0 1px 0; }
  .delivery-plans-board .iteration-header {
    margin: 2px 0;
    padding: 8px;
    z-index: 1; }
    .delivery-plans-board .iteration-header .second-row {
      justify-content: space-between;
      height: 20px; }
      .delivery-plans-board .iteration-header .second-row .iteration-dates {
        color: rgba(0, 0, 0, .55);
        color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
      .delivery-plans-board .iteration-header .second-row .bolt-button {
        padding: 4px; }
  .delivery-plans-board .iteration-background {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    z-index: 1; }
    .delivery-plans-board .iteration-background.highlighted {
      background: rgba( 218, 218, 218 ,  1 );
      background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }
  .delivery-plans-board .timeline-marker {
    border-left: 3px solid;
    width: 3px;
    z-index: 1; }
    .delivery-plans-board .timeline-marker.raised {
      z-index: 2; }
    .delivery-plans-board .timeline-marker.today-marker {
      border-left-color: rgba(0, 120, 212, 1);
      border-left-color: var(--communication-background,rgba(0, 120, 212, 1)); }
  .delivery-plans-board .timeline-marker-label {
    height: 24px; }
    .delivery-plans-board .timeline-marker-label .bolt-pill {
      border-radius: 0 120px 120px 0; }
    .delivery-plans-board .timeline-marker-label .today-marker {
      background-color: rgba(0, 120, 212, 1);
      background-color: var(--communication-background,rgba(0, 120, 212, 1));
      color: rgba(255, 255, 255, 1);
      color: var(--text-on-communication-background,rgba(255, 255, 255, 1)); }
      .delivery-plans-board .timeline-marker-label .today-marker.hover {
        background-color: rgba( 0, 103, 181 ,  1 );
        background-color: rgba( var(--palette-primary-darkened-6,0, 103, 181) ,  1 ); }
  .delivery-plans-board .focusable-board-item:focus {
    outline: none; }

.bolt-focus-visible .delivery-plans-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 .delivery-plans-board .focusable-board-item:focus {
      animation: none; } }
  @media screen and (-ms-high-contrast: active) {
    .bolt-focus-visible .delivery-plans-board .focusable-board-item:focus {
      border-color: highlight;
      box-shadow: none; } }
/***END Board.css***/

/***BEGIN Card.css***/
.delivery-plans-board .wit-card,
.delivery-plans-portal .wit-card {
  /**
     * rounded corner border radius comes from resize handle for delivery plans cards
     */ }
  .delivery-plans-board .wit-card .card-content,
  .delivery-plans-portal .wit-card .card-content {
    border-radius: 0; }
  .delivery-plans-board .wit-card .card-right-resize-handle,
  .delivery-plans-portal .wit-card .card-right-resize-handle {
    border-radius: 0 4px 4px 0; }
  .delivery-plans-board .wit-card .title,
  .delivery-plans-portal .wit-card .title {
    position: sticky;
    left: 164px; }
  .delivery-plans-board .wit-card .fields,
  .delivery-plans-portal .wit-card .fields {
    max-width: 980px; }
    .delivery-plans-board .wit-card .fields .field-container,
    .delivery-plans-portal .wit-card .fields .field-container {
      max-width: 220px;
      width: 220px;
      margin-right: 16px;
      margin-top: 8px; }
      .delivery-plans-board .wit-card .fields .field-container .label,
      .delivery-plans-portal .wit-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; }
      .delivery-plans-board .wit-card .fields .field-container .value,
      .delivery-plans-portal .wit-card .fields .field-container .value {
        width: 60%; }
      .delivery-plans-board .wit-card .fields .field-container .label-dark-secondary,
      .delivery-plans-portal .wit-card .fields .field-container .label-dark-secondary {
        color: rgba(0, 0, 0, 0.55); }
/***END Card.css***/

/***BEGIN Edge.css***/
.delivery-plans-canvas-overlay {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  opacity: 0.7; }

.delivery-plans-canvas {
  z-index: 11; }
  .delivery-plans-canvas .delivery-plans-canvas-path {
    stroke: rgba( 0, 0, 0 ,  1 );
    stroke: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    stroke-width: 4;
    fill: none; }
    .delivery-plans-canvas .delivery-plans-canvas-path.invalid-dependency {
      stroke: rgba(232, 17, 35, 1);
      stroke: var(--palette-error,rgba(232, 17, 35, 1)); }
  .delivery-plans-canvas .invalid-dependency-fill {
    fill: rgba(232, 17, 35, 1);
    fill: var(--palette-error,rgba(232, 17, 35, 1)); }
  .delivery-plans-canvas .valid-dependency-fill {
    fill: rgba( 0, 0, 0 ,  1 );
    fill: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ); }
/***END Edge.css***/

/***BEGIN Common.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.delivery-plans-settings-table .list-row--draggable.focused .bolt-table-cell-content-reveal, .delivery-plans-settings-table .list-row--draggable:hover .bolt-table-cell-content-reveal {
  visibility: visible; }

.delivery-plans-settings-table .table-dropdown {
  width: 100%; }
/***END Common.css***/

/***BEGIN WorkItemDependency.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.delivery-plans-settings-table .list-row--draggable.focused .bolt-table-cell-content-reveal, .delivery-plans-settings-table .list-row--draggable:hover .bolt-table-cell-content-reveal {
  visibility: visible; }

.delivery-plans-settings-table .table-dropdown {
  width: 100%; }

.work-item-dependency {
  min-width: 0; }
  .work-item-dependency .dependency-status {
    width: 10%; }
    .work-item-dependency .dependency-status .status-icon {
      margin-top: 3px; }
  .work-item-dependency .work-item-display {
    width: 40%; }
  .work-item-dependency .work-item-arrow {
    width: 10%; }
  .work-item-dependency .invalid-dependency {
    color: rgba(205, 74, 69, 1);
    color: var(--component-status-error,rgba(205, 74, 69, 1)); }
  .work-item-dependency .valid-dependency {
    color: rgba(85, 163, 98, 1);
    color: var(--component-status-success,rgba(85, 163, 98, 1)); }
  .work-item-dependency .work-item-dependency-arrow {
    font-weight: 600; }
  .work-item-dependency .curve {
    color: rgba( 200, 200, 200 ,  1 );
    color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
  .work-item-dependency .label {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55));
    margin-right: 4px; }
/***END WorkItemDependency.css***/

/***BEGIN DependencyPanel.css***/
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.delivery-plans-settings-table .list-row--draggable.focused .bolt-table-cell-content-reveal, .delivery-plans-settings-table .list-row--draggable:hover .bolt-table-cell-content-reveal {
  visibility: visible; }

.delivery-plans-settings-table .table-dropdown {
  width: 100%; }

.delivery-plans-dependency-panel {
  /**
     * set a top border on every row except the first
     */ }
  .delivery-plans-dependency-panel .bolt-list-row:not(.first-row) .bolt-list-cell {
    border-top:  1px solid;
    border-top-color: rgba( 239, 239, 239 ,  1 );
    border-top-color: rgba( var(--palette-neutral-6,239, 239, 239) ,  1 ); }
  .delivery-plans-dependency-panel .bolt-panel-content {
    padding: 0; }

.dependency-panel-portal {
  z-index: 9999; }
/***END DependencyPanel.css***/

/***BEGIN NewPlanPanel.css***/
.new-plan-panel .bolt-panel-content {
  padding: 0; }

.new-plan-panel label, .new-plan-panel legend {
  color: unset; }
/***END NewPlanPanel.css***/

/***BEGIN PlansTable.css***/
.delivery-plans-page .delivery-plans-table .favorite-icon-color {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ); }
/***END PlansTable.css***/

/***BEGIN PlanView.css***/
.delivery-plan-page .delivery-plan-page-header .favorite-icon-color {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ); }

.delivery-plan-page .button-loading-overlay {
  pointer-events: none;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  opacity: 0.7; }
/***END PlanView.css***/

