//
// OSIVIA Bootstrap extensions - Table
// --------------------------------------------------


.table {
    .table-row {
        padding: @table-cell-padding;
        
        border-bottom-style: solid;
        border-width: 1px;
        border-color: @table-border-color;
        
        &.table-header {
            position: relative;
            
            padding-top: max(@table-cell-padding, @navbar-height - @line-height-computed - @table-cell-padding + 1);
            
            border-width: 2px;
            
            font-weight: bold;
            
            a {
                color: @text-color;
                
                &:hover, &:focus {
                    color: darken(@text-color, 15%);
                }
            }
            
            .contextual-toolbar {
                left: 0;
                right: 0;
                z-index: -1;
                
                opacity: 0;
                
//                white-space: nowrap;
                
                &, ~ * {
                    .transition-property(@transition-property: opacity);
                    .transition-duration(@transition-duration: 200ms);
                }
                
                &.in {
                    z-index: @zindex-navbar - 3;
                    
                    opacity: 1;
                }
                
                .navbar {
                    margin-bottom: 0;
                }
                
                
                @media screen and (max-width: @screen-xs-max) {
                    position: fixed;
                    bottom: 0;
                    
                    .navbar {
                        border-style: solid none none;
                    }
                }
                
                @media screen and (min-width: @screen-sm-min) {
                    position: absolute;
                    bottom: -1px;
                    
                    .navbar {
                        .border-bottom-radius(@radius: 0);    
                    }
                    
                    &.in {
                        ~ * {
                            opacity: 0;
                        }
                    }
                }
                
                @media screen and (min-width: @screen-md-min) {
                   .container-fluid {
                       padding: 0;
                   }
               }
            }
        }
        
        &.muted {
            color: @accessible-gray-light;
            background-color: #fcfcfc;
        }
        
        fieldset[disabled] {
            opacity: 0.3;
        }
    }
    
    
    .row {
        margin-left: -@table-cell-padding;
        margin-right: -@table-cell-padding;
        
        [class*="col-"] {
            padding-left: @table-cell-padding;
            padding-right: @table-cell-padding;
        }
        
        [class*="visible-"] {
            margin-bottom: @padding-base-vertical;
        }
    }
    
    
    &.table-striped {
        .table-row:not(.table-header) {
            &:nth-child(odd) {
                background-color: @table-bg-accent;
            }
        }
    }
    
    
    &.table-hover {
        .table-row:not(.table-header) {
            &:hover {
                background-color: @table-bg-hover;
            }
        }
    }
    
    
    ul {
        margin-bottom: 0;
    }
    
}