@import '_content/BlogEngine.UI/BlogEngine.UI.kttqt03mlr.bundle.scp.css';

/* _content/BlogEngine.UI.Admin/Components/Layout/MainLayout.razor.rz.scp.css */
html[b-0nriiqyiih], body[b-0nriiqyiih] { width: 100%; height: 100%; }

.sidebar[b-0nriiqyiih] { background-color: #282c37; color: #74808f; max-width: 320px; }
.page[b-0nriiqyiih] { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; }

main[b-0nriiqyiih] { flex: 1; }

.top-row[b-0nriiqyiih] { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }
.top-row[b-0nriiqyiih]  a, .top-row .btn-link[b-0nriiqyiih] { white-space: nowrap; margin-left: 1.5rem; }
.top-row a:first-child[b-0nriiqyiih] { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-0nriiqyiih] { display: none; }
    .top-row.auth[b-0nriiqyiih] { justify-content: space-between; }
    .top-row a[b-0nriiqyiih], .top-row .btn-link[b-0nriiqyiih] { margin-left: 0; }
}

@media (min-width: 641px) {
    .page[b-0nriiqyiih] { flex-direction: row; }
    .top-row[b-0nriiqyiih] { position: sticky; top: 0; z-index: 1; }
    .top-row[b-0nriiqyiih], article[b-0nriiqyiih] { padding-left: 2rem !important; padding-right: 1.5rem !important; }
}
/* _content/BlogEngine.UI.Admin/Components/Layout/NavMenu.razor.rz.scp.css */
.menu[b-wb6m9yessx] { padding-left: 30px; height:30px; line-height:30px; position:relative; }
.menu i[b-wb6m9yessx] { position: absolute; left:0; top:0; bottom:0; width:30px; line-height:30px; text-align:center; }
.sub-menu[b-wb6m9yessx] { padding-left: 30px; height: 30px; line-height: 30px; position: relative; }
.sub-menu i[b-wb6m9yessx] { position: absolute; left: 0; top: 0; bottom: 0; width: 30px; line-height: 30px; text-align: center; }
.menu[b-wb6m9yessx], .sub-menu[b-wb6m9yessx] { cursor: pointer; }