.ccm-ui {

  div.ccm-nav-wrapper {
    background-color: #ddeffa;
    h3 {
      font-size: 18px;
      font-weight: bold;
      color: #020202;
      margin-bottom: 10px;
      margin-top: 10px;
    }

    padding: 10px 15px;


    ul.nav {

      margin: 0px -15px -10px -15px;

      > li > a {
        color: #008ece;
      }

      > li > a:hover,
      > li > a:active,
      > li > a:focus {
        background-color: #d2e7f4;
        color: #0d516f;
      }

      > li.nav-selected > a {
        background-color: #c2dbea;
        font-weight: bold;
        color: #0d516f;
      }

      li.nav-divider {
        background-color: #c1d8e7;
      }

    }
  }
}