:root {
  --mk-text-color: var(--mk-black-color);
  --mk-focus-border-color: var(--mk-primary-color);
  --mk-border-color: var(--mk-base-200);
  /******************* MK Custom Colors************************/
  --mk-text: #eae9fc;
  --mk-background: #010104;
  --mk-black-color: #2a2a2a;
  --mk-primary-color: var(--mk-primary);
  --mk-secondary-color: var(--mk-secondary);
  --mk-tertiary-color: var(--mk-accent);
  --mk-base-800: #1e1e1e;
  --mk-base-200: #8f9399;
  /* Couleurs primaires - Bleu */
  --mk-primary: #2a4e8f;
  --mk-primary-light: #3a60a6;
  --mk-primary-lighter: #4b72bd;
  --mk-primary-dark: #1a3c78;
  --mk-primary-darker: #0c2a61;
  /* Couleurs secondaires - Vert émeraude */
  --mk-secondary: #259472;
  --mk-secondary-light: #30ab89;
  --mk-secondary-lighter: #3cc2a0;
  --mk-secondary-dark: #1a7d5a;
  --mk-secondary-darker: #146548;
  /* Couleurs tertiaires - Ambre doré */
  --mk-accent: #e29f3c;
  --mk-accent-light: #eab254;
  --mk-accent-lighter: #f2c56c;
  --mk-accent-dark: #d68c23;
  --mk-accent-darker: #b8771d;
  /* Couleurs de scrollbar - Mode sombre */
  --mk-scrollbar-track: #1e1e1e;
  --mk-scrollbar-thumb: #e0e0e0;
  --mk-scrollbar-thumb-hover: #ffffff;
  --mk-scrollbar-thumb-active: #ffffff;
}


/*Radzen Dark Theme CSS override  */
.rz-layout.rz-material-dark {
	--rz-grid-filter-background-color: #cccccc;
	--rz-grid-header-color: white;
	--rz-grid-header-background-color: #1b1d20 !important;
	--rz-text-color: white;
	--rzborder-radius: 12px;
	--rzpadding: 25px;
	--rzborder: 1px solid #e0e0e0;
	--rzoverflow: hidden;
	--rzanimation: fadeIn 0.5s ease-in-out;
	--rzfont-family: 'Poppins', sans-serif;
}
.rz-dialog {
	--rz-border-radius: 12px;
	--rz-padding: 25px;
	--rz-border: 1px solid #e0e0e0;
	--rz-overflow: hidden;
	--rz-animation: fadeIn 0.5s ease-in-out;
	--rz-font-family: 'Poppins', sans-serif;
	
	
	
}

/*
   -Override Bootstrap CSS variables
  */

/*
  -Don't forgot to add !important at end otherwise it won't work
  */


body .text-black {
	color: var(--mk-black-color) !important;
}

body .text-primary {
	color: var(--mk-primary-color) !important;
}

body .text-secondary {
	color: var(--mk-secondary-color) !important;
}

body .text-tertiary {
	color: var(--mk-tertiary-color) !important;
}

.text-sm {
	font-size: 0.65rem !important;
}

.btn-primary {
	background: var(--mk-primary-color);
}

.rz-material-dark .mk-form-field-content input {
	caret-color: white !important;
}

.rz-material-dark .mk-form-field-content .form-control {
	background: var(--mk-base-800);
	color: white !important;
	border: 2px solid var(--mk-border-color) !important;
}


.rz-material-dark .form-control:focus, .form-control:active, .form-control.active:focus {
	outline: none;
	box-shadow: none !important;
	border: 2px solid var(--mk-focus-border-color) !important;
}

.rz-material-dark {
  --rz-panel-menu-item-color: var(--rz-text-secondary-color) !important;
  /*--rz-panel-menu-item-active-background-color*/
}