/*------------------------------------*\
    
    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

\*------------------------------------*/
div.ninja_table_wrapper {
    overflow-x: auto;
}

div.ninja_table_wrapper table.table {
    min-width: 900px;
    border: none !important;
}

@media (min-width: 1200px) {
    div.ninja_table_wrapper table.table {
        min-width: 0;
    }
}

div.ninja_table_wrapper table.table td {
    font-size: 16px;
    line-height: 1.625 !important;
    padding: 12px 35px !important;
    color: #333333;
}

div.ninja_table_wrapper .foo-table.footable.table > thead > tr > th {
    background-color: #D9D9D9 !important;
    padding: 12px 35px !important;
    font-size: 18px !important;
    line-height: 1.625 !important;
    color: #333333 !important;
    font-family: 'Montserrat', sans-serif;
}

div.ninja_table_wrapper .foo-table tbody tr td {
    border: none !important;
}

div.ninja_table_wrapper .foo-table thead tr th:first-child {
    border-top-left-radius: 5px !important;
}

div.ninja_table_wrapper .foo-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px !important;
}

div.ninja_table_wrapper .foo-table thead tr th:last-child {
    border-top-right-radius: 5px !important;
}

div.ninja_table_wrapper .foo-table tbody tr:last-child td:last-child {    
    border-bottom-right-radius: 5px !important;
}

.foo-table tbody tr:nth-child(2n+1) td,
.foo-table tbody tr:nth-child(odd) td {
    background-color: #E5E5E5 !important;  /* More transparent version */
}

.foo-table tbody tr:nth-child(2n) td,
.foo-table tbody tr:nth-child(even) td {
    background-color: #D9D9D9 !important;
}

.bg-dark-gray div.ninja_table_wrapper .foo-table.footable.table > thead > tr > th {
    background-color: #222 !important;
    color: #fff !important;
}

.bg-dark-gray .foo-table tbody tr:nth-child(2n+1) td,
.bg-dark-gray .foo-table tbody tr:nth-child(odd) td {
    background-color: #343434 !important;  /* More transparent version */
    color: #fff !important;
}

.bg-dark-gray .foo-table tbody tr:nth-child(2n) td,
.bg-dark-gray .foo-table tbody tr:nth-child(even) td {
    background-color: #222 !important;
    color: #fff !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
div.ninja_table_wrapper .foo-table {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

div.ninja_table_wrapper .foo-table::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* If the table is wrapped in a div for horizontal scroll */
div.ninja_table_wrapper {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

div.ninja_table_wrapper::-webkit-scrollbar {
    display: none !important;
}

/* For any other wrapper divs that might have scroll */
div.ninja_table_wrapper, div.ninja_table_wrapper * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

div.ninja_table_wrapper::-webkit-scrollbar {
    display: none !important;
}

div.ninja_table_wrapper .simplebar-placeholder {
    display: none !important;
}

.ninja_table_wrapper .scrollbar-track-y {
    display: none !important;
}

@media (max-width: 900px) {
    .ninja_table_wrapper .scroll-content {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 901px) {
    .ninja_table_wrapper .scrollbar-track-x {
        display: none !important;
    }
}