.block
{
    background-color: var(--block-background-color);
    margin: 0;
    margin-bottom: var(--space-between-blocks);
    border-radius: var(--block-border-radius);
    box-sizing: border-box;
    border-color: var(--border-color);
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

.block
{
    display: flex;
}

.block-section-groups
{
    flex-grow: 1;
    align-self: stretch;

    display: flex;
    flex-direction: column;
}

.block-section-group.primary-group
{
    flex-grow: 1;

}

.block-section-group
{
    display: flex;
}

.block .block-content,
.block-addon .block-addon-content,
.block .block-sections
{
    flex-grow: 1;
}

.block-content,
.block-addon-content
{
    padding: var(--block-padding);
}

.block > .block-content
{
    margin: 0;
    border-radius: var(--block-border-radius);
}

.block-addon-content
{
    border-style: solid;
    border-color: var(--border-color);
    border-width: 1px;
}

.block > .block-addon:first-child .block-addon-content:first-child
{
    border-top-left-radius: var(--block-border-radius);
    border-bottom-left-radius: var(--block-border-radius);
}

.block > .block-addon:first-child .block-button:first-child,
.block-section-group > .block-addon:first-child .block-button:first-child,
.block-sections > .block-section:first-child > .block-addon:first-child .block-button:first-child,
.block-section-group:first-child > .block-section:first-child > .block-addon .block-button:first-child,
.block > .block-addon:first-child > .block-info-icon:first-child,
.block-section-group > .block-addon:first-child > .block-info-icon:first-child,
.block-section-group:first-child > .block-addon:first-child > .block-addon-content:first-child,
.block-sections > .block-section:first-child > .block-addon .block-info-icon:first-child,
.block-section-group:first-child > .block-section:first-child > .block-addon .block-info-icon:first-child
{
    border-top-left-radius: var(--block-border-radius);
}

.block > .block-addon:first-child .block-button:last-child,
.block-section-group:first-child > .block-addon:first-child .block-button:last-child,
.block-sections > .block-section:last-child > .block-addon:first-child .block-button:first-child,
.block-section-group:last-child .block-section:last-child > .block-addon:first-child .block-button:first-child,
.block > .block-addon:first-child > .block-info-icon:last-child,
.block-section-group > .block-addon:first-child > .block-info-icon:last-child,
.block-section-group:first-child > .block-addon:first-child > .block-addon-content:last-child,
.block-sections > .block-section:last-child > .block-addon .block-info-icon:first-child,
.block-section-group:last-child .block-section:last-child > .block-addon .block-info-icon:first-child
{
    border-bottom-left-radius: var(--block-border-radius);
}

.main-content header button.block,
.main-content header.block
{
    background-color: var(--highlight-background-color);
}

.block-info-icon.positive
{
    background-color: var(--success-background-color);
    fill: var(--success-foreground-color);
}

.block-info-icon.negative
{
    background-color: var(--error-background-color);
    fill: var(--error-foreground-color);
}

button.block-addon:active
{
    border-left-color: inherit;
}

.block-addon .glyphicons
{
    font-size: 150%;
}

.block .block-addon:not(:last-child)
{
    margin-right: 0;
}

.block-addon:not(.block-button)
{
    display: flex;
}

.block > .block-addon:not(.block-button),
.block-section-group > .block-addon:not(.block-button)
{
    flex-direction: column;
}

.block-section > .block-addon:not(.block-button)
{
    flex-direction: row;
}

.block-section > .block-addon
{
    padding: 0;
}


.block > .block-addon,
.block-section-group > .block-addon
{
    margin: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: var(--block-border-radius);
    border-bottom-right-radius: var(--block-border-radius);
    border-bottom-left-radius: 0;
    align-self: stretch;
    padding: 0;
}

.block-section > .block-addon
{
    margin: -1px;
}

.block-info-icon
{
    padding: 0 8px;
    border-color: var(--border-color);
    border-width: 1px;
    border-style: solid;

    display: flex;
    align-items: center;
}

.block-addon .block-button,
.block-addon .block-info-icon
{
    margin: 0;
    border-radius: 0;
}

.block-addon > *,
.block-addon > .block-info-icon
{
    flex-grow: 1;
}

.block-section > .block-addon .block-button,
.block-section > .block-addon .block-info-icon
{
    margin-left: -1px;
}

.block-addon .block-button:active
{
    z-index: 10;
}

.block > .block-addon:last-child .block-button:first-child,
.block-section-group > .block-addon:last-child .block-button:first-child,
.block-sections > .block-section:first-child > .block-addon .block-button:last-child,
.block-section-group:first-child > .block-section:first-child > .block-addon .block-button:last-child,
.block > .block-addon:last-child > .block-info-icon:first-child,
.block-section-group > .block-addon:last-child > .block-info-icon:first-child,
.block-sections > .block-section:first-child > .block-addon .block-info-icon:last-child,
.block-section-group:first-child > .block-section:first-child > .block-addon .block-info-icon:last-child
{
    border-top-right-radius: var(--block-border-radius);
}

.block > .block-addon .block-button:not(:first-child),
.block-section-group > .block-addon .block-button:not(:first-child),
.block > .block-addon > .block-info-icon:not(:first-child),
.block-section-group > .block-addon > .block-info-icon:not(:first-child)
{
    margin-top: -1px;
}

.block > .block-addon:last-child .block-button:last-child,
.block-section-group:last-child > .block-addon:last-child .block-button:last-child,
.block-sections > .block-section:last-child > .block-addon .block-button:last-child,
.block-section-group:last-child .block-section:last-child > .block-addon .block-button:last-child,
.block > .block-addon:last-child > .block-info-icon:last-child,
.block-section-group > .block-addon:last-child > .block-info-icon:last-child,
.block-sections > .block-section:last-child > .block-addon .block-info-icon:last-child,
.block-section-group:last-child .block-section:last-child > .block-addon .block-info-icon:last-child
{
    border-bottom-right-radius: var(--block-border-radius);
}

.block-addon .block-button:last-child,
.block-addon > .block-info-icon:last-child
{
    margin-bottom: 0;
}

.block-section
{
    box-sizing: border-box;

    display: flex;
}

.block-section:not(.block-sections > :first-child):not(.seamless + .seamless)
{
    border-top-style: solid;
    border-color: var(--border-color);
    border-width: 1px;
}

.block-section.seamless:is(.seamless + .seamless) > .block-content
{
    padding-top: 0;
    margin-top: calc(-1 * var(--block-padding));
}

.block-sub-section
{
    display: flex;
    align-items: center;

    border-bottom-style: solid;
    border-color: var(--border-color);
    border-width: 1px;

    margin-left: calc(-0.5 * var(--block-padding));
    padding-left: calc(0.5 * var(--block-padding));
}