.b-task-board {
    --b-task-board-background               : var(--b-primary-100);

    --b-task-board-body-padding             : 1em;
    --b-task-board-gap                      : .75em;

    --b-task-board-card-border              : none;

    --b-task-board-column-background        : var(--b-neutral-97);
    --b-task-board-column-border-radius     : .5em;
    --b-task-board-column-gap               : 1em;

    --b-task-board-column-header-background : transparent;
    /* --b-task-board-column-header-color      : var(--b-neutral-100); */
    /* --b-task-board-column-header-icon-color : var(--b-neutral-100); */
    --b-task-board-column-header-padding    : 1em;

    /* --b-task-board-column-toolbars-color     : #fff; */

    align-self                              : center !important;
    box-shadow                              : 0 0 15px rgba(0, 0, 0, .2);
    width                                   : -webkit-fill-available;
    width                                   : -moz-available;
    width                                   : stretch;
    max-width                               : 100%;
    transition                              : max-width 0.5s;

    .b-colorize {
        --b-task-board-card-border-top : 7px solid var(--b-primary-70);
    }
}

/* #container { */
/*     background : #ccc; */
/* } */

.demo-header {
    z-index : 1;
}

.b-task-board-card-footer {
    justify-content : flex-end;
}

/* These classes are added by the Responsive mixin */
.b-responsive-small,
.b-responsive-narrow {
    .responsive-width span,
    .force-width {
        display : none;
    }
}