header {
    width: 100%;
    height: 80px;
    background: #314a75;
    color: #e5e5e5;
    padding: 10px 10px 10px 10px;
}

header a {
    color: inherit;
}

h3 {
    color: #314a75;
}

h2 {
    color: #fdfdfd;
}

#diktamen_logo {
    height: 38px;
}

.navbar-dm {
    background-color: white;
}

.panel-dm {
    background-color: white;
}

h2.table-topic-dm {
    color: #3d3d3d;

}

body {
    background-color: #f5f5f5;
}

.main-content-dm {
    padding: 2em 3em;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*table, th, td {*/
/*    border: darkgrey 1px solid;*/
/*    padding: 10px;*/
/*}*/

.grid-container {
    display: grid;
    grid-gap: 5px;
    grid-template-areas: 'stats connections';
    grid-template-columns: auto auto auto;
}

.grid-item {
    padding: 20px;
    text-align: left;
    vertical-align: top;
}

.stats {
    grid-area: stats;
}
.connections {
    grid-area: connections;
}

textarea#message {
    transition: 1s all;
}

.has-error textarea#message {
    border-color: red;
    background: #ff00000a;
}

#greetings {
    word-break:break-word;
}

#greetings.formatted {
    white-space: pre;
}