body {
}

main {
    padding-top: 10px;
}

.app-menu .logo-box {
    padding-inline: 1.5rem;
}

.app-menu .logo-lg {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.app-menu .logo-lg img {
    height: auto !important;
    max-height: 46px;
    max-width: 168px;
    object-fit: contain;
    width: 168px !important;
}

.app-menu .logo-sm img {
    height: auto;
    max-height: 34px;
    object-fit: contain;
    width: 34px;
}

.table {
    & td, & th {
        &:first-child {
            padding-inline-start: calc(var(--spacing) * 2);
        }
    }
}
.table {
    & td, & th {
        &:last-child {
            padding-inline-start: calc(var(--spacing) * 2);
        }
    }
}
    .table thead th {
        padding-inline-start: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 2);
    }


.table tbody td {
    padding-block: calc(var(--spacing));
    padding-inline: calc(var(--spacing) * 2);
}

.orders-cell-muted {
    color: currentColor;
    opacity: 0.68;
}

#orders-data-grid tbody tr.active td,
#orders-data-grid tbody tr.active td *,
#orders-data-grid tbody tr.selected td,
#orders-data-grid tbody tr.selected td *,
#orders-data-grid tbody tr.is-selected td,
#orders-data-grid tbody tr.is-selected td *,
#orders-data-grid tbody tr.dt-row-selected td,
#orders-data-grid tbody tr.dt-row-selected td *,
#orders-data-grid tbody tr[aria-selected="true"] td,
#orders-data-grid tbody tr[aria-selected="true"] td *,
#orders-data-grid tbody tr[data-selected="true"] td,
#orders-data-grid tbody tr[data-selected="true"] td *,
#orders-data-grid tbody tr:has(td.active) td,
#orders-data-grid tbody tr:has(td.active) td *,
#orders-data-grid tbody tr:has(td.selected) td,
#orders-data-grid tbody tr:has(td.selected) td *,
#orders-data-grid tbody tr:has(td.is-selected) td,
#orders-data-grid tbody tr:has(td.is-selected) td *,
#orders-data-grid tbody tr:has(td.dt-row-selected) td,
#orders-data-grid tbody tr:has(td.dt-row-selected) td *,
#orders-data-grid tbody tr:has(td.bg-primary) td,
#orders-data-grid tbody tr:has(td.bg-primary) td * {
    color: #ffffff !important;
}

#button-toggle-menu.sidenav-toggle-button.topbar-link.btn {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit !important;
}

#button-toggle-menu.sidenav-toggle-button.topbar-link.btn .topbar-link-icon,
#button-toggle-menu.sidenav-toggle-button.topbar-link.btn .iconify,
#button-toggle-menu.sidenav-toggle-button.topbar-link.btn .btn-on-hover-icon {
    color: var(--color-default-500) !important;
    transition: color 0.2s ease-in-out !important;
}

#button-toggle-menu.sidenav-toggle-button.topbar-link.btn:hover .topbar-link-icon,
#button-toggle-menu.sidenav-toggle-button.topbar-link.btn:hover .iconify {
    color: var(--color-default-700) !important;
}

[data-theme="dark"] #button-toggle-menu.sidenav-toggle-button.topbar-link.btn .topbar-link-icon,
[data-theme="dark"] #button-toggle-menu.sidenav-toggle-button.topbar-link.btn .iconify,
[data-theme="dark"] #button-toggle-menu.sidenav-toggle-button.topbar-link.btn .btn-on-hover-icon {
    color: var(--color-default-400) !important;
}

[data-theme="dark"] #button-toggle-menu.sidenav-toggle-button.topbar-link.btn:hover .topbar-link-icon,
[data-theme="dark"] #button-toggle-menu.sidenav-toggle-button.topbar-link.btn:hover .iconify {
    color: #f8fafc !important;
}

.topbar-user-avatar {
    color: var(--color-default-600);
}

.sidenav-user-avatar {
    color: rgba(255, 255, 255, 0.92);
}

.topbar-user-avatar .iconify,
.sidenav-user-avatar .iconify {
    font-size: 30px;
    line-height: 1;
}

.dropdown-icon-user-shield {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7l7-4z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3Cpath d='M8.5 16c.9-1.6 2.2-2.5 3.5-2.5s2.6.9 3.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7l7-4z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3Cpath d='M8.5 16c.9-1.6 2.2-2.5 3.5-2.5s2.6.9 3.5 2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.auth-card-single {
    max-width: 430px !important;
}

.auth-card-single .card-body {
    padding-inline: 1.25rem !important;
}

.login-form-panel {
    max-width: 100% !important;
}

.login-brand-logo {
    height: 64px !important;
    max-width: 260px !important;
    object-fit: contain;
    width: auto !important;
}

@media (min-width: 640px) {
    .auth-card-single .card-body {
        padding-inline: 1.75rem !important;
    }
}