﻿/*Declare all colors here*/
/*alpha, beta, gamma, delta, epsilon, zeta, eta, theta, iota, kappa, lambda, mu, nu, xi, omicron, pi, rho, sigma, tau, upsilon, phi, chi, psi, omega */
:root {
	/* Black */
	--color-alpha: #000000;
	/* White */
	--color-beta: #ffffff;
	--color-beta-1: rgba(0, 0, 0, 0.05);
	/* Shades of gray */
	--color-gamma: #383838;
	--color-gamma-1: #585858;
	--color-gamma-2: #606060;
	--color-gamma-3: #808080;
	--color-gamma-4: #909090;
	--color-gamma-5: #b8b8b8;
	--color-gamma-6: #D2D5D9;
	--color-gamma-7: #c0c0c0;
	--color-gamma-8: #d0d0d0;
	--color-gamma-9: #e0e0e0;
	--color-gamma-10: #e8e8e8;
	--color-gamma-11: #f0f0f0;
	--color-gamma-12: #f8f8f8;
	/* Shades of blue */
	--color-kappa: #38434d;
	--color-omega12: #464a4f;
	--color-omicron: #052964;
	--color-gammazzz: #016991;
	--color-psi: #0192ca;
	--color-psi-2: #277fa1;
	--color-omega15: #1e90ff;
	--color-omega5: #40b0f0;
	--color-omega17: #094161;
	--color-phi: #84bce0;
	--color-phi-2: #67a5bd;
	--color-omega13: #A2CDDD;
	--color-omega14: #d0e5f0;
	--color-omega20: #a2cddd;
	--color-omega16: #d1d6e4;
	--color-omega1: #e8e8ed;
	--color-omega: #f2f7fb;
	/* Shades of red */
	--color-epsilon: #B71437;
	/* Shades of green */
	--color-zeta: #196F01;
	--color-zeta-2: #27ae60;
	/* Shades of orange */
	--color-omega8: #674617;
	--color-omega18: #ea8a2e;
	--color-omega9: #f1b071;
	--color-omega19: #f9f0e5;
	--color-lambda: #ecd5b5;
	/* Shades of yellow */
	--color-eta-1: #f2c94c;
}

:root {
	--entity-card-color-1: var(--color-omega17);
	--entity-card-color-2: var(--color-alpha);
	--entity-card-color-3: var(--color-gamma-2);
	--entity-card-color-4: var(--color-gammazzz);
	--entity-card-background-color-1: var(--color-omega14);
	--entity-card-background-color-2: var(--color-beta);
	--entity-card-background-color-3: var(--color-beta);
	--entity-card-border-color-1: var(--color-gamma-8);
	/*-----------------------------------------------------------------------------*/
	--entity-card-change-color-1: var(--color-alpha);
	--entity-card-change-color-2: var(--color-gamma-8);
	--entity-card-change-color-3: var(--color-beta);
	--entity-card-change-color-4: var(--color-zeta);
	--entity-card-change-color-5: var(--color-gamma);
	--entity-card-change-color-6: var(--color-gammazzz);
	--entity-card-change-color-7: var(--color-epsilon);
	--entity-card-change-color-8: var(--color-omega17);
	--entity-card-change-background-color-1: var(--color-beta);
	--entity-card-change-background-color-2: var(--color-gammazzz);
	--entity-card-change-background-color-3: var(--color-omega14);
	--entity-card-change-background-color-4: var(--color-phi);
	--entity-card-change-background-color-5: var(--color-gamma-12);
	--entity-card-change-border-color-1: var(--color-gamma-4);
	--entity-card-change-border-color-2: var(--color-gamma-8);
	--entity-card-change-border-color-3: var(--color-gamma-7);
	/*-----------------------------------------------------------------------------*/
	--entity-card-related-color-1: var(--color-gamma-11);
	--entity-card-related-color-2: var(--color-gamma);
	--entity-card-related-color-3: var(--color-rho);
	--entity-card-related-background-color-1: var(--color-beta);
	--entity-card-related-background-color-2: var(--color-gamma-12);
	--entity-card-related-border-color-1: var(--color-gamma-11);
}

:root {
	--content-background-color: var(--color-omega);
	--content-container-background-color: var(--color-beta);
}

:root {
	--data-table-color: var(--color-gamma-1);
	--data-table-background-color: var(--color-gamma-10);
	--data-table-background-color2: var(--color-omega);
	--data-table-th-background-color: var(--color-omega14);
	--data-table-th-blank-background-color: var(--color-gamma-10);
	--data-table-td-background-color: var(--color-beta);
	--data-table-td-border-bottom-color: var(--color-gamma-10);
}

:root {
	--button-secondary-color-1: var(--color-gammazzz);
	--button-secondary-color-2: var(--color-gamma-4);
	--button-secondary-background-color-inactive: var(--color-beta);
	--button-secondary-background-color-active: var(--color-omega14);
	--button-secondary-border-color-inactive: var(--color-gamma-8);
	--button-secondary-border-color-active: var(--color-gamma-8);
}

:root {
	--navigation-menu-background-dark: var(--color-gammazzz);
	--navigation-menu-background-medium: var(--color-psi-2);
	--navigation-menu-background-light: var(--color-phi-2);
	--navigation-menu-color-dark: var(--color-phi-2);
	--navigation-menu-color-medium: var(--color-omega);
	--navigation-menu-color-light: var(--color-gamma-11);
}

:root {
	--navigation-tab-color-1: var(--color-beta);
	--navigation-tab-color-2: var(--color-gammazzz);
	--navigation-tab-background-color-1: var(--color-beta);
	--navigation-tab-background-color-2: var(--color-gammazzz);
	--navigation-tab-border-color-1: var(--color-beta);
	--navigation-tab-border-color-2: var(--color-gammazzz);
}

:root {
	--cashflow-navigation-header-navigation-panel-color-light: var(--color-gamma-10);
	--cashflow-navigation-header-navigation-buttons-background-color: var(--color-beta);
	--cashflow-navigation-header-navigation-buttons-color-light: var(--color-beta);
	--cashflow-navigation-header-navigation-buttons-color-dark: var(--color-omega18);
	--cashflow-navigation-header-navigation-button-checkmark-color-light: var(--color-beta);
	--cashflow-navigation-header-navigation-button-checkmark-background-color-light: var(--color-omega19);
	--cashflow-navigation-header-navigation-button-checkmark-background-color-meduim: var(--color-lambda);
	--cashflow-navigation-header-navigation-button-checkmark-background-color-dark: var(--color-omega9);
	--cashflow-navigation-header-active-background-color-dark: var(--color-omega18);
	--cashflow-navigation-header-active-background-color-light: var(--color-beta);
	--cashflow-navigation-header-active-color-light: var(--color-beta);
	--cashflow-navigation-header-active-color-dark: var(--color-omega18);
	--cashflow-navigation-header-inactive-color: var(--color-alpha);
}

:root {
	--work-portal-container-color-1: var(--color-gamma-3);
	--work-portal-container-color-2: var(--color-beta);
	--work-portal-container-border-color-1: var(--color-gamma-12);
	--work-portal-container-border-color-2: var(--color-gammazzz);
	--work-portal-container-background-color-1: var(--color-gamma-12);
	--work-portal-container-background-color-2: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--work-portal-filter-color-1: var(--color-beta);
	--work-portal-filter-color-2: var(--color-gamma);
	--work-portal-filter-color-3: var(--color-gammazzz);
	--work-portal-filter-color-4: var(--color-gamma-8);
	--work-portal-filter-color-5: var(--color-gamma-4);
	--work-portal-filter-color-6: var(--color-gamma-5);
	--work-portal-filter-background-color-1: var(--color-beta);
	--work-portal-filter-background-color-2: var(--color-gammazzz);
	--work-portal-filter-background-color-3: var(--color-omega);
	--work-portal-filter-border-color-1: var(--color-gamma);
	--work-portal-filter-border-color-2: var(--color-gammazzz);
	--work-portal-filter-border-color-3: var(--color-gamma-9);
	--work-portal-filter-border-color-4: var(--color-gamma-12);
	--work-portal-filter-border-color-5: var(--color-omega);
	/*-----------------------------------------------------------------------------*/
	--work-portal-filter-explanation-color-1: var(--color-beta);
	--work-portal-filter-explanation-color-2: var(--color-gamma-5);
	--work-portal-filter-explanation-color-3: var(--color-omega20);
	--work-portal-filter-explanation-background-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--work-portal-table-color-1: var(--color-gamma);
	--work-portal-table-color-2: var(--color-gamma-8);
	--work-portal-table-color-3: var(--color-epsilon);
	--work-portal-table-color-4: var(--color-zeta-2);
	--work-portal-table-background-color-1: var(--color-beta);
	--work-portal-table-border-color-1: var(--color-gamma-8);
	--work-portal-table-border-color-2: var(--color-gamma-12);
	/*-----------------------------------------------------------------------------*/
	--work-portal-card-color-1: var(--color-beta);
	--work-portal-card-color-2: var(--color-gamma-8);
	--work-portal-card-color-3: var(--color-alpha);
	--work-portal-card-background-color-1: var(--color-beta);
	--work-portal-card-background-color-2: var(--color-omega5);
	--work-portal-card-background-color-3: var(--color-omega18);
	--work-portal-card-background-color-4: var(--color-zeta-2);
	--work-portal-card-background-color-5: var(--color-eta-1);
	--work-portal-card-border-color-1: var(--color-gamma-8);
	/*-----------------------------------------------------------------------------*/
	--work-portal-list-actions-color-1: var(--color-beta);
	--work-portal-list-actions-color-2: var(--color-omega1);
	--work-portal-list-actions-color-3: var(--color-kappa);
	--work-portal-list-actions-border-color-1: var(--color-omega16);
	--work-portal-list-actions-background-color-1: var(--color-beta);
	--work-portal-list-actions-background-color-2: var(--color-gammazzz);
	--work-portal-list-actions-background-color-3: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--work-portal-item-actions-color-1: var(--color-alpha);
	--work-portal-item-actions-color-2: var(--color-gamma-8);
	--work-portal-item-actions-color-3: var(--color-omega1);
	--work-portal-item-actions-border-color-1: var(--color-gamma-9);
	--work-portal-item-actions-background-color-1: var(--color-beta);
	--work-portal-item-actions-background-color-2: var(--color-gamma-8);
}

:root {
	--button-with-options-color-1: var(--color-gammazzz);
	--button-with-options-color-2: var(--color-gamma-8);
	--button-with-options-background-color-1: var(--color-beta);
	--button-with-options-background-color-2: var(--color-omega14);
	--button-with-options-background-color-3: var(--color-psi);
	--button-with-options-border-color-1: var(--color-gamma-4);
}

:root {
	--data-block-header-color: var(--color-gammazzz);
}

:root {
	--integration-quickly-sign-log-entity-select-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-filter-color-1: var(--color-beta);
	--integration-quickly-sign-log-filter-color-2: var(--color-gamma);
	--integration-quickly-sign-log-filter-color-3: var(--color-gamma-3);
	--integration-quickly-sign-log-filter-color-4: var(--color-gamma-8);
	--integration-quickly-sign-log-filter-color-5: var(--color-gamma-5);
	--integration-quickly-sign-log-filter-border-color-1: var(--color-omega);
	--integration-quickly-sign-log-filter-border-color-2: var(--color-gammazzz);
	--integration-quickly-sign-log-filter-border-color-3: var(--color-gamma-9);
	--integration-quickly-sign-log-filter-border-color-4: var(--color-gamma-12);
	--integration-quickly-sign-log-filter-background-color-1: var(--color-omega);
	--integration-quickly-sign-log-filter-background-color-2: var(--color-gammazzz);
	--integration-quickly-sign-log-filter-background-color-3: var(--color-gamma-12);
	--integration-quickly-sign-log-filter-background-color-4: var(--color-beta);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-filter-explanation-color-1: var(--color-beta);
	--integration-quickly-sign-log-filter-explanation-color-2: var(--color-gamma-5);
	--integration-quickly-sign-log-filter-explanation-background-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-table-color-1: var(--color-gammazzz);
	--integration-quickly-sign-log-table-color-2: var(--color-gamma-8);
	--integration-quickly-sign-log-table-color-3: var(--color-gamma);
	--integration-quickly-sign-log-table-color-4: var(--color-gamma-6);
	--integration-quickly-sign-log-table-background-color-1: var(--color-beta);
	--integration-quickly-sign-log-table-border-color-1: var(--color-omicron);
	--integration-quickly-sign-log-table-border-color-2: var(--color-gamma-12);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-actions-color-1: var(--color-gamma-8);
	--integration-quickly-sign-log-actions-color-2: var(--color-gamma-6);
	--integration-quickly-sign-log-actions-color-3: var(--color-alpha);
	--integration-quickly-sign-log-actions-background-color-1: var(--color-beta);
	--integration-quickly-sign-log-actions-border-color-1: var(--color-gamma-8);
	/*-----------------------------------------------------------------------------*/
}

:root {
	--integration-quickly-sign-log-entity-select-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-filter-color-1: var(--color-beta);
	--integration-quickly-sign-log-filter-color-2: var(--color-gamma);
	--integration-quickly-sign-log-filter-color-3: var(--color-gamma-3);
	--integration-quickly-sign-log-filter-color-4: var(--color-gamma-8);
	--integration-quickly-sign-log-filter-color-5: var(--color-gamma-5);
	--integration-quickly-sign-log-filter-border-color-1: var(--color-omega);
	--integration-quickly-sign-log-filter-border-color-2: var(--color-gammazzz);
	--integration-quickly-sign-log-filter-border-color-3: var(--color-gamma-9);
	--integration-quickly-sign-log-filter-border-color-4: var(--color-gamma-12);
	--integration-quickly-sign-log-filter-background-color-1: var(--color-omega);
	--integration-quickly-sign-log-filter-background-color-2: var(--color-gammazzz);
	--integration-quickly-sign-log-filter-background-color-3: var(--color-gamma-12);
	--integration-quickly-sign-log-filter-background-color-4: var(--color-beta);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-filter-explanation-color-1: var(--color-beta);
	--integration-quickly-sign-log-filter-explanation-color-2: var(--color-gamma-5);
	--integration-quickly-sign-log-filter-explanation-color-3: var(--color-omega13);
	--integration-quickly-sign-log-filter-explanation-background-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-table-color-1: var(--color-gammazzz);
	--integration-quickly-sign-log-table-color-2: var(--color-gamma-8);
	--integration-quickly-sign-log-table-color-3: var(--color-gamma);
	--integration-quickly-sign-log-table-color-4: var(--color-gamma-6);
	--integration-quickly-sign-log-table-background-color-1: var(--color-beta);
	--integration-quickly-sign-log-table-border-color-1: var(--color-omicron);
	--integration-quickly-sign-log-table-border-color-2: var(--color-gamma-12);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-log-card-color-1: var(--color-gamma-8);
	--integration-quickly-sign-log-card-color-2: var(--color-gamma-6);
	--integration-quickly-sign-log-card-color-3: var(--color-alpha);
	--integration-quickly-sign-log-card-background-color-1: var(--color-beta);
	--integration-quickly-sign-log-card-border-color-1: var(--color-gamma-9);
	/*-----------------------------------------------------------------------------*/
}

:root {
	--integration-quickly-sign-practice-log-filter-color-1: var(--color-beta);
	--integration-quickly-sign-practice-log-filter-color-2: var(--color-gamma);
	--integration-quickly-sign-practice-log-filter-color-3: var(--color-gamma-3);
	--integration-quickly-sign-practice-log-filter-color-4: var(--color-gamma-8);
	--integration-quickly-sign-practice-log-filter-color-5: var(--color-gamma-5);
	--integration-quickly-sign-practice-log-filter-border-color-1: var(--color-omega);
	--integration-quickly-sign-practice-log-filter-border-color-2: var(--color-gammazzz);
	--integration-quickly-sign-practice-log-filter-border-color-3: var(--color-gamma-9);
	--integration-quickly-sign-practice-log-filter-border-color-4: var(--color-gamma-12);
	--integration-quickly-sign-practice-log-filter-background-color-1: var(--color-omega);
	--integration-quickly-sign-practice-log-filter-background-color-2: var(--color-gammazzz);
	--integration-quickly-sign-practice-log-filter-background-color-3: var(--color-gamma-12);
	--integration-quickly-sign-practice-log-filter-background-color-4: var(--color-beta);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-practice-log-filter-explanation-color-1: var(--color-beta);
	--integration-quickly-sign-practice-log-filter-explanation-color-2: var(--color-gamma-5);
	--integration-quickly-sign-practice-log-filter-explanation-color-3: var(--color-omega13);
	--integration-quickly-sign-practice-log-filter-explanation-background-color-1: var(--color-gammazzz);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-practice-log-table-color-1: var(--color-gammazzz);
	--integration-quickly-sign-practice-log-table-color-2: var(--color-gamma-6);
	--integration-quickly-sign-practice-log-table-color-3: var(--color-gamma);
	--integration-quickly-sign-practice-log-table-color-4: var(--color-beta-1);
	--integration-quickly-sign-practice-log-table-background-color-1: var(--color-beta);
	--integration-quickly-sign-practice-log-table-border-color-1: var(--color-gamma-6);
	--integration-quickly-sign-practice-log-table-border-color-2: var(--color-omega);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-practice-log-actions-color-1: var(--color-gamma-8);
	--integration-quickly-sign-practice-log-actions-color-2: var(--color-gamma-6);
	--integration-quickly-sign-practice-log-actions-color-3: var(--color-alpha);
	--integration-quickly-sign-practice-log-actions-background-color-1: var(--color-beta);
	--integration-quickly-sign-practice-log-actions-border-color-1: var(--color-gamma-9);
	/*-----------------------------------------------------------------------------*/
}

:root {
	--integration-quickly-sign-submit-document-container-color-1: var(--color-gamma-8);
	--integration-quickly-sign-submit-document-container-background-color-1: var(--color-beta);
	--integration-quickly-sign-submit-document-container-border-color-1: var(--color-psi);
	--integration-quickly-sign-submit-document-container-border-color-2: var(--color-gamma-9);
	/*-----------------------------------------------------------------------------*/
	--integration-quickly-sign-submit-document-table-color-1: var(--color-gammazzz);
}

:root {
	--modal-dialog-translucent-background-color-1: var(--color-beta);
}

:root {
	--horizontal-switch-with-options-color-1: var(--color-psi-2);
	--horizontal-switch-with-options-color-2: var(--color-gamma-4);
	--horizontal-switch-with-options-color-3: var(--color-gamma-4);
	--horizontal-switch-with-options-background-color-1: var(--color-beta);
	--horizontal-switch-with-options-background-color-2: var(--color-omega);
	--horizontal-switch-with-options-background-color-3: var(--color-gamma-12);
	--horizontal-switch-with-options-border-color-1: transparent;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local(''), url('../fonts/Roboto/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/Roboto/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body {
	color: var(--color-alpha);
	background-color: var(--color-beta);
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
	font-weight: normal;
	font-size: 14px;
	text-transform: none;
}

pre {
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
}

.systemLogo {
	display: inline-block;
}

.customerLogo {
	display: inline-block;
}

.poweredByEliteWealth {
	display: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid var(--color-gammazzz);
	margin: 1em 0;
	padding: 0;
}

	hr.colorMediumGrey {
		border-top: 1px solid var(--color-gamma-4);
	}

	hr.colorLightGrey {
		border-top: 1px solid var(--color-gamma-10);
	}

a,
a:active,
a:visited,
a:hover {
	color: var(--color-gammazzz);
}

	a,
	a:active,
	a:visited {
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline;
		}

.modulesList {
	padding: 0;
	margin-left: 70px;
}

	.modulesList li {
		list-style-type: none;
	}

		.modulesList li input[type="button"] {
			font-size: 12pt;
			text-align: left;
			background-color: var(--color-beta);
			color: var(--color-gammazzz);
			padding: 5px;
			margin: 0px 10px;
			border: none;
			min-width: 0px;
			text-transform: none;
		}

			.modulesList li input[type="button"]:hover {
				background-color: var(--color-gammazzz);
				color: var(--color-beta);
			}

.ModuleQuickLinks {
	min-width: 960px; /*This prevents the menu from wrapping vertically, which destroys the layout*/
}

	/*This is hack to hide Microsoft "Skip Navigation Links" image that destroys the layout */
	.ModuleQuickLinks > div > a {
		display: none !important;
	}

	.ModuleQuickLinks div ul {
		margin: 0px;
		padding: 0px;
	}

		/*This is hack to prevent menu from rendering itself briefly in vertical layout before switching to the horisontal one */
		.ModuleQuickLinks div ul li {
			position: relative;
			float: left;
			list-style: none;
		}

			.ModuleQuickLinks div ul li a {
				padding: 5px;
				text-transform: uppercase;
			}

	.ModuleQuickLinks a,
	.ModuleQuickLinks a:active,
	.ModuleQuickLinks a:visited,
	.ModuleQuickLinks a:hover {
		text-decoration: none;
	}

		.ModuleQuickLinks a:hover {
			background-color: var(--color-gammazzz);
			color: var(--color-beta);
		}

.ModuleSelected a {
	background-color: var(--color-gammazzz);
	color: var(--color-beta);
}

.MenuRow {
	background-color: var(--color-gammazzz);
}

.MenuRowLiner {
	background-color: var(--color-lambda);
}

.MenuRow a,
.MenuRow a:active,
.MenuRow a:visited,
.MenuRow a:hover {
	text-decoration: none;
	color: var(--color-beta);
}

/* This is hack to hide Microsoft "Skip Navigation Links" image that destroys the layout */
.MenuRow > td > a {
	display: none !important;
}

/* Style HR used in Microsoft menu separately */
.MenuRow a > hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid var(--color-beta);
	margin: 1em 0;
	padding: 0;
}

.MenuDisabled {
	color: var(--color-gamma-5);
}

.menuList {
	padding: 0px;
	margin: 0px;
}

	.menuList li {
		display: inline;
		list-style-type: none;
		padding-right: 10px;
	}

		.menuList li a,
		.menuList li a:active,
		.menuList li a:visited,
		.menuList li a:hover {
			text-decoration: none;
			color: var(--color-beta);
			padding: 0px 5px;
		}

			.menuList li a:hover {
				background-color: var(--color-gammazzz);
			}

.padding-y-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-y-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

table {
	text-align: left;
}

.Table100Percent {
	border: none 0px;
	width: 100%;
}

.TablePageContent {
	border: none 0px;
	width: 98%;
	min-width: 400px;
	margin: auto auto auto auto;
}

/*
.TablePageContent tr td
{
	white-space:nowrap;
}
*/

.tableCellPaddingTop5px td {
	padding-top: 5px;
}

.tableCellPaddingRight5px td {
	padding-right: 5px;
}

.gridViewTableBorderBottom {
	border-bottom: solid 1px var(--color-gamma-7);
}

.gridViewColumnHighlighted {
	border-left: solid 2px;
	border-right: solid 2px;
}

.gridViewColumnRightBorder {
	border-right: solid 2px var(--color-gamma-7);
}

.gridViewColumnLeftBorder {
	border-left: solid 2px var(--color-gamma-7);
}

.gridViewColumnRightBorderThin {
	border-right-color: var(--color-gamma-7);
}

.gridViewVisibleEmptyDataRow {
	height: 30px;
}

.PageHeaderRow {
	margin-bottom: 3px;
	padding: 5px 0px 5px 5px;
	white-space: nowrap;
	text-align: left;
}

.PageSubHeaderRow {
	margin-bottom: 3px;
	padding: 5px 0px 5px 5px;
	white-space: nowrap;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}

.HelpText {
	color: var(--color-gamma-4);
	font-weight: normal;
	font-size: 9pt;
	font-style: italic;
}

.tableWithRoundCorners {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

.tableWithRoundCornersContent {
	padding: 10px 6px 10px 6px;
}

.tableWithRoundCornersButtons {
	text-align: left;
	padding-bottom: 3px;
}

.tableLeftTopCorner {
	width: 4px;
	text-align: left;
	vertical-align: top;
}

.tableLeftBottomCorner {
	width: 4px;
	text-align: left;
	vertical-align: bottom;
}

.tableRightTopCorner {
	width: 4px;
	text-align: right;
	vertical-align: top;
}

.tableRightBottomCorner {
	width: 4px;
	text-align: right;
	vertical-align: bottom;
}

.EliteWealthLogoBottom {
	padding-bottom: 5px;
}

.EliteWealthLogoTop {
	padding-top: 5px;
}

.ClickableImage {
	cursor: pointer;
}

a.Toggle,
a.Toggle:hover {
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}

a.Toggle {
	color: var(--color-beta);
	background-color: var(--color-gammazzz);
}

	a.Toggle:hover {
		color: var(--color-alpha);
		background-color: var(--color-gamma-10);
	}

a.Chevron,
a.Chevron:hover {
	padding: 10px 7px 7px 0px;
	text-decoration: none;
}

	a.Chevron:hover {
		background-color: var(--color-gamma-10);
	}

	a.Chevron img {
		position: relative;
		top: -3px;
		margin-right: 5px;
	}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
	cursor: default;
}

.FrontPageRowSpacer {
	font-size: 1px;
	height: 1px;
}

.LabelColumn {
	text-align: right;
	font-weight: bold;
}

.ControlColumn {
	padding-left: 5px;
}

.SpacingColumn {
	width: 30px;
}

.SpacingRow {
	height: 5px;
}

.textRightAligned {
	text-align: right;
}

.textLeftAligned {
	text-align: left;
}

.textCenterAligned {
	text-align: center !important;
}

.IE8MenuFix {
	z-index: 1000;
}

.cursorHelp {
	cursor: help;
}

.cursorPointer {
	cursor: pointer;
}

.centered {
	margin-left: auto !important;
	margin-right: auto !important;
}

.MenuDIV {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1001;
}

.MainDIV {
	position: absolute;
	overflow: scroll;
	left: 0px;
	top: 116px;
	right: 0px;
	bottom: 0px;
	text-align: center;
}

.MainDivWithoutMenu {
	position: absolute;
	overflow: scroll;
	left: 0px;
	top: 90px;
	right: 0px;
	bottom: 0px;
	text-align: center;
}

.MainDivMaster {
	position: absolute;
	overflow: scroll;
	left: 0px;
	top: 97px;
	right: 0px;
	bottom: 0px;
	text-align: center;
}

.TopMenuDivWithLeftMenu {
	position: fixed;
	left: 64px;
	top: 0px;
	right: 0px;
	z-index: 1001;
}

.MainDivWithLeftMenu {
	position: absolute;
	overflow: scroll;
	left: 64px;
	top: 136px;
	right: 0px;
	bottom: 0px;
	text-align: center;
}

.horizontallyCenteredContainer {
	margin-left: auto;
	margin-right: auto;
}

/***Tabs layout start***/
.tabContent {
	display: inline-block;
	border: 1px solid var(--color-gammazzz);
	padding: 5px 10px;
	text-align: left;
	min-width: 960px;
}

ul.tabContainer {
	list-style-type: none;
	margin: 0px;
	border: 1px;
	padding: 0px;
}

	ul.tabContainer li {
		display: inline;
	}

		ul.tabContainer li a {
			display: inline-block;
			border: 1px solid var(--color-gammazzz);
			border-radius: 5px 5px 0px 0px;
			border-bottom: none;
			margin: 0px 5px;
			padding: 5px 5px 0px 5px;
			text-decoration: none;
		}

			ul.tabContainer li a:hover {
				color: var(--color-beta);
				background-color: var(--color-gammazzz);
			}

			ul.tabContainer li a.selected {
				color: var(--color-beta);
				background-color: var(--color-gammazzz);
				font-weight: bold;
				padding-top: 15px;
			}
/***Tabs layout end***/

.fontSize8ptNotBold {
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

.fontSize10pt {
	font-size: 10pt;
}

.fontSize12pt {
	font-size: 12pt;
}

.fontSize14pt {
	font-size: 14pt;
}

.bold {
	font-weight: bold;
}

.text-decoration-line-through {
	text-decoration: line-through !important;
}


.whiteSpaceNowrap {
	white-space: nowrap
}

.borderSolid1px {
	border: solid 1px;
}

.borderBottomSolid1px {
	border-bottom: solid 1px;
}

.tabHeader {
	font-size: 10pt;
	font-weight: normal;
}

.textBoxPercentage {
	color: var(--color-gamma);
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
	font-size: 8pt;
	text-align: right;
	width: 50px;
}

.textBoxAmount {
	color: var(--color-gamma);
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
	font-size: 8pt;
	text-align: right;
	width: 80px;
}

.textDecorationUnderline {
	text-decoration: underline;
}

.textDecorationLineThrough {
	text-decoration: line-through;
}

.textTransformUpper {
	text-transform: uppercase;
}

.autocompleteList {
	visibility: hidden;
	background-color: var(--color-beta);
	margin: 0px;
	padding: 0px 5px 0px 5px;
	list-style-type: none;
	border: solid 1px;
	height: 200px;
	overflow: auto;
	width: auto !important;
}

.autocompleteListItem,
.autocompleteListItemActive {
	padding: 3px 0px 3px 0px;
}

.autocompleteListItemActive {
	background-color: Highlight;
}

.modalpopupBackground {
	background-color: Gray;
	opacity: 0.5;
}

.margin3px0px0px0px {
	margin: 3px 0px 0px 0px;
}

.marginTop5px {
	margin-top: 5px;
}

/*jQuery UI autocomplete*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height     * we use height instead, but this forces the menu to always be this tall     */
* html .ui-autocomplete {
	height: 200px;
}

.messageContainer {
	display: table;
	padding: 5px;
	max-width: 1024px;
	margin: auto;
}

.confirmationText {
	color: var(--color-zeta);
	letter-spacing: 0.05em;
}

.errorBorder {
	border: none !important;
	outline: 2px solid var(--color-epsilon) !important;
}

.errorText {
	color: var(--color-epsilon);
	letter-spacing: 0.05em;
}

.colorEliteWealth {
	color: var(--color-gammazzz);
}

.colorRed {
	color: var(--color-epsilon);
}

.colorDarkGrey {
	color: var(--color-gamma);
}

.colorMediumGrey {
	color: var(--color-gamma-4);
}

.colorLightGrey {
	color: var(--color-gamma-10);
}

.colorNormal {
	color: var(--color-gamma-2);
}

.colorGreen {
	color: var(--color-zeta);
}

.colorBlue {
	color: var(--color-omicron);
}

.backgroundColorLightGrey {
	background-color: var(--color-gamma-12);
}

.backgroundColorWhite {
	background-color: var(--color-beta);
}

.padding5px {
	padding: 5px;
}

.layoutTable {
	border-spacing: 0px;
	border-collapse: collapse;
}

	.layoutTable > tbody > tr > td {
		padding: 1px 5px;
		white-space: nowrap;
	}

.dataTable {
	border-spacing: 0px;
	border-collapse: collapse;
}

	.dataTable > tbody > tr {
		vertical-align: middle;
	}

		.dataTable > tbody > tr > th {
			color: var(--color-alpha);
			font-weight: normal;
			background-color: var(--color-gamma-8);
			border: solid 1px var(--color-gamma-10);
			padding: 10px;
			font-size: 15px;
		}

			.dataTable > tbody > tr > th.light {
				color: var(--color-gamma-2);
				font-weight: normal;
				text-transform: uppercase;
				padding: 3px;
				font-size: 15px;
			}

			.dataTable > tbody > tr > th.cellDoubleHeight {
				background-size: 24px;
			}

		.dataTable > tbody > tr > td {
			border-top: solid 1px var(--color-gamma-10);
			border-bottom: solid 1px var(--color-gamma-10);
			padding: 1px 5px;
			white-space: nowrap;
		}

.innerDataTable {
	border-spacing: 0px;
	border-collapse: collapse;
}

	.innerDataTable > tbody > tr {
		vertical-align: middle;
	}

		.innerDataTable > tbody > tr > th,
		.innerDataTable > tbody > tr > td {
			padding: 1px 3px;
		}

		.innerDataTable > tbody > tr > th {
			color: var(--color-gamma-2);
			text-transform: uppercase;
			font-size: 10px;
		}

		.innerDataTable > tbody > tr > td {
			border-top: solid 1px var(--color-gamma-10);
			border-bottom: solid 1px var(--color-gamma-10);
			white-space: nowrap;
		}

.alternativeRows tbody tr:nth-child(even) {
	background: var(--color-gamma-11);
}

.alternativeRows tbody tr:nth-child(odd) {
	background: var(--color-beta)
}

.dataTableNoBorders > tbody > tr > td {
	border-top: none !important;
	border-bottom: none !important;
}

.borderBottomSolid1pxGray {
	border-bottom: 1px solid var(--color-gamma-3) !important;
}

.borderBottomSolid1pxWhite {
	border-bottom: 1px solid var(--color-beta) !important;
}

.widthDate {
	width: 75px;
}

.widthDateMMYYYY {
	width: 55px;
}

.widthPercentage {
	width: 40px;
}

.widthPercentageWide {
	width: 60px;
}

.widthAmount {
	width: 100px;
}

.width20px {
	width: 20px;
}

.width30px {
	width: 30px;
}

.width40px {
	width: 40px;
}

.width60px {
	width: 60px;
}

.width80px {
	width: 80px;
}

.width100px {
	width: 100px;
}

.width120px {
	width: 120px;
}

.width130px {
	width: 130px;
}

.width150px {
	width: 150px;
}

.width180px {
	width: 180px;
}

.width200px {
	width: 200px;
}

.width300px {
	width: 300px;
}

.width400px {
	width: 400px;
}

.width450px {
	width: 450px;
}

.width600px {
	width: 600px;
}

.width800px {
	width: 800px;
}

.width100Percent {
	width: 100%;
}

.width95Percent {
	width: 95%;
}

.height30px {
	height: 30px;
}

tr:nth-child(even).alternativeRowBackgroundColor > td {
	background-color: var(--color-gamma-9);
}

.newRecordIndicator {
	padding: 7px;
	text-transform: uppercase;
	color: red;
	font-weight: bold;
}

input, button, textarea, select {
	color: var(--color-alpha);
	border: 1px solid var(--color-phi);
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
	font-size: 12px;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
}

	input[type="submit"] {
		cursor: pointer;
	}

	input[type="color"] {
		background-color: var(--color-beta);
		border: none;
		width: 50px;
		height: 30px;
		vertical-align: middle;
	}

	input[type="image"] {
		vertical-align: bottom;
		padding: 2px;
		border: none;
		cursor: pointer;
	}

	button,
	button.narrow,
	input[type="button"],
	input[type="button"].narrow,
	input[type="submit"],
	input[type="submit"].narrow {
		color: var(--color-beta);
		text-transform: none;
		padding: 5px 10px;
		background-color: var(--color-gammazzz);
		border: 1px solid var(--color-gammazzz);
		cursor: pointer;
		margin: 5px;
		font-size: 14px;
	}

		button:disabled,
		input[type="button"]:disabled,
		input[type="submit"]:disabled {
			color: var(--color-gamma-4);
			background-color: var(--color-gamma-8);
			border: 1px solid var(--color-gamma-8);
			cursor: default;
		}

	button,
	input[type="button"],
	input[type="submit"] {
		min-width: 100px;
	}

		button.narrow,
		input[type="button"].narrow,
		input[type="submit"].narrow {
			min-width: 30px;
			padding: 1px 2px;
		}

		button:hover,
		input[type="button"]:hover,
		input[type="submit"]:hover {
			background-color: var(--color-psi);
			border: 1px solid var(--color-psi);
		}

	input[type="radio"],
	input[type="checkbox"] {
		padding: 5px 5px 5px 1px;
		border: none;
		cursor: pointer;
	}

textarea {
	white-space: pre-wrap;
	word-break: normal;
}

/*This is to fix IE9 and IE10 bug with right aligned inputs where text is cut off on the right due to the MS "clear" element*/
input [type=text]::-ms-clear {
	display: none;
}

/* This is used in conjunction with "ng-readonly" to simulate "ng-disabled" but to allow control to be posted during ASP.NET postback */
input[readonly],
input[type="text"]:disabled {
	border-color: var(--color-omega) !important;
	background-color: var(--color-omega) !important;
}

input.disabledWithDarkBackground {
	background-color: var(--color-omega1) !important;
	border-color: var(--color-omega1) !important;
}

label {
	cursor: pointer;
	font-weight: normal;
	font-size: 10pt;
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
}

.labelAsControl {
	display: inline-block;
	padding: 5px;
	color: var(--color-gamma-1);
	border: 0px none;
}

select {
	background-color: var(--color-beta);
	height: 28px;
	line-height: 28px;
}

img {
	border: none;
}

	img.action {
		display: inline-block;
		padding: 5px;
		cursor: pointer;
	}

	img.imageButton {
		display: inline-block;
		vertical-align: middle;
		padding: 2px;
		cursor: pointer;
	}

a.image a:active.image,
a:visited.image,
a:hover.image {
	text-decoration: none;
}

a img {
	vertical-align: middle;
}

.dropDownIcon {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-image: url("../Images/TriangleDown.png");
	background-repeat: no-repeat;
	background-position: 0 center;
}

.dataBlockHeader {
	font-size: large;
	padding-top: 15px;
	padding-bottom: 5px;
	color: var(--data-block-header-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.dataBlockBorder {
	margin: 10px 0px;
	border: 1px solid var(--color-omega1);
	border-radius: 10px;
}

.dataBlockSubHeader {
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	padding-top: 10px;
	padding-bottom: 5px;
}

.columnHeaderLightUppercase {
	color: var(--color-gamma-2);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.fontSizeLarger {
	font-size: larger;
}

sup.tooltipMarker {
	color: var(--color-gammazzz);
	font-size: x-large;
}

/**
*** Animation effects BEGIN
**/
.animation-slide-and-fade.ng-enter,
.animation-slide-and-fade.ng-leave,
.animation-slide-and-fade.ng-hide-add,
.animation-slide-and-fade.ng-hide-remove {
	-webkit-transition: 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	-moz-transition: 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	-o-transition: 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
	transition: 250ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

	.animation-slide-and-fade.ng-leave.ng-leave-active,
	.animation-slide-and-fade.ng-enter,
	.animation-slide-and-fade.ng-hide-add.ng-hide-add-active,
	.animation-slide-and-fade.ng-hide-remove {
		opacity: 0;
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		-o-transform: translateY(-30%);
		transform: translateY(-30%);
	}

		.animation-slide-and-fade.ng-enter.ng-enter-active,
		.animation-slide-and-fade.ng-leave,
		.animation-slide-and-fade.ng-hide-remove.ng-hide-remove-active,
		.animation-slide-and-fade.ng-hide-add {
			opacity: 1;
			-webkit-transform: translateY(0%);
			-moz-transform: translateY(0%);
			-ms-transform: translateY(0%);
			-o-transform: translateY(0%);
			transform: translateY(0%);
		}

.animation-slide-and-fade.ng-hide-add,
.animation-slide-and-fade.ng-hide-remove {
	display: table-row !important;
}
/**
*** Animation effects END
**/

/* Consider to remove this if not used in the grid*/
scrolledGridView {
	overflow-x: scroll;
	text-align: left;
}

.pinned {
	position: fixed; /* i.e. not scrolled */
	z-index: 100; /* keep the pinned on top of the scrollables */
}

.scrolled {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.col1 {
	left: 25px;
}

.col2 {
	left: 60px;
}

.col3 {
	left: 310px;
}


.autocomplete {
	position: relative;
}

	.autocomplete ul {
		position: absolute;
		border: 1px solid var(--color-gamma-8);
		z-index: 1;
		background-color: var(--color-beta);
		margin: 0px;
		padding: 0px;
	}

	.autocomplete li {
		text-align: left;
		list-style: none;
		margin: 0px;
		padding: 0.5em;
	}

		.autocomplete li.active {
			background-color: var(--color-omega5);
		}

.angularAutocompleteList {
	position: absolute;
	max-height: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: var(--color-beta);
	border: 1px solid var(--color-gamma-8);
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 2;
}

.angularAutocompleteItems {
	display: block;
	cursor: pointer;
	color: var(--color-alpha);
}

.testModeHeader {
	color: var(--color-epsilon);
	font-size: 12pt;
}

.gridViewNoBorders td {
	border: none !important;
}

.verticalAlignTop {
	vertical-align: top !important;
}


/* scroll results */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding for vertical scrollbar */
	padding-right: 5px;
}

	.ui-autocomplete li {
		font-size: 12px;
		text-align: left;
	}

/***/
/*** Moved from App_Themes folder */
/***/
.TRBodyColour {
	background-color: var(--color-beta);
}

.wizardNavigationButtonStyle.hover {
	background-color: var(--color-gammazzz);
}

.gridViewColumnHighlighted {
	background-color: var(--color-gamma-11);
	border-left-color: var(--color-gamma-7);
	border-right-color: var(--color-gamma-7);
	border-bottom-color: var(--color-gamma-7);
}

.gridView {
	border: none;
	border-collapse: collapse;
}

	.gridView tr {
		vertical-align: middle;
	}

		.gridView tr:last-child {
			border-bottom: solid 2px var(--color-gamma-7);
		}

		.gridView tr th {
			color: var(--color-alpha);
			font-weight: normal;
			background-color: var(--color-gamma-8);
			border: solid 1px var(--color-gamma-10);
			padding: 10px;
			font-size: 15px;
			border-left: solid 1px var(--color-gamma-10);
		}

		.gridView tr td {
			border-left: solid 1px var(--color-gamma-7);
			border-right: solid 1px var(--color-gamma-7);
			border-top: solid 1px var(--color-gamma-10);
			border-bottom: solid 1px var(--color-gamma-10);
			padding: 3px;
		}

	.gridView .alt {
		background: var(--color-gamma-12);
	}

	.gridView .pgr {
		background: var(--color-gamma-8);
	}

		.gridView .pgr table {
			margin: 10px;
		}

		.gridView .pgr td {
			border-width: 0px;
			padding: 0px 10px;
			border-left: solid 1px var(--color-beta);
			border-right: solid 1px var(--color-beta);
			font-weight: bold;
		}

		.gridView .pgr a {
			color: Gray;
			text-decoration: none;
		}

			.gridView .pgr a:hover {
				color: var(--color-alpha);
				text-decoration: none;
			}

.HeaderRow {
	background-color: var(--color-beta);
}

.CellBorder {
	border-color: var(--color-omega8);
}

.CellTextCenter {
	text-align: center;
}

.SolidBackground {
	background-color: var(--color-lambda);
}

.JavaSwitchRow {
	background-color: var(--color-omega9);
}

.detailsContainer {
	background-color: var(--color-beta);
	border: solid 1px;
	padding: 5px;
}

.angularGridRowAlternativeColor {
	background-color: var(--color-gamma-9);
}
/***/
/*** Moved from App_Themes folder */
/***/

.modalDialog {
	display: none;
	position: fixed;
	overflow: scroll;
	font-family: Roboto, 'Century Gothic', Verdana, Arial;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 1002;
	pointer-events: auto;
}

	.modalDialog:target {
		display: block;
		opacity: 1;
		pointer-events: auto;
	}

	.modalDialog > div {
		height: 400px;
		width: 500px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: var(--color-beta);
	}

.close,
.close:hover,
.close:active,
.close:visited {
	background: var(--color-gamma-2);
	color: var(--color-beta);
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 12px;
	box-shadow: 1px 1px 3px var(--color-alpha);
}

	.close:hover {
		background: var(--color-gammazzz);
	}

td.fnaToolLastColumn {
	width: 130px;
	text-align: right;
	white-space: normal;
	padding: 0px 10px;
}

td.fnaToolLastColumnTextAlignCenter {
	width: 130px;
	text-align: center;
	white-space: normal;
}

.fnaToolTotal {
	display: inline-block;
	padding: 10px 0px;
	font-weight: bold;
}

.fnaToolBlockHeader {
	display: inline-block;
	padding-bottom: 10px;
}

table.fnaToolBlockParameters {
	margin-bottom: 10px;
}

	table.fnaToolBlockParameters tr td:nth-child(even) {
		padding-right: 30px;
	}

/***/
/*** Hacks to make n3-linechart library work */
/***/
.quickFnaGraphContainer {
	height: 250px;
	width: 500px;
	margin: auto;
	padding: 0px 0px 25px 0px;
}

div[class="quickFnaGraphContainer"] > div > svg[class="chart"] {
	width: 550px;
	margin-left: -30px;
	padding: 10px 0px 0px 30px;
}

.pagination li {
	display: inline-block;
}

.pagination a {
	color: var(--color-gamma-2);
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid var(--color-gamma-8);
}

	.pagination a.active {
		color: var(--color-beta);
		background-color: var(--color-gammazzz);
		border: 1px solid var(--color-gammazzz);
	}

	.pagination a:hover:not(.active) {
		border: 1px solid var(--color-gammazzz);
	}

.border1pxSolid {
	border: 1px solid var(--color-gammazzz);
}

.fnaToolTipSpan {
	color: var(--color-alpha);
	font-weight: bold;
	cursor: default;
}

svg {
	font: 10px Arial;
}

.needle, .needle-center {
	display: none;
	fill: var(--color-omega12);
}

.axis path, .axis line {
	fill: none;
	stroke: var(--color-gamma);
}

.axis .grid-line {
	stroke: var(--color-alpha);
	stroke-opacity: 0.2;
}

.axis text {
	font: 10px Arial;
}

md-slider
.md-track, md-track-fill {
	background-color: var(--color-omega14) !important;
	border-color: var(--color-omega14) !important;
	height: 5px !important;
}

.md-thumb, .md-thumb:after {
	background-color: var(--color-omega14) !important;
	border-color: var(--color-omega15) !important;
}

.bnaToolInnerTable > tbody > tr > th,
.bnaToolInnerTable > tbody > tr > td {
	height: 31px;
}

.bnaToolOuterTable > tbody > tr > th,
.bnaToolOuterTable > tbody > tr > td {
	padding: 0px 0px;
	vertical-align: top;
}

.fnaDeathGraphFixedPosition {
	position: fixed;
	bottom: 5px;
}

/*Side sliding navigation panel inside circle*/
.sideNavigation {
	height: 85%;
	position: fixed;
	z-index: 1;
	top: 120px;
	background-color: var(--color-beta);
	overflow-y: auto;
	transition: 0.3s;
	white-space: nowrap;
	border: 1px solid var(--color-omega16);
	box-sizing: border-box;
	font-weight: 500;
	padding-right: 30px;
}

	.sideNavigation a {
		text-decoration: none;
		text-align: left;
		color: var(--color-kappa);
		transition: 0.3s;
		line-height: 24px;
	}

		.sideNavigation a:hover,
		.sideNavigation a:focus {
			text-decoration-color: var(--color-gammazzz);
			color: var(--color-gammazzz);
		}

/*____________________________________*/
.hamburgerCircle {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: var(--color-beta);
	margin-left: 2px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}

	.hamburgerCircle:hover {
		background: var(--color-gamma-11);
	}
/*____________________________________*/

a.menuTreeItemNormal,
.menuTreeItemNormal,
a.menuTreeItemSelected,
.menuTreeItemSelected {
	cursor: pointer;
	list-style-type: none;
	padding-left: 0px;
}

	.menuTreeItemNormal img,
	.menuTreeItemNormal img,
	a.menuTreeItemSelected img,
	.menuTreeItemSelected img {
		vertical-align: middle;
	}

a .menuTreeItemNormal,
.menuTreeItemNormal {
	color: var(--color-kappa);
}

a.menuTreeItemSelected,
.menuTreeItemSelected {
	color: var(--color-gammazzz);
	font-weight: bold;
}

/*Top additional menu*/
a.rootMenuNormal,
a.rootMenuSelected {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	padding-left: 50px;
}

a.rootMenuNormal {
	color: var(--color-kappa);
	text-decoration: none;
}

a.rootMenuSelected {
	color: var(--color-gammazzz);
	text-decoration: underline;
}

a.rootMenuNormal:hover {
	color: var(--color-gammazzz);
}

.dropdown {
	position: relative;
}

.simple-toggle {
	content: "";
	display: inline-block;
	border-left: 1.5px solid #222222;
	height: 12px;
	margin-left: 8px;
	margin-bottom: -2px;
}

.dropdown-toggle-header:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 8px;
	margin-left: 0.5rem;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQxIDAuNTc5OTg3TDYgNS4xNjk5OUwxMC41OSAwLjU3OTk4N0wxMiAxLjk5OTk5TDYgNy45OTk5OUwwIDEuOTk5OTlMMS40MSAwLjU3OTk4N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

.d-flex {
	display: flex !important;
}
