/*------------------------------------*\
    
    WebFX Ninja Tables Customizations - Global Styling for Responsive Tables

    Add custom Ninka tables styling to this file if it should be applied to all Ninja tables on the site
    Otherwise, put your styles in individual block stylesheets

\*------------------------------------*/

/* table */

.table-structure,
div.footable_parent {
    padding: 0 0 15px 0;
    position: relative;
    color: #444444;
    position: relative;
    scrollbar-color: #0047BB #EBF3F9;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    margin: 0;
}

.table-scroll {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.table-structure table,
div.footable_parent table.foo-table.ninja_footable {
    border-collapse: collapse !important;
    width: 100%;
    font-family: "Kanit",sans-serif !important;
    background: #EBF3F9;
    border-radius: 20px !important;
    overflow: hidden;
    border: none !important;
    min-width: 650px;
}

.bg-light-blue table,
.bg-dark-blue table {
    background: #FFFFFF !important;
}

.table-structure table thead,
div.footable_parent table.foo-table.ninja_footable thead {
    background-color: #7BBFED;
    color: #013457;
}

.table-structure table thead tr th,
div.footable_parent table.foo-table.ninja_footable thead tr th {
    padding: 16px 8px 11px !important;
    text-align: left;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    border: none !important;
    color: #013457 !important;
    vertical-align: middle;
    width: 33.33%;
    background: none !important;
}

.table-structure table tbody tr td,
div.footable_parent table.foo-table.ninja_footable tbody td {
    padding: 9px 8px !important;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    color: #444;
    line-height: 1.25em;
    vertical-align: middle !important;
    border-left: 2px solid #7BBFED !important;
    border-top: 2px solid #7BBFED !important;
    word-spacing: .1em;
}

.table-structure table tbody tr:first-child td,
div.footable_parent table.foo-table.ninja_footable tbody tr:first-child td {
    border-top: none !important;
}

.table-structure table tbody tr td:first-child,
div.footable_parent table.foo-table.ninja_footable tbody tr td:first-child {
    border-left: none !important;
}


@media (min-width: 768px) {
    .table-structure table thead tr th,
    div.footable_parent table.foo-table.ninja_footable thead tr th {
        padding: 8px 17px !important;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.52em;
    }
    
    .table-structure table tbody tr td,
    div.footable_parent table.foo-table.ninja_footable tbody tr td {
        padding: 8px 16px 10px !important;
        text-align: left;
        font-size: 18px;
        line-height: 1.55em;
    }

    .table-structure,
    div.footable_parent {
        padding: 6px 0 25px 0;
    }
}

@media (min-width: 1200px) {
    .table-structure table tbody tr td,
    div.footable_parent table.foo-table.ninja_footable tbody tr td {
        padding: 6px 16px 8px !important;
    }

    .table-structure table tbody tr td:first-child,
    div.footable_parent table.foo-table.ninja_footable tbody tr td:first-child {
        width: 292px;
    }

    .table-structure table tbody tr td:nth-child(2),
    div.footable_parent table.foo-table.ninja_footable tbody tr td:nth-child(2) {
        width: 325px;
    }

    .table-structure table thead tr th,
    div.footable_parent table.foo-table.ninja_footable thead tr th {
        width: auto;
    }

}