.egroup-title {
    font-size: 30px;
    font-weight: bold;
}

    .egroup-title:not(:first-child) {
        padding-top: 40px;
    }

.egroup-desc:empty {
    display: none;
}

.egroup-desc {
    padding-bottom: 20px;
}


/* ######### <[RECTANGLE BUTTONS IN DEFINTION PANE]> ######### */
.btn-section {
    padding: 18px 20px 20px 20px;
    margin-left: 20px;
    border-left-width: 5px;
    border-left-style: solid;
    text-align: left;
    background-color: #F5F5F5;
}

    .btn-section.http-get {
        border-left-color: #28a745
    }

    .btn-section.http-post {
        border-left-color: #007bff;
    }

    /*.btn-section.http-put {
        border-left-color: #F9C000;
    }*/
    .btn-section.http-delete {
        border-left-color: #dc3545;
    }

    .btn-section.active {
        /*border-left-color: #428BCA !important;*/
        /*border-left-color: #307CFF!important;*/
        background-color: #ccc !important;
    }

    .btn-section:hover {
        /*border-left-color: #428BCA !important;*/
    }

/* ######## <[SIDEBAR RELATED]> ########## */

#sidebar a {
    color: #F9F3FD;
    text-decoration: none;
}

#sidebar .nav-link[data-toggle].collapsed:after {
    content: "▾";
}

#sidebar .nav-link[data-toggle]:not(.collapsed):after {
    content: "▴";
}

#sidebar .nav-link.active {
    /*color: #428BCA;*/
    /*color: #307CFF;*/
    filter: brightness(70%);
}



/* ######## <[DEFINITION PANE RELATED]> ########## */
h4 {
    font-weight: bold;
    font-size: 18px;
}

#definition-pane {
    overflow-x: hidden;
}
    /* REQUIRED OR OPTIONAL */
    #definition-pane .integrity {
        font-style: italic;
        color: #f0ad4e;
        /*font-weight: bold;*/
    }
/* DEFINTION LISTS */
dt::after {
    content: ":";
}

dt.depreciated {
    color: gray;
    text-decoration: line-through;
}

dd.depreciated .simple-dt {
    text-decoration: line-through;
}

dd.depreciated {
    color: gray;
}

/*.simple-dt {
        font-weight: bold;
    }

    .complex-dt {
        font-weight: bold;
        color: #428BCA;
    }*/


@@media only screen and (min-width:768px) {
    #definition-pane.col-md-6 dt,
    #definition-pane.col-md-11 dt {
        text-align: right;
    }
}




/* #### <[CODE PANE RELATED]> #### */
#code-pane .comment {
    color: darkgreen;
}





/* ########## <[SYNTAX HIGHLIGHTER TWEAKS]> ########### */
div.syntaxhighlighter {
    background-color: #F5F5F5 !important;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 9.5px;
}

.syntaxhighlighter .line.alt1 {
    background-color: #F5F5F5 !important;
}

.syntaxhighlighter .line.alt2 {
    background-color: #F5F5F5 !important;
}





/* #### <[HEADERS AND BODY SECTIONS OF REQUEST/RESPONSE BLOCKS]> #### */
.card h5 {
    font-size: 16px;
    border-bottom: #DDD 1px solid;
    padding: 3px;
}




/* ####### <[STRETCHING PAGE SO IT TAKES UP 100%]> ####### */
/* This is defined in _Layout.cshtml */
#body-content {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
/* I also do something in javascript where I remove the container class from #body-content */

/* Stretch the nav across the screen.  Normally a container is a fixed amount */
#topnav .container {
    width: 100%;
}






/* ##### <[TEMPLATE RELATED]> ###### */
body, html {
    overflow: hidden;
    height: 100%;
}

#sidebar {
    /*background-color: #f0ad4e;*/
    padding: 10px;
    font-size: 14px;
}

#code-pane {
    background-color: #F5F5F5;
    padding: 10px;
}

.section {
    height: calc(100vh - 128px); /* making room for navbar + page title and padding that follows*/
    overflow-y: auto;
}

    .section::-webkit-scrollbar {
        width: 6px;
    }

    .section::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .section::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #999;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }


.clean-slate {
    font-weight: bold;
    font-family:  helvetica;
    text-align: center;
    margin-top:50px;
}