html.client-mm {
    --brand: #c41f1f;
    --brand-strong: #b51c1c;
    --brand-soft: #e03131;
    --brand-tint: rgba(196, 31, 31, 0.1);
    --brand-ring: rgba(196, 31, 31, 0.2);
    --brand-border: #f0b4b4;

    --bs-primary: #c41f1f;
    --bs-primary-rgb: 196, 31, 31;
    --bs-link-color: #c41f1f;
    --bs-link-hover-color: #9e1616;
    --kt-primary: #c41f1f;
    --kt-text-primary: #c41f1f;

    --menu-primary: #e85a5a;
    --menu-primary-strong: #c41f1f;
    --menu-primary-soft: rgba(196, 31, 31, 0.1);
    --menu-shadow-active: 0 16px 28px rgba(196, 31, 31, 0.2);
    --menu-logout-bg: linear-gradient(180deg, #e03131 0%, #c41f1f 100%);

    --gp-accent: #c41f1f;
    --gp-accent-soft: #e85a5a;
    --gp-accent-tint: #fdecec;
    --gp-accent-border: #f0b4b4;
    --gp-accent-ring: rgba(196, 31, 31, 0.12);

    --gr-nav-active: #fdecec;
    --gr-nav-active-text: #c41f1f;
    --gr-nav-accent: #c41f1f;
}

html.client-mm[data-menu-theme="light"] {
    --gr-nav-active: #fdecec;
    --gr-nav-active-text: #c41f1f;
    --gr-nav-accent: #c41f1f;
}

html.client-mm[data-theme="dark"],
html.client-mm[data-menu-theme="dark"] {
    --brand: #e85a5a;
    --brand-strong: #d32626;
    --brand-soft: #ff7a7a;
    --brand-tint: rgba(196, 31, 31, 0.16);
    --brand-ring: rgba(196, 31, 31, 0.24);
    --brand-border: rgba(232, 90, 90, 0.4);

    --gr-blue: #e85a5a;
    --gr-blue-strong: #d32626;
    --gr-blue-soft: rgba(196, 31, 31, 0.16);
    --gr-blue-ring: rgba(196, 31, 31, 0.24);
    --gr-active: rgba(196, 31, 31, 0.16);
    --gr-selected: #3a1f24;
    --gr-selected-hover: #4a252c;
    --gr-nav-active: rgba(196, 31, 31, 0.18);
    --gr-nav-active-text: #f3c7c7;
    --gr-nav-accent: #e85a5a;

    --bs-primary: #e85a5a;
    --bs-primary-rgb: 232, 90, 90;
    --bs-link-color: #e85a5a;
    --bs-link-hover-color: #ff7a7a;
    --kt-primary: #e85a5a;
    --kt-text-primary: #e85a5a;

    --menu-primary: #e85a5a;
    --menu-primary-strong: #d32626;
    --menu-primary-soft: rgba(196, 31, 31, 0.16);
    --menu-shadow-active: 0 10px 20px rgba(196, 31, 31, 0.2);
    --menu-logout-bg: linear-gradient(180deg, #e85a5a 0%, #c41f1f 100%);

    --gp-accent: #e85a5a;
    --gp-accent-soft: #ff7a7a;
    --gp-accent-tint: rgba(196, 31, 31, 0.16);
    --gp-accent-border: rgba(232, 90, 90, 0.4);
    --gp-accent-ring: rgba(196, 31, 31, 0.22);
}

html.client-mm .btn-primary,
html.client-mm .btn-primary.btn,
html.client-mm a.btn-primary,
html.client-mm button.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-strong);
    --bs-btn-hover-border-color: var(--brand-strong);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-strong);
    --bs-btn-active-border-color: var(--brand-strong);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

html.client-mm .btn-primary:hover,
html.client-mm .btn-primary:focus,
html.client-mm .btn-primary:focus-visible,
html.client-mm .btn-primary:active,
html.client-mm .btn-primary.active,
html.client-mm .btn-primary.show,
html.client-mm .btn-primary[data-kt-menu-trigger].show,
html.client-mm .show > .btn-primary,
html.client-mm .btn-check:checked + .btn-primary,
html.client-mm .btn-check:active + .btn-primary,
html.client-mm .btn-primary:active:focus,
html.client-mm .btn.btn-primary:hover:not(.btn-active),
html.client-mm .btn.btn-primary:focus:not(.btn-active),
html.client-mm .btn.btn-primary:focus-visible:not(.btn-active),
html.client-mm .btn.btn-primary:active:not(.btn-active),
html.client-mm .btn.btn-primary.active,
html.client-mm .btn.btn-primary.show,
html.client-mm .show > .btn.btn-primary,
html.client-mm .btn-check:checked + .btn.btn-primary,
html.client-mm .btn-check:active + .btn.btn-primary,
html.client-mm .btn.btn-primary:active:focus,
html.client-mm[data-theme="light"] .btn-primary:hover,
html.client-mm[data-theme="light"] .btn-primary:focus,
html.client-mm[data-theme="light"] .btn-primary:active,
html.client-mm[data-theme="light"] .btn.btn-primary:hover:not(.btn-active),
html.client-mm[data-theme="light"] .btn.btn-primary:focus:not(.btn-active),
html.client-mm[data-theme="light"] .btn.btn-primary:active:not(.btn-active),
html.client-mm[data-theme="dark"] .btn-primary:hover,
html.client-mm[data-theme="dark"] .btn-primary:focus,
html.client-mm[data-theme="dark"] .btn-primary:active,
html.client-mm[data-theme="dark"] .btn.btn-primary:hover:not(.btn-active),
html.client-mm[data-theme="dark"] .btn.btn-primary:focus:not(.btn-active),
html.client-mm[data-theme="dark"] .btn.btn-primary:active:not(.btn-active) {
    background-color: var(--brand-strong) !important;
    border-color: var(--brand-strong) !important;
    color: #fff !important;
    box-shadow: none !important;
}

html.client-mm .btn-custom.btn-logout,
html.client-mm #kt_aside_footer .btn-custom.btn-logout,
html.client-mm #kt_aside_footer .menu-logout-link {
    background: var(--menu-logout-bg) !important;
}

html.client-mm .btn-custom.btn-logout:hover,
html.client-mm #kt_aside_footer .btn-custom.btn-logout:hover {
    filter: brightness(0.94);
}

html.client-mm .btn-outline-primary {
    color: var(--brand) !important;
    border-color: var(--brand) !important;
}

html.client-mm .btn-outline-primary:hover,
html.client-mm .btn-outline-primary:focus,
html.client-mm .btn-outline-primary:active,
html.client-mm .btn-outline-primary.active,
html.client-mm .btn.btn-outline-primary:hover:not(.btn-active),
html.client-mm .btn.btn-outline-primary:focus:not(.btn-active),
html.client-mm .btn.btn-outline-primary:active:not(.btn-active),
html.client-mm .btn-light-primary,
html.client-mm .btn-light-primary:hover,
html.client-mm .btn-light-primary:focus,
html.client-mm .btn-light-primary:active,
html.client-mm .btn.btn-light-primary:hover:not(.btn-active),
html.client-mm .btn.btn-light-primary:focus:not(.btn-active),
html.client-mm .btn.btn-light-primary:active:not(.btn-active),
html.client-mm .btn-active-light-primary:hover,
html.client-mm .btn-active-light-primary:focus,
html.client-mm .btn-active-light-primary:active {
    color: var(--brand-strong) !important;
    background-color: var(--brand-tint) !important;
    border-color: var(--brand-border) !important;
}

html.client-mm .btn-check:checked + .btn.btn-active-color-primary,
html.client-mm .btn-check:active + .btn.btn-active-color-primary,
html.client-mm .btn.btn-active-color-primary:hover:not(.btn-active),
html.client-mm .btn.btn-active-color-primary:focus:not(.btn-active),
html.client-mm .btn.btn-active-color-primary:focus-visible:not(.btn-active),
html.client-mm .btn.btn-active-color-primary:active:not(.btn-active),
html.client-mm .btn.btn-active-color-primary.show,
html.client-mm .btn.btn-active-color-primary.active,
html.client-mm .show > .btn.btn-active-color-primary,
html.client-mm table.dataTable .btn.btn-icon:hover,
html.client-mm table.dataTable .btn.btn-icon:focus,
html.client-mm table.dataTable .btn.btn-icon:focus-visible,
html.client-mm .grid-op-page .btn.btn-icon:hover,
html.client-mm .grid-op-page .btn.btn-icon:focus,
html.client-mm .grid-cad-page .btn.btn-icon:hover,
html.client-mm .grid-cad-page .btn.btn-icon:focus,
html.client-mm .btn.btn-color-primary,
html.client-mm .btn.btn-icon-primary,
html.client-mm .btn.btn-active-icon-primary:hover:not(.btn-active),
html.client-mm .btn.btn-active-icon-primary:focus:not(.btn-active),
html.client-mm .text-hover-primary:hover,
html.client-mm .text-active-primary.active,
html.client-mm[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary:hover,
html.client-mm[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary:focus {
    color: var(--brand) !important;
}

html.client-mm .btn-check:checked + .btn.btn-active-color-primary i,
html.client-mm .btn-check:active + .btn.btn-active-color-primary i,
html.client-mm .btn.btn-active-color-primary:hover:not(.btn-active) i,
html.client-mm .btn.btn-active-color-primary:focus:not(.btn-active) i,
html.client-mm .btn.btn-active-color-primary:focus-visible:not(.btn-active) i,
html.client-mm .btn.btn-active-color-primary:active:not(.btn-active) i,
html.client-mm .btn.btn-active-color-primary.show i,
html.client-mm .btn.btn-active-color-primary.active i,
html.client-mm .show > .btn.btn-active-color-primary i,
html.client-mm .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
html.client-mm .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
html.client-mm .btn.btn-active-color-primary:focus-visible:not(.btn-active) .svg-icon,
html.client-mm table.dataTable .btn.btn-icon:hover i,
html.client-mm table.dataTable .btn.btn-icon:focus i,
html.client-mm table.dataTable .btn.btn-icon:hover .svg-icon,
html.client-mm table.dataTable .btn.btn-icon:focus .svg-icon,
html.client-mm .svg-icon.svg-icon-primary {
    color: var(--brand) !important;
}

html.client-mm .btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary:focus-visible:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm table.dataTable .btn.btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm table.dataTable .btn.btn-icon:focus .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm table.dataTable .btn.btn-icon:focus-visible .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .grid-op-page .btn.btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .grid-cad-page .btn.btn-icon:hover .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-icon-primary .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g),
html.client-mm .text-hover-primary:hover .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm .text-active-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary:hover .svg-icon svg [fill]:not(.permanent):not(g),
html.client-mm[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary:focus .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--brand) !important;
}

html.client-mm .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [stroke]:not([stroke="none"]),
html.client-mm .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [stroke]:not([stroke="none"]),
html.client-mm table.dataTable .btn.btn-icon:hover .svg-icon svg [stroke]:not([stroke="none"]),
html.client-mm table.dataTable .btn.btn-icon:focus .svg-icon svg [stroke]:not([stroke="none"]) {
    stroke: var(--brand) !important;
}

html.client-mm .form-check-input:checked,
html.client-mm .form-check-input[type="checkbox"]:checked,
html.client-mm .form-check-input[type="radio"]:checked {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

html.client-mm .form-switch .form-check-input:checked {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

html.client-mm .form-control:focus,
html.client-mm .form-select:focus,
html.client-mm .form-control-solid:focus,
html.client-mm .select2-container--bootstrap5.select2-container--focus .select2-selection {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px var(--brand-ring) !important;
}

html.client-mm .select2-results__option--highlighted,
html.client-mm .select2-results__option--selected,
html.client-mm .select2-results__option[aria-selected="true"],
html.client-mm .select2-container--default .select2-results__option--selected,
html.client-mm .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html.client-mm .select2-container--bootstrap5 .select2-results__option--highlighted,
html.client-mm .select2-container--bootstrap5 .select2-results__option--selected,
html.client-mm .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
html.client-mm .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--brand) !important;
    color: #fff !important;
}

html.client-mm .pagination .page-item.active .page-link,
html.client-mm .page-item.active .page-link,
html.client-mm .dataTables_paginate .paginate_button.current,
html.client-mm .dataTables_paginate .page-item.active .page-link {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

html.client-mm .nav-tabs .nav-link.active,
html.client-mm .nav-line-tabs .nav-link.active,
html.client-mm .psec-tabs .nav-tabs .nav-link.active {
    color: var(--brand) !important;
    border-bottom-color: var(--brand) !important;
}

html.client-mm .text-primary,
html.client-mm .svg-icon-primary,
html.client-mm a.text-primary {
    color: var(--brand) !important;
}

html.client-mm .bg-primary {
    --bg-color: 196, 31, 31;
    background-color: var(--brand) !important;
}

html.client-mm .badge-primary,
html.client-mm .badge-light-primary {
    background-color: var(--brand-tint) !important;
    color: var(--brand-strong) !important;
}

html.client-mm .link-primary,
html.client-mm a:not(.btn):not(.menu-link):not(.nav-link).text-hover-primary:hover {
    color: var(--brand) !important;
}

html.client-mm .grid-op-page,
html.client-mm .dash-site-page,
html.client-mm .gp-top-progress,
html.client-mm .gp-progress-modal {
    --gp-accent: var(--brand);
    --gp-accent-soft: var(--brand-soft);
    --gp-accent-tint: var(--brand-tint);
    --gp-accent-border: var(--brand-border);
    --gp-accent-ring: var(--brand-ring);
}

html.client-mm .gp-top-progress__bar {
    background: linear-gradient(90deg, var(--brand) 0%, var(--brand-soft) 100%) !important;
    box-shadow: 0 0 10px var(--brand-ring) !important;
}

html.client-mm .grid-op-page .gp-switch.is-on {
    background: var(--brand-tint) !important;
    border-color: var(--brand-border) !important;
    box-shadow: 0 0 0 3px var(--brand-ring) !important;
}

html.client-mm .grid-op-page .gp-switch.is-on .gp-switch__track {
    background: var(--brand) !important;
}

html.client-mm .grid-op-page .gp-switch.is-on .gp-switch__label {
    color: var(--brand) !important;
}

html.client-mm .grid-op-page .gp-load-status::before {
    border-color: var(--brand-border);
    border-top-color: var(--brand);
}

html.client-mm[data-theme="dark"] .btn-primary:hover,
html.client-mm[data-theme="dark"] .btn-primary:focus,
html.client-mm[data-theme="dark"] .btn-primary:active,
html.client-mm[data-theme="dark"] .btn.btn-primary:hover:not(.btn-active),
html.client-mm[data-theme="dark"] .btn.btn-primary:focus:not(.btn-active),
html.client-mm[data-theme="dark"] .btn.btn-primary:active:not(.btn-active) {
    background-color: #9e1616 !important;
    border-color: #9e1616 !important;
}

html.client-mm[data-theme="dark"] .btn-outline-primary {
    border-color: rgba(232, 90, 90, 0.45) !important;
}

html.client-mm[data-theme="dark"] .btn-check:checked + .btn,
html.client-mm[data-theme="dark"] .btn.active {
    border-color: rgba(232, 90, 90, 0.35) !important;
}

html.client-mm #kt_aside_menu .menu-link.active .menu-icon,
html.client-mm #kt_aside_menu .menu-item.here > .menu-link .menu-icon,
html.client-mm #kt_aside_menu .menu-item.show > .menu-link .menu-icon,
html.client-mm #kt_aside_menu .menu-link.active .menu-title,
html.client-mm #kt_aside_menu .menu-item.here > .menu-link .menu-title {
    color: var(--gr-nav-active-text) !important;
}

html.client-mm #kt_aside_menu .menu-link.active .menu-icon svg path,
html.client-mm #kt_aside_menu .menu-item.here > .menu-link .menu-icon svg path,
html.client-mm #kt_aside_menu .menu-item.show > .menu-link .menu-icon svg path,
html.client-mm #kt_aside_menu .menu-link.active .menu-icon svg rect,
html.client-mm #kt_aside_menu .menu-item.here > .menu-link .menu-icon svg rect,
html.client-mm #kt_aside_menu .menu-item.show > .menu-link .menu-icon svg rect,
html.client-mm #kt_aside_menu .menu-link.active .menu-icon i,
html.client-mm #kt_aside_menu .menu-item.here > .menu-link .menu-icon i,
html.client-mm #kt_aside_menu .menu-item.show > .menu-link .menu-icon i {
    fill: currentColor !important;
    color: var(--gr-nav-accent) !important;
}

html.client-mm .gp-grid-modal {
    --gp-accent: var(--brand);
    --gp-accent-soft: var(--brand-soft);
    --gp-accent-tint: var(--brand-tint);
    --gp-accent-border: var(--brand-border);
    --gp-accent-ring: var(--brand-ring);
}