div.csv-table-wrapper {
    min-height: 90vh;
    overflow: auto;
    overflow-x: auto !important;
    position: relative;
    padding: 0;
    width: 100%;
    max-width: 100% !important;

}

input[type=text].csv-table-sep{
    width:1em!important;
    height:0.7em;
}

.format-spec {
    font-size: 0.8em;
}

input[type=radio]:checked ~ span.radio-csv {
    display: block;
}


span.radio-csv{
    display:none;
}
span.radio-csv div {
    font-size: 0.8em;
    padding-left: 2em;
}

div.csv-table-wrapper table.csv {
    height: 70vh;
    position: absolute;
    width: 100%;
}

div.csv-table-graph {
    position: relative;
    overflow: auto;

}
    div.csv-table-graph div.chart.empty {
        position: absolute;
        top: -100%;
        transition: top 1s linear;
    }


table.csv {
    font-family: "Fraunces", serif;
    font-size: 125%;
    white-space: nowrap;
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}
    table.csv td div,
    table.csv th div{
        overflow:hidden;
    }
    table.csv td,
    table.csv th {
        border: 1px solid #ddd;
        padding: 0.5rem 1rem;
    }
    table.csv thead{
        border:1px solid yellow;
    }

    table.csv td {
        background: #fff;
        padding: 4px 5px;
        text-align: center;
    }

        table.csv td div {
            background: #fff;
            padding: 4px 5px;
            text-align: left;
            white-space: normal;
        }

    table.csv tbody th {
        font-weight: 100;
        font-style: italic;
        text-align: left;
        position: relative;
    }

    table.csv thead tr:first-child td {
        color: #aaa;
    }

    table.csv thead tr:nth-child(2) th {
        padding: 0;
        vertical-align: top;
        font-weight: bold;
        font-size: 1.2em;
        text-transform: capitalize;
    }

    table.csv thead a {
        text-decoration: none;
    }

    table.csv td.checked {
        color: red;
    }

    table.csv  a:hover,
    table.csv tbody tr:hover td {
        background: #bbb !important;
        color: green;
    }

    table.csv tbody tr:hover th {
        background: #777;
    }

table.csv tbody tr td:nth-child(2),
table.csv tbody tr th:nth-child(2),
table.csv thead tr {
    font-size: 0.7em;
    color: #aaa;
}
    table.csv thead tr {
        color: #000;
    } 

table.csv tbody tr td:nth-child(3) a,
table.csv tbody tr th:nth-child(3) a {
    text-decoration: none;
    color: #fff;
}

table.csv thead tr:nth-child(2) th a {
    font-size: 0.7em;
    display: inline-block;
}


    table.csv tbody{
        
    }
    table.csv thead {
        width: 100% !important;
        display: table-header-group !important;
    }
    table.csv thead,
    table.csv tr {
        width: 100% !important;
    }

.sticky-col,
.sticky-row,
.sticky-row td,
.sticky-row th,
.sticky-col td,
.sticky-col th {
    background: #ccc!important;
    text-decoration: none;
}

.sticky-row {
    position: sticky !important;
    top: 0;
    z-index: 2;
    max-height:2em;
    color:red;
}


.sticky-col {
    position: sticky;
    left: 0;
    z-index: 1;
}

table.csv caption {
    text-align: left;
    padding: 0.25rem;
    
}