:root {
	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* Theme Colors                                      */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
	--color-main           : #31334b;
	--color-light          : #c7d35b;
	--color-mlight         : #ebf96b;

	/* ========================================================================= */
	/* Do Not Change                                                             */
	/* ========================================================================= */
    --color-clear          : #ffffff;
    --color-whitegrey      : #f8f8f8;
    --color-lightgrey      : #e3e3e3;
    --color-halfgrey       : #d2d6da;
    --color-grey           : #aaaaaa;
	--color-darkgrey       : #777777;
	--color-dark           : #000000;

	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* Control Colors                                    */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
    --color-app-bg         : #ebeff2;

	--color-scroll-def     : var(--color-lightgrey);
	--color-scroll-hov     : var(--color-light);

	--color-load-bar       : var(--color-light);

	--color-main-menu-bg   : var(--color-main);
	--color-main-menu-txt  : #98a6ad;
	--color-main-menu-hov  : var(--color-light);

	--color-dt-sel         : #d6ecff;
	--color-dt-hov         : #b8deff;
	--color-dt-cardbox-brd : var(--color-whitegrey);
	--color-dt-cardbox-hdr : var(--color-main);

	--color-cardbox-brd    : var(--color-whitegrey);
	--color-cardbox-hdr    : var(--color-lightgrey);

	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* Dialog/Toolbar Buttons                            */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - */
	--color-positive       : #228B22;
    --color-alert          : #ea0000;
    --color-alert-o        : #dc143c;
    --color-btnfade        : rgba(255, 255, 255, 0.3);
}