/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
    padding-left: 5px;
    padding-right: 5px;
}
/*.body-content {
    padding-left: 5px;
    padding-right: 5px;
}*/

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}
/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 30px;
        color: darkblue;
    }*/
    .body-content {
        padding: 0;
    }
    /*-----------------*/
.navbar {
    position: relative;
    min-height: 72px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    /* background-color: white;#03377A*/
    background-color:white;
}
   
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 900;
    }
    .navbar navbar-inverse navbar-fixed-top {
    }

    .navbar-brand {
    }

    .container {
    }

    .navbar-header {
    }

    .navbar-toggle {
        background-color: #03377A;
    }

    .navbar-collapse collapse {
    }

    .nav navbar-nav {
    }

    .container body-content {
    }

    #MainContent {
        background-color: red;
    }
/*-------------------*/
/* ————————————————————–
  Tree core styles
*/
.tree {
    margin: 1em;
}

.tree input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

    .tree input ~ ul {
        display: none;
    }

    .tree input:checked ~ ul {
        display: block;
    }

/* ————————————————————–
  Tree rows
*/
.tree li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 1em 1em;
}

.tree ul li {
    padding: 1em 0 0 1em;
}

.tree > li:last-child {
    padding-bottom: 0;
}

/* ————————————————————–
  Tree labels
*/
.tree_label {
    position: relative;
    display: inline-block;
}

label.tree_label {
    cursor: pointer;
}

    label.tree_label:hover {
        color: #666;
    }

    /* ————————————————————–
  Tree expanded icon
*/
    label.tree_label:before {
        background: #000;
        color: #fff;
        position: relative;
        z-index: 1;
        float: left;
        margin: 0 1em 0 -2em;
        width: 1em;
        height: 1em;
        border-radius: 1em;
        content: '+';
        text-align: center;
        line-height: .9em;
    }

:checked ~ label.tree_label:before {
    content: '–';
}

/* ————————————————————–
  Tree branches
*/
.tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.5em;
    display: block;
    width: 0;
    border-left: 1px solid #777;
    content: "";
}

.tree_label:after {
    position: absolute;
    top: 0;
    left: -1.5em;
    display: block;
    height: 0.5em;
    width: 1em;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    border-radius: 0 0 0 .3em;
    content: '';
}

label.tree_label:after {
    border-bottom: 0;
}

:checked ~ label.tree_label:after {
    border-radius: 0 .3em 0 0;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 0.5em;
    height: auto;
}

.tree li:last-child:before {
    height: 1em;
    bottom: auto;
}

.tree > li:last-child:before {
    display: none;
}

.tree_custom {
    display: block;
    background: #eee;
    padding: 1em;
    border-radius: 0.3em;
}