/* =====================================================================
   MADAR THEME — هوية «مدار» + هيكل الـ Layout الجديد + الثيم الداكن
   يُحمَّل في _Layout.cshtml بعد حزم Metronic وarabic-custom وdesign-enhancements.
   الأقسام:
     1) متغيرات الهوية (teal) للثيمين
     2) الخط Tajawal (محلي)
     3) أدوات عامة: .num، pre/code (N-47)
     4) هيكل الصفحة: sidebar + header + wrapper
     5) القائمة الجانبية (داكنة في الثيمين) + الطيّ
     6) الهيدر + مبدّل الثيم
     7) طباعة
     8) [مولَّد] إعادة تلوين مكوّنات Metronic التي تثبّت #009EF7/#3699FF داخل الحزم
   ملاحظة: Metronic 8.0 لا يملك [data-bs-theme] — الثيم الداكن حزم *.dark.bundle.rtl.css تُبدَّل من js/madar-theme.js،
   وهذا الملف يبقى واحداً للثيمين ويفرّق بينهما بـ html[data-bs-theme].
   ===================================================================== */

/* ---------- 1) الهوية ---------- */
:root,
html[data-bs-theme="light"] {
    --madar-primary: #0F766E;
    --madar-primary-active: #115E59;
    --madar-primary-light: #CCFBF1;
    --madar-primary-inverse: #FFFFFF;
    /* لون النص/الأيقونة الأساسي (أفتح في الداكن لتباين مقروء) */
    --madar-primary-text: #0F766E;
    --madar-primary-text-active: #115E59;

    --bs-primary: #0F766E;
    --bs-primary-rgb: 15, 118, 110;
    --bs-primary-active: #115E59;
    --bs-primary-light: #CCFBF1;
    --bs-primary-inverse: #FFFFFF;
    --bs-light-primary: #CCFBF1;
    --bs-active-primary: #115E59;
    --bs-link-color: #0F766E;
    --bs-link-hover-color: #115E59;

    --madar-aside-w: 265px;
    --madar-header-h: 64px;
    --madar-aside-bg: #0F172A;
    --madar-aside-border: rgba(255, 255, 255, 0.08);
    --madar-aside-text: #A8B3C7;
    --madar-aside-muted: #64748B;
    --madar-aside-hover: rgba(255, 255, 255, 0.06);
    --madar-aside-active-bg: rgba(45, 212, 191, 0.14);
    --madar-aside-accent: #2DD4BF;
}

html[data-bs-theme="dark"] {
    --madar-primary-light: #134E4A;
    --madar-primary-text: #2DD4BF;
    --madar-primary-text-active: #5EEAD4;

    --bs-primary-light: #134E4A;
    --bs-light-primary: #134E4A;
    --bs-active-primary: #5EEAD4;
    --bs-link-color: #2DD4BF;
    --bs-link-hover-color: #5EEAD4;

    --madar-aside-bg: #0B1220;
    color-scheme: dark;
}

html[data-bs-theme="light"] { color-scheme: light; }

/* ---------- 2) الخط ---------- */
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-arabic-300.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-latin-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-arabic-400.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-arabic-500.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-latin-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-arabic-700.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-latin-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-arabic-800.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/tajawal/tajawal-latin-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --bs-font-sans-serif: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* arabic-custom.css يفرض Tajawal بـ !important على html/body — نتغلّب عليه بنفس القوة لأننا نُحمَّل بعده */
html,
body,
.swal2-popup {
    font-family: var(--bs-font-sans-serif) !important;
}

/* ---------- 3) أدوات عامة ---------- */
/* أرقام ومبالغ: أرقام متناسقة العرض وترتيب LTR معزول داخل النص العربي. الاستخدام: <span class="num">₪1,250.00</span>
   (للحاويات الكاملة أضف dir="ltr" أيضاً — مثل حقول الإدخال والخلايا الرقمية). */
.num {
    font-variant-numeric: tabular-nums lining-nums;
    unicode-bidi: isolate;
    direction: ltr;
    white-space: nowrap;
}

/* N-47: حزمة Metronic RTL تضع على pre/code القيمة unicode-bidi: bidi-override فيظهر العربي داخل أمثلة الكود معكوساً.
   isolate + direction: ltr يُبقيان الكود LTR ويُظهران العربي بترتيبه الطبيعي. */
pre,
code {
    unicode-bidi: isolate;
    direction: ltr;
}

pre {
    text-align: left;
}

/* ---------- 4) هيكل الصفحة ---------- */
html.madar-aside-min {
    --madar-aside-w: 80px;
}

.madar-body {
    min-height: 100vh;
}

#kt_aside.madar-aside {
    background-color: var(--madar-aside-bg);
    border-radius: 0;
    box-shadow: none;
    flex-direction: column;
    z-index: 101;
}

@media (min-width: 992px) {
    #kt_aside.madar-aside {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        width: var(--madar-aside-w);
        transition: width 0.2s ease;
    }

    #kt_wrapper.madar-wrapper {
        padding-top: 0;
        padding-right: var(--madar-aside-w);
        transition: padding-right 0.2s ease;
    }
}

@media (max-width: 991.98px) {
    #kt_wrapper.madar-wrapper {
        padding-top: 0;
        padding-right: 0;
    }

    /* الـ drawer: خلفية داكنة بدل الأبيض الذي يضعه .drawer */
    #kt_aside.madar-aside.drawer {
        background-color: var(--madar-aside-bg);
        max-width: 85vw;
    }
}

/* ---------- 5) القائمة الجانبية ---------- */
.madar-aside .madar-aside-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: var(--madar-header-h);
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--madar-aside-border);
}

.madar-aside .madar-aside-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

.madar-aside .madar-aside-footer {
    flex-shrink: 0;
    padding: 1rem;
    border-top: 1px solid var(--madar-aside-border);
}

#kt_aside.madar-aside .madar-menu .menu-item {
    margin: 0 0 0.125rem;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.6rem;
    background-color: transparent;
    color: var(--madar-aside-text);
    font-weight: 500;
    transition: color 0.15s ease, background-color 0.15s ease;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link .menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    margin: 0;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link .menu-icon i {
    font-size: 1.05rem;
    color: var(--madar-aside-muted);
    transition: color 0.15s ease;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link .menu-title {
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    font-size: 0.95rem;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link:hover:not(.active) {
    background-color: var(--madar-aside-hover);
    color: #FFFFFF;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link:hover:not(.active) .menu-icon i {
    color: var(--madar-aside-accent);
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link.active {
    background-color: var(--madar-aside-active-bg);
    color: #FFFFFF;
}

#kt_aside.madar-aside .madar-menu .menu-item .menu-link.active .menu-icon i {
    color: var(--madar-aside-accent);
}

/* شريط التمييز على حافة العنصر النشط (الجهة اليمنى = بداية الاتجاه RTL) */
#kt_aside.madar-aside .madar-menu .menu-item .menu-link.active::before {
    content: "";
    position: absolute;
    inset-inline-start: -0.75rem;
    top: 22%;
    bottom: 22%;
    width: 3px;
    border-radius: 3px 0 0 3px;
    background-color: var(--madar-aside-accent);
}

.madar-aside .madar-menu-group .menu-content {
    padding: 1.25rem 0.85rem 0.4rem;
}

.madar-aside .madar-menu-group:first-child .menu-content {
    padding-top: 0.25rem;
}

.madar-aside .madar-menu-group .menu-section {
    display: block;
    color: var(--madar-aside-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.madar-aside .menu-badge {
    display: inline-flex;
    margin-inline-start: auto;
    flex-shrink: 0;
}

.madar-aside .menu-badge .madar-count {
    min-width: 1.5rem;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 1rem;
    width: auto;
}

/* كتلة المستخدم */
.madar-aside .madar-user .madar-logout-btn {
    color: var(--madar-aside-muted);
    background: transparent;
    border: 0;
}

.madar-aside .madar-user .madar-logout-btn:hover {
    color: #F1416C;
    background-color: var(--madar-aside-hover);
    transform: none;
    box-shadow: none;
}

/* زر الطيّ على حافة القائمة */
.madar-aside .madar-aside-collapse {
    position: absolute;
    top: 1.15rem;
    left: -0.8rem;
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: 1px solid var(--bs-gray-300, #E4E6EF);
    border-radius: 50%;
    background-color: var(--bs-body-bg, #FFFFFF);
    color: var(--bs-gray-600, #7E8299);
    font-size: 0.7rem;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
    cursor: pointer;
}

.madar-aside .madar-aside-collapse:hover {
    color: var(--madar-primary-text);
    border-color: var(--madar-primary);
}

/* حالة الطيّ — أيقونات فقط (≥ lg) */
@media (min-width: 992px) {
    html.madar-aside-min .madar-aside .madar-aside-collapse i {
        transform: rotate(180deg);
    }

    html.madar-aside-min .madar-aside .madar-aside-brand {
        justify-content: center;
        padding: 0;
    }

    html.madar-aside-min .madar-aside .madar-brand-text,
    html.madar-aside-min .madar-aside .madar-user-info,
    html.madar-aside-min .madar-aside .madar-menu-group .menu-section,
    html.madar-aside-min #kt_aside.madar-aside .madar-menu .menu-item .menu-link .menu-title {
        display: none;
    }

    html.madar-aside-min .madar-aside .madar-menu-group .menu-content {
        height: 1px;
        margin: 0.75rem 0.5rem;
        padding: 0;
        background-color: var(--madar-aside-border);
    }

    html.madar-aside-min .madar-aside .madar-menu-group:first-child .menu-content {
        margin-top: 0.25rem;
        background-color: transparent;
    }

    html.madar-aside-min #kt_aside.madar-aside .madar-menu .menu-item .menu-link {
        justify-content: center;
        padding: 0.75rem 0;
    }

    html.madar-aside-min #kt_aside.madar-aside .madar-menu .menu-item .menu-link.active::before {
        inset-inline-start: -0.75rem;
    }

    /* العدّاد يتحوّل نقطة فوق الأيقونة */
    html.madar-aside-min .madar-aside .menu-badge {
        position: absolute;
        top: 0.4rem;
        left: calc(50% + 0.3rem);
        margin: 0;
    }

    html.madar-aside-min .madar-aside .menu-badge .madar-count {
        width: 0.6rem;
        height: 0.6rem;
        min-width: 0;
        padding: 0;
        font-size: 0;
        border: 2px solid var(--madar-aside-bg);
        box-sizing: content-box;
    }

    html.madar-aside-min .madar-aside .madar-aside-footer {
        padding: 1rem 0.5rem;
    }

    html.madar-aside-min .madar-aside .madar-user {
        flex-direction: column;
        gap: 0.5rem !important;
    }
}

/* ---------- 6) الهيدر + مبدّل الثيم ---------- */
.madar-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: var(--madar-header-h);
    background-color: var(--bs-body-bg, #FFFFFF);
    border-bottom: 1px solid var(--bs-gray-200, #EFF2F5);
}

.madar-header .madar-page-title {
    line-height: 1.35;
}

.madar-header .breadcrumb {
    margin-bottom: 0;
}

/* .btn.btn-icon i في Metronic يفرض display — نرفع الخصوصية ليبقى أيقونة واحدة ظاهرة */
html .btn [data-madar-theme-icon] {
    display: none;
}

html:not([data-madar-theme-pref]) .btn [data-madar-theme-icon="light"],
html[data-madar-theme-pref="light"] .btn [data-madar-theme-icon="light"],
html[data-madar-theme-pref="dark"] .btn [data-madar-theme-icon="dark"],
html[data-madar-theme-pref="auto"] .btn [data-madar-theme-icon="auto"] {
    display: inline-flex;
}

.madar-theme-menu {
    min-width: 13rem;
}

.madar-theme-menu .madar-theme-check {
    visibility: hidden;
}

.madar-theme-menu .dropdown-item.active,
.madar-theme-menu .dropdown-item:active {
    background-color: var(--madar-primary-light);
    color: var(--madar-primary-text);
}

.madar-theme-menu .dropdown-item.active .madar-theme-check {
    visibility: visible;
}

/* ---------- 7) طباعة ---------- */
@media print {
    #kt_aside.madar-aside,
    .madar-header,
    .madar-aside-collapse {
        display: none !important;
    }

    #kt_wrapper.madar-wrapper {
        padding: 0 !important;
    }
}

/* ---------- 8) [مولَّد] إعادة تلوين مكوّنات Metronic ----------
   Metronic 8.0 يثبّت #009EF7 (فاتح) و#3699FF (داكن) داخل مئات القواعد بدل المتغيرات، فتجاوز المتغيرات وحده لا يكفي.
   القواعد التالية مولَّدة بسكربت من الحزم (نفس المحدِّدات، نفس الخصائص، الألوان → متغيرات الهوية أعلاه):
   color/fill/stroke → --madar-primary-text، بقية الخصائص → --madar-primary(-active/-light). لا تُعدَّل يدوياً؛
   عند ترقية Metronic أعد توليدها. */

/* ---- generated: shared (identical in light + dark bundles) ---- */
a {
  color: var(--madar-primary-text);
}
.form-control:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.form-select:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.form-check-input:checked {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.form-range::-webkit-slider-thumb {
  background-color: var(--madar-primary);
}
.form-range::-moz-range-thumb {
  background-color: var(--madar-primary);
}
.btn-check:focus + .btn, .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.btn-outline-primary {
  color: var(--madar-primary-text);
  border-color: var(--madar-primary);
}
.btn-outline-primary:hover {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: var(--madar-primary-text);
}
.btn-link {
  color: var(--madar-primary-text);
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--madar-primary);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: var(--madar-primary);
}
.nav-link {
  color: var(--madar-primary-text);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--madar-primary);
}
.accordion-button:not(.collapsed) {
  color: var(--madar-primary-text);
}
.breadcrumb-item.active {
  color: var(--madar-primary-text);
}
.page-link:hover {
  color: var(--madar-primary-text);
  background-color: var(--madar-primary-light);
}
.page-link:focus {
  color: var(--madar-primary-text);
  background-color: var(--madar-primary-light);
}
.page-item.active .page-link {
  background-color: var(--madar-primary);
}
.progress-bar {
  background-color: var(--madar-primary);
}
.list-group-item.active {
  background-color: var(--madar-primary);
  border-color: var(--madar-primary);
}
.btn-close:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.link-primary {
  color: var(--madar-primary-text);
}
.border-primary {
  border-color: var(--madar-primary) !important;
}
.bg-light-primary {
  background-color: var(--madar-primary-light) !important;
}
.bg-primary.hoverable:hover {
  background-color: var(--madar-primary-active) !important;
}
.bg-hover-light-primary:hover {
  background-color: var(--madar-primary-light) !important;
}
.bg-state-light-primary.active, .bg-state-light-primary:hover {
  background-color: var(--madar-primary-light) !important;
}
.bg-hover-primary:hover {
  background-color: var(--madar-primary) !important;
}
.bg-active-primary.active {
  background-color: var(--madar-primary) !important;
}
.bg-state-primary.active, .bg-state-primary:hover {
  background-color: var(--madar-primary) !important;
}
.border-hover-primary:hover {
  border-color: var(--madar-primary) !important;
}
.border-active-primary.active {
  border-color: var(--madar-primary) !important;
}
.text-primary {
  color: var(--madar-primary-text) !important;
}
.text-light-primary {
  color: var(--madar-primary-light) !important;
}
.text-hover-primary:hover {
  color: var(--madar-primary-text) !important;
}
.text-hover-primary:hover i {
  color: var(--madar-primary-text) !important;
}
.text-hover-primary:hover .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.text-active-primary.active {
  color: var(--madar-primary-text) !important;
}
.text-active-primary.active i {
  color: var(--madar-primary-text) !important;
}
.text-active-primary.active .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item.show .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  border-bottom: 1px solid var(--madar-primary);
}
.pagination.pagination-outline .page-item:hover .page-link, .pagination.pagination-outline .page-item.active .page-link {
  border-color: var(--madar-primary-light);
}
.page-item:focus:not(.disabled) .page-link i {
  color: var(--madar-primary-text);
}
.page-item:focus:not(.disabled) .page-link .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.page-item:hover:not(.disabled) .page-link i {
  color: var(--madar-primary-text);
}
.page-item:hover:not(.disabled) .page-link .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-primary .menu-item .menu-link {
  color: var(--madar-primary-text);
}
.menu-primary .menu-item .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-primary .menu-item .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-primary .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-primary .menu-item .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-title-primary .menu-item .menu-link {
  color: var(--madar-primary-text);
}
.menu-title-primary .menu-item .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-icon-primary .menu-item .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-icon-primary .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-bullet-primary .menu-item .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  color: var(--madar-primary-text);
}
.menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-show-primary .menu-item.here > .menu-link, .menu-show-primary .menu-item.show > .menu-link {
  color: var(--madar-primary-text);
}
.menu-show-primary .menu-item.here > .menu-link .menu-title, .menu-show-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-show-primary .menu-item.here > .menu-link .menu-icon i, .menu-show-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-show-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-show-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-show-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-show-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-active-primary .menu-item .menu-link.active {
  color: var(--madar-primary-text);
}
.menu-active-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-active-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-active-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-active-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-primary .menu-item.here > .menu-link, .menu-state-primary .menu-item.show > .menu-link {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.here > .menu-link .menu-title, .menu-state-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.here > .menu-link .menu-icon i, .menu-state-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-state-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-state-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-primary .menu-item .menu-link.active {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-hover-bg-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-hover-bg-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  background-color: var(--madar-primary);
}
.menu-show-bg-primary .menu-item.here > .menu-link, .menu-show-bg-primary .menu-item.show > .menu-link {
  background-color: var(--madar-primary);
}
.menu-active-bg-primary .menu-item .menu-link.active {
  background-color: var(--madar-primary);
}
.menu-state-bg-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-state-bg-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  background-color: var(--madar-primary);
}
.menu-state-bg-primary .menu-item.here > .menu-link, .menu-state-bg-primary .menu-item.show > .menu-link {
  background-color: var(--madar-primary);
}
.menu-state-bg-primary .menu-item .menu-link.active {
  background-color: var(--madar-primary);
}
.menu-show-bg-light-primary .menu-item.here > .menu-link, .menu-show-bg-light-primary .menu-item.show > .menu-link {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-show-bg-light-primary .menu-item.here > .menu-link .menu-title, .menu-show-bg-light-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-show-bg-light-primary .menu-item.here > .menu-link .menu-icon i, .menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-show-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-show-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-show-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-show-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-hover-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-hover-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-hover-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-hover-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-hover-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-hover-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-active-bg-light-primary .menu-item .menu-link.active {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-active-bg-light-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-active-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-active-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bg-light-primary .menu-item.here > .menu-link, .menu-state-bg-light-primary .menu-item.show > .menu-link {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-title, .menu-state-bg-light-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon i, .menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-state-bg-light-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-state-bg-light-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bg-light-primary .menu-item .menu-link.active {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-bg-light-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-hover-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-hover-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  color: var(--madar-primary-text);
}
.menu-hover-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-hover-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-show-title-primary .menu-item.here > .menu-link, .menu-show-title-primary .menu-item.show > .menu-link {
  color: var(--madar-primary-text);
}
.menu-show-title-primary .menu-item.here > .menu-link .menu-title, .menu-show-title-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-active-title-primary .menu-item .menu-link.active {
  color: var(--madar-primary-text);
}
.menu-active-title-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active),
.menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item.here > .menu-link, .menu-state-title-primary .menu-item.show > .menu-link {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item.here > .menu-link .menu-title, .menu-state-title-primary .menu-item.show > .menu-link .menu-title {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item .menu-link.active {
  color: var(--madar-primary-text);
}
.menu-state-title-primary .menu-item .menu-link.active .menu-title {
  color: var(--madar-primary-text);
}
.menu-hover-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-hover-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-hover-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-hover-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-show-icon-primary .menu-item.here > .menu-link .menu-icon i, .menu-show-icon-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-show-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-show-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-active-icon-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-active-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon i,
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g),
.menu-state-icon-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon i, .menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), .menu-state-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon i {
  color: var(--madar-primary-text);
}
.menu-state-icon-primary .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.menu-hover-bullet-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-hover-bullet-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-show-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-show-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-active-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bullet-primary .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet,
.menu-state-bullet-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bullet-primary .menu-item.here > .menu-link .menu-bullet .bullet, .menu-state-bullet-primary .menu-item.show > .menu-link .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
  background-color: var(--madar-primary);
}
.anchor:hover a:hover {
  color: var(--madar-primary-text);
}
.btn.btn-primary {
  border-color: var(--madar-primary);
  background-color: var(--madar-primary);
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
  border-color: var(--madar-primary-active);
  background-color: var(--madar-primary-active) !important;
}
.btn.btn-light-primary {
  color: var(--madar-primary-text);
  border-color: var(--madar-primary-light);
  background-color: var(--madar-primary-light);
}
.btn.btn-light-primary i {
  color: var(--madar-primary-text);
}
.btn.btn-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn.btn-light-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
  border-color: var(--madar-primary);
  background-color: var(--madar-primary) !important;
}
.btn.btn-bg-primary {
  border-color: var(--madar-primary);
  background-color: var(--madar-primary);
}
.btn-check:checked + .btn.btn-active-primary, .btn-check:active + .btn.btn-active-primary, .btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary:active:not(.btn-active), .btn.btn-active-primary.active, .btn.btn-active-primary.show, .show > .btn.btn-active-primary {
  border-color: var(--madar-primary);
  background-color: var(--madar-primary) !important;
}
.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
  color: var(--madar-primary-text);
  border-color: var(--madar-primary-light);
  background-color: var(--madar-primary-light) !important;
}
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary i, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show i, .show > .btn.btn-active-light-primary i {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-light-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-light-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-light-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-light-primary.dropdown-toggle:after, .btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-light-primary.active.dropdown-toggle:after, .btn.btn-active-light-primary.show.dropdown-toggle:after, .show > .btn.btn-active-light-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
  border-color: var(--madar-primary) !important;
}
.btn.btn-color-primary {
  color: var(--madar-primary-text);
}
.btn.btn-color-primary i {
  color: var(--madar-primary-text);
}
.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn.btn-color-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-color-primary, .btn-check:active + .btn.btn-active-color-primary, .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .show > .btn.btn-active-color-primary {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-color-primary i, .btn-check:active + .btn.btn-active-color-primary i, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) i, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.show i, .show > .btn.btn-active-color-primary i {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-color-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-primary.dropdown-toggle:after, .btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-primary.active.dropdown-toggle:after, .btn.btn-active-color-primary.show.dropdown-toggle:after, .show > .btn.btn-active-color-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn.btn-icon-primary i {
  color: var(--madar-primary-text);
}
.btn.btn-icon-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn.btn-icon-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-icon-primary i, .btn-check:active + .btn.btn-active-icon-primary i, .btn.btn-active-icon-primary:focus:not(.btn-active) i, .btn.btn-active-icon-primary:hover:not(.btn-active) i, .btn.btn-active-icon-primary:active:not(.btn-active) i, .btn.btn-active-icon-primary.active i, .btn.btn-active-icon-primary.show i, .show > .btn.btn-active-icon-primary i {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-icon-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-icon-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-icon-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-icon-primary .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn-check:active + .btn.btn-active-icon-primary.dropdown-toggle:after, .btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-icon-primary.active.dropdown-toggle:after, .btn.btn-active-icon-primary.show.dropdown-toggle:after, .show > .btn.btn-active-icon-primary.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.btn.btn-text-primary {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-active-text-primary, .btn-check:active + .btn.btn-active-text-primary, .btn.btn-active-text-primary:focus:not(.btn-active), .btn.btn-active-text-primary:hover:not(.btn-active), .btn.btn-active-text-primary:active:not(.btn-active), .btn.btn-active-text-primary.active, .btn.btn-active-text-primary.show, .show > .btn.btn-active-text-primary {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed, .btn-check:active + .btn.btn-outline.btn-outline-dashed, .btn.btn-outline.btn-outline-dashed:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .btn.btn-outline.btn-outline-dashed:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed.active, .btn.btn-outline.btn-outline-dashed.show, .show > .btn.btn-outline.btn-outline-dashed {
  border-color: var(--madar-primary);
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active), .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed.btn-outline-default.active, .btn.btn-outline.btn-outline-dashed.btn-outline-default.show, .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default {
  color: var(--madar-primary-text);
  border-color: var(--madar-primary);
  background-color: var(--madar-primary-light) !important;
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default i, .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default i, .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) i, .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) i, .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) i, .btn.btn-outline.btn-outline-dashed.btn-outline-default.active i, .btn.btn-outline.btn-outline-dashed.btn-outline-default.show i, .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default i {
  color: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after, .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after, .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active).dropdown-toggle:after, .btn.btn-outline.btn-outline-dashed.btn-outline-default.active.dropdown-toggle:after, .btn.btn-outline.btn-outline-dashed.btn-outline-default.show.dropdown-toggle:after, .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default.dropdown-toggle:after {
  color: var(--madar-primary-text);
}
.form-check.form-check-solid .form-check-input:checked {
  background-color: var(--madar-primary);
}
.popover .popover-dismiss:hover i {
  color: var(--madar-primary-text);
}
.accordion.accordion-icon-toggle .accordion-icon i {
  color: var(--madar-primary-text);
}
.accordion.accordion-icon-toggle .accordion-icon .svg-icon svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.pulse.pulse-primary .pulse-ring {
  border-color: var(--madar-primary);
}
.scrolltop {
  background-color: var(--madar-primary);
}
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
  fill: var(--madar-primary-text);
}
.badge-primary {
  background-color: var(--madar-primary);
}
.badge-light-primary {
  color: var(--madar-primary-text);
  background-color: var(--madar-primary-light);
}
.stepper.stepper-pills .stepper-item .stepper-icon {
  background-color: var(--madar-primary-light);
}
.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
  color: var(--madar-primary-text) !important;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon {
  background-color: var(--madar-primary);
}
.stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-check {
  color: var(--madar-primary-text);
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon, .stepper.stepper-pills .stepper-item.completed .stepper-icon {
  background-color: var(--madar-primary-light);
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
  color: var(--madar-primary-text) !important;
}
.ribbon .ribbon-label {
  background-color: var(--madar-primary);
}
.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
  color: var(--madar-primary-text);
}
.stepper.stepper-links .stepper-nav .stepper-item.current:after {
  background-color: var(--madar-primary);
}
[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
  color: var(--madar-primary-text);
}
@media (max-width: 991.98px) {
  .landing-header .menu .menu-link.active {
    color: var(--madar-primary-text);
  }
}
.highlight .highlight-copy:focus, .highlight .highlight-copy:hover {
  color: var(--madar-primary-text);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: var(--madar-primary);
}
.daterangepicker .ranges li:hover {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.daterangepicker .ranges li.active {
  background-color: var(--madar-primary);
}
.daterangepicker .drp-calendar th.available:hover,
.daterangepicker .drp-calendar td.available:hover {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.daterangepicker .drp-calendar th.next.available:hover span, .daterangepicker .drp-calendar th.prev.available:hover span {
  border-color: var(--madar-primary);
}
.daterangepicker .drp-calendar td.active {
  background-color: var(--madar-primary) !important;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
  background: var(--madar-primary-light) !important;
  color: var(--madar-primary-text) !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.daterangepicker .drp-calendar td:hover {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--madar-primary);
}
.tagify__dropdown .tagify__dropdown__item:hover, .tagify__dropdown .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item:hover, .tagify__dropdown.tagify__inline__suggestions .tagify__dropdown__item.tagify__dropdown__item--active {
  background-color: var(--madar-primary-light);
  color: var(--madar-primary-text);
}
.ck-content.ck-focused {
  border-color: var(--madar-primary) !important;
}
.ck-body .ck-balloon-panel .ck-content.ck-focused {
  border-color: var(--madar-primary) !important;
}
.dropzone {
  border: 1px dashed var(--madar-primary);
  background-color: var(--madar-primary-light);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename:hover {
  color: var(--madar-primary-text);
}
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i,
.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover i {
  color: var(--madar-primary-text);
}
.noUi-target .noUi-connect {
  background: var(--madar-primary);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-stroke, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill,
.ql-toolbar.ql-snow .ql-picker.ql-active .ql-stroke, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill,
.ql-toolbar.ql-snow .ql-picker:focus .ql-stroke, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow .ql-picker:hover .ql-stroke,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-stroke,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-stroke,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-stroke,
.ql-toolbar.ql-snow button:hover .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-stroke {
  stroke: var(--madar-primary-text);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-fill, .ql-toolbar.ql-snow .ql-picker.ql-active .ql-fill, .ql-toolbar.ql-snow .ql-picker:focus .ql-fill, .ql-toolbar.ql-snow .ql-picker:hover .ql-fill,
.ql-toolbar.ql-snow button.ql-expanded .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button:focus .ql-fill,
.ql-toolbar.ql-snow button:hover .ql-fill {
  fill: var(--madar-primary-text);
}
.ql-snow .ql-picker .ql-picker-label.ql-active, .ql-snow .ql-picker .ql-picker-label:hover {
  color: var(--madar-primary-text);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--madar-primary-text);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-label:hover {
  color: var(--madar-primary-text);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-selected, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item.ql-active, .ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: var(--madar-primary-text);
}
.ql-snow .ql-tooltip .ql-action:hover {
  color: var(--madar-primary-text);
}
.swal2-icon.swal2-question {
  border-color: var(--madar-primary);
  color: var(--madar-primary-text);
}
.apexcharts-bar-hover-primary .apexcharts-bar-area:hover {
  fill: var(--madar-primary-text) !important;
}
.tns .tns-controls button {
  background-color: var(--madar-primary);
}
.tns .tns-controls button:hover {
  background-color: var(--madar-primary-active);
}
.tns .tns-nav button.tns-nav-active {
  background-color: var(--madar-primary);
}
.fc .fc-daygrid-dot-event:hover, .fc .fc-daygrid-dot-event.fc-event-mirror {
  color: var(--madar-primary-text);
}
.fc .fc-popover .fc-popover-header .fc-popover-close:hover {
  color: var(--madar-primary-text);
}
.kanban-container .kanban-board .kanban-board-header.primary {
  background-color: var(--madar-primary);
}
.kanban-container .kanban-board .kanban-board-header.light-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.kanban-container .kanban-board .kanban-board-header.light-primary .kanban-title-board {
  color: var(--madar-primary-text);
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=primary] {
  background-color: var(--madar-primary);
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=light-primary] {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--madar-primary-text);
}
.vakata-context .vakata-context-hover > a,
.vakata-context li a:hover,
.vakata-context ul .vakata-context-hover > a,
.vakata-context ul li a:hover {
  color: var(--madar-primary-text);
}
/* ---- generated: light-only ---- */
html:not([data-bs-theme="dark"]) .form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
html:not([data-bs-theme="dark"]) .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
/* ---- generated: dark-only ---- */
html[data-bs-theme="dark"] .form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #1E1E2D, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
html[data-bs-theme="dark"] .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #1E1E2D, 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
html[data-bs-theme="dark"] .notice.border-primary {
  border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
html[data-bs-theme="dark"] .fc {
  --fc-today-bg-color: var(--madar-primary-light);
}