.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th, .table td {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #c8ced3;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #c8ced3;
    }

    .table tbody + tbody {
        border-top: 2px solid #c8ced3;
    }

    .table .table {
        background-color: #e4e5e6;
    }

.table-sm th, .table-sm td {
    padding: .3rem;
}

.table-bordered {
    border: 1px solid #c8ced3;
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #c8ced3;
    }

    .table-bordered thead th, .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075);
}

.table-primary, .table-primary > th, .table-primary > td {
    background-color: #c1e7f4;
}

.table-hover .table-primary:hover {
    background-color: #abdff0;
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #abdff0;
    }

.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #f0f1f3;
}

.table-hover .table-secondary:hover {
    background-color: #e2e4e8;
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #e2e4e8;
    }

.table-success, .table-success > th, .table-success > td {
    background-color: #cdedd8;
}

.table-hover .table-success:hover {
    background-color: #bae6c9;
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #bae6c9;
    }

.table-info, .table-info > th, .table-info > td {
    background-color: #d3eef6;
}

.table-hover .table-info:hover {
    background-color: #bee6f2;
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #bee6f2;
    }

.table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger, .table-danger > th, .table-danger > td {
    background-color: #fdd6d6;
}

.table-hover .table-danger:hover {
    background-color: #fcbebe;
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #fcbebe;
    }

.table-light, .table-light > th, .table-light > td {
    background-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ecf1f1;
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ecf1f1;
    }

.table-dark, .table-dark > th, .table-dark > td {
    background-color: #c5c6c8;
}

.table-hover .table-dark:hover {
    background-color: #b8b9bc;
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b8b9bc;
    }

.table-active, .table-active > th, .table-active > td {
    background-color: rgba(0,0,0,.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075);
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075);
    }

.table .thead-dark th {
    color: #e4e5e6;
    background-color: #23282c;
    border-color: #343b41;
}

.table .thead-light th {
    color: #5c6873;
    background-color: #e4e7ea;
    border-color: #c8ced3;
}

.table-dark {
    color: #e4e5e6;
    background-color: #23282c;
}

    .table-dark th, .table-dark td, .table-dark thead th {
        border-color: #343b41;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05);
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.075);
    }

@media(max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

@media(max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

@media(max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

@media(max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .table-responsive > .table-bordered {
        border: 0;
    }