#navbartop {
    position: fixed;
    width: 100%;
}

.sidebar .nav-link {
    color: white;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
    background: #212529;
}

#maincontainer {
    margin-top: 48px;
}

.auditlog .dropdown-menu.show {
    position: relative;
    left: 50px;
    top: 50px;
    height: 300px;
    overflow-y: scroll;
}

.auditlog.dropdown > ul > li > a {
    padding:5px 10px 5px 10px;
}

.filterbar .buttonbox {
    display: inline-block;
    float:left;
    border: 1px solid grey;
    padding: 5px;
    margin: 10px;
}

img.avatar {
    cursor: pointer;
}

/*padding: 0 !important; // override inline padding-right added from js*/

.modal-dialog-fullscreen {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-dialog-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal-dialog-fullscreen .modal-body {
    overflow-y: auto;
}
#spinner {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0.2s;
}
#spinner img {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%);
}
#spinner {
    visibility: hidden;
    opacity: 0;
}
#spinner.show {
    visibility: visible;
    opacity: 1;
}
html, body {
    margin: 0;
    padding: 0;
}
.userrole_filter {
    cursor: pointer;
}
.userrole {
    /*background-color: white;*/
    border-radius: 5px;
    margin: 1px 1px 1px 1px;
}
.userrole.with, .userrole_filter.with, .permission.with, .permission_filter.with {
    background-color: green;
}
.userrole.without, .userrole_filter.without, .permission.without, .permission_filter.without {
    background-color: red;
}
#sidenavbar {
    z-index: 101;
}
#shade {
    z-index: 100;
    background: black;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#sidenavbar.collapsing {
    -webkit-transition: none;
    transition: none !important;
    display: none;
}
#sidenavbar .version
{
    padding: .5rem 1rem;
}
.default {
    color: gray;
}
.oauth {
    color: blue;
}
.request {
    color: green;
}
.ERROR {
    color: red;
}
.modal-body textarea.form-control {
    width: 100%;
    height: 100%;
}

.diffspan {
    white-space: pre-wrap;
}

ins {
    color: green;
    background: #dfd;
    text-decoration: none;
}
del {
    color: red;
    background: #fdd;
    text-decoration: none;
}
code {
    font-size: smaller;
}
#params {
    margin: 1em 0;
    font: 14px sans-serif;
}
.code {
    margin-left: 2em;
    font: 12px monospace;
}
.ins {
    background:#dfd;
}
.del {
    background:#fdd;
}
.rep {
    color: #008;
    background: #eef;
}
.panecontainer {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
}
.panecontainer > p {
    margin: 0;
    border: 1px solid #bcd;
    border-bottom: none;
    padding: 1px 3px;
    background: #def;
    font: 14px sans-serif
}
.panecontainer > p + div {
    margin: 0;
    padding: 2px 0 2px 2px;
    border: 1px solid #bcd;
    border-top: none;
}
.pane {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    min-height: 20em;
    overflow:auto;
    font: 12px monospace;
}

.cms_preview blockquote {
    border: 1px solid grey;
    border-left: 3px solid grey;
    padding: 3px 3px 3px 5px;
}
#htmldiff.onlyDeletions ins {display:none}
#htmldiff.onlyInsertions del {display:none}
.errorlist li.error {
    font-weight: bold;
    color: red;
}
.errorlist li.no-error {
    font-weight: bold;
    color: darkgreen;
}
.errorlist li.warning {
    font-weight: bold;
    color: orange;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin button {
    background-color: #5865F2;
    color: white;
}
.form-signin button:hover {
    background-color: #3C45A5;
}

.threadlogs {
    width: 100%;
}

.threadlogs, .threadlogs tr {
    border: 1px solid;
}
.threadlogs td {
    padding: 5px;
}

#errorlogs .detail-view td {
    white-space: pre !important;
}