.mui-row:after, .mui-row:before {
    display: table;
    content: ' '
}

.mui-row:after {
    clear: both
}

.mui-row > [class*=mui-col-] {
    float: left;
}

.mui-col-xs-3 {
    width: 25%;
}

.mui-col-xs-9 {
    width: 75%;
}

.mui-bar-nav ~ .mui-content {
    padding-top: .88rem;
    border-bottom: 1px solid #eee;
    height: auto;
    background-color: #fff;
}

.mui-table-view-cell:after {
    left: 0;
}

.mui-row.mui-fullscreen > [class*="mui-col-"] {
    height: 100%;
    /*height: auto;*/
}

.mui-col-xs-3,
.mui-control-content {
    overflow-y: auto;
    height: 100%;
}

.mui-row.mui-fullscreen .mui-col-xs-3 {
    background-color: #F6F6F6;
}

.mui-table-view-cell {
    font-size: .28rem;
    color: #333;
    /*padding: .71875rem 1.25rem;
	padding-left: 1.4375rem;*/
    position: relative;
}

.mui-fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mui-content {
    padding-top: .88rem;
    border-bottom: 1px solid #eee;
    height: auto;
    background-color: #fff;
}



.mui-control-content {
    position: relative;
    display: none;
}

    .mui-control-content.mui-active {
        display: block;
    }


.mui-table-view-cell > a:not(.mui-btn) {
    /*margin-left: -1.4375rem;
	margin: -.71875rem -1.25rem;*/
    height: .88rem;
    line-height: .88rem;
    color: #333;
    border-bottom: 1px solid #eee;
    padding: 0 .4rem;
}

    .mui-table-view-cell > a:not(.mui-btn) i {
        position: absolute;
        right: .4rem;
        font-size: .28rem;
        color: #bbb;
        transform: rotate(180deg);
        display: inline-block;
    }

.mui-segmented-control .mui-control-item {
    line-height: 50px;
    width: 100%;
}

.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
    background: #fff;
    color: #21C1AD;
    border-left-color: #21C1AD;
}

.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item {
    display: block;
    height: .88rem;
    background: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-left: 4px solid #f5f5f5;
    font-size: .28rem;
    color: #666;
    line-height: .88rem;
    text-align: center;
}

.classify-btn {
    font-size: .28rem;
    float: left;
    width: 2.4rem;
    height: .76rem;
    line-height: .76rem;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #333;
    margin: .3rem 0 0 .3rem;
    border-radius: .08rem;
}

    .classify-btn.active {
        background: #e6fefb;
        border: 1px solid #83dfd4;
        color: #21c1ad;
    }