:root {
	--bg: #1212a0;
	--bg-tp: rgba(12, 12, 97, 0.8);
	--bg-runningtext: #2836b1;
	--bg-2: #0e4fb1;
	--bg-3: rgba(21, 21, 121, 0.9);
	--bg-4: #000000;
	--bg-header: rgb(12, 12, 97);
	--bg-title: #1233a0;
	--bg-content-header: #a32529;
	--bg-content: rgba(23, 66, 209, 0.8);
	--bg-light: #29529f;
	--bg-star-light: #bc64f7;
	--bg-selected: linear-gradient(
		to right,
		#ebd86f 0%,
		#fef2b8 51%,
		#e2cb5d 100%
	);
	--bg-active: #020275;
	--bg-dark: #000084cc;
	--bg-darker: rgba(2, 33, 100, 1);
	--bg-darkest: rgba(1, 22, 66, 1);
	--bg-highlight: #ffd700;
	--bg-btn: linear-gradient(to right, #224dc2 0%, #1037a1 51%, #224dc2 100%);
	--bg-active-new: #ffcd83;
	--bg-btn-active: #e92828;
	--bg-btn-star: linear-gradient(
		to right,
		#ebd86f 0%,
		#fef2b8 51%,
		#e2cb5d 100%
	);
	--bg-primary: linear-gradient(90deg, #010f2f 0%, #05205a 50%, #010f2f 100%);
	--bg-btn-action: linear-gradient(to bottom, #fefcea 0%, #ffd700 100%);
	--bg-btn-action-new: linear-gradient(to bottom, #ffef5b 0%, #eac500 100%);
	--bg-btn-action-new2: linear-gradient(to right, #ffef5b 0%, #eac500 100%);
	--bg-btn-action-new3: linear-gradient(to bottom, #ffef5b 0%, #eac500 100%);
	--bg-btn-action-1: linear-gradient(to bottom, #fff6c4 0%, #ffd700 100%);
	--bg-btn-action-2: linear-gradient(
		to bottom,
		#eacd82 0%,
		#fccd4d 60%,
		#f8b500 80%,
		#f9ce5e 100%
	);
	--bg-table: rgba(20, 40, 156, 0.8);
	--bg-table-odd: rgba(15, 32, 126, 0.8);
	--bg-table-header: rgb(14, 14, 99);
	--bg-table-header-dark: #00000040;
	--bg-success: #2b8f0d;
	--bg-danger: #9c0d0d;
	--bg-warning: #be800d;
	--bg-tipe-nodiskon: #013481;
	--bg-tipe-nodiskonnoref: #22c1a0;
	--bg-tipe-bb: #001235;
	--text: #d6d6d6;
	--text-highlight: #ffcd83;
	--text-disabled: #797979;
	--text-btn-action: #000000;
	--text-nav: #cacaca;
	--text-btn: #eeeeee;
	--text-btn-dark: #070000;
	--text-hover: #f3f3f3;
	--text-active: #ffffff;
	--text-light: #cfcfcf;
	--text-dark: #001755;
	--text-darker: rgb(1, 0, 27);
	--text-black: #000000;
	--text-muted: #9e9e9e;
	--text-placeholder: #bbbbbb;
	--text-shadow: #555555;
	--link: #ffd900;
	--link-light: #fde86e;
	--link-dark: #bea309;
	--link-hover: #295dec;
	--border-div: #000084;
	--border-div-light: #2d2dd1;
	--border-div-dark: #1313a3;
	--border-div-darker: #060664;
	--border-main: #ffcd83;
	--border-btn: #6969ff;
	--ball: #386ed3;
	--ball-hover: #245fcc;
	--text-ball: #ebebeb;
	--box-shadow: #25252562;
	--box-shadow-inset: #ffffff36;
	--input-border: #3d70de;
	/* --input-bg: #062a8f; */
	--input-bg: #000000;
	/* --input-bg-focus: #000000; */
	--input-bg-focus: #222222;
	--input-bg-readonly: #071b53;
	--input-bg-new: #09152f;
	--input-bg-light: #ffffff;
	--input-bg-bypass-new: rgba(0, 0, 0, 0.8);
	--input-text: #ffffff;
	--input-text-light: #000000;
	--color-global: #9acd32;
	--color-accent: #fce954;
	--bg-box: rgba(0, 0, 0, 0.75);
	--bg-box-2: #222222;
	--border: #ffcd83;
}