/* Global layout styles for TFS */
/* Colors used specifically in TFS */
.taskboard-collapsed-row {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--callout-background-color,rgba(255, 255, 255, 1));
  border-top:  4px solid;
  border-top-color: rgba( 248, 248, 248 ,  1 );
  border-top-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
  .taskboard-collapsed-row.highlighted {
    background-color: rgba(223, 246, 221, 1);
    background-color: var(--status-success-background,rgba(223, 246, 221, 1)); }

.taskboard-expanded-cell {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--callout-background-color,rgba(255, 255, 255, 1));
  border-top:  4px solid;
  border-top-color: rgba( 248, 248, 248 ,  1 );
  border-top-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  border-right:  4px solid;
  border-right-color: rgba( 248, 248, 248 ,  1 );
  border-right-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  height: 1px; }
  .taskboard-expanded-cell.highlighted {
    background-color: rgba(223, 246, 221, 1);
    background-color: var(--status-success-background,rgba(223, 246, 221, 1)); }

.taskboard-content-wrapper {
  overflow: auto; }

.overflow-unset {
  overflow: unset !important; }

.taskboard-parent-cell {
  height: 1px; }
  .taskboard-parent-cell .assigned-to-cell {
    width: 100%;
    padding-right: 20px; }

@-moz-document url-prefix() {
  .taskboard-parent-cell {
    height: 100%; }
  .taskboard-expanded-cell {
    height: 100%; } }

.taskboard-expand-collapse-button {
  width: 20px; }
  .taskboard-expand-collapse-buttonbutton.bolt-button {
    height: 20px; }
  .taskboard-expand-collapse-button .icon-extra-small {
    font-size: 0.5rem;
    line-height: 0.5rem; }

.taskboard-state-rollup {
  margin-left: 32px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.taskboard-card {
  width: 186px;
  margin: 4px 4px 8px 8px; }

.taskboard-new-item-dropdown .bolt-button {
  padding: 8px; }

.taskboard-new-item-dropdown .fabric-icon {
  padding: 0; }

.taskboard-new-item-button {
  margin-top: 8px;
  background-color: rgba(16, 124, 16, 1);
  background-color: var(--status-success-foreground,rgba(16, 124, 16, 1));
  width: 24px;
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1)); }
  .taskboard-new-item-button.bolt-button:hover {
    background-color: rgba(16, 124, 16, 1);
    background-color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }
  .taskboard-new-item-button.bolt-button.icon-only {
    padding: 4px 8px 4px 8px;
    margin-bottom: 8px;
    margin-left: 8px; }

.taskboard-message-card {
  margin-top: 4px;
  margin-bottom: 4px; }
  .taskboard-message-card.bolt-messagecard .bolt-messagebar-content {
    padding: 8px 20px 8px 12px; }

.taskboard-row-warning-icon {
  margin-top: 2px;
  color: rgba(184, 94, 6, 1);
  color: var(--status-warning-text,rgba(184, 94, 6, 1)); }

.unparented-card {
  height: 80px; }

.unparented-flag {
  background-color: rgba(0, 0, 0, .38);
  background-color: var(--text-disabled-color,rgba(0, 0, 0, .38)); }

.unparented-icon {
  height: 14px;
  width: 14px;
  background-color: rgba(0, 0, 0, .38);
  background-color: var(--text-disabled-color,rgba(0, 0, 0, .38));
  margin: 12px;
  margin-top: 14px; }

.unparented-title {
  margin-top: 12px; }