div.list-page {
    margin: 1em 3em;
}

div.above-data {
    width: 100%;
}

div.main-data {
    width: 100%;
}

div.below-data {
    width: 100%;
}

div.criteria-area {
    margin: 1em 0em 0.3em 0em;
}
div.criteria-area-inner {
}

div.pager-area {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: flex-end;
    margin: 1em 0em;
}

div.pager-area-inner {
    align-self: flex-end;
}

select.rows-per-page {
    width: 4em;
    display: inline-block;
    flex: inherit;
    text-align: center;
}

.table_td:hover {
    cursor: pointer;
}

th.add-del-column {
    max-width: 50px;
}

@media only screen and (max-width: 800px) {
    div.list-page {
        margin: 1em 2em;
    }
}

@media only screen and (max-width: 600px) {
    div.col {
        padding-left: 4px;
        padding-right: 4px;
    }
    div.list-page {
        margin: 0.5em 1em;
    }
    div.criteria-area {
        margin: 0.5em 0em;
    }
    div.pager-area {
        margin: 0.5em 0em;
    }
    th.add-del-column {
        display: none;
    }
    td.add-del-column {
        display: none;
    }
}