body {
    margin: 0;
    background-color: #c4bfc0;
    background-image: url("/activate/javax.faces.resource/campus-aerial-bg-1024px-h.jpg.xhtml?ln=images");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed
}

#content a {
    font-weight: 700;
    color: #8E6F3E;
}

.app-panel {
    width: 97vw;
}

@media screen and (min-width: 480px) {
    .app-panel {
        width: 95vw;
    }
}

@media screen and (min-width: 768px) {
    .app-panel {
        width: 85vw;
    }
}

@media screen and (min-width: 1280px) {
    .app-panel {
        width: 70vw;
    }
}

.ui-dialog {
    width: 95vw !important;
}

@media screen and (min-width: 480px) {
    .ui-dialog {
        width: 90vw !important;
    }
}

@media screen and (min-width: 768px) {
    .ui-dialog {
        width: 70vw !important;
    }
}

@media screen and (min-width: 1280px) {
    .ui-dialog {
        width: 40vw !important;
    }
}

.ui-panel-titlebar {
    background: repeat url("/activate/javax.faces.resource/stripes-tile.png.xhtml?ln=images") !important;
}

.app-header {
    height: 10vh;
}

.app-header-logo {
    height: 8vh;
}

#content {
    min-height: 40vh;
}

.panel-footer-toolbar {
    border: none !important;
}

@media screen and (max-width: 768px) {
    .ui-steps .ui-steps-item.ui-state-default {
        display: none;
    }

    .ui-steps .ui-steps-item.ui-state-highlight {
        font-size: 25px;
    }
}