html, body {
    height: 100%;
    margin: 0
}

section#kioskPage {
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: hidden;
}

header {
    flex: 0 1 auto;
    /* The above is shorthand for:
    flex-grow: 0,
    flex-shrink: 1,
    flex-basis: auto
    */
}

section#mainContentDiv {
    flex: 1 1 auto;
}

.js-link {
    cursor:pointer;
}

header {
    height: 60px;
    background-color: #efefef;
    padding: 5px;
}

header .btn {
    height: 50px;
    font-size: 24px;
    line-height: 38px;
}

.centeredContent {
    width:100vw;
    height:100vh;
}
.centeredContent .centeredTable {
    width:100%;
    height:100%;
    display:table;
    text-align:center;
}
.centeredContent .centeredTable > .centeredCell {
    display:table-cell;
    vertical-align:middle;
}

.centeredContent .centeredTable > .centeredCell #signin-form {
    width:30%;
    margin:0 auto;
}

body.searchEngine #mainContentDiv,
body.searchEngine #mainContentDiv > * {
    background:none;
}