body {
    background-color: #f1f1f1;
}

.navbar-custom {
    background-color:#1D2337;
    color:#ffffff;
    border-radius:0;
    margin-bottom: 0;
}

.navbar-custom .navbar-nav > li > a {
    color:#ffffff;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color: #32B9D2;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #32B9D2;
}

/* Set gray background color and 100% height */
.sidenav {
    padding-top: 20px;
    /*background-color: #f1f1f1;*/
    /*height: 100%;*/
}

/* Set black background color, white text and some padding */
footer {
    background-color: #1D2337 ;
    color: #ffffff ;
    padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }
    .row.content {height:auto;}
}

.top_bottom_buffer { margin-top: 10px; margin-bottom: 10px;}

.scroll-area{
    width:100%;
    height:calc(100vh - 225px);
    margin-top:50px;
    float:left;
    overflow-y:scroll;
}

.mag_wrapper {
    width: 100%;
    position: relative;
}

.mag_content-wrapper {
    float: right;
    width: 100%;
}

.mag_content {
    margin: 0px 10px 0px 300px;
    clear: both;
    overflow: auto;
}

.mag_sidebar {
    position: relative;
    width: 290px;
    margin-right: -300px;
    float: right;
    overflow: hidden;
}