.oc-table-container
    min-height 100px
    width 100%
    overflow scroll
    table:not(.oc-table-auto-width)
        width 100%
        max-width 100%

.ocTableNowrapHead
    thead th 
        white-space nowrap

table 
    width 100%
    border-spacing 0
    font-weight 400 
    tr 
        height 35px
    thead th 
        text-align left
        padding-left 8px
        padding-right 8px
        text-transform capitalize
    tbody 
        td
            padding 8px
            border-bottom 1px solid #eee
        tr.red
            background-color #f2dede
            td 
                border-color #f2f2f2
    tfoot
        // text-align right
        tr td
            background-color #fff
            color #333
    &.vt
        tbody td 
            vertical-align top
            &.vm
                vertical-align middle
.sm, table.sm
    thead th, tbody td
        padding-left 3px
        padding-right 3px
    
table.oc-table
    font-size 12px
    margin-bottom 20px
    tr
        height 35px
    thead
        background-color #e9ebf2
        border-bottom 2px solid #eee
        color #fff
        th
            background-color #e9ebf2
            color #333
            &[sort]
                cursor pointer
                position relative
                padding-right 18px
                .icon-sort-up, .icon-sort-down
                    position relative
                    top -14px
                    margin-left 10px
                    content ''
                    border-left 4px solid transparent
                    border-right 4px solid transparent
                    border-top 4px solid transparent
                    border-bottom 5px solid #bbb
                    cursor pointer
                .icon-sort-down 
                    border-top 5px solid #bbb
                    border-bottom 4px solid transparent
                    left -18px
                    top 14px
            
        th[sorttype="1"]
            .icon-sort-up
                border-bottom-color #333
            .icon-sort-down
                border-top-color #bbb
        th[sorttype="0"]
            .icon-sort-down
                border-top-color #333
            .icon-sort-up
                border-bottom-color #bbb
       
    tfoot
        button
            border-radius 0
            background-color transparent
            color #666
            border-color #eee
            &[disabled]
                filter none 
                cursor not-allowed
        input
            padding 0 3px
            text-align center
            width 50px
            height 20px
            color #2639a0
            border 0
            border-bottom 1px solid #eee
            border-radius 0
            &:focus
                border 0
                border-bottom 1px solid rgba(69, 153, 262, .8)
                border-radius 0
                box-shadow none
        .oc-ipt-result
            height 30px
            color #2639a0

    >tbody>tr    
        &.active
            background-color #f0f1fe
            td 
                border-color #f2f2f2
    &.center
        text-align center
        th
            text-align center
        tfoot
            text-align left
&.hover
    >table
        >tbody>tr
            cursor pointer
            &.trHidden
                display none
            &.active
                &+.trHidden
                    display table-row
            &:hover:not(.active):not(.trHidden)
                >td 
                    background-color #f4f4f4