/* ************************************ LOADER ******************************************* */
/* ************ Circle loader ************ */
.er-loader-circle 
{
	z-index: 10000000;
	border: 16px solid #e0e0e0;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 52px;
	height: 52px;
	-moz-animation: spin 2s linear infinite;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -42px;
	margin-top: -42px;
}
@-moz-keyframes spin 
{
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin 
{
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* ************ Cubes loader ************ */
.er-loader-cubes 
{
	width: 80px;
	height: 100px;
	z-index: 10000000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -55px;
}
.er-loader-cubes-block 
{
	position: relative;
	box-sizing: border-box;
	float: left;
	margin: 0 10px 10px 0;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	background: #2dacd2;
}
.er-loader-cubes-block:nth-child(4n+1) { animation: wave 2s ease .0s infinite; }
.er-loader-cubes-block:nth-child(4n+2) { animation: wave 2s ease .2s infinite; }
.er-loader-cubes-block:nth-child(4n+3) { animation: wave 2s ease .4s infinite; }
.er-loader-cubes-block:nth-child(4n+4) { animation: wave 2s ease .6s infinite; margin-right: 0; }

@keyframes wave 
{
	0%   { top: 0;     opacity: 1; }
	50%  { top: 30px;  opacity: .2; }
	100% { top: 0;     opacity: 1; }
}


/* ********************************** HEADER ************************************ */

div[data-role="header"].er-header-bar-blue
{
	border-top: 0;
	border-top: none;
	border-color: #25709f;
	background: #287baf;
	color: #fff;
	text-shadow: 0 1px 0 #111;
	font-size: 16px;
	font-weight: bold;
}
div[data-role="header"].er-header-bar-white
{
	border-top: 0;
	border-top: none;
	border-color: white;
	background: white;
	color: #494949;
	text-shadow: 0 1px 0 #b3b3b3;
	font-size: 16px;
	font-weight: bold;
}

a[data-role="button"].er-data-icon 
{
	border: 0 !important;
	border-width: 0 !important;
	background: none !important;
	color: white !important;
	text-shadow: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}
a[data-role="button"].er-data-icon:hover
{
	/* Has to be written again because otherwise other jQuery classes will do their own thing or someone has overriden the jquery css the wrong way. */
	border-width: 0 !important;
	background-color: #538fca !important; 
	border-color: #4b647f !important;  
	opacity: 0.8 !important; 
	-webkit-filter: Alpha(80%) !important;  /* Safari 6.0 - 9.0 */
	filter: Alpha(80%) !important;  /* IE8 and earlier versions */
}

div[data-role="header"].er-header-bar-white a[data-role="button"].er-data-icon 
{
	color: #38c !important;
}
div[data-role="header"].er-header-bar-white a[data-role="button"].er-data-icon:hover
{
	color: white !important;
}


/* *********************************** PANEL ************************************** */
/* Default css for the panel. Override if needed in your own css. */

html body div[data-role="panel"].er-panel, html body div[data-custom-role="er-panel"].er-panel
{
	background-color: #f3f3f3 !important; 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
div[data-role="panel"].er-panel a.er-panel-header
{
	background-color: #287baf !important; 
	border-color: #13212d !important; 
	color: #ffffff !important; 
	text-shadow: 0 1px 0 #000000 !important; 
	border-top: none !important;
	font-size: 12px !important;
}
html .ui-body-a .ui-body-inherit
{
	border-color: #c1c1c1;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading 
{
	margin: 0;
}
.ui-li-static.ui-collapsible 
{
	padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn 
{
	border-top-width: 0;
	border-bottom-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content 
{
	border-bottom-width: 0;
	border-top-width: 0;
}
.ui-panel-inner > ul > li > .er-collapsible-header,
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a
{
	background-color: #f3f3f3 !important;
	color: #7c7c7c;
	text-shadow: none;
	border-color: #e5e5e5;
	border-width: 1px 0 0 0;
	border-style: solid;
	font-size: 14px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-right: 2.5em;
}
.ui-panel-inner > ul > li > .er-collapsible-header:hover,
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a:hover
{
	background-color: #bdbdbd !important;
	color: #5d5d5d;
	border-color: #bdbdbd;
	text-shadow: none;
}

.er-collapsible-sublink,
.ui-collapsible-content > .ui-listview > li > .er-collapsible-sublink
{
	background-color: #fff;
	border-right: 4px solid #38c;
	font-size: 12px;
	color: #525252;
}
.er-collapsible-sublink:hover,
.ui-collapsible-content > .ui-listview > li > .er-collapsible-sublink:hover
{
	background-color: #d4d4d4;
	border-right: none;
}
.sidebarPanelFontAwesomeIcon
{
	width: 22px;
	height: 22px;
	transition: all 0.3s;
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100%;
	right: 12px;
	position: absolute;
	top: 5px;
	color: #ffffff;
	margin-right: -5px;
	background-color: #666;
	background-color: rgba(0, 0, 0, .3);
}
.sidebarPanelCollapsibleFontAwesomeIcon
{
	background: #b2b2b2;
}
.sidebarPanelFontAwesomeIcon .er-fa
{
	font-size: 14px;
}

/* ***************************** POPUP ***************************** */
.er-popup-mobile
{
	min-width: 100px; 
	min-height: 100px;
}
.er-popup-mobile .er-popup-header[data-role=header]
{
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;border-top: 0;
}
.er-popup-mobile .er-popup-footer[data-role=footer]
{
	text-align: center; 
	background-color: #fff;
}

.alert 
{
	padding: 18px;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	margin: 5px;
	z-index: 1000;
}
.alert.rounded
{
	border-radius: 3px;
}
.alert a
{
	text-shadow: none !important;
}
.alert.info a,
.alert.info-2 a
{
	color: var(--alert-info-link-text-color);
}
.alert.info 
{
	background-color: var(--alert-info-back-color);
	border: 1px solid var(--alert-info-border-color);
}
.alert.info .er-fa,
.content-wrapper .main-content .alert.info .er-fa
{
	color: var(--alert-info-icon-color);
}
.alert.info-2 
{
	background-color: var(--alert-info-back-color-2);
	border: 1px solid var(--alert-info-border-color-2);
	color: var(--alert-info-text-color-2);
}
.alert.info-2 .er-fa,
.content-wrapper .main-content .alert.info-2 .er-fa
{
	color: var(--alert-info-icon-color-2);
}

.alert.blank
{
	border: 1px solid var(--alert-blank-border-color);
	color: var(--alert-blank-text-color);
	text-shadow: var(--alert-blank-text-shadow);
}
.alert.danger
{
	background-color: var(--alert-danger-back-color);
	border: 1px solid var(--alert-danger-border-color);
	text-shadow: var(--alert-danger-text-shadow) !important;
}
.alert.danger a
{
	color: var(--alert-danger-link-text-color);
}
.alert.danger .er-fa, 
.content-wrapper .main-content .alert.danger .er-fa
{
	color: var(--alert-danger-icon-color);
}
.alert.danger-2
{
	background-color: var(--alert-danger-back-color-2);
	border: 1px solid var(--alert-danger-border-color-2);
	color: var(--alert-danger-text-color-2);
	text-shadow: var(--alert-danger-text-shadow-2);
}
.alert.danger-2 a
{
	color: var(--alert-danger-link-text-color);
}
.alert.danger-2 .er-fa, 
.content-wrapper .main-content .alert.danger-2 .er-fa
{
	color: var(--alert-danger-icon-color-2);
}
.alert.success
{
	background-color: var(--alert-success-back-color);
	border: 1px solid var(--alert-success-border-color);
	text-shadow: var(--alert-success-text-shadow) !important;
}
.alert.success-2,
.alert.success-3
{
	background-color: var(--alert-success-back-color-2);
	border: 1px solid var(--alert-success-border-color-2);
	color: var(--alert-success-text-color-2);
}
.alert.success-3 
{
	background-color: var(--alert-success-back-color-3);
	border: 1px solid var(--alert-success-border-color-3);
}

.alert.success .er-fa, 
.content-wrapper .main-content .alert.success .er-fa
{
	color: var(--alert-success-icon-color);
}
.alert.success-2 .er-fa, 
.content-wrapper .main-content .alert.success-2 .er-fa,
.alert.success-3 .er-fa, 
.content-wrapper .main-content .alert.success-3 .er-fa
{
	color: var(--alert-success-icon-color-2);
}

.alert.warning 
{
	background-color: var(--alert-warning-back-color);
	color: var(--alert-warning-text-color);
	border: 1px solid var(--alert-warning-border-color);
	text-shadow: var(--alert-warning-text-shadow);
}
.alert.warning .er-fa,
.content-wrapper .main-content .alert.warning .er-fa
{
	color: var(--alert-warning-icon-color);
}
.alert.warning-2 
{
	background-color: var(--alert-warning-back-color-2);
	color: var(--alert-warning-text-color-2);
	border: 1px solid var(--alert-warning-border-color-2);
	text-shadow: var(--alert-warning-text-shadow);
}
.alert.warning-2 .er-fa,
.content-wrapper .main-content .alert.warning-2 .er-fa
{
	color: var(--alert-warning-icon-color-2);
}

.alert.basic
{
	border: 1px solid var(--alert-basic-border-color);
	color: var(--alert-basic-text-color);
	background-color: var(--alert-basic-back-color);
	text-shadow: var(--alert-basic-text-shadow);
}
.alert.note
{
	border: 1px solid var(--alert-note-border-color);
	color: var(--alert-note-text-color);
	background-color: var(--alert-note-back-color);
	padding: 14px
}
.alert.note .er-fa,
.content-wrapper .main-content .alert.note .er-fa
{
	color: var(--alert-note-icon-color);
}
.alert.note .close
{
	color: var(--alert-note-close-color);
}

.alert.basic .er-fa, 
.content-wrapper .main-content .alert.basic .er-fa, 
.alert.basic .close
{
	color: var(--alert-basic-icon-color);
}
.alert .alert-icon
{
	display: inline-block;
}
.alert .alert-content
{
	display: inline-block;
}
.alert .alert-icon, .alert .alert-content
{
	vertical-align: middle;
}
.alert .close 
{
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;;
}
.alert .close:hover 
{
	opacity: 0.5;
	filter: alpha(opacity=50); 
}
.alert.blank .close
{
	color: var(--blueDefault);
}
.alert.left
{
	position: fixed;
	left: 0;
}
.alert.right
{
	position: fixed;
	right: 0;
}
.alert.top
{
	position: fixed;
	top: 0;
}
.alert.bottom
{
	position: fixed;
	bottom: 0;
}

/* ******************************** Fixed container for showing stacked messages *********************************** */

.er-notifications-box
{
	position: fixed; 
	text-align: left;
	display: inline-block;  
	max-width: 450px;
	max-height: 100%; 
	overflow-y: auto; 
	z-index: 100000;
}
.er-notifications-box.left
{
	left: 0;
}
.er-notifications-box.right
{
	right: 18px;
}
.er-notifications-box.top
{
	top: 0;
}
.er-notifications-box.bottom
{
	bottom: 0;
}
/* **************************************** Global Variables ***************************************** */
:root 
{
	--default-back-color: #FFFFFF;
	--default-text-color: #323232;


	/* ********************* */

	--no-results-text-color: grey;
	--no-results-icon-color: #c8c8c8;
	--icon-wrapper-back-color-hover: #d8d8d8ad;
	--striped-background-inactive-back: repeating-linear-gradient( 135deg, #606dbc00, #606dbc00 10px, #d7d7d759 10px, #d7d7d759 20px);

	--frmDiv-border-color: #d2d2d2;
	--btCtxDiv-bar-back-color: #dfdfdf;
	--serverMessage-back-color: #ff959e;
	--serverMessage-text-color: #323232;
	--booleanLabel-text-color-hover: #0043AD;
	--link-text-color: #0043ad;
	--link-text-color-active: #005ef3;
	--linkBox-back-color: #F0F0F0;
	--linkBox-border-color: #eaeaea;
	--linkBox-back-color-hover: #e6e6e6;
	--linkBox-border-color-hover: #d8d8d8;
	--titleLink-text-color: #323232;
	--navg-link-text-color: #303060;
	--navg-link-text-color-hover: #ff5000;
	--actionTip-text-color: #909090;
	--actionTip-text-color-hover: #00338d;
	--scrollable-tbl-y-border-color: #d6d6d6;

	--listTable-border-color: #dcdcdc;
	--listTable-row-border-color: #DDDDDD;
	--listTable-ltbGrey-text-color: #686868;
	--listTable-text-color: #3d3d3d;
	--listTable-head-back-color: #d6d6d6;
	--listTable-head-text-color: #393939;
	--listTable-head-text-shadow: 0px 0px 1px #FFFFFF;
	--listTable-row-selected-back-color: #e0eaf5;
	--listTable-row-disabled-back-color: #ededed;
	--listTable-row-disabled-text-color: #b1b1b1;
	--listTable-row-back-color-hover: #539ad3;
	--listTable-row-text-color-hover: #FFFFFF;
	--listTable-row-icon-disabled-color-hover: #c5c5c5;
	--listTable-head-back-color-hover: #d6d6d6;
	--listTable-head-text-color-hover: #393939;
	--listTable-head-text-shadow-hover: 0px 0px 1px #FFFFFF;
	--listTable-separator-color: #64b0f0;

	--table-er-sorting-color-hover: #52a012;
	--wizTitle-text-color: #323232;
	--dgLb-text-color: #303060;
	--subTitle-text-color: #323232;
	--dgTitle-text-color: #333333;
	--infoBox-back-color: #FFFFFF;
	--infoBox-border-color: #d0d0d0;
	--infoBox-title-text-color: #00338d;
	--infoBox-title-border-color: #00338d;
	--infoBox-td-text-color: #333333;
	--infoBox-link-text-color: #00338d;
	--waitClock-text-color: #FFFFFF;
	--waitClockMessage-text-color: #FFFFFF;
	--waitClockMessage-text-shadow: 0px 0px 1px #0C4772;
	--waitClockMessage-border-color: #1E8DDF;
	--waitClockMessage-back-color: rgba(2, 138, 213, 0.80);

	--suggestFieldControlElement-back-color: #ededed;
	--suggestFieldControlElement-border-color: #a9a9a9;
	--suggestFieldControlElement-back-color-hover: #f7f7f7;
	--suggestBox-border-color: rgba(81, 144, 188, 0.72);
	--suggestBox-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
	--suggestBoxFooter-back-color: #d5d5d5;
	--suggestBoxFooter-text-color: #FFFFFF;
	--suggestResultsTable-back-color: #FFFFFF;
	--suggestResultRowTitle-text-color: #157ecc;
	--suggestResultRowTitle-back-color: #d8d8d8;
	--suggestResultRowTitle-text-shadow: 0px 0px 1px #d8d8d8;
	--suggestResultRowSeparator-back-color: #439CE0;
	--suggestResultRowEven-back-color: #f1f1f1;
	--suggestResultRowOdd-back-color: #FFFFFF;
	--suggestResultRowSelected-back-color: #ccddee;
	--suggestResultRowSelected-text-color: #323232;
	--suggestBoxNoResults-back-color: #FFFFFF;
	--suggestBoxNoResults-text-color: #f50000;
	--suggestBoxNoResults-border-color: #d70707;
	--suggestBoxNoResults-warning-text-color: #e88b00;
	--suggestBoxNoResults-warning-border-color: #ffa500;
	--suggestBoxNoResults-info-text-color: #157FCC;
	--suggestBoxNoResults-info-border-color: #157FCC;
	--textAreaSuggestControlElementWrapper-back-color: #e8e8e8;
	--textAreaSuggestControlElementWrapper-border-color: #ABABAB;
	--textAreaSuggestControlElementWrapper-back-color-hover: #d9d9d9;

	--animatedCollapsiblePanel-border-color: #336699;
	--animatedCollapsiblePanelGradientCaption-text-color: #323232;
	--animatedCollapsiblePanelContent-back-color: #f5f5f5;
	--animatedCollapsiblePanelContent-border-color: #336699;

	--er-tabs-border-color: #c5c5c5;
	--er-tabs-back-color: #f4f4f4;
	--er-tabs-text-color: #747474;
	--er-tabs-active-back-color: #ffffff;
	--er-tabs-active-border-top-color: #1b9fff;
	--er-tabs-active-text-color: #4f4f4f;
	--er-tabs-active-text-color-hover: #00b1ce;
	--er-tabs-inactive-back-color: #868686;
	--er-tabs-inactive-text-color: #fdfdfd;
	--er-tabs-inactive-border-color: #787878;
	--er-tabs-separator-back-color: #c5c5c5;

	--pagination-back-color: #FFFFFF;
	--pagination-text-color: #393939;
	--pagination-active-back-color: #157FCC;
	--pagination-active-text-color: #FFFFFF;
	--pagination-back-color-hover: #e8e8e8;
	--pagination-active-back-color-hover: #157FCC;
	--pagination-disabled-text-color: #c0c0c0;
	--pagination-disabled-text-color-hover: #c0c0c0;
	--pagination-disabled-back-color-hover: #FFFFFF;
	--pagination-border-color: #e8e8e8;

	--er-progress-bar-back-color: #eeeeee;
	--er-progress-bar-box-shadow: inset 0 1px 2px rgba(0,0,0,0.13);
	--er-progress-bar-fill-text-color: #FFFFFF;
	--er-progress-bar-fill-back-color: #337ab7;
	--er-progress-bar-fill-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	--er-progress-bar-fill-back-color-orange: #f0ad4e;
	--er-progress-bar-fill-back-color-green: #5cb85c;
	--er-progress-bar-fill-back-color-red: #d9534f;
	--er-progress-bar-data-tasks-text-color: #7B7B7B;
	--er-progress-bar-data-evaluated-text-color: #2281D2;
	--er-progress-bar-data-estimate-text-color: #7B7B7B;

	--blinker-on-back-color: #F0C000;

	--promptButton-border-color: #cccccc;
	--promptButton-back-color: #EEEEEE;
	--promptButton-border-color-hover: #3696DD;
	--promptButton-back-color-hover: #B5DAF5;

	--dataTable-border-color: #DDDDDD;
	--dataTable-head-back-color: #d6d6d6;
	--dataTable-head-text-color: #393939;
	--dataTable-head-text-shadow: 0px 0px 1px #ffffff;
	--dataTable-pagination-border-color: #c1c1c1;
	--dataTable-paginate-button-active-back: linear-gradient(#1e7b9e 0%, #208dbe 100%);
	--dataTable-paginate-button-active-box-shadow: #44a0ca 0px 0px 3px inset;
	--dataTable-paginate-button-border-color-hover: rgb(26 114 154);
	--dataTable-paginate-button-back-hover: linear-gradient(#1e7b9e 0%, #208dbe 100%);
	--dataTable-row-odd-back-color: #FFFFFF;
	--dataTable-row-back-color: #f3f3f3;
	--dataTable-button-text-color: #303030;
	--dataTable-button-border-color: #4ca8eb;
	--dataTable-button-back-color: #ededed;
	--dataTable-button-border-color-hover: #53b7ff;
	--dataTable-button-back-color-hover: #f7f7f7;

	--calendar-widget-back-color: #dedede;
	--calendar-widget-border-color: #bdbdbd;
	--calendar-widget-shadow-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
	--calendar-widget-head-back-color: #dedede;
	--calendar-widget-head-text-color: #565656;
	--calendar-widget-head-text-color-hover: #0289c5;
	--calendar-widget-months-text-color: #464646;
	--calendar-widget-months-border-color: #c7c7c7;
	--calendar-widget-year-text-color: #01698f;
	--calendar-widget-year-border-color: #c7c7c7;
	--calendar-widget-dayName-back-color: #f3f3f3;
	--calendar-widget-dayName-border-color: #a9a9a9;
	--calendar-widget-dayName-text-color: #5a5a5a;
	--calendar-widget-values-back-color-hover: #f0f0f0;
	--calendar-widget-values-text-color-hover: #0289c5;
	--calendar-widget-daySelected-back-color: #50b3d0;
	--calendar-widget-daySelected-text-color: #FFFFFF;
	--calendar-widget-daySelected-back-color-hover: #4ca8c4;
	--calendar-widget-daySelected-text-color-hover: #f0f0f0;
	--calendar-widget-dayHoliday-text-color-hover: #FFFFFF;
	--calendar-widget-dayHoliday-back-color-hover: #50b3d0;
	--calendar-widget-dayHoliday-text-color: #323232;
	--calendar-widget-dayHoliday-back-color: #fbdad4;
	--calendar-widget-noDay-back-color: #FFFFFF;
	--calendar-widget-noDay-text-color: #777777;
	--calendar-widget-day-back-color: #FFFFFF;
	--calendar-widget-weekend-back-color: #fbfbfb;
	--calendar-widget-weekend-text-color: #323232;
	--calendar-widget-noDayWeekend-back-color: #fbfbfb;
	--calendar-widget-noDayWeekend-text-color: #777777;

	--mainMenuBar-item-inactive-back-color: #93b1da;
	--mainMenuBar-item-inactive-text-color: #FFFFFF;
	--mainMenuBar-item-inactive-border-color: #ddd7bc;
	--mainMenuBar-item-active-back-color: #e8eef7;
	--mainMenuBar-item-active-text-color: #0054bf;

	--mainMenu-back-color: #FFFFFF;
	--mainMenu-text-color: #232323;
	--mainMenu-border-color: rgba(81, 144, 188, 0.6);
	--mainMenu-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
	--mainMenu-item-active-back-color: #4c9ed9;
	--mainMenu-item-active-text-color: #f6f6f6;
	--mainMenu-item-inactive-icon-back-color: #e8eef7;
	--mainMenu-item-active-icon-back-color: #4c9ed9;
	--mainMenu-item-separator-back-color: rgba(170, 192, 201, 0.42);

	--alert-info-link-text-color: #224377;
	--alert-info-back-color: #509ee1;
	--alert-info-back-color-2: #98cbf7;
	--alert-info-border-color: #4990cd;
	--alert-info-border-color-2: #82b6e3;
	--alert-info-icon-color: #aed0ed;
	--alert-info-icon-color-2: #157fcc;
	--alert-info-text-color-2: #363636;
	--alert-blank-border-color: #65aadc;
	--alert-blank-text-color: var(--blueDefault);
	--alert-blank-text-shadow: none;
	--alert-danger-back-color: #d9534f;
	--alert-danger-back-color-2: #F6DDDA;
	--alert-danger-border-color: #d43f3a;
	--alert-danger-border-color-2: #F0D8DA;
	--alert-danger-text-shadow: #b2423f 0px 0px 3px;
	--alert-danger-link-text-color: #a9deff;
	--alert-danger-icon-color: #e7bcbb;
	--alert-danger-icon-color-2: #B23429;
	--alert-danger-text-color-2: #B23429;
	--alert-success-back-color: #4CAF50;
	--alert-success-back-color-2: #97d799;
	--alert-success-back-color-3: #c8efc9;
	--alert-success-border-color: #4CAF50;
	--alert-success-border-color-2: #8cc58e;
	--alert-success-border-color-3: #bde7be;
	--alert-success-icon-color-2: #27932b;
	--alert-success-text-shadow: 0 0 3px #4f9c4f;
	--alert-success-text-color-2: #343434;
	--alert-success-icon-color: #b6deb8;
	--alert-success-icon-color-2: #27932b;
	--alert-warning-back-color: #fdac38;
	--alert-warning-back-color-2: #ffd499;
	--alert-warning-text-color: #3a3a3a;
	--alert-warning-text-color-2: #874d00;
	--alert-warning-border-color: #f1a435;
	--alert-warning-border-color-2: #f9cc8d;
	--alert-warning-text-shadow: none;
	--alert-warning-icon-color: #636363;
	--alert-warning-icon-color-2: #d58213;
	--alert-basic-border-color: #e7e7e7;
	--alert-basic-text-color: #4f4f4f;
	--alert-basic-back-color: #f2f2f2;
	--alert-basic-text-shadow: none;
	--alert-basic-icon-color: #828282;
	--alert-note-border-color: #E3E3E3;
	--alert-note-text-color: #363636;
	--alert-note-back-color: #ffffdb;
	--alert-note-icon-color: #838383;
	--alert-note-close-color: #858585;

	--multiBox-multiBoxSelectorField-text-color: #4D4D4D;
	--multiBox-multiBoxSelectorField-border-color: #C8C8C8;
	--multiBox-multiBoxSelectorField-back-color: #E5E5E5;
	--multiBox-multiBoxSelectorField-border-color-hover: #8DACC4;
	--multiBox-multiBoxSelectorField-back-color-hover: #D8DEE6;
	--multiBox-multiBoxSelectorArrow-back-color-hover: #f9f9f9;
	--multiBox-multiBoxDropDownList-back-color: #FFFFFF;
	--multiBox-multiBoxDropDownList-border-color: #C8C8C8;
	--multiBox-multiBoxDropDownList-border-bottom-color: #2DA0FF;
	--multiBox-multiBoxDropDownListSelectAll-border-color: rgb(92, 149, 204);
	--multiBox-multiBoxDropDownListSelectAll-text-color: #FFFFFF;
	--multiBox-multiBoxDropDownListSelectAll-text-shadow: 0px 0px 1px var(--blueDefault);
	--multiBox-multiBoxDropDownListSelectAll-back-color: #3b9fe7;
	--multiBox-multiBoxDropDownListSeparator-back-color: #439CE0;
	--multiBox-multiBoxDropDownListAndOr-border-color: #277AB6;
	--multiBox-multiBoxDropDownListAndOr-text-color: #FFFFFF;
	--multiBox-multiBoxDropDownListAndOr-back-color: #277AB6;
	--multiBox-row-back-color-hover: #CADAEB;
	--multiBox-row-checked-back-color: #B2D2F2;
	--multiBox-row-checked-back-color-hover: #A6C2DF;
	--multiBox-row-even-back-color: #F1F1F1;

	--fragments-page-back-color: #f2f2f2;
	--fragment-back-color: #FFFFFF;
	--fragment-border-color: #d6d6d6;
	--fragment-box-shadow: 3px 3px 7px rgba(200, 200, 200, 0.4588235294117647);
	--fragment-header-border-color: #e7e7e7;
	--fragment-header-border-bottom-color: #99bce8;
	--fragment-header-text-color: #7c7c7c;
	--fragment-toolbar-icon-color: #b1b1b1;
	--fragment-toolbar-icon-color-hover: #157FCC;
	--fragment-title-text-color-hover: #38c;
	--fragment-content-text-color: #676767;
	--fragment-title-add-text-color-hover: #7c7c7c;
	--fragments-category-add-back-color: #f2f2f2;
	--fragments-category-add-border-color: #e9e9e9;
	--fragments-content-add-text-color: #7c7c7c;
	--fragment-button-back-color-hover: #dbe6f4;
	--fragment-button-border-color-hover: #99bce8;
	--fragment-wrapper-add-back-color: #f2f2f2;

	--input-text-color: #292929;
	--input-border-color: #B7B7B7;
	--input-back-color: #FFFFFF;
	--input-back-color-disabled: #e3e3e3;
	--input-back-color-readonly: #fbfbfb;
	--input-border-color-focus: #3A95DA;
	--input-box-shadow-focus: 0px 0px 1px 0px #147ECD;
	--input-text-color-focus-default: #333333;
	--input-text-color-focus: #323232;

	--button-border-color-focus: #24bcff;
	--button-box-shadow-focus: 0px 0px 3px 0px #147ECD;

	--validity-danger-border-color: #ff8585;
	--validity-danger-placeholder-text-color: #d60606;
	--validity-warning-border-color: #ffb213;
	--validity-warning-box-shadow: 0px 0px 1px 0px #dc9a10;
	--validity-warning-placeholder-text-color: #b37900;
	--validity-success-border-color: #28a745;
	--validity-success-box-shadow: 0px 0px 1px 0px #28a745;
	--validity-success-placeholder-text-color: #28a745;

	--input-group-prepend-outline-border-color: #B7B7B7;
	--input-group-prepend-outline-back-color: #e9ecef;

	--checkmark-border-color-readonly: var(--blueDefault);
	--checkmark-back-color-readonly: #a7bdce;
	--checkmark-label-text-color-hover: #0043AD;
	--checkmark-back-color: #F5F5F5;
	--checkmark-border-color: #157FCC;
	--checkmark-back-color-hover: #ccc;
	--checkmark-back-color-checked: #157FCC;
	--checkmark-box-shadow-focus: 0px 0px 0px 4px rgba(109, 179, 231, 0.35);
	--checkmark-back-color-disabled: #CCCCCC;
	--checkmark-border-color-disabled: #CCCCCC;
	--checkmark-sign-border-color-disabled: #8E8E8E;

	--checkmark-radio-back-color: #FFFFFF;
	--checkmark-radio-sign-back-color: #147ECD;
	--checkmark-radio-sign-back-color-disabled: #8E8E8E;

	--switch-back-color: #FFFFFF;
	--switch-border-color: #b8b8b8;
	--switch-sign-back-color: #CECECE;
	--switch-sign-back-color-checked: #147ECD;
	--switch-back-color-disabled: #CECECE;
	--switch-sign-back-color-disabled: #A4A4A4;

	--file-upload-back-color: #FBFBFB;
	--file-upload-border-color: #c8c8c8;
	--file-upload-text-color: #575757;
	--file-upload-back-color-hover: #f0f0f0;

	--search-field-back-color: #FFFFFF;
	--search-field-text-color: var(--blueDefault);
	--search-field-icon-color: #5caece;

	--button-text-color: #303030;
	--button-border-color: #4ca8eb;
	--button-back-color: #ededed;

	--button-border-color-hover: #53b7ff;
	--button-back-color-hover: #f7f7f7;

	--button-text-color-disabled: #a4a4a4;
	--button-border-color-disabled: #bcbcbc;
	--button-text-color-disabled-hover: #a4a4a4;
	--button-border-color-disabled-hover: #bcbcbc;

	--button-light-border-color: #4ca8eb;
	--button-light-back-color: #fdfdfd;
	--button-light-border-color-hover: #53b7ff;
	--button-light-back-color-hover: #ededed;

	--button-basic-border-color: #C4C4C4;
	--button-basic-back-color: #DDDDDD;
	--button-basic-border-color-hover: #4CA8EB;
	--button-basic-back-color-hover: #EDEDED;

	--button-primary-text-color: #FFFFFF;
	--button-primary-back-color: #509ee1;
	--button-primary-border-color: #407eb3;
	--button-primary-icon-color: #FFFFFF;

	--button-primary-back-color-hover: #468ac4;

	--button-primary-text-color-disabled: #FFFFFF;
	--button-primary-back-color-disabled: #a4c7e5;
	--button-primary-border-color-disabled: #8fb2d0;

	--button-buttonText-text-color: #FFFFFF;

	--button-success-text-color: #FFFFFF;
	--button-success-text-shadow: 0 0 3px #4f9c4f;
	--button-success-back-color: #4CAF50;
	--button-success-border-color: #47a34b;
	--button-success-icon-color: #FFFFFF;
	--button-success-icon-text-shadow: 0 0 3px #4f9c4f;

	--button-success-back-color-hover: #5cb85c;

	--button-info-text-color: #FFFFFF;
	--button-info-text-shadow: 0 0 1px #1593a7;
	--button-info-back-color: #17a2b8;
	--button-info-border-color: #17a2b8;
	--button-info-icon-color: #FFFFFF;
	--button-info-icon-text-shadow: 0 0 3px #4f9c4f;

	--button-info-back-color-hover: #4ab0ce;

	--button-warning-text-color: #FFFFFF;
	--button-warning-text-shadow: 0 0 3px #ae6400;
	--button-warning-back-color: #f3a331;
	--button-warning-border-color: #d18517;
	--button-warning-icon-color: #FFFFFF;
	--button-warning-icon-text-shadow: 0 0 3px #ae6400;

	--button-warning-back-color-hover: #e79b2e;

	--button-danger-text-color: #FFFFFF;
	--button-danger-text-shadow: 0 0 3px #b2423f;
	--button-danger-back-color: #d9534f;
	--button-danger-border-color: #d43f3a;
	--button-danger-icon-color: #FFFFFF;
	--button-danger-icon-text-shadow: 0 0 3px #b2423f;

	--button-danger-back-color-hover: #cc3f3b;

	--buttonText-text-color: #303030;
	--buttonText-back-color: transparent;
	--buttonArrow-border-color: #CCCCCC;
	--buttonArrow-back-color: #FEFEFE;
	--buttonArrow-back-color-hover: #CCCCCC;

	--buttonArrow-icon-color: #515151;
	--buttonArrow-icon-text-shadow: none;
	--input-group-arrow-down-text-color: #484848;

	--bar-back-color: #F2F2F2;

	--bar-link-back-color-hover: #93B1DA;
	--bar-link-border-color-hover: #00338D;
	--bar-link-text-color-hover: #000000;

	--toolbar-text-color: #3e3e3e;
	--toolbar-separator-back-color: #6db0e8;

	--filter-button-box-shadow: 1px 1px 2px 0px #676767;
	--filter-button-delete-back-color: initial;
	--filter-button-delete-icon-color: #FFFFFF;

	--default-icon-color: #0075D4;
	--default-icon-color-disabled: #c5c5c5;
	--er-sigma-text-color: #FFFFFF;
	--er-overview-print-file-icon-color: #59719d;
	--er-overview-print-file-text-shadow: -1px -1px #e7e7e7;

	--breadcrumb-border-color: #e2e2e2;
	--breadcrumb-back-color: #e2e2e2;
	--breadcrumb-back-color-hover: #d2d2d2;
	--breadcrumb-border-color-hover: #d2d2d2;

	--breadcrumb-current-back-color: #f2f2f2;
	--breadcrumb-current-text-color: #0075aa;

	--breadcrumb-current-back-color-hover: #d0d0d0;
	--breadcrumb-current-text-color-hover: #0075aa;

	--breadcrumb-current-border-color: #f2f2f2;
	--breadcrumb-current-border-color-hover: #d0d0d0;

	--sidebar-back-color: #f5f5f5;
	--sidebar-text-color: #484848;
	--sidebar-item-active-text-color: #157fcc;
	--sidebar-item-active-back-color: #FFFFFF;
	--sidebar-item-active-icon-color: #a7a7a7;
	--sidebar-submenu-open-text-color: #208cb5;
	--sidebar-item-text-color: #484848;
	--sidebar-item-icon-color: #208eb7;
	--sidebar-item-text-color-hover: #0082b3;
	--sidebar-item-back-color-hover: #FFFFFF;
	--sidebar-menu-header-item-text-color: #FFFFFF;
	--sidebar-menu-header-item-back-color: #157fcc;
	--sidebar-divider-border-color: #e5e6e8;
	--sidebar-header-back-color: #d9d9d9;
	--sidebar-header-border-color: #c8c8c8;
	--sidebar-badge-back-color: #7d7d7d;
	--sidebar-badge-text-color: #FFFFFF;
	--sidebar-badge-success-back-color: #89bf13;
	--sidebar-badge-info-back-color: #4595da;
	--sidebar-badge-danger-back-color: #e62c33;
	--sidebar-main-content-border-color: #f2f2f2;
	--sidebar-main-content-header-tabs-active-border-color: #00adee;
	--sidebar-main-content-header-tabs-divider-back-color: #FFFFFF;
	--sidebar-main-content-footer-text-color: #6e6e6e;
	--sidebar-main-content-footer-border-color: #e5e5e5;
	--sidebar-main-content-footer-back-color: #f1f1f1;
	--sidebar-main-content-footer-background-image: linear-gradient( #F1F1F1 /*{b-bup-background-start}*/, #E1E1E1 /*{b-bup-background-end}*/);
	--sidebar-main-content-icon-color: #666666;
	--scroll-to-top-text-color: #FFFFFF;
	--scroll-to-top-back: rgba(108, 108, 108, 0.5);
	--scroll-to-top-back-hover: #007bff;
	--scroll-to-top-text-color-hover: #FFFFFF;

	--avatar-border-color: #007c9c;
	--avatar-back-color: #FFFFFF;
	--avatar-border-color-hover: #007c9c;
	--avatar-back-color-hover: #007c9c;
	--avatar-text-color: #1c86af;
	--avatar-text-color-small: #5a5a5a;
	--avatar-text-color-hover: #FFFFFF;

	--card-border-color: rgba(0,0,0, 0.15);
	--card-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	--card-divider-back-color: #d9d9d9;
	--card-header-border-color: rgba(0,0,0,0.15);
	--card-header-back-color: #F1F1F1;

	--dropdown-menu-text-color: #3f464c;
	--dropdown-menu-back-color: #FFFFFF;
	--dropdown-menu-border-color: rgba(0,0,0,.15);
	--dropdown-menu-footer-text-color: #2b80ca;
	--dropdown-menu-footer-text-shadow: 1px 1px 0px #FFFFFF;
	--dropdown-menu-footer-back-color: #e6e6e696;
	--dropdown-menu-item-special-text-color: #FFFFFF;
	--dropdown-menu-item-special-back-color: #368bd3;
	--dropdown-menu-item-special-text-color-hover: #FFFFFF;
	--dropdown-menu-item-special-back-color-hover: #509ee1;
	--dropdown-menu-divider-border-color: #e9ecef;
	--dropdown-menu-header-text-color: #6c757d;
	--dropdown-menu-selector-control-border-color: #ced4da;
	--dropdown-menu-selector-control-text-color: #1781c9;

	--modal-back-color: rgb(208 208 208 / 50%);
	--modal-dialog-back-color: #FFFFFF;
	--modal-dialog-border-color: #AFAFAF;
	--modal-dialog-box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
	--modal-dialog-header-text-color: #383838;
	--modal-dialog-header-icon-color: #696969;
	--modal-dialog-header-action-icon-color: #444444;
	--modal-dialog-header-back-color: #157FCC;
	--modal-dialog-header-border-color: #157FCC;
	--modal-dialog-footer-border-color: #dee2e6;

	--er-loader-border-color: #e4e4e4;
	--er-loader-border-top-color: #3498db;

	--wizard-back-color: #FFFFdf;
	--wizard-border-color: #3eb0ff;
	--wizard-link-color: #00338d;
	--wizard-info-back-color-blue: #fbfeff;

	--error-text-color: #f91111;
	--warning-text-color: #1f7f1f;

	--help-balloon-text-color: #FFFFFF;
	--help-balloon-back-color: #509ee1;
	--help-balloon-border-color: #4990cd;
	--help-balloon-text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	--help-balloon-link-color: #224377;

	--calendar-evt-header-border-color: #dadce0;
	--calendar-evt-header-text-color: #5f6368;
	--calendar-evt-button-light-border-color: #afafaf;
	--calendar-evt-button-light-text-color: #5f6368;
	--calendar-evt-button-split-border-color: #dfdfdf;
	--calendar-evt-button-primay-split-menu-back-color: #FEFEFE;
	--calendar-evt-button-primay-split-menu-back-color-hover: #CCCCCC;
	--calendar-evt-button-primay-split-menu-icon-color: #515151;
	--calendar-evt-button-split-menu-back-color-hover: #f7f7f7;
	--calendar-evt-wrapper-border-color: #dadce0;
	--calendar-evt-day-holiday-back-color: #fff4f2;
	--calendar-evt-day-weekend-back-color: #fbfbfb;
	--calendar-evt-day-selected-box-shadow: inset 0px 0px 0px 1px #00b7ff;
	--calendar-evt-day-selected-number-text-color: #4b96d7;
	--calendar-evt-day-outside-number-text-color: #c9c9c9;
	--calendar-evt-day-back-color-hover: #f5f5f5;
	--calendar-evt-day-name-text-color: #5e5e5e;
	--calendar-evt-day-index-text-color: #939393;
	--calendar-evt-day-number-text-color: #c54028;
	--calendar-evt-event-back-color: #b6e7b7;
	--calendar-evt-event-back-color-green: var(--calendar-evt-event-back-color);
	--calendar-evt-events-marker-back-color: #ffa500;
	--calendar-evt-event-icon-color: #444444;
	--calendar-evt-event-back-color-hover: #abdbac;
	--calendar-evt-event-back-color-red: #f3c8c7;
	--calendar-evt-event-back-color-red-hover: #e7bcbb;
	--calendar-evt-event-back-color-red2: #d9c2c1;
	--calendar-evt-event-back-color-red2-hover: #e3cbca;
	--calendar-evt-event-back-color-purple: #dda3dd;
	--calendar-evt-event-back-color-purple-hover: #ebb2eb;
	--calendar-evt-event-back-color-orange: #ffd68a;
	--calendar-evt-event-back-color-orange-hover: #f3cc82;
	--calendar-evt-event-back-color-blue: #b8deff;
	--calendar-evt-event-back-color-blue-hover: #aed3f3;
	--calendar-evt-event-back-color-grey: #eaf1f3;
	--calendar-evt-event-back-color-grey-hover: #e4ebed;
	--calendar-evt-event-back-color-green-expired: #cfe1d0;
	--calendar-evt-event-back-color-orange-expired: #f9e9cb;
	--calendar-evt-event-back-color-blue-expired: #cfdde9;
	--calendar-evt-day-events-indicator-back-color: #157fcc;
	--calendar-evt-day-events-indicator-icon-color: #FFFFFF;
	--calendar-evt-day-events-preview-header-back-color: #FFFFFF;
	--calendar-evt-events-date-title: #565656;
	--calendar-evt-no-events-text-color: #767676;
	--calendar-evt-no-events-icon-color: #c8c8c8;
	--calendar-evt-selection-scope-link-color: #5f6368;
	--calendar-evt-events-selection-title: #5f6368;
	--calendar-evt-checkbox-back-color: #4caf50;
	--calendar-evt-checkbox-back-color-disabled: #CCCCCC;
	--calendar-evt-checkbox-checkmark-color: #439d46;
	--calendar-evt-mycalendars-filter-more-text-color: #323232;
	--calendar-evt-event-mandant-back-color: #4dbb52;
	--calendar-evt-event-session-user-back-color: #b174e7;
	--calendar-evt-time-wrapper-text-color-hover: #157FCC;
	--calendar-evt-time-wrapper-no-events-back-color-hover: #fbfbfb;
	--calendar-evt-week-view-header-day-name-back-color: #e9e9e9;
	--calendar-evt-week-view-header-day-name-back-color-hover: #f3f3f3;
	--calendar-evt-week-view-header-day-name-text-color: #157FCC;
	--calendar-evt-participants-border-color: #B7B7B7;
	--calendar-evt-participants-border-color-hover: #42abf7;
	--calendar-evt-participant-back-color: #ebebeb;
	--calendar-evt-participant-border-color: #dddddd;
	--calendar-evt-participants-delete-icon-color: #5f5f5f;
	--calendar-evt-participant-delete-icon-color: #0075D4;
	--calendar-evt-reminder-options-back-color: #fafdff;
	--calendar-evt-reminder-options-border-color: #eff7fb;
	--calendar-evt-close-dialog-icon-color: #5c5c5c;
	--calendar-evt-date-time-picker-wrapper-border-color: #dfefff;

	--erFileDropZone-outline-color: #92b0b3;
	--erFileDropZone-back-color: #c8dadf;
	--erFileDropZone-dragover-back-color: #e5ffc8;
	--erFileDropZone-animation-outline-color-0: #92b0b3;
	--erFileDropZone-animation-outline-color-100: #c8dadf;
	--erFileDropZone-notAllowed-outline-color: #FFFFFF;
	--erFileDropZone-notAllowed-back-color: #ffc2c2;
	--erFileDropZone-erFileDropZoneIcon-icon-color: #ff0000;

	--erToastNotification-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,0.05);
	--erToastNotification-back-color: #2ca9e1;
	--erToastNotification-text-color: #FFFFFF;
	--erFileDropZone-erToastNotificationIcon-icon-color: rgba(0,0,0,0.5);

	--tooltip-text-color: #444444;
	--tooltip-back-color: #fbfbfb;
	--tooltip-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	--tooltip-border-color: #5db7ff;

	--header-back-color: #F5F5F5;
	--header-user-text-color: #777777;
	--header-user-border-color: transparent;
	--header-user-back-color-hover: var(--header-currentMandant-back-color-hover);
	--header-user-border-color-hover: var(--header-currentMandant-border-color-hover);
	--header-user-text-color-hover: #FFFFFF;
	--header-topFrameAction-back-color: #F0F0F0;
	--header-topFrameAction-border-left-color: #D8E4EF;
	--header-topFrameAction-icon-color: #91b0dc;
	--header-topFrameAction-icon-color-hover: #0075D4;
	--header-topFrameAction-icon-logout-color-hover: #f10a0a;
	--header-headMessage-back-color: #FFFFE1;
	--header-currentMandant-border-color: #cccccc;
	--header-currentMandant-back-color: #eeeeee;
	--header-currentMandant-border-color-hover: #6281af;
	--header-currentMandant-back-color-hover: #799CD2;
	--header-currentMandant-text-color-hover: #FFFFFF;
	--header-mandantSelect-border-color: rgb(157 197 225 / 72%);
	--header-mandantSelect-back-color: #FFFFFF;
	--header-mandantSelect-row-back-color-hover: #1a7cc1;
	--header-mandantSelect-box-shadow: 0 1px 4px #d2d2d2;
	--header-helpPanel-link-color-hover: #072941;
	--header-helpPanel-row-border-color: #CCCCCC;
	--header-helpPanel-search-field-border-color: #A8C0D2; 
	--header-helpPanel-phone-number-text-color: #59b200; 
	--header-helpPanel-downloads-back-color-hover: rgba(168,192,210,0.3);

	--navigationBar-back-color: var(--blueDefault);
	--navigationBar-icon-color: #FFFFFF;
	--navigationBar-icon-color-hover: #0054BF;

	/* ********************* */

	--business-card-back-color: #f8f8f8;
	--business-card-border-color: #dcdcdc;
	--business-card-title-color: #107197;

	--inline-edit-border-color: #FAFAFA;
	--inline-edit-border-color-hover: #CCCCFF;
	--inline-edit-background-color-hover: #ffffcc;
	--inline-edit-text-color-hover: #020202;

	--vat-report-back-color: #E3EBF2;

	/* ************************** Basic color pallete ****************** */
	--white: #FFFFFF;
	--redLight: #F8E0E0;
	--red :  #FFC2C2 ;
	--redDark:  #FF7B7B;
	--redDark2:  #E80000; 
	--redDark3:  #A22323;
	--yellow:  #FFFF99;
	--yellowDark:  #F1F35F; 
	--orange:  #FFCC99; 
	--orangeDark: #DF9000;
	--orangeDark4: #E15F28;
	--green:  #E5FFC8; 
	--greenLight:  #eefddd;
	--greenDark:  #CCFF99; 
	--greenDark2:  #B5E388; 
	--greenDark3:  #088A08;
	--greenBlue:  #9BD4D4; 
	--blueLight2:  #E6F9FF; 
	--blueLight:  #BEE4FF; 
	--blueGrey:  #DAE6F3; 
	--blue:  #9EC6FF; 
	--blueDark:  #4FB6FF;
	--blueDark2: #44A0E3;
	--blueDark3: #3A93D5;
	--blueDark4: #157FCC;
	--blueDefault: #157FCC;
	--turquoise:  #83FFFF; 
	--turquoiseLight:  #A0CCCC; 
	--turquoiseDark:  #419B9B; 
	--purple:  #CCCCFF; 
	--pink:  #FFC8EC; 
	--pinkDark: #a000a0;
	--grey:  #D2D2D2; 
	--greyDark:  #808080; 
	--greyLight:  #E1E1E1; 
	--greyLight2:  #F0F0F0; 
	--greyLight3:  #FAFAFA; 
	--black: #323232;
	--brown: #a05000;
}