/* ============================================================
   FIXED NAVBAR
   ============================================================ */

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;
}

/* ============================================================
   LAYOUT WRAPPER
   ============================================================ */

.layout {
    /*display: flex;*/
    margin-top: 70px;
    min-height: calc(100vh - 70px);
}

/* ============================================================
   SIDEBAR (collapsible)
   ============================================================ */

.sidebar {
    position: fixed;
    top: 70px;
    left: 0;
    width: 240px;
    height: calc(100vh - 70px);
    overflow-y: auto;
    padding: 20px 0;
    background: var(--surface);
    transition: width .25s ease;
}

    .sidebar.collapsed {
        width: 70px;
    }

        .sidebar.collapsed .sidebar-text {
            display: none;
        }

        .sidebar.collapsed + .content {
            margin-left: 70px;
        }
/* ============================================================
   CONTENT AREA
   ============================================================ */

.content {
    margin-left: 240px;
    padding: 24px;
    background: var(--background);
    min-height: calc(100vh - 70px);
    overflow: visible;
    transition: margin-left .25s ease;
}

/* ============================================================
   REGISTER MODAL/ CREATE ACCOUNT MODAL
   ============================================================ */

/* Make ONLY this modal compact */
/*#registerModal .wak-input-sm {
    padding: 0.45rem 0.75rem;
    font-size: 0.9rem;
    height: auto;
}*/

/* Reduce modal padding for a tighter look */
/*#registerModal .modal-body {
    padding: 1rem 1.25rem !important;
}

#registerModal .modal-header {
    padding: 0.75rem 1.25rem !important;
}*/

/* Prevent modal from hiding behind navbar */
/*#registerModal .modal-dialog {
    margin-top: 85px !important;
}*/