:root {
    --axyone-page-gutter: clamp(1rem, 3vw, 3rem);
    --axyone-content-width: 1600px;
}

body > main,
body > .main-container {
    width: 100%;
    max-width: var(--axyone-content-width);
    margin-inline: auto;
    padding-inline: var(--axyone-page-gutter) !important;
}

body > main {
    padding-bottom: 3rem;
}

.navbar > .container,
.navbar > .container-fluid {
    width: 100%;
    max-width: var(--axyone-content-width);
    margin-inline: auto;
    padding-inline: var(--axyone-page-gutter) !important;
}

[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-muted,
[data-theme="dark"] .muted {
    color: #b6c0cf !important;
    opacity: 1;
}

[data-theme="light"] .text-secondary,
[data-theme="light"] .text-muted,
[data-theme="light"] .muted {
    color: #526071 !important;
    opacity: 1;
}

[data-theme="dark"] .table {
    --bs-table-color: #f3f4f6;
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(255, 255, 255, 0.12);
    --bs-table-hover-color: #ffffff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.04);
    color: #f3f4f6;
}

[data-theme="dark"] .table > :not(caption) > * > * {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
}

[data-theme="dark"] .table thead th {
    color: #c5ceda;
}

[data-theme="dark"] .table tbody strong,
[data-theme="dark"] .table tbody td,
[data-theme="dark"] .table tbody small {
    color: #f3f4f6 !important;
}

@media (max-width: 767.98px) {
    :root {
        --axyone-page-gutter: 1rem;
    }

    body > main,
    body > .main-container {
        padding-bottom: 2rem;
    }

    .table th,
    .table td {
        white-space: nowrap;
    }
}