.pull-left.col-xs-12
  .col-sm-12.edit-profile-tabs-wrapper
    ul.nav.nav-pills.inline.pull-left role="tablist"
      li.active
        a class="ico-pro" data-toggle="tab" href="#appointments" role="tab"  Schedule


    #appointments.pull-right.tab-pane.fade.in.active
      .legend-wrapper
        .fs10.text-left.semibold.pb10.hide
          | Legend
        .passedEvent.pl0
          span  
          | Passed Event
        .myEvent
          span  
          | My Event
        .calAvailable
          span  
          | Available
        .pending
          span  
          | Pending
        .confirmed
          span  
          | Confirmed
        .myCourse
          span  
          | My #{Course.model_name.human.pluralize}
        .myGroupEvent
          span  
          | My Group Event
    .clearfix.pb5
    .tab-content
        #appointments.tab-pane.fade.in.active
          = render 'tutoring_sessions/calendar_view', tutor: @tutor


    .clearfix
.mtb20