/* BRAUNDE_FONLINE_VB386_PAGESHELL_STAGE16
 * Global standalone shell stylesheet.
 * Does not replace or mutate MyBB global.css.
 */

.vb386-shell-container {
    --vb386-border: #0B198C;
    --vb386-tborder: #D1D1E1;
    --vb386-alt1: #F5F5FF;
    --vb386-alt2: #E1E4F2;
    --vb386-tcat: #869BBF;
    --vb386-thead: #5C7099;
    --vb386-tfoot: #3E5C92;
    --vb386-footer-text: #E0E0F6;
    --vb386-menu: #738FBF;
}

.vb386-shell-header {
    width: 100%;
}

.vb386-shell-logo-table {
    width: 100%;
    margin: 0 auto;
}

.vb386-shell-logo-cell {
    text-align: left;
    vertical-align: middle;
}

.vb386-shell-logo-cell img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.vb386-shell-logo-spacer {
    width: 100%;
}

.vb386-shell-navbar-table {
    width: 100% !important;
    margin: 0 auto !important;
    background: var(--vb386-tborder) !important;
    border: 1px solid var(--vb386-border) !important;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    box-sizing: border-box;
}

.vb386-shell-navbar-table .trow1 {
    background: var(--vb386-alt1) !important;
}

.vb386-shell-navbar-table .trow2 {
    background: var(--vb386-alt2) !important;
}

.vb386-shell-breadcrumb-cell {
    width: 100%;
    vertical-align: middle;
}

.vb386-shell-login-cell {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.vb386-shell-breadcrumb-title {
    margin-bottom: 3px;
}

.vb386-shell-navigation {
    font: 11px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
    line-height: 1.45;
}

.vb386-shell-navigation a {
    font-weight: bold;
}

.vb386-shell-nav-sep {
    display: inline-block;
    margin: 0 5px;
    color: #555555;
}

.vb386-shell-nav-active {
    font-weight: bold;
}

.vb386-shell-menu-border {
    padding: 1px !important;
    border-top-width: 0 !important;
    background: var(--vb386-tborder) !important;
    border-color: var(--vb386-border) !important;
}

.vb386-shell-menu {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    background: var(--vb386-menu);
}

.vb386-shell-menu-item {
    flex: 1 1 auto;
    display: block;
    padding: 6px 8px;
    border-right: 1px solid #D1D1E1;
    color: #FFFFFF !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    font: bold 11px tahoma, verdana, geneva, lucida, "lucida grande", arial, helvetica, sans-serif;
}

.vb386-shell-menu-item:last-child {
    border-right: 0;
}

.vb386-shell-menu-item:hover {
    background: #5C7099;
    color: #FFFFFF !important;
}

.vb386-shell-login-form {
    margin: 0;
}

.vb386-shell-login-fields {
    white-space: nowrap;
}

.vb386-shell-login-fields .textbox {
    font-size: 11px;
}

.vb386-shell-member-box {
    min-width: 250px;
    line-height: 1.45;
}

.vb386-shell-member-greeting {
    white-space: nowrap;
}

.vb386-shell-member-links {
    margin-top: 3px;
    white-space: normal;
}

.vb386-shell-member-links a {
    margin-right: 7px;
}

.vb386-shell-content {
    margin-top: 0;
}

.vb386-shell-footer {
    margin-top: 12px;
}

.vb386-shell-footer-table {
    width: 100% !important;
    background: var(--vb386-tfoot) !important;
    border: 0 !important;
    box-sizing: border-box;
}

.vb386-shell-footer .tfoot {
    background: var(--vb386-tfoot) !important;
    color: var(--vb386-footer-text) !important;
    padding: 6px !important;
}

.vb386-shell-footer .tfoot a {
    color: var(--vb386-footer-text) !important;
}

.vb386-shell-footer-selects {
    white-space: nowrap;
}

.vb386-shell-footer-selects select {
    max-width: 220px;
    margin-right: 4px;
}

.vb386-shell-footer-links {
    white-space: nowrap;
}

.vb386-shell-footer-debug {
    margin-top: 7px;
    text-align: center;
}

.vb386-shell-footer-copy {
    margin-top: 5px;
    padding-bottom: 8px;
}

@media (max-width: 760px) {
    .vb386-shell-navbar-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .vb386-shell-login-cell {
        white-space: normal;
    }

    .vb386-shell-menu {
        flex-wrap: wrap;
    }

    .vb386-shell-menu-item {
        flex: 1 1 33%;
        white-space: normal;
    }

    .vb386-shell-footer-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        box-sizing: border-box;
    }

    .vb386-shell-footer-links {
        white-space: normal;
    }
}