:root {
    --font-family-base: verdana, Helvetica, sans-serif;
    --bs-font-sans-serif: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --table-header-bg: hsl(210, 40%, 95%);
    --text-color: #282a32;
    --default-text-color: var(--text-color);
    --default-border-radius: 0px;
    --default-border-color: #D9D9D9;
    --primary-color: #0e1625;
    --secondary-color: #539cc1;

    --sidebar-width: 400px;
    --sidebar-menu-icon-width: 100px;
    --sidebar-menu-icon-padding-top: 90px;
    --sidebar-menu-item-height: 60px;
    --sidebar-submenu-width: calc(var(--sidebar-width) - var(--sidebar-menu-icon-width) - 10px);
    --sidebar-logo-max-height: 70px;

    --bs-primary: #4084b0;
    --bs-primary-light: #e7f3fe;
    --bs-secondary: var(--secondary-color);
    --bs-secondary-light: #e3e3e3;
    --bs-success: #198754;
    --bs-success-light: #ddffdd;
    --bs-info: #539cc1;
    --bs-info-light: #e7f3fe;
    --bs-warning: #ffc107;
    --bs-warning-light: #ffffcc;
    --bs-danger: #dc3545;
    --bs-danger-light: #ffdddd;

    --body-font-size: 12px;
    --body-text-color: var(--text-color);
    --body-font-weight: 400;
    --body-background-color: var(--bg-dashboard-content);
    --btn-font-size: 0.8em;
    --btn-border-radius: var( --default-border-radius);
    --btn-link-color : var( --default-text-color);
    --bs-light-gray: #f6f8ff;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}

@media only screen and (max-width: 1400px) {
    :root {
        --sidebar-width: 300px;
        --sidebar-menu-icon-width: 70px;
        --sidebar-logo-max-height: 50px;
    }
}
.as-form.card img {
    max-width: 150px;
}

.tab .tab-button.active {
    background-color: var(--primary-color) !important;
    color: white;
}

.sidebar-right {
    img {
        padding: 5px;
        background: #0e1625eb;
    }
}