
.tables {
    display: block;
    // table, th, td {
    //     @include bordes;
    //     thead {
    //         @include bordes;
    //     }
    // }
    .bordered {
        table, th, td {
            @include bordes;
        }
    }
    .collapse {
        border-collapse: collapse;
    }
    .separate {
        border-collapse: separate;
        border-spacing: $padding-div;
    }
    table {
        margin-bottom: $padding-div*2;
    }
    p {
        margin: $padding-div 0;
    }
    h6 + h5 {
        margin-top: 0;
        font-size: .75em;
    }
    h6 {
        font-weight: 300;
        font-size: 1.25em;
    }
    caption {
        @include p-base-light;
        font-size: .8em;
        font-style: oblique;
    }
    .tag {
        @include p-base;
        &.head {
            position: relative; top: -230px; left: 650px;
        }
        &.body {
            position: relative;top: -150px; left: 650px;
        }
    }
    ul {
        margin: 1em auto;
        list-style: circle;
        text-indent: 1em;
        padding: 2em;
        width: max-content;
        background-color: #e8f5f3;
        //margin-bottom: $padding-div;
        li{
            @include p-base-light;
            padding: 0;
            line-height: 150%;
            span {
                @include bold;
            }
        }
    }
    .destacada {
        background-color: #d0e8e5;
    }
    .sticky {
        position: sticky;
        background-color: #d0e8e5;
        border: 1px solid black;
        &.top {
            top:0;
            z-index: 20;
        }
        &.left {
            left:0;
            z-index: 20;
        }
    }
    .styled-table {
        th, td {
            @include p-base;
        }
    }
    .table-stick-first-col {
        tr{
            td{
                &:first-child {
                    position: sticky;
                    left: 1px;
                    z-index: 15;
                    background-color: #d0e8e5;
                    border: 1px solid black;
                }
            }
        }
    }
   
        /* width */
    .flexample::-webkit-scrollbar {
    width: .65em;
    height: .65em;
    }
    
    /* Track */
    .flexample::-webkit-scrollbar-track {
    background: #f0f0f0;
    width: .5em; 
    }
    
    /* Handle */
    .flexample::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 1em; 
    border: 2px solid #f0f0f0;
    }

    .table-tiki {
        width:25%;
        @media (max-width: 1080px) {
            width: 340px;
        } 
        overflow: auto; 
        height: 150px;
    }
            
}