html {
    min-height: 100%;
}
body {
    background-color: #222 !important;
    min-height: 100%;
}
#header {
    background-color: #222;
}
#footer {
    background-color: #222;
    color: #eee;
}
#footer footer {
    padding: 2rem 0;
}

#wrapper {
    background-color: #ccc;
}

#content {
    background-color: #fff;
    padding: 2rem;
}

#login-form {
    width: 300px;
    margin: 0 auto;
}

.searchbox input {
    width: 350px;
    padding: 6px 30px 6px 10px;
}

.searchbutton {
    width: 24px;
    margin-left: -54px;
}

.brewery-beer-name-filter input {
    padding: 6px 30px 6px 10px;
}
.brewery-beer-name-filter .searchbutton {
    margin-left: 100px;
}

.go-to-id-label {
    width: 120px;
    flex-direction: row-reverse;
}
.go-to-id-button {
    width: 150px;
}
.go-to-id-button button {
    width: 100%;
}

.id-input {
    width: 120px !important;
    flex: unset !important;
}

.username-input {
    width: 220px !important;
    flex: unset !important;
}

.thumbnail {
    width: 75px;
    text-align: center;
}
.thumbnail img {
    max-width: 75px;
    max-height: 75px;
}

/* Beer */
.beer-photo img {
    max-height: 200px;
    max-width: 200px;
}
.beer-table-maininfo {
    width: initial !important;
    min-width: 200px;
}

.beer-table-maininfo th,
.beer-table-maininfo td {
    background-color: transparent !important;
}

/* Brewery */
.brewery-logo img {
    max-width: 200px;
    max-height: 200px;
}

/* Place */
.place-photo img {
    max-height: 200px;
    max-width: 200px;
}
.place-details i {
    width: 24px;
}
#map {
    width: 100%;
    height: 200px;
    margin-top: 10px;
}
input#latitude, input#longitude {
    max-width: 150px;
}
.col-geo {
    max-width: 160px !important;
}

/* Search */
.searching-in:hover {
    color: initial !important;
    background-color: initial !important;
}

/* Other */
.page-load-time {
    font-size: 0.6em;
}