:root {
	--logo: url("/assets/media/logo/pitel-logo.png");
	--header-bg-color: rgb(7, 118, 188);
	--header-bg-color-gradient: linear-gradient(90deg, rgba(7, 118, 188, 1) 0%, rgba(8, 131, 209, 1) 35%, rgba(0, 212, 255, 1) 100%);
	--active-link: #073cbd;
	--branch-name: "TEL4VN";

	/* Color */
	--color-primary-50: 245, 251, 255;
	--color-primary-100: 204, 232, 245;
	--color-primary-200: 191, 227, 242;
	--color-primary-300: 153, 210, 235;
	--color-primary-400: 77, 176, 219;
	--color-primary-500: 0, 142, 204;
	--color-primary-600: 0, 128, 184;
	--color-primary-700: 0, 107, 153;
	--color-primary-800: 0, 85, 122;
	--color-primary-900: 0, 70, 100;
	--color-secondary-50: 249, 249, 251;
	--color-secondary-100: 243, 246, 249;
	--color-secondary-200: 241, 245, 249;
	--color-secondary-300: 235, 239, 245;
	--color-secondary-400: 226, 232, 240;
	--color-secondary-500: 203, 209, 216;
	--color-secondary-600: 170, 174, 180;
	--color-secondary-700: 75, 85, 99;
	--color-secondary-800: 50, 50, 50;
	--color-secondary-900: 12, 12, 12;
	--color-info-50: 220, 233, 240;
	--color-info-100: 208, 226, 235;
	--color-info-200: 196, 219, 230;
	--color-info-300: 161, 197, 215;
	--color-info-400: 91, 153, 184;
	--color-info-500: 20, 109, 154;
	--color-info-600: 18, 98, 139;
	--color-info-700: 15, 82, 116;
	--color-info-800: 12, 65, 92;
	--color-info-900: 10, 53, 75;
	--color-success-50: 218, 239, 219;
	--color-success-100: 205, 233, 208;
	--color-success-200: 193, 228, 196;
	--color-success-300: 155, 211, 160;
	--color-success-400: 80, 179, 89;
	--color-success-500: 5, 146, 18;
	--color-success-600: 5, 131, 16;
	--color-success-700: 4, 110, 14;
	--color-success-800: 3, 88, 11;
	--color-success-900: 2, 72, 9;
	--color-warning-50: 255, 244, 217;
	--color-warning-100: 255, 240, 204;
	--color-warning-200: 255, 236, 191;
	--color-warning-300: 255, 225, 153;
	--color-warning-400: 255, 203, 77;
	--color-warning-500: 255, 180, 0;
	--color-warning-600: 230, 162, 0;
	--color-warning-700: 191, 135, 0;
	--color-warning-800: 153, 108, 0;
	--color-warning-900: 125, 88, 0;
	--color-danger-50: 253, 227, 225;
	--color-danger-100: 252, 218, 215;
	--color-danger-200: 251, 208, 205;
	--color-danger-300: 249, 180, 175;
	--color-danger-400: 245, 124, 116;
	--color-danger-500: 240, 68, 56;
	--color-danger-600: 216, 61, 50;
	--color-danger-700: 180, 51, 42;
	--color-danger-800: 144, 41, 34;
	--color-danger-900: 118, 33, 27;
	--color-surface-50: 251, 252, 253;
	--color-surface-100: 249, 250, 252;
	--color-surface-200: 248, 249, 251;
	--color-surface-300: 243, 246, 249;
	--color-surface-400: 235, 239, 245;
	--color-surface-500: 226, 232, 240;
	--color-surface-600: 203, 209, 216;
	--color-surface-700: 170, 174, 180;
	--color-surface-800: 136, 139, 144;
	--color-surface-900: 111, 114, 118;

	--color-primary: #8231d3;
	--color-secondary: #5840ff;
	--color-success: #01b81a;
	--color-info: #00aaff;
	--color-warning: #fa8b0c;
	--color-danger: #ff0f0f;
	--color-dark: #0a0a0a;
	--color-infos: #00e4ec;
	--color-warnings: #ffbb00;
	--color-dangers: #ff0f0f;
	--color-purple: #a722f6;
	--bg-primary: #8231d3;
	--bg-secondary: #5840ff;
	--bg-success: #01b81a;
	--bg-info: #00aaff;
	--bg-warning: #fa8b0c;
	--bg-danger: #ff0f0f;
	--bg-dark: #0a0a0a;
	--bg-primary-hover: #6726a8;
	--bg-secondary-hover: #3520c8;
	--bg-success-hover: #0d811d;
	--bg-info-hover: #0787c7;
	--bg-warning-hover: #d9790a;
	--bg-danger-hover: #cb0000;
	--bg-dark-hover: #272525;
	--bg-gray-hover: #585858;
	--color-primary-rgba: 130, 49, 211;
	--color-secondary-rgba: 88, 64, 255;
	--color-success-rgba: 1, 184, 26;
	--color-info-rgba: 0, 170, 255;
	--color-warning-rgba: 250, 139, 12;
	--color-danger-rgba: 255, 15, 15;
	--color-dark-rgba: 9, 14, 48;
	--color-primary-rgba-shadow: rgba(var(--color-primary-rgba), 0.2);
	--color-white: #fff;
	--color-light: #747474;
	--color-lighten: #a0a0a0;
	--color-lighter: #f8f9fb;
	--color-lighten-x: #5d658c;
	--footer-dark: #353b58;
	--color-deep: #eff0f3;
	--color-normal: #f8f9fb;
	--color-lighters: #f4f5f7;
	--color-lighten-rgba: 173, 181, 217;
	--color-gray: #404040;
	--color-gray-x: #5a5f7d;
	--body-color: #666d92;
	--text-color: #666d92;
	--light-gray: #8c90a4;
	--light-gray-rgba: 173, 181, 217;
	--border-color: #f1f2f6;
	--border-light: #e3e6ef;
	--border-deep: #c6d0dc;

	--bg-normal: #f8f9fb;
	--bg-lighters: #f4f5f7;
	--bg-lighter: #f4f5f7;
	--bg-deep: #eff0f3;
	--bg-gray: #525768;
	--bg-light: #747474;
	--bg-white: #ffffff;

	--color-border-color: 216, 216, 216;
	--color-border-primary: 0, 142, 204;
	--color-border-secondary: 97, 97, 97;
	--color-border-success: 5, 146, 18;
	--color-border-info: 22, 121, 171;
	--color-border-warning: 255, 199, 0;
	--color-border-danger: 240, 68, 56;
	--transition: all 0.3s ease;
	--input-bg: var(--color-white);
	--input-focus-bg: var(--color-white);
	--tooltip-bg: var(--color-white);
	--tooltip-arrow-color: var(--color-white);
	--shadow2: #9299b80d;
	--shadow3: #9299b81a;
	--shadow4: #9299b833;
	--shadow5: #9299b826;
}