/* Sticky footer styles
-------------------------------------------------- */
/* This ensures the footer is at or below the bottom of the browser window */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
    height: 60px;
    background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
    padding: 10px 15px 0;
}
.container .text-muted {
    margin: 20px 0;
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}

code {
    font-size: 80%;
}


/* ==========================================================================
   JMRI custom styles
   ========================================================================== */

/* Ensure body content does not get hidden under menu */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

#navbar-power > button > span {
    vertical-align: baseline;
}

/* for some reason, the modal background is getting a higher z-index than the model by default, so reset it */
.modal {
    z-index: 1500;
}