@import "../common/base.less";

// @gray-middle: @gray;
.main {
  padding: 0px;
  .content {
    .clearfix();
    .left-bar {
      .left-bar-container {
        background: @gray-lighter;
        border-radius: 5px;
        margin-top: 15px;
        overflow: hidden;
      }
      .user{
      	.user-avatar{
      		img{
      			width: 100%;
      		}
      	}
      	.user-info{
          margin-bottom:0px;
      		.list-group-item{
      			border-radius: 0px;
            span{
              display: block;
              &.user-info-name{
                font-size: 24px;
              }
              &.user-info-team{
                font-size: 14px;
                color: @gray;
              }
            }
            a{

            }
      		}
      	}
      }
    }
    .center-bar {
      .center-bar-container {
        margin-top: 15px;
        overflow: hidden;
      }
      .agg{
        .agg-item{
          .agg-item-container{
            padding: 10px;
            background-color: @gray-light;
          }
        }
      }
    }
    .right-bar {
      .right-bar-container {
        margin-top: 15px;
        overflow: hidden;
      }
      .new{
        a{
          display: block;
          margin-bottom: 15px;
        }
        overflow: hidden;
      }
      .team{
        a{
          &:hover{
            background-color: inherit;
          }
          &.actived{
            color: @brand-success;
            i{
              color: @brand-success;
            }
          }
          i{
            padding-right: 10px;
            font-size: 12px;
            color: @gray-light;
          }
          span{

          }
        }
      }
      .recent{
        ul {
          padding: 0px;
          li{
            list-style: none;
            a{
              display: block;
              span{
                display: block;
                font-size: 16px;
                color: @brand-primary;
                i{
                  font-size: 12px;
                  padding-right: 10px;
                  color: @gray-light;
                }
              }
              small{
                display: block;
                font-size: 12px;
                margin-left: 20px;
                padding-bottom: 3px;
                color: @gray-light;
              }
              &:hover{
                text-decoration: none;
                span , span i, small{
                  color: @brand-success;
                }
              }
            }
          }
        }
      }
    }
  }
}