:root {

	--color1:#000000;
	--color2:#FFFFFF;
	--color3:#666666;
	--color4:#CCCCCC;
	--color5:#999999;

	--primary-color:var(--color5);
	--secondary-color:var(--color2);
	--highlight-bg-color:var(--color3);
	--highlight-color:var(--color3);

	--main-font:'Titillium Web', Helvetica, Arial, sans-serif;
	--secondary-font:var(--main-font);

	--body-bg:none;
	--body-bg-color:#F2F2F2;

	--main-wrapper-bg:none;
	--main-wrapper-bg-color:transparent;

	--icon-font:"Font Awesome 7 Pro";

	--header-bg-color:#F2F2F2;
	--header-color:var(--main-text-color);
	--header-content-bg:transparent;
	--header-content-bg-color:transparent;
	--header-border-color:#FFFFFF;
	--header-border-width:1px;
	--header-shadow:none;
	--header-height:100px;
	--header-content-height:var(--header-height);
	--header-content-bg-color:transparent;

	--main-logo-url:url(../img/logos/main_logo.png);
	--main-logo-img-height:var(--header-height);
	--main-logo-img-width:auto;
	--main-logo-img-size:var(--main-logo-img-width) var(--main-logo-img-height);
	--main-logo-xpos:15px;
	--main-logo-ypos:center;
	--main-logo-offset:0px;
	--main-logo-width:calc(var(--main-logo-img-width) + var(--main-logo-xpos) + var(--main-logo-offset));
	--main-logo-bg-width:var(--main-logo-img-width);
	--main-logo-position:var(--main-logo-xpos) var(--main-logo-ypos);


/*-------------------------------------------------------------------------------------*/


	--generic-border:var(--color4);

	--main-font-weight:400;
	--main-font-weight-bold:600;
	--main-text-color:#666666;
	--main-line-height:1.5;
	--main-font-size:16px;
	--main-font-letter-spacing:0px;

	--nav-color:#FFFFFF;
	--nav-bg-color:var(--primary-color);
	--nav-border-color:var(--nav-bg-color);

	--nav-hover-color:var(--primary-color);
	--nav-hover-bg-color:var(--nav-color);
	--nav-hover-border-color:var(--nav-hover-color);

	--button-color:var(--nav-color);
	--button-border-color:var(--nav-border-color);
	--button-border-width:1px;
	--button-bg-color:var(--nav-bg-color);
	--button-icon-color:var(--nav-color);
	--button-font-size:var(--main-font-size);
	--button-font-weight:400;
	--button-radius:5px;
	--button-height-standard:26px;
	--small-button-radius:3px;

	--button-hover-color:var(--nav-hover-color);
	--button-hover-icon-color:var(--nav-hover-color);
	--button-hover-border:var(--nav-hover-border-color);
	--button-hover-bg-color:var(--nav-hover-bg-color);

	--menu-border:var(--nav-border-color);
	--menu-bg-color:var(--nav-border-color);

	--menu-item-color:var(--nav-color);
	--menu-item-bg-color:var(--nav-bg-color);
	--menu-item-border:var(--nav-border-color);

	--menu-item-hover-bg-color:var(--nav-hover-bg-color);
	--menu-item-hover-color:var(--nav-hover-color);
	--menu-item-hover-border:var(--nav-hover-border-color);

	--menu-item-hover-icon-color:var(--menu-item-hover-color);
	--submenu-item-hover-icon-color:var(--menu-item-hover-icon-color);

	--menu-icon-color:var(--main-text-color);
	--menu-icon-border:var(--generic-border);
	--menu-icon-bg-color:#FFFFFF;

	--tab-border:var(--generic-border);
	--tab-bg-color:var(--nav-bg-color);
	--tab-color:var(--nav-color);
	--tab-hover-border:var(--generic-border);
	--tab-hover-bg-color:var(--nav-hover-bg-color);
	--tab-hover-color:var(--nav-hover-color);

	--tab-current-border:var(--generic-border);
	--tab-current-bg-color:var(--frame-bg-color);
	--tab-current-color:var(--main-text-color);
	--tab-current-hover-border:var(--generic-border);
	--tab-current-hover-bg-color:var(--frame-bg-color);
	--tab-current-hover-color:var(--main-text-color);

	--tiny-icon-color:var(--primary-color);
	--tiny-icon-border:var(--primary-color);
	--cancel-icon-color:var(--primary-color);

	--main-heading-color:var(--main-text-color);
	--main-heading-height:40px;
	--main-heading-font:var(--secondary-font);
	--main-heading-font-size:34px;
	--main-heading-letter-spacing:var(--main-font-letter-spacing);
	--main-heading-icon-color:var(--main-heading-color);


	--paginator-inactive-bg-color:#EEEEEE;
	--paginator-inactive-color:#CCCCCC;
	--paginator-inactive-border:#CCCCCC;

	--paginator-active-bg-color:var(--button-bg-color);
	--paginator-active-color:var(--button-color);
	--paginator-active-border:var(--button-bg-color);

	--paginator-hover-bg-color:var(--button-hover-bg-color);
	--paginator-hover-color:var(--button-hover-color);
	--paginator-hover-border:var(--button-hover-border);

	--paginator-current-bg-color:var(--paginator-hover-bg-color);
	--paginator-current-color:var(--paginator-hover-color);
	--paginator-current-border:var(--paginator-hover-border);

	--paginator-item-border:var(--generic-border);
	--paginator-ctrl-bg-color:var(--secondary-color);
	--paginator-ctrl-color:var(--main-text-color);

	--paginator-control-bg-color:var(--text-input-bg-color);
	--paginator-control-color:var(--main-text-color);
	--paginator-control-border: 1px solid var(--generic-border);
	--paginator-clear-color:var(--main-text-color);
	--paginator-search-color:var(--main-text-color);
	--bill-search-color:#CCCCCC;

	--frame-radius:5px;
	--frame-bg-color:rgba(255,255,255,0.9);
	--frame-border-color:var(--generic-border);
	--frame-bg-solid:#FFFFFF;
	--frame-bg-darker:#FAFAFA;

	--verify-frame-bg-color:#FFEEEE;
	--verify-frame-border:#FF2222;







	--main-content-bg-color:#F2F2F2;
	--main-content-bg:linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(230,230,230,.8) 100%);



	--page-content-bg-color:rgba(255,255,255,1);

	--footer-bg-color:var(--header-bg-color);
	--footer-content-bg-color:transparent;
	--footer-color:var(--secondary-color);
	--footer-height:50px;
	--footer-border-width:1px;
	--footer-border-color:#EBEBEB;

	--table-border:1px dotted var(--generic-border);

	--select-row-border:var(--generic-border);
	--select-row-bg-color:var(--frame-bg-darker);

	--active-toggle-border:var(--generic-border);
	--active-toggle-on:green;
	--active-toggle-off:red;


	--error-color:#880000;

	--summary-color:var(--main-text-color);
	--summary-bg-color:#EEEEEE;
	--summary-border:var(--generic-border);

	--summary-highlight-border:var(--primary-color);
	--summary-highlight-bg-color:var(--highlight-color);
	--summary-highlight-color:#FFFFFF;

	--gutter-size: 2.5px; /* half of intended size */




	--input-bg-color:#FFFFFF;
	--input-border-color:var(--generic-border);
	--input-border-size:1px;
	--input-border:var(--input-border-size) solid var(--input-border-color);
	--input-color:#666666;
	--input-border-highlight: #FFFFFF;
	--input-highlight-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
	--input-border-radius:3px;

	--grid-bg-color:#EEEEEE;
	--grid-cell-outline:#DDDDDD;
	--grid-cell-bg-color:#FFFFFF;

	--note-bg-color:#FFFFC6;

	--login-frame-border-radius:10px;
	--login-header-height:var(--header-height);
	--login-logo-url:var(--main-logo-url);
	--login-logo-width:var(--main-logo-width);
	--login-logo-img-width:var(--main-logo-img-width);
	--login-logo-img-height:var(--main-logo-img-height);
	--login-logo-img-size:var(--login-logo-img-width) var(--login-logo-img-height);
	--login-logo-position:center 0px;
	--login-element-height:30px;




/* Browser Overrides */


	--record-row-bg-color:rgba(255,255,255,0.6);
	--record-row-hover-bg-color:#f2f2f2;


/* Widget Stuff */

--user-menu-bg-color:#6D6D6C;
--user-menu-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.5);;
--user-menu-border-color:#FFFFFF;
--user-menu-title-color:#FFFFFF;


--light-dark-toggle-label:#999999;


/* Dark Mode */

	--menu-icon-dark-bg-color:#000000;
	--dark-primary-color:#E47A00;
	--dark-main-text-color:#EEEEEE;
	--dark-generic-border:#444444;
	--dark-frame-color:#000000;
	--dark-body-color:#141010;
	--dark-header-bg-color:#000000;
	--dark-bg-color:#000000;


}

:root.el-dark{
	--body-bg-color:var(--dark-body-color);

	--main-text-color:var(--dark-main-text-color);

	--main-logo-url:url("../img/logos/main_logo_dark.png");

	--generic-border:var(--dark-generic-border);
	--primary-color:var(--dark-primary-color);

	--nav-hover-border-color:var(--nav-hover-bg-color);
	--nav-border-color:var(--generic-border);


	--main-content-bg-color:#171B25;
	--main-content-bg:linear-gradient(to bottom, rgba(33,37,47,1) 0%,rgba(23,27,37,1) 100%);

	--header-bg-color:#21252F;
	--header-border-color:#000000;

	--page-content-bg-color:#3C4047;

	--footer-border-color:#000000;

	--frame-bg-color:rgba(0,0,0,0.7);

	--frame-bg-solid:#000000;
	--frame-bg-darker:#222222;

	--menu-icon-bg-color:var(--menu-icon-dark-bg-color);

	--summary-bg-color:#060606;

	--grid-bg-color:#222222;
	--grid-cell-outline:#444444;
	--grid-cell-bg-color:#000000;

	--note-bg-color:#494946;
	--error-color:#FF0000;

	--light-dark-toggle-border:#6A6B83;
	--light-dark-toggle-hightlight-dusk:#6A6B83;

}

:root.full-screen{
	--max-width: 100%
}