.PanelColumn {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: top;
    width: 100%;

    &-header {
        background: #e6eaef;
        border-bottom: 1px solid #ccc;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }

    &-body {
        padding: 5px 10px;
        text-align: center;
    }
}

.PanelColumn-two {
    width: calc(100% / 2);
}

.PanelColumn-three {
    width: calc(100% / 3);
}

.PanelColumn-four {
    width: calc(100% / 4);
}

.PanelColumn-five {
    width: calc(100% / 5);
}

.PanelColumn-six {
    width: calc(100% / 6);
}

.PanelColumn-seven {
    width: calc(100% / 7);
}

.PanelColumn-eight {
    width: calc(100% / 8);
}

.PanelColumn-no-body-border {
    border: none;
}