.page {
    width: 100%;
}

nav {
    min-width: 300px;
    margin-left: 20px;
}
.nav {
}

.ml10 {
    margin-left: 10px;
}
.content {
    margin: 0 20px;
    width: 100%;
}

.content-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.content-header {
    width: 100%;
    text-align: left;
    margin: 20px 0 20px 0;
}

.content-header.center {
    text-align: center;
}

.list-row {
    flex-direction: row;
}

.list-col {
    flex-direction: column;
}

.list {
}

.list.spaced > div {
    margin: 10px;
}

.list-header {
    font-weight: bold;
}

.list-item {
    margin-bottom: 20px;
    align-items: center;
}

.list-index {
    width: 50px;
}

.list-name {
    width: 130px;
}

.list-copy {
    width: 100px;
}

.list-number {
    width: 100px;
}

.list-date   {
    width: 150px;
}

.list-token {
    width: 270px;
    margin-right: 10px;
}

.list-comment {
    width: 400px;
}

.list-actions {
    min-width: 200px;
}

.centered {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.h-spacer {
    min-height: 5px;
}

.element-title {
    width: 200px;
    font-weight: bold;
}

.element-value {
    width: 400px;
}

.headlined {
    border-top: 1px solid #ccc;
}

.halved {
    width: 50%;
}

.renew-token {
    margin-left: 10px;
}

p.help, ul.help {
    font-size: large;
}

ul.help {

}

ul.help > li {
    list-style-type: auto;
    margin: 10px 0 20px 10px;
}

.anchorlike {
    cursor: pointer;
    color: #337ab7;
}

.w80 {
    width: 80px;
}

.w300
{
    width: 300px;
}

.form-control.w-80
{
    width: 80%;
}

.form-control.w-90
{
    width: 90%;
}

.form-control.h100 {
    height: 100px;
}