/* bootstrap hack: fix content width inside hidden tabs
   http://stackoverflow.com/a/23267110/2132223
 */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block !important; /* undo display:none          */
    height: 0;                 /* height:0 is also invisible */ 
    overflow-y: hidden;        /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;              /* let the content decide it  */
}

/* Fix navbar padding on mobile, which bootstrap messes up for some reason */
body, html {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* mobile navbar mode is < 768px */
@media screen and not (min-width: 768px) {
    /* Sandstone theme disables padding here for some reason */
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
/* bootstrap hack end */