/*--------------------------------------------------------------------------------------------
    Screen View
--------------------------------------------------------------------------------------------*/
@media screen {
    .jumbotron {
    }

    .body-content {
        padding: 0;
    }

    #sidebar_wrapper {
        margin-left: 0;
        width: 10.25rem;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggle #sidebar_wrapper {
        margin-left: -10.25rem;
    }

    #ContentPlaceHolder.toggle {
    }


    #ContentPlaceHolder {
        height: calc(100vh - 184px) !Important;
        padding-left: 5px;
        padding-right: 5px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #form1 {
        display: flex;
        flex-flow: column;
        height: 100vh;
    }

    #PageOuter {
        display: flex;
        flex-flow: column;
        height: 100vh;
        width: 100vw;
    }

    #wrapper {
        /*
    overflow-x: hidden;
        */
    }

    #sidebar_wrapper {
        /*min-height: calc(100vh - 118px);*/
        -webkit-transition: margin .25s ease-out;
        -moz-transition: margin .25s ease-out;
        -o-transition: margin .25s ease-out;
        transition: margin .25s ease-out;
    }

        #sidebar_wrapper .sidebar-heading {
            padding: 0.880rem 1.26rem;
            font-size: 1.264rem;
        }

        #sidebar_wrapper .list-group {
            width: -5rem;
        }

    #page-content-wrapper {
        /*min-width: 100vw;*/
    }

    /* For Inside the ContentPlaceHolder (and within the now overflow: auto)
    ------------------------------------------------------------- */
    #Content_Wrapper, Content_Wrapper {
        display: flex;
        flex-flow: column;
        height: 100%;
    }

    #Content_Fixed, Content_Fixed {
        flex-basis:auto;
    }

    #Content_Remaining, Content_Remaining {
        margin-left: -6px;
        margin-right: -6px;
        padding: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        border-top: 1px solid darkgrey;
        flex-grow: 1;
    }

    #Content_RemainingFixed, Content_RemainingFixed {
        margin-left: -6px;
        margin-right: -6px;
        padding: 10px;
        overflow-y: hidden;
        overflow-x: hidden;
        border-top: 1px solid darkgrey;
        flex-grow: 1;
    }

    .PrintView {
    }
}