﻿.wiki-title { margin-bottom: 15px; }

.mag-wiki-page { height: 100%; max-width: 1170px; margin: 0 auto; position: relative; padding-right: 15px; margin-bottom: 50px; }

.mag-icon-16 { font-size: 16px; }

.category-node > a { font-weight: bold; }

.edit-wiki-contents { font-size: 0.7em; }

.page-table { display: flex; flex-direction: row; border-top: 1px solid var(--mag-element-border-color); 
              overflow:hidden; position: relative; touch-action: none; }

.sidebar-left { flex: 0 0 auto; width: 285px; min-height: 400px; min-width: 285px; white-space: nowrap; }

.splitter { flex: 0 0 auto; width: 2px; background-color: var(--mag-element-border-color); min-height: 400px; cursor: col-resize; position: relative; }

.splitter:before { content: ""; position: absolute; z-index: 1; top: 50%; right: 100%; height: 18px; width: 2px; margin-top: -9px; border-left-color: var(--mag-base-400); border-left-width: 1px; border-left-style: solid; }

.splitter:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 100%; height: 18px; width: 2px; margin-top: -9px; border-right-color: var(--mag-base-400); border-right-width: 1px; border-right-style: solid; }

.content-area { flex: 1 1 auto; width: 100%; min-height: 400px; background: var(--mag-page-bg-color); width: calc(100% - 285px); word-break: break-word; }

.content-area-wrap { padding: 20px 20px 0 25px; }

.wiki-search { position: relative; }

#wiki_searchresults_container, .wiki-no-result { display: none; }

.wiki-search-results { min-height: 100px; white-space: normal; word-break: break-word; overflow-wrap: break-word; }

.wiki-result-item, .wiki-no-result { padding: 10px; }

.wiki-result-item { border-bottom: 1px solid var(--mag-element-border-color); }

.wiki-result-item:last-child { border: none; }

.wiki-result-item h4 { font-size: 1em; margin-top: 0px; margin-bottom: 5px; }

.wiki-result-item p { margin-bottom: 0; font-size: .9em; }

.wiki-search .input-text { padding-right: 60px; }

.wiki-search #wiki_btnSearch { position: absolute; display: flex; align-items: center; padding-left: 4px; right: 3px; top: 0px; border-left: 2px solid var(--mag-element-border-color); height: 100%; text-decoration: none; }

.wiki-search #wiki_btnRemove { display: none; align-items: center; font-size: .8em; position: absolute; right: 35px; top: 0px; height: 100%; text-decoration: none; }

.highlight { background-color: yellow; color: #000; }

#jsTree a { height: auto; white-space: normal; word-wrap: break-word; }

.jstree-proton .jstree-leaf .jstree-anchor { margin-right: 15px; }

.jstree-proton .jstree-anchor { line-height: 18px; }

.wiki-page-title { margin: 0 0 10px 0; width: 90%; }

.wiki-page-action { display: none; position: relative; top: initial; right: initial; margin-top: 40px; }

.wiki-page-action .glyphicon { color: var(--mag-base-300); }

.table-of-contents-heading { padding: 6px 15px; display: none; }

.table-of-contents { overflow-y: auto; overflow-x: hidden; padding: 15px }

.table-of-select-contents { overflow-y: auto; overflow-x: hidden; padding: 15px 15px 0px 15px }

.btn-mag-toc { border: 1px solid var(--mag-primary-color); padding: 3px 10px; top: 70px; left: -51px; position: absolute; transform: rotate(90deg); display: none; z-index: 10; }

.sticky { position: fixed; }

@media (min-width: 768px) {
    .mag-wiki-page .sidebar-left { min-width: 285px; }
}

@media(max-width:768px) {
    .page-table { border: none; }

    .splitter { display: none; }

    .mag-collasible-sidebar .sidebar-left { padding: 0; position: fixed; z-index: 9999; left: -800px; width: 0; float: none; top: 0; transition: all 0.4s ease 0s; }

    .ui-mobile .mag-collasible-sidebar .sidebar-left { top: 51px; }

    .mag-collasible-sidebar .content-area { width: 100%; display: block; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; }

    .mag-collasible-sidebar .mag-open-sidebar { left: 0; width: 400px; max-width: 100%; }

    .btn-mag-toc, .table-of-contents-heading, .page-table, .page-col { display: block; }

    .mag-wiki-page .page-table .page-col.content-area { overflow-y: auto; }

    .mag-collasible-sidebar { padding-left: 20px; padding-right: 20px; }

    .siteBody { padding-left: 0 !important; padding-right: 0 !important; }

    .wiki-heading { margin: 0 15px 0 15px; border-bottom: 1px solid var(--mag-element-border-color); padding-left: 15px; }

    .content-area-wrap { padding-top: 15px; padding-left: 15px; }

    .wiki-page-title { width: 100%; }
}

@media(max-width:412px) {
    .mag-collasible-sidebar .mag-open-sidebar { left: 0; width: 100%; }
}
