header a {
    text-decoration: none;
    border: 0;
    margin: 0;
    height: 6em;
    padding: 0;
    background-image: url("../images/cesnet-logo.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.container-narrow {
    max-width: 20em;
}

.container-wide {
    max-width: 50em;
}

img {
    display: block;
    height: 10em;
    margin: 0 auto;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

input {
    font-weight: normal !important;
}

label {
    display: block;
    cursor: pointer;
}

.btn-login {
    display: block;
    margin: 0 auto;
}

.btn-primary {
    background-color: #0068a2;
    color: #fff;
    padding: 0.5em 2em;
}

.btn-default:hover {
    background-color: #5a5a5a;
    color: #fff;
}

.btn-grp {
    text-align: center;
}

.btn-release {
    margin: 1em 2em 0 1em;
}

table {
    margin-top: 2em;
}

table thead tr th {
    background-color: #0068a2;
    color: #fff;
}

table tbody tr td:nth-child(2) {
    font-weight: bold;
}

table tbody tr:nth-child(even) {
    background-color: rgba(0, 104, 162, 0.1);
}

.table thead tr th,
.table tbody tr td {
    border: none;
}

.release {
    border: thin solid #5a5a5a;
    padding: 0 2em 1em;
    margin-top: 2em;
}

.release h2 {
    margin-bottom: 1.5em;
}

.release div.radio {
    margin-bottom: 2em;
}

span.li {
    display: block;
    padding-left: 1.5em;
}

.tou {
    margin-bottom: 2em;
}

.btn-tou {
    margin-top: 1em;
}

footer {
    text-align: right;
    border-top: thin solid #a5a5a5;
    margin-top: 2em;
}

@media(max-width: 736px) {
    .container-narrow {
        max-width: none;
    }

    h1 {
        margin-top: 0;
    }

    .release {
        padding: 0 1em 1em;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #1e1e1e;
        color: #ccc;
    }

    header a {
        background-image: url("../images/cesnet-logo-negativ.svg");
        opacity: 0.75;
    }

    .alert,
    p.fade.in {
        opacity: 0.75;
    }

    .input-group-addon,
    .form-control {
        background-color: #303030;
        color: #ccc;
    }

    img {
        opacity: 0.75;
    }
}