:root {
	--body-bgcolor: #bdcbd4;
	--radius: .25rem;
	--logo-color: #fff;
	--header-bgcolor: #fafbfc;
	--menu-bg1: #141e30;
	--menu-bg2: #2a3b55;
	--button-grad-bg: linear-gradient(to right, #0a4174 0%, #4e8ea2 51%, #0a4174 100%);
	--button-save-grad-bg: linear-gradient(to right, #0a4174 0%, #00b300 51%, #0a4174 100%);
	--button-del-grad-bg: linear-gradient(to right, #8c2300 0%, #cc0000 51%, #8c2300 100%);
	--button-fg: #bcd;
	--usermenu-bg-color: #f4f6f7;
	--usermenu-color: #000;
	--user-menu-bordercolor: #bbb;
	--item-user-menu-fg: #456;
	--item-user-menu-fg-hover: #000;
	--item-user-menu-bg-hover: #d4d6da;
	--transition: all 0.6s;
	--toolbar-bgcolor: #f7f7f7;
	--toolbar-color: #00468c;
	--readonly-fg: #666;
	--readonly-bg: #f5f5fa;
	--pal1: #001d39;
	--pal2: #0a4174;
	--pal3: #49769f;
	--pal4: #4e8ea2;
	--pal5: #6ea2b3;
	--pal6: #7bbde8;
	--pal7: #bdd8e9;
	--pal8: #ebf3f8;
	--cpal1: #E6732E;
	--cpal2: #D4A017;
	--cpal3: #7B3CB8;
	--cpal4: #f26a4f;
	--red: #e00;
	--black: #000;
	--white: #fff;
	--gray: #aaa;
	--gray1: #ccc;
	--green: #00a653;
	--whitesmoke: #eee;
	--grayblu: #558098;
}
.text-red {color: var(--red) !important;}
.text-green{color: var(--green) !important;}
.text-gray {color: var(--gray) !important;}
.text-gray1{color: var(--gray1) !important;}
.text-smoke{color: var(--whitesmoke) !important;}
.text-pal1 {color: var(--pal1) !important;}
.text-pal2 {color: var(--pal2) !important;}
.text-pal3 {color: var(--pal3) !important;}
.text-pal4 {color: var(--pal4) !important;}
.text-pal5 {color: var(--pal5) !important;}
.text-pal6 {color: var(--pal6) !important;}
.text-pal7 {color: var(--pal7) !important;}
.text-pal8 {color: var(--pal8) !important;}
.text-cpal1 {color: var(--cpal1) !important;}
.text-cpal2 {color: var(--cpal2) !important;}