@font-face {
  font-family: 'opensans';
  src: url('../Open_Sans/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../Open_Sans/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Open_Sans/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Open_Sans/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Open_Sans/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Open_Sans/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  font-family:'opensans',sans-serif;
  overflow-x: hidden;
  color:#12163d;
}

h2 {
  font-family:'opensans',sans-serif;
  font-weight: 600;
  color:#12163d;
}

h2 span {
  color: #003366;
}

p {
  color: #12163d;
}
.affix {
    top: 20px;
    z-index: 9999 !important;
    overflow-y: scroll; 
  }
li.active {
    border-left:  8px solid #334352;
    padding-left:   20px;
    background-color: #f4f1f1;   
}

/* .affix-bottom {
  height: unset !important;
  top: 0 !important;
} */

/* @media (min-width: 979px) {
    #sidebar.affix-top, #sidebar.affix-bottom{
        position: static;
        margin-top:25px;
         width:25%;
    }
    #sidebar.affix {
        position: fixed;
        top:50px;
        width:25%;
    }
}
.affix, .affix-top, .affix-bottom {
    position:static;

}

#sidebar{
 max-height: 100%;
  overflow-y: auto;   
} */