body {
    background-color: #ebedf3;
    font-family: sans-serif;
    font-size: 0.875em;
    line-height: 1.5em;
    margin: 0;
}

#content {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1280px;
    padding: 2em;
}

header {
    background-color: #396ab5;
    padding: 1em;
}

header a {
    color: #fff;
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}

a {
    color: #2d3e66;
}

nav, nav a {
    color: #8a8a8a;
}

nav a, header a {
    text-decoration: none;
}

nav a[aria-current="location"] {
    color: #2d3e66;
}

nav a:hover {
    color: #2d3e66;
    text-decoration: underline;
}

details {
    border: 2px dashed #ccc;
}

summary {
    cursor: pointer;
}

table, th, td {
    border: 1px solid #000;
}

th, td {
    padding: 1px 4px;
}

textarea {
    resize: vertical;
    width: 100%;
}

footer {
    color: #2d3e66;
    padding: 2em;
    text-align: center;
}

.login {
    background-color: #eeffee;
    margin-top: 1em;
    padding: 0.2em 0;
}

.login, .login a, .login a:hover {
    color: green;
}

.chyba {
    background-color: #ffeeee;
    color: red;
}

.uspech {
    background-color: #eeffee;
    color: green;
}

.neaktivni {
    color: #aaa;
    background-color: #eee !important;
}

.neaktivni .zavazne, .neaktivni .nahradnik {
    color: inherit;
}

.zavazne {
    color: green;
}

.zavaznetr{
    background-color: #eeffee;
}

.nahradnik {
    color: red;
}

.nahradniktr {
    background-color: #ffeeee;
}

.wrap label, .wrap input[type="submit"] {display: block; margin-bottom: 0.5em;}

@media (max-width: 640px) {
    #content {overflow-x: auto;}
    label, input[type="submit"] {display: block; margin-bottom: 0.5em;}
}