:root,
[data-theme=light],
[data-theme=dark] {
    --ecole-primary: #2524c8;
    --ecole-primary-700: #1e1da7;
    --ecole-primary-800: #171684;
    --ecole-primary-soft: rgba(37, 36, 200, 0.12);
    --ecole-primary-softer: rgba(37, 36, 200, 0.06);
    --ecole-danger: #cc0201;
    --ecole-danger-700: #a80201;
    --ecole-danger-800: #840100;
    --ecole-danger-soft: rgba(204, 2, 1, 0.12);
    --ecole-danger-softer: rgba(204, 2, 1, 0.06);
    --primary-50: #eeeeff;
    --primary-100: rgba(37, 36, 200, 0.12);
    --primary-200: #c9c9ff;
    --primary-300: #9b9af5;
    --primary-400: #6766e6;
    --primary-500: #3c3bd5;
    --primary-600: var(--ecole-primary);
    --primary-700: var(--ecole-primary-700);
    --primary-800: var(--ecole-primary-800);
    --primary-900: #10105e;
    --danger-50: #fff0f0;
    --danger-100: rgba(204, 2, 1, 0.12);
    --danger-200: #ffc9c9;
    --danger-300: #ff9695;
    --danger-400: #f45756;
    --danger-500: #df1817;
    --danger-600: var(--ecole-danger);
    --danger-700: var(--ecole-danger-700);
    --danger-800: var(--ecole-danger-800);
    --danger-900: #5f0100;
    --danger-main: var(--ecole-danger);
    --danger-hover: var(--ecole-danger-700);
    --danger-pressed: var(--ecole-danger-800);
    --danger-focus: rgba(204, 2, 1, 0.15);
    --success-50: rgba(37, 36, 200, 0.06);
    --success-100: rgba(37, 36, 200, 0.12);
    --success-200: #c9c9ff;
    --success-300: #9b9af5;
    --success-400: #6766e6;
    --success-500: #3c3bd5;
    --success-600: var(--ecole-primary);
    --success-700: var(--ecole-primary-700);
    --success-800: var(--ecole-primary-800);
    --success-900: #10105e;
    --warning-50: rgba(204, 2, 1, 0.06);
    --warning-100: rgba(204, 2, 1, 0.12);
    --warning-200: #ffc9c9;
    --warning-300: #ff9695;
    --warning-400: #f45756;
    --warning-500: #df1817;
    --warning-600: var(--ecole-danger);
    --warning-700: var(--ecole-danger-700);
    --warning-800: var(--ecole-danger-800);
    --warning-900: #5f0100;
    --info-50: rgba(37, 36, 200, 0.06);
    --info-100: rgba(37, 36, 200, 0.12);
    --info-200: #c9c9ff;
    --info-300: #9b9af5;
    --info-400: #6766e6;
    --info-500: #3c3bd5;
    --info-600: var(--ecole-primary);
    --info-700: var(--ecole-primary-700);
    --info-800: var(--ecole-primary-800);
    --info-900: #10105e;
    --cyan-50: rgba(37, 36, 200, 0.06);
    --cyan-100: rgba(37, 36, 200, 0.12);
    --cyan-200: #c9c9ff;
    --cyan-300: #9b9af5;
    --cyan-400: #6766e6;
    --cyan-500: #3c3bd5;
    --cyan-600: var(--ecole-primary);
    --cyan-700: var(--ecole-primary-700);
    --cyan-800: var(--ecole-primary-800);
    --cyan-900: #10105e;
    --blue-50: rgba(37, 36, 200, 0.06);
    --blue-100: rgba(37, 36, 200, 0.12);
    --blue-200: #c9c9ff;
    --blue-300: #9b9af5;
    --blue-400: #6766e6;
    --blue-500: #3c3bd5;
    --blue-600: var(--ecole-primary);
    --blue-700: var(--ecole-primary-700);
    --blue-800: var(--ecole-primary-800);
    --blue-900: #10105e;
    --purple-50: rgba(204, 2, 1, 0.06);
    --purple-100: rgba(204, 2, 1, 0.12);
    --purple-200: #ffc9c9;
    --purple-300: #ff9695;
    --purple-400: #f45756;
    --purple-500: #df1817;
    --purple-600: var(--ecole-danger);
    --purple-700: var(--ecole-danger-700);
    --purple-800: var(--ecole-danger-800);
    --purple-900: #5f0100;
    --success-main: var(--ecole-primary);
    --success-surface: rgba(37, 36, 200, 0.12);
    --success-border: rgba(37, 36, 200, 0.24);
    --success-hover: var(--ecole-primary-700);
    --success-pressed: var(--ecole-primary-800);
    --success-focus: rgba(37, 36, 200, 0.15);
    --warning-main: var(--ecole-danger);
    --warning-surface: rgba(204, 2, 1, 0.12);
    --warning-border: rgba(204, 2, 1, 0.24);
    --warning-hover: var(--ecole-danger-700);
    --warning-pressed: var(--ecole-danger-800);
    --warning-focus: rgba(204, 2, 1, 0.15);
    --info-main: var(--ecole-primary);
    --info-surface: rgba(37, 36, 200, 0.12);
    --info-border: rgba(37, 36, 200, 0.24);
    --info-hover: var(--ecole-primary-700);
    --info-pressed: var(--ecole-primary-800);
    --info-focus: rgba(37, 36, 200, 0.15);
    --cyan: var(--ecole-primary);
    --indigo: var(--ecole-primary);
    --purple: var(--ecole-danger);
    --red: var(--ecole-danger);
    --yellow: var(--ecole-danger);
    --orange: var(--ecole-danger);
    --pink: var(--ecole-danger);
    --brand: var(--ecole-primary);
    --button-secondary: var(--primary-50);
    --primary-light: rgba(37, 36, 200, 0.12);
    --yellow-light: rgba(204, 2, 1, 0.12);
    --purple-light: rgba(204, 2, 1, 0.12);
    --pink-light: rgba(204, 2, 1, 0.12);
    --primary-light-white: rgba(37, 36, 200, 0.25);
    --yellow-light-white: rgba(204, 2, 1, 0.25);
    --purple-light-white: rgba(204, 2, 1, 0.25);
    --pink-light-white: rgba(204, 2, 1, 0.25);
    --dt-row-selected: 37, 36, 200;
}

::selection {
    background: var(--ecole-primary);
    color: #fff;
}

.text-primary,
.text-primary-600,
.text-success-600,
.text-info-600,
.text-cyan-600,
.text-blue-600,
.text-hover-primary-600:hover,
.text-hover-success-600:hover,
.text-hover-info-600:hover,
.text-hover-cyan-600:hover,
.text-hover-blue-600:hover,
.hover-text-primary:hover,
.sidebar-menu li a:hover,
.sidebar-menu .sidebar-submenu li.active-page a {
    color: var(--ecole-primary) !important;
}

.text-danger,
.text-danger-600,
.text-warning-600,
.text-purple-600,
.text-hover-danger-600:hover,
.text-hover-warning-600:hover,
.text-hover-purple-600:hover {
    color: var(--ecole-danger) !important;
}

.bg-primary,
.bg-primary-600,
.bg-success-600,
.bg-info-600,
.bg-cyan-600,
.bg-blue-600,
.bg-hover-primary-600:hover,
.bg-hover-success-600:hover,
.bg-hover-info-600:hover,
.bg-hover-cyan-600:hover,
.bg-hover-blue-600:hover,
.sidebar-menu li.dropdown.open > a,
.sidebar-menu li.dropdown.dropdown-open > a,
.sidebar-menu li > a.active-page,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.progress-bar {
    background-color: var(--ecole-primary) !important;
}

.sidebar-menu li.dropdown.open > a,
.sidebar-menu li.dropdown.dropdown-open > a,
.sidebar-menu li > a.active-page,
.sidebar-menu li > a.active-page:hover,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.progress-bar {
    color: #fff !important;
}

.bg-primary-50,
.bg-primary-100 {
    background-color: var(--primary-100) !important;
}

.bg-danger,
.bg-danger-600,
.bg-warning-600,
.bg-purple-600,
.bg-hover-warning-600:hover,
.bg-hover-purple-600:hover {
    background-color: var(--ecole-danger) !important;
}

.bg-danger-50,
.bg-danger-100 {
    background-color: var(--danger-100) !important;
}

.border-primary,
.border-primary-600,
.page-item.active .page-link,
.form-select:focus,
.form-select:active,
.form-control:focus,
.form-control:active,
textarea:focus,
textarea:active {
    border-color: var(--ecole-primary) !important;
}

.border-danger,
.border-danger-600 {
    border-color: var(--ecole-danger) !important;
}

.btn-primary,
.btn-primary-600,
.btn-outline-primary:hover {
    background-color: var(--ecole-primary) !important;
    border-color: var(--ecole-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary-600:hover,
.btn-primary:focus,
.btn-primary-600:focus,
.btn-primary:active,
.btn-primary-600:active {
    background-color: var(--ecole-primary-700) !important;
    border-color: var(--ecole-primary-700) !important;
    color: #fff !important;
}

.btn-outline-primary {
    border-color: var(--ecole-primary) !important;
    color: var(--ecole-primary) !important;
}

.btn-danger,
.btn-danger-600,
.btn-outline-danger:hover {
    background-color: var(--ecole-danger) !important;
    border-color: var(--ecole-danger) !important;
    color: #fff !important;
}

.btn-danger:hover,
.btn-danger-600:hover,
.btn-danger:focus,
.btn-danger-600:focus,
.btn-danger:active,
.btn-danger-600:active {
    background-color: var(--ecole-danger-700) !important;
    border-color: var(--ecole-danger-700) !important;
    color: #fff !important;
}

.btn-outline-danger {
    border-color: var(--ecole-danger) !important;
    color: var(--ecole-danger) !important;
}

.badge.bg-primary-100,
.badge.bg-primary-50 {
    color: var(--ecole-primary) !important;
}

.badge.bg-danger-100,
.badge.bg-danger-50 {
    color: var(--ecole-danger) !important;
}

.sidebar-submenu::before {
    border-color: rgba(37, 36, 200, 0.22) !important;
}

.theme-customization__button {
    background-color: var(--ecole-primary) !important;
}

.dt-container .dt-paging .dt-paging-button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--ecole-primary) !important;
    border-color: var(--ecole-primary) !important;
    color: #fff !important;
}

.gradient-bg-end-1,
.gradient-bg-end-3,
.gradient-bg-end-5 {
    background: linear-gradient(119deg, #fff 32%, var(--ecole-primary-softer) 64%, var(--ecole-primary-soft) 100%) !important;
}

.gradient-bg-end-2,
.gradient-bg-end-4,
.gradient-bg-end-6 {
    background: linear-gradient(119deg, #fff 32%, var(--ecole-danger-softer) 64%, var(--ecole-danger-soft) 100%) !important;
}

.gradient-bg-end-7,
.gradient-bg-end-9,
.gradient-bg-end-11,
.gradient-bg-end-13,
.gradient-bg-end-15 {
    background: linear-gradient(270deg, rgba(37, 36, 200, 0.12) 0%, rgba(37, 36, 200, 0.02) 52%) !important;
}

.gradient-bg-end-8,
.gradient-bg-end-10,
.gradient-bg-end-12,
.gradient-bg-end-14 {
    background: linear-gradient(270deg, rgba(204, 2, 1, 0.12) 0%, rgba(204, 2, 1, 0.02) 52%) !important;
}

[data-theme=dark] .gradient-bg-end-1,
[data-theme=dark] .gradient-bg-end-3,
[data-theme=dark] .gradient-bg-end-5,
[data-theme=dark] .gradient-bg-end-7,
[data-theme=dark] .gradient-bg-end-9,
[data-theme=dark] .gradient-bg-end-11,
[data-theme=dark] .gradient-bg-end-13,
[data-theme=dark] .gradient-bg-end-15 {
    background: linear-gradient(119deg, var(--neutral-100) 32%, rgba(37, 36, 200, 0.22) 100%) !important;
}

[data-theme=dark] .gradient-bg-end-2,
[data-theme=dark] .gradient-bg-end-4,
[data-theme=dark] .gradient-bg-end-6,
[data-theme=dark] .gradient-bg-end-8,
[data-theme=dark] .gradient-bg-end-10,
[data-theme=dark] .gradient-bg-end-12,
[data-theme=dark] .gradient-bg-end-14 {
    background: linear-gradient(119deg, var(--neutral-100) 32%, rgba(204, 2, 1, 0.22) 100%) !important;
}

.dashboard-main-body .gradient-bg-end-1 .w-44-px,
.dashboard-main-body .gradient-bg-end-3 .w-44-px,
.dashboard-main-body .gradient-bg-end-5 .w-44-px {
    background-color: var(--ecole-primary) !important;
}

.dashboard-main-body .gradient-bg-end-2 .w-44-px,
.dashboard-main-body .gradient-bg-end-4 .w-44-px,
.dashboard-main-body .gradient-bg-end-6 .w-44-px {
    background-color: var(--ecole-danger) !important;
}

.dashboard-main-body .gradient-bg-end-1 .w-44-px img,
.dashboard-main-body .gradient-bg-end-2 .w-44-px img,
.dashboard-main-body .gradient-bg-end-3 .w-44-px img,
.dashboard-main-body .gradient-bg-end-4 .w-44-px img,
.dashboard-main-body .gradient-bg-end-5 .w-44-px img,
.dashboard-main-body .gradient-bg-end-6 .w-44-px img {
    filter: brightness(0) invert(1);
}

.ecole-user-overview-circle {
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(37, 36, 200, 0.16);
}

.ecole-user-overview-circle > img {
    display: none;
}

.ecole-user-overview-circle--primary {
    background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.26), transparent 34%),
        linear-gradient(145deg, #3433dd 0%, var(--ecole-primary) 58%, #15147e 100%);
}

.ecole-user-overview-circle--danger {
    background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.24), transparent 34%),
        linear-gradient(145deg, #f11b1a 0%, var(--ecole-danger) 58%, #820100 100%);
    box-shadow: 0 16px 34px rgba(204, 2, 1, 0.16);
}

.ecole-user-overview-circle--mix {
    background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.24), transparent 34%),
        linear-gradient(145deg, var(--ecole-primary) 0%, #3a2fcb 46%, var(--ecole-danger) 100%);
}

.ecole-overview-dot-primary {
    background-color: var(--ecole-primary) !important;
}

.ecole-overview-dot-danger {
    background-color: var(--ecole-danger) !important;
}

.ecole-overview-dot-mix {
    background: linear-gradient(135deg, var(--ecole-primary), var(--ecole-danger)) !important;
}

.label-success,
.badge-success,
.bg-success,
.btn-success {
    background-color: var(--ecole-primary) !important;
    border-color: var(--ecole-primary) !important;
}

.label-danger,
.badge-danger {
    background-color: var(--ecole-danger) !important;
    border-color: var(--ecole-danger) !important;
}

.text-success,
.terques,
.green,
.text-info {
    color: var(--ecole-primary) !important;
}

.text-warning,
.text-red {
    color: var(--ecole-danger) !important;
}

.panel-heading,
.profile-nav .user-heading,
.state-overview .symbol,
.state-overview .symbol.terques,
.state-overview .symbol.blue,
.state-overview .symbol.green,
.state-overview .symbol.yellow {
    background: var(--ecole-primary) !important;
    color: #fff !important;
}

.state-overview .symbol.red,
.state-overview .symbol.purple,
.state-overview .symbol.orange {
    background: var(--ecole-danger) !important;
    color: #fff !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--ecole-primary);
}