/*Fixed-Header-Table*/

.flex-content-data-table {
    width: 100%;
    margin: 5px;
    max-height: 800px;
    min-width: 360px;
    min-height: 200px;
    max-width: 1400px;
    border-radius: 1vw;
    border: 2px #008cb3 solid;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.fixed-header {
   
    
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    /*margin: 0 10px;*/
    padding: 0 10px;
    /*overflow-x: auto;*/
    /*overflow-y: hidden;*/
}
   

    .fixed-header tbody {
        display: block;
        overflow: auto;
        max-height: 400px;
        /*margin: 0 30px;*/
        /*height: 400px;*/
        width: 100%;
    }

    .fixed-header thead {
        /*margin: 0 30px;*/
        background-color: var(--color-my-yellow);
        /*color: #fff;*/
    }

    


.fixed-header th, .fixed-header td{
    padding: 0.5px;
}
    .fixed-header thead tr {
        display: block;
        /*background-color:bisque;*/
    }





.admin-fixed-header {
    width: 95%;
    padding: 5px;
    margin: 5px;
    box-sizing: border-box;
    /*background: yellow;*/
}

    .admin-fixed-header thead {
        width: 100%;
        background: var(--color-my-yellow);
    }

    .admin-fixed-header thead tr:after {
        content: '';
        overflow-y: scroll;
        visibility: hidden;
    }
    .admin-fixed-header thead th {
        /*flex: 1 auto;*/
        display: block;
        /* color: red;*/
        text-align: left;
        background-color: var(--color-my-yellow);
    }

    .admin-fixed-header tbody {
        display: block;
        width: 100%;
        overflow-y: auto;
        height: auto;
        max-height: 500px;
        text-align: left;
    }

    .admin-fixed-header thead tr{
        display: flex;
    }
       
    .admin-fixed-header tbody tr {
        display: block;
    }

    .admin-fixed-header tbody tr td {
        flex: 1 auto;
        /*word-wrap: break;*/
    }

    .admin-fixed-header thead tr th,
    .admin-fixed-header tbody tr td {
        /*width: 25%;*/
        padding: 5px;
        /*text-align:left;*/
        border-bottom: 1px solid #eee;
    }

    .admin-fixed-header th, .admin-fixed-header td {
        border-collapse: separate;
        border-spacing: 8px 0px;
        white-space: nowrap;
        padding: 0 5px;
    }

/*
    .admin-fixed-header table, th, td {
        border-collapse: separate;
        border-spacing: 8px 0px;
        white-space: nowrap;
        padding: 0 5px;
    */

@media(max-width: 1400px) {
    .flex-content-data-table {
        max-width: 600px;
    }
    .fixed-header {
        width: 720px;
    }
}