html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* The following hides the text of the grid in lower resolutions so that the icon only will appear. */
@media only screen and (max-width: 767px) {
    .hidesmall {
        display: none;
    }
}

/* Container for jquery.json-viewer's rendered tree fixed because it had visual problems and I added a horizontal scroll bar for better usage */
.json-viewer-container {
    max-height: 400px;
    overflow: auto;
}