body {
    background-color: #d9ded4 !important;
}

*,
*::before,
*::after,
body,
html,
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, input, textarea, select,
label, small, strong, em, b, i,
table, th, td, tr,
ul, ol, li,
nav, header, footer, main, section, article,
.card, .btn, .form-control, .form-label,
.navbar, .navbar-brand, .nav-link,
.dropdown-menu, .dropdown-item,
.modal, .modal-header, .modal-body, .modal-footer,
.alert, .badge, .list-group, .list-group-item,
.breadcrumb, .breadcrumb-item,
.pagination, .page-link,
.tooltip, .popover,
.accordion, .accordion-header, .accordion-body,
.tab-content, .tab-pane, .nav-tabs, .nav-link,
.progress, .progress-bar,
.spinner, .spinner-border,
.toast, .toast-header, .toast-body {
    font-family: 'Figtree', sans-serif !important;
}

div.aside,
.bg-dark,
.profile-container {
    background-color: #323232 !important;
}

th,
tr,
td,
.bg-white,
.dropzone .dz-preview,
.dropzone-wrapper .dz-preview,
.editor-preview-side,
.layout {
    background-color: #fcfdfa !important;
}

.metric p.h3 {            
    font-size: 3rem !important;
    font-weight: 600 !important;
}

.metric small.text-muted {
    font-weight: 600 !important;
}

.metric.low p.h3 {
    color: #82B58C !important;
}

.metric.moderate p.h3 {
    color: #F5C842 !important;
}

.metric.high p.h3 {
    color: #CF265C !important;
}

.metric small.small {
    color: #000 !important;
}

.requests h3 {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.requests p.h3 {
    color: #262166 !important;
    font-size: 6rem !important;
    font-weight: 600 !important;
}

.requests small.text-muted {
    font-weight: 600 !important;
}

svg.frappe-chart .line-graph-path {
    stroke-width: 4 !important;
}

svg.frappe-chart g.x.axis {
    display: none !important;
}

.modal-650 {
    max-width: 650px;
}