/* Shared table presentation for public page content only. */
#main table {
    display: table !important;
    width: 100%;
    margin: 20px 0;
    border: 1px solid #d9e3ed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    background: #fff;
    color: #17385e;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: 0 3px 12px rgba(14, 57, 91, .06);
    overflow: hidden;
}

/* Legacy responsive CSS may split thead/tbody into separate display blocks.
   Keep one table formatting context so every column has the same width. */
#main table thead {
    display: table-header-group !important;
}

#main table tbody {
    display: table-row-group !important;
}

#main table tr {
    display: table-row !important;
}

#main table th,
#main table td {
    display: table-cell !important;
}

#main table th,
#main table td {
    padding: 13px 14px;
    border: 0;
    border-right: 1px solid #e4ebf1;
    border-bottom: 1px solid #e4ebf1;
    vertical-align: middle;
}

#main table th:last-child,
#main table td:last-child {
    border-right: 0;
}

#main table tr:last-child > th,
#main table tr:last-child > td {
    border-bottom: 0;
}

#main table thead th,
#main table tbody:first-child tr:first-child > td {
    background: #0d1930;
    color: #fff;
    font-weight: 700;
}

#main table tbody tr:nth-child(even) > td {
    background: #f8fbfd;
}

#main table tbody tr:hover > td {
    background: #edf8fc;
}

#main table strong,
#main table b {
    color: #c95a00;
}

#main table a {
    color: #006ca8;
    font-weight: 600;
}

@media only screen and (max-width: 900px) {
    #main table {
        font-size: 13px;
    }

    #main table th,
    #main table td {
        padding: 11px 10px;
    }
}

@media only screen and (max-width: 640px) {
    #main table {
        display: block !important;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: #82b8d1 #edf4f8;
        scrollbar-width: thin;
    }

    #main table th,
    #main table td {
        min-width: 126px;
        white-space: normal;
    }

    #main table::-webkit-scrollbar {
        height: 8px;
    }

    #main table::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background: #82b8d1;
    }
}