.ejemplo_flex_box
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    align-content: start;
}
.item
{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
    margin: 10px;

    padding: 15px;

    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    align-content: start;
}
.sub_item_1
{
    flex-basis: 60px;
}
.sub_item_2
{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    align-content: start;
}
.sub_item_2_1
{
    flex-basis: 100%;
    flex-grow: 1;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pagination
{
    width: 100% !important;
}

.jplist-holder
{
    display: flex !important;
}