html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/ /* Prevent default browser scrollbars */
}

.sidebar-main {
    float: left;
    height: 100vh;
}

.sidebar {
    height: calc(100vh - 35.9px);
    background-color: #f0f0f0;
}

.archive {
    background-color: #f0f0f0;
}

.content {
    /*width: calc(100% - 217px);*/ /* Width of the viewport minus the width of the sidebar */
    height: 100vh; /* Ensure the content takes the full height of the viewport */
    background-color: #ffffff;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
}

.nav-tabs {
    flex-shrink: 0;
}

.tab-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tab-pane {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.spreadsheet-container {
    flex-grow: 1;
    height: 100%;
}

.richedit-container {
    flex-grow: 1;
    height: 100%;
}

.hidden {
    visibility: hidden;
}

.spreadsheet-date-container .form-label {
    margin-right: 10px;
}