 .reports-timetree {
width: 240px;
padding: 5px 5px 0 120px;
float: right;
}


.timetree-month  {
 width:115px;
}

 .halfyear,.season,.endyear {
 width:115px;
}
  

 .timetree-head{
     border-right:1px solid #b9e374;
     position:relative;
     right:114px;
     text-align:right;
     padding-right:18px;
     height:46px; 
     
 }

  

 .time-circle{
     /* grey */  
    display:inline-block;
    border-radius:50%;
    width:10px;
    height:10px;
    font-size:0px;
    border:2px solid #fff;
    background:#b6b9c4;
    box-shadow:0 0 0 1px #dcdfdf

}



.timetree-head .time-text{
    display:block;
    position:relative;
    top:-6px;
   font-size:12px;
}

 

.timetree-head   a:hover{
    color:#1880c8

}
 
.timetree-head.season .time-text{
    padding-top:6px

}

.timetree-head.halfyear .time-text,
.timetree-head.endyear .time-text{
    padding-top:7px

}


.timetree-head a{
    color:#555; 
    font-weight:bold;
    position:relative;
    top:2px;

}

 
                                                                                                                                                                                                                                                                                                                                                                                                         
  .time-circle{
      position:absolute;
      cursor:pointer 
   }

    

.timetree-head .time-circle 
{
    /* default green */
    background:#843c0c;
    box-shadow:0 0 0 1px #b9d980; 
     
}



.timetree-head.active .time-circle,
.timetree-weeklist>li.active>.time-circle
{
      /* active blue */
    background:#1880c8!important;
    box-shadow:0 0 0 1px #98ccef!important

}



.timetree-head.season .time-circle{
    width:16px;
    height:16px

}

.timetree-head.halfyear .time-circle,
.timetree-head.endyear .time-circle{
    width:20px;
    height:20px 
}  

    

.timetree-head.active{
    border-color:#d0d3de;
    color:#1880c8

}
.timetree-head.endyear{
    border-color:transparent

}
            

  .timetree-head .time-circle{
      right:-6px;top:0

  }
  

  .timetree-head.season .time-circle{right:-9px}
  .timetree-head.halfyear .time-circle,
  .timetree-head.endyear .time-circle
  {
      right:-11px

  }
  
 

  .timetree-weeklist{
      padding:0;
      margin:0;
      display:none;
      list-style:none;
      border-left:1px solid #d0d3de;   
  }
  
  
  .timetree-weeklist>li{
      position:relative;
       font-size:12px;
  }

  .timetree-weeklist  .time-circle
  {
      top:-6px;
      left:-6px; 

  }
  
  .timetree-weeklist>li>a{
      height:42px;
      line-height:40px;
      display:block;
      margin:0 7px 0 16px;
      text-align:center;
      position:relative;
      top:-21px;
      color:#666;
      text-decoration:none;
      border:1px solid rgba(0,0,0,0);
    
  }
  
  .timetree-weeklist>li>a span{
      margin:0 5px

  }
  
  .timetree-weeklist>li>a:hover,.timetree-weeklist>li.active>a{
      color:#1880c8

  }
  
  .timetree-weeklist>li.active>a{
      background-color:#fff;
      border-color:#80c1ed;
      border-radius:3px 
  }
                                                                                                                                                                                                                                                                                                                                                                                                         
.timetree-weeklist>li>a .arrow-s,
.timetree-weeklist>li>a .arrow-b{
    content:"";
    height:0;width:0;
    position:absolute;
    top:14px;
    left:-6px;
    border-top:6px solid rgba(0,0,0,0);
    border-bottom:6px solid rgba(0,0,0,0);
    border-right:6px solid #73b7e4;
    display:none

}

.timetree-weeklist>li>a .arrow-b{
    left:-5px;
    top:15px;
    border-width:5px;
    border-right-color:#fff

}


.timetree-weeklist>li.active>a .arrow-s,
.timetree-weeklist>li.active>a .arrow-b
{
    display:block

}

 