:root {
    --border-color: #ccc;
}

.textwrap{
    text-wrap: wrap !important;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    padding: 5px;
}

    .flex-row label {
        text-wrap: wrap;
    }

    .flex-row .flex-wrap {
        flex-wrap: wrap;
        align-content: flex-end;
    }

.flex-column {
    display: flex;
    flex-direction: column;
    padding:5px;
}

.flex-column label {
    text-wrap: wrap;
    text-align: left;
}

.flex-item{
  padding: 4px;
}

.flex-item .panel{
    height: 100%;
}

.flex-100 {
    width: 100%;
}
.flex-50 {
    width: 50%;
}

.flex-30 {
    width: 30%;
}

.flex-25 {
    width: 25%;
}