:root {
    --color-purple: #4e2680;
    --color-turquoise: #3ab5a7;
    --color-white: #ffffff;
}
.logo-customer {
    background-image: url(/custom/logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    text-indent: -9999px;
    width: auto;
    height: 200px;
}
.dashboard-header {
    background-color: var(--color-white) !important;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
}
.dashboard-header div {
    display: none;
}
.dashboard-header img {
    display: block;
}

#sidebar > a > svg {
    display: none;
}
#sidebar > a {
    background-image: url(/custom/logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 150px;
    height: 80px;
}
#sidebar {
    background-color: var(--color-white) !important;
    color: var(--color-purple) !important;
}
.mynav li a {
    color: var(--color-purple) !important;
}
.guard-page h1 {
    color: var(--color-purple) !important;
    font-weight: bold;
}
.navbar,
.nav,
.nav-item > a {
    color: var(--color-purple) !important;
}
.btn-primary {
    --bs-btn-bg: var(--color-turquoise) !important;
    --bs-btn-border-color: var(--color-turquoise) !important;
}