/* HEADER */


/*#wms-header button, #wms-header span {
    display: inline;
}*/
/*?.online-offline-indicator {*/
.onoff-thing {
    display: none;
}
#signin-signout-auth-etc-buttons {
    /*position: fixed;*/
    /*left: 0;*/
    /*top: 0;*/
}

#signed-in-buttons {
    display: flex;
    flex-direction: row;
}
#noncollab-signed-in-part {
    margin-right: auto;
}


/* MAIN SECTION */

#uicontainer {
    /*margin-top: 100px;*/
    /*flex-*/
    margin-top: auto;
    margin-bottom: auto;
}

#jstree-stufftree-all, #fancytree-stufftree-all {
    /* don't know why I had this */
    /*display: flex;*/
}

/*https://css-tricks.com/couple-takes-sticky-footer/*/
html, body {
    /* 100% caused weird unnecessary scroll behaviour that cut off bottom buttons.*/
    height: 99%; 
}
body {
    display: flex;
    flex-direction: column;
}
/*.content {*/
/*    flex: 1 0 auto;*/
/*}*/


#wms-todos-container {
    /*    !*position: fixed;*!*/
    /*    margin-bottom: 20px;*/
    margin-top: 20px !important;
}


/* FOOTER */

/*https://css-tricks.com/couple-takes-sticky-footer/*/
#wms-footer {
    margin-top: auto;
    /*margin-bottom: 10px;*/
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
}
#footer-left {
    margin-right: auto;
}
#footer-right {
    margin-left: auto;
}


/*#uid-source {*/
/*    width: auto;*/
/*}*/
#lesser-used-controls {
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0;*/
}
#admin-mode-button {
    /*position: fixed;*/
    /*right: 0;*/
    /*bottom: 0;*/
}
#admin-section {
    z-index: 100;
    background: rgba(155, 255, 255, 1);
}