table {
    display: inline;
    border-collapse: collapse;
}

table td, table th {
    /* border: 1px solid #ddd; */
    width: 10%;
    padding: 8px;
}

table tr:nth-child(even){
    background-color: #f2f2f2;
}
table tr:nth-child(odd){
    background-color: #ffffff;
}
table tr.odd{
    background-color: #f2f2f2;
}

table tr:hover {
    background-color: #ddd;
}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #2e2f3c;
    color: white;
}

th.veryLongText {
    width: 75%;
}

th.longText {
    width: 50%;
}

div.longText {
    text-align: left;
    border: 1px #a1b6d15e solid;
    padding: 10px;
}

.limit {
    table-layout: fixed;
    width: 90%;
}

.limit .longText {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 260px;
}

#addUserButton {
    cursor: pointer;
}