nav.course-material {
  background: rgb(210,210,210);
  @include clearfix;
  @include box-sizing(border-box);
  @include box-shadow(inset 0 1px 5px 0 rgba(0,0,0, 0.05));
  border-bottom: 1px solid rgb(190,190,190);
  margin: 0px auto 0px;
  padding: 0px;
  width: 100%;

  .inner-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: flex-grid(12);
  }

  ol.course-tabs {
    @include border-top-radius(4px);
    @include clearfix;
    padding: 10px 0 0 0;

    li {
      float: left;
      list-style: none;

      a {
        color: $lighter-base-font-color;
        display: block;
        text-align: center;
        padding: 5px 13px;
        text-decoration: none;
        text-shadow: 0 1px rgba(255,255,255, 0.4);

        &:hover {
          color: $base-font-color;
        }

        &.active {
          background: rgb(255,255,255);
          border: 1px solid rgb(200,200,200);
          border-bottom: 0px;
          @include border-top-radius(4px);
          @include box-shadow(0 2px 0 0 rgba(255,255,255, 1));
          color: $base-font-color;
        }
      }
    }
  }
}

.course-content {
  margin-top: 30px;

  .courseware {
    background: rgb(240,240,240);
    height: 600px;
  }
}
