/* **************************************** 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;
}
html { height: 100%; }
body, td, a, p { font-family: Arial,Helvetica,sans-serif }
body { color: var(--default-text-color); height:100%; background-color: var(--default-back-color); font-style:normal; font-weight: normal; font-size: 13px; }
td { color: var(--default-text-color); font-style: normal; font-weight: normal; font-size: 13px; }

/* ********************************** Basic standalone classes ******************************* */
.width-full 
{
	width: 100%;
	width: 100vh;
	min-width: 100%;
}
.height-full
{
	height: 100%;
	height: 100vh;
	min-height: 100%;
}
.height-100
{
	height: 100%;
}
.width-100
{ 
	width: 100%; 
}
.position-top-right
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}
.position-sticky-basic,
.position-sticky
{
	position: -webkit-sticky !important;  /* Safari */
	position: sticky !important;
}
.position-sticky
{
	top: 0;
	z-index: 1;
}
.pointer-events-none
{
	pointer-events: none;
}
.fl { float: left }
.fr { float: right }
.cb { clear: both }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.txtAlignLeft { text-align: left; }
.txtAlignCenter { text-align: center; }
.txtAlignRight { text-align: right; }
.txtOverflowEllipsis 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.txtLineThrough { text-decoration: line-through; }
.txt-uppercase
{
	text-transform: uppercase;
}
.txt-capitalize
{
	text-transform: capitalize;
}
.txt-capitalize-first:first-letter
{
	text-transform: capitalize;
}
.txt-capitalize-first-only
{
	text-transform: lowercase;
}
.txt-capitalize-first-only:first-letter
{
	text-transform: capitalize;
}
.white-space-nowrap
{
	white-space: nowrap;
}
/* ******************* Flexbox css definitions ******************* */
.flex-col
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-row
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flex-basis-50
{
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	flex-basis: 50%;
}
.flex-align-items-center
{
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.flex-justify-items-center
{
	-webkit-justify-items: center;
	-moz-justify-items: center;
	justify-items: center;
}
.flex-justify-self-center
{
	-webkit-justify-self: center;
	-moz-justify-self: center;
	justify-self: center;
}
.flex-justify-content-center
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}
.flex-justify-content-space-between
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
/* ************************************************************* */
.vertical-align-top
{
	vertical-align: top;
}
.vertical-align-middle
{
	vertical-align: middle;
}
.vertical-align-bottom
{
	vertical-align: bottom;
}
.box-sizing-border-box
{
	box-sizing: border-box;
}

/* ****************** Elements order in parent *********************** */

.order-1
{
	order: 1;
}
.order-2
{
	order: 2;
}
.order-3
{
	order: 3;
}
.order-4
{
	order: 4;
}
.order-5
{
	order: 5;
}

/* ************* Margin ************* */
.m-0
{
	margin: 0 !important;
}
.mt-0
{
	margin-top: 0 !important;
}
.mt-1
{
	margin-top: 1px !important;
}
.mt-2
{
	margin-top: 2px !important;
}
.mt-3
{
	margin-top: 3px !important;
}
.mt-4
{
	margin-top: 4px !important;
}
.mt-5
{
	margin-top: 5px !important;
}
.mt-6
{
	margin-top: 6px !important;
}
.mt-7
{
	margin-top: 7px !important;
}
.mt-8
{
	margin-top: 8px !important;
}
.mt-9
{
	margin-top: 9px !important;
}
.mt-10
{
	margin-top: 10px !important;
}
.mb-0
{
	margin-bottom: 0 !important;
}
.mb-1
{
	margin-bottom: 1px !important;
}
.mb-2
{
	margin-bottom: 2px !important;
}
.mb-3
{
	margin-bottom: 3px !important;
}
.mb-4
{
	margin-bottom: 4px !important;
}
.mb-5
{
	margin-bottom: 5px !important;
}
.mb-6
{
	margin-bottom: 6px !important;
}
.mb-7
{
	margin-bottom: 7px !important;
}
.mb-8
{
	margin-bottom: 8px !important;
}
.mb-9
{
	margin-bottom: 9px !important;
}
.mb-10
{
	margin-bottom: 10px !important;
}
.ml-0
{
	margin-left: 0 !important;
}
.mr-0
{
	margin-right: 0 !important;
}
.mx-0
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mx-1
{
	margin-left: 1px !important;
	margin-right: 1px !important;
}
.mx-2
{
	margin-left: 2px !important;
	margin-right: 2px !important;
}
.mx-3
{
	margin-left: 3px !important;
	margin-right: 3px !important;
}
.mx-4
{
	margin-left: 4px !important;
	margin-right: 4px !important;
}
.mx-5
{
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.mx-6
{
	margin-left: 6px !important;
	margin-right: 6px !important;
}
.mx-7
{
	margin-left: 7px !important;
	margin-right: 7px !important;
}
.mx-8
{
	margin-left: 8px !important;
	margin-right: 8px !important;
}
.mx-9
{
	margin-left: 9px !important;
	margin-right: 9px !important;
}
.mx-10
{
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.my-0
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-1
{
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}
.my-2
{
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}
.my-3
{
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}
.my-4
{
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}
.my-5
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.my-6
{
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}
.my-7
{
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}
.my-8
{
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.my-9
{
	margin-top: 9px !important;
	margin-bottom: 9px !important;
}
.my-10
{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/* ************* Padding ************* */
.p-0
{
	padding: 0 !important;
}
.pt-0
{
	padding-top: 0 !important;
}
.pt-1
{
	padding-top: 1px !important;
}
.pt-2
{
	padding-top: 2px !important;
}
.pt-3
{
	padding-top: 3px !important;
}
.pt-4
{
	padding-top: 4px !important;
}
.pt-5
{
	padding-top: 5px !important;
}
.pt-6
{
	padding-top: 6px !important;
}
.pb-0
{
	padding-bottom: 0 !important;
}
.pb-1
{
	padding-bottom: 1px !important;
}
.pb-2
{
	padding-bottom: 2px !important;
}
.pb-3
{
	padding-bottom: 3px !important;
}
.pb-4
{
	padding-bottom: 4px !important;
}
.pb-5
{
	padding-bottom: 5px !important;
}
.pb-6
{
	padding-bottom: 6px !important;
}
.pl-0
{
	padding-left: 0 !important;
}
.pl-1
{
	padding-left: 1px !important;
}
.pl-2
{
	padding-left: 2px !important;
}
.pl-3
{
	padding-left: 3px !important;
}
.pr-4
{
	padding-left: 4px !important;
}
.pl-5
{
	padding-left: 5px !important;
}
.pl-6
{
	padding-left: 6px !important;
}
.pr-0
{
	padding-right: 0 !important;
}
.pr-1
{
	padding-right: 1px !important;
}
.pr-2
{
	padding-right: 2px !important;
}
.pr-3
{
	padding-right: 3px !important;
}
.pr-4
{
	padding-right: 4px !important;
}
.pr-5
{
	padding-right: 5px !important;
}
.pr-6
{
	padding-right: 6px !important;
}
.px-0
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.px-1
{
	padding-left: 1px !important;
	padding-right: 1px !important;
}
.px-2
{
	padding-left: 2px !important;
	padding-right: 2px !important;
}
.px-3
{
	padding-left: 3px !important;
	padding-right: 3px !important;
}
.px-4
{
	padding-left: 4px !important;
	padding-right: 4px !important;
}
.px-5
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.px-6
{
	padding-left: 6px !important;
	padding-right: 6px !important;
}
.py-1
{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}
.py-2
{
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.py-3
{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.py-4
{
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.py-5
{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.py-6
{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.py-7
{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.py-8
{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.py-9
{
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}
.py-10
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/* ******************************************************* */
.z-index-1000
{
	z-index: 1000 !important;
}

/* For show and hide with an fade in/out animation */
.show 
{
	opacity: 1;
	transition: opacity 1000ms;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-o-transition: opacity 1000ms;
}
.hide
{
	opacity: 0;
	transition: opacity 1000ms;
	-webkit-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-o-transition: opacity 1000ms;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}
/* ********************* Slide up / slide down ************************ */
.collapsible
{
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	-ms-transition: max-height 0.4s linear;
	-o-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;
	
	box-sizing: border-box;
	overflow: hidden;
	max-height: 100% !important;
}
.collapsible.collapsed
{
	max-height: 0 !important;
	padding: 0 !important;
	
	-webkit-transition: max-height 0.25s, padding 0.46s linear;
	-moz-transition: max-height 0.25s, padding 0.46s linear;
	-ms-transition: max-height 0.25s, padding 0.46s linear;
	-o-transition: max-height 0.25s, padding 0.46s linear;
	transition: max-height 0.25s, padding 0.46s linear;
}
[data-toggle="collapse"]:hover, 
[data-toggle="collapse-slide"]:hover
{
	cursor: pointer;
	color: #2a9ac6;
	opacity: 0.92;
}
/* ****************** Slide up / slide down END ******************** */
.userSelectText
{
	-webkit-user-select: text; /* Safari 3.1+ */
	-moz-user-select: text; /* Firefox 2+ */
	-ms-user-select: text; /* IE 10+ */
	user-select: text; /* Standard syntax */
}
.userSelectNone
{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.no-results
{
	font-size: 25px; 
	color: var(--no-results-text-color); 
	padding: 50px;
}
.no-results .er-fa, 
.content-wrapper .main-content .main-content-body .no-results .er-fa
{
	font-size: 40px;
	color: var(--no-results-icon-color); ;
}
/* *************************** Icons with hover circle ***************************** */
.icon-wrapper
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: center;
	border-radius: 50%;
	background-color: none;
	padding: 1rem !important;
}
.icon-wrapper:hover,
.icon-wrapper:focus
{
	background-color: var(--icon-wrapper-back-color-hover);
}
.icon-wrapper .icon-circled,
.icon-wrapper .er-fa
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.striped-background-inactive
{
	background: var(--striped-background-inactive-back);
}

/* ******************************* Blinking, Pulsating, Shaking, Spin/Rotate... CSS animations ********************************** */

.blink-element
{
	animation: blink-element-animation 1.6s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-element-animation 
{
	25% { opacity: 0.5 }
	50% { opacity: 0 }
	75% { opacity: 0.5 }
}  

.blink-background-color
{
	animation: blink-background-color-animation 2.1s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-background-color-animation 
{ 
	50% 
	{ 
		background-color: transparent; 
	} 
}

.blink-border 
{
	animation: blink-border-animation 1.6s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-border-animation 
{ 
	50% 
	{ 
		border-color: transparent;
	}  
}

.blink-border-top 
{
	animation: blink-border-top-animation 1.6s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-border-top-animation 
{ 
	50% 
	{ 
		border-top-color: transparent;
	}  
}

.blink-border-bottom 
{
	animation: blink-border-bottom-animation 1.6s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-border-bottom-animation 
{ 
	50% 
	{ 
		border-right-color: transparent;
	}  
}

.blink-border-left
{
	animation: blink-border-left-animation 1.6s infinite !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-border-left-animation 
{ 
	50% 
	{ 
		border-left-color: transparent;
	}  
}

.blink-border-right 
{
	animation: blink-border-right-animation 1.6s infinite;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
@keyframes blink-border-right-animation 
{ 
	50% 
	{ 
		border-right-color: transparent;
	}  
}

/* **** Pulsating **** */

.pulse-element
{
	animation: pulse-animation 1.75s infinite;
}

.pulse-element-3s
{
	animation: pulse-animation 1.75s 3s;
}

@keyframes pulse-animation 
{
	0% 
	{
		transform: scale(0.9);
		box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
	}
	50% 
	{
		transform: scale(1);
	}
	100% 
	{
		transform: scale(0.9);
		box-shadow: 0 0 8px 10px rgba(0, 0, 0, 0);
	}
}

/* **** Shaking **** */

.shaking-element
{
	animation: shaking-element-animation 4s .7s ease-in-out infinite;
}

@keyframes shaking-element-animation 
{
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}

/* **** Spin / Rotate **** */

.spinning-element 
{
	animation-name: spinning-element-animation;
	animation-duration: 1150ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
	/* transform: rotate(3deg); */
	/* transform: rotate(0.3rad);/ */
	/* transform: rotate(3grad); */ 
	/* transform: rotate(.03turn);  */
}
@keyframes spinning-element-animation 
{
	from 
	{
		transform:rotate(0deg);
	}
	to 
	{
		transform:rotate(360deg);
	}
}

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

.frmDiv {
	position: relative;
	overflow: auto;
	height: 100px;
	width: 100%;
	border-top: 1px solid var(--frmDiv-border-color);
	border-bottom: 1px solid var(--frmDiv-border-color);
}

#btCtxDiv .bar {
	background-color: var(--btCtxDiv-bar-back-color);
}

.serverMessage {
	background-color: var(--serverMessage-back-color);
	width: 100%;
	border: 0;
	color: var(--serverMessage-text-color);
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana
}

.booleanLabel:hover {
	color: #0043AD;
}

.itcLoadingIndicator {
	font-size: 11px;
	line-height: 11px;
	background-image: url(../images/ajax-loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	height: 20px;
	margin: 3px;
	padding-top: 11px;
}

/* ***************************************** LINKS *************************************************** */
a,
.hiddenLink {
	color: var(--link-text-color);
	font-style: normal;
	font-size: 13px;
	text-decoration: none;
}

a:visited,
a:active,
a:focus,
.hiddenLink:visited,
.hiddenLink:active,
.hiddenLink:focus 
{
	color: var(--link-text-color-active);
	text-decoration: underline;
}

a:hover,
a:focus,
.hiddenLink:hover,
.hiddenLink:focus 
{
	text-decoration: underline;
}

a.no-underline,
a.no-underline:hover,
a.no-underline:focus {
	text-decoration: none;
}

.linkBox {
	display: inline-block;
	text-align: left;
	font-size: 11px;
	min-width: 50px;
	min-height: 10px;
	background-color: var(--linkBox-back-color);
	padding: 3px;
	border: 1px solid var(--linkBox-border-color);
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}

.linkBox:hover,
.linkBox:focus {
	background-color: var(--linkBox-back-color-hover);
	color: #0096e3;
	border: 1px solid var(--linkBox-border-color-hover);
	text-decoration: none;
}

.pointer:hover {
	cursor: pointer;
	cursor: hand;
}

.titleLink {
	font-size: 12px;
	cursor: pointer;
	cursor: hand;
	color: var(--titleLink-text-color);
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

a.navg,
a.navg:link,
a.navg:visited {
	text-decoration: none;
	font-size: 12px;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: var(--navg-link-text-color);
}

a.navg:hover {
	color: var(--navg-link-text-color-hover);
}

actionTip,
a.actionTip,
a.actionTip:link,
a.actionTip:visited {
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: var(--actionTip-text-color);
}

a.actionTip:hover,
a.actionTip:focus {
	color: var(--actionTip-text-color-hover);
}
/* ************************************** LIST TABLE ********************************************** */
div.scrollable-tbl-x
{
	overflow-x: auto;
	display: inline-block;
	width: 100%;
}
div.scrollable-tbl-y
{
	overflow-y: auto;
	display: inline-block;
	border-top: 1px solid var(--scrollable-tbl-y-border-color);
}
table.listTable
{
	border-collapse: collapse;
	border: 1px solid var(--listTable-border-color);
	border-top: none;
	border-left: none;
	border-right: none;
}
table.listTable tr
{
	border-bottom: 1px solid var(--listTable-row-border-color);
}
table.listTable tr.row-plain,
table.listTable tr.row-plain > td
{
	border-bottom: none;
	background: transparent !important;
}
table.listTable tr .ltbHdSml, table.listTable tr .ltbOdSml, table.listTable tr .ltbEvSml, table.listTable tr .ltbHdSmlVertical,
table.listTable tr .ltbHdSml a, table.listTable tr .ltbOdSml a, table.listTable tr .ltbEvSml a, table.listTable tr .ltbHdSmlVertical a
{
	font-size: 11px;
}
table.listTable tr .ltbOdGrey, 
table.listTable tr .ltbEvGrey
{
	color: var(--listTable-ltbGrey-text-color);
}
table.listTable tr .ltbHdSmlVertical
{
	writing-mode: tb-rl; /* This doesnt work. */
	text-align: center;
}
table.listTable, 
table.listTable td
{
	font-size: 13px;
	font-family: arial, sans-serif;
	color: var(--listTable-text-color);
}
table.listTable td.ltbHd, 
table.listTable td.ltbHdSml, 
td.ltbHd, td.ltbHdSml,
table.listTable th.ltbHd, 
table.listTable th.ltbHdSml, 
th.ltbHd, th.ltbHdSml
{
	font-weight: bold;
}
table.listTable > tr > td, 
table.listTable > tbody > tr > td,
table.listTable > tbody > tr > td.ltbHd,
table.listTable > thead > tr > th.ltbHd
{
	padding: 4px;
}
table.listTable tr.row-empty,
table.listTable tr.row-empty > td, 
table.listTable tr.row-empty > td.ltbHd,
table.listTable tr.row-empty > th.ltbHd,
.fragment-wrapper table.listTable > tr.row-empty > td, 
.fragment-wrapper table.listTable > tbody > tr.row-empty > td,
.fragment-wrapper table.listTable > tbody > tr.row-empty > td.ltbHd,
.fragment-wrapper table.listTable > thead > tr.row-empty > th.ltbHd
{
	padding: 0px;
	border-bottom: none;
}
table.listTable tr td.ltbHd, 
table.listTable tr td.ltbHdSml, 
td.ltbHd, td.ltbHdSml,
table.listTable tr th.ltbHd, 
table.listTable tr th.ltbHdSml, 
th.ltbHd, th.ltbHdSml
{
	background-color: var(--listTable-head-back-color);
	color: var(--listTable-head-text-color);
	text-shadow: var(--listTable-head-text-shadow);
}
div.scrollable-tbl-y table.listTable tr td.ltbHd, 
div.scrollable-tbl-y table.listTable tr td.ltbHdSml, 
div.scrollable-tbl-y td.ltbHd, 
div.scrollable-tbl-y td.ltbHdSml,
div.scrollable-tbl-y table.listTable tr th.ltbHd, 
div.scrollable-tbl-y table.listTable tr th.ltbHdSml, 
div.scrollable-tbl-y th.ltbHd, 
div.scrollable-tbl-y th.ltbHdSml
{
	position: -webkit-sticky !important;  /* Safari */
	position: sticky !important; /* This will work for most modern browsers except for Edge. Better to have it than not to have it at all :) */
	top: 0;
	z-index: 10;
}
table tr.row-selected td,
table.listTable tr.row-selected td
{
	background-color: var(--listTable-row-selected-back-color);
}
table tr.row-disabled td,
table.listTable tr.row-disabled td
{
	background-color: var(--listTable-row-disabled-back-color) !important;
	color: var(--listTable-row-disabled-text-color) !important;
}
table.listTable tr.row-hover:hover td, 
table.listTable tr.row-hover:hover td:not(.ltbHd):not(.ltbHdSml) a, 
table.listTable tr.row-hover:hover th:not(.ltbHd):not(.ltbHdSml) a, 
table.listTable tr.row-hover:hover td:not(.ltbHd):not(.ltbHdSml) .er-fa, 
table.listTable tr.row-hover:hover th:not(.ltbHd):not(.ltbHdSml) .er-fa,
table.listTable tr.row-hover:hover td .error, 
table.listTable tr.row-hover:hover td .note, 
table.listTable tr.row-hover:hover td font[color], 
table.listTable tr.row-hover:hover td font,
table.listTable tr.row-hover:hover td .inlineEdit,
table.listTable tr.row-hover:hover td:not(.ltbHd):not(.ltbHdSml) span,
table.listTable tr.row-hover:hover th:not(.ltbHd):not(.ltbHdSml) span
{
	/* important because of hardcoded stylings */
	background-color: var(--listTable-row-back-color-hover) !important;
	color: var(--listTable-row-text-color-hover) !important;
}
table.listTable tr.row-hover:hover td .input-group .input-group-text .er-fa
{
	/* important because of hardcoded stylings */
	background-color: initial !important;
	color: var(--input-group-arrow-down-text-color) !important;
}
table.listTable tr.row-hover:hover td .er-fa.disabled
{
	color: var(--listTable-row-icon-disabled-color-hover) !important;
}
table.listTable tr.row-hover:hover td.ltbHd, 
table.listTable tr.row-hover:hover td.ltbHdSml,
table.listTable tr.row-hover:hover th.ltbHd, 
table.listTable tr.row-hover:hover th.ltbHdSml
{
	background-color: var(--listTable-head-back-color-hover) !important;
	color: var(--listTable-head-text-color-hover) !important;
	text-shadow: var(--listTable-head-text-shadow-hover) !important;
}
table.listTable.vertical-borders
{
	border-left: 1px solid var(--listTable-row-border-color);
	border-right: 1px solid var(--listTable-row-border-color);
}
table.listTable.vertical-borders tr td
{
	border-left: 1px solid var(--listTable-row-border-color);
}
table.listTable tr.separator, 
table.listTable tr.separator td
{
	border-top: 1px solid var(--listTable-separator-color);
	border-bottom: none;
	background-color: transparent;
	padding: 0px !important;
	margin: 0px !important;
}

/* ******* Sizes ******* */
table.listTable.size-2, 
table.listTable.size-2 tr, 
table.listTable.size-2 tr td, 
table.listTable.size-2 tr th, 
table.listTable.size-2 tr a, 
table.listTable.size-2 .er-fa
{
	font-size: 1.02em;
}
table.listTable.size-2 > tr > td, 
table.listTable.size-2 > tbody > tr > td, 
table.listTable.size-2 > tbody > tr > td.ltbHd,
table.listTable.size-2 > thead > tr > th.ltbHd
{
	padding: 6px;
}

/* Make table more compact on smaller screens */
@media only screen and (max-width: 1600px) 
{
	table.listTable > tr > td, 
	table.listTable > tbody > tr > td,
	table.listTable > tbody > tr > td.ltbHd,
	table.listTable > thead > tr > th.ltbHd
	{
		padding: 3px;
	}

	table.listTable.size-2, 
	table.listTable.size-2 tr, 
	table.listTable.size-2 tr td, 
	table.listTable.size-2 tr th, 
	table.listTable.size-2 tr a, 
	table.listTable.size-2 .er-fa
	{
		font-size: 1.01em;
	}
}
@media only screen and (max-width: 1450px) 
{
	table.listTable > tr > td, 
	table.listTable > tbody > tr > td,
	table.listTable > tbody > tr > td.ltbHd,
	table.listTable > thead > tr > th.ltbHd,
	.fragment-wrapper table.listTable > tr > td, 
	.fragment-wrapper table.listTable > tbody > tr > td,
	.fragment-wrapper table.listTable > tbody > tr > td.ltbHd,
	.fragment-wrapper table.listTable > thead > tr > th.ltbHd
	{
		padding: 2px !important;
	}

	table.listTable.size-2, 
	table.listTable.size-2 tr, 
	table.listTable.size-2 tr td, 
	table.listTable.size-2 tr th, 
	table.listTable.size-2 tr a, 
	table.listTable.size-2 .er-fa
	{
		font-size: 1.01em;
	}
}
@media only screen and (max-width: 1280px) 
{
	table.listTable > tr > td, 
	table.listTable > tbody > tr > td,
	table.listTable > tbody > tr > td.ltbHd,
	table.listTable > thead > tr > th.ltbHd,
	.fragment-wrapper table.listTable > tr > td, 
	.fragment-wrapper table.listTable > tbody > tr > td,
	.fragment-wrapper table.listTable > tbody > tr > td.ltbHd,
	.fragment-wrapper table.listTable > thead > tr > th.ltbHd
	{
		padding: 1px !important;
	}

	table.listTable.size-2, 
	table.listTable.size-2 tr, 
	table.listTable.size-2 tr td, 
	table.listTable.size-2 tr th, 
	table.listTable.size-2 tr a, 
	table.listTable.size-2 .er-fa
	{
		font-size: 1.00em;
	}
}

/* ********* Sorting table header icons ************ */

table td.ltbHd.er-sorting,
table th.ltbHd.er-sorting,
table th.er-sorting
{
	cursor: pointer;
	position: relative;
}
table td.ltbHd.er-sorting:hover,
table td.ltbHd.er-sorting:hover .er-fa,
table.listTable tr.row-hover td.ltbHd.er-sorting:hover,
table.listTable tr.row-hover td.ltbHdSml.er-sorting:hover,
table th.ltbHd.er-sorting:hover,
table th.ltbHd.er-sorting:hover .er-fa,
table.listTable tr.row-hover th.ltbHd.er-sorting:hover,
table.listTable tr.row-hover th.ltbHdSml.er-sorting:hover,

table th.er-sorting:hover,
table th.er-sorting:hover .er-fa,
table tr.row-hover th.er-sorting:hover  
{
	color: var(--table-er-sorting-color-hover) !important;
}
table td.ltbHd.er-sorting:after, 
table td.ltbHd.er-sorting_asc:after, 
table td.ltbHd.er-sorting_desc:after, 
table td.ltbHd.er-sorting_asc_disabled:after, 
table td.ltbHd.er-sorting_desc_disabled:after,
table th.ltbHd.er-sorting:after, 
table th.ltbHd.er-sorting_asc:after, 
table th.ltbHd.er-sorting_desc:after, 
table th.ltbHd.er-sorting_asc_disabled:after, 
table th.ltbHd.er-sorting_desc_disabled:after,

table th.er-sorting:after, 
table th.er-sorting_asc:after, 
table th.er-sorting_desc:after, 
table th.er-sorting_asc_disabled:after, 
table th.er-sorting_desc_disabled:after  
{
	margin-left: 11px;
	right: 0.5em;
	content: "\2191";
}
table td.ltbHd.er-sorting:before, 
table td.ltbHd.er-sorting_asc:before, 
table td.ltbHd.er-sorting_desc:before, 
table td.ltbHd.er-sorting_asc_disabled:before, 
table td.ltbHd.er-sorting_desc_disabled:before,
table th.ltbHd.er-sorting:before, 
table th.ltbHd.er-sorting_asc:before, 
table th.ltbHd.er-sorting_desc:before, 
table th.ltbHd.er-sorting_asc_disabled:before, 
table th.ltbHd.er-sorting_desc_disabled:before,

table th.er-sorting:before, 
table th.er-sorting_asc:before, 
table th.er-sorting_desc:before, 
table th.er-sorting_asc_disabled:before, 
table th.er-sorting_desc_disabled:before
{
	right: 1em;
	content: "\2193";
}
table td.ltbHd.er-sorting:before, 
table td.ltbHd.er-sorting:after, 
table td.ltbHd.er-sorting_asc:before, 
table td.ltbHd.er-sorting_asc:after, 
table td.ltbHd.er-sorting_desc:before, 
table td.ltbHd.er-sorting_desc:after, 
table td.ltbHd.er-sorting_asc_disabled:before, 
table td.ltbHd.er-sorting_asc_disabled:after, 
table td.ltbHd.er-sorting_desc_disabled:before, 
table td.ltbHd.er-sorting_desc_disabled:after,
table th.ltbHd.er-sorting:before, 
table th.ltbHd.er-sorting:after, 
table th.ltbHd.er-sorting_asc:before, 
table th.ltbHd.er-sorting_asc:after, 
table th.ltbHd.er-sorting_desc:before, 
table th.ltbHd.er-sorting_desc:after, 
table th.ltbHd.er-sorting_asc_disabled:before, 
table th.ltbHd.er-sorting_asc_disabled:after, 
table th.ltbHd.er-sorting_desc_disabled:before, 
table th.ltbHd.er-sorting_desc_disabled:after,

table th.er-sorting:before, 
table th.er-sorting:after, 
table th.er-sorting_asc:before, 
table th.er-sorting_asc:after, 
table th.er-sorting_desc:before, 
table th.er-sorting_desc:after, 
table th.er-sorting_asc_disabled:before, 
table th.er-sorting_asc_disabled:after, 
table th.er-sorting_desc_disabled:before, 
table th.er-sorting_desc_disabled:after  
{
	float: right;
	vertical-align: middle;
	display: inline-block;
	opacity: 0.25;
}
table td.ltbHd.er-sorting_asc:after, 
table td.ltbHd.er-sorting_desc:before,
table th.ltbHd.er-sorting_asc:after, 
table th.ltbHd.er-sorting_desc:before,

table th.er-sorting_asc:after, 
table th.er-sorting_desc:before
{
	opacity: 1;
}


/* ****************************************** TITLES *************************************************** */
.wizTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
	color: var(--wizTitle-text-color);
}
.dgLb {
	font-size: 13px;
	color: var(--dgLb-text-color);
}
.subTitle {
	color: var(--subTitle-text-color);
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
}
.dgTitle {
	display: block;
	float: left;
	color: var(--dgTitle-text-color);
	font-weight: bold;
	font-size: 13px;
	margin: 3px 5px 0 5px;
}
.dgSubtitle {
	display: block;
	float: left;
	color: var(--dgTitle-text-color);
	font-weight: bold;
	font-size: 12px;
	margin: 3px 5px 0 5px;
}

/* *************************************** INFO BOX ************************************************ */
.infoBox {
	background-color: var(--infoBox-back-color);
	border: 1px solid var(--infoBox-border-color);
	margin-top: 0px;
	margin-bottom: 7px;
	padding: 5px;
	overflow: auto;
}
.infoBox .title {
	color: var(--infoBox-title-text-color);
	border-top: 2px solid var(--infoBox-title-border-color);
	font-size: 13px;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 5px;
}
.infoBoxControls {
	float: right;
	padding-top: 1px;
}
.infoBoxClose,
.infoBoxToggle,
.infoBoxReload {
	display: block;
	float: left;
	width: 8px;
	height: 10px;
	margin: 2px;
}
.infoBox td {
	font-size: 11px;
	color: var(--infoBox-td-text-color);
}
.infoBox a {
	font-size: 11px;
	color: var(--infoBox-link-text-color);
}
/* **************************************** INLINE EDIT ************************************************** */

.inlineEdit{ text-decoration: none; border: 1px solid var(--inline-edit-border-color); cursor: pointer; min-height: 25px; max-height: 150px; }
.inlineEdit:hover { text-decoration: none; background-color: var(--inline-edit-background-color-hover); border:1px solid var(--inline-edit-border-color-hover); cursor:pointer; cursor:hand; var(--inline-edit-text-color-hover); }
/* *************************************** WAIT CLOCK ************************************************* */
.waitClock 
{
	position: absolute;
	z-index: 10000005;
	background: url(../images/wait2.gif) no-repeat;
	width: 90px;
	height: 90px;
	text-align: center;
	color: var(--waitClock-text-color);
	top: 50%;
	left: 50%;
	margin-left: -45px;
	margin-top: -100px;
}
.waitClockMessage 
{
	position: absolute;
	z-index: 10000005;
	text-align: center;
	color: var(--waitClockMessage-text-color);
	text-shadow: var(--waitClockMessage-text-shadow);
	padding: 5px;
	border-radius: 3px;
	border: 1px solid var(--waitClockMessage-border-color);
	background-color: var(--waitClockMessage-back-color);
	box-sizing: border-box;
	margin-top: 20px;
	top: 50%;
	left: 50%;
	width: 160px;
	margin-left: -78px;
}
/* ***************************************** SUGGEST FIELD *************************************************** */
/* Suggest field */
.suggestFieldWrapper
{
	display: inline-block;
	position: relative; 
	vertical-align: top;
}
.suggestFieldWrapper .suggestFieldControlElement, .suggestFieldWrapper td.suggestFieldControlElement
{
	cursor: pointer;
	cursor: hand;
	padding: 0 !important;
	margin: 0 !important;
	width: 20px;
	max-width: 20px;
	vertical-align: middle;
	background-color: var(--suggestFieldControlElement-back-color) !important;
	border: 1px solid var(--suggestFieldControlElement-border-color) !important;
	border-left: none !important;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-ms-border-radius: 0px 3px 3px 0px;
	-o-border-radius: 0px 3px 3px 0px;	
}
table.listTable tr:hover td.suggestFieldControlElement
{
	background-color: var(--suggestFieldControlElement-back-color) !important;
	border-color: var(--suggestFieldControlElement-border-color) !important;
}
.suggestFieldWrapper .suggestFieldControlElement:hover
{
	background-color: var(--suggestFieldControlElement-back-color-hover) !important;
}
.suggestFieldWrapper td
{
	padding: 0 !important;
}
.suggestFieldWrapper .suggestFieldControlElement img
{
	display: block;
	padding: 0;
	margin: 0;
	max-height: 16px;
	margin-left: auto;
	margin-right: auto;
}
.suggestFieldWrapper .suggestFieldIconOnSelectImg
{
	padding: 0;
	margin: 0;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 4px;
}
.suggestFieldWrapper .suggestFieldTextField
{
	margin: 0 !important;
}
/* ************* Suggest results box ************* */
.SuggestBox 
{
	border: 1px solid var(--suggestBox-border-color);
	position: absolute;
	display: none;
	z-index: 998;
	overflow: auto;
	overflow-x: hidden;
	-webkit-box-shadow: var(--suggestBox-box-shadow);
	-moz-box-shadow: var(--suggestBox-box-shadow);
	-o-box-shadow: var(--suggestBox-box-shadow);
	box-shadow: var(--suggestBox-box-shadow);

	/* Extjs override */
	box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	-ms-box-sizing: initial !important;
	-webkit-box-sizing: initial !important;
}
.SuggestBoxFooter
{
	bottom: 0px;
	position: -webkit-sticky !important;  /* Safari */
	position: sticky;
	background-color: var(--suggestBoxFooter-back-color);
	color: var(--suggestBoxFooter-text-color);
	padding: 8px;
}
.SuggestResultsTable
{
	background-color: var(--suggestResultsTable-back-color);
	font-size: 13px;
	cursor: hand;
	cursor: pointer;
	border: none;

	/* Extjs override */
	box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	-ms-box-sizing: initial !important;
	-webkit-box-sizing: initial !important;
}

.SuggestResultsTable .SuggestResultRowEven td,
.SuggestResultsTable .SuggestResultRowOdd td,
.SuggestResultsTable .SuggestResultRowSelected td,
.SuggestResultsTable .SuggestResultRowTitle td
{
	padding: 2px;
}
.SuggestResultsTable .SuggestResultRowSeparator  td
{
	padding: 0px;
}
.SuggestResultsTable .SuggestResultRowTitle td
{
	color: var(--suggestResultRowTitle-text-color);
	font-weight: bold;
	padding-left: 6px;
}

.SuggestResultRowTitle
{
	text-shadow: var(--suggestResultRowTitle-text-shadow);
	background-color: var(--suggestResultRowTitle-back-color);
}
.SuggestResultRowSeparator
{
	background-color: var(--suggestResultRowSeparator-back-color);
	height: 1px;
	padding: 0 !important;
	margin: 0 !important;
}
.SuggestResultRowEven 
{
	background-color: var(--suggestResultRowEven-back-color);
}
.SuggestResultRowOdd 
{
	background-color: var(--suggestResultRowOdd-back-color);
}
.SuggestResultRowSelected 
{
	background-color: var(--suggestResultRowSelected-back-color);
	color: var(--suggestResultRowSelected-text-color);
}
.SuggestBoxNoResults 
{
	position: absolute;
	display: none;
	z-index: 998;
	background-color: var(--suggestBoxNoResults-back-color);
	color: var(--suggestBoxNoResults-text-color);
	border: 1px solid var(--suggestBoxNoResults-border-color);
	border-image: initial;
}
.SuggestBoxNoResultsMessage
{
	padding: 6px 8px;
}
.SuggestBoxNoResults.warning
{
	color: var(--suggestBoxNoResults-warning-text-color);
	border-color: var(--suggestBoxNoResults-warning-border-color);
}
.SuggestBoxNoResults.info
{
	color: var(--suggestBoxNoResults-info-text-color);
	border-color: var(--suggestBoxNoResults-info-border-color);
}
/* Text area suggest field */
.textAreaSuggestControlElementWrapper
{
	cursor: pointer;
	cursor: hand;
	z-index: 2;
	position: relative;
	margin-top: -5px; 
	height: 15px; 
	background-color: var(--textAreaSuggestControlElementWrapper-back-color); 
	border: 1px solid var(--textAreaSuggestControlElementWrapper-border-color); 
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.textAreaSuggestControlElementWrapper:hover
{
	background-color: var(--textAreaSuggestControlElementWrapper-back-color-hover);
}
.textAreaSuggestControlElement
{
	cursor: pointer;
	cursor: hand;
	z-index: 3;
	width: 100%;
	background: center url(../images/pos-touch/cb-expander-collapsed-icon.png) no-repeat; 
	height: 15px;
}

/* ************************************ Animated collapsible panel ************************************ */
.animatedCollapsiblePanel {
	width: 100%;
	border: solid 1px var(--animatedCollapsiblePanel-border-color);
	text-align: center;
	overflow: hidden;
}
.animatedCollapsiblePanelGradientCaption {
	color: var(--animatedCollapsiblePanelGradientCaption-text-color);
	padding: 5px;
	background-image: url(../images/toolBar_alt_bg.gif);
	background-repeat: repeat-x;
}
.animatedCollapsiblePanelContent {
	background-color: var(--animatedCollapsiblePanelContent-back-color);
	padding: 3px;
	overflow: hidden;
	border-top: solid 1px var(--animatedCollapsiblePanelContent-border-color);
}
/* ************************************ TABS ************************************ */
.er-tabs {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top: 18px;
	margin-bottom: -3px;
	width: 100%;
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif;
}
.er-tabs a {
	font-size: 12px !important;
}
.er-tab-active,
.er-tab-inactive {
	display: inline-block;
	float: left;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	border: 1px solid var(--er-tabs-border-color);
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -8px;
	margin-right: -1px;
	min-width: 40px;
	width: auto;
	height: 20px;
	line-height: 20px;
	background-color: var(--er-tabs-back-color);
	color: var(--er-tabs-text-color) !important;
	font-weight: bold;
}
.er-tab-active {
	position: relative;
	margin-top: -12px;
	margin-right: -1px;
	background-color: var(--er-tabs-active-back-color);
	border-top: 3px solid var(--er-tabs-active-border-top-color);
	color: var(--er-tabs-active-text-color) !important;
	height: 23px;
	line-height: 23px;
	border-bottom: none;
}
.er-tab-inactive {
	position: relative;
}
.er-tab-active:hover,
.er-tab-inactive:hover {
	text-decoration: none;
}
.er-tab-active:hover {
	color: var(--er-tabs-active-text-color-hover) !important;
}
.er-tab-inactive:hover {
	background: var(--er-tabs-inactive-back-color);
	box-shadow: none;
	color: var(--er-tabs-inactive-text-color) !important;
	margin-top: -12px;
	height: 24px;
	line-height: 24px;
	border-color: var(--er-tabs-inactive-border-color);
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.er-tabs-separator {
	float: left;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	margin-top: -1px;
	background-color: var(--er-tabs-separator-back-color);
}
.er-tab-icon {
	max-width: 30px;
	max-height: 20px;
	width: auto;
	height: auto;
	opacity: .70;
	position: relative;
	vertical-align: middle;
	margin-right: 3px;
	border: none;
	box-shadow: none;
}
.er-tab-text {
	font-size: 12px !important;
}
/* *************************************** PAGINATION ************************************************** */
.pagination, .pagination a
{
	font-size: 13px;
}
.pagination
{
	display: inline-block;
}
.pagination a 
{
	background-color: var(--pagination-back-color);
	color: var(--pagination-text-color);
	float: left;
	padding: 6px 11px;
	text-decoration: none;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-ms-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
}
.pagination a.active 
{
	background-color: var(--pagination-active-back-color);
	color: var(--pagination-active-text-color);
}
.pagination a:hover
{
	background-color: var(--pagination-back-color-hover);
}
.pagination a.active:hover
{
	background-color: var(--pagination-active-back-color-hover);
	opacity: 0.75;
	filter: alpha(opacity=75); 
}
.pagination a.disabled
{
	color: var(--pagination-disabled-text-color);
}
.pagination a.disabled:hover
{
	color: var(--pagination-disabled-text-color-hover);
	cursor: not-allowed;
	background-color: var(--pagination-disabled-back-color-hover);
}
.pagination.padded
{
	margin: 2px;
}
.pagination.small, .pagination.small a
{
	font-size: 11px;
}
.pagination.small a
{
	padding: 5px 9px;
}
.pagination.bordered a 
{
	border: 1px solid var(--pagination-border-color);
	border-left: none;
}
.pagination.bordered a:first-child 
{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border: 1px solid var(--pagination-border-color);
	font-weight: bold;
}
.pagination.bordered a:last-child 
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
}
/* ************************************* PROGRESS BAR ******************************************* */
@-webkit-keyframes er-progress-bar-stripes 
{
	from  { background-position: 0 0; }
	to    { background-position: 40px 0; }
}
@keyframes er-progress-bar-stripes 
{
	from  { background-position: 0 0; }
	to    { background-position: 40px 0; }
}
.er-progress-bar-wrapper
{
	display: inline-block;
	margin: 1px;
	width: 100%;
}
.er-progress-bar-wrapper, .er-progress-bar-wrapper .er-progress-bar, .er-progress-bar-wrapper .er-progress-bar .er-progress-bar-fill
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
.er-progress-bar
{
	height: 25px;
	margin: 1px;
	margin-bottom: 2px;
	overflow: hidden;
	background-color: var(--er-progress-bar-back-color);
	border-radius: 4px;
	-webkit-box-shadow: var(--er-progress-bar-box-shadow);
	box-shadow: var(--er-progress-bar-box-shadow);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.er-progress-bar-fill 
{
	float: left;
	width: 0;
	height: 100%;
	line-height: 25px;
	color: var(--er-progress-bar-fill-text-color);
	text-align: center;
	background-color: var(--er-progress-bar-fill-back-color);
	-webkit-box-shadow: var(--er-progress-bar-fill-box-shadow);
	box-shadow: var(--er-progress-bar-fill-box-shadow);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.er-progress-bar-striped, .er-progress-striped .er-progress-bar-fill 
{
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.er-progress-bar.animated .er-progress-bar-fill, .er-progress-bar-fill.animated
{
	-webkit-animation: er-progress-bar-stripes 2s linear infinite;
	-o-animation: er-progress-bar-stripes 2s linear infinite;
	animation: er-progress-bar-stripes 2s linear infinite;
}
/* Colors */
.er-progress-bar-fill.orange
{
	background-color: var(--er-progress-bar-fill-back-color-orange);
}
.er-progress-bar-fill.green
{
	background-color: var(--er-progress-bar-fill-back-color-green);
}
.er-progress-bar-fill.red
{
	background-color: var(--er-progress-bar-fill-back-color-red);
}

/* Taks */
.er-progress-bar-wrapper .progress-bar-tasks, .er-progress-bar-wrapper .progress-bar-estimate
{
	text-align: center;
}
.er-progress-bar-wrapper .progress-bar-tasks
{
	color: var(--er-progress-bar-data-tasks-text-color);
}
.er-progress-bar-wrapper .progress-bar-tasks .tasks-evaluated
{
	color: var(--er-progress-bar-data-evaluated-text-color);
}
/* Estimate */
.er-progress-bar-wrapper .progress-bar-estimate
{
	font-size: 11px;
	color: var(--er-progress-bar-data-estimate-text-color);
}
/* ****************************************** BLINKER ******************************************** */
.blinker
{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 100;
	-webkit-filter: Alpha(100%); /* Safari 6.0 - 9.0 */
	filter: Alpha(100%); /* IE8 and earlier versions */
}
.blinker.blinker-on
{
	background-color: var(--blinker-on-back-color);
}
.blinker.blinker-on-fade
{
	opacity: 0.3;
	-webkit-filter: Alpha(30%); /* Safari 6.0 - 9.0 */
	filter: Alpha(30%); /* IE8 and earlier versions */
}

/* ********************************** PAGE CONTAINERS ********************************** */
@media (min-width: 576px)
{
	.page-container-centered  
	{
		width: 540px;
		max-width: 100%;
	}
}
@media (min-width: 768px)
{
	.page-container-centered  
	{
		width: 720px;
		max-width: 100%;
	}
}
@media (min-width: 992px)
{
	.page-container-centered  
	{
		width: 960px;
		max-width: 100%;
	}
}
@media (min-width: 1200px)
{
	.page-container-centered  
	{
		width: 1140px;
		max-width: 100%;
	}
}
@media (min-width: 1440px)
{
	.page-container-centered  
	{
		width: 1380px;
	}
}
@media (min-width: 1680px)
{
	.page-container-centered 
	{
		width: 1620px;
	}
}
.page-container-centered  
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* ************************************ Promt button ***************************************** */
.PromptButtonInner {
	display: block;
	padding: 5px 0px 10px 58px;
	background: no-repeat 3px bottom;
	height: 40px;
	font-size: smaller;
	margin-top: 5px;
}
.PromptButton {
	padding: 8px;
	border: 1px solid var(--promptButton-border-color);
	background-color: var(--promptButton-back-color);
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
.PromptButton:hover {
	border-color: var(--promptButton-border-color-hover);
	background-color: var(--promptButton-back-color-hover);
}
/* ************************************ END ***************************************** */
/* ************************************ ExtJS ***************************************** */
.er-ext-grid-field-error {
	background-image: url(../images/default/grid/invalid_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #ff0000;
}
.x-form-trigger.er-ext-grid-field-itc-calendar {
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.x-border-box .bar * {
    box-sizing: content-box  !important;
    -moz-box-sizing: content-box !important;
    -ms-box-sizing: content-box  !important;
    -webkit-box-sizing: content-box  !important;
}
/* --------------------------------------- */
.er-datepicker-holiday .x-datepicker-date {
	background-color: #fbdad4;
}
.er-datepicker-saturday .x-datepicker-date,
.er-datepicker-sunday .x-datepicker-date {
	background-color: #dddddd;
}
.er-datepicker-holiday.x-datepicker-selected .x-datepicker-date,
.er-datepicker-saturday.x-datepicker-selected .x-datepicker-date,
.er-datepicker-sunday.x-datepicker-selected .x-datepicker-date {
	background-color: #dae5f3;
}
/* ************************************** DATATABLES Customization ******************************************** */
.er-dataTables-container.dis-inline-block .div.dataTables_wrapper 
{
	display: inline-block;
}

.er-dataTables-container.responsive div.dataTables_wrapper table.dataTable 
{
	width: auto !important;
}
.no-background div.dts div.dataTables_scrollBody
{
	background: none;
}
div.dts div.dataTables_scrollBody table
{
	z-index: 0;
}

table.dataTable thead th, 
table.dataTable thead td,
.dataTables_wrapper.no-footer .dataTables_scrollBody,
table.dataTable.no-footer
{
	border-bottom: 1px solid var(--dataTable-border-color);
}
table.dataTable thead th
{
	background-color: var(--dataTable-head-back-color);
	color: var(--dataTable-head-text-color);
	text-shadow: var(--dataTable-head-text-shadow);
}
table.dataTable thead th, 
table.dataTable tfoot th 
{
	font-weight: bold;
	color: var(--dataTable-head-text-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover 
{
	border: 1px solid var(--dataTable-pagination-border-color);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active 
{
	background: var(--dataTable-paginate-button-active-back);
	box-shadow: var(--dataTable-paginate-button-active-box-shadow);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover 
{
	border: 1px solid var(--dataTable-paginate-button-border-color-hover);
	background: var(--dataTable-paginate-button-back-hover);
}
table.dataTable th.wrapnormal,
table.dataTable td.wrapnormal
{
	white-space: normal !important;
}

table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd 
{
	background-color: var(--dataTable-row-odd-back-color);
}
table.dataTable tbody tr 
{
	background-color: var(--dataTable-row-back-color);
}
table.dataTable tbody th, 
table.dataTable tbody td 
{
	padding: 5px !important;
}

button.dt-button, 
div.dt-button, 
a.dt-button, 
input.dt-button
{
	background: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	outline: none;
	text-overflow: ellipsis;
	color: var(--dataTable-button-text-color);
	border: 1px solid var(--dataTable-button-border-color);
	background-color: var(--dataTable-button-back-color);
	padding: 0;
	padding-left: 7px;
	padding-right: 7px;
	min-width: 40px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	height: 27px !important;
	line-height: 27px !important;
}
button.dt-button:hover:not(.disabled), 
div.dt-button:hover:not(.disabled), 
a.dt-button:hover:not(.disabled), 
input.dt-button:hover:not(.disabled) 
{
	border: 1px solid var(--dataTable-button-border-color-hover);
	background: none;
	background-color: var(--dataTable-button-back-color-hover);
}

/* ************************************** CALENDAR ******************************************** */
.Calendar 
{
	background-color: var(--calendar-widget-back-color) ;
	cursor: default;
	border: 1px solid var(--calendar-widget-border-color);
	font-family: Arial, Helvetica, sans-serif;
}
.Calendar.shadow
{
	-webkit-box-shadow: var(--calendar-widget-shadow-box-shadow);
	-moz-box-shadow: var(--calendar-widget-shadow-box-shadow);
	-o-box-shadow: var(--calendar-widget-shadow-box-shadow);
	box-shadow: var(--calendar-widget-shadow-box-shadow);
}
.CalendarHeader 
{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	background-color: var(--calendar-widget-head-back-color);
	color: var(--calendar-widget-head-text-color) !important;
}
.CalendarSpan 
{
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	font-family: cursive, Arial, Helvetica, sans-serif;
	padding: 2px;
}
.CalendarSpan:hover 
{
	color: var(--calendar-widget-head-text-color-hover);
	opacity: 0.85;
}
.CalendarMonths,
.CalendarYear, 
input.CalendarYear
{
	vertical-align: middle;
}
.CalendarMonths 
{
	color: var(--calendar-widget-months-text-color);
	border: 1px solid var(--calendar-widget-months-border-color);
}
.CalendarYear, input.CalendarYear 
{
	color: var(--calendar-widget-year-text-color); 
	border: 1px solid var(--calendar-widget-year-border-color) !important; 
	width: 43px; font-size: 13px; 
	font-family: Arial;
}
.CalendarDayNamesRow
{
	background-color: var(--calendar-widget-dayName-back-color);
	border-bottom: 1px solid var(--calendar-widget-dayName-border-color);
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.CalendarDayNamesRow, .CalendarDayNamesRow td 
{
	font-size: 12px !important;
	color: var(--calendar-widget-dayName-text-color) !important; 
	font-weight: normal !important;
}
.CalendarDayNamesRow td 
{
	width: 10px;
	text-align: center;
}
.CalendarDayValuesRow 
{
	cursor: pointer;
	font-size: 12px;
}
.Calendar .CalendarDayValuesRow td:hover 
{
	color: var(--calendar-widget-values-text-color-hover);
	background-color: var(--calendar-widget-values-back-color-hover);
}
.CalendarSelectedDay 
{
	cursor: pointer;
	background-color: var(--calendar-widget-daySelected-back-color);
	color: var(--calendar-widget-daySelected-text-color);
}
.Calendar .CalendarDayValuesRow td.CalendarSelectedDay:hover 
{
	color: #f0f0f0;
	background-color: #4ca8c4;
}
.Calendar .CalendarDayValuesRow td.CalendarDayHoliday:hover
{
	color: var(--calendar-widget-dayHoliday-text-color-hover);
	background-color: var(--calendar-widget-dayHoliday-back-color-hover);
}
.CalendarNoDay 
{
	cursor: pointer;
	background-color: var(--calendar-widget-noDay-back-color);
	color: var(--calendar-widget-noDay-text-color);
	font-style: italic;
}
.CalendarDay 
{
	cursor: pointer;
	background-color: var(--calendar-widget-day-back-color);
}
.CalendarWeekend 
{
	cursor: pointer;
	background-color: var(--calendar-widget-weekend-back-color);
	color: var(--calendar-widget-weekend-text-color);
}
.CalendarDayHoliday 
{
	cursor: pointer;
	background-color: var(--calendar-widget-dayHoliday-back-color);
	color: var(--calendar-widget-dayHoliday-text-color);
}
.CalendarNoDayWeekend 
{
	cursor: pointer;
	background-color: var(--calendar-widget-noDayWeekend-back-color);
	color: var(--calendar-widget-noDayWeekend-text-color);
	font-style: italic;
}

/* ************************************** MAIN MENU ****************************************** */
.MainMenuBar {
	padding: 2px;
}

.MainMenuBarItemActive,
.MainMenuBarItemInactive,
.MainMenuBarItemHover {
	-webkit-user-select: none;
	/* Safari 3.1+ */
	-moz-user-select: none;
	/* Firefox 2+ */
	-ms-user-select: none;
	/* IE 10+ */
	user-select: none;
	/* Standard syntax */
}

.MainMenuBarItemInactive {
	background-color: var(--mainMenuBar-item-inactive-back-color);
	color: var(--mainMenuBar-item-inactive-text-color);
	border: 1px solid var(--mainMenuBar-item-inactive-border-color);
}

.MainMenuBarItemActive {
	cursor: pointer;
	color: var(--mainMenuBar-item-active-text-color);
	background-color: var(--mainMenuBar-item-active-back-color);
}

.MainMenuBarItemHover {
	cursor: pointer;
	text-decoration: underline;
}

.MainMenu {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: url(../images/mainMenu_bg.gif) repeat-y var(--mainMenu-back-color);
	color: var(--mainMenu-text-color);
	border: 1px solid var(--mainMenu-border-color);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-moz-user-select: none;
	-webkit-box-shadow: var(--mainMenu-box-shadow);
	-moz-box-shadow: var(--mainMenu-box-shadow);
	-o-box-shadow: var(--mainMenu-box-shadow);
	box-shadow: var(--mainMenu-box-shadow);
}

.MainMenuItemInactive {
	padding: 2px 5px 2px 5px;
}

.MainMenuItemActive {
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	background-color: var(--mainMenu-item-active-back-color);
	color: var(--mainMenu-item-active-text-color);
}

.MainMenuItemIconInactive {
	background-color: var(--mainMenu-item-inactive-icon-back-color);
	width: 20px;
	height: 20px;
}

.MainMenuItemIconActive {
	cursor: pointer;
	background-color: var(--mainMenu-item-active-icon-back-color);
	width: 20px;
	height: 20px;
}

.MainMenuSubMenuPointer {
	font-family: cursive, Arial, Helvetica, sans-serif !important;
	color: #6f6f6f;
}

.MainMenuItemIconImg {
	width: 15px;
	height: 15px;
}

.MainMenuItemSeparator {
	background-color: var(--mainMenu-item-separator-back-color);
	font-size: 0px;
}

.dis-inline
{
	display: inline !important;
}
.dis-inline-block
{
	display: inline-block !important;
}
.dis-inline-table
{
	display: inline-table !important;
}
.dis-block
{
	display: block !important;
}
.dis-flex
{
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: flex !important;
}
.dis-none,
.button.dis-none, 
.button.btn-default-action.dis-none
{
	display: none !important;
}

.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;
}

.multiBox *, 
.DialogBox .multiBox *
{
	box-sizing: border-box !important;
}
.multiBox, 
.multiBoxDropDownList
{
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
.multiBox
{
	margin: 0; 
	padding: 0; 
	min-width: 20px;
	height: 22px; 
	display: inline-block;
}
.multiBoxSelector
{
	position: absolute; 
	overflow: hidden; 
	display: inline-block; 
	height: 22px;
	box-sizing: border-box !important;
}
.multiBoxSelectorField
{
	display: flex;
	align-items: center;
	height: 22px;
	box-sizing: border-box !important;
	box-sizing: initial;
	overflow: hidden;
	text-align: left;
	color: var(--multiBox-multiBoxSelectorField-text-color); 
	padding-left: 2px; 
	padding-right: 2px; 
	border: 1px solid var(--multiBox-multiBoxSelectorField-border-color); 
	background-color: var(--multiBox-multiBoxSelectorField-back-color); 
	float: left;
	white-space: nowrap;
}
.multiBoxSelectorField:hover,
.multiBoxSelectorField:focus
{
	border: 1px solid var(--multiBox-multiBoxSelectorField-border-color-hover); 
	background-color: var(--multiBox-multiBoxSelectorField-back-color-hover); 
}
.multiBoxSelectorArrow
{
	display: flex;
	vertical-align: middle;
	justify-items: center;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--input-group-prepend-outline-border-color);
	border-radius: 0px 0.25rem 0.25rem 0px;
	border-left-width: 0px;
	box-sizing: border-box !important;
	width: 20px; 
	height: 22px;
	max-height: 22px;
	line-height: 22px;
	float: left;
	overflow: hidden;
}
.multiBoxSelector:hover .multiBoxSelectorArrow,
.multiBoxSelectorArrow:hover
{
	background-color: var(--multiBox-multiBoxSelectorArrow-back-color-hover);
}
.multiBoxDropDownList
{
	z-index: 1000; 
	margin: 0;
	margin-top: -1px;
	padding: 0;
	position: absolute;
	display: none;
	min-width: 70px;
	max-width: 800px;
	background-color: var(--multiBox-multiBoxDropDownList-back-color); 
	border: 1px solid var(--multiBox-multiBoxDropDownList-border-color);
	border-bottom: 2px solid var(--multiBox-multiBoxDropDownList-border-bottom-color);
	overflow: hidden;
}
.multiBoxDropDownList ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.multiBoxDropDownList ul li
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	box-sizing: border-box;
	clear: both;
	padding: 1px 3px 1px 3px;
	vertical-align: middle;
	background-color: #FFFFFF;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.multiBoxDropDownList ul li:hover,
.multiBoxDropDownList ul li.evenRow:hover,
.multiBoxDropDownList ul li.hover,
.multiBoxDropDownList ul li.evenRow.hover
{
	background-color: var(--multiBox-row-back-color-hover);
}
.multiBoxDropDownList ul li.rowChecked
{
	background-color: var(--multiBox-row-checked-back-color) !important;
}
.multiBoxDropDownList ul li.rowChecked:hover,
.multiBoxDropDownList ul li.rowChecked:focus,
.multiBoxDropDownList ul li.rowChecked.hover
{
	background-color: var(--multiBox-row-checked-back-color-hover) !important;
}
.multiBoxDropDownList ul li.evenRow
{
	background-color: var(--multiBox-row-even-back-color);
}
.multiBoxDropDownList ul li input
{
	display: inline;
	float: left;
	vertical-align: middle;
}
.multiBoxDropDownList ul li span
{
	display: inline;
	margin-left: 15px;
	vertical-align: middle;
}
.multiBoxDropDownList ul li.multiBoxDropDownListSelectAll
{
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: 1px solid var(--multiBox-multiBoxDropDownListSelectAll-border-color);
	cursor: pointer;
	color: var(--multiBox-multiBoxDropDownListSelectAll-text-color);
	text-shadow: var(--multiBox-multiBoxDropDownListSelectAll-text-shadow);
	background-color: var(--multiBox-multiBoxDropDownListSelectAll-back-color);
}
.multiBoxDropDownListSeparator,
.multiBoxDropDownList ul li.multiBoxDropDownListSeparator
{
	background-color: var(--multiBox-multiBoxDropDownListSeparator-back-color); 
	height: 1px; 
	padding: 0 !important; 
	margin: 0 !important;
}
.multiBoxDropDownListAndOr,
.multiBoxDropDownList ul li.multiBoxDropDownListAndOr
{
	border-bottom: 1px solid var(--multiBox-multiBoxDropDownListAndOr-border-color);
	color: #1d1d1d;
	opacity: 1;
	filter: alpha(opacity=100);
	display: inline-block;
	width: 100%;
	text-align: center;
	float: none;
	color: var(--multiBox-multiBoxDropDownListAndOr-text-color) !important;
	background-color: var(--multiBox-multiBoxDropDownListAndOr-back-color) !important;
	border-color: var(--multiBox-multiBoxDropDownListAndOr-border-color) !important;
}
.multiBoxDropDownListAndOr label,
.multiBoxDropDownList ul li.multiBoxDropDownListAndOr label
{
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}
.multiBoxDropDownList ul li.multiBoxDropDownListAndOr label input
{
	padding: 0;
	margin: 0;
}

/* **************************** GRID DEFINITION **************************** */

.er-grid-row::after 
{
	content: "";
	clear: both;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* For mobile phones (Diplays faster on smaller screens if mobile comes first.) */
[class*="er-grid-col-"] 
{
	float: left;
	width: 100%;
}
/* If screen size is more than 600px wide */
@media only screen and (min-width: 600px) 
{
	/* For tablets */
	.er-grid-col-m-1 { width: 8.33%; }
	.er-grid-col--m-2 { width: 16.66%; }
	.er-grid-col-m-3 { width: 25%; }
	.er-grid-col-m-4 { width: 33.33%; }
	.er-grid-col-m-5 { width: 41.66%; }
	.er-grid-col-m-6 { width: 50%; }
	.er-grid-col-m-7 { width: 58.33%; }
	.er-grid-col-m-8 { width: 66.66%; }
	.er-grid-col-m-9 { width: 75%; }
	.er-grid-col-m-10 { width: 83.33%; }
	.er-grid-col-m-11 { width: 91.66%; }
	.er-grid-col-m-12 { width: 100%; }
	/* widget columns */
	.er-grid-col-side-single {width:25%;}
	.er-grid-col-center {width:50%;}
	.er-grid-col-center-double {width:75%;}
	.er-grid-col-center-full {width:100%;}
}
/* If screen size is more than 1210px wide */
@media only screen and (min-width: 1210px) 
{
	/* For desktop */
	.er-grid-col-1 { width: 8.33%; }
	.er-grid-col-2 { width: 16.66%; }
	.er-grid-col-3 { width: 25%; }
	.er-grid-col-4 { width: 33.33%; }
	.er-grid-col-5 { width: 41.66%; }
	.er-grid-col-6 { width: 50%; }
	.er-grid-col-7 { width: 58.33%; }
	.er-grid-col-8 { width: 66.66%; }
	.er-grid-col-9 { width: 75%; }
	.er-grid-col-10 { width: 83.33%; }
	.er-grid-col-11 { width: 91.66%; }
	.er-grid-col-12 { width: 100%; }
	/* widget columns */
	.er-grid-col-side-single {width:25%;}
	.er-grid-col-center {width:50%;}
	.er-grid-col-center-double {width:75%;}
	.er-grid-col-center-full {width:100%;}
}
/* If screen size is more than 1750px wide */
@media only screen and (min-width: 1750px) 
{
	/* for iMac */
	.er-grid-col-1 { width: 8.33%; }
	.er-grid-col-2 { width: 16.66%; }
	.er-grid-col-3 { width: 25%; }
	.er-grid-col-4 { width: 33.33%; }
	.er-grid-col-5 { width: 41.66%; }
	.er-grid-col-6 { width: 50%; }
	.er-grid-col-7 { width: 58.33%; }
	.er-grid-col-8 { width: 66.66%; }
	.er-grid-col-9 { width: 75%; }
	.er-grid-col-10 { width: 83.33%; }
	.er-grid-col-11 { width: 91.66%; }
	.er-grid-col-12 { width: 100%; }
	/* widget columns */
	.er-grid-col-side-single {width:28%;}
	.er-grid-col-center {width:44%;}
	.er-grid-col-center-double {width:72%;}
	.er-grid-col-center-full {width:100%;}
}
/* If screen size is more than 1900px wide */
@media only screen and (min-width: 1900px) 
{
	/* for iMac */
	.er-grid-col-1 { width: 8.33%; }
	.er-grid-col-2 { width: 16.66%; }
	.er-grid-col-3 { width: 25%; }
	.er-grid-col-4 { width: 33.33%; }
	.er-grid-col-5 { width: 41.66%; }
	.er-grid-col-6 { width: 50%; }
	.er-grid-col-7 { width: 58.33%; }
	.er-grid-col-8 { width: 66.66%; }
	.er-grid-col-9 { width: 75%; }
	.er-grid-col-10 { width: 83.33%; }
	.er-grid-col-11 { width: 91.66%; }
	.er-grid-col-12 { width: 100%; }
	/* widget columns */
	.er-grid-col-side-single {width:30%;}
	.er-grid-col-center {width:40%;}
	.er-grid-col-center-double {width:70%;}
	.er-grid-col-center-full {width:100%;}
}

.fragment-wrapper
{
	background-color: var(--fragment-back-color); 
	border: 1px solid var(--fragment-border-color); 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	margin: 7px; 
	margin-bottom: 12px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	-webkit-box-shadow: var(--fragment-box-shadow);
	-moz-box-shadow: var(--fragment-box-shadow);
	box-shadow: var(--fragment-box-shadow);
}
.fragment-header
{
	border-bottom: 1px solid var(--fragment-header-border-color) !important;
	color: var(--fragment-header-text-color);
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	max-width: 100%;
	width: 100%;
}
.fragment-toolbar .er-fa
{
	color: var(--fragment-toolbar-icon-color);
}
.fragment-toolbar .er-fa:hover
{
	color: var(--fragment-toolbar-icon-color-hover);
}
.fragment-title-wrapper
{
	padding: 7px 10px 4px;
	text-shadow: none;
	padding-right: 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
}
.fragment-title-wrapper:hover
{
	cursor: pointer;
}
.fragment-title-wrapper:hover .fragment-title
{
	color: var(--fragment-title-text-color-hover);
}
.fragment-toolbar
{
	padding: 9px 10px 4px;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.fragment-content
{
	padding: 5px; 
	overflow: auto;
	color: var(--fragment-content-text-color);
	position: relative;
}
.fragment-content-max-h-500
{
	max-height: 500px;
}
.fragment-content-max-h-1000
{
	max-height: 1000px;
}
.fragment-content-empty
{
	text-align: center; 
	margin: 5px;
}
.fragment-wrapper table.listTable > tr > td, 
.fragment-wrapper table.listTable > tbody > tr > td,
.fragment-wrapper table.listTable > tbody > tr > td.ltbHd,
.fragment-wrapper table.listTable > thead > tr > th.ltbHd
{
	padding: 3px;
}
/* ******************************************************** */
.add-fragment-bt
{
	width: 150px;
	text-align: center;
	padding-top: 10px;
}
.fragment-category-icon:hover
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important; 
}
.fragment-title-add
{
	padding: 3px 5px 3px !important;
	width: 98%!important;
}
.fragment-title-add:hover
{
	color: var(--fragment-title-add-text-color-hover) !important;
	cursor: pointer !important;
}
.fragments-name-add
{
	width: 70%;
	float: right; 
	overflow: hidden;
}
.fragments-category-add
{
	width: 30%;
	height: calc(100% - 63px);
	position: absolute;
	margin-left: -5px;
	margin-top: -5px;
	float: left;
	background: var(--fragments-category-add-back-color);
	border-right: 1px solid var(--fragments-category-add-border-color);
}
.fragment-content-add
{
	font-weight: bold; 
	font-size: 15px; 
	color: var(--fragments-content-add-text-color);
	overflow: hidden;
}
.fragment-content-add:hover,
.fragment-button:hover,
.fragment-content-add.active
{
	background: var(--fragment-button-back-color-hover);
}
.fragment-content-add:hover,
.fragment-button:hover 
{
	cursor: pointer;
}
.fragment-button:hover
{
	border: 1px solid var(--fragment-button-border-color-hover);
}
.fragment-button:hover > .fragment-header
{
	border-bottom: 1px solid var(--fragment-header-border-bottom-color) !important;
}
.fragment-wrapper-add:hover
{
	cursor: pointer;
	background-color: var(--fragment-wrapper-add-back-color);
}
.fragment-header-content
{
	display: inline-block;
	font-weight: initial;
	font-decoration:none;
	max-width: 100%;
}
.fragment-title
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: middle;
}

input[type="text"], input[type="time"], input[type="number"], input[type="search"], input[type="password"], textarea, select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.DialogBox select
{
	outline: none;
	display: inline-block;
	text-decoration: none;
	color: var(--input-text-color);
	background-color: var(--input-back-color);
	border: none;
	border: 1px solid var(--input-border-color);
	box-sizing: border-box !important; /* Because dialog box has a weird rule box-sizing: content-box !important */
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	border-radius: 0;
}
input[type="text"], input[type="time"], input[type="number"], input[type="search"], input[type="password"], select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select
{
	height: 22px;
}
input[type="text"], input[type="time"], input[type="number"], input[type="search"], input[type="password"], textarea,
.dataTables_wrapper .dataTables_filter input
{
	padding: 3px 5px;
}
input:disabled, 
select:disabled,
textarea:disabled
{
	background-color: var(--input-back-color-disabled);
}
input:readonly, 
select:readonly,
textarea:readonly
{
	background-color: var(--input-back-color-readonly);
}

/* ************************************ Large fields ************************************ */

.large-fields input[type="text"], .large-fields input[type="time"], .large-fields input[type="number"], .large-fields input[type="search"], .large-fields input[type="password"], .large-fields select
{
	height: 32px;
	font-size: 14px;
}
.large-fields .file-upload-container .button.file-browse-btn
{
	min-height: 32px;
}
.large-fields .input-search .input-text, 
.large-fields .dropdown .dropdown-menu .input-search .input-text,
.large-fields .dropdown .dropdown-menu input[type="text"].input-text,
.large-fields .dropdown .dropdown-menu input[type="time"].input-text,
.large-fields .dropdown .dropdown-menu input[type="number"].input-text,
.large-fields .dropdown .dropdown-menu input[type="search"].input-text,
.large-fields .dropdown .dropdown-menu input[type="password"].input-text,
.large-fields-2 .input-search .input-text, 
.large-fields-2 .dropdown .dropdown-menu .input-search .input-text,
.large-fields-2 .dropdown .dropdown-menu input[type="text"].input-text,
.large-fields-2 .dropdown .dropdown-menu input[type="time"].input-text,
.large-fields-2 .dropdown .dropdown-menu input[type="number"].input-text,
.large-fields-2 .dropdown .dropdown-menu input[type="search"].input-text,
.large-fields-2 .dropdown .dropdown-menu input[type="password"].input-text
{
	padding: .375rem .75rem;
	padding-right: 1.5rem;
}
.large-fields-2 input[type="text"], .large-fields-2 input[type="time"], laerge-fields-2 input[type="number"], .large-fields-2 input[type="search"], .large-fields-2 input[type="password"], .large-fields-2 select
{
	height: 42px;
	font-size: 16px;
}
.large-fields-2 .file-upload-container .button.file-browse-btn
{
	min-height: 42px;
}
/* *************************************************************************************** */
select,
.dataTables_wrapper .dataTables_length select
{
	font-size: 12px;
	border-width: 1px;
}
select[multiple],
select[size]
{
	height: initial;
}
input[type="text"], 
input[type="time"], 
input[type="number"], 
input[type="search"], 
input[type="password"]
{
	-webkit-transition: 0.3s ease;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: 0.3s ease;
}
window:focus
{
	border: none;
	box-shadow: none;
	outline: none;
}
input[type="text"]:focus, 
input[type="time"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
.focusable:focus,
.input[class="button"],
.button:focus, 
.dataTables_wrapper .dataTables_filter input:focus
{
	border: 1px solid var(--input-border-color-focus);
	box-shadow: var(--input-box-shadow-focus);
	-webkit-box-shadow:  var(--input-box-shadow-focus);
	-moz-box-shadow:  var(--input-box-shadow-focus);
	color: var(--input-text-color-focus-default);
	outline: none;
}
div[tabindex]:focus, 
span[tabindex]:focus
{
	border-color: var(--input-border-color-focus);
	outline: none;
}
input[type="text"]:focus,
input[type="time"]:focus,
input[type="number"]:focus, 
input[type="search"]:focus,
input[type="password"]:focus,
.dataTables_wrapper .dataTables_filter input:focus
{
	color: var(--input-text-color-focus);
}
select:focus,
.dataTables_wrapper .dataTables_length select:focus
{
	border-color: var(--input-border-color-focus);
	box-shadow: var(--input-box-shadow-focus);
	-webkit-box-shadow: var(--input-box-shadow-focus);
	-moz-box-shadow: var(--input-box-shadow-focus);
	color: var(--input-text-color-focus-default);
	outline: none;
}
.button:focus,  
.input[class="button"]
{
	border-color: var(--button-border-color-focus);
	box-shadow: var(--button-box-shadow-focus);
	-webkit-box-shadow: var(--button-box-shadow-focus);
	-moz-box-shadow: var(--button-box-shadow-focus);
}
a:focus
{
	outline: none;
}

/* ********************************** Validity ********************************** */

input.danger[type="text"], input.danger[type="time"], input.danger[type="number"], input.danger[type="search"], input.danger[type="password"], textarea.danger, 
div.danger, span.danger, select.danger
{
	border-color: var(--validity-danger-border-color);
}
input.warning[type="text"], input.warning[type="time"], input.warning[type="number"], input.warning[type="search"], input.warning[type="password"], textarea.warning, 
div.warning, span.warning, select.warning
{
	border-color: var(--validity-warning-border-color);
	box-shadow: var(--validity-warning-box-shadow);
	-webkit-box-shadow: var(--validity-warning-box-shadow);
	-moz-box-shadow: var(--validity-warning-box-shadow);
}
input.success[type="text"], input.success[type="time"], input.success[type="number"], input.success[type="search"], input.success[type="password"], textarea.success, 
div.success, span.success, select.success
{
	border-color: var(--validity-success-border-color);
	box-shadow: var(--validity-success-box-shadow);
	-webkit-box-shadow: var(--validity-success-box-shadow);
	-moz-box-shadow: var(--validity-success-box-shadow);
}
.danger::placeholder 
{
	color: var(--validity-danger-placeholder-text-color);
	opacity: 1;
}
.danger:-ms-input-placeholder 
{ 
	/* IE 10-11 */
	color: var(--validity-danger-placeholder-text-color);
}
.danger::-ms-input-placeholder 
{ 
	/* Edge */
	color: var(--validity-danger-placeholder-text-color);
}
.warning::placeholder 
{
	color: var(--validity-warning-placeholder-text-color);
	opacity: 1;
}
.warning:-ms-input-placeholder 
{ 
	/* IE 10-11 */
	color: var(--validity-warning-placeholder-text-color);
}
.warning::-ms-input-placeholder 
{ 
	/* Edge */
	color: var(--validity-warning-placeholder-text-color);
}
.success::placeholder 
{
	color: var(--validity-success-placeholder-text-color);
	opacity: 1;
}
.success:-ms-input-placeholder 
{ 
	/* IE 10-11 */
	color: var(--validity-success-placeholder-text-color);
}

/* ******************************** INPUT GROUPS ************************************ */

.input-group *
{
	box-sizing: border-box;
}

.input-group
{
	display: inline-table;
	min-height: 22px;
	margin-left: 1px;
	border-spacing: 0;
	border-collapse: initial;
}

/* IE 10-11 */
@media all and (-ms-high-contrast:none)
{
	.input-group
	{
		vertical-align: middle;
	}
}
td[valign="top"] .input-group
{
	vertical-align: top;
}
td[valign="middle"] .input-group
{
	vertical-align: top;
}
td[valign="bottom"] .input-group
{
	vertical-align: bottom;
}

.input-group .form-control
{
	margin-left: -1px;
}
.input-group > .input-group-prepend,
.input-group > .input-group-prepend-outline,
.input-group .form-control
{
	position: relative;
	display: table-cell;
}
.input-group > .input-group-prepend-outline
{
	background-color: var(--input-group-prepend-outline-back-color);
	border-width: 1px;
	border-style: solid;
}
.input-group > .input-group-prepend,
.input-group > .input-group-prepend-outline
{
	min-width: 20px;
	vertical-align: middle;
	border-radius: .25rem;
	border-color: var(--input-group-prepend-outline-border-color);
	
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}
.input-group > .input-group-prepend.left,
.input-group > .input-group-prepend-outline.left
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
	
	border-left-width: 1px;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.input-group > .input-group-prepend.middle,
.input-group > .input-group-prepend-outline.middle
{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
	
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}

.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-prepend-outline > .input-group-text 
{
	position: relative;
	align-items: center;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-items: center;
}
.input-group > .input-group-prepend > .input-group-text img,
.input-group > .input-group-prepend-outline > .input-group-text img
{
	display: block;
	padding: 0;
	margin: 0;
	max-height: 16px;
	margin-left: auto;
	margin-right: auto;
}
.input-group > .input-group-prepend > .input-group-text input,
.input-group > .input-group-prepend-outline > .input-group-text .button
{
	width: 100%;
}

.input-group > .input-group-prepend input,
.input-group > .input-group-prepend .button,
.input-group > .input-group-prepend .button-primary
{			
	border-radius: .25rem;
	
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0 !important;
}
.input-group > .input-group-prepend.left input,
.input-group > .input-group-prepend.left .button,
.input-group > .input-group-prepend.left .button-primary
{			
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
	
	border-left-width: 1px;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.input-group > .input-group-prepend.middle input,
.input-group > .input-group-prepend.middle .button,
.input-group > .input-group-prepend.middle .button-primary
{			
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
	
	border-left-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group .input-group-text .er-fa.arrow-down
{
	color: var(--input-group-arrow-down-text-color);
}

/* ********************************** Large ********************************** */

.input-group.lrg input[type="text"], input.lrg[type="text"], 
.input-group.lrg input[type="time"], input.lrg[type="time"], 
.input-group.lrg input[type="number"], input.lrg[type="number"], 
.input-group.lrg input[type="search"], input.lrg[type="search"], 
.input-group.lrg input[type="password"], input.lrg[type="password"], 
.input-group.lrg select, select.lrg, 
.input-group.lrg .button, .button.lrg
{
	height: 35px;
	font-size: 14px;
}
.input-group.lrg > .input-group-prepend,
.input-group.lrg > .input-group-prepend-outline
{
	min-width: 35px;
}

.input-group.lrg-2 input[type="text"], input.lrg-2[type="text"], 
.input-group.lrg-2 input[type="time"], input.lrg-2[type="time"], 
.input-group.lrg-2 input[type="number"], input.lrg-2[type="number"], 
.input-group.lrg-2 input[type="search"], input.lrg-2[type="search"], 
.input-group.lrg-2 input[type="password"], input.lrg-2[type="password"], 
.input-group.lrg-2 select, select.lrg-2, 
.input-group.lrg-2 .button, .button.lrg-2
{
	height: 40px;
	font-size: 14px;
}
.input-group.lrg-2 > .input-group-prepend,
.input-group.lrg-2 > .input-group-prepend-outline
{
	min-width: 40px;
}

.input-group.lrg-3 input[type="text"], input.lrg-3[type="text"], 
.input-group.lrg-3 input[type="time"], input.lrg-3[type="time"], 
.input-group.lrg-3 input[type="number"], input.lrg-3[type="number"], 
.input-group.lrg-3 input[type="search"], input.lrg-3[type="search"], 
.input-group.lrg-3 input[type="password"], input.lrg-3[type="password"], 
.input-group.lrg-3 select, select.lrg-3,
.input-group.lrg-3 .button, .button.lrg-3
{
	height: 45px;
	font-size: 14px;
}
.input-group.lrg-3 > .input-group-prepend,
.input-group.lrg-3 > .input-group-prepend-outline
{
	min-width: 40px;
}

.input-group.lrg-4 input[type="text"], input.lrg-4[type="text"], 
.input-group.lrg-4 input[type="time"], input.lrg-4[type="time"], 
.input-group.lrg-4 input[type="number"], input.lrg-4[type="number"], 
.input-group.lrg-4 input[type="search"], input.lrg-4[type="search"], 
.input-group.lrg-4 input[type="password"], input.lrg-4[type="password"], 
.input-group.lrg-4 select, select.lrg-4,
.input-group.lrg-4 .button, .button.lrg-4
{
	height: 50px;
	font-size: 15px;
}
.input-group.lrg-4 > .input-group-prepend,
.input-group.lrg-4 > .input-group-prepend-outline
{
	min-width: 40px;
}

/* ***************************************** CHECKBOX, RADIO BUTTON, TOGGLE SWITCH *************************************************** */

input[type="checkbox"][readonly],
.checkbox-container input[type="checkbox"][readonly] ~ .checkmark, 
.checkbox-container input[type="radio"][readonly] ~ .checkmark-radio
{
	pointer-events: none;
}
.checkbox-container input[type="checkbox"][readonly] ~ .checkmark, 
.checkbox-container input[type="radio"][readonly] ~ .checkmark-radio
{
	border: 1px solid var(--checkmark-border-color-readonly);
	background-color: var(--checkmark-back-color-readonly);
}

/* The container */
.checkbox-container
{
	display: inline-block !important;
	position: relative;
	min-height: 16px;
	vertical-align: top;
	margin: 1px;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 20px;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input 
{
	position: fixed;
	opacity: 0;
	cursor: pointer;
	left: -200px;
	top: -200px;
}

.checkbox-container span.er-input-label, .switch-container span.er-input-label
{
	vertical-align: middle;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.checkbox-container span.er-input-label:hover, 
.switch-container span.er-input-label:hover,
table.listTable tr.row-hover:hover td .checkbox-container span.er-input-label,
table.listTable tr.row-hover:hover td .switch-container span.er-input-label
{
	color: var(--checkmark-label-text-color-hover) !important;
}

/* Create a custom checkbox */
.checkmark, .checkmark-radio
{
	position: absolute;
	vertical-align: middle;
	top: 0;
	left: 0;
	height: 14px;
	width: 14px;
	box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	background-color: var(--checkmark-back-color);
	border: 1px solid var(--checkmark-border-color);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.checkmark .middle, .checkmark-radio .middle
{
	top: 50%;
	margin-top: -8px;
}

/* On mouse-over, add a grey background color. 
~ selects every .checkmark element that are preceded by a <input> element with the same parent */
.checkbox-container:hover input ~ .checkmark, 
.checkbox-container:hover input ~ .checkmark-radio,
table.listTable tr.row-hover:hover td .checkbox-container input ~ .checkmark,
table.listTable tr.row-hover:hover td .checkbox-container input ~ .checkmark-radio
{
	background-color: var(--checkmark-back-color-hover) !important;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark
{
	background-color: var(--checkmark-back-color-checked);
}

.checkbox-container input:focus ~ .checkmark, .checkbox-container input:focus ~ .checkmark-radio, .switch-container input:focus + .slider
{
	box-shadow: var(--checkmark-box-shadow-focus) !important;
	-webkit-box-shadow: var(--checkmark-box-shadow-focus) !important;
	-moz-box-shadow: var(--checkmark-box-shadow-focus) !important;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after, .checkbox-container input:checked ~ .checkmark-radio:after  
{
	display: block;
}

/* Disabled, show grey background */
.checkbox-container input[type="checkbox"][disabled] ~ .checkmark, .checkbox-container input[type="radio"][disabled] ~ .checkmark-radio 
{
	background-color: var(--checkmark-back-color-disabled);
	border: 1px solid var(--checkmark-border-color-disabled);
}

/* Disabled, show dark grey checkmark */
.checkbox-container input[type="checkbox"][disabled] ~ .checkmark:after, .checkbox-container input[type="radio"][disabled] ~ .checkmark-radio:after
{
	border-color: var(--checkmark-sign-border-color-disabled);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .checkmark-radio:after 
{
	content: "";
	position: absolute;
	display: none;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after 
{
	left: 4px;
	top: 0px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ***************************************** RADIO BUTTON *************************************************** */
.checkmark-radio
{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.checkbox-container input:checked ~ .checkmark-radio
{
	background-color: var(--checkmark-radio-back-color);
}
.checkbox-container .checkmark-radio:after
{
 	top: 4px;
 	left: 4px;
 	width: 6px;
 	height: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: var(--checkmark-radio-sign-back-color);
}
.checkbox-container input[type="radio"][disabled] ~ .checkmark-radio:after
{
	background: var(--checkmark-radio-sign-back-color-disabled);
}

/* ***************************************** TOGGLE SWITCH *************************************************** */
.switch-container
{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	min-height: 22px;
	margin: 1px;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 54px;
	cursor: pointer;
	font-size: 13px;
}

.switch-container input 
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	left: -1000px;
	top: -1000px;
}

.switch-container .slider 
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 48px;
	height: 22px;
	background-color: var(--switch-back-color);
	border: 1px solid var(--switch-border-color);
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.switch-container .slider:before 
{
	position: absolute;
	content: "";
	background-color: var(--switch-sign-back-color);
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
/* Select and style every .slider element that are placed immediately after .switch-container input:checked elements */
.switch-container input:checked + .slider 
{
	background-color: var(--switch-back-color);
}
.switch-container input:checked + .slider:before 
{
	background-color: var(--switch-sign-back-color-checked);
}

.switch-container input:checked + .slider:before 
{
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	-moz-transform: translateX(26px);
	-o-transform: translateX(26px);
	transform: translateX(26px);
}

.switch-container input[type="checkbox"][disabled] + .slider
{
	background-color: var(--switch-back-color-disabled) !important;
}

.switch-container input[type="checkbox"][disabled] + .slider:before
{
	background-color: var(--switch-sign-back-color-disabled) !important;
}

/* Rounded sliders */
.switch-container .slider.rounded 
{
	border-radius: 34px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
}

.switch-container .slider.rounded:before 
{
	border-radius: 50%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

/* ***************************************** FILE UPLOAD FIELD *************************************************** */

.file-upload-container 
{
	min-width: 250px;
	max-width: 550px;
	background-color: var(--file-upload-back-color);
	border: 1px solid var(--file-upload-border-color);
	border-radius: 4px;
	margin: 0;
	padding: 0;
	display: inline-block;
	box-sizing: border-box !important; /* important because dialog box has important set for content-box */
	color: var(--file-upload-text-color);
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	cursor: pointer;
	text-align: left;
}

.file-upload-container input[type="file"] 
{
	display: none;
}

.file-upload-container:hover
{
	background-color: var(--file-upload-back-color-hover);
}

.file-upload-container .file-info 
{
	font-size: 0.9em;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
}

.file-upload-container .button.file-browse-btn 
{
	min-height: 27px;
	min-width: auto;
	border: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
}

/* ***************************************** Search field *********************************************** */

.input-search .input-text, 
.dropdown .dropdown-menu .input-search .input-text,
.dropdown .dropdown-menu input[type="text"].input-text,
.dropdown .dropdown-menu input[type="time"].input-text,
.dropdown .dropdown-menu input[type="number"].input-text,
.dropdown .dropdown-menu input[type="search"].input-text,
.dropdown .dropdown-menu input[type="password"].input-text
{
	display: inline-block;
	width: 100%;
	padding-right: 1.5rem;
	background-color: var(--search-field-back-color);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.primary .input-search .input-text, 
.primary .dropdown .dropdown-menu .input-search .input-text,
.primary .dropdown .dropdown-menu input[type="text"].input-text,
.primary .dropdown .dropdown-menu input[type="time"].input-text,
.primary .dropdown .dropdown-menu input[type="number"].input-text,
.primary .dropdown .dropdown-menu input[type="search"].input-text,
.primary .dropdown .dropdown-menu input[type="password"].input-text
{
	color: var(--search-field-text-color);
	font-weight: bold;
}

.input-search .input-text.border-radius, 
.dropdown .dropdown-menu .input-search .input-text.border-radius,
.dropdown .dropdown-menu input[type="text"].input-text.border-radius,
.dropdown .dropdown-menu input[type="time"].input-text.border-radius,
.dropdown .dropdown-menu input[type="number"].input-text.border-radius,
.dropdown .dropdown-menu input[type="search"].input-text.border-radius,
.dropdown .dropdown-menu input[type="password"].input-text.border-radius
{
	border-radius: .25rem;
}
.input-search span, 
.dropdown .dropdown-menu .input-search .icon
{
	display: flex;
	position: absolute;
	top: 50%;
	margin-top: -0.4rem;
	right: 0.55rem;
}
.input-search, 
.dropdown .dropdown-menu .input-search
{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}
.input-search .icon .er-fa, 
.main-content .main-content-header .input-search .er-fa
{
	color: var(--search-field-icon-color);
}
.input-search .search-indicator
{
	display: inline-block; 
	position: absolute; 
	right: 0.55rem; 
	top: 50%; 
	margin: 0; 
	margin-top: -8px;
}
/* ************************************************* BUTTONS ***************************************************** */
.button, a.button 
{
	color: var(--button-text-color);
	border: 1px solid var(--button-border-color);
	background-color: var(--button-back-color);
	margin: 0;
	padding: 0;
	padding-left: 7px;
	padding-right: 7px;
	min-width: 40px;
	text-align: center;
	height: 22px;
	cursor: pointer;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	-webkit-user-select: none; /* Safari 3.1+ /
	-moz-user-select: none; / Firefox 2+ /
	-ms-user-select: none; / IE 10+ /
	user-select: none; / Standard syntax */
}
.button:hover, a.button:hover 
{
	border: 1px solid var(--button-border-color-hover);
	background-color: var(--button-back-color-hover) !important;
}
.button[disabled]
{
	vertical-align: middle;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--button-text-color-disabled);
	border: 1px solid var(--button-border-color-disabled);
	cursor: default;
}
.button[disabled]:hover
{
	vertical-align: middle;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--button-text-color-disabled-hover);
	border: 1px solid var(--button-border-color-disabled-hover);
	cursor: default;
}

/* ****** Button colors ****** */
.button-light, a.button-light, .toolbar .button-light, .toolbar a.button-light
{
	border: 1px solid var(--button-light-border-color) !important;
	background-color: var(--button-light-back-color) !important;
}
.button-light:hover, a.button-light:hover, .toolbar .button-light:hover, .toolbar a.button-light:hover
{
	border: 1px solid var(--button-light-border-color-hover) !important;
	background-color: var(--button-light-back-color-hover) !important;
}
.button-basic, a.button-basic, .toolbar .button-basic, .toolbar a.button-basic
{
	border: 1px solid var(--button-basic-border-color) !important;
	background-color: var(--button-basic-back-color) !important;
}
.button-basic:hover, a.button-basic:hover, .toolbar .button-basic:hover, .toolbar a.button-basic:hover
{
	border: 1px solid var(--button-basic-border-color-hover) !important;
	background-color: var(--button-basic-back-color-hover) !important;
}
.button-primary, a.button-primary, a.button.button-primary, .toolbar .button-primary, .toolbar a.button-primary
{
	color: var(--button-primary-text-color) !important;
	background-color: var(--button-primary-back-color) !important;
	border-color: var(--button-primary-border-color) !important;
}
.button-primary .er-fa,
a.button-primary .er-fa,
.button .button-primary .er-fa, 
a.button.button-primary .er-fa
{
	color: var(--button-primary-icon-color) !important;
}
.button-primary:hover, a.button-primary:hover, .toolbar .button-primary:hover, .toolbar a.button-primary:hover
{
	background-color: var(--button-primary-back-color-hover) !important;
}
.button-primary[disabled], a.button-primary[disabled], a.button.button-primary[disabled], .toolbar .button-primary[disabled], .toolbar a.button-primary[disabled],
.button-primary[disabled]:hover, a.button-primary[disabled]:hover, .toolbar .button-primary[disabled]:hover, .toolbar a.button-primary[disabled]:hover
{
	color: var(--button-primary-text-color-disabled) !important;
	background-color: var(--button-primary-back-color-disabled) !important; 
	border-color: var(--button-primary-border-color-disabled) !important;
}
.button-primary .buttonText, .button-success .buttonText, .button-info .buttonText, .button-warning .buttonText, .button-danger .buttonText
{
	color: var(--button-buttonText-text-color) !important;
}
.button-success, a.button-success, a.button.button-success, .toolbar .button-success, .toolbar a.button-success
{
	color: var(--button-success-text-color) !important;
	text-shadow: var(--button-success-text-shadow) !important;
	background-color: var(--button-success-back-color) !important;
	border-color: var(--button-success-border-color) !important;
}
.button-success .er-fa,
a.button-success .er-fa,
.button .button-success .er-fa, 
a.button.button-success .er-fa
{
	color: var(--button-success-icon-color) !important;
	text-shadow: var(--button-success-icon-text-shadow) !important;
}
.button-success:hover, a.button-success:hover, .toolbar .button-success:hover, .toolbar a.button-success:hover
{
	background-color: var(--button-success-back-color-hover) !important;
}
.button-info, a.button-info, a.button.button-info, .toolbar .button-info, .toolbar a.button-info
{
	color: var(--button-info-text-color) !important;
	text-shadow: var(--button-info-text-shadow) !important;
	background-color: var(--button-info-back-color) !important;
	border-color: var(--button-info-border-color) !important;
}
.button-info .er-fa,
a.button-info .er-fa,
.button .button-info .er-fa, 
a.button.button-info .er-fa
{
	color: var(--button-info-icon-color) !important;
	text-shadow: var(--button-info-icon-text-shadow) !important;
}
.button-info:hover, a.button-info:hover, .toolbar .button-info:hover, .toolbar a.button-info:hover
{
	background-color: var(--button-info-back-color-hover) !important;
}
.button-warning, a.button-warning, a.button.button-warning, .toolbar .button-warning, .toolbar a.button-warning
{
	color: var(--button-warning-text-color) !important;
	text-shadow: var(--button-warning-text-shadow) !important;
	background-color: var(--button-warning-back-color) !important;
	border-color: var(--button-warning-border-color) !important;
}
.button-warning .er-fa,
a.button-warning .er-fa,
.button .button-warning .er-fa, 
a.button.button-warning .er-fa
{
	color: var(--button-warning-icon-color) !important;
	text-shadow: var(--button-warning-icon-text-shadow) !important;
}
.button-warning:hover, a.button-warning:hover, .toolbar .button-warning:hover, .toolbar a.button-warning:hover
{
	background-color: var(--button-warning-back-color-hover) !important;
}
.button-danger, a.button-danger, a.button.button-danger, .toolbar .button-danger, .toolbar a.button-danger
{
	color: var(--button-danger-text-color) !important;
	text-shadow: var(--button-danger-text-shadow) !important;
	background-color: var(--button-danger-back-color) !important;
	border-color: var(--button-danger-border-color) !important;
}
.button-danger .er-fa,
a.button-danger .er-fa,
.button .button-danger .er-fa, 
a.button.button-danger .er-fa
{
	color: var(--button-danger-icon-color) !important;
	text-shadow: var(--button-danger-icon-text-shadow) !important;
}
.button-danger:hover, a.button-danger:hover, .toolbar .button-danger:hover, .toolbar a.button-danger:hover
{
	background-color: var(--button-danger-back-color-hover) !important;
}
/* ****** Button types ****** */
.button-block, .button.button-block, a.button.button-block
{
	display: block !important;
}
.button-block + .button-block
{
	margin-top: 5px;
}

.button-small, .button.button-small, a.button.button-small
{
	height: 15px !important;
	line-height: 15px !important;
	font-size: 12px !important;
}

.button-lrg, .button.button-lrg, a.button.button-lrg
{
	height: 32px !important;
	line-height: 32px !important;
	font-size: 14px !important;
}

.button-pulldown-wrapper
{
	display: inline-block; 
	position: relative; 
	vertical-align: middle;
}

.buttonText
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--buttonText-text-color);
	background-color: var(--buttonText-back-color) !important;
}
.buttonArrow 
{
	padding-top: 2px;
	vertical-align: middle;
	border-left: 1px solid var(--buttonArrow-border-color);
	background-color: var(--buttonArrow-back-color);
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-ms-border-radius: 0px 3px 3px 0px;
	-o-border-radius: 0px 3px 3px 0px;
}
.buttonArrow:hover
{
	background-color: var(--buttonArrow-back-color-hover);
}
.button-pulldown-wrapper .button .buttonArrow .er-fa
{
	color: var(--buttonArrow-icon-color) !important;
	text-shadow: var(--buttonArrow-icon-text-shadow) !important;
}

/* Overrides for infoBox and other styling on a element. <a> tag with class button should look like a button. */
a.button
{
	font-size:12px !important;
	color: var(--button-text-color) !important;
	text-decoration:none !important;
	height: 22px !important;
	line-height: 22px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	display: table-cell !important;
}

a.contextMenuButton
{
	background-color: #e5e5e5;
	border: 1px solid #c7c7c7;
	border-radius: 3px;
	cursor: pointer;
	cursor: hand;
	text-decoration: none !important;
	line-height: 16px !important;
}
a.contextMenuButton:hover
{
	background-color: #408cb7;
	border-color: #387fa7;
}
a.contextMenuButton:hover .er-fa
{
	color: #FFFFFF;
	opacity: 1 !important;
}
.bar 
{
	padding: 1px;
	background-color: var(--bar-back-color);
	font-size: 11px;
	height: 22px; /* without that problem with IE6, same size as background image */
	overflow: hidden;
}
.bar, 
.bar .toolBarIcon,
.bar .toolBarText,
.bar .toolBarPopUp,
.bar .toolBarTextPopUp, 
.bar .toolBarSeparator
{
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-ms-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}
.bar .contentVC {
	/* position: relative;top: 2px; - bug in IE7, elements not visible are rendered false on scroll */
	padding: 1px;
}
.bar a:hover {
	text-decoration:none; 
	background-color: var(--bar-link-back-color-hover);
	border-color: var(--bar-link-border-color-hover);
	color: var(--bar-link-text-color-hover); 
}
.bar a.toolBarPopUp:hover, .bar a.toolBarText:hover, .bar a.toolBarIconText:hover, .bar a.toolBarPopUp:hover {
	text-decoration:none; 
	background-color: #93B1DA;
	border:1px solid #00338D;
	margin: 2px;
	color:#000000; 
}
.bar .toolBarPopUp a:visited {
	color:#00338D;
}
.bar .toolBarIconText {
	display: block; 
	float: left;
	height: 16px;
	margin: 3px;
	padding: 1px;
	font-size: 12px; 
	color: #00338D;
	text-decoration:none;
}
.bar .toolBarText,
.bar .toolBarPopUp,
.bar .toolBarTextPopUp, 
.bar .toolBarSeparator {
	display: block; 
	float: left;
	height: 16px;
	margin: 3px;
	padding: 1px;
	font-size: 12px; 
	color: #00338D;
	text-decoration:none;
}
.bar .toolBarIcon {
	display: block; 
	float: left;
	height: 16px;
	margin: 2px;
	padding: 1px;
	border: 1px solid transparent;
	_filter: chroma(color=orchid);
	_border-color: orchid;
	font-size: 12px; 
	color: #00338D;
	text-decoration:none;
}
.bar .toolBarSeparator {
	width: 2px;
	background: url(../images/toolBar_icons.png) no-repeat 1px 2px;
	border: none;
}
.bar .toolBarText {
	padding: 2px 4px 0px 4px;
}
.bar .toolBarTextPopUp {
	padding: 2px 15px 0px 4px;
	background: url(../images/toolBar_icons.png) no-repeat right -20px;
}
.bar .toolBarPopUp {
	padding: 0px 2px 2px 0px;
}
.bar .toolBarPopUpIcon {
	float:left;
	display: block;
	height: 18px;
	padding: 0px 4px 0px 8px;
	border-left: 1px solid transparent;
	_filter: chroma(color=orchid);
	_border-left-color: orchid;
	margin-left: 3px;
	background: url(../images/toolBar_icons.png) no-repeat -3px -20px;
}
.toolBarPopUp:hover .toolBarPopUpIcon {
	border-left: 1px solid #00338D;
}
.bar .toolBarIcon {
	width: 16px;
	background: url(../images/toolBar_icons.png) no-repeat 0px -60px;
}
.bar .toolBarIconText {
	background: url(../images/toolBar_icons.png) no-repeat 0px -60px;
	padding: 2px 4px 0px 18px;
}
.bar .toolBarPopUp .toolBarIconText {
	position:relative;
	top:-1px;
	padding: 0px 0px 0px 19px;
	border: none;	
}
.bar .toolBarPopUp .toolBarIcon {
	position:relative;
	top:-1px;
	padding: 0px 0px 0px 0px;
	border: none;
}
.bar .disabled {
	background-image: url(../images/toolBar_icons_disabled.gif) !important;
}
.bar a.disabled, 
.bar a.disabled:hover { 
	color: #69778B !important; 
	cursor:not-allowed; 
	background-color: transparent; 
	border-color: transparent;
	_filter: chroma(color=orchid);
	_background-color: orchid;
	_border-color: orchid;
}
.bar a {cursor: hand;cursor: pointer;}

/* *************************** NEW ********************************* */

/* **************** TOOLBAR ****************  */

.toolbar-wrapper-left
{
	display: inline-block; 
	float: left;
}
.toolbar-wrapper-right
{
	display: inline-block; 
	float: right;
}
.toolbar 
{
	width: 100%;
	height: 32px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	z-index: 99;
}
.toolbar a, .toolbar .wrapper 
{
	float: left;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.toolbar .er-fa, .toolbar .er-fa:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100); 
}
.toolbar .wrapper
{
	display: inline-block;
	float: left;
}
.toolbar .title-wrapper
{
	font-weight: bold;
}
.toolbar .text
{
	color: var(--toolbar-text-color);
}
.toolbar .text, 
.toolbar .title, 
.toolbar .spacer, 
.toolbar .er-fa, 
.toolbar .er-fa-stack
{
	vertical-align: middle;
}

.toolbar .spacer
{
	display: inline;
	height: 10px;
	margin-left: 2px;
	margin-right: 2px;
}
.toolbar a, .toolbar .title-wrapper
{
	min-width: 25px;
	padding: 7px 3px 8px 3px;
	text-align: center;
}
.toolbar a:hover .disabled, .toolbar a.disabled:hover
{
	cursor: not-allowed;
}
.toolbar a.button, .toolbar input.button, .toolbar .button-pulldown-wrapper
{
	margin: 5px 5px 5px 5px !important;
}
.toolbar a.arrow
{
	min-width: 9px;
}
.toolbar .text, .toolbar .title
{
	font-family: 'Ruda', Arial, Helvetica, sans-serif;
}
.toolbar .text
{
	font-size: 12px;
}
.toolbar .title
{
	font-weight: bold;
}
.toolbar .disabled .text
{
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.toolbar a.right, .toolbar div.right
{
	float: right;
}
.toolbar .separator
{
	display: inline-block;
	background-color: var(--toolbar-separator-back-color);
	width: 1px;
	position: relative;
	height: 22px;
	margin-top: 5px;
}
.toolbar.sticky
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.toolbar.sticky + .content, 
.toolbar.sticky + .serverMessage
{
	padding-top: 0;
}

/* **************** Mini toolbar ****************  */

.toolbar-mini
{
	height: 27px;
	z-index: 98;
}
.toolbar-mini a, .toolbar-mini .wrapper, .toolbar-mini .text
{
	font-size: 10px;
}
.toolbar-mini a
{
	min-width: 16px; 
	padding: 8px 4px 8px 4px; 
	text-align: center;
}
.toolbar-mini .separator
{
	height: 18px;
}
.toolbar-mini a.button, .toolbar-mini .button-pulldown-wrapper 
{ 
	margin: 2px 5px 2px 5px !important; 
}

/* **************** Colors ****************  */

/* Blue */
/* Blue - Light */

.toolbar-blue-light
{
	background-color: #dae5f3;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dfe9f5),color-stop(100%,#d3e1f1));
	background-image: -webkit-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -moz-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: -o-linear-gradient(top,#dfe9f5,#d3e1f1);
	background-image: linear-gradient(top,#dfe9f5,#d3e1f1);
}
.toolbar-blue-light a, .toolbar-blue-light .wrapper,
.toolbar-blue-light .er-fa
{
	color: #0075D4;
}
.toolbar-blue-light a:hover, 
.toolbar-blue-light a:focus
{
	background-color: #156EB6;
}
.toolbar-blue-light a:hover, .toolbar-blue-light a:hover .er-fa,
.toolbar-blue-light a:focus, .toolbar-blue-light a:focus .er-fa
{
	color: #FFFFFF;
}
.toolbar-blue-light .text, .toolbar-blue-light .title, .toolbar-blue-light wrapper
{
	text-shadow: none;
}
.toolbar-blue-light .wrapper:hover a.arrow,
.toolbar-blue-light .wrapper:focus a.arrow
{
	background-color: #1466a8;
}
.toolbar-blue-light .wrapper:hover a.arrow, .toolbar-blue-light .wrapper:hover a.arrow .er-fa,
.toolbar-blue-light .wrapper:focus a.arrow, .toolbar-blue-light .wrapper:focus a.arrow .er-fa 
{
	color: #FFFFFF;
}
.toolbar-blue-light a .disabled, .toolbar-blue-light a.disabled .er-fa
{
	color: #a9b5c5 !important;
	text-shadow: none;
}
.toolbar-blue-light a:active 
{
	background-color: #00A3EC !important;
}
.toolbar-blue-light .separator
{
	background-color: #c0c9d0;
}

/* Grey */

.toolbar-grey
{
	background-color: #555;
}
.toolbar-grey a:hover,
.toolbar-grey a:focus
{
	background-color: #7f7f7f;
}
.toolbar-grey .wrapper:hover a.arrow,
.toolbar-grey .wrapper:focus a.arrow
{
	background-color: #6c6c6c;
}
.toolbar-grey a .disabled, .toolbar-grey a.disabled .er-fa
{
	color: #999999 !important;
}
.toolbar-grey .separator
{
	background-color: #797979;
}
.toolbar-grey .text, .toolbar-grey .title
{
	color: #f1f1f1;
}

/* Grey - Light */

.toolbar-grey-light
{
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#eeeeee),color-stop(100%,#e3e3e3));
	background-image: -webkit-linear-gradient(top,#eeeeee,#e3e3e3);
	background-image: -moz-linear-gradient(top,#eeeeee,#e3e3e3);
	background-image: -o-linear-gradient(top,#eeeeee,#e3e3e3);
	background-image: linear-gradient(top,#eeeeee,#e3e3e3);
}
.toolbar-grey-light a, .toolbar-grey-light .wrapper,
.toolbar-grey-light .er-fa
{
	color: #157FCC;
}
.toolbar-grey-light a:hover, 
.toolbar-grey-light a:focus
{
	background-color: #7f7f7f;	
}
.toolbar-grey-light a:hover, .toolbar-grey-light a:hover .er-fa, .toolbar-grey-light a:hover .title, .toolbar-grey-light a:hover .text,
.toolbar-grey-light .wrapper:hover a.arrow, .toolbar-grey-light .wrapper:hover a.arrow .er-fa,
.toolbar-grey-light a:focus, .toolbar-grey-light a:focus .er-fa, .toolbar-grey-light a:focus .title, .toolbar-grey-light a:focus .text,
.toolbar-grey-light .wrapper:focus a.arrow, .toolbar-grey-light .wrapper:focus a.arrow .er-fa
{
	color: #FFFFFF;
}
.toolbar-grey-light .wrapper:hover a.arrow,
.toolbar-grey-light .wrapper:focus a.arrow
{
	background-color: #b4b4b4;
}

.toolbar-grey-light a .disabled, 
.toolbar-grey-light a.disabled .er-fa, 
.toolbar-grey-light .wrapper.disabled .er-fa
{
	color: #999999 !important;
	text-shadow: none;
}
.toolbar-grey-light .text, .toolbar-grey-light .title
{
	color: #085d9b;
}
.toolbar-grey-light .separator
{
	background-color: #c0c9d0;
}

/* Grey #2 */ 

.toolbar-grey2
{
	background-color: #747474;
}
.toolbar-grey2 a, .toolbar-grey2 .er-fa
{
	color: #FFFFFF;
}
.toolbar-grey2 a:hover,
.toolbar-grey2 a:focus
{
    background-color: #4CAF50;
}
.toolbar-grey2 .wrapper:hover a.arrow,
.toolbar-grey2 .wrapper:focus a.arrow
{
	background-color: #56963b;
}
.toolbar-grey2 a .disabled, 
.toolbar-grey2 a.disabled .er-fa,
.toolbar-grey2 .wrapper.disabled .er-fa
{
	color: #454545 !important;
	text-shadow: none;
}
.toolbar-grey2 .separator
{
	background-color: #979797;
}
.toolbar-grey2 a:active 
{
	background-color: #88cd3c !important;
}

/* Orange */ 

.toolbar-orange
{
	background-color: #ffc675;
}
.toolbar-orange a, .toolbar-orange .er-fa
{
	color: #777777;
}
.toolbar-orange a:hover,
.toolbar-orange a:focus
{
	background-color: #d77600;
}
.toolbar-orange a:hover, .toolbar-orange a:hover .er-fa,
.toolbar-orange a:focus, .toolbar-orange a:focus .er-fa
{
	color: #FFFFFF;
}
.toolbar-orange .wrapper:hover a.arrow,
.toolbar-orange .wrapper:focus a.arrow
{
	background-color: #c96e00;
}
.toolbar-orange a .disabled, 
.toolbar-orange a.disabled .er-fa,
.toolbar-orange .wrapper.disabled .er-fa
{
	color: #d77600 !important;
	text-shadow: none;
}
.toolbar-orange .separator
{
	background-color: #f3a83c;
}
.toolbar-orange a:active 
{
	background-color: #ffd923 !important;
}

/* **************** Filter buttons ****************  */

.toolbar .filter-buttons
{
	vertical-align: middle;
	padding: 4px 3px 4px 3px;
}
.toolbar .filter-buttons .title-wrapper
{
	display: inline-block;
	flot: left;
}
.toolbar .filter-buttons .filter-button-container
{
	display: inline-block;
	float: left;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 4px 3px 4px 3px;
}
.toolbar .filter-buttons .filter-button
{
	border-radius: 11px;
	max-width: 140px;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	margin: 0 2px;
	margin-right: 5px;
	padding-right: 5px;
	box-shadow: var(--filter-button-box-shadow);
}
.toolbar .filter-buttons .filter-button-content
{
	font-weight: bold;
	font-size: 12px;
	max-width: 120px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.toolbar .filter-buttons .filter-delete
{
	padding: 0px;
	margin: 0;
	margin-left: 5px;
	float: right;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: var(--filter-button-delete-back-color);
	width: 12px;
	height: auto !important;
	display: inline;
	min-width: 10px;
	vertical-align: middle;
}
.toolbar .filter-buttons .filter-delete .er-fa
{
	color: var(--filter-button-delete-icon-color);
}
.toolbar .filter-buttons .filter-menu-icon
{
	font-size: 20px;
	height: 21px;
	line-height: 20px;
	margin-left: 3px;
}

.sticky-notes-wrapper
{
	position: fixed;
	bottom: 0;
	right: 0;
	min-width: 180px;
	max-height: 500px;
	overflow: auto;
	border-radius: 5px 0;
	padding-left: 4px;
	padding-right: 2px;
	font-family: Arial,Helvetica,sans-serif;
	z-index: 50;
}
.sticky-notes-wrapper:hover
{
	background: rgba(0, 0, 0, 0.12);
}
.sticky-notes-wrapper:hover .sticky-notes-toolbar .sticky-notes-toolbar-buttons
{
	display: block;
}
.sticky-notes-toolbar
{
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	z-index: 11;
}
.sticky-notes-toolbar-buttons
{
	height: 22px;
	float: left;
	color: #FAFAFA;
	margin-left: 1px;
	margin-top: 5px;
	padding-left: 6px;
	display: none;
}
.sticky-notes-toolbar-button-link
{
	float: left;
	margin-left: 3px;
}
.sticky-notes-wrapper .sticky-notes-toolbar .sticky-notes-toolbar-buttons-close
{
	display: none;
	height: 22px;
	float: right;
	color: #FFFFFF;
	margin-left: 1px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #808080;
	box-shadow: 0px 0px 6px 4px #808080;
	font-weight: bold;
	font-size: 15px;
	border-bottom-left-radius: 3px;
	-webkit-transition: all 0.22s linear;
	-o-transition: all 0.22s linear;
	transition: all 0.22s linear;
}
.sticky-notes-wrapper:hover .sticky-notes-toolbar .sticky-notes-toolbar-buttons-close
{
	opacity: 1;
	display: block;
}
.sticky-notes-wrapper .sticky-notes-toolbar .sticky-notes-toolbar-buttons-close .st-button
{
	cursor: pointer;
	float: right;
	-webkit-transition: all 0.22s linear;
	-o-transition: all 0.22s linear;
	transition: all 0.22s linear;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	height: 100%;
}
.sticky-notes-wrapper .sticky-notes-toolbar .sticky-notes-toolbar-buttons-close .st-button:hover
{
	color: var(--blueDefault);
	background-color: #8f8f8f;
}

.sticky-notes-toolbar-button
{
	width: 24px; 
	height: 24px;
	opacity: 0.45;
	filter: alpha(opacity=45);
	-webkit-transition: all 0.22s linear;
	-o-transition: all 0.22s linear;
	transition: all 0.22s linear;
}
.sticky-notes-toolbar-button:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	filter: drop-shadow(0px 0px 4px #026A82);
	-webkit-filter: drop-shadow(0px 0px 4px #026A82);
	-o-filter: drop-shadow(0px 0px 4px #026A82);
}
.addButton
{
	background: url(../images/sticky-notes/note_add.png) no-repeat center;
}
.viewAllButton
{
	background: url(../images/sticky-notes/grid-view.png) no-repeat center;
}
.sticky-notes-container
{
	bottom: 9px;
	width: 100%;
	height: inherit;
	position: relative;
	max-height: 345px;
	left: 0;
	z-index: 11;
}
.sticky-notes-container-content
{
	margin: 0;
	bottom: 0;
	position: relative;
	display: inline-block;
	width: 100%;
}
#stickyNotes .sticky-notes-minified
{
	display: none;
	cursor: pointer;
}
#stickyNotes.minimized .sticky-notes-minified
{
	display: block;
	padding: 5px;
	margin-right: 15px;
}
#stickyNotes.minimized .sticky-notes-minified .er-fa.er-fa-yellow
{
	text-shadow: 0px 0px 10px #525252;
}
#stickyNotes.minimized .sticky-notes-minified:hover .er-fa.er-fa-yellow
{
	opacity: 1;
	color: #ffd600;
	text-shadow: 0px 0px 10px #000000;
}
#stickyNotes.minimized .sticky-notes-toolbar,
#stickyNotes.minimized .sticky-notes-container
{
	display: none;
}
#stickyNotes.minimized .sticky-notes-wrapper,
#stickyNotes.minimized .sticky-notes-wrapper:hover
{
	min-width: auto;
	background: initial;
}

.sticky-note
{	
	color: #333;
	position: relative;
	display: inline-block;
	width: 135px;
	height: 130px;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	-o-box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	border: 1px solid #f1ea1c;
	background-color: #fffa3a;
	-moz-transition:-moz-transform .15s linear;
	-o-transition:-o-transform .15s linear;
	-webkit-transition:-webkit-transform .15s linear;
}
.sticky-note,
.sticky-note-doc
{
	font-size: 12px;
}
.single-note .sticky-note-doc
{
	font-size: 11px;
}
.single-note
{
	margin: 10px;
	z-index: 10;
}
.group-note
{
	margin: 2px;
	margin-bottom: 13px;
	margin-left: 10px;
	margin-right: 32px;
}
.preview-note
{
	margin: 35px;
	width: 409px;
	height: 390px;
}
.preview-note-2
{
	margin: 20px;
	width: 231px;
	height: 220px;
}
.sticky-note:hover
{
	cursor: pointer;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 10px 10px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 10px 10px 2px rgba(0,0,0,0.4);
	position:relative;
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
}
.sticky-note.preview-note:hover
{
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
}
.tilt-left
{
	-o-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
}
.tilt-right
{
	-o-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
}
.sticky-note-container
{
	position: absolute;
	width: 100%;
	height: 100%;
}
.sticky-note-container .pin
{
	position: absolute;
	left: 50px;
	top: -20px;
	width: 32px;
	height: 32px;
}
.preview-note .sticky-note-container .pin
{
	left: 175px;
	top: -30px;
	width: 48px;
	height: 48px;
}
.preview-note-2 .sticky-note-container .pin
{
	left: 91px;
	top: -30px;
	width: 48px;
	height: 48px;
}
.sticky-note-container .blue-pin
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-blue-right-small.png) no-repeat center;
}
.sticky-note-container .green-pin
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-green-right-small.png) no-repeat center;
}
.sticky-note-container .pink-pin
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-pink-right-small.png) no-repeat center;
}
.sticky-note-container .blue-pin-big
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-blue-right.png) no-repeat center;
}
.sticky-note-container .green-pin-big
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-green-right.png) no-repeat center;
}
.sticky-note-container .pink-pin-big
{
	/* www.icons-land.com */
	background: url(../images/sticky-notes/pin-pink-right.png) no-repeat center;
}
.sticky-note-toolbar
{
	width: 100%;
	height: 14px;
	float: right;
	font-size: 11px;
}
.preview-note .sticky-note-container .sticky-note-toolbar
{
	height: 24px;
	font-size: 15px;
}
.preview-note-2 .sticky-note-container .sticky-note-toolbar
{
	height: 18px;
	font-size: 13px;
}
.sticky-note-toolbar .note-toolbar-button
{
	position: relative;
	top: 0;
	float: right;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 3px;
}
.sticky-note-toolbar .note-toolbar-button:hover
{
	font-weight: bold;
	filter: drop-shadow(0px 0px 1px #037590);
	-webkit-filter: drop-shadow(0px 0px 1px #037590);
	-o-filter: drop-shadow(0px 0px 1px #037590);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.sticky-note-text
{
	text-align: left;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	height: 85px;
	overflow: hidden;
}
.preview-note .sticky-note-container .sticky-note-text
{
	margin: 0;
	padding: 30px;
	padding-top: 0;
	padding-bottom: 0;
	overflow-y: auto;
	height: 335px;
}
.preview-note .sticky-note-container .sticky-note-text,
.preview-note .sticky-note-doc
{
	font-size: 13px;
}
.sticky-note-doc + .sticky-note-text-description
{
	margin-top: 3px;
}
.preview-note-2 .sticky-note-container .sticky-note-text
{
	margin: 0;
	padding: 30px;
	padding-top: 0;
	padding-bottom: 0;
	height: 174px;
}
.preview-note-2 .sticky-note-container .sticky-note-text,
.preview-note-2 .sticky-note-doc
{
	font-size: 13px;
}
.sticky-note-author
{
	bottom: 0;
	font-size: 10px;
	width: 98%;
	max-height: 25px;
	overflow: hidden;
	position: absolute;
	right: 3px;
	text-align: right;
}
.preview-note .sticky-note-container .sticky-note-author
{
	font-size: 13px;
	margin-bottom: 2px;
	max-height: 30px;
}
.sticky-note-modal-overlay 
{
	background-color: rgba(22, 22, 22, 0.46);
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	z-index: 100;
}
.sticky-note-centered-container
{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 490px;
	margin-left: -245px;
	height: 490px;
	margin-top: -242px;
	z-index: 101;
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.3s;
	animation-name: slideIn;
	animation-duration: 0.3s;
}

/* **************************** COLORS ****************************** */
.yellow-note
{
	border: 1px solid #f1ea1c;
	background-color: #fffa3a;
}
.pink-note
{
	border: 1px solid #d6468c;
	background-color: #ef539f;
	color: #ffffff;
}
.pink-note-light
{
	border: 1px solid #f56fb0;
	background-color: #f578b4;
}
.green-note
{
	background-color: #87c653;
	border: 1px solid #83c250;
}
.green-note-light
{
	background-color: #9ae25f;
	border: 1px solid #81cc44;
}
.blue-note
{
	border: 1px solid #0fa7de;
	background-color: #00b0f0;
}
.blue-note-light
{
	border: 1px solid #59bde0;
	background-color: #5dc2e6;
}
.purple-note
{
	border: 1px solid #794d98;
	background-color: #8458a6;
	color: #ededed;
}
.purple-note-light
{
	border: 1px solid #9261f5;
	background-color: #9966ff;
	color: #ededed;
}
.red-note
{
	border: 1px solid #de6262;
	background-color: #e46666;
	color: #ffffff;
}
.orange-note
{
	border: 1px solid #ef9518;
	background-color: #f59b1f;
}
.grey-note
{
	border: 1px solid #bababa;
	background-color: #c6c6c6;
}
@-webkit-keyframes slideIn 
{
	from {top: -300px; opacity: 0} 
	to {top: 0; opacity: 1}
}
@keyframes slideIn 
{
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}

.er-fa-stack
{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	height: 1em;
	width: 1em;
	line-height: 1em;
}

/* Default color */
.er-fa
{
	color: var(--default-icon-color);
}
a[href]:hover .er-fa:not(.fa-stack-1x),
a[onclick]:hover .er-fa:not(.fa-stack-1x),
.pointer:hover .er-fa:not(.fa-stack-1x),
a[href]:hover .er-fa-stack,
a[onclick]:hover .er-fa-stack,
.pointer:hover .er-fa-stack,
a[href]:focus .er-fa:not(.fa-stack-1x),
a[onclick]:focus .er-fa:not(.fa-stack-1x),
.pointer:focus .er-fa:not(.fa-stack-1x),
a[href]:focus .er-fa-stack,
a[onclick]:focus .er-fa-stack,
.pointer:focus .er-fa-stack
{
	opacity: 0.60;
	filter: alpha(opacity=60); 
}

.toolbar a[href]:hover .er-fa:not(.fa-stack-1x),
.toolbar a[onclick]:hover .er-fa:not(.fa-stack-1x),
.toolbar .pointer:hover .er-fa:not(.fa-stack-1x),
.toolbar a[href]:hover .er-fa-stack,
.toolbar a[onclick]:hover .er-fa-stack,
.toolbar .pointer:hover .er-fa-stack,

a[href].opacity-full:hover .er-fa:not(.fa-stack-1x),
a[onclick].opacity-full:hover .er-fa:not(.fa-stack-1x),
a[href].opacity-full:hover .er-fa-stack,
a[onclick].opacity-full:hover .er-fa-stack,

.toolbar a[href]:focus .er-fa:not(.fa-stack-1x),
.toolbar a[onclick]:focus .er-fa:not(.fa-stack-1x),
.toolbar .pointer:focus .er-fa:not(.fa-stack-1x),
.toolbar a[href]:focus .er-fa-stack,
.toolbar a[onclick]:focus .er-fa-stack,
.toolbar .pointer:focus .er-fa-stack,

a[href].opacity-full:focus .er-fa:not(.fa-stack-1x),
a[onclick].opacity-full:focus .er-fa:not(.fa-stack-1x),
a[href].opacity-full:focus .er-fa-stack,
a[onclick].opacity-full:focus .er-fa-stack
{
	opacity: 1;
	filter: alpha(opacity=100); 
}

.er-fa.disabled
{
	color: var(--default-icon-color-disabled);
}

/* ************************** Colors **************************** */

.er-fa.er-fa-blue-light,
.er-fa-stack.er-fa-blue-light .er-fa
{
	color: #509ee1 !important;
}
.er-fa.er-fa-white,
.er-fa-stack.er-fa-white .er-fa
{
	color: #ffffff !important;
	text-shadow: 1px 1px 1px #808080 !important;
}
.er-fa.er-fa-green,
.er-fa-stack.er-fa-green .er-fa
{
	color: #15b31b !important;
}
.er-fa.er-fa-green-light,
.er-fa-stack.er-fa-green-light .er-fa
{
	color: #a9cca5 !important;
}
.er-fa.er-fa-yellow,
.er-fa-stack.er-fa-yellow .er-fa
{
	color: #fff900 !important;
	text-shadow: 0px 0px 1px #4f4d00;
}
.er-fa.er-fa-yellow-dark,
.er-fa-stack.er-fa-yellow-dark .er-fa
{
	color: #b7b300 !important;
}
.er-fa.er-fa-orange,
.er-fa-stack.er-fa-orange .er-fa
{
	color: #ffa500 !important;
}
.er-fa.er-fa-orange-dark,
.er-fa-stack.er-fa-orange-dark .er-fa
{
	color: #da8f00 !important;
}
.er-fa.er-fa-pink,
.er-fa-stack.er-fa-pink .er-fa
{
	color: #da0095 !important;
}
.er-fa.er-fa-purple,
.er-fa-stack.er-fa-purple .er-fa
{
	color: #9c00da !important;
}
.er-fa.er-fa-purple-light, 
.er-fa-stack.er-fa-purple-light .er-fa 
{
	color: #be4aed !important;
}
.er-fa.er-fa-grey-light-2,
.er-fa-stack.er-fa-grey-light-2 .er-fa
{
	color: #b7b7b7 !important;
}
.er-fa.er-fa-grey-light,
.er-fa-stack.er-fa-grey-light .er-fa
{
	color: #909090 !important;
}
.er-fa.er-fa-grey,
.er-fa-stack.er-fa-grey .er-fa
{
	color: #6e6e6e !important;
}
.er-fa.er-fa-black,
.er-fa-stack.er-fa-black .er-fa
{
	color: #484848 !important;
}
.er-fa.er-fa-red,
.er-fa-stack.er-fa-red .er-fa
{
	color: #de3f3f !important;
}
.er-fa.er-fa-red-dark,
.er-fa-stack.er-fa-red-dark .er-fa
{
	color: #c51c3b !important;
}

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

.er-overview-print-file
{
	color: var(--er-overview-print-file-icon-color);
	text-shadow: var(--er-overview-print-file-text-shadow);
}
.toolbar-grey-light a:hover .er-fa.er-overview-print-file, 
.toolbar-grey-light .wrapper:hover a.arrow .er-fa.er-overview-print-file, 
.toolbar-grey-light a:focus .er-fa.er-overview-print-file, 
.toolbar-grey-light .wrapper:focus a.arrow .er-fa.er-overview-print-file 
{
	color: #75c5ff;
}
.er-sigma:before 
{
	content: "\03A3";
	font-weight: normal;
}
.er-fa-stack .er-sigma
{
	color: var(--er-sigma-text-color);
}
.toolbar-grey-light a:focus .er-sigma:before, 
.toolbar-grey-light .wrapper:focus a.arrow .er-sigma:before
{
	color: #75c5ff;
}

.breadcrumbs 
{
	padding: 0;
	margin: 2px;
	overflow: hidden;
}
.breadcrumbs li 
{
	float: left;
	margin-left: 0;
	height: 18px;
	list-style-type: none;
	border: none !important;
	border-right: 1px solid var(--breadcrumb-border-color) !important;
	position: relative;
	background-color: var(--breadcrumb-back-color);
	color: #565656;
	padding: 5px 5px 5px 30px;
}
.breadcrumbs.breadcrumbs-lrg li
{
	height: 40px;
}
.breadcrumbs.breadcrumbs-lrg2 li
{
	height: 50px;
}
.breadcrumbs.breadcrumbs-lrg3 li
{
	height: 70px;
}
.breadcrumbs a 
{
	color: inherit;
	text-decoration: none;
	box-sizing: border-box;
	height: 100%;
	display: block;
	border-bottom: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumbs li:hover
{
	background-color: var(--breadcrumb-back-color-hover);
}
.breadcrumbs li:hover:after 
{
	border-left-color: var(--breadcrumb-border-color-hover);
}
.breadcrumbs li:hover:after,
.breadcrumbs.breadcrumbs-lrg li:hover:after,
.breadcrumbs.breadcrumbs-lrg2 li:hover:after,
.breadcrumbs.breadcrumbs-lrg3 li:hover:after
{
	border-left-color: var(--breadcrumb-border-color-hover);
}
.breadcrumbs li:first-child 
{
	padding-left: 9px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.breadcrumbs li:nth-child(n+2):before
{
	content: " ";
	position: absolute;
	top:0;
	left:0;
	display: block;
	border-left: 15px solid white;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	width: 0;
	height: 0;
}
/* colored arrow to the right */
.breadcrumbs li:after
{	
	content: " ";
	z-index: 1;
	position: absolute;
	top: 0;
	right: -15px;
	display: block;
	border-left: 15px solid var(--breadcrumb-border-color);
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	width: 0;
	height: 0;
}

.breadcrumbs.breadcrumbs-lrg li:nth-child(n+2):before 
{
	border-left: 18px solid white;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
}
.breadcrumbs.breadcrumbs-lrg li:after
{
	right: -18px;
	border-left: 18px solid var(--breadcrumb-border-color);
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
}

.breadcrumbs.breadcrumbs-lrg2 li:nth-child(n+2):before 
{
	border-left: 18px solid white;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
}
.breadcrumbs.breadcrumbs-lrg2 li:after
{
	right: -18px;
	border-left: 18px solid var(--breadcrumb-border-color);
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
}

.breadcrumbs.breadcrumbs-lrg3 li:nth-child(n+2):before 
{
	border-left: 25px solid white; /* width: arrow width, color: background of document */
	border-top: 40px solid transparent; /* width: half height */
	border-bottom: 40px solid transparent; /* width: half height */
}
.breadcrumbs.breadcrumbs-lrg3 li:after
{
	right: -25px; /* arrow width (negated) */
	border-left: 25px solid var(--breadcrumb-border-color); /* width: arrow width */
	border-top: 40px solid transparent; /* width: half height */
	border-bottom: 40px solid transparent; /* width: half height */
}
.breadcrumbs li.breadcrumb-button:last-child:after
{
	content: none;
}
.breadcrumbs li.breadcrumb-button:last-child 
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	padding-right: 15px;
}

.breadcrumbs li.breadcrumb-button 
{
	padding-left: 23px;
}

.breadcrumbs li.button-primary:after
{
	border-left-color: #509ee1 !important;
}
.breadcrumbs li.button-info:after
{
	border-left-color: #17a2b8 !important;
}
.breadcrumbs li.button-success:after
{
	border-left-color: #4CAF50 !important;
}
.breadcrumbs li.button-warning:after
{
	border-left-color: #f3a331 !important;
}
.breadcrumbs li.button-danger:after
{
	border-left-color: #d9534f !important;
}

.breadcrumbs li.button-primary:hover:after
{
	border-left-color: #468ac4 !important;
}
.breadcrumbs li.button-info:hover:after
{
	border-left-color: #4ab0ce !important;
}
.breadcrumbs li.button-success:hover:after
{
	border-left-color: #5cb85c !important;
}
.breadcrumbs li.button-warning:hover:after
{
	border-left-color: #e79b2e !important;
}
.breadcrumbs li.button-danger:hover:after
{
	border-left-color: #cc3f3b !important;
}

/* Current */
.breadcrumbs li.current 
{ 
	background-color: var(--breadcrumb-current-back-color) !important;
	color:  var(--breadcrumb-current-text-color) !important;
}
.breadcrumbs li.current:after 
{ 
	border-left-color: var(--breadcrumb-current-border-color) !important;
}
.breadcrumbs li.current:hover
{ 
	background-color: var(--breadcrumb-current-back-color-hover) !important;
	color: var(--breadcrumb-current-text-color-hover) !important;
}
.breadcrumbs li.current:hover:after 
{ 
	border-left-color: var(--breadcrumb-current-border-color-hover) !important;
}

.toolbar + .content-wrapper
{
	height: -webkit-calc(100% - 32px);
	height: -moz-calc(100% - 32px);
	height: calc(100% - 32px);
	top: 32px;
}
.serverMessage + .content-wrapper
{
	height: -webkit-calc(100% - 21px);
	height: -moz-calc(100% - 21px);
	height: calc(100% - 21px);
	top: 21px;
}

.toolbar +  .serverMessage + .content-wrapper
{
	height: -webkit-calc(100% - 53px);
	height: -moz-calc(100% - 53px);
	height: calc(100% - 53px);
	top: 53px;
}
.content-wrapper
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.content-wrapper .hidden, 
.content-wrapper .toolbox a.hidden, 
.content-wrapper .container-building-block .toolbox a.hidden
{
	display: none !important;
}

.sidebar .header a
{
	display: inline-block;
}
.sidebar,
.sidebar *,
.main-content,
.main-content *
{
	box-sizing: border-box;
}
.sidebar a
{
	display: block;
}
.sidebar
{
	background-color: var(--sidebar-back-color);
	color: var(--sidebar-text-color);
	height: 100%; 
	width: 230px; 
	position: absolute;  
	top: 0; 
	bottom: 0;
	overflow: auto;
	font-size: 12px;
	box-sizing: border-box;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	z-index: 99;
}
.sidebar.left
{
	left: 0;
}
.sidebar.left + .main-content
{
	left: 230px;
}
.sidebar.right
{
	right: 0;
}
.sidebar.right + .main-content
{
	left: 0;
	right: 230px;
}
.sidebar.floating + .main-content, 
.sidebar.floating.left + .main-content, 
.sidebar.floating.right + .main-content
{
	left: 0;
	right: 0;
}
.sidebar ul
{
	padding-left: 10px;
	width: 100% !important;
	display: table-row;
}

.sidebar .sidebar-item-active
{
	color: var(--sidebar-item-active-text-color);
	background-color: var(--sidebar-item-active-back-color);
}
.sidebar .sidebar-item-active .er-fa
{
	color: var(--sidebar-item-active-icon-color);
}
.sidebar [data-toggle="sidebar-submenu"].open
{
	color: var(--sidebar-submenu-open-text-color);
}
.sidebar [data-toggle="sidebar-submenu"] .caret
{
	display: inline-block;
}
.sidebar [data-toggle="sidebar-submenu"] .caret.caret-down
{
	display: none;
}
.sidebar [data-toggle="sidebar-submenu"].open .caret.caret-right
{
	display: none;
}
.sidebar [data-toggle="sidebar-submenu"].open .caret.caret-down
{
	display: inline-block;
}

.sidebar ul.submenu-closed,
.sidebar .sidebar-menu.item-levels-inline ul.submenu-closed,
.sidebar [data-toggle="sidebar-submenu"] .caret.hidden
{
	display: none;
}

.sidebar .sidebar-menu
{
	z-index: 1;
}
.sidebar > ul
{
	padding: 0;
	margin: 0;
	z-index: 100;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.sidebar .sidebar-menu.item-levels-inline ul
{
	padding-left: 0;
}
.sidebar > ul.sidebar-menu.item-levels-inline,
.sidebar .sidebar-menu.item-levels-inline ul,
.sidebar ul.sidebar-menu.item-levels-inline li
{
	display: block;
}

.sidebar ul li
{
	position: relative;
	white-space: nowrap;
	list-style: none;
	margin: 0;
	width: 100% !important;
	display: table;
}
.sidebar ul.sidebar-menu.item-levels-inline li,
.sidebar ul.sidebar-menu.item-levels-inline li a
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sidebar ul li a 
{
	display: block !important;
	color: var(--sidebar-item-text-color);
	text-decoration: none;
	padding: 6px 0 6px 8px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100% !important;
}

.sidebar ul li a .er-fa
{
	width: 18px;
	text-align: center;
	color: var(--sidebar-item-icon-color);
}
.sidebar ul li a:hover,
.sidebar ul li a:hover .er-fa
{
	color: var(--sidebar-item-text-color-hover) !important;
}
.sidebar ul li a:hover
{
	background-color: var(--sidebar-item-back-color-hover);
}

.sidebar .sidebar-menu .header-item,
.sidebar .sidebar-menu a.header-item
.sidebar .sidebar-menu a.header-item .er-fa
{
	color: var(--sidebar-menu-header-item-text-color);
	padding-left: 0;
	padding-right: 0;
}
.sidebar .sidebar-menu .header-item,
.sidebar .sidebar-menu a.header-item
{
	background-color: var(--sidebar-menu-header-item-back-color);
	font-weight: bold;
}

.sidebar .sidebar-menu .sidebar-divider
{
	height: 0;
	margin: 0.1rem 0.25rem 0.1rem 0.25rem;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
	border-top: 1px solid var(--sidebar-divider-border-color);
}
.sidebar .header
{
	background-color: var(--sidebar-header-back-color);
	border-bottom: 1px solid var(--sidebar-header-border-color);
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 25px;
}
.sidebar .header .header-text
{
	display: block;
	padding: 5px;
}
.sidebar .header .header-text h2
{
	font-size: 1.4em;
}
.sidebar .header .header-text.small h2
{
	font-size: 1.15em;
}
.sidebar .header .header-text .er-fa
{
	font-size: 1.25em;
}
.sidebar .header .header-text.small .er-fa
{
	font-size: 1.0em;
}
.sidebar .header .header-text h2
{
	margin-block-start: 0;
	margin-block-end: 0;
	display: inline-block;
}
.sidebar .header a.header-text:hover,
.sidebar .header a.header-text:hover .er-fa
{
	text-decoration: none;
	opacity: 0.75;
}
.sidebar .header .close-sidebar, 
.main-content .main-content-header .open-sidebar
{
	cursor: pointer;
}
.sidebar .header .close-sidebar
{
	position: absolute;
	right: 8px;
	top: 4px;
	cursor: pointer;
}
.sidebar .header .close-sidebar:hover
{
	opacity: 0.6;
}
.sidebar-closed .main-content .main-content-header .open-sidebar
{
	display: inline-block;
	margin-right: 12px;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}
.sidebar-closed .sidebar
{
	display: none;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}
.sidebar-closed .main-content
{
	left: 0 !important;
	right: 0 !important;
}

/* ********************************* BADGES *************************************** */

.sidebar .sidebar-menu .badges-wrapper
{
	position: absolute;
	right: calc(100% - 230px + 15px);
	display: inline-block !important;
	box-sizing: content-box;
	vertical-align: middle;
	margin-right: 2px;
}
.sidebar .sidebar-menu .badge
{
	display: inline-block !important;
	box-sizing: content-box;
	vertical-align: middle;
	font-weight: bold;
	background-color: var(--sidebar-badge-back-color);
	border-radius: 6px;
	padding: 1px 4px;
	color: var(--sidebar-badge-text-color);
	font-size: 10px;
	margin-right: 2px;
}
.sidebar .sidebar-menu .badge.success
{
	background-color: #89bf13;
}
.sidebar .sidebar-menu .badge.info
{
	background-color: #4595da;
}
.sidebar .sidebar-menu .badge.danger
{
	background-color: #e62c33;
	border-radius: 50%;
}

/* **************************************** Main content **************************************** */

.main-content
{
	scroll-behavior: smooth;
	border-color: var(--sidebar-main-content-border-color);
	height: 100%; 
	position: absolute; 
	left: 0;
	right: 0;
	top: 0; 
	bottom: 0; 
	overflow: auto;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}
.main-content.right
{
	left: 0; 
	right: 230px;
}

/* ************************ Header ***************************** */
.main-content .main-content-header
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.main-content .main-content-header .header-top
{
	padding: 0.3em 0.5em 0.3em 0.5em;
	min-height: 3.5rem;
}
.main-content .main-content-header .header-top .header-first-line
{
	display: flex;
	align-items: center;
}
.main-content .main-content-header .open-sidebar
{
	display: none;
	z-index: 2;
	font-size: 12px;
	align-self: flex-start;
}
.main-content .main-content-header .header-text
{
	display: inline-block;
	flex: 1; 
	display: flex;
	font-size: 19px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	align-self: flex-start;
}
.main-content .main-content-header .header-actions
{
	float: right;
	padding: 2px;
	padding-top: 3px;
	text-align: right;
	text-align: end;
}
.main-content .main-content-header .header-actions.w1
{
	width: 150px;
}
.main-content .main-content-header .header-actions.w2
{
	width: 200px;
}
.main-content .main-content-header .header-actions.w3
{
	width: 250px;
}
.main-content .main-content-header .header-actions.w4
{
	width: 300px;
}
.main-content .main-content-header .header-actions.w5
{
	width: 350px;
}
.main-content .main-content-header .header-actions.w6
{
	width: 400px;
}
.main-content .main-content-header .header-actions,
.main-content .main-content-header .header-actions .action
{
	display: inline-block;
}
.main-content .main-content-header .header-actions .action
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 17px;
	vertical-align: middle;
}
.main-content .main-content-header .header-actions .action *
{
	vertical-align: middle;
}
.main-content .main-content-header .header-tabs
{
	padding: 0 0.5em 0 0.5em;
	box-sizing: border-box;
}
.main-content .main-content-header .header-tabs .tab
{
	padding: 0.35rem 0.3rem 0.45rem 0.3rem;
}
.main-content .main-content-header .header-tabs a.tab:hover
{
	text-decoration: none;
}
.main-content .main-content-header .header-tabs .tab:hover
{
	opacity: 0.85;
}
.main-content .main-content-header .header-tabs .tab.active
{
	border-top: 3px solid var(--sidebar-main-content-header-tabs-active-border-color);
}
.main-content .main-content-header .header-tabs .tab,
.main-content .main-content-header .header-tabs .divider
{
	display: inline-block;
}
.main-content .main-content-header .header-tabs .divider
{
	width: 1px;
	background-color: var(--sidebar-main-content-header-tabs-divider-back-color);
	height: 100%;
}

/* ************************ Body ************************ */
.main-content .main-content-body
{
	padding: 10px;
	box-sizing: border-box;
}

/* *********************** Footer *********************** */
.content-wrapper .main-content .main-content-footer
{
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50;
	display: block;
	overflow: hidden;
	color: var(--sidebar-main-content-footer-text-color);
	border-top: 1px solid var(--sidebar-main-content-footer-border-color);
	background-color: var(--sidebar-main-content-footer-back-color);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F1F1F1 /*{b-bup-background-start}*/), to( #E1E1E1 /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #F1F1F1 /*{b-bup-background-start}*/, #E1E1E1 /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #F1F1F1 /*{b-bup-background-start}*/, #E1E1E1 /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #F1F1F1 /*{b-bup-background-start}*/, #E1E1E1 /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #F1F1F1 /*{b-bup-background-start}*/, #E1E1E1 /*{b-bup-background-end}*/);
	background-image: var(--sidebar-main-content-footer-background-image);
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}
.content-wrapper .main-content .main-content-footer .main-content-footer-container
{
	padding: 10px;
}

.sidebar.left + .main-content .main-content-footer
{
	left: 230px !important;
}
.sidebar-closed .sidebar.left + .main-content .main-content-footer
{
	left: 0 !important;
}
.sidebar.right + .main-content .main-content-footer
{
	left: 0;
	right: 230px !important;
}
.sidebar-closed .sidebar.right + .main-content .main-content-footer
{
	left: 0 !important;
	rigth: 0 !important;
}
.content-wrapper .main-content .close-content-footer
{
	position: absolute;
	right: 5px;
	top: 3px;
}
.content-wrapper .main-content .close-content-footer .er-fa, 
.content-wrapper:not(.blue) .main-content .close-content-footer .er-fa
{
	color: var(--sidebar-main-content-icon-color);
}

/* ********** Scroll to top button ********** */

.content-wrapper .main-content .scroll-to-top .er-fa, 
.main-content .scroll-to-top, 
.main-content .scroll-to-top .er-fa
{
	color: var(--scroll-to-top-text-color) !important;
}
.main-content .scroll-to-top 
{
	position: fixed;
	right: 19px;
	bottom: 17px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	background: var(--scroll-to-top-back);
	z-index: 100;
}
.main-content .scroll-to-top, 
.main-content .scroll-to-top .er-fa
{
	line-height: 46px;
}
.main-content .scroll-to-top:hover 
{
	background: var(--scroll-to-top-back-hover);
	color: var(--scroll-to-top-text-color-hover);
}

/* ******************************** Color Themes ******************************** */

/* ******* Default ******** */

.content-wrapper .sidebar .header,
.content-wrapper .sidebar .header .header-text,
.content-wrapper .sidebar .header a,
.content-wrapper .sidebar .header .er-fa,
.content-wrapper .main-content .main-content-header .header-tabs .er-fa,
.content-wrapper .main-content .main-content-header .open-sidebar,
.content-wrapper .main-content .main-content-header .open-sidebar .er-fa
{
	color: var(--sidebar-main-content-icon-color);
}
.content-wrapper .main-content .main-content-header,
.content-wrapper .main-content .main-content-header a,
.content-wrapper .main-content .main-content-header .header-actions .action,
.content-wrapper .main-content .main-content-header .header-actions .action .er-fa,
.content-wrapper .main-content .main-content-header .header-tabs .er-fa
{
	color: var(--sidebar-main-content-icon-color);
}

.content-wrapper .main-content .toolbar-grey-light a:hover, 
.content-wrapper .main-content .toolbar-grey-light a:hover .er-fa, 
.content-wrapper .main-content .toolbar-grey-light a:hover .title, 
.content-wrapper .main-content .toolbar-grey-light a:hover .text, 
.content-wrapper .main-content .toolbar-grey-light .wrapper:hover a.arrow, 
.content-wrapper .main-content .toolbar-grey-light .wrapper:hover a.arrow .er-fa
{
	color: #FFFFFF;
}

.content-wrapper:not(.blue) .main-content .main-content-header .header-actions .action:hover, 
.content-wrapper:not(.blue) .main-content .main-content-header .header-actions .action:hover .er-fa
{
	opacity: 1;
	color: #208db7;
}
.content-wrapper:not(.blue) .main-content .er-fa
{
	color: #208db7;
}
.content-wrapper .main-content .er-fa.disabled,
.content-wrapper:not(.blue) .main-content .er-fa.disabled
{
	color: #c5c5c5;
}
.content-wrapper .main-content .main-content-header .header-tabs
{
	background-color: #f9f8f8;
}
.content-wrapper:not(.blue) .main-content .main-content-header .header-tabs:not(:empty)
{
	border-bottom: 1px solid #f1f1f1;
}
.content-wrapper:not(.blue) .main-content .main-content-header .header-top
{
	background-color: #F1F1F1;
	border-bottom: 1px solid #e5e5e5;
}
.content-wrapper:not(.blue) .main-content .main-content-header .header-tabs .tab.active, 
.content-wrapper:not(.blue) .main-content .main-content-header .header-tabs .tab.active .er-fa
{
	color: #208db7;
}

.content-wrapper .card .card-header
{
	background-color: #F1F1F1;
}
.content-wrapper:not(.blue) .card .avatar .avatar-wrapper
{
	border-color: #299ac6;
}
.content-wrapper:not(.blue) .card .avatar .avatar-container .avatar-img .er-fa
{
	color: #299ac6;
}

/* ******* Blue ********* */

.content-wrapper.blue .er-fa
{
	color: #1c86af;
}

.background-blue, 
.content-wrapper.blue .sidebar .header
{
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/ !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2295C1 /*{b-bup-background-start}*/), to( #2aa9d9 /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
}
.content-wrapper.blue .main-content .main-content-header
{
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/ !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2295C1 /*{b-bup-background-start}*/), to( #2aa9d9 /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: linear-gradient( #208cb5 /*{b-bup-background-start}*/, #2295C1 /*{b-bup-background-end}*/);
}
.content-wrapper.blue .sidebar .header
{
	border: none;
}
.content-wrapper.blue .sidebar .header,
.content-wrapper.blue .sidebar .header .header-text,
.content-wrapper.blue .sidebar .header a,
.content-wrapper.blue .sidebar .header .er-fa,
.content-wrapper.blue .main-content .main-content-header .header-tabs .tab, 
.content-wrapper.blue .main-content .main-content-header .header-tabs .er-fa,
.content-wrapper.blue .main-content .main-content-header .header-actions .action .er-fa, 
.content-wrapper.blue .main-content .main-content-header .open-sidebar,
.content-wrapper.blue .main-content .main-content-header .open-sidebar .er-fa,
.content-wrapper.blue .main-content .main-content-header
{
	color: #FFFFFF;
}
.content-wrapper.blue .sidebar .header .header-text
{
	text-shadow: 0px 0px 2px #1b1b1b;
}
.content-wrapper.blue .sidebar .header .avatar .er-fa
{
	color: #1c86af;
}
.content-wrapper .avatar.size-1 .avatar-container .avatar-img .er-fa, 
.content-wrapper.blue .avatar.size-1 .avatar-container .avatar-img .er-fa
{
	color: #5a5a5a;
}
.content-wrapper.blue .sidebar .header .avatar:hover .avatar-container a, 
.content-wrapper.blue .sidebar .header .avatar:hover .avatar-container .avatar-img, 
.content-wrapper.blue .sidebar .header .avatar:hover .avatar-container .avatar-img .er-fa
{
	color: #FFFFFF;
}
.content-wrapper.blue .main-content .main-content-header
{
	background-color: #d7d7d7;
}
.content-wrapper.blue .main-content .main-content-header .header-tabs
{
	background-color: #838383;
}
.content-wrapper.blue .main-content .main-content-header .header-tabs .tab
{
	padding: 0.35rem 0.3rem 0.45rem 0.3rem;
}
.content-wrapper.blue .main-content .main-content-header .header-tabs .tab.active
{
	background-color: #8f8f8f;
}

.content-wrapper.blue .card .card-header
{
	color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #2295C1 /*{b-bup-background-start}*/), to( #2aa9d9 /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #2295C1 /*{b-bup-background-start}*/, #2aa9d9 /*{b-bup-background-end}*/);
	background-image: linear-gradient( #208cb5 /*{b-bup-background-start}*/, #2295C1 /*{b-bup-background-end}*/);
}


.avatar-stack
{
	display: inline-block; 
	position: relative; 
	margin: 6px;
}
.avatar-stack .stack-bottom-right
{
	position: absolute; 
	right: 5px; 
	bottom: 0;
}
.avatar, 
.avatar *
{
	box-sizing: border-box;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.avatar .avatar-wrapper
{
	border: 2px solid var(--avatar-border-color);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
}
.avatar .avatar-container
{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	background-color: var(--avatar-back-color);
}
.avatar.hoverable:hover .avatar-wrapper,
.hoverable:hover .avatar .avatar-wrapper
{
	border-color: var(--avatar-border-color-hover);
}
.avatar.hoverable:hover .avatar-container,
.hoverable:hover .avatar .avatar-container
{
	background-color: var(--avatar-back-color-hover);
}
.avatar .avatar-container a,
.avatar .avatar-container .avatar-img,
.avatar .avatar-container .avatar-img .er-fa
{
	color: var(--avatar-text-color);
	opacity: 1;
}
	
.avatar.size-1 .avatar-container a,
.avatar.size-1 .avatar-container .avatar-img,
.avatar.size-1 .avatar-container .avatar-img .er-fa
{
	color: var(--avatar-text-color-small);
	text-shadow: none;
	opacity: 1;
}
.avatar.hoverable:hover .avatar-container a,
.avatar.hoverable:hover .avatar-container .avatar-img,
.avatar.hoverable:hover .avatar-container .avatar-img .er-fa,
.hoverable:hover .avatar .avatar-container a,
.hoverable:hover .avatar .avatar-container .avatar-img,
.hoverable:hover .avatar .avatar-container .avatar-img .er-fa
{
	color: var(--avatar-text-color-hover); !important;
	opacity: 1;
}
.avatar .avatar-wrapper .avatar-container a
{
	height: 100%;
	width: 100%;
	/* Center vertically */
	position: relative;
	cursor: default;
}
.avatar.hoverable .avatar-wrapper .avatar-container a,
.hoverable:hover .avatar .avatar-wrapper .avatar-container a
{
	cursor: pointer;
}
.avatar-img,
.avatar-container img
{
	display: block;
	width: inherit;
	/* Center vertically */
	margin: 0;
	position: absolute;
	top: 50%;
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 76px;
}
.avatar.smaller-icon .avatar-container .avatar-img
{
	font-size: 67px;
}

/* ****************************** Sizes ****************************** */

.avatar.size-0 .avatar-container
{
	width: 20px;
	height: 20px;
}
.avatar.size-0 .avatar-container .avatar-img
{
	font-size: 11px;
}
.avatar.size-1 .avatar-container
{
	width: 25px;
	height: 25px;
}
.avatar.size-1 .avatar-container .avatar-img
{
	font-size: 13px;
}
.avatar.size-2 .avatar-container
{
	width: 30px;
	height: 30px;
}
.avatar.size-2 .avatar-container .avatar-img
{
	font-size: 18px;
}
.avatar.size-3 .avatar-container
{
	width: 35px;
	height: 35px;
}
.avatar.size-3 .avatar-container .avatar-img
{
	font-size: 24px;
}
.avatar.size-4 .avatar-container
{
	width: 40px;
	height: 40px;
}
.avatar.size-4 .avatar-container .avatar-img
{
	font-size: 28px;
}
.avatar.size-5 .avatar-container
{
	width: 45px;
	height: 45px;
}
.avatar.size-5 .avatar-container .avatar-img
{
	font-size: 32px;
}
.avatar.size-6 .avatar-container
{
	width: 50px;
	height: 50px;
}
.avatar.size-6 .avatar-container .avatar-img
{
	font-size: 36px;
}
.avatar.size-7 .avatar-container
{
	width: 55px;
	height: 55px;
}
.avatar.size-7 .avatar-container .avatar-img
{
	font-size: 40px;
}
.avatar.size-8 .avatar-container
{
	width: 60px;
	height: 60px;
}
.avatar.size-8 .avatar-container .avatar-img
{
	font-size: 44px;
}
.avatar.size-9 .avatar-container
{
	width: 65px;
	height: 65px;
}
.avatar.size-9 .avatar-container .avatar-img
{
	font-size: 48px;
}
.avatar.size-10 .avatar-container
{
	width: 70px;
	height: 70px;
}
.avatar.size-10 .avatar-container .avatar-img
{
	font-size: 52px;
}
.avatar.size-11 .avatar-container
{
	width: 75px;
	height: 75px;
}
.avatar.size-11 .avatar-container .avatar-img
{
	font-size: 56px;
}
.avatar.size-12 .avatar-container
{
	width: 80px;
	height: 80px;
}
.avatar.size-12 .avatar-container .avatar-img
{
	font-size: 60px;
}
.avatar.size-13 .avatar-container
{
	width: 85px;
	height: 85px;
}
.avatar.size-13 .avatar-container .avatar-img
{
	font-size: 64px;
}
.avatar.size-14 .avatar-container
{
	width: 90px;
	height: 90px;
}
.avatar.size-14 .avatar-container .avatar-img
{
	font-size: 68px;
}
.avatar.size-15 .avatar-container
{
	width: 95px;
	height: 95px;
}
.avatar.size-15 .avatar-container .avatar-img
{
	font-size: 72px;
}
.avatar.size-16 .avatar-container
{
	width: 100px;
	height: 100px;
}
.avatar.size-16 .avatar-container .avatar-img
{
	font-size: 76px;
}
.avatar.size-17 .avatar-container
{
	width: 130px;
	height: 130px;
}
.avatar.size-17 .avatar-container .avatar-img
{
	font-size: 80px;
}
.avatar.size-18 .avatar-container
{
	width: 150px;
	height: 150px;
}
.avatar.size-18 .avatar-container .avatar-img
{
	font-size: 84px;
}
.avatar.size-19 .avatar-container
{
	width: 170px;
	height: 170px;
}
.avatar.size-19 .avatar-container .avatar-img
{
	font-size: 88px;
}
.avatar.size-20 .avatar-container
{
	width: 200px;
	height: 200px;
}
.avatar.size-20 .avatar-container .avatar-img
{
	font-size: 92px;
}

/* ********************************** CARDS *************************************** */
.card-group
{
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;
}
.card-group .card
{
	border-radius: 0;
	display: block;
}
.card-group .card:first-child
{
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.card-group .card:last-child
{
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
.card-group .card:not(:first-child)
{
	border-top: none;
}
.card
{
	border-radius: 0.25rem;
	display: inline-block;
	position: relative;
	word-wrap: break-word;
	border: 1px solid var(--card-border-color);
	height: inherit;
	margin: 5px;
	-webkit-box-shadow: var(--card-box-shadow);
	box-shadow: var(--card-box-shadow);
}
.card .divider
{
	height: 1px;
	line-height: 1px;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: var(--card-divider-back-color);
}
.card .card-header
{
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	border-bottom: 1px solid var(--card-header-border-color);
	width: 100%;
	background-color: var(--card-header-back-color);
}
.card .card-img
{
	width: 100%;
	display: block;
}
.card .card-img.card-img-top
{
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}
.card .card-img.card-img-bottom
{
	border-bottom-left-radius: calc(0.25rem - 1px);
	border-bottom-right-radius: calc(0.25rem - 1px);
}
.card .card-body
{
	padding: 1.25rem;
	width: 100%;
}
.card .card-footer
{
	padding: 0.75rem 1.25rem;
	border-top: 1px solid var(--card-header-border-color);
	width: 100%;
}

/* ******************************* Dropdown menu **************************************** */

.dropdown, .dropdown *, 
.dropdown *::after, .dropdown *::before 
{
	box-sizing: border-box;
}
.dropdown
{
	position: relative;
	display: inline-block;
}
.dropdown .dropdown-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 900;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: var(--dropdown-menu-text-color);
	text-align: left;
	list-style: none;
	background-color: var(--dropdown-menu-back-color);
	background-clip: padding-box;
	border: 1px solid var(--dropdown-menu-border-color);
	border-radius: .25rem;
	text-shadow: none;
}
.dropdown .dropdown-menu .dropdown-item, 
.dropdown .dropdown-menu .dropdown-item-special,
.dropdown .dropdown-menu a.dropdown-item, 
.dropdown .dropdown-menu a.dropdown-item-special
{
	color: var(--dropdown-menu-text-color);
	background-color: transparent;
}
.dropdown .dropdown-menu .dropdown-item, 
.dropdown .dropdown-menu .dropdown-item-special
{
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	text-decoration: none;
}
.dropdown .dropdown-menu .drp-item-centered
{
	text-align: center;
}
.dropdown .dropdown-menu .drp-item-footer
{
	font-weight: bold;
	color: var(--dropdown-menu-footer-text-color);
	text-shadow: var(--dropdown-menu-footer-text-shadow);
}
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item-special:active
{
	color: var(--dropdown-menu-item-special-text-color);
	background-color: var(--dropdown-menu-item-special-back-color) !important;
	text-shadow: none;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item-special:hover, 
.dropdown .dropdown-menu .dropdown-item:hover .er-fa, 
.dropdown .dropdown-menu .dropdown-item-special:hover er-fa
{
	color: var(--dropdown-menu-item-special-text-color-hover);
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item-special:hover
{
	background-color: var(--dropdown-menu-item-special-back-color-hover);
	text-shadow: none;
	cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-divider 
{
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid var(--dropdown-menu-divider-border-color);
}
.dropdown .dropdown-menu .dropdown-header 
{
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: var(--dropdown-menu-header-text-color);
	white-space: nowrap;
	margin-top: 0;
	margin-bottom: .5rem;
}
.dropdown .dropdown-menu.show
{
	display: block;
	overflow-y: auto;
	bottom: auto;
	max-height: 100%;
}
.dropdown .dropdown-menu .dropdown-body
{
	position: relative;
	z-index: 1;
}
.dropdown .dropdown-menu .dropdown-footer
{
	position: -webkit-sticky;
	position: sticky;
	top: auto;
	bottom: 0;
	width: 100%;
	background-color: var(--dropdown-menu-footer-back-color);
}


/* ***************************** Dropdown selector ***************************** */

.dropdown-selector-control
{
	border: 1px solid var(--dropdown-menu-selector-control-border-color);
	color: var(--dropdown-menu-selector-control-text-color);
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: inline-block;
	padding: 0.5rem;
}
.dropdown-selector-control:hover
{
	cursor: pointer;
	background-color: #f6f6f6;
	color: #1781c9;
}
.dropdown-selector-control .selector-title
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	display: flex;
	white-space: nowrap;
	vertical-align: middle;
	clear: both;
	min-width: 100px;
}
.dropdown-selector-control .selector-title::after
{
	background-image: radial-gradient(circle, currentcolor 1px, transparent 1.5px);
	background-position: bottom;
	background-size: 1ex 4.5px;
	background-repeat: space no-repeat;
	content: ".";
	flex-grow: 1;
	height: 1em;
	order: 3;
}
.dropdown-selector-control.no-background .selector-title::after
{
	background: none;
	content: "";
}
.dropdown-selector-control .selector-title-text
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* **************************** MODAL ********************************* */
.modal
{
	box-sizing: border-box;
}
.modal
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	z-index: 900;
}
.modal.show
{
	display: block;
	background: var(--modal-back-color);
	overflow-y: auto;
}
.modal-dialog 
{
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}
.modal-dialog-centered, 
.modal.show .modal-dialog-centered, 
.modal.show .modal-dialog.modal-dialog-centered
{
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	margin: 0 auto;
}

.modal-dialog-top-lower-position, 
.modal.show .modal-dialog-top-lower-position, 
.modal.show .modal-dialog.modal-dialog-top-lower-position
{
	-webkit-transform: translate(0, -20%);
	-o-transform: translate(0, -20%);
	transform: translate(0, -20%);
	top: 20%;
	margin: 0 auto;
}

.scrollable-content, 
.modal.show.scrollable-content, 
.modal.show.modal-dialog.scrollable-content
{
	overflow-y: hidden;
}
.scrollable-content .modal-dialog .modal-body, 
.modal.show.scrollable-content .modal-dialog .modal-body, 
.modal.show.modal-dialog.scrollable-content .modal-dialog .modal-body
{
	max-height: calc(100vh - 10rem);
	overflow: auto;
}

.modal.show .modal-dialog 
{
	-webkit-transform: none;
	transform: none;
}

@media (min-width: 576px)
{
	.modal-dialog 
	{
		min-width: 500px;
		max-width: 95%;
		width: -moz-fit-content;
		width: fit-content;
		margin: 1.75rem auto;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	/* IE10+ CSS here */

	/* Hack for width: fit-content */
	.modal-dialog
	{
		display: table !important;
	}
	/* Hack for a.button which has a display: table-cell which does not support element margins on IE */
	.modal-footer a.button
	{
		display: inline-table !important;
	}
}

.modal.animatetop .modal-dialog
{
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
}
.modal.animatetop .modal-dialog.modal-dialog-centered,
.modal.animatetop .modal-dialog-top-lower-position
{
	animation-duration: 0.28s;
}

/* Add Animation */
@-webkit-keyframes animatetop 
{
	from {top: -300px; opacity: 0} 
	to {top: 0; opacity: 1}
}

@keyframes animatetop 
{
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}

.modal-content 
{
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: var(--modal-dialog-back-color);
	border: 1px solid var(--modal-dialog-border-color);
	border-radius: 0;
	outline: 0;
	box-shadow: var(--modal-dialog-box-shadow);
	-moz-box-shadow: var(--modal-dialog-box-shadow);
	-o-box-shadow: var(--modal-dialog-box-shadow);
	-webkit-box-shadow: var(--modal-dialog-box-shadow);
}
.modal.border-radius .modal-content
{
	border-radius: 0.3rem;
}
.modal form
{
	margin: 0;
}
.modal-header 
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	padding: 0.3rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid var(--modal-dialog-header-border-color);
}
.modal.border-radius .modal-header
{
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}
.modal.modal-lrg .modal-header
{
	padding: 0.7rem 0.7rem;
} 
.modal-body 
{
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer 
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: center;
	padding: 0.5rem;
	border-top: 1px solid var(--modal-dialog-footer-border-color);
}
.modal.modal-lrg .modal-footer
{
	padding: 0.75rem;
}
.modal.border-radius .modal-footer
{
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal.footer-content-right .modal-footer 
{
	justify-content: flex-end;
}
.modal.footer-content-left .modal-footer 
{
	justify-content: flex-start;
}
.modal-footer>:not(:last-child) 
{
	margin-right: 0.24rem !important;
}
.modal-footer>:not(:first-child) 
{
	margin-left: 0.24rem !important;
}

.modal-header .modal-header-icon, 
.modal-content .modal-header .modal-header-icon .er-fa, 
.modal-header .modal-header-actions .modal-header-action .er-fa
{
	line-height: 1.5;
}
.modal-header .modal-header-icon
{
	width: auto;
	float: left;
	color: var(--modal-dialog-header-text-color);
	font-size: 0.95rem;
}
.modal-content .modal-header .modal-header-icon .er-fa
{
	color: var(--modal-dialog-header-icon-color);
}
.modal-title 
{
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
	font-size: 0.95rem;
}
.modal-header .modal-header-actions .modal-header-action
{
	display: inline-block;
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	margin-right: -0.2rem;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.3rem;
	opacity: 1;
}
modal.modal-lrg .modal-header .modal-header-actions .modal-header-action
{
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}

.modal-header .modal-header-actions .modal-header-action, 
.modal-header .modal-header-actions .modal-header-action .er-fa 
{
	color: var(--modal-dialog-header-action-icon-color);
}
.modal-header .modal-header-actions .modal-header-action .er-fa
{
	font-size: 0.95rem;
}
.modal-header .modal-header-actions .modal-header-action:focus, 
.modal-header .modal-header-actions .modal-header-action:hover 
{
	text-decoration: none;
	opacity: 0.65;
}
.modal-footer>* 
{
	margin: 0.24rem;
}

/* *************************************************************** */
/* ******************** Modal header colors ********************** */

.md-grey .modal-header, 
.md-grey .modal-content .modal-header .modal-header-icon .er-fa, 
.md-grey .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #FFFFFF;
}
.md-grey .modal-header
{
	background-color: #afafaf;
	border-color: #afafaf;
}
.md-purple .modal-header,
.md-purple .modal-content .modal-header .modal-header-icon .er-fa, 
.md-purple .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-purple .modal-header
{
	background-color: #8300a7;
	border-color: #8300a7;
}
.md-purple .modal-header .modal-header-actions .modal-header-action, 
.md-purple .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa 
{
	color: #ededed;
}
.md-purple .modal-header .modal-header-actions .modal-header-action:focus, 
.md-purple .modal-header .modal-header-actions .modal-header-action:hover 
{
	text-decoration: none;
	opacity: 0.65;
}
.md-blue .modal-header, 
.md-blue .modal-content .modal-header .modal-header-icon .er-fa, 
.md-blue .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-blue .modal-header
{
	background-color: var(--modal-dialog-header-back-color);
	border-color: var(--modal-dialog-header-border-color);
}
.md-blue-dark .modal-header, 
.md-blue-dark .modal-content .modal-header .modal-header-icon .er-fa, 
.md-blue-dark .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-blue-dark .modal-header
{
	background-color: #1f76a7;
	border-color: #1f76a7;
}
.md-turquoise .modal-header, 
.md-turquoise .modal-content .modal-header .modal-header-icon .er-fa, 
.md-turquoise .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-turquoise .modal-header
{
	background-color: #5bc0de;
	border-color: #46b8da;
}
.md-red .modal-header, 
.md-red .modal-content .modal-header .modal-header-icon .er-fa, 
.md-red .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-red .modal-header
{
	background-color: #d9534f;
	border-color: #d43f3a;
}
.md-yellow .modal-content .modal-header .modal-header-icon .er-fa, 
.md-yellow .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #5f5f5f;
}
.md-yellow .modal-header,
.md-yellow .modal-header .modal-title
{
	color: #5c5c5c;
}
.md-yellow .modal-header 
{
	background-color: #fffc8a;
	border-color: #f4f03a;
}
.md-orange .modal-header, 
.md-orange .modal-content .modal-header .modal-header-icon .er-fa, 
.md-orange .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #545454;
}
.md-orange .modal-header
{
	background-color: #f0ad4e;
	border-color: #eea236;
}
.md-orange .modal-header .modal-title
{
	color: #383838;
}
.md-green .modal-header, 
.md-green .modal-content .modal-header .modal-header-icon .er-fa, 
.md-green .modal-content .modal-header .modal-header-actions .modal-header-action .er-fa
{
	color: #ffffff;
}
.md-green .modal-header
{
	background-color: #449d44;
	border-color: #398439;
}

/* ******************************** Draggable ******************************************* */

.draggable:hover
{
	cursor: -webkit-grab; 
	cursor: grab;
}
.draggable:active
{
	cursor: -webkit-grabbing; 
	cursor: grabbing;
}

/* ******************** Loader ******************** */

.loader
{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -42px;
	margin-top: -42px;
	border: 16px solid var(--er-loader-border-color);
	border-top: 16px solid var(--er-loader-border-top-color);
	z-index: 10000000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	animation: spin 2s linear infinite;
	-webkit-border-radius: 50%;
	-moz-animation: spin 2s linear infinite;
	-webkit-animation: spin 2s linear infinite;
}
.loader.ldr-mini, .loader.ldr-relative
{
	width: 20px;
	height: 20px;
	margin-left: -11px;
	margin-top: -11px;
	border: 5px solid var(--er-loader-border-color);
	border-top: 5px solid var(--er-loader-border-top-color);
}
.loader.ldr-small
{
	width: 40px;
	height: 40px;
	margin-left: -21px;
	margin-top: -21px;
	border: 10px solid var(--er-loader-border-color);
	border-top: 10px solid var(--er-loader-border-top-color);
}
.loader.ldr-relative
{
	position: relative;
	margin: 1px;
	top: unset;
	left: unset;
}
@-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); }
}
/* ************************************** DIALOG BOX ********************************************* */
.DialogBox * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-ms-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}
.DialogBox {
	position: absolute;
	overflow: hidden;
	display: none;
	background-color: var(--modal-dialog-header-back-color);
	color: var(--default-text-color);
	border: 1px solid var(--modal-dialog-border-color);
	box-shadow: var(--modal-dialog-box-shadow);
	-moz-box-shadow: var(--modal-dialog-box-shadow);
	-o-box-shadow: var(--modal-dialog-box-shadow);
	-webkit-box-shadow: var(--modal-dialog-box-shadow);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	-webkit-border-radius: 1px;
}
.DialogBox.warning {
	background-color: #df9805;
	border: 1px solid var(--modal-dialog-border-color);
	box-shadow: var(--modal-dialog-box-shadow);
}
.DialogBox.danger {
	background-color: #d9534f !important;
	border: 1px solid var(--modal-dialog-border-color);
	box-shadow: var(--modal-dialog-box-shadow);
}
/* for IE only... */
.DialogBoxTitleBar {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	color: #F3F3F3;
	font-weight: bold;
	cursor: default;
	padding-left: 2px;
	padding-right: 2px;
}
/* ...for the rest */
html>body .DialogBoxTitleBar {
	height: 20px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	color: #F3F3F3;
	font-weight: bold;
	cursor: default;
	padding: 2px;
	-moz-user-select: none;
}
.DialogBoxTitleText {
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	margin-right: 5px;
	margin-left: 2px;
	height: 100%;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
}
.DialogBoxTitleBar .alt {
	display: none;
}
.DialogBoxTitleBar a.close {
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	background: url(../images/dialog-close.png) no-repeat;
}
.DialogBoxTitleBar a.close:hover,
.DialogBoxTitleBar a.close:focus,
.DialogBoxTitleBar a.help:hover,
.DialogBoxTitleBar a.help:focus {
	filter: alpha(opacity=65);
	opacity: 0.65;
}
.DialogBoxTitleBar a.help {
	margin-right: 3px;
	display: block;
	float: right;
	width: 18px;
	height: 18px;
	background: url(../images/dialog-help.png) no-repeat;
}
.DialogBoxContent {
	overflow: auto;
	background-color: var(--modal-dialog-back-color);
}
.DialogBox.warning .DialogBoxContent .warning-icon {
	color: #d0961d !important;
}
.DialogBox.danger .DialogBoxContent .warning-icon {
	color: #ca4844 !important;
}
/* for IE only... */
.DialogBoxOverlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
/* ...for the rest */
html>body .DialogBoxOverlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: var(--modal-back-color);
	-moz-user-select: none;
}
.DialogBoxOutline {
	display: none;
	position: absolute;
	background-color: #A9B5C3;
	width: 4px;
	height: 4px;
	top: 0px;
	left: 0px;
	overflow: hidden;
	-moz-user-select: none;
} 
.DialogBoxBottomContent {
	background-color: var(--modal-dialog-back-color);
	display: flex; 
	justify-content: center; 
	align-items: center;
	overflow:hidden;
	border-top: 1px solid var(--modal-dialog-footer-border-color);
	padding-top:3px;
	padding-bottom:2px;
}

.wizard {
	background-color: var(--wizard-back-color);
	border: 2px solid var(--wizard-border-color);
	padding: 20px;
}
.wizard p {
	padding: 0px;
	margin: 0px;
}
.wizard a {
	text-decoration: none;
	color: var(--wizard-link-color);
	font-size: 13px;
}
.wizard a:hover {
	text-decoration: underline;
}
.wizard ul {
	padding-left: 30px;
	margin-left: 0px;
}
.wizard li {
	list-style-image: url(../images/wizard-bullet.gif);
	margin: 3px 0;
}
.wizard .title {
	font-size: 19px;
}
.wizard .iconSkype,
.wizard .iconTel,
.wizard .iconHelpDesk,
.wizard .iconDownload,
.wizard .iconEmail {
	margin-left: 0px;
	padding-left: 12px;
	background: url(../images/supportBox_icons.gif) no-repeat;
}
.wizard .iconSkype {
	background-position: 0 -14px;
}
.wizard .iconDownload {
	background-position: 0 -27px;
}
.wizard .iconHelpDesk {
	background-position: 0 -42px;
}
.wizard .iconEmail {
	background-position: 0 -55px;
}
.wizardExtra {
	background: url(../images/wizard-bg.jpg) no-repeat #EDF3FB;
	padding: 15px 10px 10px 45px;
	margin-top: 20px;
	border: 1px solid #33a9fe;
}
.wizardExtra p {
	margin-bottom: 10px;
	margin-left: 0px;
}
.wizardVatRegType {
	padding: 0;
}
.wizard.info {
	padding: 15px;
}
.wizard.info p {
	padding-top: 7px;
	padding-bottom: 7px;
}
.wizard.info.blue {
	background-color: var(--wizard-info-back-color-blue);
}
/* *********************** Errors and warnings ********************************** */

font.error, 
font.warning, 
span.error, 
span.warning
.error-feedback, 
.warning-feedback, 
.warning-orange, 
.warning-orange-feedback
{
	font-size: 12px;
} 
.error, .note, .error-feedback
{ 
	color: var(--error-text-color);
}
.warning, 
.warning-feedback 
{ 
	color: var(--warning-text-color); 
}
.warning-orange, 
.warning-orange-feedback 
{ 
	color: var(--orangeDark4); 
}
/* **************************************************************** */

.help-balloon, .help-balloon:after, .help-balloon:before {
	box-sizing: border-box;
}

.help-balloon-wrapper {
	position: absolute;
	overflow: visible;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.8s;
	left: -100%;
}

.help-balloon-wrapper .help-balloon {
	position: absolute;
	min-width: 250px;
	min-height: 100px;
	border-radius: 5px;
	background: var(--help-balloon-back-color);
	color: var(--help-balloon-text-color);
	border: 1px solid var(--help-balloon-border-color);
	box-shadow: var(--help-balloon-text-shadow);
}

.help-balloon-wrapper .help-balloon a{
	color: var(--help-balloon-link-color);
}
.help-balloon-wrapper.right .help-balloon {
	margin-left: 14px;
}
.help-balloon-wrapper.left .help-balloon {
	margin-right: 14px;
}

.help-balloon-wrapper .help-balloon:before, .help-balloon-wrapper .help-balloon:after {
	content:"";
	width: 0;
	height: 0;
	position: absolute;
}
.help-balloon-wrapper.right .help-balloon:before {
	left: -20px;
	top: 50px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 20px solid var(--help-balloon-border-color);
}
.help-balloon-wrapper.right .help-balloon:after {
	left: -18px;
	top: 51px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 18px solid var(--help-balloon-back-color);
}
.help-balloon-wrapper.left .help-balloon:before {
	right: -20px;
	top: 50px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid var(--help-balloon-border-color);
}
.help-balloon-wrapper.left .help-balloon:after {
	right: -18px;
	top: 51px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 18px solid var(--help-balloon-back-color);
}
.help-balloon-wrapper.top .help-balloon:before {
	bottom: -20px;
	left: 50px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 20px solid var(--help-balloon-border-color);
}
.help-balloon-wrapper.top .help-balloon:after {
	bottom: -18px;
	left: 51px;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	border-top: 18px solid var(--help-balloon-back-color);
}
.help-balloon-wrapper.bottom .help-balloon:before {
	top: -20px;
	left: 50px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 20px solid var(--help-balloon-border-color);
}
.help-balloon-wrapper.bottom .help-balloon:after {
	top: -18px;
	left: 51px;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	border-bottom: 18px solid var(--help-balloon-back-color);
}

.help-balloon-wrapper .help-balloon .help-balloon-title {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid var(--help-balloon-text-color);
	border-radius: 5px 5px 0 0;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
} 

.help-balloon-wrapper .help-balloon .help-balloon-body {
	border-radius: 0 0 5px 5px;
}

.help-balloon-wrapper .help-balloon .help-balloon-body, .help-balloon-wrapper .help-balloon .help-balloon-body a{
	font-size: 13px;
}

.help-balloon-wrapper .help-balloon .help-balloon-title, 
.help-balloon-wrapper .help-balloon .help-balloon-body {
	padding: 0.6em 1.0em;
}

.help-balloon-wrapper .help-balloon .close{
	margin-left: 15px;
	color: var(--help-balloon-text-color);
	font-size: 19px;
	cursor: pointer;
	transition: 0.3s;
}

.help-balloon-wrapper .help-balloon .close:hover{
	opacity: 0.5;
	filter: alpha(opacity=50); 
}

.help-balloon-wrapper .help-balloon .help-ballon-hide{
	margin-top: 13px;
	white-space: nowrap;
}

.help-balloon-wrapper .help-balloon .help-ballon-hide input{
	cursor: pointer;
}

.help-balloon-wrapper .help-balloon .help-ballon-hide *{
	vertical-align: middle;
}

/* Slide in animation */
.help-balloon-wrapper.slide-in-left{
	left: -20%;
	transition: left 1.5s, opacity 0.8s;
}
.help-balloon-wrapper.slide-in-right{
	left: calc(100% - 270px);
	transition: left 1.5s, opacity 0.8s;
}
.help-balloon-wrapper.slide-in-top{
	top: -20%;
	transition: top 1.5s, opacity 0.8s;
}
.help-balloon-wrapper.slide-in-bottom{
	top: calc(100% - 270px);
	transition: top 1.2s, opacity 0.8s;
}

/* *********Colors******** */
/* Green */
.help-balloon-wrapper.green .help-balloon {
	background: #4CAF50;
	border-color: #4f9c4f ;
}
.help-balloon-wrapper.green.right .help-balloon:before {
	border-right-color: #4f9c4f;
}
.help-balloon-wrapper.green.right .help-balloon:after {
	border-right-color: #4CAF50;
}
.help-balloon-wrapper.green.left .help-balloon:before {
	border-left-color: #4f9c4f;
}
.help-balloon-wrapper.green.left .help-balloon:after {
	border-left-color: #4CAF50;
}
.help-balloon-wrapper.green.top .help-balloon:before {
	border-top-color: #4f9c4f;
}
.help-balloon-wrapper.green.top .help-balloon:after {
	border-top-color: #4CAF50;
}
.help-balloon-wrapper.green.bottom .help-balloon:before {
	border-bottom-color: #4f9c4f;
}
.help-balloon-wrapper.green.bottom .help-balloon:after {
	border-bottom-color: #4CAF50;
}

/* Orange */
.help-balloon-wrapper.orange .help-balloon {
	background: #fdac38;
	color: #3a3a3a;
	border-color: #f1a435;
}
.help-balloon-wrapper.orange .help-balloon .help-balloon-title {
	border-bottom-color: #3a3a3a;
}
.help-balloon-wrapper.orange.right .help-balloon:before {
	border-right-color: #f1a435;
}
.help-balloon-wrapper.orange.right .help-balloon:after {
	border-right-color: #fdac38;
}
.help-balloon-wrapper.orange.left .help-balloon:before {
	border-left-color: #f1a435;
}
.help-balloon-wrapper.orange.left .help-balloon:after {
	border-left-color: #fdac38;
}
.help-balloon-wrapper.orange.top .help-balloon:before {
	border-top-color: #f1a435;
}
.help-balloon-wrapper.orange.top .help-balloon:after {
	border-top-color: #fdac38;
}
.help-balloon-wrapper.orange.bottom .help-balloon:before {
	border-bottom-color: #f1a435;
}
.help-balloon-wrapper.orange.bottom .help-balloon:after {
	border-bottom-color: #fdac38;
}

/* Red */
.help-balloon-wrapper.red .help-balloon {
	background: #d9534f;
	border-color: #d43f3a;
}
.help-balloon-wrapper.red.right .help-balloon:before {
	border-right-color: #d43f3a;
}
.help-balloon-wrapper.red.right .help-balloon:after {
	border-right-color: #d9534f;
}
.help-balloon-wrapper.red.left .help-balloon:before {
	border-left-color: #d43f3a;
}
.help-balloon-wrapper.red.left .help-balloon:after {
	border-left-color: #d9534f;
}
.help-balloon-wrapper.red.top .help-balloon:before {
	border-top-color: #d43f3a;
}
.help-balloon-wrapper.red.top .help-balloon:after {
	border-top-color: #d9534f;
}
.help-balloon-wrapper.red.bottom .help-balloon:before {
	border-bottom-color: #d43f3a;
}
.help-balloon-wrapper.red.bottom .help-balloon:after {
	border-bottom-color: #d9534f;
}
.help-balloon-wrapper.red .help-balloon a{
	color: #a9deff;
}

/* Grey */
.help-balloon-wrapper.grey .help-balloon {
	background: #f2f2f2;
	color: #4f4f4f;
	border-color: #d0d0d0;
}
.help-balloon-wrapper.grey .help-balloon .help-balloon-title {
	border-bottom-color: #4f4f4f;
}
.help-balloon-wrapper.grey .help-balloon .close{
	color: #4f4f4f;
}
.help-balloon-wrapper.grey.right .help-balloon:before {
	border-right-color: #d0d0d0;
}
.help-balloon-wrapper.grey.right .help-balloon:after {
	border-right-color: #f2f2f2;
}
.help-balloon-wrapper.grey.left .help-balloon:before {
	border-left-color: #d0d0d0;
}
.help-balloon-wrapper.grey.left .help-balloon:after {
	border-left-color: #f2f2f2;
}
.help-balloon-wrapper.grey.top .help-balloon:before {
	border-top-color: #d0d0d0;
}
.help-balloon-wrapper.grey.top .help-balloon:after {
	border-top-color: #f2f2f2;
}
.help-balloon-wrapper.grey.bottom .help-balloon:before {
	border-bottom-color: #d0d0d0;
}
.help-balloon-wrapper.grey.bottom .help-balloon:after {
	border-bottom-color: #f2f2f2;
}


.calendar-evt, .calendar-evt *
{
	box-sizing: border-box;
}
.calendar-evt
{
	position: relative;
	max-width: 1920px;
	margin: auto;
}
.calendar-evt .calendar-evt-header
{
	display: block;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 45px;
	line-height: 45px;
	background-color: var(--default-back-color);
	padding: 6px;
	border-bottom: 1px solid var(--calendar-evt-header-border-color);
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.calendar-evt .calendar-evt-header .calendar-evt-header-wrapper
{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 32px;
	line-height: 32px;
	overflow:hidden;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.calendar-evt .calendar-evt-header-right
{
	margin-left: auto !important;
}
.calendar-evt:not(.calendar-evt-full-view) .calendar-evt-header-right
{
	margin-right: 34px;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-header-right
{
	margin-right: 4px;
}
.calendar-evt-header .calendar-evt-header-right-absolute
{
	position: absolute;
	right: 0;
}
.calendar-evt-header-arrows
{
	margin-left: 9px;
	margin-right: 9px;
}
.calendar-evt-header-arrows .calendar-evt-header-arrow-right
{
	margin-left: 5px;
}
.calendar-evt-header-arrows .calendar-evt-header-arrow-left .er-fa,
.calendar-evt-header-arrows .calendar-evt-header-arrow-right .er-fa,
.calendar-evt-header .min-maximize-calendar .er-fa,
.calendar-evt-header .er-fa,
.button-calendar .er-fa,
.calendar-evt .header-month-selected,
.date-time-picker-wrapper .header-month-selected, 
.calendar-evt .header-day-selected, 
.date-time-picker-wrapper .header-day-selected
{
	font-size: 20px;
	color: var(--calendar-evt-header-text-color);
}
.calendar-evt .header-month-selected,
.date-time-picker-wrapper .header-month-selected, 
.calendar-evt .header-day-selected, 
.date-time-picker-wrapper .header-day-selected
{
	font-size: 18px;
}
.calendar-evt .header-day-selected
{
	margin-left: 30px;
}
.calendar-evt:not(.calendar-evt-full-view) .header-day-selected
{
	display: none;
}
.calendar-evt-full-view .min-maximize-calendar
{
	display: none;
}
.calendar-evt .button-calendar.button-light, 
.calendar-evt a.button-light.button-calendar,
.button-calendar.button-light, 
a.button-light.button-calendar
{
	border: 1px solid var(--calendar-evt-button-light-border-color) !important;
	color: var(--calendar-evt-button-light-text-color) !important;
}
.button.button-split,
.button.button-calendar.button-split
{
	padding-left: 0;
	padding-right: 0;
}
.button-split .button-split-default-action
{
	padding-left: 7px;
}
.button-split .button-split-menu
{
	padding-left: 6px;
	padding-right: 7px;
	display: inline-block;
	height: 100%;
	margin-left: 7px;
	border-left: 1px solid var(--calendar-evt-button-split-border-color);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.button-calendar.button-primary.button-split .button-split-menu
{
	background-color: var(--calendar-evt-button-primay-split-menu-back-color);
}
.button-calendar.button-primary.button-split .button-split-menu:hover,
.button-calendar.button-primary.button-split .button-split-menu:focus
{
	background-color: var(--calendar-evt-button-primay-split-menu-back-color-hover);
}
.button-calendar.button-primary.button-split .button-split-menu .er-fa
{
	color: var(--calendar-evt-button-primay-split-menu-icon-color) !important;
}
.button-split .button-split-menu:hover,
.button-split .button-split-menu:focus
{
	background-color: var(--calendar-evt-button-split-menu-back-color-hover);
}
.calendar-evt .calendar-evt-content
{
	padding: 10px;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-content
{
	height: calc(100% - 45px);
	padding: 0;
}
.calendar-evt .calendar-evt-content-left
{
	display: inline-block;
	width: 300px;
	padding-right: 10px;
}
.calendar-evt-content-left .event-icon.er-fa
{
	font-size: 13px;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-content-left 
{
	padding: 10px;
	position: absolute;
	top: 45px;
	bottom: 0;
	overflow: auto;
}
.calendar-evt-content-left .calendar-wrapper .calendar-row .calendar-day:last-child
{
	border: none !important;
}
.calendar-evt-content-left .calendar-wrapper
{
	border-left: none;
	border-top: none;
}
.calendar-evt-content-left .calendar-wrapper .calendar-row:last-child
{
	border-bottom: none;
}
.calendar-evt .calendar-evt-content-main
{
	width: 100%;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-content-main 
{
	width: calc(100% - 300px) !important;
	padding: 10px;
	padding-left: 0;
	left: 300px;
	right: 0;
	bottom: 0;
	top: 45px;
	position: absolute;
	overflow: auto;
}
.calendar-evt .calendar-evt-content-main .calendar-wrapper, 
.calendar-wrapper
{
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	counter-reset: month-days;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: stretch;
	-moz-justify-content: stretch;
	justify-content: stretch;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	border-left: 1px solid var(--calendar-evt-wrapper-border-color);
	border-top: 1px solid var(--calendar-evt-wrapper-border-color);
}
.calendar-evt-content-left .calendar-wrapper
{
	height: 250px;
}
.calendar-evt-content-main .calendar-wrapper
{
	flex: 1;
}
.calendar-wrapper.no-border 
{
	border: none !important; 
}
.calendar-wrapper .calendar-row
{
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--calendar-evt-wrapper-border-color);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	-moz-flex: 1 1 0%;
	flex: 1 1 0%;
	flex-direction: row;
}
.calendar-wrapper .calendar-row .calendar-day
{
	border-right: 1px solid var(--calendar-evt-wrapper-border-color);
	-webkit-box-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	-moz-flex: 1 1 0%;
	flex: 1 1 0%;
	position: relative;
}

.calendar-wrapper .calendar-row .calendar-day.calendar-day-holiday
{
	background-color: var(--calendar-evt-day-holiday-back-color) !important;
}
.calendar-wrapper .calendar-row .calendar-day.calendar-weekend
{
	background-color: var(--calendar-evt-day-weekend-back-color);
}
.calendar-wrapper .calendar-row .calendar-day.calendar-day-selected
{
	box-shadow: var(--calendar-evt-day-selected-box-shadow);
}
calendar-day-selected .calendar-day-index-number
{
	color: var(--calendar-evt-day-selected-number-text-color);
}
.calendar-wrapper .calendar-row .calendar-day.calendar-day-outside .calendar-day-index
{
	font-style: italic;
	color: var(--calendar-evt-day-outside-number-text-color);
}
.calendar-wrapper .calendar-row .calendar-day:hover,
.calendar-wrapper .calendar-row .calendar-day:focus
{
	background-color: var(--calendar-evt-day-back-color-hover) !important;
}
.calendar-wrapper .calendar-row .calendar-day:hover .calendar-day-index-number,
.calendar-wrapper .calendar-row .calendar-day:focus .calendar-day-index-number
{
	color: var(--calendar-evt-day-selected-number-text-color);
}

.calendar-evt .calendar-day-name
{
	color: var(--calendar-evt-day-name-text-color);
	font-size: 12px;
	padding: 2px;
}
.calendar-evt .calendar-day-index
{
	color: var(--calendar-evt-day-index-text-color);
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}
.calendar-day-holiday .calendar-day-index-number
{
	color: var(--calendar-evt-day-number-text-color);
}
.calendar-evt .header-month-selected,
.date-time-picker-wrapper .header-month-selected
{
	font-weight: bold;
	font-family: Google Sans,Roboto,Arial,sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 28px;
	white-space: nowrap;
}

.calendar-wrapper .events-wrapper
{
	display: grid  !important;
	width: 100%;
}
.calendar-evt-content-left .events-wrapper .event,
.calendar-year-view .calendar-row .events-wrapper .event
{
	display: none;
}
.calendar-wrapper .event
{
	background-color: var(--calendar-evt-event-back-color);
	padding: 5px;
	border-radius: 3px;
	margin: 2px;
	max-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	position: relative;
}

.calendar-year-view-col .calendar-row .calendar-day.calendar-events-marker:after, 
.calendar-evt-content-small .calendar-row .calendar-day.calendar-events-marker:after, 
.calendar-evt-content-left .calendar-row .calendar-day.calendar-events-marker:after
{
	content: "\A";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--calendar-evt-events-marker-back-color);
	display: inline-block;
	margin: 0 auto;
}
.calendar-wrapper .event .er-fa,
.calendar-wrapper .event a
{
	color: var(--calendar-evt-event-icon-color);
}

.calendar-wrapper .event:hover,
.calendar-wrapper .event:focus,
.calendar-wrapper .event-green:hover,
.calendar-wrapper .event-green:focus
{
	background-color: var(--calendar-evt-event-back-color-hover);
}
.calendar-wrapper .event-red
{
	background-color: var(--calendar-evt-event-back-color-red);
}
.calendar-wrapper .event-red:hover,
.calendar-wrapper .event-red:focus
{
	background-color: var(--calendar-evt-event-back-color-red-hover);
}
.calendar-wrapper .event-red2
{
	background-color: var(--calendar-evt-event-back-color-red2);
}
.calendar-wrapper .event-red2:hover,
.calendar-wrapper .event-red2:focus
{
	background-color: var(--calendar-evt-event-back-color-red2-hover);
}
.calendar-wrapper .event-purple
{
	background-color: var(--calendar-evt-event-back-color-purple);
}
.calendar-wrapper .event-purple:hover,
.calendar-wrapper .event-purple:focus
{
	background-color: var(--calendar-evt-event-back-color-purple-hover);
}
.calendar-wrapper .event-orange
{
	background-color: var(--calendar-evt-event-back-color-orange);
}
.calendar-wrapper .event-orange:hover,
.calendar-wrapper .event-orange:focus
{
	background-color: var(--calendar-evt-event-back-color-orange-hover);
}
.calendar-wrapper .event-blue 
{
	background-color: var(--calendar-evt-event-back-color-blue);
}
.calendar-wrapper .event-blue:hover,
.calendar-wrapper .event-blue:focus
{
	background-color: var(--calendar-evt-event-back-color-blue-hover);
}
.calendar-wrapper .event-grey 
{
	background-color: var(--calendar-evt-event-back-color-grey);
}
.calendar-wrapper .event-grey:hover,
.calendar-wrapper .event-grey:focus
{
	background-color: var(--calendar-evt-event-back-color-grey-hover);
}

.max-width-for-event-previews .modal-body
{
	max-width: 1600px;
}

.calendar-day-events-indicator, 
.calendar-small .calendar-day-events-indicator, 
.calendar-evt .calendar-day-events-indicator
{
	display: none;
}
.calendar-evt .calendar-evt-content-main .calendar-day-events-indicator
{
	height: 6px;
	width: 6px;
	position: absolute;
	bottom: 3px;
	right: 3px;
	z-index: 1;
	border-radius: 50%;
	background-color: var(--calendar-evt-day-events-indicator-back-color);
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.calendar-evt .calendar-day-events-indicator .er-fa
{
	display: none;
	padding: 3px;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-content-main .calendar-day-events-indicator
{
	height: 21px;
	width: 21px;
	line-height: 21px;
}
.calendar-evt.calendar-evt-full-view .calendar-evt-content-main .calendar-day-events-indicator .er-fa
{
	display: initial;
	font-size: 11px;
	text-align: center;
	color: var(--calendar-evt-day-events-indicator-icon-color);
	margin: auto;
}

.calendar-wrapper.calendar-events-preview .event
{
	max-height: none;
	text-overflow: none;
	white-space: initial;
}
.calendar-events-preview-header
{
	background: var(--calendar-evt-day-events-preview-header-back-color);
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-bottom: 4px;
}
.calendar-wrapper.calendar-events-preview .events-date-title
{
	margin-top: 3px;
	margin-bottom: 3px;
	color: var(--calendar-evt-events-date-title);
}
.calendar-events-preview-header .button.margin-left-auto
{
	margin-left: auto !important;
}
.calendar-wrapper .no-events
{
	display: inline-block;
	color: var(--calendar-evt-no-events-text-color);
	font-size: 16px;
	padding: 38px 1.6rem 0 1.6rem;
}
.calendar-wrapper .no-events .er-fa
{
	color: var(--calendar-evt-no-events-icon-color);
}

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

.calendar-evt .calendar-events-selection
{
	margin-top: 5px;
}
.calendar-evt  .calendar-events-selection .calendar-events-selection-scope a
{
	color: var(--calendar-evt-selection-scope-link-color);
	font-size: 16px;
}
.calendar-evt .calendar-events-selection .calendar-events-selection-scope a .er-fa
{
	font-size: 17px;
}
.calendar-events-selection-scope + .calendar-events-selection-scope
{
	margin-top: 27px;
}
.calendar-evt .calendar-events-selection .calendar-events-selection-scope .calendar-events-selection-scope-option
{
	display: block;
}
.calendar-evt .calendar-events-selection .calendar-events-selection-scope-option:hover span,
.calendar-evt .calendar-events-selection .calendar-events-selection-scope-option:focus span
{
	opacity: 0.75;
}
.calendar-events-selection-scope-option + .calendar-events-selection-scope-option
{
	margin-top: 10px;
}
.calendar-evt .calendar-events-selection-title
{
	color: #5f6368;
}
.calendar-events-selection .er-input-label
{
	font-size: 11px;
}
.calendar-events-selection .checkbox-container input:checked ~ .checkmark
{
	background-color: var(--calendar-evt-checkbox-back-color);
}
.calendar-events-selection .checkbox-container input[type="checkbox"][disabled] ~ .checkmark
{
	background-color: var(--calendar-evt-checkbox-back-color-disabled);
	border: 1px solid var(--calendar-evt-checkbox-back-color-disabled);
}
.calendar-events-selection .checkmark, 
.calendar-events-selection .checkmark-radio
{
	border: 1px solid var(--calendar-evt-checkbox-checkmark-color);
}
.calendar-events-selection .calendar-events-selection-scope .mycalendars-filter-more a, 
.calendar-evt-content .calendar-events-selection .calendar-events-selection-scope .mycalendars-filter-more a, 
.mycalendars-filter-more, 
.mycalendars-filter-more a
{
	margin-left: 3px;
	font-size: 14px !important;
	color: var(--calendar-evt-mycalendars-filter-more-text-color) !important;
}
.mycalendars-filter-more:hover,
.mycalendars-filter-more:focus
{
	opacity: 0.85;
}
.mycalendars-filter-more .er-fa
{
	color: #4caf50
}
.calendar-wrapper .event.event-mandant:before,
.calendar-wrapper .event.event-session-user:before
{
	content: "\A";
	width: 3px;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.calendar-evt .calendar-wrapper .event.event-mandant:before
{
	background: var(--calendar-evt-event-mandant-back-color);
}
.calendar-evt .calendar-wrapper .event.event-session-user:before
{
	background: var(--calendar-evt-event-session-user-back-color);
}
.event-mandant-hide .event-mandant
{
	display: none;
}
.event-user-hide .event-user
{
	display: none;
}
.calendar-day-data .event-icon.er-fa
{
	font-size: 16px;
}
#calendarMainContent .calendar-wrapper:not(.calendar-events-preview)
{
	height: calc(100vh - 45px);
}

/* ********************************* VIEWS **************************************** */

/* ********* Day View ********* */

.calendar-events-preview.day-view .time-wrapper
{
	width: 50px;
	min-height: 50px;
	border-right: 1px solid var(--calendar-evt-wrapper-border-color);
	border-bottom: 1px solid var(--calendar-evt-wrapper-border-color);
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
.calendar-events-preview.day-view .time-wrapper:hover,
.calendar-events-preview.day-view .time-wrapper:focus
{
	color: var(--calendar-evt-time-wrapper-text-color-hover);
	opacity: 0.85;
}
.time-wrapper ~ .events-wrapper
{
	-webkit-flex: 1 1 0%;
	-moz-flex: 1 1 0%;
	flex: 1 1 0%;
	border-bottom: 1px solid var(--calendar-evt-wrapper-border-color);
}
.calendar-events-preview.day-view .time-wrapper-no-events:hover,
.calendar-events-preview.day-view .time-wrapper-no-events:focus
{
	background-color: var(--calendar-evt-time-wrapper-no-events-back-color-hover);
}
.calendar-opacity-hover:hover,
.calendar-opacity-hover:focus
{
	opacity: 0.65;
}

/* ********* Week View ********* */

.calendar-events-preview.week-view .events-wrapper .event
{
	max-height: 100px;
}
.calendar-events-preview.week-view .events-wrapper.calendar-day.calendar-day-holiday
{
	background-color: var(--calendar-evt-day-holiday-back-color);
}
.calendar-events-preview.week-view .calendar-day:hover, 
.calendar-events-preview.week-view .events-wrapper.calendar-day.calendar-day-holiday:hover,
.calendar-events-preview.week-view .calendar-day:focus, 
.calendar-events-preview.week-view .events-wrapper.calendar-day.calendar-day-holiday:focus
{
	background-color: var(--calendar-evt-day-weekend-back-color);
}
.calendar-events-preview.week-view .calendar-weekend
{
	background-color: var(--calendar-evt-day-weekend-back-color);
}
.calendar-events-preview.week-view .events-wrapper.calendar-weekend:hover,
.calendar-events-preview.week-view .calendar-day.calendar-weekend:hover,
.calendar-events-preview.week-view .events-wrapper.calendar-weekend:focus,
.calendar-events-preview.week-view .calendar-day.calendar-weekend:focus
{
	background-color: var(--calendar-evt-day-weekend-back-color-hover);
}
.events-wrapper .event .event-content-title
{
	color: #0c4e7e;
}
.calendar-events-preview.week-view .events-wrapper .event,
.calendar-events-preview.week-view .events-wrapper .event .event-content-title, 
.calendar-events-preview.week-view .events-wrapper .event .event-content-description
{
	max-height: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.calendar-events-preview.week-view .time-wrapper
{
	width: 50px;
	min-height: 50px;
	border-right: 1px solid var(--calendar-evt-wrapper-border-color);
	border-bottom: 1px solid var(--calendar-evt-wrapper-border-color);
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	position: sticky;
	left: 0;
	background: white;
	z-index: 1;
}
.calendar-events-preview.week-view .events-wrapper.min-width
{
	min-width: 300px;
}
.calendar-events-preview.week-view .events-wrapper-border-right
{
	border-right: 1px solid var(--calendar-evt-wrapper-border-color);
}
.calendar-events-preview.week-view .week-view-header-day-name
{
	padding: 5px;
	margin: auto;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: var(--calendar-evt-week-view-header-day-name-back-color);
	font-size: 1.1em;
	font-weight: bold;
	color: var(--calendar-evt-week-view-header-day-name-text-color);
	text-transform: uppercase;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: baseline;
	-moz-align-items: baseline;
	align-items: baseline;
	-webkit-align-content: center;
	-moz-align-content: center;
	align-content: center;
}
.calendar-events-preview.week-view .week-view-header-day-name
{
	border-right: 1px solid var(--calendar-evt-wrapper-border-color);
}
.calendar-events-preview.week-view .week-view-header-day-name.pointer:hover,
.calendar-events-preview.week-view .week-view-header-day-name.pointer:focus
{
	background-color: var(--calendar-evt-week-view-header-day-name-back-color-hover);
}
.calendar-events-preview.week-view .time-wrapper.week-view-header-time-wrapper
{
	background-color: var(--calendar-evt-day-events-preview-header-back-color);
	height: 30px !important; 
	min-height: 30px;
}
.calendar-events-preview .event-headerline .event-actions-wrapper .event-actions-button-text
{
	margin-left: 3px;
}
@media only screen and (max-width: 4000px) 
{
	.calendar-events-preview.week-view .event-headerline .event-actions-wrapper .button 
	{
		border: none;
		background: none;
		min-width: 15px;
	}
	.calendar-events-preview.week-view .event-headerline .event-actions-wrapper .event-actions-button-text
	{
		display: none;
	}
}

.calendar-evt-participants
{
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 32px;
	border-radius: 3px;
	border: 1px solid var(--calendar-evt-participants-border-color);
	box-sizing: border-box;
	display: inline-block;
}
.calendar-evt-participants:hover,
.calendar-evt-participants:focus
{
	border-color: var(--calendar-evt-participants-border-color-hover);
}
.calendar-evt-participants:hover .er-fa,
.calendar-evt-participants:focus .er-fa
{
	opacity: 1 !important;
}

.calendar-evt-participants .calendar-evt-participant
{
	background-color: var(--calendar-evt-participant-back-color);
	border: 1px solid var(--calendar-evt-participant-border-color);
	padding: 4px;
	border-radius: 3px;
	display: inline-block;
	box-sizing: border-box;
	white-space: nowrap;
	margin: 2px;
}
.calendar-evt-participants .calendar-evt-participant-edit-icon
{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: white;
	padding: 3px;
	padding-left: 5px;
}
.calendar-evt-participants:hover .calendar-evt-participant-edit-icon,
.calendar-evt-participants:focus .calendar-evt-participant-edit-icon
{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.calendar-evt-participants:hover .calendar-evt-participant-edit-icon .er-fa,
.calendar-evt-participants:focus .calendar-evt-participant-edit-icon .er-fa
{
	opacity: 1;
}
.calendar-evt-participants .er-fa.delete
{
	color: var(--calendar-evt-participants-delete-icon-color) !important;
	padding: 0 3px 0 3px;
}
.calendar-evt-participants .calendar-evt-participant-delete:hover .er-fa.delete,
.calendar-evt-participants .calendar-evt-participant-delete:focus .er-fa.delete
{
	color: var(--calendar-evt-participant-delete-icon-color) !important;
}
.calendar-event-record-form .reminder-options-wrapper
{
	background-color: var(--calendar-evt-reminder-options-back-color);
	border: 1px solid var(--calendar-evt-reminder-options-border-color);
	border-radius: 3px;
	padding: 5px;
}

/* ********* Year View ********* */

.calendar-evt .calendar-year-view,
.calendar-evt .calendar-year-view .calendar-year-view-row, 
.calendar-evt .calendar-year-view .calendar-year-view-row .calendar-year-view-col
{
	-webkit-flex: 1 1 0%;
	-moz-flex: 1 1 0%;
	flex: 1 1 0%;
	gap: 10px;
	column-gap: 15px;
}
.calendar-evt .calendar-year-view .calendar-year-view-row
{
	margin: 0 10px 0 10px;
}
.calendar-evt .calendar-year-view .calendar-year-view-row .calendar-year-view-month-name
{
	color: var(--calendar-evt-header-text-color);
	font-weight: 400;
	font-family: Google Sans,Roboto,Arial,sans-serif;
	letter-spacing: 0;
	line-height: 15px;
	font-size: 18px;
	white-space: nowrap;
}

/* ******************************** Date Picker ************************************ */

.calendar-date-time-picker-form .modal-dialog
{
	min-width: 250px !important;
	max-width: 95%;
	width: fit-content;
}
.calendar-date-time-picker-form .close-dialog
{
	position: fixed;
	top: -8px;
	right: -10px;
	z-index: 10000;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	background-color: var(--calendar-evt-day-events-preview-header-back-color);
	width: 25px;
	height: 25px;
}
.calendar-date-time-picker-form .close-dialog .er-fa
{
	color: var(--calendar-evt-close-dialog-icon-color);
}
.date-time-picker-wrapper
{
	display: inline-block; 
	border: 1px solid var(--calendar-evt-date-time-picker-wrapper-border-color); 
	border-radius: 3px; 
	padding: 8px; 
	padding-left: 6px; 
	padding-right: 6px;
}
.date-time-picker-wrapper .taskDescriptionLabel
{
	margin-left: 7px;
	text-align: left;
}
.date-time-picker-wrapper textarea[name="taskDescription"]
{
	height: 100%;
	margin: 6px;
	min-width: 255px;
	border-color: var(--calendar-evt-wrapper-border-color);
}
.date-time-picker-wrapper textarea[name="taskDescription"]:focus
{
	border: 1px solid var(--input-border-color-focus);
}

/* ******************************* Reminders Indicator ************************************* */
.calendar-evt .calendar-alarm-indicator
{
	position: fixed; 
	bottom: 18px; 
	right: 25px; 
	text-align: center; 
	z-index: 1000; 
}
.calendar-evt .calendar-alarm-indicator .avatar-wrapper
{
	border-color: orange;
}

.calendar-evt .avatar-container .avatar-img .shaking-calendar-reminders-alarm.er-fa,
.calendar-evt .shaking-calendar-reminders-alarm
{
	color: var(--orangeDark);
	animation:shaking-calendar-reminders-alarm-animation 4s .7s ease-in-out infinite;
}
@keyframes shaking-calendar-reminders-alarm-animation
{
	0% { 
		transform: rotate(0); 
		color: var(--redDark2);
	}
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
.erFileDropZone {
	outline: 2px dashed var(--erFileDropZone-outline-color);
	outline-offset: -10px;
	background-color: var(--erFileDropZone-back-color);
	opacity: 0.7;
	display: none;
	position: absolute;
	width: 50%;
	height: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.erFileDropZone-dragstart {
	display: block;
}
.erFileDropZone-dragover {
	background-color: #e5ffc8;
	animation: erFileDropZoneAnim 1s infinite;
}
@keyframes erFileDropZoneAnim {
	0% {
		outline-color: var(--erFileDropZone-animation-outline-color-0);
		outline-offset: -10px;
	}
	100% {
		outline-color: var(--erFileDropZone-animation-outline-color-100);
		outline-offset: -20px;
	}
}
.erFileDropZone-dragover.erFileDropZone-notAllowed {
	outline: 2px dashed var(--erFileDropZone-notAllowed-outline-color);
	background-color: var(--erFileDropZone-notAllowed-back-color);
	animation: erFileDropZoneAnim-notAllowed 1s infinite;
}
@keyframes erFileDropZoneAnim-notAllowed {
	0% {
		outline-style: dashed;
	}
	50% {
		outline-style: dotted;
	}
	100% {
		outline-style: dashed;
	}
}
.erFileDropZoneIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 100px;
}
.erFileDropZone-dragover .erFileDropZoneIcon {
	color: #87c653;
	animation: erFileDropZoneIconAnim 1s infinite;
}
@keyframes erFileDropZoneIconAnim {
	0% {
		font-size: 100px;
	}

	100% {
		font-size: 80px;
	}
}
.erFileDropZone-dragover.erFileDropZone-notAllowed .erFileDropZoneIcon {
	color: var(--erFileDropZone-erFileDropZoneIcon-icon-color);
	animation: erFileDropZoneIconAnim-notAllowed 0.7s infinite;
}
@keyframes erFileDropZoneIconAnim-notAllowed {
	0% {
		font-size: 100px;
	}

	50% {
		font-size: 110px;
	}

	100% {
		font-size: 100px;
	}
}
.erFileDropZoneLabelContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.erFileDropZoneLabel {
	text-align: center;
	font-size: 30px;
}
.erToastNotificationContainer {
	position: absolute;
	flex-direction: column;
	display: flex;
	z-index: 1000;
}
.erToastNotificationContainer.tl {
	top: 3px;
	left: 3px;
}
.erToastNotificationContainer.tc {
	top: 3px;
	left: 50%;
	transform: translateX(-50%);
}
.erToastNotificationContainer.tr {
	top: 3px;
	right: 3px;
}
.erToastNotificationContainer.bl {
	bottom: 3px;
	left: 3px;
}
.erToastNotificationContainer.bc {
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
}
.erToastNotificationContainer.br {
	bottom: 3px;
	right: 3px;
}
.erToastNotificationContainer.centered {
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.erToastNotification {
	margin: 2px;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	min-width: 300px;
	max-width: 400px;
	min-height: 64px;
	max-height: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22px 24px;
	border-radius: 5px;
	-webkit-box-shadow: var(--erToastNotification-box-shadow);
	box-shadow: var(--erToastNotification-box-shadow);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	background-color: var(--erToastNotification-back-color);
	color: var(--erToastNotification-text-color);
	transform: scale(1);
}
@keyframes erToastNotificationPulseAnim {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
/* ************************ Colors ************************** */
.erToastNotification.warning {
	background-color: #df9805;
	border-color: #df9805;
	color: #ffffff;
}
.erToastNotification.error {
	background-color: #d9534f;
	border-color: #c5c5c5;
	color: #ffffff;
}
.erToastNotification.success {
	background-color: #4CAF50;
	border: 1px solid #4CAF50;
	text-shadow: 0 0 3px #4f9c4f !important;
	color: #ffffff;
}
/* *********************************************************** */
.erToastNotificationIcon { 
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
	font-size: 45px;
	color: var(--erFileDropZone-erToastNotificationIcon-icon-color);
}
.erToastNotificationBody {
	margin-left: 40px;
}
.erToastNotificationCloseButton { 
	position: absolute;
	top: 2px;
	right: 5px;
	text-align: center;
	padding: 0px 0px 0px 10px;
	cursor: pointer;
	font-size: 20px;
	color: var(--erFileDropZone-erToastNotificationIcon-icon-color);
}
.erToastNotificationCloseButton:hover
{
	opacity: 0.65;
}
.erToastNotificationProgress { 
	height: 3px;
	background-color: var(--erFileDropZone-erToastNotificationIcon-icon-color);
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
@keyframes erToastNotificationProgressAnim {
	0% {width: 0%;}
	100% {width: 100%;}
}
.erToastNotificationContainer.tr > .erToastNotification.closing,
.erToastNotificationContainer.br > .erToastNotification.closing {
	animation-name: erToastNotificationCloseToRightAnim;
	animation-duration: 750ms;
	animation-fill-mode: both;
}
@keyframes erToastNotificationCloseToRightAnim {
	40% {
		opacity: 1;
		transform: translateX(-20px);
	}
	100% {
		opacity: 0;
		transform: translateX(100%);
	}
}
.erToastNotificationContainer.tl > .erToastNotification.closing,
.erToastNotificationContainer.bl > .erToastNotification.closing {
	animation-name: erToastNotificationCloseToLeftAnim;
	animation-duration: 750ms;
	animation-fill-mode: both;
}
@keyframes erToastNotificationCloseToLeftAnim {
	40% {
		opacity: 1;
		transform: translateX(20px);
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}
.erToastNotificationContainer.tc > .erToastNotification.closing,
.erToastNotificationContainer.centered > .erToastNotification.closing {
	animation-name: erToastNotificationCloseToUpAnim;
	animation-duration: 750ms;
	animation-fill-mode: both;
}
@keyframes erToastNotificationCloseToUpAnim {
	40% {
		opacity: 1;
		transform: translateY(20px);
	}
	100% {
		opacity: 0;
		transform: translateY(-100%);
	}
}
.erToastNotificationContainer.bc > .erToastNotification.closing {
	animation-name: erToastNotificationCloseToDownAnim;
	animation-duration: 750ms;
	animation-fill-mode: both;
}
@keyframes erToastNotificationCloseToDownAnim {
	40% {
		opacity: 1;
		transform: translateY(-20px);
	}
	100% {
		opacity: 0;
		transform: translateY(100%);
	}
}
/* ****************************************** TOOLTIP ******************************************** */
.tooltip 
{
	min-width: 150px;
	padding: 8px 14px;
	margin: 0;
	margin-top: 10px;
	color: var(--tooltip-text-color);
	background-color: var(--tooltip-back-color);
	font-weight: normal;
	font-size: 13px;
	border-radius: 3px;
	z-index: 99999999;
	box-sizing: border-box;
	box-shadow: var(--tooltip-box-shadow);
	border: 1px solid var(--tooltip-border-color);

	animation: tooltip-fadein 0.47s;
	-moz-animation: tooltip-fadein 0.47s;
	-webkit-animation: tooltip-fadein 0.47s;
	-o-animation: tooltip-fadein 0.47s;
}
/* Top arrow */
.tooltip i.arrow
{
	position: absolute;
	bottom: 100%;
	left: 10px;
	margin-left: -12px;
	width: 24px;
	height: 12px;
	overflow: hidden;
}
.tooltip i.arrow::after 
{
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	left: 50%;
	transform: translate(-50%,50%) rotate(45deg);
	background-color:var(--tooltip-back-color);
	box-shadow: var(--tooltip-box-shadow);
	border-top: 1px solid var(--tooltip-border-color);
	border-right: 1px solid var(--tooltip-border-color);
	border-left: 1px solid var(--tooltip-border-color);
}
/* Bottom arrow */
.tooltip.top
{
	margin: 0;
	margin-bottom: 12px;
}
.tooltip.top i.arrow
{
	top: 100%;
}
.tooltip.top i.arrow::after 
{
	transform:translate(-50%,-50%) rotate(45deg);
	border: none;
	border-bottom: 1px solid var(--tooltip-border-color);
	border-right: 1px solid var(--tooltip-border-color);
	border-left: 1px solid var(--tooltip-border-color);
}
@keyframes tooltip-fadein
{
	from 
	{
		opacity:0;
	}
	to 
	{
		opacity:1;
	}
}
@-moz-keyframes tooltip-fadein
{
	from 
	{
		opacity:0;
	}
	to 
	{
		opacity:1;
	}
}
@-webkit-keyframes tooltip-fadein
{
	from 
	{
		opacity:0;
	}
	to 
	{
		opacity:1;
	}
}
@-o-keyframes tooltip-fadein
{
	from 
	{
		opacity:0;
	}
	to 
	{
		opacity:1;
	}
}

/* ************************************ dots ******************************************* */
.loader-dots 
{
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 10px;
	line-height: 10px;
	vertical-align: middle;
}
.loader-dots span 
{
	content: '';
	animation: loader-dots-blink 1.5s infinite;
	animation-fill-mode: both;
	height: 10px;
	width: 10px;
	background: #94C2ED;
	position: absolute;
	left:0;
	top:0;
	border-radius: 50%;
	vertical-align: middle;
}

.loader-dots span:nth-child(2) 
{
	animation-delay: .2s;
	margin-left: 15px;
}

.loader-dots span:nth-child(3) 
{
	animation-delay: .4s;
	margin-left: 30px;
}

@keyframes loader-dots-blink 
{
	0% 
	{
		opacity: 0.1;
		width: 3px;
		height: 3px;
	}
	25% 
	{
		opacity: 1;
		width: 10px;
		height: 10px;
	}
	35%
	{
		width: 9px;
		height: 9px;
	}
	50% 
	{
		width: 8px;
		height: 8px;
	}
	65% 
	{
		width: 7px;
		height: 7px;
	}
	85% 
	{
		width: 5px;
		height: 5px;
	}
	100% 
	{
		opacity: 0.1;
		width: 3px;
		height: 3px;
	}
}

.chat-box-wrapper *
{
	box-sizing: border-box;
}

.chat-box-wrapper
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	z-index: 900;
	background: var(--modal-back-color);
}
.chat-box-wrapper.show
{
	display: block;
}
.chat-box-container
{
	position: relative;
	width: auto;
	width: fit-content;
	margin: .5rem;
	pointer-events: none;

	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	margin: 0 auto;
	padding: 0 3px 0 3px;
}
.chat-box
{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	pointer-events: auto;
	background-color:#F2F5F8;
	border: 1px solid var(--modal-dialog-border-color);
	border-radius: 10px;
	outline: 0;
	box-shadow: var(--modal-dialog-box-shadow);
	-moz-box-shadow: var(--modal-dialog-box-shadow);
	-o-box-shadow: var(--modal-dialog-box-shadow);
	-webkit-box-shadow: var(--modal-dialog-box-shadow);
}
.chat-box .contacts-list-container
{
	background: #444753;
	width: 250px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.chat-box .chat-container
{
	max-height: calc(100vh - 1rem);
	width: 28cm;
}
.chat-box .chat-container.full-height
{
	height: calc(100vh - 1rem);
}
.chat-box .chat-container.full-height .chat-messages-container
{
	height: 100%;
}
.chat-box .chat-container .chat-header
{
	padding: 20px;
    border-bottom: 2px solid white;
}
.chat-box .chat-container .chat-header .chat-header-toolbar
{
	position: absolute;
	top: 0;
	right: 10px;
	padding-top: 10px;
	box-sizing: border-box;
	left: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: end;
	-webkit-justify-content: end;
	-moz-justify-content: end;
}
.chat-box .chat-container .chat-header .chat-header-toolbar .toolbar-action
{
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
.chat-box .chat-container .chat-header .chat-header-toolbar .er-fa
{
	font-size: 17px;
}
.chat-box .chat-container .chat-header .chat-about
{
	margin-left: 10px;
}
.chat-box .chat-container .chat-header .chat-about .chat-with
{
	text-align: left;
}
.chat-box .chat-container .chat-header .chat-about .chat-num-messages
{
	color: #7e7e7e;
}
.chat-box .chat-container .chat-header .avatar .avatar-wrapper
{
	border-color: #86bb71;
}
.chat-box .chat-container .chat-header .avatar .avatar-container a, 
.chat-box .chat-container .chat-header .avatar .avatar-container .avatar-img, 
.chat-box .chat-container .chat-header .avatar .avatar-container .avatar-img .er-fa
{
	color: #86bb71;
}

.chat-box .chat-container .chat-header .chat-header-toolbar-bottom
{
	margin-top: 13px;
	margin-bottom: -10px;
}
.chat-box .chat-container .chat-header .chat-header-toolbar-bottom .toolbar-action
{
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}
.chat-box .chat-container .chat-header .chat-header-toolbar-bottom .er-fa
{
	font-size: 15px;
	color: #656565;
}

.chat-box .chat-container .chat-messages-container
{
    overflow: auto;
}
.chat-box .chat-container ul
{
	list-style: none;
	padding: 0 20px 0 20px;
}
.chat-box .chat-container .chat-messages-container .message-box
{
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 30cm;
	font-size: 100%;
	font: inherit;
	display: block;
	clear: both;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message-data
{
	-webkit-justify-content: end;
	-moz-justify-content: end;
	justify-content: end;
}
.chat-box .chat-container .message-avatar 
{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6ca755;
	border-radius: 50%;
	font-family: sans-serif;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message-data .message-avatar
{
	background-color: #5690c7;
}
.chat-box .chat-container .chat-messages-container .message-box .message 
{
	color: #2a2a2a;
	padding: 15px 15px;
	line-height: 18px;
	font-size: 13px;
	border-radius: 7px;
	margin-bottom: 15px;
	max-width: calc(100% - 50px);
	min-width: 200px;
	position: relative;
	background: #dfdfdf;
	animation: animate-appear 0.45s 1;
	animation-fill-mode: forwards;
}
.chat-box .chat-container .chat-messages-container .message-box .message.error
{
	border-left: 4px solid #f15353;
	box-shadow: none;
}
.chat-box .chat-container .chat-messages-container .message-box .message.warning
{
	border-left: 4px solid #ffa500;
	box-shadow: none;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message
{
	float: right;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-text
{
	text-align: left;
	white-space: pre;
	white-space: pre-line;
}
.chat-box .chat-container .chat-messages-container .message-box .message:after 
{
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -10px;
	margin-bottom: -1px;
	border-bottom-color: #dfdfdf;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message
{
	color: #FFFFFF;
	background: #76a9d9;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message:after
{
	border-bottom-color: #76a9d9;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message:after
{
	left: calc(100% - 30px);
}
.chat-box .chat-container .chat-messages-container .message-box .message-data
{
	margin-bottom: 11px;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-toolbar
{
	margin-top: -7px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-toolbar .toolbar-action
{
	padding-left: 10px;
	text-decoration: none;
}
.chat-box .chat-container .chat-messages-container .message-box.my-message .message .message-toolbar .toolbar-action .er-fa
{
	color: #FFFFFF;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-toolbar .chat-bot-theme,
.chat-box .chat-container .chat-messages-container .message-box .chat-bot-theme
{
	display: inline-block;
	padding: 0 10px 0 12px;
	margin: 0;
	font-size: 11px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFFFFF;
	background-color: #de3f3e;
	position: relative;
	text-shadow: 0 0 1px #000000;
	box-sizing: border-box;
}
.chat-box .chat-container .chat-messages-container .message-box .chat-bot-theme
{
	padding: 3px 10px 3px 12px;
	margin-left: 6px;
	background-color: #6ca755;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-toolbar .chat-bot-theme:before,
.chat-box .chat-container .chat-messages-container .message-box .chat-bot-theme:before
{
	content: "";
    position: absolute;
    top: 0px;
    left: -9px;
    width: 0;
    height: 0;
    border-color: transparent #de3f3e transparent transparent;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    box-sizing: border-box;
}
.chat-box .chat-container .chat-messages-container .message-box .chat-bot-theme:before
{
	border-color: transparent #6ca755 transparent transparent;
}
.chat-box .chat-container .chat-messages-container .message-box .message .message-toolbar .chat-bot-theme:after,
.chat-box .chat-container .chat-messages-container .message-box .chat-bot-theme:after
{
    content: "";
    position: absolute;
    top: 7px;
    left: 4px;
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}

.chat-box .chat-container .chat-messages-container .message-box .message-original-replied
{
	color: #FFFFFF;
	background-color: #72a35e;
	border: 1px solid #61974b;
	border-left: 5px solid #157FCC;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0 12px 0;
}
.chat-box .chat-container .chat-messages-container .message-box .message-original-replied .message-data
{
	font-size: 11px;
	margin-bottom: 8px;
}

/* *********************************************** */
.chat-box .chat-container .chat-sending-container
{
	padding: 10px;
	border-top: 2px solid #FFFFFF;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-title
{
	color: var(--button-text-color);
    margin-bottom: 7px;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-selector
{
	margin-left: 2px;
	margin-bottom: 10px;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-selector .chat-bot-theme
{
	display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: var(--button-text-color);
    border: 1px solid #e9e9e9;
    background-color: #f7f7f7;
    height: 22px !important;
    line-height: 21px;
    padding: 0;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-selector .chat-bot-theme.active
{
    color: #001322 !important;
    background-color: #cee3f5 !important;
    border-color: #91b7d7 !important;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-selector .chat-bot-theme:hover
{
	border: 1px solid var(--button-border-color-hover);
    background-color: var(--button-back-color-hover) !important;
}
.chat-box .chat-container .chat-sending-container .chat-bot-theme-wrapper .chat-bot-theme-selector .chat-bot-theme.active:hover
{
	border: 1px solid grey;
    background-color: #b2cfe9 !important;
}
.chat-box .chat-container .chat-sending-text-area-container
{
	padding: 0;
	margin: 0;
}
.chat-message-to-send
{
	width: 100%;
   	border-color: transparent;
    padding: 10px 20px;
    font: 14px / 22px "Lato", Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer
{
	justify-content: space-between;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer .toolbar-action
{
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	align-content: center;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer .toolbar-action .er-fa
{
	font-size: 16px;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer .toolbar-action-button
{
	margin-top: -3px; 
	margin-right: 8px;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer .toolbar-action-button.chat-box-sending-button .er-fa
{
	font-size: 30px;
}
.chat-box .chat-container .chat-sending-container .chat-sending-footer .prepaid-balance-container
{
	color: #505050; 
	font-size: 13px; 
	margin-right: 22px; 
	align-content: center;
}

.chat-box .chat-container .scroll-to-top .er-fa
{
	color: var(--scroll-to-top-text-color) !important;
}
.chat-box .chat-container .scroll-to-top 
{
	position: absolute;
	right: 21px;
	bottom: 192px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	background: var(--scroll-to-top-back);
	z-index: 100;
}
.chat-box .chat-container .scroll-to-top, 
.chat-box .chat-container .scroll-to-top .er-fa
{
	line-height: 28px;
}
.chat-box .chat-container .scroll-to-top:hover 
{
	background: var(--default-icon-color);
	color: var(--scroll-to-top-text-color-hover);
}
.chat-box .chat-container .scroll-to-top:hover .er-fa
{
	color: var(--scroll-to-top-text-color-hover);
	opacity: 1;
}

.chat-box .global-loader-container
{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	height: fit-content;
	box-sizing: border-box;
	padding: 0;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 50%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.chat-box .loading-more-messages
{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin: 21px 10px 10px 10px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #eaeef1;
}
.chat-box .loading-more-messages .loading-more-messages-text
{
	margin-top: 10px;
	font-size: 12px;
	color: #006bcf;
}

@media only screen and (max-width: 28cm) 
{
	.chat-box .chat-container {
		width: calc(100vw - 1rem);
	}
}

@keyframes animate-appear
{
	0% 
	{
		opacity: 0.1;
	}
	20% 
	{
		opacity: 0.2;
	}
	30%
	{
		opacity: 0.3;
	}
	50% 
	{
		opacity: 0.5;
	}
	70% 
	{
		opacity: 0.6;
	}
	80% 
	{
		opacity: 0.8;
	}
	100% 
	{
		opacity: 1;
	}
}

.er-banner-wrapper
{
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	position: fixed;
	min-width: 300px;
	max-width: 40%;
	max-height: 100%;
	z-index: 100000;
}
.er-banner
{
	display: flex;
	flex-direction: row;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 0;
	padding: 22px 14px 17px 14px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.1);;
	background-color: #F2F5F8;
	border-left: 6px solid #ffc26a;
	animation: 0.8s er-banner-slide-up;
}
.er-banner-icon
{
	display: flex;
	flex-direction: row;
	margin-right: 12px;
	align-items: center;
}
.er-banner-icon,
.er-banner-icon .er-fa
{
	color: #58a2c7
}
.er-banner-content
{
	display: flex;
	flex-direction: column;
}
.er-banner-content,
.er-banner-content *
{
	max-width: 100%;
	max-height: 100%;
}
.er-banner-content img
{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.er-banner-close
{
	position: absolute;
	top: 2px;
	right: 5px;
	text-align: center;
	padding: 0px 0px 0px 10px;
	cursor: pointer;
	font-size: 15px;
	color: var(--erFileDropZone-erToastNotificationIcon-icon-color);
}
.er-banner-close:hover
{
	opacity: 0.7;
}
.er-banner.danger
{
	border-left: 6px solid var(--alert-danger-border-color);
}
.er-banner.success
{
	border-left: 6px solid solid #4CAF50;
}
.er-banner.success .er-fa
{
	color: var(--alert-success-icon-color);
}
.er-banner.warning 
{
	border-left: 6px solid solid var(--alert-warning-border-color);
}
.er-banner.warning .er-fa,
{
	color: var(--alert-warning-icon-color);
}

.er-banner.closing 
{
	animation-name: er-banner-slide-down;
	animation-duration: 800ms;
	animation-fill-mode: both;
}

@keyframes er-banner-slide-up 
{
	from 
	{
		transform: translateY(100%);
	}
	to 
	{
		transform: translateY(-50%);
	}
}
@keyframes er-banner-slide-down 
{
	from 
	{
		transform: translateY(-50%);
	}
	to 
	{
		transform: translateY(100%);
	}
}