$noData-prefix: #{$css-prefix}nodata;

.#{$noData-prefix} {
    &-wrap{
        vertical-align: middle;
        text-align: center;
        font-size:16px;
        line-height: 24px;
    }
    &-icon{
        i{
            font-size:16px;
        }
        &-hide{
            display: none;
        }
    }
    &-large .#{$noData-prefix}-icon i{
        font-size:18px;
    }

    &-small .#{$noData-prefix}-icon i{
        font-size:14px;
    }
    &-fix {
        position: absolute;
        top: 0;
        left: 0;
        width:100%;
        height:100%;
        background-color: rgba(255,255,255,.9);
    }
    &-fix &-main {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    &-fix &-icon {
       position: absolute;
       left:0;
       top:1px;
    }
    &-show-text &-text {
        padding-left:22px;
    }
}