.content {
    padding: 1em;
}

.message {
    padding: 1em;
    background-color: #CCFFCC;
}

div.header {
    padding: 1em 1em 0 1em;
}

div.menu {
    margin-top: 1em;
}

div.login {
    margin: 1em;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.menu li {
    float: left;
}

.menu a,
.menu span {
    display: block;
    padding: 8px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu a:hover,
.menu span:hover {
    color: #F3840C;
    background-color: #111;
}

.menu .current {
    background-color: #F3840C;
}

.menu .menu_level_1 {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    z-index: 1;
}

.menu .menu_level_1 li {
    float: none;
}

.menu .menu_level_1 a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.menu .menu_level_1 a:hover {
    color: #F3840C;
    text-decoration: underline;
    background-color: #111;
}

.menu li:hover .menu_level_1 {
    display: block;
}

table {
    border-collapse: collapse;
    font-size: 0.9em;
    color: #404040;
}

td,
th {
    border: 1px solid gray;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

td.number,
td.date {
    text-align: right;
}

.centered {
    text-align: center;
}

td.suspicious {
    color: red;
}

p.stats {
    line-height: 250%;
}

span.label {
    background-color: darkgreen;
    color: white;
    border-top-left-radius: 0.7em;
    border-bottom-left-radius: 0.7em;
    padding: 0.4em 0.7em;
}

span.value {
    background-color: lightgreen;
    color: darkgreen;
    border-top-right-radius: 0.7em;
    border-bottom-right-radius: 0.7em;
    margin-right: 2em;
    padding: 0.4em 0.7em;
}

a.button-link {
    display: inline-block;      /* Makes the link behave like a block-level element */
    padding: 0em 1em;         /* Adds space inside the link */
    color: white;               /* Text color */
    text-align: center;         /* Centers the text */
    text-decoration: none;      /* Removes the underline */
    background-color: #007BFF; /* Background color of the button */
    border-radius: 5px;         /* Rounds the corners */
    border: 1px solid #007BFF; /* Optional: Border color to match background */
    cursor: pointer;           /* Changes cursor to pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

a.button-link:hover {
    background-color: #0056b3; /* Darkens background on hover */
}

p.signature {
    font-size: small;
    text-align: right;
}