:root {
	--primary-bg: rgb(33, 34, 36);
	--primary-bg-r: 33;
	--primary-bg-g: 34;
	--primary-bg-b: 36;
	--primary-bg-th: var(--white);

	--secondary-bg: rgb(33, 34, 36);
	--secondary-bg-r: 33;
	--secondary-bg-g: 34;
	--secondary-bg-b: 36;
	--secondary-bg-th: var(--white);

	--primary-text: rgb(255, 255, 255);
	--primary-text-r: 255;
	--primary-text-g: 255;
	--primary-text-b: 255;
	--primary-text-th: var(--black);

	--secondary-text: rgb(173, 174, 176);
	--secondary-text-r: 173;
	--secondary-text-g: 174;
	--secondary-text-b: 176;
	--secondary-text-th: var(--black);

	--primary: rgb(4, 169, 245);
	--primary-r: 4;
	--primary-g: 169;
	--primary-b: 245;
	--primary-th: var(--white);

	--secondary: rgb(50, 52, 55);
	--secondary-r: 50;
	--secondary-g: 52;
	--secondary-b: 55;
	--secondary-th: var(--white);

	--success: rgb(105, 188, 72);
	--success-r: 105;
	--success-g: 188;
	--success-b: 72;
	--success-th: var(--white);

	--info: rgb(86, 204, 242);
	--info-r: 86;
	--info-g: 204;
	--info-b: 242;
	--info-th: var(--black);

	--warning: rgb(255, 180, 0);
	--warning-r: 255;
	--warning-g: 180;
	--warning-b: 0;
	--warning-th: var(--black);

	--danger: rgb(239, 83, 80);
	--danger-r: 239;
	--danger-g: 83;
	--danger-b: 80;
	--danger-th: var(--white);

	--border: rgb(55, 56, 58);
	--border-r: 55;
	--border-g: 56;
	--border-b: 58;
	--border-th: var(--white);

	--shadow: rgb(0, 0, 0);
	--shadow-r: 0;
	--shadow-g: 0;
	--shadow-b: 0;
	--shadow-th: var(--white);

	--main-title: rgb(255, 255, 255);
	--main-title-r: 255;
	--main-title-g: 255;
	--main-title-b: 255;
	--main-title-th: var(--black);

	--header-bg: rgb(50, 52, 55);
	--header-bg-r: 50;
	--header-bg-g: 52;
	--header-bg-b: 55;
	--header-bg-th: var(--white);

	--header-text: rgb(255, 255, 255);
	--header-text-r: 255;
	--header-text-g: 255;
	--header-text-b: 255;
	--header-text-th: var(--black);
	--header-toggler-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

	--header-link-hover: rgb(4, 169, 245);
	--header-link-hover-r: 4;
	--header-link-hover-g: 169;
	--header-link-hover-b: 245;
	--header-link-hover-th: var(--white);

	--header-link-active: rgb(4, 169, 245);
	--header-link-active-r: 4;
	--header-link-active-g: 169;
	--header-link-active-b: 245;
	--header-link-active-th: var(--white);

	--sidebar-bg: rgb(33, 34, 36);
	--sidebar-bg-r: 33;
	--sidebar-bg-g: 34;
	--sidebar-bg-b: 36;
	--sidebar-bg-th: var(--white);

	--sidebar-text: rgb(255, 255, 255);
	--sidebar-text-r: 255;
	--sidebar-text-g: 255;
	--sidebar-text-b: 255;
	--sidebar-text-th: var(--black);

	--footer-text: rgb(255, 255, 255);
	--footer-text-r: 255;
	--footer-text-g: 255;
	--footer-text-b: 255;
	--footer-text-th: var(--black);

	--panel-bg: rgb(91, 93, 95);
	--panel-bg-r: 91;
	--panel-bg-g: 93;
	--panel-bg-b: 95;
	--panel-bg-th: var(--white);

	--panel-text: rgb(255, 255, 255);
	--panel-text-r: 255;
	--panel-text-g: 255;
	--panel-text-b: 255;
	--panel-text-th: var(--black);

	--form-bg: rgb(33, 34, 36);
	--form-bg-r: 33;
	--form-bg-g: 34;
	--form-bg-b: 36;
	--form-bg-th: var(--white);

	--form-text: rgb(255, 255, 255);
	--form-text-r: 255;
	--form-text-g: 255;
	--form-text-b: 255;
	--form-text-th: var(--black);
	--form-control-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='rgb(255, 255, 255)' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");

	--form-border: rgb(55, 56, 58);
	--form-border-r: 55;
	--form-border-g: 56;
	--form-border-b: 58;
	--form-border-th: var(--white);
	--form-control-search: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='rgb(55, 56, 58)'  d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3e%3c/svg%3e");

	--form-bg-disable: rgb(44, 45, 47);
	--form-bg-disable-r: 44;
	--form-bg-disable-g: 45;
	--form-bg-disable-b: 47;
	--form-bg-disable-th: var(--white);

	--disable-btn: rgb(122, 122, 124);
	--disable-btn-r: 122;
	--disable-btn-g: 122;
	--disable-btn-b: 124;
	--disable-btn-th: var(--white);

	--table-bg: rgb(33, 34, 36);
	--table-bg-r: 33;
	--table-bg-g: 34;
	--table-bg-b: 36;
	--table-bg-th: var(--white);

	--table-text: rgb(255, 255, 255);
	--table-text-r: 255;
	--table-text-g: 255;
	--table-text-b: 255;
	--table-text-th: var(--black);

	--table-border: rgb(55, 56, 58);
	--table-border-r: 55;
	--table-border-g: 56;
	--table-border-b: 58;
	--table-border-th: var(--white);

	--table-header-bg: rgb(33, 34, 36);
	--table-header-bg-r: 33;
	--table-header-bg-g: 34;
	--table-header-bg-b: 36;
	--table-header-bg-th: var(--white);

	--table-header-text: rgb(255, 255, 255);
	--table-header-text-r: 255;
	--table-header-text-g: 255;
	--table-header-text-b: 255;
	--table-header-text-th: var(--black);

	--table-header-top-border: rgb(33, 34, 36);
	--table-header-top-border-r: 33;
	--table-header-top-border-g: 34;
	--table-header-top-border-b: 36;
	--table-header-top-border-th: var(--white);

	--table-header-bottom-border: rgb(55, 56, 58);
	--table-header-bottom-border-r: 55;
	--table-header-bottom-border-g: 56;
	--table-header-bottom-border-b: 58;
	--table-header-bottom-border-th: var(--white);

	--table-stripe-bg: rgb(33, 34, 36);
	--table-stripe-bg-r: 33;
	--table-stripe-bg-g: 34;
	--table-stripe-bg-b: 36;
	--table-stripe-bg-th: var(--white);

	--table-hover-bg: rgb(3, 118, 172);
	--table-hover-bg-r: 3;
	--table-hover-bg-g: 118;
	--table-hover-bg-b: 172;
	--table-hover-bg-th: var(--white);

	--table-active-bg: rgb(3, 110, 159);
	--table-active-bg-r: 3;
	--table-active-bg-g: 110;
	--table-active-bg-b: 159;
	--table-active-bg-th: var(--white);

	--blue: rgb(0, 127, 245);
	--blue-r: 0;
	--blue-g: 127;
	--blue-b: 245;
	--blue-th: var(--white);

	--indigo: rgb(102, 16, 242);
	--indigo-r: 102;
	--indigo-g: 16;
	--indigo-b: 242;
	--indigo-th: var(--white);

	--purple: rgb(111, 66, 193);
	--purple-r: 111;
	--purple-g: 66;
	--purple-b: 193;
	--purple-th: var(--white);

	--pink: rgb(232, 62, 140);
	--pink-r: 232;
	--pink-g: 62;
	--pink-b: 140;
	--pink-th: var(--white);

	--red: rgb(239, 83, 80);
	--red-r: 239;
	--red-g: 83;
	--red-b: 80;
	--red-th: var(--white);

	--orange: rgb(255, 115, 24);
	--orange-r: 255;
	--orange-g: 115;
	--orange-b: 24;
	--orange-th: var(--white);

	--yellow: rgb(255, 180, 0);
	--yellow-r: 255;
	--yellow-g: 180;
	--yellow-b: 0;
	--yellow-th: var(--black);

	--green: rgb(105, 188, 72);
	--green-r: 105;
	--green-g: 188;
	--green-b: 72;
	--green-th: var(--white);

	--teal: rgb(147, 196, 125);
	--teal-r: 147;
	--teal-g: 196;
	--teal-b: 125;
	--teal-th: var(--black);

	--cyan: rgb(86, 204, 242);
	--cyan-r: 86;
	--cyan-g: 204;
	--cyan-b: 242;
	--cyan-th: var(--black);

	--gray: rgb(161, 168, 175);
	--gray-r: 161;
	--gray-g: 168;
	--gray-b: 175;
	--gray-th: var(--black);

	--tab-bg: rgb(32, 41, 46);
	--tab-bg-r: 32;
	--tab-bg-g: 41;
	--tab-bg-b: 46;
	--tab-bg-th: var(--white);

	--form-check-border: rgb(105, 106, 107);
	--form-check-border-r: 105;
	--form-check-border-g: 106;
	--form-check-border-b: 107;
	--form-check-border-th: var(--white);

	 --welcome-img: url("/Api/Themes/2/Image/02b6f21e-98ae-451d-a47c-a454409b7897");

	 --login-img: url("/Api/Themes/2/Image/02b6f21e-98ae-451d-a47c-a454409b7897");
	--bodyClass:theme-dark;
}