
.achievement-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #e4eadb;
}

    .achievement-container .component-title {
        font-size: 20px;
        color: #f1f1f1;
        margin:30px 0 30px 60px;
        display:block;
    }
    .achievement-container .class-info {
        position:relative;
        font-size: 14px;
        font-weight: bold;
        color: #f1f1f1;
        margin: 30px 0 10px 60px;
        display: block;
    }

        .achievement-container .class-info .ivu-icon {
            font-size: 26px;
            color: #0bdfc4;
            margin-right: 10px;
        }

        .achievement-container .class-info-back {
            position:absolute;
            right:40px;
            top:0px;
            color: #0bdfc4;
            cursor:pointer;
        }

    .achievement-container .ivu-btn {
        background: #447a94;
        border:none;
    }

    .achievement-container .ivu-divider-horizontal {
        background:#595959;
        margin-top:50px;
        margin-left:50px;
    }

    .achievement-container .component-percents {
        display: flex;
        flex-direction: row;
        /*justify-content: space-around;*/
        flex-wrap:wrap;
    }

    .achievement-container .percent-item {
        width:16%;
        margin:20px 0;
        min-width:250px;
    }

        .achievement-container .percent-item .percent-name {
            font-size: 16px;
            text-align: left;
        }
        .achievement-container .percent-item .percent-value {
            font-size:48px;
            font-weight:200;
            padding-left:20px;
            text-align:left;
        }
        .achievement-container .percent-item .percent-line {
            width:3px;
            height:30px;
            display:inline-block;
            background:#ffd800;
            margin-right:30px;
        }

    .achievement-container .award-wrap {
        margin-left:30px;
        font-size:14px;
        margin-bottom:10px;
    }


        .achievement-container .award-wrap .ivu-icon {
            margin-left:40px;
            margin-right:10px;
            font-size:26px;
        }

        .achievement-container .award-class .ivu-divider-horizontal {
            width: 90%;
            min-width:90%;
            margin-left: 5%;
            margin-top:10px;
        }

        .achievement-container .award-item .award-class-list {
            font-size: 28px;
            font-weight:bold;
        }

        .achievement-container .award-item .award-class-type {
            font-size: 14px;
            font-weight: bold;
            align-self:flex-start;
            margin-top:10px;
        }



.base-table-row {
    padding: 20px 27px 20px 80px;
}

.achievement-table .myTable {
    height: 400px !important;
    padding:0;
}

.fl-col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
