:root {
--bg-page:#ececec;
--bg-page:#f7f9fb;
--bg-page: linear-gradient(to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,1)88%);
--bg-page:hsl(0, 0%, 98%);
--bg-page:#fefefe;
--bg-login:#fefefe;
--blue: #27ace3;
--indigo: #3F51B5;
--purple: #ae6eea;
--pink: #CB3066;
--red: #f44336;
--orange: #e97d23;
--yellow: #ffc107;
--green: #4caf50;
--teal: #20c997;
--cyan: #9c27b0;
--white: #fff;
--gray: #70657b;
--gray-dark: #52495a;
--purple: #ae6eea;
--pink: #CB3066;
--red: #f44336;
--orange: #e97d23;
--yellow: #ffc107;
--green: #4caf50;
--teal: #20c997;
--cyan: #9c27b0;
--white: #fff;
--gray: #70657b;
--gray-100: #f8f9fa;
--gray-200: #eee;
--gray-300: #dee2e6;
--gray-400: #ced4da;
--gray-500: #bbb;
--gray-600: #70657b;
--gray-700: #665c70;
--gray-800: #52495a;
--gray-900: #47404f;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: 'Tajawal';
--font: 'Tajawal',"Tahoma",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 
--font:'DIN Next LT Arabic';
--line-height: 1;
--line-height2: 1.5;
--rg-primary:	0,168,236;
--rg-secondary:	34,34,34;
--rg-success:	0,158,226;
--rg-info:		0,158,226;
--rg-warning:	207,115,48;
--rg-danger:	207,115,48;
--rg-dark:		37,37,37;
--primary: 		rgb(var(--rg-primary));
--secondary:	rgb(var(--rg-secondary));  
--success: 		rgb(var(--rg-success));  
--info: 		rgb(var(--rg-info));
--warning: 		rgb(var(--rg-warning));
--danger:  		rgb(var(--rg-danger));
--dark: 		rgb(var(--rg-dark));
--light: 		rgba(var(--rg-secondary),0.55);
--muted: 		rgba(var(--rg-secondary),0.75);
--muted2: 		#b5b5b5;
--muted3: 		#a5a5a5;
--border:		#e3e0f1;
--shadow:rgba(34,34,34,0.3);
--hover:		#e8faff;
--bg-light:		rgba(245,246,250,0.86);
--bg-light:		rgb(240,248,255);
--bd-radius: 17px;
--sm-radius: 6px;
--header:56px;
--logo-width:220px;
--gd-primary:	linear-gradient(rgba(	var(--rg-primary),	0.6),rgba(	var(--rg-primary)	,1));
--gd-secondary:	linear-gradient(rgba(	var(--rg-secondary),0.6),rgba(	var(--rg-secondary)	,1));
--gd-success:	linear-gradient(rgba(	var(--rg-success),	0.6),rgba(	var(--rg-success)	,1));
--gd-info:		linear-gradient(rgba(	var(--rg-info),		0.6),rgba(	var(--rg-info)		,1));
--gd-warning:	linear-gradient(rgba(	var(--rg-warning),	0.6),rgba(	var(--rg-warning)	,1));
--gd-danger:	linear-gradient(rgba(	var(--rg-danger),	0.6),rgba(	var(--rg-danger)	,1));
--wdjet-timer:300ms;
--wdjet-trans:0px, 120px;
}