/* CSS for menu page */
.menu-entry {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}
.menu-entry a {
    margin: 2px 5px;
    display: block;
    position: relative;
    text-decoration: none;
    color: #222;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.menu-entry a:hover {
    color: #086E9A;
    border-color: #086E9A;
}
.menu-entry i {
    margin-top: -11px;
    top: 50%;
    left: 0;
    position: absolute;
    display: block;
    width: 32px;
    height: 22px;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
}
.menu-entry span {
    margin-left: 32px;
    padding: 5px;
    display: block;
}
.menu-entry a:hover span {
    text-decoration: underline;
}

.menu-links-mobile a {
    text-align: left;
}

/* information */
.info-section {
    clear: both;
}
.info-section + .info-section {
    clear: both;
    margin-top: 10px;
}
.info-title {
    padding-right: 20px;
    float: left;
    width: 100px;
    font-weight: bold;
    text-align: right;
}
.info-data {
    margin-left: 120px;
}

/* disk usage */
.progress-bar.hdd-bar {
    width: 100%;
    overflow: hidden;
    background: #008750;
}
.hdd-available-color {
    color: #008750;
}
.hdd-warning .progress-bar.hdd-bar {
    background: #F7B407;
}
.hdd-warning .hdd-available-color {
    color: #F7B407;
}
.progress-level.hdd-system,
.progress-level.hdd-instance {
    float: left;
}
.progress-level.hdd-system {
    background: #404040;
}
.hdd-system-color {
    color: #404040;
}
.progress-level.hdd-instance {
    background: #003BC3;
}
.hdd-instance-color {
    color: #003BC3;
}

/* changelog page */
.changelog h2,
.changelog h3 {
    margin: 0;
}
.changelog ol {
    padding-left: 30px;
}
.changelog ul {
    padding-left: 50px;
}

@media (max-width: 800px) {
    .menu .menu-entry {
        display: block;
        width: 100%;
    }
    .info-title {
        padding-right: 0;
        float: none;
        width: auto;
        text-align: left;
    }
    .info-data {
        margin-left: 0;
    }
}