:root {
  --GlobalLinkColor: #e61607;
  --GlobalLinkHoverColor: #12c730;
  --GlobalContentColor: #1272c7;
  --GlobalTitleColor: #d20de0;
  --GlobalMenuColor: #0be0c8;
  --Title&TextHoverColor: <GlobalMainColor,TitleAndTextHoverColor>;
  --GlobalBackgroundColor: #230ee3;  

 
  --AuthenticationpageBackgroundImage: url(<AuthenticationpageBackgroundImage>);  
  --ColorAuthenticationpageBackgroundImage: <ColorAuthenticationpageBackgroundImage>;  
  --TransAuthenticationpageBackgroundImage: 1; 

  --BodyBackgroundimageColor: url(<BodyBackgroundImage/Color>);  
  --ColorBodyBackgroundimageColor: <ColorBodyBackgroundImage/Color>;
  --TransBodyBackgroundimageColor: 1;

  --HomePageBackgroundImageColor: url(<HomePageBackgroundImage/Color>);  
  --ColorHomePageBackgroundImageColor: <ColorHomePageBackgroundImage/Color>;

  --RegisterPageBackgroundimage: url(<RegisterPageBackgroundImage>); 
				
  --ColorRegisterPageBackgroundimage: <ColorRegisterPageBackgroundImage>;

  --ScheduleBackgroundimage: url(<ScheduleBackgroundImage>);  
  --ColorScheduleBackgroundimage: <ColorScheduleBackgroundImage>;

  --DashboardPageBackgroundimage: url(<DashboardPageBackgroundImage>);  
  --ColorDashboardPageBackgroundimage: <ColorDashboardPageBackgroundImage>;

  --shoppingCartpageBackgroundimage: url(<Shopping/CartpageBackgroundImage>);  
  --ColorshoppingCartpageBackgroundimage: <ColorShopping/CartpageBackgroundImage>;

   --GlobalHeadingTypographyFontFamilyName: Arial;
   --GlobalHeadingTypographyBackUpFontFamily: Arial;
   --GlobalHeadingTypographyFontWeight: 3;
   --GlobalHeadingTypographyFontSize: 30px;
   
   --GlobalMenuTypographyFontFamilyName: ;
   --GlobalMenuTypographyBackUpFontFamily: ;
   --GlobalMenuTypographyFontWeight: ;
   --GlobalMenuTypographyFontSize: px;   
   
   --GlobalBodyTypographyFontFamilyName: Arial;
   --GlobalBodyTypographyBackUpFontFamily: Arial;
   --GlobalBodyTypographyFontWeight: 1;
   --GlobalBodyTypographyFontSize: 30px;
   
   --GlobalButtonTypographyFontFamilyName: Arial;
   --GlobalButtonTypographyBackUpFontFamily: Arial;
   --GlobalButtonTypographyFontWeight: 1;
   --GlobalButtonTypographyFontSize: 20px;

}


a {
	color: var(--GlobalLinkColor) !important;
}
a:hover {
	color: var(--GlobalLinkHoverColor) !important;
}
.k-menu .k-menu-item,.GlobalLinkColor  {
	color: var(--GlobalLinkColor) !important;
}
.k-menu .k-menu-item:hover,.GlobalLinkColor:hover {
	color: var(--GlobalLinkHoverColor) !important;
}
.k-window-title:hover,.TitleTextHoverColor:hover {
	color: var(--Title&TextHoverColor) !important;
}
.GlobalContentColor {
	color: var(--GlobalContentColor) !important;
}
h1,h2,h3,.login__header,.k-window-title,account__header,.GlobalTitleColor {
	color: var(--GlobalTitleColor) !important;
}
.header__menu: hover,.GlobalMenuColor {
	color: var(--GlobalMenuColor) !important;
}
button, .GlobalBackgroundColor {
	background: var(--GlobalBackgroundColor) !important;
}

.AuthenticationpageBackgroundImage {
	 background-image: var(--AuthenticationpageBackgroundImage) !important;
	 background-color: var(--ColorAuthenticationpageBackgroundImage);
}
.BodyBackgroundimage{
	 background-image: var(--BodyBackgroundimageColor) !important;
	 background-color: var(--ColorBodyBackgroundimageColor);
}

.HomePageBackgroundImage{
	 background-image: var(--HomePageBackgroundImageColor) !important;
	 background-color: var(--ColorHomePageBackgroundImagecolor);
}

.RegisterPageBackgroundimage{
	background-image: var(--RegisterPageBackgroundimage) !important;
	background-color: var(--ColorRegisterPageBackgroundimage);
}

.ScheduleBackgroundimage{
	background-image: var(--ScheduleBackgroundimage) !important;
	background-color: var(--ColorScheduleBackgroundimage);
}

.DashboardPageBackgroundimage{
	background-image: var(--DashboardPageBackgroundimage) !important;
	background-color: var(--ColorDashboardPageBackgroundimage);
}
.CartpageBackgroundimage{
	background-image: var(--shoppingCartpageBackgroundimage) !important;
	background-color: var(--ColorshoppingCartpageBackgroundimage);
}

h1,h2,h3,.k-window-title,.GlobalHeadingTypography {
	    font-family: var(--GlobalHeadingTypographyFontFamilyName), var(--GlobalHeadingTypographyBackUpFontFamily) !important;
		font-size: var(--GlobalHeadingTypographyFontSize) !important;
		font-weight :var(--GlobalHeadingTypographyFontWeight) !important;
}

.k-menu .k-menu-item,.GlobalMenuTypography {
	    font-family: var(--GlobalMenuTypographyFontFamilyName), var(--GlobalMenuTypographyBackUpFontFamily) !important;
		font-size: var(--GlobalMenuTypographyFontSize) !important;
		font-weight :var(--GlobalMenuTypographyFontWeight) !important;
}

.GlobalBodyTypography {
	    font-family: var(--GlobalBodyTypographyFontFamilyName), var(--GlobalBodyTypographyBackUpFontFamily) !important;
		
		font-weight :var(--GlobalBodyTypographyFontWeight) !important;
}

button, .GlobalButtonTypography {
	    font-family: var(--GlobalButtonTypographyFontFamilyName), var(--GlobalButtonTypographyBackUpFontFamily) !important;
		font-size: var(--GlobalButtonTypographyFontSize) !important;
		font-weight :var(--GlobalButtonTypographyFontWeight) !important;
}