@import url("../base.scss");
.wasabi-detail
{
    background-color: #e7e7e7;
    overflow: visible;
    padding: 20px;
    padding-bottom: 0px;
}
.table-realTable .wasabi-detail-Wrap{
    position: relative;
}
.wasabi-table-fixed-left-body .wasabi-detail-Wrap,.wasabi-table-fixed-right-body .wasabi-detail-Wrap{
    visibility: hidden;//左右固定栏超出宽度需要隐藏
}
.wasabi-detail .wasabi-table
{
    background-color: #e7e7e7!important;
    overflow: visible;

}

/*
表格容器
*/
.wasabi-detail .wasabi-table .table-container
{
    overflow: visible;
}
/*
固定表头容器
*/
.wasabi-detail .wasabi-table .table-fixed
{
    display: none;
}


/*
表格容器
*/
.wasabi-detail .wasabi-table .table-realTable
{
    overflow: visible;
}
/*
表格基本样式
*/
.wasabi-detail .wasabi-table .table {
    width: 100%;

}
.wasabi-detail .wasabi-table .table div{
    color:#333333;
}
.wasabi-detail .wasabi-table span{
    color:#333333;
}
.wasabi-detail .wasabi-table .page-select
{
    background-color: transparent;
    color: #333333;
}
.wasabi-detail .wasabi-table .table > thead > tr > th {

    background-color: #FFFFFF;
    font-weight: bold;
    color: #9f9f9f;
}

.wasabi-detail .wasabi-table .table > tbody > tr > td {
    color:#333333;
}



.wasabi-detail .wasabi-table .table > thead > tr > th,
.wasabi-detail .wasabi-table .table > tbody > tr > td {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}



/*
背景颜色
*/

.wasabi-detail .wasabi-table .table > tbody > tr {
    background-color: #ffffff;
}

.wasabi-detail .wasabi-table .wasabi-table-cell{

}
/*
排序样式
*/

.wasabi-detail .wasabi-table thead th.both {
    cursor: pointer;
    background-position:95% 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

.wasabi-detail .wasabi-table thead th.asc {
    cursor: pointer;
    background-position:95% 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.wasabi-detail .wasabi-table thead th.desc {
    cursor: pointer;
    background-position:95% 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}

/*
分页
*/

/*
借用了bootstrap的pagination
*/


.wasabi-detail .pagination > li > a,
.wasabi-detail .pagination > li > span {

    background-color: #f5f6f7;
    border: 1px solid #d0d0d0;

}

.wasabi-detail .pagination > li > a:hover,
.wasabi-detail .pagination > li > span:hover,
.wasabi-detail .pagination > li > a:focus,
.wasabi-detail .pagination > li > span:focus {

    color: #c1d6d7;
    background-color: transparent;
    cursor: default;
}
.wasabi-detail .pagination > .active > a,
.wasabi-detail .pagination > .active > span,
.wasabi-detail .pagination > .active > a:hover,
.wasabi-detail .pagination > .active > span:hover,
.wasabi-detail .pagination > .active > a:focus,
.wasabi-detail .pagination > .active > span:focus {

    color: #333333;
    background-color: transparent;
    cursor: default;
}



.wasabi-detail .wasabi-table-pagination .pagination-info {

    margin-right: 5px;
    color:#c1d6d7
}