body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

hr {
    margin-top: 1em;
    margin-bottom: 0em;
}

h1 a {
    color: inherit;
}
h1 a:hover { color: inherit; text-decoration: none; }

h2 {
    margin-top: 0.2em;
}

footer { margin-top: 10em; }

.package-icon {
    margin-top:5px;
    margin-left:-84px;
    float:left
}

.btn-group .btn-default {
    color: #777;
}

.version small {
    opacity: 0.65;
}

.sidenav h4 {
    color:#777;
}
.sidenav .link {
    color:#777;
}
.sidenav a small {
    color:#ccc;
}

.sidenav {
    /* border moved to .sidenav-resize-handle */
}

@media (min-width: 768px) {
    #api.row {
        display: flex;
        flex-wrap: nowrap;
        /* default align-items: stretch — lets the handle fill the full row height */
    }
    #api .sidenav {
        flex: 0 0 auto;
        width: 25%;
        min-width: 150px;
        max-width: 65%;
        float: none;
        box-sizing: border-box;
        align-self: flex-start;
    }
    #api #code {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        float: none;
        align-self: flex-start;
    }
    .sidenav-resize-handle {
        flex: 0 0 11px;
        cursor: col-resize;
        background: transparent;
        position: relative;
        transition: background 0.2s;
        /* stretch (default) so it fills the full row height */
    }
    /* always-visible divider line */
    .sidenav-resize-handle::before {
        content: '';
        position: absolute;
        left: 5px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #d3d3d3;
    }
    /* drag-dot indicator in the middle */
    .sidenav-resize-handle::after {
        content: '⠿';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #bbb;
        font-size: 14px;
        line-height: 1;
        pointer-events: none;
    }
    .sidenav-resize-handle:hover,
    .sidenav-resize-handle.dragging {
        background: rgba(0, 0, 0, 0.06);
    }
    .sidenav-resize-handle:hover::before,
    .sidenav-resize-handle.dragging::before {
        background: #999;
    }
    .sidenav-resize-handle:hover::after,
    .sidenav-resize-handle.dragging::after {
        color: #666;
    }
}

#asearch {
    font-family: "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    width: 80%;
    color: #000;
}

.public-api {
    color: #777;
}
.private-api {
    color: #CCC;
}
.active {
    font-weight: bold;
    color: #000;
}

.long-item-list {
    overflow: auto;
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
    padding-bottom: 10px;
    font-size: small;
}

.inline-code {
    font-family: "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    color: #777;
}

.member-code {
    font-family: "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 14px;
    color: #777;
    word-wrap: normal;
    padding: 8px;
    line-height: 20px;
    background-color: #fafafa;
    border-radius: 4px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.code {
    font-family: "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 13px;
    color: #777;
    word-wrap: normal;
    white-space: pre;
    padding: 16px 0px;
    line-height: 17px;
    margin-top: 0em;
    margin-bottom: 1.5em;
}
.c-kw { color: #777 !important; } /* keyword */
.c-co { color: #909197 !important; }
.c-uk { color: #300 !important; } /* unknown */
.c-nl { color: #EF5F11 !important; }
.c-nu { color: #EF5F11 !important; }
.c-st { color: #EF5F11 !important; }
.c-nr { color: #40424A !important; } /* namespace reference */
.c-nd { color: #40424A !important; font-weight: bold; } /* namespace declaration */
.c-fr { color: #383A42 !important; } /* field reference */
.c-fd { color: rgb(101, 104, 114) !important; font-weight: bold; } /* field declaration */
.c-mr { color: rgb(116, 182, 115) !important; } /* method group reference */
.c-md { color: #50A14F !important; font-weight: bold; } /* method declaration */
.c-cr { color: #50A14F !important; } /* constructor reference */
.c-cd { color: #50A14F !important; font-weight: bold; } /* constructor declaration */
.c-ar { color: #383A42 !important; } /* variable reference */
.c-ad { color: #484A52 !important; font-weight: bold; }
.c-tr { color: #4f9fcf !important; } /* type reference */
.c-td { color: #2f6f9f !important; font-weight: bold; } /* type declaration */
.c-pr { color: #0184BC !important; } /* property reference */
.c-pd { color: #0184BC !important; font-weight: bold; } /* property declaration */
.c-er { color: #986801 !important; } /* event reference */
.c-ed { color: rgb(152, 104, 1) !important; font-weight: bold; } /* event declaration */

.add-package-code {
    font-size:14px;
    background-color:#fafafa;
    border-radius:4px;
    margin-top:1em;
    margin-bottom:1em;
    padding:16px;
}

ul.inline-code {
    padding: 20px;
    font-size: 15px;
    line-height: 24px;
}

ul.pkglist {
    overflow: auto;
    list-style-type: none;
    padding: 0;
    white-space: nowrap;
    padding-bottom: 10px;
    font-size: small;
}

.description-section {
    white-space: pre-wrap;
    word-wrap: normal;
    font-size: 120%;
    margin-bottom: 1.25em;
}

.diff-Types {
    padding-left: 0;
}
.diff-Members {
    padding-left: 1em;
}

li.diff-Type > span {
    font-size: 120%;
}
li.diff-Type {
    margin: 1em 0;
}
li.diff-Member {
    margin: 0.5em;
}

.diff-Add, .diff-Remove, .diff-Update {
    border:solid 1px;
    /*border-radius: 0.5em;*/
    padding: 0.5em;
    list-style-type: none;
}
.diff-Add {
    border-color: rgba(116, 182, 115, 0.75);
    background-color: rgba(116, 182, 115, 0.08);
}
.diff-Remove {
    border-color: rgba(152, 104, 1, 0.75);
    background-color: rgba(152, 104, 1, 0.08);
}
.diff-Update {
    border-color: rgba(188, 193, 211, 0.75);
    background-color: rgba(129, 133, 145, 0.05);
}


.apireferenceicon {
    display: inline-block;
    padding: 0;
    position: relative;
    top: 0.125em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 1em 1em;
}
.apireferenceicon:before {
    content: "\00A0";
}
.apireferenceicon-file { background-image: url(/images/code/Document_16x.svg); }
.apireferenceicon-package { background-image: url(/images/code/CSPackage_16x.svg); }
.apireferenceicon-assembly { background-image: url(/images/code/Assembly_16x.svg); }
.apireferenceicon-namespace { background-image: url(/images/code/Namespace_16x.svg); }
.apireferenceicon-class { background-image: url(/images/code/Class_16x.svg); }
.apireferenceicon-staticclass { background-image: url(/images/code/Module_16x.svg); }
.apireferenceicon-abstractclass { background-image: url(/images/code/AbstractClass_16x.svg); }
.apireferenceicon-interface { background-image: url(/images/code/CSInterface_16x.svg); }
.apireferenceicon-enum { background-image: url(/images/code/Enumerator_16x.svg); }
.apireferenceicon-delegate { background-image: url(/images/code/Event_16x.svg); }
.apireferenceicon-struct { background-image: url(/images/code/Structure_16x.svg); }
.apireferenceicon-method { background-image: url(/images/code/Method_16x.svg); }
.apireferenceicon-field { background-image: url(/images/code/Field_16x.svg); }
.apireferenceicon-event { background-image: url(/images/code/Event_16x.svg); }
.apireferenceicon-property { background-image: url(/images/code/Property_16x.svg); }
.apireferenceicon-unknown { background-image: url(/images/code/Cube_16x.svg); }


/*removing blocks around classes/enums/namespaces
    .boxcontents {
    display: inline-block;
    width: 18em;
    
    min-height: 4em;
    border:1px solid rgb(128,128,128,0.5);
    vertical-align: top;
    margin: 0.5em 0.25em;
    padding: 0.25em;
    border-radius: 0.5em;
    text-align: center;
    color: #333 !important;
}
*/
.boxcontents {
    display: block;
    padding-left: 1em;
    margin:0.5em;
    color: #333 !important;
}
.boxcontents:hover { background-color: #EEE; }
a .boxcontents {
    text-decoration: none;
}
.boxcontents .title {
    overflow:hidden;
}
.boxcontents small {
    display: block;
    font-size: small;
}