:root {
    --citipost-mail-red: #ca1719;
    --citipost-mail-dark-red: #b31716;
    --citipost-charcoal: #575757;
    --citipost-grey: #878787;
    --citipost-mid-grey: #b2b2b2;
    --citipost-light-grey: #dadada;
    --citipost-pale-grey: #ededed;
    --citipost-white: #ffffff;
    --citipost-font-stack: "Wix Madefor Text", Arial, sans-serif;

    --citipost-page-bg: var(--citipost-pale-grey);
    --citipost-surface: var(--citipost-white);
    --citipost-border: var(--citipost-light-grey);
    --citipost-border-strong: var(--citipost-mid-grey);
    --citipost-text: var(--citipost-charcoal);
    --citipost-text-muted: var(--citipost-grey);
    --citipost-focus-ring: rgba(202, 23, 25, 0.24);
    --citipost-grid-header-bg: var(--citipost-pale-grey);
    --citipost-grid-row-alt: #f7f7f7;
}

html,
body {
    background: var(--citipost-page-bg);
    color: var(--citipost-text);
    font-family: var(--citipost-font-stack);
}

a,
.btn-link {
    color: var(--citipost-mail-red);
}

a:hover,
.btn-link:hover {
    color: var(--citipost-mail-dark-red);
}

h1,
h2,
h3,
h4,
h5,
h6,
.rz-text-h1,
.rz-text-h2,
.rz-text-h3,
.rz-text-h4,
.rz-text-h5,
.rz-text-h6 {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.app-header {
    background: var(--citipost-charcoal);
    border-bottom-color: var(--citipost-charcoal);
}

.app-header__title {
    color: var(--citipost-white);
}

.app-header__subtitle {
    color: var(--citipost-light-grey);
}

.app-sidebar {
    background: var(--citipost-white);
    border-right-color: var(--citipost-light-grey);
}

.app-body {
    background:
        linear-gradient(180deg, rgba(202, 23, 25, 0.04), transparent 16rem),
        var(--citipost-page-bg);
}

.nav-shell__section-label,
.nav-shell__group-toggle {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.nav-shell__group-toggle {
    border-left: 0.25rem solid transparent;
}

.nav-shell__group-toggle:hover,
.nav-shell__group-toggle:focus-visible {
    background: var(--citipost-pale-grey);
    border-left-color: var(--citipost-mail-red);
    color: var(--citipost-mail-red);
}

.nav-shell__group-icon,
.nav-shell__signed-in,
.nav-shell__link {
    color: var(--citipost-charcoal);
}

.nav-shell__link:hover {
    color: var(--citipost-mail-red);
}

.rz-panel-menu .rz-navigation-item-link {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-panel-menu .rz-navigation-item-link:hover,
.rz-panel-menu .rz-navigation-item-link:focus,
.rz-panel-menu .rz-navigation-item-active > .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item-wrapper-active > .rz-navigation-item-link {
    background: rgba(202, 23, 25, 0.08);
    color: var(--citipost-mail-red);
}

.rz-panel-menu .rz-navigation-item-icon {
    color: currentColor;
}

.nav-pills .nav-link {
    border-left: 0.25rem solid transparent;
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
    font-weight: 600;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus-visible {
    background: var(--citipost-pale-grey);
    border-left-color: var(--citipost-mail-red);
    color: var(--citipost-mail-red);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: rgba(202, 23, 25, 0.1);
    border-left-color: var(--citipost-mail-red);
    color: var(--citipost-mail-red);
}

.rz-card,
.rz-panel,
.rz-fieldset {
    background: var(--citipost-surface);
    border-color: var(--citipost-border);
    color: var(--citipost-text);
}

.rz-fieldset-legend {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-button.rz-primary,
.rz-button.rz-button-md.rz-primary,
.btn-primary {
    background-color: var(--citipost-mail-red);
    border-color: var(--citipost-mail-red);
    color: var(--citipost-white);
}

.rz-button.rz-primary:hover,
.rz-button.rz-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--citipost-mail-dark-red);
    border-color: var(--citipost-mail-dark-red);
    color: var(--citipost-white);
}

.btn-primary:active,
.btn-primary.active,
.btn:first-child:active {
    background-color: var(--citipost-mail-dark-red);
    border-color: var(--citipost-mail-dark-red);
    color: var(--citipost-white);
}

.rz-button.rz-secondary,
.rz-button.rz-light,
.rz-button.rz-button-md.rz-secondary,
.rz-button.rz-button-md.rz-light,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark {
    background-color: var(--citipost-white);
    border-color: var(--citipost-mid-grey);
    color: var(--citipost-charcoal);
}

.rz-button.rz-secondary:hover,
.rz-button.rz-light:hover,
.rz-button.rz-secondary:focus,
.rz-button.rz-light:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus {
    background-color: var(--citipost-pale-grey);
    border-color: var(--citipost-mail-red);
    color: var(--citipost-mail-red);
}

.btn-secondary:active,
.btn-secondary.active,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-dark:active,
.btn-outline-dark.active {
    background-color: var(--citipost-charcoal);
    border-color: var(--citipost-charcoal);
    color: var(--citipost-white);
}

.app-header .rz-button.rz-light,
.app-header .rz-button.rz-button-md.rz-light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.56);
    color: var(--citipost-white);
}

.app-header .rz-button.rz-light:hover,
.app-header .rz-button.rz-light:focus {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: var(--citipost-white);
    color: var(--citipost-white);
}

.rz-inputtext,
.rz-textbox,
.rz-dropdown,
.rz-datepicker,
.rz-spinner,
.form-control {
    border-color: var(--citipost-mid-grey);
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-inputtext:focus,
.rz-textbox:focus,
.rz-dropdown:focus,
.rz-datepicker:focus,
.form-control:focus,
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-check-input:focus {
    border-color: var(--citipost-mail-red);
    box-shadow: 0 0 0 0.2rem var(--citipost-focus-ring);
    outline: none;
}

.rz-form-field-label,
.rz-label {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-data-grid,
.rz-datatable,
.rz-grid-table {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-datatable-thead th,
.rz-grid-table thead th {
    background: var(--citipost-grid-header-bg);
    border-bottom: 1px solid var(--citipost-border-strong);
    border-right: 1px solid var(--citipost-light-grey);
    color: var(--citipost-charcoal);
    font-weight: 700;
}

.rz-datatable-tbody td,
.rz-grid-table tbody td {
    border-bottom-color: var(--citipost-light-grey);
    border-right: 1px solid var(--citipost-pale-grey);
}

.rz-datatable-tbody tr:nth-child(even) > td,
.rz-grid-table tbody tr:nth-child(even) > td {
    background: var(--citipost-grid-row-alt);
}

.rz-datatable-tbody tr:hover > td,
.rz-grid-table tbody tr:hover > td {
    background: rgba(202, 23, 25, 0.06);
}

.rz-paginator,
.rz-pager {
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-paginator-page.rz-state-active,
.rz-pager-page.rz-state-active {
    background: var(--citipost-mail-red);
    color: var(--citipost-white);
}

.rz-alert,
.rz-notification-message {
    border-color: var(--citipost-light-grey);
    color: var(--citipost-charcoal);
    font-family: var(--citipost-font-stack);
}

.rz-alert-info,
.rz-notification-info {
    background: var(--citipost-pale-grey);
    border-left: 0.25rem solid var(--citipost-grey);
}

.rz-alert-success,
.rz-notification-success {
    background: #f7f7f7;
    border-left: 0.25rem solid var(--citipost-mail-red);
}

.rz-alert-warning,
.rz-notification-warning {
    background: #fff7f7;
    border-left: 0.25rem solid var(--citipost-mail-red);
}

.validation-message,
.rz-message {
    color: var(--citipost-mail-red);
}