body.skin-light   {
	/*--primary--*/
  --primary: #d00000;  
  --primary-border: #bd0000;
  --primary-hover: #820000;  
  --primary-border-hover: #670000;
  --primary-shadow: rgba(205, 55, 55, 0.35);

	/*--secondary--*/
  --secondary: #6c757d;  
  --secondary-border: #6c757d;
  --secondary-hover: #394550;  
  --secondary-border-hover: #394550;
  --secondary-shadow: rgba(108, 117, 125, 0.5);

	/*--gray scale--*/
  --gray98: #f9fafa;  
  --gray95: #eff1f2; 
  --gray93: #e9ebed;  
  --gray90: #e4e7e9;  
  --gray88: #d5dbe0;  
  --gray85: #d0d5d9; 
  --gray83: #c7cdd2;  
  --gray80: #b8bfc6;  
  --gray75: #abb3bb;
  --gray70: #9ea8b1;     
  --gray65: #8e99a4; 
  --gray60: #7f8c98;  
  --gray55: #72808e;
  --gray50: #687581;    
  --gray45: #5b6671;  
  --gray30: #454d55;  
  --gray20: #2e3439;  
  --gray10: #181b1d;  
  --black: #000000;  
  --white: #ffffff; 
  
	/*--tree colors, custom table--*/
  --tree-bg: #fefaf1;  
  --tree-first-level: #fff7e3; 
  --tree-second-level: #fef1d0; 

	/*--other colors--*/
  --success: #82c78b; 
  --success-hover: #47A124;    
  --danger: #f66e6e;
  --danger-hover: #e44040;   
  --warning: #f6a14e; 
  --warning-hover: #B46110;    
  --info: #a2d1da; 
  --info-hover: #659ea9;   

	/*--table--*/
  --table-border: #dee2e6;
  --table-tr-hover: #fefaf1;
  
	/*--input--*/
  --input-border: #ced4da;
}

body.skin-dark   {
	/*--primary--*/
  --primary: #d00000;  
  --primary-border: #bd0000;
  --primary-hover: #820000;  
  --primary-border-hover: #670000;
  --primary-shadow: rgba(205, 55, 55, 0.35);

	/*--secondary--*/
  --secondary: #6c757d;  
  --secondary-border: #6c757d;
  --secondary-hover: #394550;  
  --secondary-border-hover: #394550;
  --secondary-shadow: rgba(108, 117, 125, 0.5);

	/*--gray scale--*/
  --gray98: #f9fafa;  
  --gray95: #eff1f2; 
  --gray93: #e9ebed;  
  --gray90: #e4e7e9;  
  --gray88: #f9fafa;  
  --gray85: #d0d5d9; 
  --gray83: #c7cdd2;  
  --gray80: #b8bfc6;  
  --gray75: #abb3bb;
  --gray70: #9ea8b1;     
  --gray65: #8e99a4; 
  --gray60: #7f8c98;  
  --gray55: #72808e;
  --gray50: #687581;    
  --gray45: #5b6671;  
  --gray30: #454d55;  
  --gray20: #2e3439;  
  --gray10: #181b1d;  
  --black: #000000;  
  --white: #ffffff; 
  
	/*--tree colors, custom table--*/
  --tree-bg: #fefaf1;  
  --tree-first-level: #fff7e3; 
  --tree-second-level: #fef1d0; 

	/*--other colors--*/
  --success: #82c78b; 
  --success-hover: #47A124;    
  --danger: #f66e6e;
  --danger-hover: #e44040;   
  --warning: #f6a14e; 
  --warning-hover: #B46110;    
  --info: #a2d1da; 
  --info-hover: #659ea9;   

	/*--table--*/
  --table-border: #dee2e6;
  --table-tr-hover: #fefaf1;
  
	/*--input--*/
  
}