:root {
    --tevily-theme-color: #F38F39;
    --tevily-theme-color-light: #f0a563;
    --tevily-theme-color-secondary: #4B737A;
    --bg-muted: #ededed;
    --bs-font-sans-serif: "DM Sans", sans-serif, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.g-text-primary {
    color: var(--tevily-theme-color)!important;
}

.g-text-secondary {
    color: var(--tevily-theme-color-secondary)!important;
}

.g-bg-primary {
    background-color: var(--tevily-theme-color)!important;
}

.g-bg-secondary {
    background-color: var(--tevily-theme-color-secondary)!important;
}

.g-bg-muted {
    background-color: var(--bg-muted)!important;
}

.g-btn-primary {
    background-color: var(--tevily-theme-color);
    color: #fff;
}

.g-btn-primary:hover {
    background-color: var(--tevily-theme-color-light);
    color: #fff;
}

.g-btn-primary:active, .g-btn-primary:focus {
    color: #fff;
    border-color: #fff;
}

.g-btn-outline-primary {
    --bs-btn-color: var(--tevily-theme-color);
    --bs-btn-border-color: var(--tevily-theme-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--tevily-theme-color);
    --bs-btn-hover-border-color: var(--tevily-theme-color);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--tevily-theme-color);
    --bs-btn-active-border-color: var(--tevily-theme-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--tevily-theme-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--tevily-theme-color);
    --bs-gradient: none;
}
/* Bootstrap Overrides */
.text-muted {
    color: #D2D2D2 !important;
}

.popover {
    border: 0;
    box-shadow: var(--bs-box-shadow-sm);
    max-width: 600px;
}

.popover-header {
    background-color: var(--tevily-theme-color);
    color: #fff;
}

.wrapper-full-page .footer {
    position:fixed !important;
    bottom:0px;
}

.wrapper {
    display: flex;
}

.main-panel {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: #f5f5f5;
    margin-left: 250px;
    min-height: 100vh;
}

.main-panel .content {
    --bs-bg-opacity: 1;
    margin-right: 3rem;
    margin-left: 3rem;
    margin-bottom: 3rem;
    padding: 1.5rem;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity));
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow-sm);
}

table th {
    --bs-text-opacity: 1;
    background-color: var(--bg-muted) !important;
    color: var(--bs-secondary-color)!important;
}