/* top bar */
    .navbar-fixed-top {
      border: 0;
    }
    .navbar-inverse {
        background-color: #007dff;
    }
    .notification {
        position: relative;
        text-align: right;
    }
    .notification-menu {
        position: absolute;
        top: 40px;
        right: 0px;
        background-color: white;
        box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);
        padding-left: 20px;
        padding-right: 20px;
        list-style: none;
        width: 250px;
        display: none;
        text-align: left;
        font-size:12px;
        font-family:'Century Gothic';
        font-weight: bold;
        padding: 15px;
    }
    .notification-menu li {
        padding: 2px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        line-height: 2;
    }
/* end of top bar*/

/*side bar */
    .nav-sidebar {
      margin-right: -21px; 
      margin-bottom: 20px;
      margin-left: -45px;
    }
    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus,
    .nav > li > a:hover{
      background-color:#fff;
      position:relative;
      box-shadow:0 0 20px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    }
    .nav-sidebar > .active > a > .centerBar > .icon,
    .nav-sidebar > .active > a > .centerBar > .icon:hover,
    .nav-sidebar > .active > a > .centerBar > .icon:focus{
        color:#007ddf;
        font-style: italic;
        font-weight: bold;
    }
    .sub-header {
      padding-bottom: 10px;
      border-bottom: 1px solid #eee;
    }
    @media (min-width: 768px) {
      .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; 
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
      }
    }
    .sidebar{
        text-decoration: none;
        font-size: 16px;
        color: #1154ff;
        display: block;
        transition: 0.3s;
        background-color:#e5e5e5;
    }
    .centerBar{
        text-align: center;
        width:50%;
    }
/* end of sidebar */

/*sidebar icon and icon image*/
    .icon-img
    {
        background-repeat: no-repeat;
        position: relative;
        width: 25px;
        height: 25px;
        top: 0px;
        display: inline-block;
        vertical-align: bottom;

    }
    .icon{
        padding-left: 8px; 
        display: inline-block; 
        position: absolute; 
        top: 0;
        bottom: 0;
        margin: auto; 
        height: 22px;
        font-family: 'Century Gothic';
        color: #757373;
        font-size: 14px;
    }
/* end of sidebar icon and icon image */