page-activityTrack {

    .searchToolBar{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        box-sizing: border-box;
    }

    .item-header{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .item-content{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .btn{
        float: right;
        background-color: white;
        border: 1px solid #90da91;
        color: #90da91;
        margin: 0 0;
        font-size: 6px;
    }

    .left{
        color: #8f8e8e;
        font-size: 12px;
        // height: 70px;
        // display: inline-block;
        margin-left: 25px;
    }

    .data{
        color: #666666;
    }

    .participation{
        background-color: #4a89fa;
        height: 27px;
        width: 90px;
        border-radius: 2px;
        color: white
    }

   
    .color1{
        border-color: #f3d88a;
        color: #f3d88a;
    }

    .color2{
        border-color: #8fcde5;
        color: #8fcde5;
    }

    .color3{
        border-color: #c5c5c5;
        color: #c5c5c5;
    }

    .itemIcon{
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .item-header-box{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
    

    .back-btn{
        width: 30px;
        height: 30px;
    }
}
