:root {
	--bg: rgb(42,82,125);
	--header-bg: rgb(38,68,100);
	--menu-bg: rgb(38,68,100);
	--shade: rgba(180,180,180,.4);
		
	--menu-item-bg: #3b628a;
	--menu-item: white;
	--menu-item-hover-bg: #3b628a;
	--menu-item-hover: white;
	--menu-item-border: rgb(38,68,100);
	--menu-item-border-hover: #a7bcd2 ;
	
	--department-item-bg: rgb(38,68,100);
	--department-item: white;
	--department-item-hover-bg: #3b628a;
	--department-item-hover: white;
	
	--category-item-bg: rgb(38,68,100);
	--category-item: white;
	--category-item-hover-bg: #3b628a;
	--category-item-hover: white;
	
	--items-list-headers-bg: rgb(42,82,125);
	
	--stock-item: rgb(20,20,20);
	--form-button: rgb(255,255,255);
	--form-button-hover: rgb(255,255,255);
	--form-button-bg: rgb(0,155,230);
	--form-button-hover-bg: rgb(0,135,210);
	--form-title-bg:#3b628a;
	--form-title:white;
	--form-bg: white;
	
		
	--1: rgb(10,10,10);
	--2: rgb(42,82,125); 
	--3: rgb(46,91,139);
	--4: rgb(116,150,189);
	--5: rgb(198,212,228);
	--6: rgb(216,226,237);
	--7: rgb(225,236,245);
	--8: rgb(243,245,246);
	--9: rgb(255,255,255);
	
	--bg-row-hilight: rgb(230,230,245);
	--bg-1: rgb(38,68,100);
	--bg-2: rgb(42,82,125); 
	--bg-3: rgb(46,91,139);
	--bg-4: rgb(116,150,189);
	--bg-5: rgb(198,212,228);
	--bg-6: rgb(216,226,237);
	--bg-7: rgb(225,236,245);
	--bg-8: rgb(243,245,246);
	--bg-9: rgb(255,255,255);	
	
	--border-1: rgb(38,68,100);
	--border-2: rgb(42,82,125); 
	--border-3: rgb(46,91,139);
	--border-4: rgb(110,130,165);
	--border-5: rgb(198,212,228);
	--border-6: rgb(216,226,237);
	--border-7: rgb(225,225,225);
	--border-8: rgb(243,243,243);
	--border-9: rgb(255,255,255);
}