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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.thead-inverse th {
    background-color: #373a3c;
    color: #fff;
}

.thead-default th {
    background-color: #eceeef;
    color: #55595c;
}

.table-inverse {
    background-color: #373a3c;
    color: #eceeef;
}

.table-inverse th,
.table-inverse td,
.table-inverse thead th { border-color: #55595c; }

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

.table-responsive {
    display: block;
    min-height: .01%;
    overflow-x: auto;
    width: 100%;
}

.table-reflow thead { float: left; }

.table-reflow tbody {
    display: block;
    white-space: nowrap;
}

.table-reflow th,
.table-reflow td {
    border-left: 1px solid #eceeef;
    border-top: 1px solid #eceeef;
}

.table-reflow th:last-child,
.table-reflow td:last-child { border-right: 1px solid #eceeef; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; }

.table-reflow tr { float: left; }

.table-reflow tr th,
.table-reflow tr td {
    border: 1px solid #eceeef;
    display: block !important;
}

.breadcrumb {
    border-radius: 0.25rem;
    list-style: none;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.breadcrumb::after {
    clear: both;
    content: "";
    display: table;
}

.breadcrumb-item { float: left; }

.breadcrumb-item + .breadcrumb-item::before {
    color: #818a91;
    content: "/";
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.breadcrumb-item.active { color: #818a91; }

.pagination {
    border-radius: 0.25rem;
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 0;
}

.page-item { display: inline; }

.page-item:first-child .page-link {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    margin-left: 0;
}

.page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    background-color: #0275d8;
    border-color: #0275d8;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #818a91;
    cursor: not-allowed;
    pointer-events: none;
}

.page-link {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #0275d8;
    float: left;
    margin-left: -1px;
    padding: 0.5rem 0.75rem;
    position: relative;
    text-decoration: none;
}

.page-link:focus, .page-link:hover {
    background-color: #eceeef;
    border-color: #ddd;
    color: #014c8c;
}

.pagination-lg .page-link {
    font-size: 1.25rem;
    padding: 0.75rem 1.5rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    font-size: 0.875rem;
    padding: 0.275rem 0.75rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.loader {
    animation: spin 2s linear infinite;
    border: 16px solid #f3f3f3; /* Light grey */
    border-radius: 50%;
    border-top: 16px solid #3498db; /* Blue */
    height: 120px;
    width: 120px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}