:root {
    --white-color: #ffffff;
    --shade-color: #0096FF;
    --black-color: #000000;
    --mobile-back-color: #ffffff;
    --border-radius: 0.5rem;
}

.analytics-card {
    background: var(--white-color) !important;
    color: var(--shade-color) !important;
}
.card-images {
    height: auto !important;
}
.metric-section {
    background: var(--white-color) !important;
    color: var(--shade-color) !important;
}
.second-column {
    background: var(--color) !important;
    color: var(--shade-color) !important;
}

.analytics-card-header {
    color: var(--black-color) !important;
}

.analytics-card-progress {
    color: var(--black-color) !important;
}
.metric-label {
    color: var(--black-color) !important;
}
.progress-text {
    color: var(--black-color) !important;
}
.metric-row-content {
    color: var(--black-color) !important;
}
.card-images {
    background: #f0f9ff !important;
}
/* Override SVG color #4E535F in flip cards */
.action-cards svg path[fill="#4E535F"] {
    fill: var(--shade-color) !important;
}
.bookmark-btn {
    background: var(--shade-color) !important;
}
.info-tooltip {
    background: var(--shade-color) !important;
    color: var(--white-color) !important;
    padding: 0.5rem !important;
}
.pdl-icon {
    font-size: 4rem;
    background: aliceblue;
    padding: 1rem;
    border-radius: 0.85rem;
    color: var(--shade-color);
}
#mbl-topbar--back {
    color: var(--shade-color) !important;
    background: var(--mobile-back-color) !important;
}
.fa-paint-roller {
    color: #c7c5d8 !important;
}
.member-details {
    background-color: var(--shade-color) !important;
}
.btn-clear-filter {
    color: var(--white-color) !important;
    background: var(--shade-color) 0% 0% no-repeat padding-box !important;
    border-color: var(--shade-color) !important;
    border-radius: var(--border-radius) !important;
}
.btn-clear-filter:hover,
.btn-clear-filter:focus,
.btn-clear-filter:active {
    color: var(--white-color) !important;
    background-color: var(--shade-color) !important;
    border-color: var(--shade-color) !important;
}