/* Minification failed. Returning unminified contents.
(14400,28): run-time error CSS1030: Expected identifier, found ','
(14400,56): run-time error CSS1031: Expected selector, found ')'
(14400,56): run-time error CSS1025: Expected comma or open brace, found ')'
(15242,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(16123,39): run-time error CSS1019: Unexpected token, found '}'
(17212,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(17213,10): run-time error CSS1035: Expected colon, found '{'
(17221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(17222,8): run-time error CSS1035: Expected colon, found '{'
(20978,11): run-time error CSS1030: Expected identifier, found '>'
(20978,38): run-time error CSS1031: Expected selector, found ')'
(20978,38): run-time error CSS1025: Expected comma or open brace, found ')'
(21001,21): run-time error CSS1034: Expected closing parenthesis, found '%'
(21001,21): run-time error CSS1042: Expected function, found '%'
(21001,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(21148,33): run-time error CSS1030: Expected identifier, found '>'
(21148,57): run-time error CSS1031: Expected selector, found ')'
(21148,57): run-time error CSS1025: Expected comma or open brace, found ')'
(21490,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21491,10): run-time error CSS1035: Expected colon, found '{'
(21500,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(21501,10): run-time error CSS1035: Expected colon, found '{'
(21510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21511,10): run-time error CSS1035: Expected colon, found '{'
(27280,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27281,10): run-time error CSS1035: Expected colon, found '{'
(27294,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27295,10): run-time error CSS1035: Expected colon, found '{'
(27313,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27314,10): run-time error CSS1035: Expected colon, found '{'
(27323,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27324,10): run-time error CSS1035: Expected colon, found '{'
(27338,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27339,10): run-time error CSS1035: Expected colon, found '{'
(27352,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27353,10): run-time error CSS1035: Expected colon, found '{'
(27371,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27372,10): run-time error CSS1035: Expected colon, found '{'
(27383,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27384,10): run-time error CSS1035: Expected colon, found '{'
(28184,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28185,10): run-time error CSS1035: Expected colon, found '{'
(28198,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28199,10): run-time error CSS1035: Expected colon, found '{'
(31436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31467,17): run-time error CSS1039: Token not allowed after unary operator: '-type-icon-width'
(31570,34): run-time error CSS1039: Token not allowed after unary operator: '-adjustment-factor'
(31570,61): run-time error CSS1039: Token not allowed after unary operator: '-type-icon-width'
(31570,86): run-time error CSS1039: Token not allowed after unary operator: '-lowpri-icons-width'
(31570,114): run-time error CSS1039: Token not allowed after unary operator: '-status-width-max'
(31570,140): run-time error CSS1039: Token not allowed after unary operator: '-view-width-max'
(31578,21): run-time error CSS1039: Token not allowed after unary operator: '-view-width-max'
(31605,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31606,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31614,34): run-time error CSS1039: Token not allowed after unary operator: '-adjustment-factor'
(31614,61): run-time error CSS1039: Token not allowed after unary operator: '-type-icon-width'
(31614,86): run-time error CSS1039: Token not allowed after unary operator: '-lowpri-icons-width'
(31614,114): run-time error CSS1039: Token not allowed after unary operator: '-status-width-min'
(31615,25): run-time error CSS1039: Token not allowed after unary operator: '-name-width-mid'
(31624,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31626,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31628,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-lr'
(31629,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-lr'
(31673,34): run-time error CSS1039: Token not allowed after unary operator: '-adjustment-factor'
(31673,61): run-time error CSS1039: Token not allowed after unary operator: '-lowpri-icons-width'
(31673,89): run-time error CSS1039: Token not allowed after unary operator: '-status-width-min'
(32452,9): run-time error CSS1030: Expected identifier, found '>'
(32452,33): run-time error CSS1031: Expected selector, found ')'
(32452,33): run-time error CSS1025: Expected comma or open brace, found ')'
(32561,22): run-time error CSS1039: Token not allowed after unary operator: '-maxheight'
(32617,26): run-time error CSS1030: Expected identifier, found '.'
(32617,44): run-time error CSS1031: Expected selector, found ')'
(32617,44): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! jQuery UI - v1.11.4 - 2015-04-30
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=%23662C91&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23e1e1e1&bgTextureContent=inset_soft&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ACC043&bgTextureDefault=glass&bgImgOpacityDefault=50&borderColorDefault=%23d3d3d3&fcDefault=%23313131&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23e1e1e1&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%23662C91&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 0.5em 2.2em 1em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .8em 1.4em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 1.5em;
	background: none;
	overflow: auto;
	font-size: 14px;
	line-height: 1.4;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	background-image: none;
	padding: 10px 5px;
	border-top: 1px solid #27787F;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 5px;
	cursor: pointer;
	outline: none;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	/*padding: .2em .2em 0;*/
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'Verdana', Geneva, sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
}
.ui-widget-content a {
	color: #ffffff;
}
.ui-widget-header {
	background: #ffffff;
	color: #323232;
	font-weight: normal;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: 600;
	color: #313131;
	border: none;
	border-radius: 3px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 59%, rgba(236,236,236,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 59%,rgba(236,236,236,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 59%,rgba(236,236,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	font-size: 14px;
	font-family: 'Work Sans', Verdana;
	text-transform: uppercase;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #313131;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,f2f2f2+41,ffffff+100 */
	background: rgb(236,236,236); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(236,236,236,1) 0%, rgba(242,242,242,1) 41%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(236,236,236,1) 0%,rgba(242,242,242,1) 41%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(236,236,236,1) 0%,rgba(242,242,242,1) 41%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #313131;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 59%, rgba(236,236,236,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 59%,rgba(236,236,236,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 59%,rgba(236,236,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("../3rd/jquery-ui-1.11.4.custom/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("../3rd/jquery-ui-1.11.4.custom/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_662C91_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../3rd/jquery-ui-1.11.4.custom/images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: rgba(0,0,0,0.6);
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("../3rd/jquery-ui-1.11.4.custom/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

/* CSS Document */
.flexigrid {
  font-family: 'Verdana', Geneva, sans-serif;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  color: #ffffff; }

.flexigrid.hideBody {
  height: 26px !important; }

.ie6fullwidthbug {
  padding-right: 2px; }

.flexigrid div.nDiv {
  background: #eee url(../3rd/css/flexigrid/images/line.gif) repeat-y -1px top;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: auto;
  left: 0px;
  position: absolute;
  z-index: 999;
  float: left; }

.flexigrid div.nDiv table {
  margin: 2px; }

.flexigrid div.hDivBox {
  float: left;
  padding-right: 40px; }

.flexigrid div.bDiv table {
  margin-bottom: 10px; }

.flexigrid div.bDiv table.autoht {
  border-bottom: 0px;
  margin-bottom: 0px; }

.flexigrid div.nDiv td {
  padding: 2px 3px;
  border: 1px solid #eee;
  cursor: default; }

.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td {
  background: #d5effc url(../3rd/css/flexigrid/images/hl.png) repeat-x top;
  border: 1px solid #a8d8eb; }

.flexigrid div.nDiv td.ndcol1 {
  border-right: 1px solid #ccc; }

.flexigrid div.nDiv td.ndcol2 {
  border-left: 1px solid #fff;
  padding-right: 10px; }

.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1 {
  border-right: 1px solid #d2e3ec; }

.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2 {
  border-left: 1px solid #eef8ff; }

.flexigrid div.nBtn {
  position: absolute;
  height: 24px;
  width: 14px;
  z-index: 900;
  background: #fafafa url(../3rd/css/flexigrid/images/fhbg.gif) repeat-x bottom;
  border: 0px solid #ccc;
  border-left: 1px solid #ccc;
  top: 0px;
  left: 0px;
  margin-top: 1px;
  cursor: pointer;
  display: none; }

.flexigrid div.nBtn div {
  height: 24px;
  width: 12px;
  border-left: 1px solid #fff;
  float: left;
  background: url(../3rd/css/flexigrid/images/ddn.png) no-repeat center; }

.flexigrid div.nBtn.srtd {
  background: url(../3rd/css/flexigrid/images/wbg.gif) repeat-x 0px -1px; }

.flexigrid div.mDiv {
  background: url(../3rd/css/flexigrid/images/wbg.gif) repeat-x top;
  border: 1px solid #ccc;
  border-bottom: 0px;
  border-top: 0px;
  font-weight: bold;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

.flexigrid div.mDiv div {
  padding: 6px;
  white-space: nowrap; }

.flexigrid div.mDiv div.ptogtitle {
  position: absolute;
  top: 4px;
  right: 3px;
  padding: 0px;
  height: 16px;
  width: 16px;
  overflow: hidden;
  border: 1px solid #ccc;
  cursor: pointer; }

.flexigrid div.mDiv div.ptogtitle:hover {
  background-position: left -2px;
  border-color: #bbb; }

.flexigrid div.mDiv div.ptogtitle span {
  display: block;
  border-left: 1px solid #eee;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  width: 14px;
  height: 14px;
  background: url(../3rd/css/flexigrid/images/uup.png) no-repeat center; }

.flexigrid div.mDiv div.ptogtitle.vsble span {
  background: url(../3rd/css/flexigrid/images/ddn.png) no-repeat center; }

.flexigrid div.tDiv {
  background: #fafafa url(../3rd/css/flexigrid/images/bg.gif) repeat-x top;
  position: relative;
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden; }

.flexigrid div.tDiv2 {
  float: left;
  clear: both;
  padding: 1px; }

.flexigrid div.sDiv {
  background: #fafafa url(../3rd/css/flexigrid/images/bg.gif) repeat-x top;
  position: relative;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: hidden;
  display: none; }

.flexigrid div.sDiv2 {
  float: left;
  clear: both;
  padding: 5px;
  padding-left: 5px;
  width: 1024px; }

.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select {
  vertical-align: middle; }

.flexigrid div.btnseparator {
  float: left;
  height: 22px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 1px; }

.flexigrid div.fbutton {
  float: left;
  display: block;
  cursor: pointer;
  padding: 1px; }

.flexigrid div.fbutton div {
  float: left;
  padding: 1px 3px; }

.flexigrid div.fbutton span {
  float: left;
  display: block;
  padding: 3px; }

.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver {
  padding: 0px;
  border: 1px solid #ccc; }

.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div {
  padding: 0px 2px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee; }

/* end toolbar*/
.flexigrid div.hDiv {
  background: white;
  position: relative;
  border-bottom: 0px;
  overflow: hidden; }

.flexigrid div.hDiv table {
  border-right: 1px solid #fff; }

.flexigrid div.cDrag {
  float: left;
  position: absolute;
  z-index: 2;
  overflow: visible; }

.flexigrid div.cDrag div {
  float: left;
  background: none;
  display: block;
  position: absolute;
  height: 24px;
  width: 5px;
  margin-top: -2px;
  cursor: col-resize; }

.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging {
  background: transparent; }

.flexigrid div.iDiv {
  border: 1px solid #316ac5;
  position: absolute;
  overflow: visible;
  background: none; }

.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; }

.flexigrid div.iDiv input.tb {
  border: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  background: none; }

.flexigrid div.bDiv {
  border-top: 0px;
  background: rgba(255, 255, 255, 0.1);
  overflow: auto;
  position: relative; }

.flexigrid div.hGrip {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 5px;
  width: 5px;
  background: url(../3rd/css/flexigrid/images/line.gif) repeat-x center;
  margin-right: 1px;
  cursor: col-resize; }

.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver {
  border-right: 1px solid #999;
  margin-right: 0px; }

.flexigrid div.vGrip {
  height: 5px;
  overflow: hidden;
  position: relative;
  background: #fafafa url(../3rd/css/flexigrid/images/wbg.gif) repeat-x 0px -1px;
  border: 1px solid #ccc;
  border-top: 0px;
  text-align: center;
  cursor: row-resize; }

.flexigrid div.vGrip span {
  display: block;
  margin: 1px auto;
  width: 20px;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: none; }

.flexigrid div.hDiv th, .flexigrid div.bDiv td {
  text-align: left;
  border-left: 1px solid #27787F;
  overflow: hidden;
  vertical-align: middle !important; 
}

.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div {
  padding: 5px;
  border-left: 0px solid #fff; cursor:pointer; }

.flexigrid div.hDiv th, div.colCopy {
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #313131; }

div.colCopy {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #fafafa url(../3rd/css/flexigrid/images/fhbg.gif) repeat-x bottom;
  border: 1px solid #ccc;
  border-bottom: 0px;
  overflow: hidden; }

.flexigrid div.hDiv th.sorted {
  background: white; }

.flexigrid div.hDiv th.sorted div {
  border-bottom: 0px solid #ccc;
  padding-bottom: 5px; }

.flexigrid div.hDiv th.thMove {
  background: #fff;
  color: #fff; }

.flexigrid div.hDiv th.sorted.thMove div {
  border-bottom: 1px solid #fff;
  padding-bottom: 4px; }

.flexigrid div.hDiv th.thMove div {
  background: #fff !important; }

.flexigrid div.hDiv th div.sdesc {
  background: url(../3rd/css/flexigrid/images/dn.png) no-repeat center top;
  background-size: 15px; }

.flexigrid div.hDiv th div.sasc {
  background: url(../3rd/css/flexigrid/images/up.png) no-repeat center bottom;
  background-size: 15px; }

.flexigrid div.bDiv td {
  vertical-align: top;
  white-space: nowrap;
  line-height: 14px;
  color: white;
  font-size: 14px; }

.flexigrid span.cdropleft {
  display: block;
  background: url(../3rd/css/flexigrid/images/prev.gif) no-repeat -4px center;
  width: 24px;
  height: 24px;
  position: relative;
  top: -24px;
  margin-bottom: -24px;
  z-index: 3; }

.flexigrid div.hDiv span.cdropright {
  display: block;
  background: white;
  width: 24px;
  height: 24px;
  float: right;
  position: relative;
  top: -24px;
  margin-bottom: -24px; }

.flexigrid div.bDiv td div {
  border-top: 0px solid #fff;
  padding-bottom: 4px; }

.flexigrid tr td.sorted {
  background: #f3f3f3;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #f3f3f3; }

.flexigrid tr.erow td.sorted {
  background: #e3e3e3;
  border-bottom: 1px solid #e3e3e3; }

.flexigrid div.bDiv tr:hover td,
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted,
.flexigrid div.bDiv tr.trOver td {
  background: rgba(255, 255, 255, 0.1); }

.flexigrid div.bDiv tr.trSelected:hover td,
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted,
.flexigrid tr.trSelected td {
  background: #d5effc url(../3rd/css/flexigrid/images/hl.png) repeat-x top;
  border-right: 1px solid #d2e3ec;
  border-left: 1px solid #eef8ff;
  border-bottom: 1px solid #a8d8eb; }

/* novstripe adjustments */
.flexigrid.novstripe .bDiv table {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.flexigrid.novstripe div.bDiv td {
  border-right-color: #fff; }

.flexigrid.novstripe div.bDiv tr.erow td.sorted {
  border-right-color: #e3e3e3; }

.flexigrid.novstripe div.bDiv tr td.sorted {
  border-right-color: #f3f3f3; }

.flexigrid.novstripe div.bDiv tr.erow td {
  border-right-color: #f7f7f7;
  border-left-color: #f7f7f7; }

.flexigrid.novstripe div.bDiv tr.trSelected:hover td,
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted,
.flexigrid.novstripe tr.trSelected td {
  border-right: 1px solid #0066FF;
  border-left: 1px solid #0066FF; }

.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td {
  border-left-color: #d9ebf5;
  border-right-color: #d9ebf5; }

/* end novstripe */
.flexigrid div.pDiv {
  background: url(../3rd/css/flexigrid/images/wbg.gif) repeat-x 0 -1px;
  border: 1px solid #ccc;
  border-top: 0px;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

.flexigrid div.pDiv div.pDiv2 {
  margin: 3px;
  margin-left: -2px;
  float: left;
  width: 1024px; }

div.pGroup {
  float: left;
  background: none;
  height: 24px;
  margin: 0px 5px; }

.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol {
  position: relative;
  top: 5px;
  overflow: visible; }

.flexigrid div.pDiv input {
  vertical-align: text-top;
  position: relative;
  top: -5px; }

.flexigrid div.pDiv div.pButton {
  float: left;
  width: 22px;
  height: 22px;
  border: 0px;
  cursor: pointer;
  overflow: hidden; }

.flexigrid div.pDiv div.pButton:hover, .flexigrid div.pDiv div.pButton.pBtnOver {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  cursor: pointer; }

.flexigrid div.pDiv div.pButton span {
  width: 20px;
  height: 20px;
  display: block;
  float: left; }

.flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span {
  width: 19px;
  height: 19px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff; }

.flexigrid .pSearch {
  background: url(../3rd/css/flexigrid/images/magnifier.png) no-repeat center; }

.flexigrid .pFirst {
  background: url(../3rd/css/flexigrid/images/first.gif) no-repeat center; }

.flexigrid .pPrev {
  background: url(../3rd/css/flexigrid/images/prev.gif) no-repeat center; }

.flexigrid .pNext {
  background: url(../3rd/css/flexigrid/images/next.gif) no-repeat center; }

.flexigrid .pLast {
  background: url(../3rd/css/flexigrid/images/last.gif) no-repeat center; }

.flexigrid .pReload {
  background: url(../3rd/css/flexigrid/images/load.png) no-repeat center; }

.flexigrid .pReload.loading {
  background: url(../3rd/css/flexigrid/images/load.gif) no-repeat center; }

/* ie adjustments */
.flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div {
  overflow: hidden; }

.pPageStat {
  text-align: right; }

/*# sourceMappingURL=flexigrid.css.map */

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: normal !important;
    *word-spacing: normal !important
}

.slabtextdone .slabtext {
    display: block
}

.webix_view {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
  -webkit-font-smoothing: antialiased;
  cursor: default;
  overflow: hidden;
  border: 0px solid #DADEE0;
  background-color: #FFFFFF;
  white-space: normal;
  -webkit-appearance: none;
}
.webix_view.webix_form {
  background-color: #FFFFFF;
  /*.webix_view{
		background-color: @backColor;
	}*/
}
body {
  -webkit-tap-highlight-color: transparent !important;
}
/*
	webix_layout_{type}
	known types are: line, clean, wide, space;
*/
.webix_abslayout {
  position: relative;
}
.webix_abslayout > .webix_view {
  position: absolute !important;
}
.webix_layout_space {
  background-color: #EBEDF0;
}
.webix_layout_wide {
  background-color: #EBEDF0;
}
.webix_layout_line,
.webix_multiview,
.webix_layout_clean,
.webix_layout_accordion {
  background: transparent;
}
.webix_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90;
  text-align: center;
  padding-top: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_view > .webix_disabled {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ddd;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  z-index: 92;
  cursor: not-allowed;
}
.webix_disabled_view {
  overflow: hidden !important;
  position: relative;
}
body.webix_full_screen {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body.webix_noselect {
  overscroll-behavior: none;
}
.webix_noselect,
.webix_noselect div {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
.webix_template {
  height: 100%;
  padding: 4px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_clean {
  background: transparent;
}
.webix_clean .webix_template {
  padding: 0px;
}
.webix_section {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  position: relative;
  color: #444;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 44px;
}
.webix_section:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #DADEE0;
  position: absolute;
  top: 50%;
}
.webix_section > .webix_template {
  padding: 0px 8px;
  margin-left: 30px;
  background-color: #FFFFFF;
  display: inline;
  position: relative;
}
.webix_layout_space > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #EBEDF0;
}
.webix_layout_wide > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #EBEDF0;
}
.webix_layout_line > .webix_section > .webix_template,
.webix_layout_clean > .webix_section > .webix_template {
  padding: 0px 8px;
  background-color: #FFFFFF;
}
.webix_header {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
  line-height: 42px;
}
.webix_header .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.webix_header.webix_dark {
  background: #657584;
  border-color: #657584;
}
.webix_header.webix_dark .webix_el_button,
.webix_header.webix_dark .webix_el_label .webix_el_box,
.webix_header.webix_dark .webix_inp_label,
.webix_header.webix_dark .webix_inp_top_label,
.webix_header.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_secondary .webix_icon,
.webix_header.webix_dark .webix_transparent .webix_icon,
.webix_header.webix_dark .webix_secondary .webix_img_btn_text,
.webix_header.webix_dark .webix_transparent .webix_img_btn_text,
.webix_header.webix_dark .webix_secondary .webix_icon_btn,
.webix_header.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_transparent button:hover,
.webix_header.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_header.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_header.webix_dark .webix_secondary button,
.webix_header.webix_dark .webix_inp_counter_next,
.webix_header.webix_dark .webix_inp_counter_prev,
.webix_header.webix_dark .webix_segment_0,
.webix_header.webix_dark .webix_segment_1,
.webix_header.webix_dark .webix_segment_N,
.webix_header.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.webix_header.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.webix_header.webix_dark .webix_secondary button:hover,
.webix_header.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_header.webix_dark .webix_inp_counter_next:hover,
.webix_header.webix_dark .webix_inp_counter_prev:hover,
.webix_header.webix_dark .webix_segment_0:hover,
.webix_header.webix_dark .webix_segment_1:hover,
.webix_header.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_header.webix_dark .webix_secondary button:focus,
.webix_header.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_header.webix_dark .webix_inp_counter_next:focus,
.webix_header.webix_dark .webix_inp_counter_prev:focus,
.webix_header.webix_dark .webix_segment_0:focus,
.webix_header.webix_dark .webix_segment_1:focus,
.webix_header.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_secondary button:active,
.webix_header.webix_dark .webix_menu-x .webix_list_item:active,
.webix_header.webix_dark .webix_inp_counter_next:active,
.webix_header.webix_dark .webix_inp_counter_prev:active,
.webix_header.webix_dark .webix_segment_0:active,
.webix_header.webix_dark .webix_segment_1:active,
.webix_header.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_inp_static,
.webix_header.webix_dark input[type=text],
.webix_header.webix_dark input[type=combo],
.webix_header.webix_dark input[type=datepicker],
.webix_header.webix_dark textarea,
.webix_header.webix_dark select,
.webix_header.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_el_texthighlight input,
.webix_header.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.webix_header.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_multicombo_value,
.webix_header.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.webix_header.webix_dark .webix_inp_static:focus,
.webix_header.webix_dark input[type=text]:focus,
.webix_header.webix_dark input[type=combo]:focus,
.webix_header.webix_dark input[type=datepicker]:focus,
.webix_header.webix_dark textarea:focus,
.webix_header.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.webix_header.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.webix_header.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.webix_header.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.webix_header.webix_dark .webix_selected.webix_segment_0,
.webix_header.webix_dark .webix_selected.webix_segment_1,
.webix_header.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:hover,
.webix_header.webix_dark .webix_selected.webix_segment_1:hover,
.webix_header.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:focus,
.webix_header.webix_dark .webix_selected.webix_segment_1:focus,
.webix_header.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_header.webix_dark .webix_selected.webix_segment_0:active,
.webix_header.webix_dark .webix_selected.webix_segment_1:active,
.webix_header.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_header.webix_dark .webix_el_icon,
.webix_header.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.webix_header.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_header.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.webix_header.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.webix_header.webix_dark .webix_custom_checkbox,
.webix_header.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_custom_checkbox:focus,
.webix_header.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.webix_header.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_header.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.webix_header.webix_dark .webix_invalid .webix_el_box input,
.webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_header.webix_dark .webix_invalid .webix_el_box select,
.webix_header.webix_dark .webix_invalid .webix_el_box textarea,
.webix_header.webix_dark input.webix_invalid,
.webix_header.webix_dark select.webix_invalid,
.webix_header.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.webix_header.webix_dark .webix_invalid .webix_multicombo_value,
.webix_header.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.webix_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
.webix_header.webix_dark {
  color: #FFFFFF;
}
.webix_header > div {
  line-height: 44px;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
.webix_spacer {
  background: transparent;
}
.webix_view_animate {
  position: relative;
  width: 100%;
  height: 100%;
}
x\:ui {
  display: none;
}
.webix_view.webix_flexlayout {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
  box-sizing: border-box;
}
.webix_flexlayout > div {
  display: block !important;
}
.webix_view_align {
  background: transparent;
}
.webix_view div,
.webix_view span,
.webix_view a.webix_list_item,
.webix_view.webix_window {
  outline: none;
}
textarea,
input,
select,
button,
.webix_view div.webix_inp_static:focus {
  outline: none;
}
.webix_resize_area {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.webix_resize_handle_x .webix_handle_content,
.webix_resize_handle_y .webix_handle_content {
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.1);
  border: 1px dotted #ebebeb;
}
.webix_resize_handle_x {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: ew-resize;
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}
.webix_resize_handle_x .webix_handle_content {
  border-width: 0px 1px;
}
.webix_resize_origin_x {
  cursor: ew-resize;
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
}
.webix_resize_handle_y {
  cursor: ns-resize;
  height: 1px;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.webix_resize_handle_y .webix_handle_content {
  border-width: 1px 0px;
}
.webix_resize_origin_y {
  cursor: ns-resize;
  height: 3px;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
}
.webix_resizer.webix_disabled_view {
  cursor: default;
}
.webix_resizer_vy {
  cursor: ns-resize;
  margin-top: 0px !important;
  border: 0px !important;
  padding: 0px !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
}
.webix_resizer_vx {
  cursor: ew-resize;
  margin-left: 0px !important;
  border: 0px !important;
  padding: 0px !important;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
}
.webix_resizer_y {
  cursor: ns-resize;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAADAQMAAABCowZuAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA9JREFUCB1jXMUABoxAGgAJaAFXPIkJqAAAAABJRU5ErkJggg==") no-repeat center center;
  background-color: #ffffff;
}
.webix_resizer_x {
  cursor: ew-resize;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAXAQMAAAD0oWdxAAAABlBMVEUAAACkvtSA7tmIAAAAAXRSTlMAQObYZgAAAA5JREFUeF5jWMDAQDwGAKyuB4FpGQdzAAAAAElFTkSuQmCC") no-repeat center center;
  background-color: #ffffff;
}
.webix_accordionitem_body {
  position: relative;
}
.webix_accordionitem_body > div {
  border-width: 0px!important;
}
.webix_accordionitem_header {
  border-bottom: 1px solid #DADEE0;
  position: relative;
  z-index: 2;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
  line-height: 42px;
  cursor: pointer;
  overflow: hidden;
}
.webix_accordionitem_header.webix_dark {
  color: #FFFFFF;
}
.webix_accordionitem_header .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.webix_accordionitem_header.webix_dark {
  background: #657584;
  border-color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_el_button,
.webix_accordionitem_header.webix_dark .webix_el_label .webix_el_box,
.webix_accordionitem_header.webix_dark .webix_inp_label,
.webix_accordionitem_header.webix_dark .webix_inp_top_label,
.webix_accordionitem_header.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_secondary .webix_icon,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_icon,
.webix_accordionitem_header.webix_dark .webix_secondary .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_secondary .webix_icon_btn,
.webix_accordionitem_header.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_transparent button:hover,
.webix_accordionitem_header.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_accordionitem_header.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_secondary button,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev,
.webix_accordionitem_header.webix_dark .webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_segment_N,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_secondary button:hover,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:hover,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:hover,
.webix_accordionitem_header.webix_dark .webix_segment_0:hover,
.webix_accordionitem_header.webix_dark .webix_segment_1:hover,
.webix_accordionitem_header.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_secondary button:focus,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:focus,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:focus,
.webix_accordionitem_header.webix_dark .webix_segment_0:focus,
.webix_accordionitem_header.webix_dark .webix_segment_1:focus,
.webix_accordionitem_header.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_secondary button:active,
.webix_accordionitem_header.webix_dark .webix_menu-x .webix_list_item:active,
.webix_accordionitem_header.webix_dark .webix_inp_counter_next:active,
.webix_accordionitem_header.webix_dark .webix_inp_counter_prev:active,
.webix_accordionitem_header.webix_dark .webix_segment_0:active,
.webix_accordionitem_header.webix_dark .webix_segment_1:active,
.webix_accordionitem_header.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_inp_static,
.webix_accordionitem_header.webix_dark input[type=text],
.webix_accordionitem_header.webix_dark input[type=combo],
.webix_accordionitem_header.webix_dark input[type=datepicker],
.webix_accordionitem_header.webix_dark textarea,
.webix_accordionitem_header.webix_dark select,
.webix_accordionitem_header.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_el_texthighlight input,
.webix_accordionitem_header.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.webix_accordionitem_header.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_multicombo_value,
.webix_accordionitem_header.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.webix_accordionitem_header.webix_dark .webix_inp_static:focus,
.webix_accordionitem_header.webix_dark input[type=text]:focus,
.webix_accordionitem_header.webix_dark input[type=combo]:focus,
.webix_accordionitem_header.webix_dark input[type=datepicker]:focus,
.webix_accordionitem_header.webix_dark textarea:focus,
.webix_accordionitem_header.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.webix_accordionitem_header.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:hover,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:hover,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:focus,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:focus,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_0:active,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_1:active,
.webix_accordionitem_header.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_accordionitem_header.webix_dark .webix_el_icon,
.webix_accordionitem_header.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.webix_accordionitem_header.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_accordionitem_header.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.webix_accordionitem_header.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.webix_accordionitem_header.webix_dark .webix_custom_checkbox,
.webix_accordionitem_header.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_custom_checkbox:focus,
.webix_accordionitem_header.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.webix_accordionitem_header.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_accordionitem_header.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_accordionitem_header.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_accordionitem_header.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box input,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box select,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box textarea,
.webix_accordionitem_header.webix_dark input.webix_invalid,
.webix_accordionitem_header.webix_dark select.webix_invalid,
.webix_accordionitem_header.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_value,
.webix_accordionitem_header.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.webix_accordionitem_header.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
/* IE8 */
.webix_ie.horizontal > .webix_accordionitem_header.collapsed {
  -ms-writing-mode: tb-lr;
}
.webix_ie.horizontal > .webix_accordionitem_header.collapsed .webix_accordionitem_label {
  padding-left: 0;
  padding-top: 10px;
}
.webix_ie.horizontal > .webix_accordionitem_header.collapsed .webix_accordionitem_button {
  margin: 0;
}
.webix_accordionitem_label {
  height: 100%;
  padding-left: 10px;
}
.webix_accordionitem_button {
  float: right;
  position: relative;
  height: 11px;
  width: 11px;
  margin: 14.5px 13px;
}
/*
.webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button{
	.accIconUp;
}
.webix_accordionitem.vertical.collapsed > .webix_accordionitem_header .webix_accordionitem_button{
	.accIconDown;
}

.webix_accordionitem.horizontal  > .webix_accordionitem_header .webix_accordionitem_button{
	.accIconLeft;
}
.webix_accordionitem.horizontal:last-child  > .webix_accordionitem_header .webix_accordionitem_button{
	.accIconRight;
}
.webix_accordionitem.horizontal.collapsed:last-child  > .webix_accordionitem_header .webix_accordionitem_button{
	.accIconDown;
}
.webix_accordionitem.horizontal.collapsed  > .webix_accordionitem_header{
	.webix_accordionitem_button{
		.accIconUp;
	}
}*/
.webix_carousel {
  position: relative;
}
.webix_nav_panel {
  bottom: 16px;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  padding: 2px 0;
}
.webix_nav_item {
  display: inline-block;
  height: 10px;
  margin: 0 2px;
  width: 10px;
  cursor: pointer;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
}
.webix_nav_inactive {
  border: 2px solid rgba(0, 0, 0, 0.15);
  filter: alpha(opacity=60);
  opacity: 0.6;
  background: #fff;
}
.webix_nav_active {
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.webix_nav_active:hover,
.webix_nav_active:focus {
  box-shadow: 0 0 2px #fff;
}
.webix_nav_button_prev,
.webix_nav_button_next {
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
  position: absolute;
  width: 32px;
}
.webix_nav_button_prev .webix_nav_button_inner,
.webix_nav_button_next .webix_nav_button_inner {
  height: 100%;
  width: 100%;
}
.webix_nav_button_prev .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDNEOTBEMTYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDNEOTBEMjYyNzQxMUUzOEU1N0MyQTEyMzIxMDVFQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0M0Q5MENGNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0M0Q5MEQwNjI3NDExRTM4RTU3QzJBMTIzMjEwNUVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yGPRLgAAAPBJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgteAINN5CCaokI3UcB2I+UNQBsTghxaRacAaI+aH62IB4MzUtuAjEwlA9zEC8hhhNxFpwFYhFkQxfTqyriLHgFhBLQtWC8s18UsKUkAV3gVgGyfBZpKYIQhbYQtWAcBg5BRIhC26j+WAOtS0AgRvQ9A6L4IXUtgAELqOlopXUtgAEzgOxIFQPKxCvo7YFIHAKLSdvo7YFIHAUiHmgeiUIKSanNLUC4i1ALAHENoQUD48a7TkNzX8BsiAFxKCB4U+BOBkgwAAsAiGcWMs58QAAAABJRU5ErkJggg==");
}
.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_next .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEODJBRDc2RTYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEODJBRDc2RjYyNzMxMUUzQTMxN0IxNjAwN0JBOUE4OSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4MkFENzZDNjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4MkFENzZENjI3MzExRTNBMzE3QjE2MDA3QkE5QTg5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+crpRPgAAAOhJREFUeNpi+P//vycQP/tPfQAy05MRxGBgYJBkoA14DrLgPwMNARMDjcGgsCAMGkdHyLKBiNQgDoomIOYH4uOkJiViLNgMxGxIlpyhtgUgsAaImaHqhYH4IrUtAIHlSJaIAvFValsAAvOBmBGqTxKIb1HbAhCYhWSJDBDfobYFIBAO1QvCNtS2YA6SD6SB+DY1LViIFNFiQHydmnGwEi0VXaZmKloHxKxQ9YJAfJ6a+WAbWk4+Re2cLAFVxwPER0lNEcSUpjZALAHEW4DYitTCdHjUaM9paP4LkAUpIAYNDH8KxMkAAQYAlwMhmq8XxigAAAAASUVORK5CYII=");
}
.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_panel_corner {
  right: 80px;
}
.webix_nav_button_corner.webix_nav_button_prev {
  bottom: 9px;
  right: 44px;
}
.webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_corner.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_corner.webix_nav_button_next {
  bottom: 9px;
  right: 8px;
}
.webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_corner.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_panel_side {
  margin: 0 auto;
  left: 0;
  width: 100%;
}
.webix_nav_button_side {
  height: 86px;
  line-height: 86px;
  width: 56px;
  top: 50%;
  margin-top: -43px;
}
.webix_nav_button_side.webix_nav_button_next {
  left: auto;
  right: 16px;
}
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTc4MTkxODY2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTc4MTkxODU2MzBGMTFFMzk1MUQ4RTNCRjNCMUVFRUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+D/KEcQAAAOhJREFUeNqs1jsOwjAMBuCKhR2uxsLGxg1a+hD0wVGYGJC4DgssnAFVQjLukKWk/WM7lv4OqfQ1UdLWCRGtOTdOz3lwtpzEkuFyp/9KreiX/JVa0DdNV6ZF9zRfmQYdcgbwQYNGhccDXQzYN4jgXIOa4bkntgAuNKgaDtlNMRx69hoAlxpUBEvfawRXGnRIjeBFIq8e3F9KZ5mDWXbS5QeBEjQYDEULALbSwy8GEYrARvpBUYNTaGkBfagZHKMIrKU/vioW6NANAE+aZuIVE3RoHxN06NUDHq2t5Ipz4Xw4T87O2vT+BBgAeQQKvezNqP0AAAAASUVORK5CYII=");
}
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_nav_button_side.webix_nav_button_prev {
  left: 16px;
  right: auto;
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  opacity: 0.8;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzRTVCQkY2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzRTVCQkU2MzBGMTFFM0FDNTBDNzdDRkQ0NTI0NzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4NjlGM0NFNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA4NjlGM0NGNjE4OTExRTNBRjMwOTNFODNBRTJCRENBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wRT1eAAAAM9JREFUeNqs1jsKwlAQBdDBxlL3ZmVlmRXYaaVbCYg7kti4BQu1e85AhBDfZz73wm1ewsmfDKWUKNgNd+C+uVfuOgoe0n8uaFDyQoOSOxqU7NDgUfaDgxZUDWpRE6hBzWALdYE11A2W0BCYQ8PgHIWAUxQG/lAoKF0Q0ZLq+ZA1o35qnO3eevlweL4AgXOL5yhc2hCCa0d0w63744I1T9MMa989E2z5/NSw9Retgj3DRAveeseeGnyLDGgl+BkdJXNwH0WlHfcxDr09d/UVYADVjwptZ8mPvQAAAABJRU5ErkJggg==");
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_carousel > .webix_scroll_x,
.webix_carousel > .webix_scroll_y {
  background-color: rgba(0, 0, 0, 0);
}
.webix_dark .webix_nav_inactive {
  background-color: #95a5a6;
}
.webix_dark .webix_nav_active {
  background-color: #7f8c8d;
}
.webix_dark .webix_nav_button_prev .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSIURgotfwAAASxJREFUSMfNlbErhlEUh5/vJZOSQSijshgsFiklhdj0lcHw5SP7uX+A8we4d1c+g2RgsIjIxmCxGCzKRO9bMjCSWE5WpXPrO9MZbs9T5577u7XNrTgPtIBBfKsEmkUmOMZsFZngv5KCzNW2gmsbbT2H4AZY0CAVcOUtuAXmNMi7xtQF7HgK7oBZDfKmMXUAB8Cil+AemNEgrwbfB5a8LvnB4C8aU83Gsuy1RY/AtAYpDb4NNDzXtKFBnqyvA+ve72BXYxqy/shyy1UwDFxqTP0a5BvYAPa8X/KISfo0yBewChx6R8UocKEx9ZpkBTj2zqIx4Fxj6tEgn7aqZ95RMQ6cakzdGuTDxuUedhPAicY0AEz+dbjzn3E9ZX9ue3w4ZUZ+VQBrQJUB/gw0fwC/UlVpnH2f9AAAAABJRU5ErkJggg==");
}
.webix_dark .webix_nav_button_next .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSENCUzWfAAAAS1JREFUSMfN1TFLXEEUhuFnr8FKCBaGiK2FRQobG7GSgBG2E8IWFmE3wX7uD3B+QOb2QpaAiMWmsAkJBtMEizQ2FmmCXcIuhBRpDZI0g7XCXNhTD+8L53znTGf/ddrGEIvK1hiDqiW4zBxWLcFvJZWWayoEz3Mbz9sSfIl1mKCLr20I3sTUzMY6/MEzXJQWdHEcUzOTJVu4LD3kHRxlyW88xbfSKerldnViHX5lyffSMX2BgywZYxNXpffgVY6uWIcfWVpUMMQIYmqW8Lak4BB7sQ7/Ymoe4QzLpQQj9GMdbmJqFvAZK6WGfILdDJ/HJzwpFdOP6MU6/I2peYhTrJZctH6sw3VMzRw+YK30qdiIqXmM91i/b+Qe3OHNu6n/cMYt8icVXmLSAvwnBv8B+EFU7qlZ1xIAAAAASUVORK5CYII=");
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSI77dsQJgAAARxJREFUSMet1jFqAkEUxvH/rkIqLVN5ES2CjScQG6tUESx3SWOMLKgggt7BC6SxsnIr9w4ewAsEEis3RTBE3N3ZmfemHB4/HsPMm89L0xTJilbrLrAAGsAWeKkKwTEw/bfVAy6ea6cZ4HV9+8ogwMm6UwMI8Owrg5MoDDa+MjgF8LXBUqgtaERdwELUFcxFJWAmKgXvUA3wBtUC/1BNEKBCra4KXjt9MNScbadYJd7t9nGSVIGnnJpOnCRf7VbzYNMpURi8A7OCumW0Wr9aodrw7T39hedS+P5FhcFYCme/fSGcP6UEcPE8dYTNk98BLvdHWcLlf1ML2CVMzIC3gpK+U5YywEdJQMuDP50CmuGMt55C6B0AI+AR+ACGPw26r6m12WOpAAAAAElFTkSuQmCC");
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAiCAYAAACwaJKDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdCSE1IU5u4gAAAW1JREFUSMet1rtOwzAUgOG/5jbBwsQD8BAwIAa2TggegjmRgELbuFeo1GRlQEJMMDN264CUiYdgg0dolzIkFUEk9nHSbLGtT76cc+xaMA53gUegDnwCgfa9Vyp8CngCToFNYB940WF0WRWt57SPqsAK+C7oG+kwuiqLdg3992Xgtelk8jGN4w3gqGDMyTSOZ8eHB+8uM0X7XhMYGMbd6TC6dkIzcH8VsMr+aN9rCeCGEyqEhzZY5TWmcM8C3zihKdy2wIMiWJmWURZWtk1P4a4FvnVCUziwwP0srKQBLYSbALXFYuGU1zqMNBAYhrRUiSI0s/RvKcdZNoChcQt8Tz5TKSg/fQdQFqdJcJvAXha0Z1QCDixgW577drCbBxZXKRkYyOtpkm6lwf+VPwH7VcC/d5Qd7EjA39s0KQQ2UIvvfbZ3zoEHU2Rp3+u4vlDGqwSX6N4qwSX6ltMelAUB1oELYA6cAV/poTxXeZ/+AOFqn1e/Gh7yAAAAAElFTkSuQmCC");
}
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  opacity: 1;
}
.webix_list_item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 12px;
  line-height: 31px;
  cursor: pointer;
  border-bottom: 1px solid #EDEFF0;
  text-align: left;
  border-color: #EDEFF0;
}
.webix_list_icon {
  vertical-align: middle;
  margin-right: 4px;
}
.webix_list_item.webix_invalid {
  background-color: #ffeeee;
}
.webix_list_item.webix_selected {
  color: #475466;
  background: #F4F5F9;
}
.webix_list_item.webix_selected:focus {
  background: #edeff5;
}
.webix_list .webix_list_item.webix_selected {
  border-bottom: 1px solid #EDEFF0;
  padding: 2px 12px;
}
.webix_group {
  position: relative;
}
.webix_group_back,
.webix_group_back.webix_selected {
  position: relative;
  background: #F4F5F9;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
.webix_arrow_icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -10px;
  right: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #475466;
  font-size: 20px;
  font-family: "Webix Material Icons";
}
.webix_arrow_icon:before {
  content: '\F003';
}
.webix_group_back {
  padding-left: 33px;
}
.webix_group_back .webix_arrow_icon {
  left: 8px;
}
.webix_group_back .webix_arrow_icon:before {
  content: '\F002';
}
.dhx_pagelist {
  position: relative;
}
.webix_list_count {
  float: right;
  width: 25px;
  font-size: 14px;
  text-align: center;
  margin-right: 45px;
  box-shadow: 0 1px 0 #000000;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.webix_unit_header {
  padding: 0 12px;
  line-height: 35px;
  text-align: left;
  background-color: #F4F5F9;
}
.webix_list-x .webix_list_item {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #EDEFF0;
  border-bottom: none;
  border-color: #EDEFF0;
}
.webix_list-x .webix_list_item.webix_selected {
  border-left: 1px solid #EDEFF0;
  border-right: 1px solid #EDEFF0;
  padding-left: 11px;
}
.webix_list-x .webix_scroll_cont {
  display: inline-block;
}
.webix_view.webix_list-x {
  white-space: nowrap;
}
/* Style for disabled items */
.webix_list_item.webix_disabled {
  color: #8b949e;
  background-color: #FFFFFF;
  cursor: not-allowed;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_list_item.webix_disabled:focus {
  background-color: #FFFFFF;
}
.webix_list_item.webix_disabled .webix_badge {
  background-color: #eab993;
}
.webix_list_item.webix_disabled .webix_submenu_icon {
  visibility: hidden;
}
/*button of pager*/
.webix_view.webix_pager {
  padding: 3px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
.webix_pager_item,
.webix_pager_item_selected {
  padding: 0 6px;
  text-align: center;
  height: 100%;
  width: auto;
  min-width: 32px;
  margin: 0 2px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
}
.webix_pager_item .webix_icon,
.webix_pager_item_selected .webix_icon {
  line-height: 0;
  font-size: 17px;
}
.webix_pager_item {
  background: #F4F5F9;
  color: #1CA1C1;
}
.webix_pager_item:hover {
  background-color: #e7e9f2;
}
.webix_pager_item:focus {
  background-color: #e7e9f2;
}
.webix_pager_item:active {
  background-color: #daddeb;
}
.webix_pager_item:hover {
  background-color: #e7e9f2;
}
.webix_pager_item:focus {
  background-color: #e7e9f2;
}
.webix_pager_item:active {
  background-color: #daddeb;
}
/*selected  button of pager*/
.webix_pager_item_selected {
  cursor: default;
}
.webix_pager_item_selected:hover {
  background-color: #1992af;
}
.webix_pager_item_selected:focus {
  background-color: #1992af;
}
.webix_pager_item_selected:active {
  background-color: #17839d;
}
.webix_animation .webix_ss_header {
  position: relative;
  z-index: 1;
}
.webix_animation .webix_ss_vscroll_header {
  z-index: 1;
}
.webix_animation .webix_ss_footer,
.webix_animation .webix_vscroll_x {
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
/*helper for allowing selection*/
.webix_allow_selection {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
/*default item in dataview*/
.webix_dataview_item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 12px;
  line-height: 31px;
  cursor: pointer;
  border-bottom: 1px solid #EDEFF0;
  text-align: left;
  border-color: #EDEFF0;
  border-right: 1px solid #EDEFF0;
}
.webix_dataview_item.webix_selected {
  box-shadow: inset 2px 0 #1CA1C1;
}
.webix_dataview_item.webix_disabled {
  color: #94A1B3;
}
.webix_dataview_item.webix_selected.webix_disabled {
  box-shadow: inset 2px 0 #94A1B3;
}
.webix_dataview_item .webix_icon {
  font-size: 20px;
}
/*default item in selected state*/
.webix_dataview_item.webix_selected {
  color: #475466;
  background: #F4F5F9;
  border-bottom: 1px solid #EDEFF0;
  border-right: 1px solid #EDEFF0;
}
.webix_dataview_item.webix_selected:focus {
  background: #edeff5;
}
.webix_dataview_item.webix_invalid {
  background-color: #ffeeee;
}
.webix_dataview_item.tiles {
  box-sizing: border-box;
  border: 1px solid #EDEFF0;
}
.webix_drag_zone > .webix_dataview_item.tiles {
  margin: 0 !important;
}
.webix_dataview .webix_scroll_cont {
  box-sizing: border-box;
}
/*chart container*/
.webix_chart {
  position: relative;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  color: #475466;
  overflow: hidden;
  z-index: 1;
}
.webix_chart canvas {
  position: absolute;
}
/*labels*/
.webix_canvas_text {
  position: absolute;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  z-index: 80;
}
/*map*/
.webix_map_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
}
/*scales*/
.webix_axis_item_y {
  position: absolute;
  height: 18px;
  line-height: 18px;
  /*line-height:10px;*/
  margin-top: -4px;
  text-align: right;
}
.webix_axis_item_x {
  padding-top: 2px;
}
.webix_axis_title_x {
  text-align: center;
  font-size: 13px;
}
.webix_axis_title_y {
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  /*safari*/
  -webkit-transform: rotate(-90deg);
  /*firefox*/
  -moz-transform: rotate(-90deg);
  /*opera*/
  -o-transform: rotate(-90deg);
  /*IE9*/
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding-left: 3px;
}
.webix_ie_filter {
  /*IE8*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/*legend block*/
.webix_chart_legend {
  position: absolute;
  z-index: 81;
}
.webix_chart_legend_item {
  height: 18px;
  line-height: 18px;
  padding: 2px;
  cursor: pointer;
}
.webix_chart_legend_item.hidden {
  color: #cfd5dd;
}
.webix_axis_item_y.webix_radar {
  color: #555;
  font-size: 11px;
  padding-right: 3px;
  height: 13px;
  line-height: 13px;
  margin-top: 0px;
}
.webix_canvas_text.webix_axis_radar_title {
  margin-top: 0px;
  padding-top: 0px;
  color: #74869f;
  font-size: 12px;
}
.webix_axis_item_y,
.webix_axis_item_x {
  color: #74869f;
}
/*data frame*/
.webix_chart_frame {
  background-color: #a0cfef;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  z-index: 82;
  border-left: 1px solid #3498db;
  border-right: 1px solid #3498db;
  cursor: w-resize;
}
.webix_chart_resizer {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  background-position: 3px center;
  background-repeat: no-repeat;
  border-radius: 2px;
  height: 20px;
  bottom: 0;
  width: 11px;
  z-index: 83;
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc;
  cursor: w-resize;
}
.webix_chart_resizer:focus {
  border-color: #1CA1C1;
}
.webix_wresize_cursor {
  cursor: w-resize;
}
.webix_dt_editor {
  position: absolute;
  z-index: 2;
  overflow: visible;
  background: #FFFFFF;
}
.webix_dt_editor input,
.webix_dt_editor select {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 11px;
  margin: 0;
  border: 1px solid #ffd700;
  height: 100%;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.webix_dt_editor input[type="checkbox"] {
  margin: 11px 13px 0px;
  height: auto;
  width: auto;
}
.webix_dt_editor select {
  padding: 0 7px;
}
.webix_clipbuffer {
  width: 2000px;
  height: 1px;
  padding: 0;
  margin: 0;
  border: 0;
  left: 0px;
  top: 0px;
  white-space: pre-wrap;
  position: fixed;
  filter: alpha(opacity=0);
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.webix_column,
.webix_hcolumn {
  position: absolute;
  top: 0px;
}
.webix_cell {
  overflow: hidden;
  line-height: 33px;
  white-space: nowrap;
}
.webix_hcell {
  width: 100%;
  overflow: hidden;
}
.webix_cell,
.webix_hcell {
  background: inherit;
  font: inherit;
  text-align: inherit;
  color: inherit;
}
.webix_ss_body {
  overflow: hidden;
  position: relative;
}
.webix_hs_left,
.webix_hs_center,
.webix_hs_right,
.webix_ss_center,
.webix_ss_right,
.webix_ss_left {
  overflow: hidden;
  float: left;
  position: relative;
}
.webix_ss_center,
.webix_ss_right {
  position: relative;
}
.webix_ss_center_scroll {
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 1px;
}
.webix_ss_hscroll {
  bottom: 0px;
}
.webix_ss_vscroll {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}
.webix_ss_vscroll_footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-left: 1px solid #EDEFF0;
  border-top: 1px solid #EDEFF0;
  z-index: 1;
}
.webix_ss_vscroll_header {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 1px solid #DADEE0;
  border-bottom: 1px solid #DADEE0;
  z-index: 1;
}
.webix_dtable {
  position: relative;
  cursor: default;
  z-index: 0;
}
.webix_ss_footer,
.webix_ss_header {
  clear: both;
  overflow: hidden;
}
.webix_table_cell,
.webix_view.webix_table_cell,
.webix_block_selection,
.webix_hcell,
.webix_cell {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_table_cell {
  font-size: 14px;
}
.webix_block_selection {
  position: absolute;
}
.webix_ss_sort_asc,
.webix_ss_sort_desc {
  position: absolute;
  top: 50%;
  right: 2px;
  font-family: "Webix Material Icons";
  font-size: 20px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -12px;
  float: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_ss_sort_asc.webix_ss_sort_single,
.webix_ss_sort_desc.webix_ss_sort_single {
  width: 20px;
  text-align: center;
}
.webix_ss_sort_asc:before {
  content: '\F004';
}
.webix_ss_sort_desc:before {
  content: '\F001';
}
.webix_ss_sort_num {
  position: absolute;
  top: 0;
  right: 0;
  height: 12px;
  line-height: 12px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  text-align: right;
  color: #1CA1C1;
}
.webix_ss_sort_single .webix_ss_sort_num {
  display: none;
}
.webix_hcell .webix_excel_filter {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #94A1B3;
}
.webix_hcell .webix_excel_filter:hover {
  color: #1CA1C1;
}
.webix_excel_filter ~ .webix_ss_sort_asc,
.webix_excel_filter ~ .webix_ss_sort_desc {
  right: 24px;
}
.webix_hcell.webix_ss_excel_filter {
  position: relative;
}
.webix_hcell.webix_ss_filter_active .webix_excel_filter {
  color: #1CA1C1;
}
.webix_hcell.webix_ss_filter_active .webix_excel_filter:hover {
  color: #17839d;
}
.webix_hcell.webix_ss_filter {
  padding: 3px 5px 3px 5px;
}
.webix_hcell .webix_tree_close,
.webix_hcell .webix_tree_open {
  margin-right: 5px;
}
.webix_table_checkbox,
.webix_hcell input[type="checkbox"] {
  margin: 0px 1px 2px;
  vertical-align: middle;
}
.webix_ss_filter select,
.webix_ss_filter input {
  width: 100%;
  font-size: inherit;
  color: #475466 !important;
  height: 38px;
  margin-top: -2px;
  padding: 0 3px;
  vertical-align: top;
  border: 1px solid #DADEE0;
  line-height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}
.webix_richfilter {
  margin-top: 1px;
  line-height: 32px;
}
.webix_ss_filter select {
  padding: 3px;
}
/*headers and footers*/
.webix_ss_header,
.webix_hcolumn,
.webix_ss_vscroll_header,
.webix_dd_drag_column,
.webix_hs_left,
.webix_hs_center,
.webix_hs_right {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
  background: #F4F5F9;
}
.webix_ss_footer,
.webix_ss_footer .webix_hcolumn,
.webix_ss_footer .webix_hs_left,
.webix_ss_footer .webix_hs_center,
.webix_ss_footer .webix_hs_right,
.webix_ss_footer div.webix_ss_vscroll_footer {
  background: #fafafa;
}
.webix_hcell.webix_measure_size {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
/*content in header and footer*/
.webix_hcell {
  padding: 0px 12px 0px 12px;
  text-align: left;
}
/*borders in header and footer*/
.webix_ss_header .webix_hcolumn .webix_hcell,
.webix_ss_header .webix_span {
  border-right: 1px solid #DADEE0;
  border-bottom: 1px solid #DADEE0;
}
.webix_ss_footer .webix_hcolumn .webix_hcell,
.webix_ss_footer .webix_span {
  border-right: 1px solid #EDEFF0;
  border-top: 1px solid #EDEFF0;
}
/*remove rightmost borders*/
.webix_hs_right .webix_hcell.webix_last,
.webix_hs_center .webix_hcell.webix_last {
  border-right-width: 0px;
}
/*right inner border*/
.webix_column.webix_last > div {
  border-right-width: 0px;
}
/*borders between split areas*/
.webix_ss_right .webix_column.webix_first > div,
.webix_hs_right .webix_first {
  border-left: 1px solid #DADEE0;
}
.webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid #DADEE0;
}
.webix_last_topcell.webix_cell {
  border-bottom: 1px solid #DADEE0;
}
/*normal data cell of the table*/
.webix_column > div,
.webix_table_cell {
  border-right: 1px solid #EDEFF0;
  padding: 0 12px;
  border-bottom: 1px solid #EDEFF0;
}
.webix_column,
.webix_hcolumn {
  text-align: left;
}
/*header selection in column mode, column dnd*/
.webix_ss_header .webix_sel_hcell,
.webix_ss_footer .webix_sel_hcell,
.webix_ss_header .webix_dd_over_column {
  background-color: #c9eaf5;
}
.webix_block_selection {
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid #EDEFF0;
}
.webix_dd_drag {
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid #EDEFF0;
  height: 36px;
}
.webix_dd_drag > div {
  display: inline-block;
  vertical-align: top;
  background: #FFFFFF;
  border-top: 1px solid #EDEFF0;
  border-right: 1px solid #EDEFF0;
  border-bottom: 1px solid #EDEFF0;
  padding: 5px 12px;
  height: 36px;
  line-height: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_dd_drag_column {
  padding: 5px 10px 5px 10px;
}
.webix_column > .webix_drag_over.webix_cell {
  background-color: #e6e6e6;
  color: #475466;
}
.webix_column > .webix_drag_over.webix_cell.webix_row_select,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select {
  color: #475466;
  background: #F4F5F9;
}
.webix_column > .webix_drag_over.webix_cell.webix_row_select:focus,
.webix_column > .webix_drag_over.webix_cell.webix_cell_select:focus {
  background: #edeff5;
}
.webix_cell.webix_invalid {
  background-color: #ffeeee;
}
.webix_invalid_cell {
  position: relative;
}
.webix_invalid_cell:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0px;
  height: 1px;
  border-top: 8px solid #f44;
  border-left: 8px solid transparent;
}
/*selection*/
.webix_column > div.webix_cell_select,
.webix_column > div.webix_column_select,
.webix_column > div.webix_row_select {
  color: #475466;
  background: #F4F5F9;
}
.webix_column > div.webix_cell_select:focus,
.webix_column > div.webix_column_select:focus,
.webix_column > div.webix_row_select:focus {
  background: #edeff5;
}
/*extra borders, for selection in cell mode*/
.webix_column > div.webix_cell_select {
  border-bottom: 1px solid #EDEFF0;
  border-left: 1px solid #EDEFF0;
  border-right: 1px solid #EDEFF0;
  padding-top: 0px;
  padding-left: 11px;
}
.webix_ss_right .webix_column.webix_first > div.webix_cell_select {
  padding-left: 12px;
}
/*extra borders, for selection in row mode*/
.webix_column > div.webix_row_select {
  border-bottom: 1px solid #EDEFF0;
  padding-top: 0px;
}
/*extra borders for selection in column mode*/
.webix_column > div.webix_column_select {
  border-left: 1px solid #EDEFF0;
  border-right: 1px solid #EDEFF0;
  padding-left: 11px;
}
.webix_cell.webix_dtable_colrow,
.webix_cell.webix_dtable_subrow,
.webix_dtable_subview {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: white;
  width: 100%;
  padding-right: 30px;
  padding-left: 12px;
  padding-top: 1px;
  border-bottom: 1px solid #EDEFF0;
}
.webix_cell.webix_dtable_colrow.webix_selected {
  color: #475466;
  background: #F4F5F9;
}
.webix_cell.webix_dtable_colrow.webix_selected:focus {
  background: #edeff5;
}
.webix_dtable_subrow {
  border-top: 1px solid #EDEFF0;
  text-align: right;
}
.webix_dtable_subview {
  background: #EDEFF0;
  border-top: 1px solid #EDEFF0;
  padding: 0px 0px 0px 0px;
  padding-left: 10px;
  box-sizing: border-box;
}
.number .webix_cell {
  text-align: right;
}
.webix_rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  line-height: normal;
}
.webix_measure_rotate {
  line-height: normal;
  white-space: normal;
  padding: 10px;
}
.webix_span_layer,
.webix_span_layer_top {
  background: transparent;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0px;
  width: 0px;
  overflow: visible;
}
.webix_span_layer_top {
  z-index: 1;
}
.webix_ss_right .webix_span_layer,
.webix_ss_right .webix_span_layer_top {
  border-left: 1px solid #DADEE0;
}
.webix_dtable_span {
  position: absolute;
  background: #FFFFFF;
  text-align: left;
}
.webix_dtable_span.webix_selected {
  color: #475466;
  background: #F4F5F9;
}
.webix_dtable_span.webix_selected:focus {
  background: #edeff5;
}
.webix_hcell span.webix_input_icon {
  background-color: #DADEE0;
}
.webix_area_selection_layer {
  position: absolute;
  z-index: 2;
}
.webix_area_selection {
  position: absolute;
  background: #475466;
}
.webix_dtable_focused .webix_area_selection {
  background-color: #3f4a5a;
}
.webix_area_selection_top,
.webix_area_selection_bottom {
  height: 2px;
}
.webix_area_selection_left,
.webix_area_selection_right {
  width: 2px;
}
.webix_area_selection_handle {
  position: absolute;
  width: 6px;
  height: 6px;
  border: 1px solid #fff;
  background: #475466;
  cursor: crosshair;
  margin: -6px 0 0 -6px;
}
.webix_topcell {
  position: relative;
  background: #FFFFFF;
  z-index: 1;
}
.webix_dtable .webix_resize_handle_x .webix_handle_content,
.webix_dtable .webix_resize_handle_y .webix_handle_content {
  border: none;
  background-color: #1CA1C1;
}
.webix_dtable_focused .webix_column > div.webix_row_select,
.webix_dtable_focused .webix_column > div.webix_column_select {
  background: #edeff5;
}
.webix_window {
  position: absolute;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}
.webix_window:focus {
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.webix_win_body {
  overflow: hidden;
}
.webix_window,
.webix_win_content,
.webix_win_body,
.webix_win_body > .webix_view {
  border-radius: 0px;
}
.webix_win_body > .webix_view .webix_cal_month {
  border-radius: 0px;
}
.webix_win_head {
  border-bottom: 1px solid #DADEE0;
}
.webix_win_title {
  text-align: center;
}
/*----------------------------*/
/* DO NOT CHANGE STYLES BELOW */
/*----------------------------*/
.webix_win_content {
  height: auto;
  width: auto;
  overflow: hidden;
}
.webix_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  opacity: 0.2;
}
.webix_modalbox_inside {
  pointer-events: none;
}
.webix_point_top,
.webix_point_right,
.webix_point_bottom,
.webix_point_left {
  position: absolute;
}
.webix_point_top,
.webix_point_bottom {
  width: 13px;
  height: 7px;
}
.webix_point_left,
.webix_point_right {
  width: 7px;
  height: 13px;
}
.webix_point_top,
.webix_point_bottom,
.webix_point_right,
.webix_point_left {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAArCAIAAADHSy4DAAAABnRSTlMAAAAAAABupgeRAAAACXBIWXMAAABPAAAATwFjiv3XAAAAhElEQVR4nMXVQQoAIQhAUe9/FC/pLAYayUm/EeT6YWGmoqpWharKG7n+XK5nt9L/LurMeV27oZHrReN0M6Oupr5S1GU0vhN1J7L27hp1QYXX1WtE5UxnNXI0ep7+pEGRpr95ooWObbXUm1npXWkFaF3vTqj9c+h8pVOb7gK6Yeje4tvwARi4FgcAh2V/AAAAAElFTkSuQmCC");
}
.webix_point_top {
  background-position: 0 -36px;
}
.webix_point_bottom {
  background-position: 0 0;
}
.webix_point_right {
  background-position: 0 -22px;
}
.webix_point_left {
  background-position: 0 -9px;
}
.webix_resize_handle {
  position: absolute;
  z-index: 2;
  width: 15px;
  height: 15px;
  bottom: 0px;
  line-height: 15px;
  right: -1px;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);
  cursor: nw-resize;
}
.webix_resize_frame {
  position: absolute;
  filter: alpha(opacity=10);
  opacity: 0.1;
  background: #1CA1C1;
  display: block;
  border: 1px solid #0f5768;
  box-shadow: 1px 3px 6px #000;
}
.webix_resize_cursor {
  cursor: nw-resize;
}
.webix_shadow_medium,
.webix_shadow_small,
.webix_shadow_big {
  position: relative;
}
.webix_shadow_medium {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}
.webix_shadow_small {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.webix_shadow_big {
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.webix_shadow_none {
  box-shadow: none !important;
}
.webix_toolbar.webix_shadow_small,
.webix_toolbar.webix_shadow_medium,
.webix_toolbar.webix_shadow_big {
  z-index: 1;
}
/*basis*/
.webix_tree .webix_scroll_cont > .webix_tree_leaves {
  padding: 8px;
}
.webix_tree_item {
  clear: both;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
}
.webix_tree_item.webix_selected {
  background: transparent;
}
.webix_tree_item.webix_selected span {
  padding: 4px 10px 4px 4px;
  margin-left: -4px;
  color: #475466;
  background: #F4F5F9;
}
.webix_tree_item.webix_selected span:focus {
  background: #edeff5;
}
.webix_tree_item.webix_invalid {
  background-color: #ffeeee;
}
.webix_tree_checkbox {
  margin: 1px 0 0;
  padding: 0px;
  float: left;
  vertical-align: middle;
  height: 100%;
  width: 13px;
}
.webix_indeterminate {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcCCSwfRyGesAAAAAxpVFh0Q29tbWVudAAAAAAAvK6ymQAAAExJREFUKM9jLCgo+M9AAmBhYGBgaGtrY+Tk5MSrsLCwkIGBgeE/EwOJgGQNLMgcJSUlBgYGBnQ/Md67d498G+jsB6hbGQfWSYykJg0AUMsPVoNrFX0AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: left center;
  height: 100%;
  width: 13px;
  margin-top: 0 !important;
}
.webix_measure_size {
  font-family: Roboto, sans-serif;
}
.webix_measure_size input,
.webix_measure_size textarea,
.webix_measure_size select {
  width: 5px;
}
.webix_measure_size div {
  margin-left: -5px;
  float: none;
}
.webix_measure_size div,
.webix_measure_size a {
  display: inline-block !important;
  position: static !important;
}
.webix_tree_close,
.webix_tree_open,
.webix_tree_none,
.webix_tree_folder,
.webix_tree_file,
.webix_tree_folder_open {
  float: left;
  width: 20px;
  height: 100%;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  background-repeat: no-repeat;
}
.webix_tree_close,
.webix_tree_open,
.webix_tree_none {
  background-position: center center;
}
.webix_cell .webix_tree_close,
.webix_cell .webix_tree_open,
.webix_cell .webix_tree_none {
  background-color: transparent;
}
.webix_tree_folder,
.webix_tree_file,
.webix_tree_folder_open {
  background-position: 0 center ;
}
.webix_tree_file,
.webix_tree_folder,
.webix_tree_folder_open {
  margin: 0px 2px;
}
.webix_tree_leaves .webix_tree_leaves {
  margin-left: 20px;
}
.webixLineTree .webix_tree_leaves {
  margin-left: 0px;
}
.webix_tree_close {
  background-image: url("data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39////wAAAP///wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I5RTczQjVDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I5RTczQjZDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjlFNzNCM0MwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjlFNzNCNEMwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARJMMlJq704661B+SAIXAVhnKhBFKSZnmuLImhslXPN3ibi+6pdBXc4IIpB2YkGE1IKAoL0ICUInJNCYMDtDgJYiScUGnHO6LQkAgA7");
}
.webix_tree_open {
  background-image: url("data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39wAAAP///////wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY0QzNGM0VDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY0QzNGM0ZDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjRDM0YzQ0MwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjRDM0YzREMwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARDMMlJq704661B+SAIXAVhnKhBFKSZnmv7wqxVzmpd3Uff5zKEUAi0uV4xm4DAbBIEOkohMKhaB4HoxBMKjTjgsFgSAQA7");
}
.webix_tree_file {
  background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAInjI+JwM26XAtPyTnTfU5veGyXJ2ZhaRpoSq0AicKlLNJftNojyCMFADs=");
}
.webix_tree_folder {
  background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAIhjI+py90AI3Syvoqj27mfnn2gZYxkYEpiCqypa27yTC8FADs=");
}
.webix_tree_folder_open {
  background-image: url("data:image/gif;base64,R0lGODlhEgASAIABAI6Pj////yH5BAEKAAEALAAAAAASABIAAAIjjI+py90AI3SyvorjkQ7pDAJBSJaTaGpjKq7pxsJmR9c2UwAAOw==");
}
.webix_tree_img {
  background: transparent;
  float: left;
  width: 25px;
  height: 24px;
  background-position: 0 0;
}
.webix_tree_plus2 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM8SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgK7A6k6pGqtzlAI83wpAIKM2uLVeNhmSdaSZTKGodEqtWjkJADs=");
  background-repeat: no-repeat;
}
.webix_tree_plus3 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAANCSLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgK7A6k6pGqtzlAI83wpAIKM2uLVeNhmSdaSZTB9PNLSQcqwZrEVL4SYAADs=");
}
.webix_tree_plus4 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM5SLrc/jDKSau9mIbNeQxDKA7BJwJiCYEhGqoPCMwzKdw3ww4uabap38i36nQqgkwSs7w0LU+kMpIAADs=");
}
.webix_tree_minus2 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM5SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgLKrO6Vw+wI43go8z9AwWQTIEkKIMZTJFGo6n9ColJMAADs=");
  background-repeat: no-repeat;
}
.webix_tree_minus3 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM+SLoq/LDFKWl0FuLMNq8faAVkWVLBoK5DgLKrO6Vw+wI43go8z9AwWQTIEkKIMZTJ9PE0QwsnR5qhWqwUbAIAOw==");
}
.webix_tree_minus4 {
  background-image: url("data:image/gif;base64,R0lGODlhEgAYAMIDAFVVVYiIiMHBwf///////////////////yH5BAEKAAQALAAAAAASABgAAAM1SLrc/jDKSau9mIbNeQxDKA7BN4olBJ6kCbwvKcwzs57pc4+5s6OfTqciyBQxx0vSsiQaIwkAOw==");
}
.webix_tree_line1 {
  background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIxjI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKrKg68GbjNGVTeGZmeiRP+IphBbi0EgrAAA7");
}
.webix_tree_line2 {
  background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIpjI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKgLuC7/mTNf2jef6zvc+XgAAOw==");
  background-repeat: no-repeat;
}
.webix_tree_line3 {
  background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAI1jI8Gyc3r4pP0wCovdnpPz4Gh+JFIZ6KkKgLuC78VC9KeveGYPpsJTwFmfCeixahABoQRXQEAOw==");
}
.webix_tree_line4 {
  background-image: url("data:image/gif;base64,R0lGODlhGQAcAIABAMHBwf///yH5BAEKAAEALAAAAAAZABwAAAIjjI+py+0Po5y02ouz3rxDAIZi+HGAiW6nmmqr22avHGMzUwAAOw==");
}
.webix_tree_blank {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==);
}
.webix_tree_img {
  background-color: #FFFFFF;
}
.webix_cal_month {
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 6px;
  box-sizing: content-box;
}
.webix_cal_prev_button,
.webix_cal_next_button {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 8px 6px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_cal_prev_button {
  left: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAASUlEQVR42p2QMQoAQQgD79EZ0Mqn5xCu2cPdYgUbJ0rMMxXgLeiuKq8gsJAz8weQ0QiwJEfECnr4wdlEnwJ68+yyhReC+c85oRecj0Um+pmo9wAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}
.webix_cal_next_button {
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAARElEQVR42qXPsQoAIAhF0T76PdDJT7cUmtQhcmk4N8QVQ9JXN2bmgWOgqp+BiCRG2AYAMoi3/LxYdyagAnhA6G93TrABZaJFJjrFY8IAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}
.webix_view > .webix_cal_header {
  height: 24px;
}
.webix_view > .webix_cal_header div {
  float: left;
  text-align: center;
  height: 19px;
  font-size: 11px;
  color: #475466;
  border-bottom: #DADEE0 1px solid;
}
.webix_cal_body .webix_cal_row > div {
  float: left;
  text-align: center;
  height: 100%;
}
.webix_cal_body .webix_selected,
.webix_cal_body .webix_cal_select,
.webix_cal_body .webix_cal_select.webix_cal_today {
  color: #475466;
  background: #F4F5F9;
}
.webix_cal_day,
.webix_cal_week_num {
  cursor: pointer;
  font-size: 12px;
  color: #475466;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_cal_week_num {
  color: #a2adbe;
  cursor: default;
  margin-right: 0px;
  border-right: 1px solid #DADEE0;
}
.webix_cal_event {
  font-weight: bold;
  color: #C66200;
}
.webix_cal_outside {
  color: #b1bbc8;
}
.webix_cal_inactive {
  background: #888;
}
.webix_cal_inactive {
  background: #888;
}
.webix_cal_day_disabled,
.webix_cal_day_disabled.webix_cal_event {
  color: #b1bbc8;
  background: #f0f0f0;
}
.webix_cal_day_disabled.webix_cal_day,
.webix_cal_day_disabled.webix_cal_block {
  cursor: not-allowed;
}
.webix_hours .webix_cal_day_disabled,
.webix_minutes .webix_cal_day_disabled,
.webix_hours .webix_cal_day_disabled.webix_cal_event,
.webix_minutes .webix_cal_day_disabled.webix_cal_event {
  background: #FFFFFF;
  font-weight: normal;
  text-decoration: line-through;
}
.webix_cal_month_name {
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_cal_block {
  float: left;
  text-align: center;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_selected {
  background: #F4F5F9;
  color: #475466;
}
.webix_cal_footer {
  text-align: center;
  font-size: 12px;
  color: #444;
  height: 24px;
  padding: 6px 0 0;
  cursor: pointer;
}
.webix_cal_icons {
  float: right;
  height: 20px;
  line-height: 20px;
  padding: 4px 4px 0;
}
.webix_cal_time {
  height: 20px;
  line-height: 20px;
  padding: 4px 4px 0;
}
.webix_cal_time_icons {
  float: left;
}
.webix_cal_icons .webix_cal_icon {
  text-align: center;
  padding: 0 4px;
}
.webix_cal_icon:hover,
.webix_cal_time:hover,
.webix_cal_month_name:hover {
  text-decoration: underline;
  color: #1CA1C1;
}
.webix_cal_icon:focus,
.webix_cal_time:focus,
.webix_cal_month_name:focus {
  color: #1CA1C1;
}
.webix_cal_month_name.webix_readonly {
  cursor: default;
}
.webix_cal_month_name.webix_readonly:hover,
.webix_cal_month_name.webix_readonly:focus {
  text-decoration: none;
  color: inherit;
}
.webix_time_header {
  padding: 0 0 6px;
}
.webix_time_header .webix_cal_hours,
.webix_time_header .webix_cal_minutes {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #DADEE0;
}
.webix_time_header .webix_cal_minutes {
  padding-left: 1px;
  border-left: none;
}
.webix_time_header .webix_cal_hours {
  border-right: none !important;
}
.webix_cal_body .webix_hours {
  float: left;
  border-right: 1px solid #DADEE0;
  padding-right: 1px;
}
.webix_cal_body .webix_minutes {
  float: left;
  padding-left: 1px;
}
.webix_cal_block_empty {
  float: left;
  text-align: center;
}
.webix_time_footer {
  text-align: center;
  font-size: 12px;
  height: 24px;
  padding: 6px 0 0;
  cursor: pointer;
}
.webix_cal_done {
  height: 24px;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #DADEE0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  outline: none;
  background: #F4F5F9;
  color: #1CA1C1;
  float: right;
}
.webix_cal_done:hover {
  background-color: #e7e9f2;
}
.webix_cal_done:focus {
  background-color: #e7e9f2;
}
.webix_cal_done:active {
  background-color: #daddeb;
}
.webix_cal_blurred_hours {
  background-color: #f7f7f7;
}
.webix_property_line {
  clear: both;
  width: 100%;
  min-height: 28px;
  height: auto;
}
.webix_property_line.webix_focused > div,
.webix_property_line:focus > div {
  background-color: #f7f8fb;
}
.webix_property_label,
.webix_property_value {
  height: 28px;
  line-height: 27px;
  padding-left: 12px;
  float: left;
  border-bottom: 1px solid #EDEFF0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.webix_property_label {
  border-right: 1px solid #EDEFF0;
}
.webix_property_label_line {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
  line-height: 42px;
  padding-left: 12px;
  border-bottom: 1px solid #EDEFF0;
  line-height: 28px;
}
.webix_property_label_line .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.webix_property_label_line.webix_dark {
  background: #657584;
  border-color: #657584;
}
.webix_property_label_line.webix_dark .webix_el_button,
.webix_property_label_line.webix_dark .webix_el_label .webix_el_box,
.webix_property_label_line.webix_dark .webix_inp_label,
.webix_property_label_line.webix_dark .webix_inp_top_label,
.webix_property_label_line.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_secondary .webix_icon,
.webix_property_label_line.webix_dark .webix_transparent .webix_icon,
.webix_property_label_line.webix_dark .webix_secondary .webix_img_btn_text,
.webix_property_label_line.webix_dark .webix_transparent .webix_img_btn_text,
.webix_property_label_line.webix_dark .webix_secondary .webix_icon_btn,
.webix_property_label_line.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_transparent button:hover,
.webix_property_label_line.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_property_label_line.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_property_label_line.webix_dark .webix_secondary button,
.webix_property_label_line.webix_dark .webix_inp_counter_next,
.webix_property_label_line.webix_dark .webix_inp_counter_prev,
.webix_property_label_line.webix_dark .webix_segment_0,
.webix_property_label_line.webix_dark .webix_segment_1,
.webix_property_label_line.webix_dark .webix_segment_N,
.webix_property_label_line.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.webix_property_label_line.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.webix_property_label_line.webix_dark .webix_secondary button:hover,
.webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_property_label_line.webix_dark .webix_inp_counter_next:hover,
.webix_property_label_line.webix_dark .webix_inp_counter_prev:hover,
.webix_property_label_line.webix_dark .webix_segment_0:hover,
.webix_property_label_line.webix_dark .webix_segment_1:hover,
.webix_property_label_line.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_property_label_line.webix_dark .webix_secondary button:focus,
.webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_property_label_line.webix_dark .webix_inp_counter_next:focus,
.webix_property_label_line.webix_dark .webix_inp_counter_prev:focus,
.webix_property_label_line.webix_dark .webix_segment_0:focus,
.webix_property_label_line.webix_dark .webix_segment_1:focus,
.webix_property_label_line.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_secondary button:active,
.webix_property_label_line.webix_dark .webix_menu-x .webix_list_item:active,
.webix_property_label_line.webix_dark .webix_inp_counter_next:active,
.webix_property_label_line.webix_dark .webix_inp_counter_prev:active,
.webix_property_label_line.webix_dark .webix_segment_0:active,
.webix_property_label_line.webix_dark .webix_segment_1:active,
.webix_property_label_line.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_inp_static,
.webix_property_label_line.webix_dark input[type=text],
.webix_property_label_line.webix_dark input[type=combo],
.webix_property_label_line.webix_dark input[type=datepicker],
.webix_property_label_line.webix_dark textarea,
.webix_property_label_line.webix_dark select,
.webix_property_label_line.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.webix_property_label_line.webix_dark .webix_el_texthighlight input,
.webix_property_label_line.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.webix_property_label_line.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.webix_property_label_line.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_multicombo_value,
.webix_property_label_line.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.webix_property_label_line.webix_dark .webix_inp_static:focus,
.webix_property_label_line.webix_dark input[type=text]:focus,
.webix_property_label_line.webix_dark input[type=combo]:focus,
.webix_property_label_line.webix_dark input[type=datepicker]:focus,
.webix_property_label_line.webix_dark textarea:focus,
.webix_property_label_line.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.webix_property_label_line.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.webix_property_label_line.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.webix_property_label_line.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.webix_property_label_line.webix_dark .webix_selected.webix_segment_0,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_1,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_selected.webix_segment_0:hover,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_1:hover,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_property_label_line.webix_dark .webix_selected.webix_segment_0:focus,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_1:focus,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_property_label_line.webix_dark .webix_selected.webix_segment_0:active,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_1:active,
.webix_property_label_line.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_property_label_line.webix_dark .webix_el_icon,
.webix_property_label_line.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.webix_property_label_line.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_property_label_line.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.webix_property_label_line.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.webix_property_label_line.webix_dark .webix_custom_checkbox,
.webix_property_label_line.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_custom_checkbox:focus,
.webix_property_label_line.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.webix_property_label_line.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_property_label_line.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_property_label_line.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_property_label_line.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_property_label_line.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.webix_property_label_line.webix_dark .webix_invalid .webix_el_box input,
.webix_property_label_line.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_property_label_line.webix_dark .webix_invalid .webix_el_box select,
.webix_property_label_line.webix_dark .webix_invalid .webix_el_box textarea,
.webix_property_label_line.webix_dark input.webix_invalid,
.webix_property_label_line.webix_dark select.webix_invalid,
.webix_property_label_line.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.webix_property_label_line.webix_dark .webix_invalid .webix_multicombo_value,
.webix_property_label_line.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.webix_property_label_line.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
.webix_property_label_line.webix_dark {
  color: #FFFFFF;
}
.webix_property_col_val {
  width: 100%;
  height: 100%;
  line-height: inherit;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
.webix_property_col_ind {
  float: right;
  border: 1px solid #DADEE0;
  background: #ffffff;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 4px 8px 0 0;
}
.webix_property_value {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.webix_property_check {
  margin: 0;
  vertical-align: middle;
}
/*style used by tooltip's container*/
.webix_tooltip {
  display: none;
  position: absolute;
  z-index: 10000;
  background-color: #FFFFFF;
  padding: 5px 10px;
  border: 1px solid #DADEE0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
  border-radius: 0px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.webix_global_tooltip {
  pointer-events: none;
}
/*comments list*/
.webix_comments .webix_list {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  /** Chrome & Safari **/
  -moz-transition: all 0.5s ease;
  /** Firefox **/
  -o-transition: all 0.5s ease;
  /** Opera **/
  transition-property: height;
  -webkit-transition-property: height;
  /* Safari */
}
.webix_comments .webix_list .webix_list_item {
  margin-top: 24px;
  border: none;
  cursor: default;
}
.webix_comments .webix_list .webix_comments_more_item {
  margin-top: 12px;
}
/* comments list templates */
.webix_comments_name {
  margin-left: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}
.webix_comments_menu.webix_icon {
  line-height: 30px;
  width: 6px;
  visibility: hidden;
  float: right;
  cursor: pointer;
  color: #94A1B3;
  margin: 0 4px 0 0;
}
.webix_comments_current:hover .webix_comments_menu,
.webix_comments_current.active_menu .webix_comments_menu {
  visibility: visible;
}
.webix_comments_message {
  white-space: pre-wrap;
  line-height: 20px;
  margin-left: 70px;
  margin-right: 10px;
}
.webix_comments_message a {
  color: #1CA1C1;
  text-decoration: none;
  word-break: break-all;
}
.webix_comments_message a:hover {
  text-decoration: underline;
}
.webix_comments_message a:visited {
  color: #7e57c2;
}
.webix_comments_message .webix_comments_mention {
  font-weight: 500;
  white-space: nowrap;
}
.webix_comments_mention {
  color: #1CA1C1;
}
.webix_comments_avatar {
  margin-left: 14px;
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
}
.webix_comments_status {
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  position: absolute;
  height: 12px;
  width: 12px;
  box-sizing: border-box;
  top: 30px;
  left: 30px;
  z-index: 1;
}
.webix_comments_status.active {
  background-color: #55CD97;
}
.webix_comments_status.busy {
  background-color: #FF5C4C;
}
.webix_comments_status.away {
  background-color: #FDBF4C;
}
.webix_comments_status.none {
  background-color: #d0d5dd;
}
.webix_comments_avatar_image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  position: relative;
}
.webix_comments_photo {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.webix_comments_avatar_text {
  font-size: 16px;
  color: #1CA1C1;
  line-height: 40px;
  text-align: center;
  background-color: #DFE2E6;
}
.webix_comments_avatar_text .webix_icon {
  margin: 0;
}
.webix_comments_date {
  float: right;
  color: #94A1B3;
  font-size: 12px;
}
.webix_comments_image {
  max-width: 100%;
  max-height: 300px;
  display: block;
}
/* buttons*/
.webix_comments_more {
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  background: #F4F5F9;
  color: #1CA1C1;
  border: none;
  border-radius: 2px;
}
.webix_comments_more:hover {
  background-color: #e7e9f2;
}
.webix_comments_send .webix_el_box {
  float: right !important;
}
.webix_message_area {
  position: fixed;
  right: 5px;
  width: 250px;
  z-index: 1000;
}
.webix_message {
  min-width: 120px;
  font-family: Roboto, sans-serif;
  z-index: 10000;
  overflow: hidden;
  margin: 4px 4px 12px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.webix_no_transition {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.webix_message.hidden {
  height: 0px;
  min-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-width: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: none;
  overflow: hidden;
}
.webix_modal_box {
  pointer-events: auto;
  overflow: hidden;
  display: inline-block;
  min-width: 250px;
  width: 250px;
  text-align: center;
  position: fixed;
  background-color: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  font-family: Roboto, sans-serif;
  z-index: 20000;
  border-radius: 0px;
  border: 1px solid #DADEE0;
  outline: none;
}
.webix_modal_box .webix_popup_button {
  margin-top: 8px;
}
.webix_message,
.webix_popup_button {
  cursor: pointer;
}
.webix_popup_controls {
  padding: 4px 12px 12px;
}
.webix_popup_button {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin: 0 4px;
  border-radius: 2px;
}
.webix_popup_button {
  min-width: 100px;
}
div.webix_modal_cover {
  background-color: #000;
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  opacity: 0.1;
  position: fixed;
  z-index: 19999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: none;
  zoom: 1;
}
.webix_message img,
.webix_modal_box img {
  float: left;
  margin-right: 8px;
}
/*Skin section*/
.webix_popup_button {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  background: #F4F5F9;
  color: #1CA1C1;
  outline: none;
}
.webix_popup_button:hover {
  background-color: #e7e9f2;
}
.webix_popup_button:focus {
  background-color: #e7e9f2;
}
.webix_popup_button:active {
  background-color: #daddeb;
}
.webix_popup_button.confirm {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
  outline: none;
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_popup_button.confirm:hover {
  background-color: #1992af;
}
.webix_popup_button.confirm:focus {
  background-color: #1992af;
}
.webix_popup_button.confirm:active {
  background-color: #17839d;
}
.webix_popup_input.webix_el_text {
  outline: none;
  overflow: hidden;
  padding: 3px 2px;
}
.webix_popup_input.webix_el_text input {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 14px;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
}
.webix_popup_input.webix_el_text.webix_required::before {
  position: absolute;
  right: 18px;
  padding-top: 1px;
  content: "*";
  color: red;
}
.webix_popup_input.webix_el_text.webix_popup_invalid input {
  background-color: #ffedee;
  border-color: #fea5a8;
  color: #FF5C4C;
  background-color: #ffdedb;
}
.webix_popup_title {
  color: #475466;
  line-height: 20px;
  padding: 20px 16px 12px 16px;
  font-size: 16px;
  font-weight: 500;
}
.webix_popup_title + div.webix_popup_text {
  padding-top: 0;
  box-shadow: none;
}
.webix_popup_text {
  overflow: hidden;
  padding: 24px 16px 0px 16px;
  font-size: 14px;
  color: #475466;
  line-height: 20px;
}
.webix_popup_text.webix_popup_label {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webix_alert .webix_popup_title,
.webix_confirm .webix_popup_title,
.webix_prompt .webix_popup_title,
.webix_alert .webix_popup_text,
.webix_confirm .webix_popup_text,
.webix_prompt .webix_popup_text {
  box-shadow: inset 0 4px #1CA1C1;
}
.webix_alert-warning .webix_popup_title,
.webix_confirm-warning .webix_popup_title,
.webix_prompt-warning .webix_popup_title,
.webix_alert-warning .webix_popup_text,
.webix_confirm-warning .webix_popup_text,
.webix_prompt-warning .webix_popup_text {
  box-shadow: inset 0 4px #FDBF4C;
}
.webix_alert-error .webix_popup_title,
.webix_confirm-error .webix_popup_title,
.webix_prompt-error .webix_popup_title,
.webix_alert-error .webix_popup_text,
.webix_confirm-error .webix_popup_text,
.webix_prompt-error .webix_popup_text {
  box-shadow: inset 0 4px #FF5C4C;
}
.webix_message {
  font-size: 14px;
  color: #475466;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.12), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  line-height: 20px;
  border-radius: 2px;
  border: 1px solid #DADEE0;
  background-color: #FFFFFF;
}
.webix_message.webix_debug {
  color: #313131;
  border-color: #fed282;
  background-color: #fff2db;
}
.webix_message.webix_error {
  color: #313131;
  border-color: #ff8d82;
  background-color: #ffdedb;
}
.webix_message.webix_success {
  color: #313131;
  border-color: #88dcb6;
  background-color: #ddf5ea;
}
.webix_message div {
  padding: 11px 12px;
}
.webix_color_row {
  clear: both;
  white-space: nowrap;
}
.webix_color_palette {
  text-align: left;
  padding: 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_color_palette.webix_palette_classic {
  padding: 0;
}
.webix_color_row,
.webix_color_row div {
  line-height: 0;
  font-size: 0;
}
.webix_color_row div {
  display: inline-block;
  position: relative;
}
.webix_color_row div > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_color_row .webix_color_selected > * {
  border: 1px solid;
  border-color: #FFFFFF;
  border-radius: 2px;
  box-shadow: rgba(28, 161, 193, 0.6) 0 0 0 2px;
}
.webix_color_row .webix_color_selected:focus > * {
  box-shadow: #1CA1C1 0 0 0 2px;
}
.webix_palette_classic .webix_color_row .webix_color_selected > * {
  border: 2px solid #f3f3f3;
  border-radius: 0px;
  box-shadow: none;
}
.webix_palette_classic .webix_color_row .webix_color_selected:focus > * {
  box-shadow: inset 0 0 15px #fff;
}
.webix_palette_classic .webix_color_item {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.webix_palette_material .webix_color_item {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.webix_palette_material .webix_color_row > div {
  margin: 0 4px 4px 0;
}
.webix_color_area {
  width: 100%;
  height: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_color_block {
  position: relative;
  border-radius: 2px;
  margin: 12px 12px 14px;
}
.webix_color_block:before,
.webix_color_block:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.webix_color_block:before {
  background-image: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0));
  z-index: 2;
}
.webix_color_block:after {
  background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
  z-index: 1;
}
.webix_color_line {
  position: relative;
  height: 8px;
  margin: 0 12px;
  border-radius: 8px;
  background-image: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.webix_color_circle {
  width: 8px;
  height: 8px;
  margin: -6px 0 0 -6px;
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.webix_color_circle:focus,
.webix_color_area_active .webix_color_circle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 0 4px #FFFFFF;
}
.webix_color_line_circle {
  width: 12px;
  height: 12px;
  margin: -4px 0 0 -8px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: #12FF08;
}
.webix_color_line_circle:focus,
.webix_color_area_active .webix_color_line_circle {
  box-shadow: inset 0 0 8px #FFFFFF;
}
.webix_color_area_active .webix_color_circle,
.webix_color_area_active .webix_color_line_circle {
  pointer-events: none;
}
.webix_color_out_block,
.webix_color_out_text {
  height: 32px;
  float: left;
  border: 1px solid #CCD7E6;
  margin: 12px 0px 12px 12px;
  box-sizing: border-box;
}
.webix_color_out_text {
  color: #475466;
  font-size: 14px;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
  padding: 0px 12px;
}
.webix_color_out_text:focus {
  border: 1px solid #1CA1C1;
}
.webix_color_area .webix_button {
  width: calc(100% - 12px*2);
  height: 32px;
  margin: 0px 0px 12px 12px;
  box-sizing: border-box;
}
.webix_daterange .webix_view {
  background-color: #FFFFFF;
}
.webix_daterange .webix_range_0 .webix_cal_next_button,
.webix_daterange .webix_range_N .webix_cal_prev_button {
  visibility: hidden;
}
.webix_daterange .webix_range_1 .webix_cal_next_button,
.webix_daterange .webix_range_1 .webix_cal_prev_button {
  visibility: hidden;
}
.webix_daterange .webix_range_1 .webix_cal_next_button:hover,
.webix_daterange .webix_range_1 .webix_cal_prev_button:hover {
  cursor: default;
}
.webix_daterange .webix_range_left .webix_cal_next_button:hover,
.webix_daterange .webix_range_right .webix_cal_prev_button:hover {
  cursor: default;
}
.webix_cal_range {
  background-color: #ffffff;
}
.webix_cal_range_start {
  border-radius: 3px 0 0 3px;
}
.webix_cal_range_end {
  border-radius: 0 3px 3px 0;
}
.webix_cal_range_start,
.webix_cal_range_end,
.webix_cal_event.webix_cal_range_start,
.webix_cal_event.webix_cal_range_end,
.webix_cal_body .webix_cal_today.webix_cal_range_start,
.webix_cal_body .webix_cal_today.webix_cal_range_end {
  background-color: #F4F5F9;
  color: #475466;
}
.webix_cal_outside.webix_cal_range,
.webix_cal_body .webix_cal_outside.webix_cal_range_start,
.webix_cal_body .webix_cal_outside.webix_cal_range_end,
.webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_start,
.webix_cal_body .webix_cal_outside.webix_cal_today.webix_cal_range_end {
  background-color: transparent;
  color: #b1bbc8;
}
.webix_daterange .webix_cal_icons {
  text-align: right;
  padding: 0 4px;
}
.webix_daterange .webix_cal_icons .webix_cal_icon {
  border-top: 1px solid #DADEE0;
}
.webix_daterange .webix_cal_time {
  display: none;
}
.webix_daterange .webix_cal_timepicker .webix_range_time_start {
  display: block;
}
.webix_daterange .webix_range_timepicker .webix_cal_time {
  display: block;
  padding: 5px 15px;
}
.webix_daterange .webix_range_timepicker .webix_range_time_start {
  float: left;
}
.webix_daterange .webix_range_timepicker .webix_range_time_end {
  float: right;
}
.webix_daterange .webix_range_footer .webix_cal_footer {
  padding: 0;
}
.webix_timeboard .webix_slider_title {
  text-align: left;
  margin-left: 10px;
}
.webix_timeboard .webix_colon_template .webix_template {
  padding: 0;
  text-align: center;
  line-height: 100%;
  font-size: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_timeboard .webix_day_part .webix_el_box {
  padding-left: 6px;
  color: #1CA1C1;
  cursor: pointer;
  user-select: none;
}
.webix_timeboard .webix_day_part .webix_el_box:hover,
.webix_timeboard .webix_day_part .webix_el_box:focus {
  color: #17839d;
}
.webix_drag_zone {
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
  pointer-events: none;
}
.webix_drag_zone .webix_tree_item {
  padding: 0 8px;
}
.webix_drag_zone .webix_tree_item .webix_tree_open,
.webix_drag_zone .webix_tree_item .webix_tree_close,
.webix_drag_zone .webix_tree_item .webix_tree_none {
  display: none;
}
.webix_drag_over,
.webix_drop_zone {
  background-color: #e6e6e6;
}
.webix_drag_main {
  position: relative;
  background-color: #FFFFFF;
}
.webix_drag_main .webix_tree_item,
.webix_drag_main .webix_list_item,
.webix_drag_main .webix_dataview_item {
  border: 1px solid #EDEFF0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_drag_multiple,
.webix_drag_multiple_last {
  height: 100%;
  width: 100%;
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #EDEFF0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.webix_drag_multiple {
  bottom: 8px;
  left: 8px;
}
.webix_drag_multiple_last {
  bottom: 16px;
  left: 16px;
}
.webix_drag_zone > .webix_badge {
  top: -14px;
  right: -14px;
}
.webix_invisible {
  display: none !important;
}
.webix_drop_area,
.webix_drop_area_inner {
  height: 36px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1f2f7;
}
.webix_list-x .webix_drop_area {
  display: inline-block;
  border-right: 1px solid #EDEFF0;
}
.webix_tree .webix_drop_area {
  height: 24px;
}
.webix_list .webix_drop_area {
  border-bottom: 1px solid #EDEFF0;
}
.webix_dataview .webix_drop_area {
  float: left;
  background-color: transparent;
}
.webix_dataview .webix_drop_area_inner {
  border-right: 1px solid #EDEFF0;
  border-bottom: 1px solid #EDEFF0;
}
.webix_vscroll_x {
  height: 0px;
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
.webix_vscroll_y {
  width: 0px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.webix_vscroll_body {
  width: 16px;
  height: 16px;
}
.webix_scroll_x {
  width: 50px;
  height: 4px !important;
  left: 1px;
  bottom: 3px;
  background-color: silver;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_scroll_y {
  width: 4px !important;
  height: 50px;
  top: 1px;
  right: 3px;
  background-color: silver;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_c_scroll_y {
  position: absolute;
  z-index: 3;
  width: 10px;
  right: 0px;
}
.webix_c_scroll_y > div {
  -moz-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  -webkit-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  -o-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  -ms-transition: width 0.3s 0.2s, margin 0.3s 0.2s;
  width: 4px;
  height: 100%;
  background-color: silver;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin: 0px 3px;
}
.webix_c_scroll_y:hover > div,
.webix_c_scroll_y.webix_scroll_active div {
  width: 10px;
  margin: 0px;
}
.webix_c_scroll_x {
  position: absolute;
  z-index: 3;
  height: 10px;
  bottom: 0px;
}
.webix_c_scroll_x > div {
  -moz-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  -webkit-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  -o-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  -ms-transition: height 0.3s 0.2s, margin 0.3s 0.2s;
  height: 4px;
  width: 100%;
  background-color: silver;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin: 3px 0px;
}
.webix_c_scroll_x:hover > div,
.webix_c_scroll_x.webix_scroll_active div {
  height: 10px;
  margin: 0px;
}
.webix_c_scroll_bar_y,
.webix_c_scroll_bar_x {
  position: absolute;
  background: rgba(0, 0, 0, 0.05);
}
.webix_c_scroll_bar_y {
  height: 100%;
  width: 10px;
  right: 0px;
}
.webix_c_scroll_bar_x {
  width: 100%;
  height: 10px;
  bottom: 0px;
}
.webix_scroll_cont {
  width: 100%;
  height: auto;
  clear: both;
  position: relative;
}
.webix_scroll_touch_ie {
  touch-action: none;
}
.webix_secondary .webix_button {
  background: #F4F5F9;
  color: #1CA1C1;
}
.webix_secondary .webix_button:hover {
  background-color: #e7e9f2;
}
.webix_secondary .webix_button:focus {
  background-color: #e7e9f2;
}
.webix_secondary .webix_button:active {
  background-color: #daddeb;
}
.webix_secondary .webix_button .webix_icon,
.webix_secondary .webix_button .webix_img_btn_text,
.webix_secondary .webix_button .webix_icon_btn {
  color: #1CA1C1;
}
.webix_secondary .webix_pressed .webix_button {
  background-color: #daddeb;
}
.webix_primary .webix_button {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_primary .webix_button:hover {
  background-color: #1992af;
}
.webix_primary .webix_button:focus {
  background-color: #1992af;
}
.webix_primary .webix_button:active {
  background-color: #17839d;
}
.webix_primary .webix_button .webix_icon,
.webix_primary .webix_button .webix_img_btn_text,
.webix_primary .webix_button .webix_icon_btn {
  color: #FFFFFF;
}
.webix_primary .webix_pressed .webix_button {
  background-color: #17839d;
}
.webix_danger .webix_button {
  background: #FF5C4C;
  color: #ffffff;
}
.webix_danger .webix_button:hover {
  background-color: #ff4938;
}
.webix_danger .webix_button:focus {
  background-color: #ff4938;
}
.webix_danger .webix_button:active {
  background-color: #ff3723;
}
.webix_danger .webix_button .webix_icon,
.webix_danger .webix_button .webix_img_btn_text,
.webix_danger .webix_button .webix_icon_btn {
  color: #ffffff;
}
.webix_danger .webix_pressed .webix_button {
  background-color: #ff3723;
}
.webix_transparent .webix_button {
  color: #475466;
  background: transparent;
  border: none;
}
.webix_transparent .webix_button .webix_img_btn_text {
  color: #475466;
}
.webix_transparent .webix_button .webix_icon,
.webix_transparent .webix_button .webix_icon_btn {
  color: #94A1B3;
}
.webix_transparent .webix_button:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.webix_transparent .webix_button:focus {
  background-color: rgba(0, 0, 0, 0.04);
}
.webix_transparent .webix_button:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.webix_transparent .webix_pressed .webix_button {
  background-color: rgba(0, 0, 0, 0.05);
}
.webix_button,
.webixbutton {
  border-radius: 2px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
  outline: none;
  -webkit-appearance: none;
  padding: 0 6px;
}
.webix_el_button .webix_el_box,
.webix_el_toggle .webix_el_box {
  position: relative;
}
.webix_img_btn,
.webix_img_btn_top {
  vertical-align: top;
  border: none;
  width: 100%;
  padding: 0;
}
.webix_img_btn .webix_icon {
  color: #1CA1C1;
  margin-right: 4px;
}
.webix_img_btn_top .webix_icon,
.webix_img_btn_top .webix_image {
  font-size: 20px;
  position: absolute;
  top: 8px;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.webix_img_btn .webix_image {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.webix_img_btn_text {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  color: #1CA1C1;
}
.webix_pressed .webix_button {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.webix_view.webix_control .webix_disabled_box .webix_button {
  color: #94A1B3;
  background: #f4f5f9;
  border-color: #f4f5f9;
  text-shadow: none;
}
.webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: #94A1B3;
}
.webix_view.webix_control .webix_disabled_box .webix_image {
  opacity: 0.4;
}
.webix_disabled_view.webix_control .webix_icon_btn,
.webix_disabled_view.webix_control .webix_icon {
  color: #94A1B3;
}
.webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: #94A1B3;
}
.webixbutton {
  width: auto;
  height: auto;
  padding: 8px 15px;
}
.webix_richtext_editor {
  height: 100%;
}
.webix_template .webix_richtext_editor:focus {
  outline: none;
}
.webix_richtext_container .webix_template {
  padding: 10px;
  overflow-x: auto;
  border: solid #DADEE0;
  border-width: 0px 1px 1px;
  border-radius: 0px 0px 6px 6px;
}
.webix_richtext_inp_label .webix_template {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #475466;
  text-transform: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  padding-top: 1px;
  padding-left: 0;
  padding-right: 9px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
  padding-right: 8px;
  margin-bottom: 0px;
  padding-top: 10px;
  float: none;
}
.webix_richtext .wxi-underline,
.webix_richtext .wxi-italic,
.webix_richtext .wxi-bold {
  vertical-align: sub;
  font-size: 24px;
  width: 24px;
}
.webix_control {
  background: transparent;
}
.webix_control input,
.webix_control button,
.webix_control textarea,
.webix_el_label,
.webix_inp_label,
.webix_inp_top_label,
.webix_inp_bottom_label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}
.webix_el_box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 2px;
  height: 100%;
  width: 100%;
  font-size: 14px;
  overflow: hidden;
}
.webixtoolbarlabel {
  font-size: 16px;
}
.webix_el_text input,
.webix_el_search input,
.webix_el_combo input,
.webix_el_datepicker input,
.webix_el_colorpicker input {
  font-size: 14px;
  height: 100%;
  padding: 0px 12px;
  border: 1px solid #DADEE0;
  color: #475466;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
  -webkit-appearance: none;
  border-radius: 0;
}
.webix_multitext_icon:hover,
.webix_multitext_icon:active {
  color: #1CA1C1;
  background: inherit;
  cursor: pointer;
}
.webix_inp_label,
.webix_inp_top_label,
.webix_label_right {
  color: #475466;
  text-transform: none;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*.webix_toolbar .webix_inp_label{
	padding-top:(@inputHeight - 11 )/2;
}*/
.webix_inp_label {
  float: left;
  padding-top: 1px;
  padding-left: 0;
  padding-right: 9px;
}
.webix_inp_top_label {
  float: none;
  padding: 3px 2px;
  padding-bottom: 0px;
}
.webix_inp_bottom_label {
  font-size: 12px;
  color: #516075;
}
.webix_label_right {
  padding-left: 9px;
}
.webix_el_checkbox .webix_label_right {
  display: inline-block;
  padding-top: 1px;
}
.webix_el_label {
  color: #475466;
}
.webix_toolbar .webix_el_label {
  text-transform: none;
}
.webix_el_select select {
  height: 100%;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  border: 1px solid #DADEE0;
}
body:not(:-moz-handler-blocked) .webix_el_select select {
  padding: 0.2em;
}
.webix_el_group,
.webix_all_segments {
  height: 100%;
  white-space: nowrap;
}
.webix_inp_counter_next,
.webix_inp_counter_prev,
.webix_inp_counter_value {
  border: 1px solid #DADEE0;
  cursor: pointer;
  -webkit-appearance: none;
  width: 20px;
  height: 100%;
  vertical-align: top;
}
.webix_inp_counter_value {
  font-size: 14px;
  width: 50px;
  color: #475466;
  text-align: center;
  border-left-width: 0px;
  border-right-width: 0px;
  -webkit-appearance: none;
  border-radius: 0;
}
/*body:not(:-moz-handler-blocked) .webix_inp_counter_value{
	 position:relative; top:-1px;
}*/
.webix_inp_counter_prev {
  padding: 0;
  background: #F4F5F9;
  color: #1CA1C1;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.webix_inp_counter_prev:hover {
  background-color: #e7e9f2;
}
.webix_inp_counter_prev:focus {
  background-color: #e7e9f2;
}
.webix_inp_counter_prev:active {
  background-color: #daddeb;
}
.webix_inp_counter_next {
  padding: 0;
  background: #F4F5F9;
  color: #1CA1C1;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.webix_inp_counter_next:hover {
  background-color: #e7e9f2;
}
.webix_inp_counter_next:focus {
  background-color: #e7e9f2;
}
.webix_inp_counter_next:active {
  background-color: #daddeb;
}
.webix_el_textarea textarea {
  border: 1px solid #DADEE0;
  height: 100%;
  margin: 0;
  padding: 5px;
  color: #475466;
  resize: none;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  padding-left: 12px;
  padding-right: 12px;
}
.webix_el_textarea .webix_inp_label {
  padding-top: 10px;
}
.webix_segment_0,
.webix_segment_1 {
  border: 1px solid #DADEE0;
  border-right-width: 0px;
  height: 100%;
}
.webix_segment_0 {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.webix_segment_N {
  border: 1px solid #DADEE0;
  height: 100%;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.webix_segment_N:first-child {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.webix_segment_0,
.webix_segment_1,
.webix_segment_N {
  -webkit-appearance: none;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  outline: none;
  background: #F4F5F9;
  color: #1CA1C1;
  cursor: pointer;
  padding: 0;
}
.webix_segment_0:hover,
.webix_segment_1:hover,
.webix_segment_N:hover {
  background-color: #e7e9f2;
}
.webix_segment_0:focus,
.webix_segment_1:focus,
.webix_segment_N:focus {
  background-color: #e7e9f2;
}
.webix_segment_0:active,
.webix_segment_1:active,
.webix_segment_N:active {
  background-color: #daddeb;
}
.webix_segment_0.webix_selected,
.webix_segment_1.webix_selected,
.webix_segment_N.webix_selected {
  color: #475466;
  background: #F4F5F9;
  border-color: #1CA1C1;
  background-color: #1CA1C1;
  color: #FFFFFF;
}
.webix_segment_0.webix_selected:focus,
.webix_segment_1.webix_selected:focus,
.webix_segment_N.webix_selected:focus {
  background: #edeff5;
}
.webix_segment_0.webix_disabled,
.webix_segment_1.webix_disabled,
.webix_segment_N.webix_disabled {
  color: #94A1B3;
  background-color: #fbfbfd;
  border-color: transparent;
  cursor: not-allowed;
}
.webix_segment_0.webix_disabled:hover,
.webix_segment_1.webix_disabled:hover,
.webix_segment_N.webix_disabled:hover,
.webix_segment_0.webix_disabled:focus,
.webix_segment_1.webix_disabled:focus,
.webix_segment_N.webix_disabled:focus,
.webix_segment_0.webix_disabled:active,
.webix_segment_1.webix_disabled:active,
.webix_segment_N.webix_disabled:active,
.webix_segment_0.webix_disabled.webix_selected,
.webix_segment_1.webix_disabled.webix_selected,
.webix_segment_N.webix_disabled.webix_selected,
.webix_segment_0.webix_disabled.webix_selected:hover,
.webix_segment_1.webix_disabled.webix_selected:hover,
.webix_segment_N.webix_disabled.webix_selected:hover {
  background-color: #fbfbfd;
}
.webix_inp_static {
  border: 1px solid #DADEE0;
  background: white;
  overflow: hidden;
  padding: 0px 12px;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.webix_placeholder {
  color: #94A1B3;
}
::-webkit-input-placeholder {
  color: #94A1B3;
}
::-moz-placeholder {
  color: #94A1B3;
}
/* Firefox 19+ */
:-moz-placeholder {
  color: #94A1B3;
}
/* Firefox 18- */
:-ms-input-placeholder {
  color: #94A1B3;
}
.webix_el_combo,
.webix_el_richselect,
.webix_el_datepicker,
.webix_el_colorpicker,
.webix_el_search {
  font-size: 14px;
}
.webix_el_combo input,
.webix_el_richselect input,
.webix_el_datepicker input,
.webix_el_colorpicker input,
.webix_el_search input,
.webix_el_combo .webix_inp_static,
.webix_el_richselect .webix_inp_static,
.webix_el_datepicker .webix_inp_static,
.webix_el_colorpicker .webix_inp_static,
.webix_el_search .webix_inp_static {
  color: #475466;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
  -webkit-appearance: none;
}
.webix_el_combo .webix_el_box,
.webix_el_richselect .webix_el_box,
.webix_el_datepicker .webix_el_box,
.webix_el_colorpicker .webix_el_box,
.webix_el_search .webix_el_box,
.webix_el_text .webix_el_box,
.webix_el_texthighlight .webix_el_box {
  color: #475466;
  position: relative;
}
.webix_el_combo .webix_input_icon,
.webix_el_richselect .webix_input_icon,
.webix_el_datepicker .webix_input_icon,
.webix_el_colorpicker .webix_input_icon,
.webix_el_search .webix_input_icon,
.webix_el_text .webix_input_icon,
.webix_el_texthighlight .webix_input_icon {
  background-color: transparent;
  position: absolute;
  z-index: 1;
  padding-left: 4px;
  width: 24px;
}
.webix_clear_icon:hover {
  color: #FF5C4C;
  cursor: pointer;
}
.webix_clear_icon:hover::before {
  content: "\F011";
  font-family: "Webix Material Icons";
}
.webix_view input::-ms-clear {
  display: none;
}
/*Remove button padding in FF*/
.webix_view button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.webix_el_radio .webix_inp_label {
  line-height: normal !important;
  padding-top: 7px;
}
.webix_inp_radio_border input,
.webix_el_checkbox input {
  margin: 0px;
  padding: 0px;
  float: left;
}
.webix_line_break {
  clear: both;
}
.webix_custom_checkbox,
.webix_custom_radio {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_radio_option.webix_disabled .webix_label_right,
.webix_radio_option.webix_disabled .webix_inp_radio_border {
  color: #94A1B3;
  cursor: not-allowed;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_el_radio .webix_radio_option.webix_disabled .webix_custom_radio {
  color: #94A1B3;
  cursor: not-allowed;
}
.webix_radio_option {
  display: table;
  float: left;
  height: 32px;
  margin-right: 20px;
}
.webix_inp_radio_border,
.webix_el_radio .webix_label_right {
  display: table-cell;
  vertical-align: middle;
}
.webix_invalid .webix_el_box input,
.webix_invalid .webix_custom_radio,
.webix_invalid .webix_el_box .webix_inp_static,
.webix_invalid .webix_el_box select,
.webix_invalid .webix_el_box textarea,
input.webix_invalid,
select.webix_invalid,
textarea.webix_invalid {
  background-color: #fff6f6;
  border-color: #fea5a8;
}
.webix_invalid .webix_inp_bottom_label {
  font-size: 12px;
  color: #fd595f;
}
.webix_el_colorpicker .webix_input_icon {
  padding-left: 0;
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
.webix_el_search .webix_el_box {
  position: relative;
}
.webix_el_search input {
  padding-right: 30px;
}
.webix_el_search span {
  position: absolute;
  right: 19px;
  cursor: pointer;
  padding-left: 7px;
}
.webix_view.webix_control > .webix_disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
}
.webix_disabled_view.webix_control .webix_image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.webix_el_label.webix_disabled_view {
  color: #94A1B3;
}
.webix_view.webix_control .webix_disabled_box label,
.webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_view.webix_control .webix_disabled_box button,
.webix_view.webix_control .webix_disabled_box .webix_slider_title {
  color: #94A1B3;
}
.webix_view.webix_control .webix_disabled_box input,
.webix_view.webix_control .webix_disabled_box select,
.webix_view.webix_control .webix_disabled_box textarea,
.webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_view.webix_control .webix_disabled_box .webix_slider_right,
.webix_view.webix_control .webix_disabled_box .webix_slider_handle {
  color: #94A1B3;
  background: #fbfbfd;
  border-color: #EDEFF0;
}
.webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_view.webix_control .webix_disabled_box .webix_inp_counter_next,
.webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_view.webix_control .webix_disabled_box .webix_segment_N {
  color: #94A1B3;
  background: #f4f5f9;
  border-color: #f4f5f9;
  text-shadow: none;
}
.webix_view.webix_control .webix_disabled_box .webix_slider_left {
  background-color: #94A1B3;
}
.webix_disabled_top_label {
  color: #94A1B3;
}
label.webix_required:after,
legend.webix_required:after,
.webix_richtext_inp_label.webix_required .webix_template:after {
  padding-left: 4px;
  content: "*";
  color: red;
}
.webix_multicombo .webix_inp_static {
  padding: 0 3px 0 0;
}
.webix_el_text .webix_multicombo_input {
  background-color: transparent;
  border: 0;
  float: left;
  vertical-align: middle;
  font-size: 14px;
  padding: 0px;
  color: #475466;
  font-family: Roboto, sans-serif;
  margin-left: 9px;
}
.webix_el_text .webix_multicombo_input:focus {
  border: 0;
  box-shadow: none;
}
.webix_multicombo_listbox {
  width: auto;
  line-height: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.webix_multicombo_value,
.webix_multicombo_tag {
  float: left;
  position: relative;
  background-color: #f2f2f2;
  display: inline-block;
  margin: 3px 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_multicombo_value {
  padding: 0 20px 0 5px;
}
.webix_multicombo_tag {
  min-width: 15px;
  text-align: center;
}
.webix_multicombo_tag,
.webix_multicombo_value.webix_readonly {
  padding: 0 5px 0 5px;
}
.webix_multicombo_delete {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -8px;
  font-size: 16px;
  height: 16px;
  line-height: 1;
  color: #475466;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_multicombo_delete::after {
  content: "\F011";
  font-family: "Webix Material Icons";
}
.webix_multilist .webix_list_item {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.webix_multilist .webix_selected {
  background: #f2f2f2;
  color: #475466;
}
.webix_multilist .wxi-checkbox-marked,
.webix_multilist .wxi-checkbox-blank {
  vertical-align: middle;
  font-size: 24px;
  width: 24px;
  margin-right: 4px;
}
.webix_checksuggest_select_all {
  border: none;
  border-bottom: 1px solid #ebebeb;
  border-color: #ebebeb;
  margin-bottom: 1px;
}
.webix_checksuggest_select_all .webix_label_right {
  text-transform: capitalize;
  display: block;
  padding-top: 2px;
  padding-bottom: 4px;
}
.webix_checksuggest_select_all input {
  display: none;
}
.webix_checksuggest_select_all:hover .webix_label_right {
  cursor: pointer;
  color: #F4F5F9;
}
.webix_el_texthighlight {
  position: relative;
}
.webix_el_texthighlight.webix_el_text .webix_text_highlight_value {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  overflow: hidden;
  white-space: pre;
}
.webix_el_texthighlight.webix_el_text input,
.webix_el_texthighlight.webix_el_text .webix_text_highlight {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0 12px;
}
.webix_el_texthighlight.webix_el_text .webix_input_icon {
  top: 3px;
}
.webix_el_texthighlight.webix_el_textarea textarea {
  padding: 5px 12px;
}
.webix_el_texthighlight.webix_el_textarea .webix_text_highlight_value {
  word-wrap: break-word;
  margin: 5px 12px;
  white-space: pre-wrap;
}
.webix_el_texthighlight .webix_text_highlight,
.webix_el_texthighlight input,
.webix_el_texthighlight textarea {
  line-height: normal;
  letter-spacing: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_el_texthighlight .webix_text_highlight {
  -webkit-text-size-adjust: none;
  height: 100%;
  position: absolute;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: #fff;
  overflow: auto;
}
.webix_el_texthighlight .webix_text_highlight .webix_text_highlight_value {
  text-align: left;
}
.webix_el_texthighlight.webix_control .webix_el_box input,
.webix_el_texthighlight.webix_control .webix_el_box textarea {
  display: block;
  position: relative;
  z-index: 1;
  color: transparent;
  caret-color: #475466;
  background: transparent;
  overflow: auto;
  resize: none;
}
.webix_el_tabbar {
  background: transparent;
}
.webix_all_tabs {
  height: 100%;
  display: table;
}
.webix_tab_filler {
  display: table-cell;
  background: transparent;
  font-size: 1px;
  border-bottom: 1px solid #DADEE0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_tab_filler:first-child {
  border-right: 1px solid #DADEE0;
}
.webix_item_tab:first-child {
  border-left: 1px solid #DADEE0;
}
.webix_item_tab {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #DADEE0;
  border-left-width: 0px;
  background: #FFFFFF;
  color: #1CA1C1;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webixtype_bottom .webix_item_tab {
  border-radius: 0;
}
.webix_item_tab.webix_selected {
  border-bottom-width: 0px;
  background: #FFFFFF;
  color: #1CA1C1;
}
.webixtype_bottom .webix_item_tab.webix_selected {
  border-bottom-width: 1px;
}
.webix_before_all_tabs {
  width: 100%;
}
.webix_after_all_tabs {
  width: 100%;
  border-left: 1px solid #DADEE0;
  border-right: 1px solid #DADEE0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: #94A1B3;
  background: #f4f5f9;
  border-color: #f4f5f9;
  text-shadow: none;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 3px;
}
.webix_el_tabbar .webixtype_icon .webix_item_tab,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab,
.webix_el_tabbar .webixtype_image .webix_item_tab {
  padding: 3px 0;
  border-radius: 0;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn_top,
.webix_el_tabbar .webixtype_iconTop .webix_img_btn_top,
.webix_el_tabbar .webixtype_image .webix_img_btn_top {
  background-position: center 0;
  position: relative;
  height: 100%;
}
.webix_tab_more_icon {
  cursor: pointer;
  display: table-cell;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 3px;
}
.webix_tab_more_icon .webix_icon {
  width: 100%;
}
.webix_tab_list .webix_list_item:last-child {
  border-bottom: none;
}
.webix_icon.webix_tab_close {
  font-size: 12px;
  float: right;
  padding: 4px;
  margin-top: -4px;
}
.webix_icon.webix_tab_close:focus {
  color: #FF5C4C;
}
.webix_all_tabs .webix_item_tab.webix_disabled {
  color: #94A1B3;
  background-color: #fbfbfd;
  border-color: transparent;
  cursor: not-allowed;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.webix_all_tabs .webix_item_tab.webix_disabled:hover,
.webix_all_tabs .webix_item_tab.webix_disabled.webix_selected,
.webix_all_tabs .webix_item_tab.webix_disabled.webix_selected:hover {
  color: #94A1B3;
  background-color: #fbfbfd;
  border-color: transparent;
}
.webix_menu .webix_list_item:hover,
.webix_menu-x .webix_list_item:hover,
.webix_menu .webix_list_item:active,
.webix_menu-x .webix_list_item:active,
.webix_menu .webix_list_item:focus,
.webix_menu-x .webix_list_item:focus {
  background: rgba(100, 100, 100, 0.1);
}
.webix_menu .webix_list_item,
.webix_menu-x .webix_list_item {
  border: none;
  text-decoration: none;
  background: #FFFFFF;
  height: 36px;
}
.webix_menu .webix_list_item .webix_submenu_icon,
.webix_menu-x .webix_list_item .webix_submenu_icon {
  float: right;
  text-align: right;
  position: relative;
  margin-left: 4px;
}
.webix_menu-x {
  border-color: transparent;
  background: transparent;
  color: #FFFFFF;
}
.webix_menu-x .webix_list_item:first-child {
  margin-left: 0px;
}
.webix_menu-x .webix_submenu_icon {
  top: 14px;
}
.webix_menu-x .webix_list_item {
  display: inline-block;
  line-height: 32px;
}
.webix_menu-x .webix_list_item {
  border-right: 1px solid #fff;
  border-left: 0px;
  background: #1CA1C1;
  color: #fff;
  font-size: 14px;
}
.webix_menu-x .webix_list_item .webix_submenu_icon:before {
  content: '\F001';
}
.webix_menu-x .webix_list_item .webix_icon_btn {
  color: #fff;
  text-align: left;
}
.webix_menu-x .webix_list_item.webix_selected {
  box-shadow: none;
}
.webix_menu-x .webix_list_item:hover,
.webix_menu-x .webix_list_item:active,
.webix_menu-x .webix_list_item:focus {
  background-color: #1992af;
}
.webix_menu-x .webix_list_item:first-child {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.webix_menu-x .webix_list_item:last-child {
  border-right: none;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.webix_menu-x .webix_list_item.webix_disabled {
  color: #94A1B3;
  background-color: #fbfbfd;
}
.webix_menu-x.webix_disabled_view .webix_disabled {
  background-color: transparent;
}
.webix_menu-x.webix_disabled_view .webix_list_item.menu {
  color: #94A1B3;
  background: #f4f5f9;
}
/* Submenu */
.webix_menu {
  background: #FFFFFF;
  border: 1px solid #DADEE0;
  border-radius: 0px;
}
.webix_menu .webix_list_item {
  display: block;
}
.webix_menu .webix_context_separator {
  height: 3px;
  padding: 1px 3px 0 3px;
}
.webix_menu .webix_context_separator .sep_line {
  height: 1px;
  border-top: 1px solid #DADEE0;
}
.webix_menu .webix_submenu_icon {
  top: 12px;
}
.webix_menu .webix_context_spacer {
  height: 36px;
}
.webix_menu_link {
  color: inherit;
  text-decoration: none;
  display: block;
  height: 100%;
}
/* Toolbar */
.webix_toolbar.webix_layout_subbar .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.webix_toolbar.webix_layout_subbar.webix_dark {
  background: #657584;
  border-color: #657584;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_button,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_label .webix_el_box,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_label,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_top_label,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_icon,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_icon,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_img_btn_text,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_img_btn_text,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary .webix_icon_btn,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_secondary button:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_menu-x .webix_list_item:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_next:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_counter_prev:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_0:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_1:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static,
.webix_toolbar.webix_layout_subbar.webix_dark input[type=text],
.webix_toolbar.webix_layout_subbar.webix_dark input[type=combo],
.webix_toolbar.webix_layout_subbar.webix_dark input[type=datepicker],
.webix_toolbar.webix_layout_subbar.webix_dark textarea,
.webix_toolbar.webix_layout_subbar.webix_dark select,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_texthighlight input,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.webix_toolbar.webix_layout_subbar.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_multicombo_value,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_inp_static:focus,
.webix_toolbar.webix_layout_subbar.webix_dark input[type=text]:focus,
.webix_toolbar.webix_layout_subbar.webix_dark input[type=combo]:focus,
.webix_toolbar.webix_layout_subbar.webix_dark input[type=datepicker]:focus,
.webix_toolbar.webix_layout_subbar.webix_dark textarea:focus,
.webix_toolbar.webix_layout_subbar.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:hover,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_0:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_1:active,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_el_icon,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_checkbox,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_checkbox:focus,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box input,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box select,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box textarea,
.webix_toolbar.webix_layout_subbar.webix_dark input.webix_invalid,
.webix_toolbar.webix_layout_subbar.webix_dark select.webix_invalid,
.webix_toolbar.webix_layout_subbar.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_multicombo_value,
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.webix_toolbar.webix_layout_subbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
.webix_toolbar .webix_layout_line,
.webix_toolbar .webix_layout_clean {
  background: transparent;
}
.webix_hidden_upload,
.webix_el_button .webix_hidden_upload {
  height: 1px;
  width: 1px;
  border: 0 !important;
  font-size: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  opacity: 0;
}
.webix_upload_client,
.webix_upload_error,
.webix_upload_server {
  width: 60px;
  text-align: center;
  float: right;
}
.error_icon,
.cancel_icon {
  display: inline-block;
  background-repeat: no-repeat;
}
.error_icon {
  width: 18px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFMDdENjlDNjE2QzExRTI5QzhBQUU2OUI3RDY4RTFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFMDdENjlENjE2QzExRTI5QzhBQUU2OUI3RDY4RTFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkUwN0Q2OUE2MTZDMTFFMjlDOEFBRTY5QjdENjhFMUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkUwN0Q2OUI2MTZDMTFFMjlDOEFBRTY5QjdENjhFMUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZJnE7AAABdklEQVR42mK80aLPgAcwA/EcIOYB4mgg/oWuQL36AphmYcAPYvl5WBOYmBgY3n/6fQTIn4hLIRMeQ0CuaBHgY2EQ4GMF8euAWIgcg6qF+NmkOdiZGdhYmRiEBdhAhrSQapAKEBcJC7DCBUQE2UBUGhAbkGLQBDEhdjYmJkaGtHVMDD4LmBk+/2RgEBdhBwX+ZGINcuLiZPYW5Ie45tknRrAhIFqAl5WBh4vFBijsR8ggkI29IA0wwMsOo/+DaWjA9wIxGz6D0oAKDXi5EalCkvc/2DApPgifm5OZQZCPFRyGuAwCxwqya0AAZADMVTAgyA92TDUQS2MzqAUUxcAgRjPoP9hVyICVhREUi6B01g4TY4RmES0gvqSuyMPMQAK4ef/LXyBlAswmF2DWd4kJs2M1pGgLIvrRAXJyAIWqNzcXi7cgHysDqQAUnt9//LW52WoQBfLaDRlxDnWgYQzkAKBBDI+ef38E0n3nycsf6gyUgUcAAQYA9DZJKVXGocQAAAAASUVORK5CYII=");
}
.webix_upload_server {
  color: green;
}
.webix_remove_upload {
  float: right;
}
.cancel_icon {
  margin-top: 9px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAsElEQVR4XoVQUQbDQBScAywIuUcpKCWglBJCDlBKf0vpbymhd5mDhIDcoAcoJQSEsn2G5KmWzMDsPG92ZyGAgVfWfBtrUwEOZnwwOu2UjaPCbScLAEzYmzxyxafMgaUlRXMTsJJ1B7jgy0Y7gHt5FdgyimeAS+a6ZpDTQkLkCQbmk9OBHaPv+p6x99jLFFuOsTMPSlXl8FVlrSopFBP/sIQAbn6+bwsHA29sNGhMBQgf1cri4JYEbDkAAAAASUVORK5CYII=");
}
.webix_upload_flash {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.webix_drop_file {
  background: #f4f4f4;
  position: relative;
}
.webix_drop_file::before {
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
.webix_fieldset > fieldset {
  border: 1px solid #DADEE0;
  margin: 0px;
  padding: 5px 8px;
}
.webix_fieldset_label {
  color: #475466;
  font-size: 12px;
  padding: 0px 8px;
  text-transform: uppercase;
}
.webix_forminput > fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}
.webix_forminput_label {
  color: #475466;
  font-family: Roboto, sans-serif;
  float: left;
  line-height: 32px;
  padding: 3px 2px;
  padding-right: 9px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
legend.webix_forminput_label_top {
  width: 100%;
  padding: 3px 2px 0;
}
.webix_slider_box {
  position: relative;
  padding: 0px 10px;
  height: 100%;
  float: left;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -11px;
  padding-top: 15px;
}
.webix_slider_box .webix_slider_left {
  height: 10px;
  float: left;
  width: 100px;
  background: #cbeff7;
  border: 1px solid #e8eaec;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_slider_box .webix_slider_right {
  height: 10px;
  float: left;
  width: 100px;
  background: #fff;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #e8eaec;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_slider_box .webix_slider_handle {
  z-index: 1;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 12px;
  border-radius: 8px;
}
.webix_slider_box .webix_slider_handle:focus {
  border-color: #1CA1C1;
}
.webix_slider_box .webix_slider_left {
  height: 6px;
  border: 1px solid #CCD7E6;
  background: #1CA1C1;
}
.webix_slider_box .webix_slider_right {
  height: 6px;
  border-color: #CCD7E6;
}
.webix_slider_box .webix_slider_handle {
  width: 14px;
  height: 14px;
  border: 1px solid #CCD7E6;
  background-color: #FFFFFF;
  top: 10px;
}
.webix_rangeslider .webix_slider_box .webix_slider_left {
  position: absolute;
}
.webix_rangeslider .webix_slider_box .webix_slider_active {
  z-index: 2;
}
.webix_rangeslider .webix_slider_box .webix_slider_right {
  border-radius: 5px;
}
.webix_rangeslider .webix_slider_title_box {
  position: relative;
  float: left;
  height: 18px;
  width: 1px;
}
.webix_rangeslider .webix_slider_title.webix_slider_move {
  position: absolute;
}
.webix_rangeslider.webix_slider_vertical .webix_slider_box .webix_slider_right {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.webix_rangeslider.webix_slider_vertical .webix_slider_title.webix_slider_move {
  display: block;
  position: relative;
}
.webix_slider_alt .webix_slider_box .webix_slider_left {
  border: 1px solid #e1e1e1;
}
.webix_slider_alt .webix_slider_box .webix_slider_right {
  border: 1px solid #e1e1e1;
}
.webix_slider_alt .webix_slider_box .webix_slider_handle {
  width: 11px;
  margin: 0 2px;
  height: 14px;
  top: 12px;
  border-radius: 2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJCMjdFNENBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJCMjdFNERBRTg4MTFFMjk2NjJGMTJENjkyNDA2NTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkIyN0U0QUFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkIyN0U0QkFFODgxMUUyOTY2MkYxMkQ2OTI0MDY1OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Powz/icAAAAaSURBVHjaYmBgYDBjgAA4zcSABQysIECAAQBn+ACx2PqtbAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: 3px center;
}
.webix_slider_alt .webix_slider_box .webix_slider_handle:focus {
  border-color: #1CA1C1;
}
.webix_slider_alt .webix_slider_box .webix_slider_left {
  border: 1px solid #CCD7E6;
  background: #1CA1C1;
}
.webix_slider_alt .webix_slider_box .webix_slider_right {
  border-color: #CCD7E6;
}
.webix_slider_alt .webix_slider_box .webix_slider_handle {
  background-color: #FFFFFF;
  border: 1px solid #CCD7E6;
  top: 10px;
}
.webix_slider_vertical .webix_slider_box .webix_slider_left,
.webix_slider_vertical .webix_slider_box .webix_slider_right {
  width: 10px;
  float: none;
}
.webix_slider_vertical .webix_slider_box .webix_slider_left {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
}
.webix_slider_vertical .webix_slider_box .webix_slider_right {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
}
.webix_slider_vertical .webix_slider_box .webix_slider_handle {
  left: 7px;
}
.webix_slider_vertical .webix_slider_title {
  padding-top: 1px;
  text-align: left;
}
.webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  height: 11px;
  width: 14px;
  left: 5px;
  background-position: 4px center;
}
.webix_slider_title {
  text-align: center;
}
.webix_slider_title.webix_slider_move {
  position: relative;
  text-align: left;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
.webix_switch_toggle {
  position: absolute;
  visibility: hidden;
}
.webix_switch_box {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #DADEE0;
  border-radius: 60px;
  box-sizing: border-box;
  transition: background-color 0.4s ease;
  color: #666;
  text-align: center;
  float: left;
}
.webix_el_switch .webix_label_right {
  display: block;
  padding-top: 3px;
  margin-top: 4px;
}
.webix_switch_handle {
  height: 22px;
  width: 22px;
  border-radius: 100%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #eee;
  position: absolute;
  top: 0px;
  background-color: #fff;
  transition: left 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
}
.webix_switch_handle:focus,
.webix_switch_box:active .webix_switch_handle {
  box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.webix_switch_text {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 1px 0 0 18px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.webix_switch_on .webix_switch_text {
  padding: 1px 18px 0 0;
}
.webix_switch_box.webix_switch_on {
  background-color: #F4F5F9;
  color: #fff;
}
.webix_progress_top,
.webix_progress_bottom {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 6px;
  overflow: hidden;
  z-index: 95;
  background: #f2f2f2;
}
.webix_progress_bottom {
  bottom: 0px;
  top: auto;
  height: 17px;
}
.webix_progress_top .webix_progress_state,
.webix_progress_bottom .webix_progress_state {
  width: 0px;
  height: 6px;
  background: #F4F5F9;
  -moz-transition: width 3s;
  transition: width 3s;
}
.webix_progress_bottom .webix_progress_state {
  height: 17px;
}
.webix_progress_icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 95;
}
.webix_progress_icon .webix_progress_state {
  font-family: "Webix Material Icons";
  font-size: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  display: inline-block;
  color: #93a0b3;
}
.webix_gage_box {
  display: table;
  height: 100%;
  width: 100%;
}
.webix_gage_box > div {
  display: table-cell;
  vertical-align: middle;
}
.webix_gage_body {
  height: 100%;
  width: 100%;
  transform: rotate(180deg);
}
.webix_gage_label {
  font-size: 0.9em;
  text-align: center;
  margin-top: 10px;
}
.webix_gage_placeholder {
  margin-top: -20px;
}
.webix_gage_info {
  text-align: center;
  font-size: 0.7em;
  position: relative;
  margin: 0 auto 10px auto;
}
.webix_gage_min_range {
  left: -74px;
}
.webix_gage_max_range {
  right: -74px;
}
.webix_gage_min_range,
.webix_gage_max_range {
  display: inline-block;
  margin-top: 20px;
  position: absolute;
  text-align: center;
  width: 150px;
}
.webix_gage_range_info {
  font-size: 1.2em;
  line-height: 1;
}
.webix_gage_value {
  font-size: 2.2em;
  color: #404040;
}
.webix_gage_gradient_point_animated {
  transition: transform 1.3s linear;
}
.webix_gage_animated {
  stroke: hsl(120, 100%, 50%);
  animation: gage_dash 1.3s linear forwards;
  transition: stroke 1.3s linear, stroke-dasharray 1.3s linear;
}
@keyframes gage_dash {
  to {
    stroke-dashoffset: 0;
  }
}
.webix_bullet_name {
  width: 100;
}
.webix_bullet_header {
  font-weight: bold;
  font-size: 15px;
}
.webix_bullet_subheader {
  font-size: 15px;
}
.webix_bullet_scale {
  font-size: 12px;
  font-weight: bold;
}
.webix_organogram canvas {
  position: absolute;
}
.webix_organogram_item {
  position: absolute;
  z-index: 1;
  text-align: center;
  border-radius: 4px;
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  padding: 7px 7px 10px 7px;
  box-sizing: border-box;
}
.webix_organogram_item.webix_selected {
  background-color: #F4F5F9;
  border-color: #F4F5F9;
}
.webix_organogram_list {
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  height: auto;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.webix_organogram_list .webix_organogram_list_item {
  border: none;
  text-align: left;
  position: static;
  padding: 5px;
  border-radius: 0px;
  box-sizing: border-box;
}
.webix_timeline .webix_scroll_cont {
  padding-top: 28px;
}
.webix_timeline_item {
  height: 46px;
  line-height: 0;
  box-sizing: border-box;
  padding: 0 12px;
  position: relative;
}
.webix_timeline_date,
.webix_timeline_event {
  line-height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0px;
}
.webix_timeline_left .webix_timeline_date,
.webix_timeline_right .webix_timeline_details,
.webix_timeline_right .webix_timeline_value {
  text-align: right;
}
.webix_timeline_value {
  font-weight: 500;
}
.webix_timeline_details {
  color: #94A1B3;
  padding-top: 2px;
}
.webix_timeline_date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webix_timeline_horizontal .webix_scroll_cont {
  white-space: nowrap;
  display: inline-block;
  padding-top: unset;
  padding-left: 28px;
  height: 100%;
}
.webix_timeline_horizontal .webix_timeline_item {
  display: inline-block;
  height: 100%;
  padding: 12px 0 12px 0;
  white-space: normal;
}
.webix_timeline_horizontal .webix_timeline_item .webix_timeline_date,
.webix_timeline_horizontal .webix_timeline_item .webix_timeline_event {
  left: 0px;
}
.webix_timeline_horizontal .webix_timeline_item.webix_timeline_bottom .webix_timeline_event {
  top: initial;
}
.webix_treemap {
  background-color: #f5f5f5;
}
.webix_treemap .webix_scroll_cont {
  position: relative;
  height: 100%;
  width: 100%;
}
.webix_treemap_item {
  position: absolute;
  color: #444;
  overflow: hidden;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 5px;
  border-width: 0px 1px 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2);
  background: transparent;
  cursor: pointer;
}
.webix_treemap_level_top {
  z-index: 1;
  border-color: rgba(0, 0, 0, 0.4);
}
.webix_treemap_item_bottom {
  border-bottom-width: 0;
}
.webix_treemap_item_right {
  border-right-width: 0;
}
.webix_treemap_item:hover {
  box-shadow: inset 0 0 5px #666;
}
.webix_treemap_item.webix_selected {
  border-color: #F4F5F9;
  box-shadow: inset 0 0 1px 2px #F4F5F9;
}
.webix_treemap_header {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_treemap_header {
  padding: 0 10px;
  border-bottom: 1px solid #DADEE0;
}
.webix_treemap_header_item {
  cursor: pointer;
}
.webix_treemap_header_item:last-child {
  cursor: default;
}
.webix_treemap_reset {
  float: right;
  width: 25px;
  text-align: center;
}
.webix_treemap_reset:before {
  content: "\F011";
  color: #475466;
  font-family: "Webix Material Icons";
  font-size: 16px;
  display: block;
  cursor: pointer;
}
.webix_treemap_path_icon {
  width: 20px;
  text-align: center;
}
.webix_barcode {
  position: relative;
}
.webix_barcode .webix_canvas_text {
  font-size: 14px;
  padding: 0 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.portlet_drag {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px;
  width: 18px;
  opacity: 0.5;
  cursor: pointer;
}
.portlet_in_drag {
  opacity: 0.4;
}
.portlet_marker,
.portlet_markertop,
.portlet_markerbottom,
.portlet_markerleft,
.portlet_markerright {
  opacity: 0.5;
  background: #9169BE;
  position: absolute;
  z-index: 2;
  transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.portlet_markertop {
  height: 50%;
}
.portlet_markerbottom {
  height: 50%;
  top: 50%;
}
.portlet_markerleft {
  width: 50%;
}
.portlet_markerright {
  width: 50%;
  left: 50%;
}
.panel_icon {
  position: absolute;
  z-index: 93;
  top: 5px;
  right: 5px;
  line-height: normal;
  font-size: 13px;
  width: 18px;
  opacity: 0.5;
  cursor: pointer;
}
.webix_disabled_view .panel_icon {
  z-index: 91;
}

div.dashboard-container .panel_icon {
    z-index: 4;
}

/* Title for a Dashboard widget */
div.dashboardWidgetTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.dashboardMarkdown {
    font: normal normal 600 12px/20px Segoe UI;
    letter-spacing: 0.12px;
    color: #FFFFFF;
	padding: 20px; /* DT */
}

div.dashboardMarkdown div {
    display: block;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
div.dashboardMarkdown p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
div.dashboardMarkdown pre {
    display: block;
    font-family: monospace;
    unicode-bidi: isolate;
    white-space: pre;
    margin: 1em 0px;
}

div.dashboardMarkdown a {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
    color: #FBBF47; /* DT */
}
div.dashboardMarkdown code {
    font-family: monospace;
}
div.dashboardMarkdown em {
    font-style: italic;
}

div.dashboardMarkdown strong {
    font-weight: bold;
}
div.dashboardMarkdown ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
div.dashboardMarkdown ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
div.dashboardMarkdown li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
div.dashboardMarkdown label {
    cursor: default;
}
div.dashboardMarkdown table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray;
}
div.dashboardMarkdown tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
div.dashboardMarkdown thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
div.dashboardMarkdown tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}
div.dashboardMarkdown th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}
div.dashboardMarkdown td {
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
}


.panel_target {
  position: absolute;
  z-index: 3;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #DADEE0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_popup.webix_sidemenu.webix_sidemenu_left {
  border-width: 0 1px 0 0;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.05);
}
.webix_sidemenu_left.webix_animate {
  transition: left 0.6s;
}
.webix_popup.webix_sidemenu.webix_sidemenu_right {
  left: auto;
  border-width: 0 0 0 1px;
  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.05);
}
.webix_sidemenu_right.webix_animate {
  transition: right 0.6s;
}
.webix_popup.webix_sidemenu.webix_sidemenu_top {
  border-width: 0 0 1px 0 ;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.webix_sidemenu_top .webix_win_body {
  position: relative;
}
.webix_sidemenu_top .webix_win_body > .webix_view {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
}
.webix_sidemenu_top.webix_animate,
.webix_sidemenu_top.webix_animate .webix_win_body {
  transition: height 0.6s;
}
.webix_popup.webix_sidemenu.webix_sidemenu_bottom {
  border-width: 1px 0 0 0 ;
  top: auto;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
}
.webix_sidemenu_bottom.webix_animate,
.webix_sidemenu_bottom.webix_animate .webix_win_body {
  transition: height 0.6s;
}
/* SideBar*/
.webix_sidebar {
  background: #ECEFF1;
}
.webix_sidebar .webix_tree_item.webix_selected:focus span {
  background: transparent;
}
.webix_sidebar .webix_tree_item {
  color: #454545;
  height: 44px;
  line-height: 43px;
}
.webix_sidebar .webix_scroll_cont > .webix_tree_leaves {
  padding: 0;
}
.webix_sidebar .webix_tree_leaves .webix_tree_leaves {
  margin-left: 0px;
}
.webix_sidebar_selected,
.webix_sidebar_expanded .webix_tree_item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_selected span {
  background-color: #F4F5F9;
  padding-right: 0;
}
.webix_sidebar .webix_tree_branch_1 .webix_tree_item {
  padding-left: 44px;
}
.webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  height: 44px;
  line-height: 44px;
  padding-left: 0;
}
.webix_sidebar .webix_tree_branch_1 {
  border-bottom: 1px solid #e5e5e5;
}
.webix_sidebar .webix_tree_item.webix_selected span,
.webix_sidebar .webix_tree_item span {
  margin: 0;
  padding: 0px;
}
.webix_icon.webix_sidebar_icon {
  width: 44px;
  text-align: center;
}
span.webix_sidebar_dir_icon {
  float: right;
  line-height: inherit;
}
/*SubMenu (Popup) */
.webix_sidebar_popup {
  border: none !important;
  box-shadow: 2px 3px 3px #ddd;
}
.webix_sidebar_popup,
.webix_sidebar_popup .webix_list_item {
  border-radius: 0;
}
.webix_sidebar_popup_right {
  box-shadow: -3px 3px 3px #ddd;
}
.webix_sidebar_popup_list.webix_sidebar_popup_left .webix_icon {
  float: right;
  line-height: inherit;
  width: 8px;
}
.webix_sidebar_popup_list.webix_sidebar_popup_right .webix_icon {
  float: left;
  line-height: inherit;
}
/*SubMenu: title*/
.webix_sidebar_popup_title {
  background: #ECEFF1;
}
.webix_sidebar_popup_title.webix_selected {
  border-left-color: #F4F5F9;
  background: #F4F5F9;
}
.webix_sidebar_popup_title .webix_template {
  line-height: 44px;
  padding: 0 10px;
  border: 1px solid #E5E5E5;
  border-left: none;
}
.webix_sidebar_popup_right .webix_sidebar_popup_title .webix_template {
  border: 1px solid #E5E5E5;
  border-right: none;
}
.webix_sidebar_selected.webix_sidebar_popup_title .webix_template {
  background: rgba(0, 0, 0, 0.03);
  border-left: none;
}
.webix_sidebar_popup_list .webix_list_item {
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
}
/*SubMenu: list*/
.webix_sidebar_popup_list .webix_list_item:first-child {
  border-top: 1px solid #E5E5E5;
}
.webix_sidebar_popup_list .webix_list_item:hover {
  background: #f6f9fb;
}
.webix_sidebar_popup_list .webix_list_item.webix_selected:hover {
  background: #F4F5F9;
}
.webix_menu .webix_list_item.webix_sidebar_selected {
  background: rgba(0, 0, 0, 0.02);
}
.webix_menu .webix_list_item.webix_sidebar_selected:hover {
  background: rgba(0, 0, 0, 0.02) !important;
}
.webix_view.webix_pdf {
  background-color: #404040;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.webix_pdf .canvas_wrapper {
  margin: 0px auto;
  box-shadow: 5px 5px 15px #1c1c1c;
  width: 100%;
  height: 100%;
}
.webix_toolbar.pdf_bar .webix_img_btn {
  text-align: center;
}
.webix_toolbar.pdf_bar .webix_view {
  background-color: transparent;
}
.webix_toolbar.pdf_bar .webix_icon_btn {
  margin: 0;
}
.webix_toolbar.pdf_bar .webix_template {
  background-color: transparent;
  color: #fff;
  line-height: 2em;
}
.webix_toolbar.pdf_bar .webix_el_box input,
.webix_toolbar.pdf_bar .webix_inp_static {
  background-color: #5c5c5c;
  color: #fff;
  border-color: #404040;
}
.webix_toolbar.pdf_bar .webix_el_box input:focus,
.webix_toolbar.pdf_bar .webix_inp_static:focus {
  border-color: #333;
}
.webix_toolbar.pdf_bar .webix_el_box .webix_input_icon {
  color: #fff;
}
.webix_view.webix_popup.pdf_opt_list {
  border: none;
}
.pdf_opt_list .webix_list {
  background-color: #404040;
  color: #fff;
}
.pdf_opt_list .webix_list .webix_list_item {
  border-color: #474747;
  line-height: 1.5em;
}
.pdf_opt_list .webix_list .webix_list_item.webix_selected,
.pdf_opt_list .webix_list .webix_list_item:hover {
  color: #404040;
  background-color: #fff;
}
.webix_dbllist .bottom_label {
  text-align: center;
  font-size: 10px;
}
.webix_dbllist .webix_list,
.webix_dbllist .bottom_label {
  background: #ededed;
}
.webix_dbllist .webix_list_item {
  background: #FFFFFF;
  margin: 3px 4px 0px 4px;
  box-sizing: border-box;
  border: 1px solid #DADEE0;
}
.webix_dbllist .webix_list_item.webix_selected {
  border-bottom-color: #DADEE0;
  background-color: #F4F5F9;
  color: #475466;
}
.webix_dbllist .dbllist_button {
  width: 45%;
  height: 30px;
  margin-top: 4px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid #DADEE0;
  cursor: pointer;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  background-color: #F4F5F9;
}
.webix_dbllist .dbllist_button .webix_icon {
  color: #1CA1C1;
  font-size: 20px;
  width: 26px;
}
.webix_dbllist .dbllist_button:first-child {
  margin-top: 36px;
  margin-right: 4px;
}
.webix_dbllist .dbllist_button:last-child {
  margin-left: 4px;
}
.webix_dbllist .dbllist_button:hover,
.webix_dbllist .dbllist_button:focus,
.webix_dbllist .dbllist_button:active {
  background-color: #e7e9f2;
}
.webix_invalid .webix_list {
  background: #f8e2e2;
}
.dbllist_buttons .webix_template {
  padding: 0 0 0 4px;
}
.webix_sparklines {
  padding: 1px 0;
  box-sizing: border-box;
}
.webix_sparklines svg {
  box-sizing: border-box;
}
.webix_sparklines_line {
  stroke: #3498db;
  stroke-width: 1;
  fill: transparent;
  stroke-linecap: round;
}
.webix_sparklines_item {
  fill: #3498db;
  stroke-width: 1;
}
.webix_sparklines_bar {
  fill: #6dbcf0;
}
.webix_sparklines_bar_negative {
  fill: #d86c79;
}
.webix_sparklines_area {
  fill: #e5eef4;
}
.webix_sparklines_origin {
  stroke: #888;
  stroke-width: 1;
}
.webix_sparklines_event_area {
  fill: transparent;
}
.webix_sparklines_line_chart .webix_sparklines_event_area:hover,
.webix_sparklines_area_chart .webix_sparklines_event_area:hover,
.webix_sparklines_splinearea_chart .webix_sparklines_event_area:hover {
  fill: rgba(220, 220, 220, 0.4);
  stroke: rgba(255, 255, 255, 0.6);
}
.webix_sparklines_pie_chart .webix_sparklines_event_area:hover,
.webix_sparklines_bar_chart .webix_sparklines_event_area:hover {
  fill: rgba(255, 255, 255, 0.3);
}
/* print css rules*/
.webix_ui_print {
  display: none;
}
body.webix_print {
  margin-top: 0px;
}
@media print {
  body.webix_print {
    overflow: visible !important;
    background-color: none !important;
  }
  body.webix_print > * {
    display: none;
  }
  body.webix_print * {
    visibility: hidden;
  }
  .webix_ui_print {
    display: block !important;
    margin: 0 0 0 0!important;
    visibility: visible !important;
  }
  .webix_ui_print * {
    visibility: visible !important;
  }
  .webix_print_noscroll {
    height: auto !important;
    width: auto !important;
  }
  .webix_print_noscroll,
  .webix_print_noscroll .webix_scroll_cont {
    overflow: visible !important;
  }
  .webix_print_pagebreak {
    page-break-after: always;
  }
  .webix_print_header,
  .webix_print_footer {
    display: block !important;
    margin: 20px 0px;
    text-align: center;
    height: auto !important;
    visibility: visible !important;
  }
  .webix_print_header *,
  .webix_print_footer * {
    visibility: visible !important;
  }
  /*datatable specific*/
  .webix_table_print {
    display: table;
    visibility: visible !important;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    position: initial;
  }
  .webix_table_print td {
    overflow: hidden;
  }
  .webix_table_print tr {
    page-break-inside: avoid;
  }
  .webix_table_print .webix_cell {
    display: table-cell !important;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0px 10px;
    white-space: nowrap;
  }
  .webix_table_print .webix_header_cell {
    display: table-cell;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #313131;
    letter-spacing: 0.2px;
    background: #F4F5F9;
    border-right: 1px solid #DADEE0;
    border-bottom: 1px solid #DADEE0;
  }
  .webix_table_print .webix_footer_cell {
    display: table-cell;
    background: #fafafa;
    border-right: 1px solid #EDEFF0;
    border-top: 1px solid #EDEFF0;
    border-bottom: 1px solid #EDEFF0;
  }
  .webix_table_print .webix_cell.webix_dtable_span {
    position: initial !important;
    white-space: normal;
  }
  .webix_table_print .webix_rotate {
    transform-origin: center 40% !important;
    -webkit-transform-origin: center 40% !important;
  }
  .webix_table_print.borderless,
  .webix_table_print.borderless .webix_cell {
    border: none;
  }
  /* x-list specific*/
  .webix_table_print.webix_view.webix_list-x {
    white-space: normal;
  }
  .webix_table_print.webix_view.webix_list-x .webix_list_item {
    display: table-cell;
  }
}
.webix_fullscreen_html .webix_template > * {
  width: 100% !important;
  height: 100% !important;
  margin: 0px !important;
}
.webix_icon,
.webix_icon_btn,
.webix_input_icon {
  display: inline-block;
  font-family: "Webix Material Icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.webix_icon,
.webix_input_icon {
  font-size: 17px;
  display: inline-block;
  width: 20px;
}
.webix_input_icon {
  float: right;
  font-size: 20px;
  color: #94A1B3;
}
.webix_icon_button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
.webix_el_icon .webix_el_box {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: visible;
  cursor: pointer;
}
.webix_icon_button .webix_icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #94A1B3;
}
.webix_icon_btn {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 4px;
  color: #94A1B3;
}
.webix_icon {
  text-align: center;
}
.webix_badge {
  background-color: #ff8839;
  color: #FFFFFF;
  border-radius: 11px;
  font-size: 12px;
  height: 22px;
  min-width: 22px;
  box-sizing: border-box;
  padding: 0 4px;
  text-align: center;
  line-height: 22px;
  position: absolute;
  right: 0;
  top: 0;
}
.webix_badge.webix_measure_size {
  right: auto;
  box-sizing: border-box;
}
.webix_list_item .webix_badge {
  position: static;
  float: right;
  margin: 4px -5px 0 12px;
}
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Regular-webfont.woff2') format('woff2'), url('fonts/Roboto-Regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('fonts/Roboto-Medium-webfont.woff2') format('woff2'), url('fonts/Roboto-Medium-webfont.woff') format('woff');
  font-style: normal;
  font-weight: 500;
}
.mainFont {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.buttonFont {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
}
.barFont {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.selectFocusRule {
  background: #edeff5;
}
/*[L]*/
/*[L]*/
.layoutBarBG .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.layoutBarBG.webix_dark {
  background: #657584;
  border-color: #657584;
}
.layoutBarBG.webix_dark .webix_el_button,
.layoutBarBG.webix_dark .webix_el_label .webix_el_box,
.layoutBarBG.webix_dark .webix_inp_label,
.layoutBarBG.webix_dark .webix_inp_top_label,
.layoutBarBG.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_secondary .webix_icon,
.layoutBarBG.webix_dark .webix_transparent .webix_icon,
.layoutBarBG.webix_dark .webix_secondary .webix_img_btn_text,
.layoutBarBG.webix_dark .webix_transparent .webix_img_btn_text,
.layoutBarBG.webix_dark .webix_secondary .webix_icon_btn,
.layoutBarBG.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_transparent button:hover,
.layoutBarBG.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.layoutBarBG.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.layoutBarBG.webix_dark .webix_secondary button,
.layoutBarBG.webix_dark .webix_inp_counter_next,
.layoutBarBG.webix_dark .webix_inp_counter_prev,
.layoutBarBG.webix_dark .webix_segment_0,
.layoutBarBG.webix_dark .webix_segment_1,
.layoutBarBG.webix_dark .webix_segment_N,
.layoutBarBG.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.layoutBarBG.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.layoutBarBG.webix_dark .webix_secondary button:hover,
.layoutBarBG.webix_dark .webix_menu-x .webix_list_item:hover,
.layoutBarBG.webix_dark .webix_inp_counter_next:hover,
.layoutBarBG.webix_dark .webix_inp_counter_prev:hover,
.layoutBarBG.webix_dark .webix_segment_0:hover,
.layoutBarBG.webix_dark .webix_segment_1:hover,
.layoutBarBG.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.layoutBarBG.webix_dark .webix_secondary button:focus,
.layoutBarBG.webix_dark .webix_menu-x .webix_list_item:focus,
.layoutBarBG.webix_dark .webix_inp_counter_next:focus,
.layoutBarBG.webix_dark .webix_inp_counter_prev:focus,
.layoutBarBG.webix_dark .webix_segment_0:focus,
.layoutBarBG.webix_dark .webix_segment_1:focus,
.layoutBarBG.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_secondary button:active,
.layoutBarBG.webix_dark .webix_menu-x .webix_list_item:active,
.layoutBarBG.webix_dark .webix_inp_counter_next:active,
.layoutBarBG.webix_dark .webix_inp_counter_prev:active,
.layoutBarBG.webix_dark .webix_segment_0:active,
.layoutBarBG.webix_dark .webix_segment_1:active,
.layoutBarBG.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_inp_static,
.layoutBarBG.webix_dark input[type=text],
.layoutBarBG.webix_dark input[type=combo],
.layoutBarBG.webix_dark input[type=datepicker],
.layoutBarBG.webix_dark textarea,
.layoutBarBG.webix_dark select,
.layoutBarBG.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.layoutBarBG.webix_dark .webix_el_texthighlight input,
.layoutBarBG.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.layoutBarBG.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.layoutBarBG.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_multicombo_value,
.layoutBarBG.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.layoutBarBG.webix_dark .webix_inp_static:focus,
.layoutBarBG.webix_dark input[type=text]:focus,
.layoutBarBG.webix_dark input[type=combo]:focus,
.layoutBarBG.webix_dark input[type=datepicker]:focus,
.layoutBarBG.webix_dark textarea:focus,
.layoutBarBG.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.layoutBarBG.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.layoutBarBG.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.layoutBarBG.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.layoutBarBG.webix_dark .webix_selected.webix_segment_0,
.layoutBarBG.webix_dark .webix_selected.webix_segment_1,
.layoutBarBG.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_selected.webix_segment_0:hover,
.layoutBarBG.webix_dark .webix_selected.webix_segment_1:hover,
.layoutBarBG.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.layoutBarBG.webix_dark .webix_selected.webix_segment_0:focus,
.layoutBarBG.webix_dark .webix_selected.webix_segment_1:focus,
.layoutBarBG.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.layoutBarBG.webix_dark .webix_selected.webix_segment_0:active,
.layoutBarBG.webix_dark .webix_selected.webix_segment_1:active,
.layoutBarBG.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.layoutBarBG.webix_dark .webix_el_icon,
.layoutBarBG.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.layoutBarBG.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.layoutBarBG.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.layoutBarBG.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.layoutBarBG.webix_dark .webix_custom_checkbox,
.layoutBarBG.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_custom_checkbox:focus,
.layoutBarBG.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.layoutBarBG.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.layoutBarBG.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.layoutBarBG.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box label,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box input,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box select,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.layoutBarBG.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.layoutBarBG.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.layoutBarBG.webix_dark .webix_invalid .webix_el_box input,
.layoutBarBG.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.layoutBarBG.webix_dark .webix_invalid .webix_el_box select,
.layoutBarBG.webix_dark .webix_invalid .webix_el_box textarea,
.layoutBarBG.webix_dark input.webix_invalid,
.layoutBarBG.webix_dark select.webix_invalid,
.layoutBarBG.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.layoutBarBG.webix_dark .webix_invalid .webix_multicombo_value,
.layoutBarBG.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.layoutBarBG.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
.webix_toolbar .webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #475466;
  letter-spacing: 0px;
}
.webix_toolbar.webix_dark {
  background: #657584;
  border-color: #657584;
}
.webix_toolbar.webix_dark .webix_el_button,
.webix_toolbar.webix_dark .webix_el_label .webix_el_box,
.webix_toolbar.webix_dark .webix_inp_label,
.webix_toolbar.webix_dark .webix_inp_top_label,
.webix_toolbar.webix_dark .webix_slider_title {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_secondary .webix_icon,
.webix_toolbar.webix_dark .webix_transparent .webix_icon,
.webix_toolbar.webix_dark .webix_secondary .webix_img_btn_text,
.webix_toolbar.webix_dark .webix_transparent .webix_img_btn_text,
.webix_toolbar.webix_dark .webix_secondary .webix_icon_btn,
.webix_toolbar.webix_dark .webix_transparent .webix_icon_btn {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_transparent button {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_transparent button:hover,
.webix_toolbar.webix_dark .webix_transparent button:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_toolbar.webix_dark .webix_transparent button:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_toolbar.webix_dark .webix_secondary button,
.webix_toolbar.webix_dark .webix_inp_counter_next,
.webix_toolbar.webix_dark .webix_inp_counter_prev,
.webix_toolbar.webix_dark .webix_segment_0,
.webix_toolbar.webix_dark .webix_segment_1,
.webix_toolbar.webix_dark .webix_segment_N,
.webix_toolbar.webix_dark .webix_menu-x .webix_list_item {
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border-color: transparent;
}
.webix_toolbar.webix_dark .webix_view > .webix_template {
  color: #FFFFFF;
  background-color: #657584;
}
.webix_toolbar.webix_dark .webix_secondary button:hover,
.webix_toolbar.webix_dark .webix_menu-x .webix_list_item:hover,
.webix_toolbar.webix_dark .webix_inp_counter_next:hover,
.webix_toolbar.webix_dark .webix_inp_counter_prev:hover,
.webix_toolbar.webix_dark .webix_segment_0:hover,
.webix_toolbar.webix_dark .webix_segment_1:hover,
.webix_toolbar.webix_dark .webix_segment_N:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
}
.webix_toolbar.webix_dark .webix_secondary button:focus,
.webix_toolbar.webix_dark .webix_menu-x .webix_list_item:focus,
.webix_toolbar.webix_dark .webix_inp_counter_next:focus,
.webix_toolbar.webix_dark .webix_inp_counter_prev:focus,
.webix_toolbar.webix_dark .webix_segment_0:focus,
.webix_toolbar.webix_dark .webix_segment_1:focus,
.webix_toolbar.webix_dark .webix_segment_N:focus {
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_secondary button:active,
.webix_toolbar.webix_dark .webix_menu-x .webix_list_item:active,
.webix_toolbar.webix_dark .webix_inp_counter_next:active,
.webix_toolbar.webix_dark .webix_inp_counter_prev:active,
.webix_toolbar.webix_dark .webix_segment_0:active,
.webix_toolbar.webix_dark .webix_segment_1:active,
.webix_toolbar.webix_dark .webix_segment_N:active {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_inp_static,
.webix_toolbar.webix_dark input[type=text],
.webix_toolbar.webix_dark input[type=combo],
.webix_toolbar.webix_dark input[type=datepicker],
.webix_toolbar.webix_dark textarea,
.webix_toolbar.webix_dark select,
.webix_toolbar.webix_dark .webix_text_highlight {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_dark .webix_el_texthighlight input,
.webix_toolbar.webix_dark .webix_el_texthighlight textarea {
  caret-color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_dark .webix_inp_static input[type=text] {
  background-color: transparent;
}
.webix_toolbar.webix_dark select option {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_multicombo_value,
.webix_toolbar.webix_dark .webix_multicombo_tag {
  color: #657584;
}
.webix_toolbar.webix_dark .webix_inp_static:focus,
.webix_toolbar.webix_dark input[type=text]:focus,
.webix_toolbar.webix_dark input[type=combo]:focus,
.webix_toolbar.webix_dark input[type=datepicker]:focus,
.webix_toolbar.webix_dark textarea:focus,
.webix_toolbar.webix_dark select:focus {
  border-color: #FFFFFF;
  box-shadow: none;
}
.webix_toolbar.webix_dark .webix_el_counter button {
  background-color: rgba(0, 0, 0, 0.3);
}
.webix_toolbar.webix_dark .webix_el_counter input[type=text]:focus {
  border-color: transparent;
}
.webix_toolbar.webix_dark .webix_placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark :-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_input_icon {
  color: rgba(255, 255, 255, 0.7);
}
.webix_toolbar.webix_dark .webix_selected.webix_segment_0,
.webix_toolbar.webix_dark .webix_selected.webix_segment_1,
.webix_toolbar.webix_dark .webix_selected.webix_segment_N {
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_selected.webix_segment_0:hover,
.webix_toolbar.webix_dark .webix_selected.webix_segment_1:hover,
.webix_toolbar.webix_dark .webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_toolbar.webix_dark .webix_selected.webix_segment_0:focus,
.webix_toolbar.webix_dark .webix_selected.webix_segment_1:focus,
.webix_toolbar.webix_dark .webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_toolbar.webix_dark .webix_selected.webix_segment_0:active,
.webix_toolbar.webix_dark .webix_selected.webix_segment_1:active,
.webix_toolbar.webix_dark .webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_toolbar.webix_dark .webix_el_icon,
.webix_toolbar.webix_dark .webix_icon_button {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_control {
  border-color: #1CA1C1;
}
.webix_toolbar.webix_dark .webix_icon_button:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.webix_toolbar.webix_dark .webix_icon_button:hover .webix_icon {
  opacity: 1;
}
.webix_toolbar.webix_dark .webix_icon_button .webix_icon {
  color: #FFFFFF;
  opacity: 0.7;
}
.webix_toolbar.webix_dark .webix_custom_checkbox,
.webix_toolbar.webix_dark .webix_custom_radio {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_custom_checkbox:focus,
.webix_toolbar.webix_dark .webix_custom_radio:focus {
  color: #f0f0f0;
}
.webix_toolbar.webix_dark .webix_label_right {
  color: #FFFFFF;
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_button {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_img_btn_text {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_disabled_view.webix_control .webix_icon_btn,
.webix_toolbar.webix_dark .webix_disabled_view.webix_control .webix_icon {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_disabled_view.webix_menu-x .webix_list_item.menu {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon,
.webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_disabled_box .webix_img_btn_text,
.webix_toolbar.webix_dark .webix_toolbar .webix_disabled_view.webix_control .webix_icon_btn {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box label,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box button {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box input,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box select,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box textarea,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_prev,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_counter_next {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_inp_static input {
  background-color: transparent;
}
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_0,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_1,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_segment_N,
.webix_toolbar.webix_dark .webix_view.webix_control .webix_disabled_box .webix_item_tab {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  text-shadow: none;
}
.webix_toolbar.webix_dark .webix_disabled_top_label {
  color: rgba(255, 255, 255, 0.4);
}
.webix_toolbar.webix_dark .webix_invalid .webix_el_box input,
.webix_toolbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static,
.webix_toolbar.webix_dark .webix_invalid .webix_el_box select,
.webix_toolbar.webix_dark .webix_invalid .webix_el_box textarea,
.webix_toolbar.webix_dark input.webix_invalid,
.webix_toolbar.webix_dark select.webix_invalid,
.webix_toolbar.webix_dark textarea.webix_invalid {
  color: #ffdedb;
  background-color: rgba(255, 92, 76, 0.3);
  border-color: #ff8d82;
}
.webix_toolbar.webix_dark .webix_invalid .webix_multicombo_value,
.webix_toolbar.webix_dark .webix_invalid .webix_multicombo_tag {
  color: #FF5C4C;
}
.webix_toolbar.webix_dark .webix_invalid .webix_el_box .webix_inp_static input {
  background-color: transparent;
}
.webix_layout_space > .webix_toolbar {
  border-radius: 2px;
}
.webix_view.webix_layout_accordion {
  background-color: #EBEDF0;
}
.webix_accordionitem .webix_accordionitem_button {
  float: right;
  position: relative;
  height: 19px;
  width: 19px;
  margin: 13.5px 13px;
}
.webix_accordionitem .webix_accordionitem_header {
  line-height: 44px;
}
.webix_accordionitem .webix_accordionitem_header:hover,
.webix_accordionitem .webix_accordionitem_header:focus {
  background-color: #fafafa;
}
.webix_accordionitem.collapsed .webix_accordionitem_button {
  float: right;
  position: relative;
  margin-top: 12.5px;
}
.webix_accordionitem.horizontal.collapsed,
.webix_accordionitem.collapsed {
  background-color: #F4F5F9;
}
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header,
.webix_accordionitem.collapsed .webix_accordionitem_header {
  background-color: #F4F5F9;
  color: #1CA1C1;
}
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_button,
.webix_accordionitem.collapsed .webix_accordionitem_header .webix_accordionitem_button {
  color: #1CA1C1;
}
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header .webix_accordionitem_label .webix_icon,
.webix_accordionitem.collapsed .webix_accordionitem_header .webix_accordionitem_label .webix_icon {
  color: #1CA1C1;
}
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
.webix_accordionitem.collapsed .webix_accordionitem_header:hover,
.webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
.webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  background-color: #edeff5;
}
.webix_accordionitem_label {
  padding-left: 12px;
}
.webix_layout_accordion.webix_dark .webix_accordionitem_header {
  background-color: #657584;
  color: #FFFFFF;
}
.webix_layout_accordion.webix_dark .webix_accordionitem_header .webix_accordionitem_button {
  color: #FFFFFF;
}
.webix_layout_accordion.webix_dark .webix_accordionitem_header.collapsed {
  background-color: #F4F5F9;
  color: #1CA1C1;
}
.webix_layout_accordion.webix_dark .webix_accordionitem_header.collapsed .webix_accordionitem_button {
  color: #1CA1C1;
}
.webix_layout_accordion.webix_dark .webix_accordionitem_header:hover,
.webix_layout_accordion.webix_dark .webix_accordionitem_header:focus {
  background-color: #61707e;
}
.webix_layout_accordion.webix_dark .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:hover,
.webix_layout_accordion.webix_dark .webix_accordionitem.collapsed .webix_accordionitem_header:hover,
.webix_layout_accordion.webix_dark .webix_accordionitem.horizontal.collapsed .webix_accordionitem_header:focus,
.webix_layout_accordion.webix_dark .webix_accordionitem.collapsed .webix_accordionitem_header:focus {
  background-color: #edeff5;
}
.webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button {
  color: #94A1B3;
  background-image: none;
  font-family: "Webix Material Icons";
  font-size: 24px;
  text-align: center;
  width: 24px;
  height: 43px;
  margin: 0 10px 0 10px;
}
.webix_accordionitem .webix_accordionitem_header .webix_accordionitem_label .webix_icon {
  color: #94A1B3;
}
.webix_accordionitem .webix_accordionitem_header .webix_accordionitem_button:before {
  content: '\F002';
}
.webix_accordionitem .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  content: '\F004';
}
.webix_accordionitem.horizontal:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  content: '\F003';
}
.webix_accordionitem.horizontal.collapsed:last-child > .webix_accordionitem_header .webix_accordionitem_button:before {
  content: '\F001';
}
.webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button {
  height: 43px;
  margin: 0px 10px 0 10px;
}
.webix_accordionitem.vertical > .webix_accordionitem_header .webix_accordionitem_button:before {
  content: '\F004';
}
.webix_accordionitem.vertical > .webix_accordionitem_header.collapsed .webix_accordionitem_button:before {
  content: '\F001';
}
.webix_toolbar.webix_layout_subbar {
  background: transparent;
}
.webix_toolbar.webix_layout_subbar .webix_view {
  color: #475466;
}
.webix_el_tabbar + .webix_multiview {
  background-color: #FFFFFF;
}
.webix_view.rounded_top {
  -moz-border-top-left-radius: 2px;
  -moz-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.webix_view.rounded_right {
  -moz-border-top-right-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}
.webix_view.rounded_bottom {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -moz-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}
.webix_view.rounded_left {
  -moz-border-top-left-radius: 2px;
  -moz-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
}
.webix_layout_space > .webix_view,
.webix_layout_wide > .webix_view {
  border-radius: 2px;
}
.webix_layout_space .webix_layout_accordion .webix_accordionitem,
.webix_layout_wide .webix_layout_accordion .webix_accordionitem {
  border-radius: 2px;
}
.webix_popup_button {
  border-color: #F4F5F9;
}
.webix_popup_button.confirm {
  border-color: #1CA1C1;
}
.webix_popup_button div {
  border-radius: 0;
}
.dataHeaderFont {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
.webix_dtable .webix_ss_header .webix_hcell,
.webix_dtable .webix_ss_footer .webix_hcell {
  border-color: transparent;
}
.webix_dtable .webix_ss_body .webix_column > div,
.webix_dtable .webix_ss_body .webix_table_cell {
  border-right-color: transparent;
  border-left-color: transparent;
}
.webix_dtable.webix_header_border .webix_ss_header .webix_hcolumn > div,
.webix_dtable.webix_header_border .webix_ss_header .webix_span {
  border-right-color: #DADEE0;
  border-bottom-color: #DADEE0;
}
.webix_dtable.webix_footer_border .webix_ss_footer .webix_hcolumn > div,
.webix_dtable.webix_footer_border .webix_ss_footer .webix_span {
  border-right-color: #DADEE0;
  border-top-color: #DADEE0;
}
.webix_dtable.webix_data_border .webix_ss_body .webix_column > div,
.webix_dtable.webix_data_border .webix_table_cell {
  border-right-color: #EDEFF0;
}
.webix_dtable .webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid #ccd2d4;
}
.webix_dtable div.webix_last_topcell {
  border-bottom: 1px solid #ccd2d4;
}
.webix_dtable .webix_ss_right .webix_column.webix_first > div {
  border-left: 1px solid #ccd2d4;
}
.webix_dtable .webix_hs_right .webix_hcell.webix_first {
  border-left: 1px solid #DADEE0;
}
.webix_dtable .webix_hs_left .webix_hcell.webix_last {
  border-right: 1px solid #DADEE0;
}
.webix_dtable .webix_hcell.webix_ss_filter {
  padding: 0px 4px;
}
.webix_dtable .webix_hcell.webix_div_filter {
  padding: 1px 4px;
}
.webix_dtable .webix_dtable_subview {
  background: #FFFFFF;
}
.webix_dtable .webix_dtable_subview .webix_view {
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: #EDEFF0;
}
.webix_dtable .webix_ss_filter select,
.webix_dtable .webix_ss_filter input {
  height: 32px;
  vertical-align: middle;
  border-radius: 2px;
  border-color: #CCD7E6;
}
.webix_dtable .webix_ss_filter select:focus,
.webix_dtable .webix_ss_filter input:focus {
  border-color: #1CA1C1;
}
.webix_dtable .webix_select_mark > div.webix_row_select {
  box-shadow: inset 2px 0 #1CA1C1;
}
.webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row,
.webix_dtable .webix_ss_header .webix_span.webix_last_row {
  border-bottom: 1px solid #5ccce7;
}
.webix_dtable .webix_ss_footer .webix_hcolumn > div:first-child,
.webix_dtable .webix_ss_footer .webix_hcell[row="0"] {
  border-top: 1px solid #5ccce7;
}
.webix_dtable .webix_ss_footer,
.webix_dtable .webix_ss_footer .webix_hcolumn,
.webix_dtable .webix_ss_footer .webix_hs_left,
.webix_dtable .webix_ss_footer .webix_hs_center,
.webix_dtable .webix_ss_footer .webix_hs_right,
.webix_dtable .webix_ss_footer div.webix_ss_vscroll_footer {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
  background: #F4F5F9;
}
.webix_dtable .webix_column > .webix_drag_over.webix_cell {
  background-color: #F4F5F9;
}
.webix_block_selection {
  border: none;
  background: #1CA1C1;
  opacity: 0.1;
}
.webix_area_selection,
.webix_area_selection_handle {
  background: #1CA1C1;
}
.webix_dtable_focused .webix_area_selection,
.webix_dtable_focused .webix_area_selection_handle {
  background-color: #1992af;
}
.dtBodyCell {
  border-bottom: 1px solid #EDEFF0;
}
.webix_dtable div.webix_ss_vscroll_header {
  border-bottom-color: #5ccce7;
}
.webix_dtable div.webix_ss_vscroll_footer {
  border-top-color: #5ccce7;
  border-left-color: #DADEE0;
}
.webix_view .webix_dt_editor input,
.webix_view .webix_dt_editor select {
  border-color: #1CA1C1;
  border-radius: 2px;
}
.dataItemStyle {
  border-color: #EDEFF0;
}
.webix_list_item.webix_group_back {
  color: #313131;
  background: #F4F5F9;
  border-bottom: 1px solid #DADEE0;
}
.webix_dataview_item {
  border-right-color: #EDEFF0;
  line-height: 24px;
}
.webix_dataview_item.webix_selected {
  box-shadow: none;
}
.webix_dataview_item.tiles.webix_selected {
  border-color: #5ccce7;
}
.webix_view .webix_pager_item {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  outline: none;
  background: #F4F5F9;
  color: #1CA1C1;
}
.webix_view .webix_pager_item:hover {
  background-color: #e7e9f2;
}
.webix_view .webix_pager_item:focus {
  background-color: #e7e9f2;
}
.webix_view .webix_pager_item:active {
  background-color: #daddeb;
}
.webix_view .webix_pager_item_selected {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
  outline: none;
  background: #1CA1C1;
  color: #FFFFFF;
}
.webix_view .webix_pager_item_selected:hover {
  background-color: #1992af;
}
.webix_view .webix_pager_item_selected:focus {
  background-color: #1992af;
}
.webix_view .webix_pager_item_selected:active {
  background-color: #17839d;
}
.webix_view .webix_pager_item,
.webix_view .webix_pager_item_selected {
  border-radius: 2px;
  border-width: 0px;
}
.webix_list .webix_unit_header {
  font-weight: normal;
  text-shadow: none;
  border-bottom: 1px solid #DADEE0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F4F5F9;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
.webix_list .webix_unit_header:not(:first-child) {
  border-top: 1px solid #DADEE0;
  margin-top: -1px;
}
.webix_tree .webix_tree_item.webix_selected {
  background-color: #F4F5F9;
}
.webix_tree .webix_tree_item.webix_selected:focus {
  background-color: #edeff5;
}
.webix_tree .webix_tree_item.webix_selected span {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.webix_tree .webix_tree_item.webix_selected div {
  background-color: transparent;
}
.webix_tree_open,
.webix_tree_close {
  background-image: none;
  font-family: "Webix Material Icons";
  font-size: 24px;
  text-align: center;
  color: #94A1B3;
}
.webix_tree_open:before {
  content: "\F027";
}
.webix_tree_close:before {
  content: "\F028";
}
.webix_tree_folder,
.webix_tree_folder_open,
.webix_tree_file {
  background-image: none;
  font-family: "Webix Material Icons";
  font-size: 20px;
  margin: 0 4px 0 0;
  width: 24px;
  text-align: center;
  color: #DADEE0;
}
.webix_tree_folder:before {
  content: "\F030";
}
.webix_tree_folder_open:before {
  content: "\F031";
}
.webix_tree_file:before {
  content: "\F032";
}
.webix_menu-x .webix_list_item .webix_submenu_icon,
.webix_view.webix_menu .webix_list_item .webix_submenu_icon {
  font-size: 14px;
  font-family: "Webix Material Icons";
  width: 6px;
  top: 0;
  margin-left: 0;
}
.webix_view.webix_popup.webix_menu {
  border: none;
}
.webix_menu.webix_view .webix_list_item:hover,
.webix_menu.webix_view .webix_list_item:active {
  background-color: #edeff5;
}
.webix_menu.webix_view .webix_list_item .webix_submenu_icon:before {
  content: '\F003';
}
.webix_menu.webix_view .webix_list_item.webix_selected {
  background: #F4F5F9;
}
.webix_menu.webix_view .webix_list_item.webix_disabled {
  background-color: #FFFFFF;
}
.webix_menu.webix_view .webix_icon {
  color: #94A1B3;
}
.webix_property .webix_property_label_line {
  background-color: #F4F5F9;
}
.webix_drag_over,
.webix_drop_zone {
  background-color: #F4F5F9;
}
.webix_view button,
.webix_view input[type=button] {
  -webkit-appearance: none;
}
.focusStyle {
  border: 1px solid #1CA1C1;
}
.webix_el_search input,
.webix_el_combo input,
.webix_el_colorpicker input {
  padding-right: 28px;
}
.webix_el_search input,
.webix_el_text input,
.webix_el_combo input,
.webix_el_colorpicker input,
.webix_el_datepicker input {
  border-radius: 2px;
}
.webix_el_search input:focus,
.webix_el_text input:focus,
.webix_el_combo input:focus,
.webix_el_colorpicker input:focus,
.webix_el_datepicker input:focus {
  border: 1px solid #1CA1C1;
}
.webix_el_richselect .webix_inp_static,
.webix_el_datepicker .webix_inp_static,
.webix_el_colorpicker .webix_inp_static {
  border-radius: 2px;
  padding-right: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.webix_el_richselect .webix_inp_static:focus,
.webix_el_datepicker .webix_inp_static:focus,
.webix_el_colorpicker .webix_inp_static:focus {
  border: 1px solid #1CA1C1;
}
.webix_el_textarea textarea:focus {
  border: 1px solid #1CA1C1;
}
.webix_el_select select:focus {
  border: 1px solid #1CA1C1;
}
.webix_el_select select,
.webix_el_textarea textarea {
  border-radius: 2px;
}
.webix_el_text .webix_inp_static {
  border-radius: 2px;
  white-space: nowrap;
}
.webix_focused .webix_inp_static {
  border: 1px solid #1CA1C1;
}
.webix_multilist .wxi-checkbox-marked {
  color: #1CA1C1;
}
.webix_multilist .wxi-checkbox-blank {
  color: #94A1B3;
}
.webix_multicombo_value,
.webix_multicombo_tag,
.webix_multicombo_value.webix_readonly {
  background-color: #EBEDF0;
  border-radius: 100px;
  padding: 0 12px 0 12px;
}
.webix_multicombo_value {
  padding: 0 26px 0 12px;
}
.webix_multicombo_delete {
  color: #94A1B3;
  margin-top: -10px;
  font-size: 20px;
  height: 20px;
}
.webix_multicombo_delete::after {
  content: "\F033";
}
.webix_checksuggest_select_all:hover {
  background-color: #F4F5F9;
  border-radius: 2px;
}
.webix_checksuggest_select_all:hover .webix_label_right {
  color: #1CA1C1;
}
.webix_checksuggest_select_all .webix_label_right {
  text-align: center;
  font-size: 16px;
  color: #1CA1C1;
}
.webix_checksuggest_select_all.webix_el_checkbox .webix_label_right {
  padding-top: 5px;
}
.buttonStyle {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
  outline: none;
}
.webix_el_colorpicker div.webix_inp_static div {
  margin: 2.5px -20px 0px -5px;
}
div.webix_inp_static,
.webix_el_textarea textarea {
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
}
.webix_el_select select {
  font-family: Roboto, sans-serif;
  border-color: #DADEE0;
}
.webix_el_checkbox input {
  border-color: #DADEE0;
}
.webix_el_counter .webix_inp_counter_value {
  width: 42px;
  background: #ffffff;
  font-family: Roboto, sans-serif;
  border-color: #CCD7E6;
  /*.altBackColor;
	.altBackBorderColor;*/
}
.webix_el_counter .webix_inp_counter_prev,
.webix_el_counter .webix_inp_counter_next {
  background: #F4F5F9;
  width: 30px;
  border: 1px solid #CCD7E6;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
}
.webix_el_counter .webix_inp_counter_prev {
  font-size: 20px;
  border-right: none;
}
.webix_el_counter .webix_inp_counter_next {
  font-size: 20px;
  border-left: none;
}
.webix_view.webix_control.webix_el_tabbar {
  background: #FFFFFF;
}
.webix_all_tabs .webix_item_tab {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1CA1C1;
  letter-spacing: 0px;
  border: none;
}
.webix_all_tabs .webix_item_tab:hover {
  background-color: #F4F5F9;
}
.webix_all_tabs .webix_item_tab .webix_icon.webix_tab_close {
  width: 28px;
  font-size: 20px;
  padding: 0;
  margin-top: 1px;
  color: #94A1B3;
}
.webix_all_tabs .webix_item_tab .webix_icon.webix_tab_close:focus {
  color: #FF5C4C;
}
.webix_all_tabs .webix_item_tab.webix_selected {
  box-shadow: inset 0 -2px #1CA1C1;
  padding-bottom: 0;
}
.webix_all_tabs .webix_item_tab.webix_selected:hover {
  background-color: transparent;
}
.webix_all_tabs .webix_item_tab.webix_selected:focus {
  color: #17839d;
  box-shadow: inset 0 -2px #17839d;
}
.webix_all_tabs .webix_item_tab.webix_selected.webix_disabled {
  box-shadow: inset 0 -2px #94A1B3;
}
.webix_all_tabs .webix_tab_filler {
  border: none;
}
.webix_all_tabs .webix_tab_more_icon .webix_icon {
  color: #1CA1C1;
}
.webix_all_tabs .webix_tab_more_icon:hover,
.webix_all_tabs .webix_tab_more_icon:focus {
  background-color: #F4F5F9;
}
.webixtype_bottom .webix_item_tab,
.webixtype_bottom .webix_item_tab.webix_selected {
  background: #FFFFFF;
  padding: 0;
}
.webixtype_bottom .webix_item_tab:last-child,
.webixtype_bottom .webix_item_tab.webix_selected:last-child {
  border-right: none;
}
.webixtype_bottom .webix_item_tab.webix_selected {
  box-shadow: inset 0 2px #1CA1C1;
  background: #FFFFFF;
  color: #1CA1C1;
}
.webixtype_bottom .webix_item_tab.webix_selected:focus {
  box-shadow: inset 0 2px #17839d;
}
.webixtype_bottom .webix_item_tab.webix_selected.webix_disabled {
  box-shadow: inset 0 2px #94A1B3;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn .webix_icon_btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  margin: 0 3px;
  height: 100%;
  line-height: inherit;
  vertical-align: top;
  width: 100%;
}
.webix_el_tabbar .webixtype_icon .webix_item_tab.webix_selected {
  background: #FFFFFF;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn:active,
.webix_el_tabbar .webixtype_icon .webix_img_btn_top:active {
  background-color: #FFFFFF;
}
.webix_accordionitem_label .webix_icon {
  margin-right: 8px;
}
.webix_el_tabbar .webixtype_iconTop,
.webix_el_tabbar .webixtype_image {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.webix_el_tabbar .webixtype_iconTop .webix_icon,
.webix_el_tabbar .webixtype_image .webix_icon {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab,
.webix_el_tabbar .webixtype_image .webix_item_tab {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_icon,
.webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_icon,
.webix_el_tabbar .webixtype_iconTop .webix_img_btn_top .webix_image,
.webix_el_tabbar .webixtype_image .webix_img_btn_top .webix_image {
  top: 0;
}
.webix_el_tabbar .webixtype_iconTop .webix_img_btn_text,
.webix_el_tabbar .webixtype_image .webix_img_btn_text {
  bottom: 0px;
  font-size: 14px;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected {
  background: #FFFFFF;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn_text,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn_text {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_icon_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_icon_btn {
  background-color: #FFFFFF;
}
.webix_el_tabbar .webixtype_iconTop .webix_item_tab.webix_selected .webix_img_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab.webix_selected .webix_img_btn {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_icon .webix_item_tab,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab,
.webix_el_tabbar .webixtype_image .webix_item_tab {
  padding: 0;
  border-radius: 0;
}
.webix_el_tabbar .webixtype_icon .webix_item_tab .webix_img_btn,
.webix_el_tabbar .webixtype_iconTop .webix_item_tab .webix_img_btn,
.webix_el_tabbar .webixtype_image .webix_item_tab .webix_img_btn {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_icon .webix_tab_more_icon,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon {
  background: #FFFFFF;
}
.webix_el_tabbar .webixtype_icon .webix_tab_more_icon .webix_icon,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon .webix_icon,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon .webix_icon,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon .webix_icon {
  color: #1CA1C1;
}
.webix_el_tabbar .webixtype_icon .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:hover,
.webix_el_tabbar .webixtype_icon .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_iconTop .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_image .webix_tab_more_icon:focus,
.webix_el_tabbar .webixtype_bottom .webix_tab_more_icon:focus {
  background-color: #F4F5F9;
}
.webix_el_tabbar .webixtype_icon .webix_img_btn:hover,
.webix_el_tabbar .webixtype_iconTop .webix_img_btn:hover,
.webix_el_tabbar .webixtype_image .webix_img_btn:hover,
.webix_el_tabbar .webixtype_icon .webix_img_btn_top:hover,
.webix_el_tabbar .webixtype_iconTop .webix_img_btn_top:hover,
.webix_el_tabbar .webixtype_image .webix_img_btn_top:hover {
  background-color: transparent;
}
.webix_tab_filler:first-child {
  border-right: 0;
}
.passiveBarBG {
  background: #FFFFFF;
  color: #1CA1C1;
}
.webix_remove_upload .cancel_icon {
  background-image: none;
  font-family: "Webix Material Icons";
  font-size: 17px;
  margin: 0;
  height: auto;
  width: 20px;
}
.webix_remove_upload .cancel_icon:hover {
  color: #FF5C4C;
}
.webix_remove_upload .cancel_icon:before {
  content: "\F011";
}
.webix_upload_error .error_icon {
  background-image: none;
  font-family: "Webix Material Icons";
  font-size: 20px;
  height: auto;
  width: 20px;
  color: #FF5C4C;
}
.webix_upload_error .error_icon:before {
  content: "\F034";
}
.webix_inp_counter_next:hover,
.webix_inp_counter_prev:hover {
  background-color: #e7e9f2;
}
.webix_inp_counter_next:focus,
.webix_inp_counter_prev:focus {
  background-color: #e7e9f2;
}
.webix_inp_counter_next:active,
.webix_inp_counter_prev:active {
  background-color: #daddeb;
}
.webix_el_button button,
.webix_el_toggle button,
.webixbutton,
.webix_view button,
.webix_view input[type=button] {
  border-width: 0px;
}
.webix_segment_0:hover,
.webix_segment_1:hover,
.webix_segment_N:hover {
  background-color: #e7e9f2;
}
.webix_segment_0:focus,
.webix_segment_1:focus,
.webix_segment_N:focus {
  background-color: #e7e9f2;
}
.webix_segment_0:active,
.webix_segment_1:active,
.webix_segment_N:active {
  background-color: #daddeb;
}
.webix_selected.webix_segment_0:hover,
.webix_selected.webix_segment_1:hover,
.webix_selected.webix_segment_N:hover {
  background-color: #1992af;
}
.webix_selected.webix_segment_0:focus,
.webix_selected.webix_segment_1:focus,
.webix_selected.webix_segment_N:focus {
  background-color: #1992af;
}
.webix_selected.webix_segment_0:active,
.webix_selected.webix_segment_1:active,
.webix_selected.webix_segment_N:active {
  background-color: #17839d;
}
.webix_all_segments .webix_segment_1,
.webix_all_segments .webix_segment_N {
  margin-left: 1px;
  border-left: none;
}
.webix_segment_0,
.webix_segment_1,
.webix_segment_N {
  border-color: #F4F5F9;
  background-color: #F4F5F9;
  color: #1CA1C1;
  font-weight: 500;
}
.webix_slider_vertical .webix_slider_box .webix_slider_left,
.webix_slider_vertical .webix_slider_box .webix_slider_right {
  width: 6px;
}
.webix_slider_vertical .webix_slider_box .webix_slider_handle {
  left: 5px;
}
.webix_slider_vertical.webix_slider_alt .webix_slider_handle {
  left: 3px;
}
.webix_section > .webix_template {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.webix_view.webix_control .webix_disabled_box .webix_input_icon,
.webix_view.webix_control .webix_disabled_box .webix_custom_checkbox,
.webix_view.webix_control .webix_disabled_box .webix_custom_radio {
  color: #DADEE0;
}
.webix_view > .webix_disabled {
  background-color: #EBEDF0;
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.webix_disabled_view .webix_disabled_top_label {
  color: #94A1B3;
}
.webix_custom_checkbox:before {
  content: "\F013";
  font-family: "Webix Material Icons";
  cursor: pointer;
}
.webix_checkbox_1 .webix_custom_checkbox:before {
  content: "\F012";
}
.webix_checkbox_1 .webix_custom_checkbox {
  color: #1CA1C1;
}
.webix_custom_checkbox {
  float: left;
  position: relative;
  font-size: 24px;
  height: 100%;
  padding: 0;
  margin-top: 1px;
  border: none;
  background-color: transparent;
  color: #94A1B3;
}
.webix_custom_checkbox:focus {
  color: #188ba6;
}
.webix_el_radio .webix_custom_radio:before {
  font-family: "Webix Material Icons";
  font-size: 24px;
  content: "\F035";
  display: block;
}
.webix_el_radio .webix_radio_1 .webix_custom_radio {
  color: #1CA1C1;
}
.webix_el_radio .webix_radio_1 .webix_custom_radio:before {
  content: "\F036";
}
.webix_el_radio .webix_custom_radio {
  padding: 0;
  display: block;
  background-color: transparent;
  border-color: transparent;
  color: #94A1B3;
  cursor: pointer;
}
.webix_el_radio .webix_custom_radio:focus {
  color: #188ba6;
}
.webix_cal_icon,
.webix_cal_time,
.webix_cal_month_name {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.webix_cal_icon:hover,
.webix_cal_time:hover,
.webix_cal_month_name:hover,
.webix_cal_icon:focus,
.webix_cal_time:focus,
.webix_cal_month_name:focus {
  text-decoration: none;
  color: #1CA1C1;
}
.webix_cal_month_name,
.webix_time_header .webix_cal_hours,
.webix_time_header .webix_cal_minutes {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
.webix_cal_month_name.webix_readonly:hover,
.webix_cal_month_name.webix_readonly:focus {
  color: #313131;
}
.webix_cal_prev_button,
.webix_cal_next_button {
  background-image: none;
  width: 24px;
  font-size: 24px;
  font-family: "Webix Material Icons";
  color: #94A1B3;
}
.webix_cal_prev_button:hover,
.webix_cal_next_button:hover,
.webix_cal_prev_button:focus,
.webix_cal_next_button:focus {
  color: #1CA1C1;
}
.webix_cal_prev_button:before {
  content: "\F029";
}
.webix_cal_next_button:before {
  content: "\F028";
}
.webix_time_header .webix_cal_hours,
.webix_time_header .webix_cal_minutes,
.webix_cal_body .webix_cal_block_empty {
  font-weight: 500;
  border-bottom: none;
}
.webix_view > .webix_cal_header {
  height: 18px;
}
.webix_view > .webix_cal_header div {
  height: 17px;
  line-height: 18px;
  font-size: 12px;
  border-bottom-color: transparent;
}
.webix_cal_body .webix_cal_week_num {
  color: #475466;
}
.webix_cal_body .webix_cal_today .webix_cal_day_inner {
  box-shadow: inset 0 0 0 1px #1CA1C1;
}
.webix_cal_body .webix_cal_day_inner {
  display: inline-block;
  font-size: 12px;
  border-radius: 50%;
}
.webix_cal_body .webix_cal_day_inner:hover {
  background-color: #F4F5F9;
}
.webix_cal_body .webix_cal_event {
  font-weight: 500;
  color: #1CA1C1;
}
.webix_cal_body .webix_cal_outside {
  color: #94A1B3;
  font-weight: normal;
}
.webix_cal_body .webix_cal_select,
.webix_cal_body .webix_cal_today.webix_cal_select {
  background-color: transparent;
}
.webix_cal_body .webix_cal_select .webix_cal_day_inner,
.webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner {
  color: #FFFFFF;
  background-color: #1CA1C1;
}
.webix_cal_body .webix_cal_select .webix_cal_day_inner:hover,
.webix_cal_body .webix_cal_today.webix_cal_select .webix_cal_day_inner:hover {
  background-color: #1CA1C1;
}
.webix_cal_body .webix_cal_select:focus .webix_cal_day_inner,
.webix_cal_body .webix_cal_today.webix_cal_select:focus .webix_cal_day_inner {
  background-color: #1992af;
}
.webix_cal_body .webix_cal_block {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.webix_cal_body .webix_cal_block.webix_selected {
  background-color: transparent;
}
.webix_cal_body .webix_cal_block.webix_selected span {
  background-color: #1CA1C1;
  color: #FFFFFF;
}
.webix_cal_body .webix_cal_block.webix_selected span:hover {
  background-color: #1CA1C1;
}
.webix_cal_body .webix_cal_block.webix_selected:focus span {
  background-color: #1992af;
}
.webix_cal_body .webix_cal_block span {
  border-radius: 50%;
}
.webix_cal_body .webix_cal_block span:hover {
  background-color: #F4F5F9;
}
.webix_cal_body .webix_hours .webix_cal_day_disabled,
.webix_cal_body .webix_hours .webix_cal_day_disabled.webix_cal_event,
.webix_cal_body .webix_minutes .webix_cal_day_disabled,
.webix_cal_body .webix_minutes .webix_cal_day_disabled.webix_cal_event,
.webix_cal_body .webix_cal_day_disabled,
.webix_cal_body .webix_cal_day_disabled.webix_cal_event {
  background-color: #fbfbfd;
  color: #94A1B3;
}
.webix_cal_body .webix_hours .webix_cal_day_disabled span:hover,
.webix_cal_body .webix_hours .webix_cal_day_disabled.webix_cal_event span:hover,
.webix_cal_body .webix_minutes .webix_cal_day_disabled span:hover,
.webix_cal_body .webix_minutes .webix_cal_day_disabled.webix_cal_event span:hover,
.webix_cal_body .webix_cal_day_disabled span:hover,
.webix_cal_body .webix_cal_day_disabled.webix_cal_event span:hover {
  background-color: transparent;
}
.webix_cal_body .webix_cal_range_first,
.webix_cal_body .webix_cal_range_last {
  position: relative;
}
.webix_cal_body .webix_cal_range_last + .webix_cal_outside {
  background-color: #FFFFFF;
}
.webix_cal_body .webix_cal_range_first:before,
.webix_cal_body .webix_cal_range_last:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #e1f6fb;
}
.webix_cal_body .webix_cal_range_first:before {
  right: 100%;
}
.webix_cal_body .webix_cal_range_last:after {
  left: 100%;
}
.webix_cal_body .webix_cal_range_start,
.webix_cal_body .webix_cal_range_end {
  position: relative;
  z-index: 1;
}
.webix_cal_body .webix_cal_range_last + .webix_cal_outside {
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
}
.webix_cal_body .webix_cal_range:first-child:before,
.webix_cal_body .webix_cal_range:last-child:after,
.webix_cal_body .webix_cal_outside + .webix_cal_range_first:before {
  width: 0;
}
.webix_cal_body .webix_cal_range_start,
.webix_cal_body .webix_cal_range_end,
.webix_cal_body .webix_cal_today.webix_cal_range_start,
.webix_cal_body .webix_cal_today.webix_cal_range_end {
  background-color: transparent;
}
.webix_cal_body .webix_cal_range_start .webix_cal_day_inner,
.webix_cal_body .webix_cal_range_end .webix_cal_day_inner,
.webix_cal_body .webix_cal_today.webix_cal_range_start .webix_cal_day_inner,
.webix_cal_body .webix_cal_today.webix_cal_range_end .webix_cal_day_inner {
  color: #FFFFFF;
  background-color: #1CA1C1;
}
.webix_cal_body .webix_cal_range {
  background-color: #e1f6fb;
}
.webix_daterange .webix_range_timepicker .webix_cal_time {
  padding: 4px;
}
.webix_daterange .webix_cal_icons .webix_cal_icon {
  border-top: none;
}
.webix_progress_top .webix_progress_state,
.webix_progress_bottom .webix_progress_state {
  background: #1CA1C1;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
}
.webix_progress_top .webix_progress_state {
  background-size: 10px 10px;
}
.webix_progress_bottom .webix_progress_state {
  background-size: 14px 14px;
}
.webix_switch_box {
  color: #475466;
  background-color: #F4F5F9;
}
.webix_switch_box.webix_switch_on {
  background-color: #1CA1C1;
}
.webix_switch_box .webix_switch_text {
  padding-top: 2px;
}
.webix_sidebar {
  background-color: #FFFFFF;
}
.webix_sidebar .webix_tree_item:hover {
  background-color: #edeff5;
}
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected,
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_sidebar_selected {
  box-shadow: inset 2px 0 #1CA1C1;
}
.webix_sidebar.webix_sidebar_right .webix_tree_item.webix_sidebar_selected + .webix_tree_leaves .webix_tree_item,
.webix_sidebar.webix_sidebar_right .webix_tree_item.webix_selected,
.webix_sidebar.webix_sidebar_right .webix_tree_item.webix_sidebar_selected {
  box-shadow: inset -2px 0 #1CA1C1;
}
.webix_sidebar .webix_tree_branch_1 {
  border: none;
}
.webix_sidebar .webix_tree_branch_1 .webix_tree_item {
  padding-right: 12px;
}
.webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  padding-left: 12px;
}
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item .webix_sidebar_icon {
  margin-right: 8px;
}
.webix_sidebar .webix_sidebar_icon {
  width: 20px;
  vertical-align: middle;
}
.webix_sidebar .webix_sidebar_icon,
.webix_sidebar .webix_sidebar_dir_icon {
  color: #94A1B3;
  font-size: 20px;
}
.webix_sidebar .webix_tree_item,
.webix_sidebar .webix_tree_branch_1 > .webix_tree_item {
  color: #475466;
  cursor: pointer;
}
.webix_sidebar .webix_tree_item.webix_selected,
.webix_sidebar .webix_tree_item.webix_sidebar_selected {
  color: #1CA1C1;
  background-color: #F4F5F9;
  font-weight: 500;
}
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_icon,
.webix_sidebar .webix_tree_item.webix_selected .webix_sidebar_dir_icon,
.webix_sidebar .webix_tree_item.webix_sidebar_selected .webix_sidebar_dir_icon {
  color: #1CA1C1;
}
.webix_sidebar .webix_tree_item.webix_selected span {
  background-color: transparent;
  color: #1CA1C1;
}
.webix_sidebar.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected {
  background-color: transparent;
}
.webix_sidebar.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected:hover {
  background-color: #edeff5;
}
.webix_sidebar_popup_list .webix_list_item,
.webix_sidebar_popup_list .webix_list_item:first-child {
  border-width: 0px;
}
.webix_sidebar_popup_list .webix_list_item.webix_sidebar_selected {
  background-color: #F4F5F9;
  color: #1CA1C1;
  font-weight: 500;
}
.webix_sidebar_popup_list .webix_list_item.webix_sidebar_selected:hover {
  background-color: #F4F5F9 !important;
}
.webix_sidebar_popup_list .webix_list_item.webix_selected {
  color: #1CA1C1;
  font-weight: 500;
}
.webix_sidebar_popup_list .webix_tree_branch_1 > .webix_tree_item {
  height: 44px;
  line-height: 44px;
}
.webix_sidebar_popup_left .webix_list_item.webix_selected,
.webix_sidebar_popup_left .webix_list_item.webix_sidebar_selected {
  box-shadow: inset 2px 0 #1CA1C1;
}
.webix_sidebar_popup_right .webix_list_item.webix_selected,
.webix_sidebar_popup_right .webix_list_item.webix_sidebar_selected {
  box-shadow: inset -2px 0 #1CA1C1;
}
.webix_sidebar_popup_list.webix_sidebar_popup_right .webix_icon {
  margin-left: -8px;
}
.webix_sidebar_popup.webix_sidebar_popup_left,
.webix_sidebar_popup.webix_sidebar_popup_right {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}
.webix_sidebar_popup.webix_sidebar_popup_right .webix_sidebar_popup_right {
  box-shadow: none;
}
.webix_sidebar_popup .webix_sidebar_popup_title {
  background-color: #F4F5F9;
}
.webix_sidebar_popup .webix_sidebar_popup_title .webix_template {
  border: none;
  line-height: 44px;
}
.webix_sidebar_popup .webix_sidebar_popup_title.webix_selected {
  color: #1CA1C1;
  font-weight: 500;
}
.webix_sidebar_popup_right {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
}
.webix_sidebar.webix_dark {
  border-color: #4A4E58;
  background-color: #4A4E58;
}
.webix_sidebar.webix_dark .webix_tree_item {
  color: #FFFFFF;
}
.webix_sidebar.webix_dark .webix_tree_item:hover {
  background-color: #33353c;
}
.webix_sidebar.webix_dark .webix_tree_item.webix_selected,
.webix_sidebar.webix_dark .webix_tree_item.webix_sidebar_selected {
  color: #1CA1C1;
  background-color: #373a42;
}
.webix_sidebar.webix_dark.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected {
  background-color: transparent;
}
.webix_sidebar.webix_dark.webix_sidebar_expanded .webix_tree_item.webix_sidebar_selected:hover {
  background-color: #33353c;
}
.webix_sidebar_popup.webix_dark .webix_sidebar_popup_title {
  background-color: #373a42;
}
.webix_sidebar_popup.webix_dark .webix_sidebar_popup_title .webix_template {
  border-color: #373a42;
  color: #FFFFFF;
}
.webix_sidebar_popup.webix_dark .webix_sidebar_popup_title.webix_selected .webix_template {
  color: #1CA1C1;
}
.webix_sidebar_popup_list.webix_dark {
  background-color: #4A4E58;
  border-color: #373a42;
}
.webix_sidebar_popup_list.webix_dark .webix_list_item {
  background: #4A4E58;
  color: #FFFFFF;
  border-color: #373a42;
}
.webix_sidebar_popup_list.webix_dark .webix_list_item.webix_selected,
.webix_sidebar_popup_list.webix_dark .webix_list_item.webix_sidebar_selected {
  background-color: #373a42;
  color: #1CA1C1;
}
.webix_sidebar_popup_list.webix_dark .webix_list_item:hover {
  background-color: #33353c;
}
.webix_sidebar_popup_list.webix_dark .webix_list_item.webix_selected {
  background-color: #373a42;
}
.webix_sidebar_popup_list.webix_dark .webix_list_item.webix_sidebar_selected:hover {
  background-color: #373a42 !important;
}
.webix_sidebar_popup.webix_dark {
  border-color: #373a42;
}
.webix_list_item.webix_selected {
  box-shadow: inset 2px 0 #1CA1C1;
}
.webix_list_item.webix_disabled {
  color: #94A1B3;
}
.webix_list_item.webix_selected.webix_disabled {
  box-shadow: inset 2px 0 #94A1B3;
}
.webix_list_item .webix_icon {
  font-size: 20px;
}
.webix_list-x .webix_list_item.webix_selected {
  box-shadow: none;
  border-left: none;
  padding-left: 12px;
}
.webix_header > div {
  padding-left: 12px;
}
.webix_icon,
.webix_icon_btn,
.webix_input_icon {
  font-family: "Webix Material Icons";
}
.webix_icon_button {
  position: relative;
  z-index: 0;
}
.webix_icon_button:before {
  content: '';
  opacity: 0;
  position: absolute;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  border-radius: 50%;
  transform: scale(0);
  transition-property: transform, opacity;
}
.webix_icon_button:hover .webix_icon {
  color: #475466;
}
.webix_icon_button:hover:before {
  background-color: #F4F5F9;
  opacity: 1;
  transform: scale(1);
}
.webix_icon_btn,
.webix_input_icon {
  width: 20px;
}
.webix_img_btn_top .webix_icon {
  color: #94A1B3;
}
.webix_icon_btn {
  vertical-align: text-bottom;
}
.webix_resize_frame {
  box-shadow: 0 2px 6px 0 #000, 0 1px 4px 0 #000;
}
.webix_tooltip {
  padding: 4px 8px;
  background-color: #475466;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 20px;
  border-radius: 2px;
  border: none;
}
.portlet_marker,
.portlet_markertop,
.portlet_markerbottom,
.portlet_markerleft,
.portlet_markerright {
  background: #1CA1C1;
}
.webix_treemap_item:hover {
  box-shadow: inset 0 0 0 1px #5ccce7;
}
.webix_treemap_item.webix_selected {
  border-color: inherit;
  box-shadow: inset 0 0 0 2px #1CA1C1;
}
.webixlabel {
  font-weight: 500;
}
.webixtoolbarlabel {
  letter-spacing: 0;
}
.webix_inp_label,
.webix_inp_top_label,
legend.webix_forminput_label,
.webix_el_label .webix_el_box {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #313131;
  letter-spacing: 0.2px;
}
.webix_inp_label,
.webix_forminput_label {
  padding-right: 8px;
}
.webix_label_right {
  padding-left: 4px;
}
.webix_el_checkbox .webix_label_right {
  display: block;
}
.webix_richtext .webix_richtext_container {
  box-shadow: inset 0 1px #DADEE0;
}
.webix_dbllist .bottom_label {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #94A1B3;
  letter-spacing: 0.2px;
}
.webix_popup.webix_sidemenu.webix_sidemenu_left,
.webix_popup.webix_sidemenu.webix_sidemenu_right,
.webix_popup.webix_sidemenu.webix_sidemenu_top,
.webix_popup.webix_sidemenu.webix_sidemenu_bottom {
  border: none;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.webix_organogram .webix_organogram_item {
  background: #F4F5F9;
  border-color: #CCD7E6;
  border-radius: 2px;
}
.webix_organogram .webix_organogram_item.webix_selected {
  border-color: #1CA1C1;
  background: #e8f6f9;
}
.webix_chart .webix_chart_legend_item,
.webix_chart .webix_canvas_text,
.webix_chart .webix_axis_title_x,
.webix_chart .webix_axis_title_y {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #475466;
  letter-spacing: 0.2px;
}
.webix_chart .webix_canvas_text.webix_axis_item_x,
.webix_chart .webix_canvas_text.webix_axis_item_y,
.webix_chart .webix_axis_title_x,
.webix_chart .webix_axis_title_y,
.webix_chart .webix_canvas_text.webix_axis_radar_title {
  color: #94A1B3;
}
.webix_toolbar.pdf_bar {
  background-color: #474747;
}
.webix_toolbar.pdf_bar .webix_icon_btn {
  font-size: 20px;
  vertical-align: middle;
}
.webix_toolbar.pdf_bar .webix_img_btn:focus,
.webix_toolbar.pdf_bar .webix_img_btn:hover {
  background-color: #333333;
}
.invalidStyle {
  color: #FF5C4C;
  background-color: #ffdedb;
}
.webix_list_item.webix_invalid,
.webix_tree_item.webix_invalid,
.webix_dataview_item.webix_invalid,
.webix_cell.webix_invalid {
  color: #FF5C4C;
  background-color: #ffdedb;
}
.webix_invalid .webix_el_box input,
.webix_invalid .webix_el_box .webix_inp_static,
.webix_invalid .webix_el_box select,
.webix_invalid .webix_el_box textarea,
input.webix_invalid,
select.webix_invalid,
textarea.webix_invalid {
  color: #FF5C4C;
  background-color: #ffdedb;
  border-color: #ff8d82;
}
.webix_invalid .webix_inp_bottom_label {
  color: #FF5C4C;
}
.webix_nav_panel .webix_nav_item {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  filter: alpha(opacity=100);
  opacity: 1;
}
.webix_nav_panel .webix_nav_item:hover {
  border-color: rgba(255, 255, 255, 0.6);
}
.webix_nav_panel .webix_nav_active {
  background-color: #FFFFFF;
}
.webix_nav_button_prev .webix_nav_button_inner,
.webix_nav_button_next .webix_nav_button_inner {
  opacity: 1;
  background-image: none;
  text-align: center;
  font-family: "Webix Material Icons";
  font-size: 24px;
  color: #FFFFFF;
  border-radius: 50%;
}
.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_prev .webix_nav_button_inner:focus,
.webix_nav_button_next .webix_nav_button_inner:focus {
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.15s;
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner,
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  opacity: 1;
  text-align: center;
  font-family: "Webix Material Icons";
  font-size: 48px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus,
.webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  background: rgba(0, 0, 0, 0.4);
}
.webix_nav_button_side.webix_nav_button_next {
  right: 0;
}
.webix_nav_button_side.webix_nav_button_prev {
  left: 0;
}
.webix_nav_button_prev .webix_nav_button_inner:before {
  content: "\F002";
}
.webix_nav_button_next .webix_nav_button_inner:before {
  content: "\F003";
}
.webix_dark .webix_nav_item {
  border-color: rgba(0, 0, 0, 0.4);
}
.webix_dark .webix_nav_item:hover {
  border-color: rgba(0, 0, 0, 0.6);
}
.webix_dark .webix_nav_inactive {
  background-color: transparent;
}
.webix_dark .webix_nav_active {
  background-color: #000000;
}
.webix_dark .webix_nav_active:hover,
.webix_dark .webix_nav_active:focus {
  box-shadow: 0 0 2px #000;
}
.webix_dark .webix_nav_button_prev .webix_nav_button_inner,
.webix_dark .webix_nav_button_next .webix_nav_button_inner {
  background-image: none;
  color: #313131;
}
.webix_dark .webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_next .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_prev .webix_nav_button_inner:focus,
.webix_dark .webix_nav_button_next .webix_nav_button_inner:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner,
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner {
  background: rgba(255, 255, 255, 0.2);
}
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:hover,
.webix_dark .webix_nav_button_side.webix_nav_button_prev .webix_nav_button_inner:focus,
.webix_dark .webix_nav_button_side.webix_nav_button_next .webix_nav_button_inner:focus {
  background: rgba(255, 255, 255, 0.4);
}
.webix_skin_mark {
  height: 240px;
}
/* based on MaterialDesignIcons.com */
@font-face {
  font-family: "Webix Material Icons";
  src: url('fonts/webixmdi-webfont.woff2') format('woff2'), url('fonts/webixmdi-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* icons collection common for above fonts*/
.wxi-angle-down:before {
  content: "\F001";
}
.wxi-angle-left:before {
  content: "\F002";
}
.wxi-angle-right:before {
  content: "\F003";
}
.wxi-angle-up:before {
  content: "\F004";
}
.wxi-angle-double-right:before {
  content: "\F005";
}
.wxi-angle-double-left:before {
  content: "\F006";
}
.wxi-clock:before {
  content: "\F007";
}
.wxi-calendar:before {
  content: "\F008";
}
.wxi-search:before {
  content: "\F009";
}
.wxi-dots:before {
  content: "\F010";
}
.wxi-close:before {
  content: "\F011";
}
.wxi-checkbox-marked:before {
  content: "\F012";
}
.wxi-checkbox-blank:before {
  content: "\F013";
}
.wxi-trash:before {
  content: "\F014";
}
.wxi-pencil:before {
  content: "\F015";
}
.wxi-eye:before {
  content: "\F016";
}
.wxi-eye-slash:before {
  content: "\F017";
}
.wxi-columns:before {
  content: "\F018";
}
.wxi-drag:before {
  content: "\F019";
}
.wxi-check:before {
  content: "\F020";
}
.wxi-underline:before {
  content: "\F021";
}
.wxi-bold:before {
  content: "\F022";
}
.wxi-italic:before {
  content: "\F023";
}
.wxi-sync:before {
  content: "\F024";
}
.wxi-plus-square:before {
  content: "\F025";
}
.wxi-minus-square:before {
  content: "\F026";
}
.wxi-menu-down:before {
  content: "\F027";
}
.wxi-menu-right:before {
  content: "\F028";
}
.wxi-menu-left:before {
  content: "\F029";
}
.wxi-folder:before {
  content: "\F030";
}
.wxi-folder-open:before {
  content: "\F031";
}
.wxi-file:before {
  content: "\F032";
}
.wxi-close-circle:before {
  content: "\F033";
}
.wxi-alert:before {
  content: "\F034";
}
.wxi-radiobox-blank:before {
  content: "\F035";
}
.wxi-radiobox-marked:before {
  content: "\F036";
}
.wxi-angle-double-down:before {
  content: "\F037";
}
.wxi-angle-double-up:before {
  content: "\F038";
}
.wxi-plus-circle:before {
  content: "\F039";
}
.wxi-minus-circle:before {
  content: "\F040";
}
.wxi-plus:before {
  content: "\F041";
}
.wxi-minus:before {
  content: "\F042";
}
.wxi-download:before {
  content: "\F043";
}
.wxi-user:before {
  content: "\F044";
}
.wxi-filter:before {
  content: "\F045";
}
.wxi-menu-up:before {
  content: "\F046";
}
/*predefined styles for text lables inside a item*/
.webix_strong {
  font-weight: 500;
  white-space: nowrap;
}
.webix_light {
  color: #b3b3b3;
}
/*contr-styles for bootstrap*/
.webix_view,
.webix_input_icon {
  box-sizing: content-box;
}
.webix_view.webix_el_label {
  box-sizing: border-box;
}
.webix_inp_label,
.webix_inp_top_label,
.webix_label_right {
  margin-bottom: 0px;
}
.webix_view table {
  border-collapse: initial;
}
/* Spin*/
.webix_spin {
  -webkit-animation: webix_spin 2s infinite linear;
  animation: webix_spin 2s infinite linear;
}
@-webkit-keyframes webix_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes webix_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.wbq-query_list .wbq-field-value,
.wbq-query_bar .wbq-field-value {
  color: #005ed6;
}
.wbq-query_list .wbq-field-name,
.wbq-query_bar .wbq-field-name {
  font-weight: 500;
}

.wbq-query_list .action-close,
.wbq-query_list .action-menu {
  cursor: pointer;
  margin-top: 10px;
  right: 4px;
  position: absolute;
}

.wbq-query_bar .action-close,
.wbq-query_bar .action-menu {
  cursor: pointer;
  margin: 8px -10px 0 8px;
}

.wbq-query_list .webix_scroll_cont > .webix_tree_leaves {
  padding: 8px 0;
}
.wbq-query_list .webix_tree_item {
  height: auto;
  padding: 0 16px;
  user-select: none;
  position: relative;
  background: #f4f5f9;
  border-radius: 2px;
  white-space: nowrap;
  overflow: visible !important;
}
.wbq-query_list .webix_tree_item.active-editor {
  line-height: 32px;
  padding: 0;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #fff;
}
.wbq-query_list .webix_tree_item + .webix_tree_leaves {
  padding-top: 10px;
  border-left: 1px solid #ccd7e6;
  margin-left: 20px;
  padding-left: 16px;
}
.wbq-query_list .webix_tree_item.group {
  margin: 0;
}

.wbq-filter_join {
  position: absolute;
  z-index: 2;
  top: -24px;
  height: 20px;
  line-height: 20px;
  left: 0px;
  width: 40px;
  border-radius: 20px;
  text-align: center;
  display: block;
  cursor: pointer;
}

.wbq-filter_join_and {
  color: white;
  background: #fdbf4c;
}

.wbq-filter_join_or {
  color: white;
  background: #55cd97;
}

.wbq-query_list .webix_tree_leaves > div:first-child > div:first-child .wbq-filter_join {
  display: none;
}

.wbq-query_bar .webix_tree_leaves > div:first-child > div:first-child .wbq-filter_join {
  display: none;
}

.wbq-field-box {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}

.wbq-query_bar .webix_scroll_cont > .webix_tree_leaves {
  padding: 0px;
  white-space: nowrap;
  padding: 4px 0 4px 0;
}
.wbq-query_bar div {
  display: inline-block;
}
.wbq-query_bar .webix_tree_item {
  height: 32px;
  line-height: 32px;
  margin: 0px 52px 0px 0;
  padding: 0px 16px;
  user-select: none;
  position: relative;
  background: #f4f5f9;
  border-radius: 2px;
  white-space: nowrap;
  overflow: visible !important;
}
.wbq-query_bar .webix_tree_branch_1 .webix_tree_leaves:before,
.wbq-query_bar .webix_tree_branch_1 .webix_tree_leaves:after {
  color: #a78fd5;
}
.wbq-query_bar .webix_tree_branch_2 .webix_tree_leaves:before,
.wbq-query_bar .webix_tree_branch_2 .webix_tree_leaves:after {
  color: #68ccd2;
}
.wbq-query_bar .webix_tree_branch_3 .webix_tree_leaves:before,
.wbq-query_bar .webix_tree_branch_3 .webix_tree_leaves:after {
  color: #999;
}
.wbq-query_bar .group + .webix_tree_leaves:before,
.wbq-query_bar .group + .webix_tree_leaves:after {
  content: "(";
  margin: 0 2px 0 -4px;
  display: inline-block;
  transform: scaleX(0.75);
  font-size: 30px;
  line-height: 0;
  position: relative;
}
.wbq-query_bar .group + .webix_tree_leaves:after {
  content: ")";
  margin: 0 -4px 0 2px;
}
.wbq-query_bar .webix_tree_leaves .webix_tree_leaves {
  border-radius: 2px;
  margin-left: 0;
  margin-right: 52px;
}
.wbq-query_bar .webix_tree_leaves .webix_tree_leaves .webix_tree_item {
  background: white;
  margin-top: 0px;
  line-height: 32px;
}
.wbq-query_bar .webix_tree_leaves > div:last-child > div {
  margin-right: 0px;
}
.wbq-query_bar .webix_tree_leaves > .webix_tree_branch_1 > .webix_tree_leaves {
  padding: 4px;
  margin-top: -4px;
  margin-bottom: -4px;
}
.wbq-query_bar .wbq-filter_join {
  top: 6px;
  left: -44px;
  width: 36px;
}
.wbq-query_bar .group {
  padding: 0;
  height: 20px;
  margin-right: 0px;
  background: transparent;
}

.webix_toolbar .wbq-query_bar {
  background-color: transparent;
}

.wbq-query_bar .webix_tree_leaves .webix_tree_leaves {
  background: #f4f5f9;
}

.wbq-query_list .webix_tree_item {
  line-height: 36px;
  margin-bottom: 32px;
}

.wbq-query_bar .group + .webix_tree_leaves:before,
.wbq-query_bar .group + .webix_tree_leaves:after {
  top: 4px;
}

.wbq-field-box {
  margin-bottom: -13px;
}
@font-face {
  font-family: "Webix Querybuilder Icons";
  src: url('fonts/querybuilder-webfont.eot');
  src: url('fonts/querybuilder-webfont.woff2') format('woff2'), url('fonts/querybuilder-webfont.woff') format('woff'), url('fonts/querybuilder-webfont.ttf') format('truetype'), url('fonts/querybuilder-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.webix_qb_filter_icon {
  display: inline-block;
  font: normal normal normal 24px/1 "Webix Querybuilder Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  color: inherit;
  font-size: 18px;
}
.webix_qb_filter_icon:hover {
  color: #1992af;
}
.webix_qb_filter_icon:before {
  content: "\F001";
}
.webix_qb_filter {
  text-align: center;
}
.webix_qb_wrap {
  position: relative;
  background-color: #EBEDF0;
}
.webix_qb_wrap .webix_view {
  background-color: transparent;
}
.webix_qb_wrap .webix_template {
  padding: 0;
}
.webix_qb_wrap .webix_el_select select,
.webix_qb_wrap .webix_el_richselect .webix_inp_static,
.webix_qb_wrap .webix_el_richselect span.webix_input_icon,
.webix_qb_wrap .webix_el_combo span.webix_input_icon,
.webix_qb_wrap .webix_el_datepicker span.webix_input_icon {
  border-radius: 0;
}
.webix_qb_wrap .webix_qb_wrap {
  border-left: 1px solid #CCD7E6 !important;
}
.webix_qb_add {
  white-space: nowrap;
}
.webix_qb_add_rule,
.webix_qb_add_group {
  margin: 0 10px 0 0;
  outline: 0;
  border: none;
  background: transparent;
  color: #1CA1C1;
  line-height: 16px;
  font-size: 14px;
  text-transform: uppercase;
  box-shadow: none;
}
.webix_qb_add_rule:active,
.webix_qb_add_group:active,
.webix_qb_add_rule:hover,
.webix_qb_add_group:hover,
.webix_qb_add_rule:focus,
.webix_qb_add_group:focus {
  color: #1992af;
}
.webix_qb_line .webix_qb_close {
  cursor: pointer;
  right: 25px;
  top: 0px;
}
.webix_qb_line .webix_qb_close button {
  color: #94A1B3;
  background-color: transparent;
  border: none;
  width: 20px;
  padding: 2px 1px;
}
.webix_qb_line .webix_qb_close button:hover,
.webix_qb_line .webix_qb_close button:active,
.webix_qb_line .webix_qb_close button:focus {
  color: #FF5C4C;
  outline: none;
  box-shadow: none;
}
.webix_qb_buttons {
  height: 26px;
  width: 87px;
  margin-top: 2px;
  border-radius: 2px;
  background-color: #606060;
  text-align: center;
  padding: 3px 0;
}
.webix_qb_buttons button {
  text-transform: capitalize;
  background-color: #606060;
  color: #ccc;
  font-size: 14px;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 0;
  height: 26px;
  width: 38px;
}
.webix_qb_and {
  margin-right: 3px;
}
.webix_qb_or.webix_active,
.webix_qb_and.webix_active {
  background-color: #1CA1C1;
  color: #fff;
}
.webix_qb_line {
  position: relative;
}
.webix_qb_line .webix_control,
.webix_qb_line input,
.webix_qb_line .webix_inp_static {
  border-radius: 0;
}
.webix_qb_line .webix_el_slider.webix_invalid .webix_el_box {
  background-color: #fea5a83d;
}
.webix_qb_line .webix_qb_value_select,
.webix_qb_line .webix_qb_rule_select,
.webix_qb_line .webix_qb_rule_input {
  display: inline-block;
  font-size: 14px;
}
.webix_qb_line .webix_qb_value_select .webix_input_icon,
.webix_qb_line .webix_qb_rule_select .webix_input_icon,
.webix_qb_line .webix_qb_rule_input .webix_input_icon {
  display: none;
}
.webix_column_qb .webix_qb_value_select,
.webix_column_qb .webix_qb_rule_select,
.webix_column_qb .webix_qb_rule_input {
  display: block;
}
.webix_qb_sorting {
  position: absolute;
  right: 7px;
  top: 9px;
  z-index: 2;
  width: 390px;
}
.webix_qb_sorting .webix_control {
  display: inline-block;
  margin-right: 10px;
}

@charset "UTF-8";
/* base styling for all avatars with pictures */
.webix_um_avatarbox {
  width: 180px;
  height: 180px;
  margin: 20px auto 20px auto;
  color: rgba(255, 255, 255, 0.5);
  font-size: 120px;
  text-align: center;
  line-height: 180px;
  display: block;
  background: #f7e2bc;
}

.webix_um_avatarbox_roles {
  width: 180px;
  height: 180px;
  background: #f7e2bc;
  margin: 20px auto 20px auto;
  font-size: 110px;
  text-align: center;
  line-height: 180px;
  color: rgba(255, 255, 255, 0.5);
}

.webix_um_search_mark {
  background: yellow;
  color: black;
}

/* pages layout */
.webix_um_tableview {
  background: #ebedf0;
}

/* tabbar*/
.webix_um_editor_tabbar {
  border-left-color: #fff;
}

/* edit form title */
.webix_um_details_title {
  font-weight: 500;
  font-size: inherit;
  color: #313131;
}

.webix_um_details_title .webix_template {
  padding: 2px;
}

.webix_um_details_title_description .webix_template {
  padding: 10px 2px;
}

/* avatarbox for table */
.webix_um_table_image_container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}
.webix_um_table_image_container .webix_um_avatarbox {
  margin: 5px;
  margin: 7.5px;
  height: 41px;
  width: 41px;
  border-radius: 50%;
}
.webix_um_table_image_container .webix_um_avatarbox .webix_icon {
  font-size: 35px;
}

.webix_um_transparent {
  background: transparent;
}

.webix_um_sidebar .webix_view {
  background: transparent;
}

/* details info list*/
.webix_um_infolist_header {
  line-height: 25px;
  font-weight: 500;
  color: #313131;
  padding-left: 2px;
}
.webix_um_infolist_header .webix_icon {
  float: left;
  margin: 2px 8px 0 0;
  font-size: 20px;
  color: #8693a5;
}

ul.webix_um_infolist {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 5px;
}

.webix_um_infolist {
  font-size: 14px;
  margin-bottom: 20px;
}

.webix_um_infolist:last-child {
  margin-bottom: 10px;
}

.webix_um_infolist li {
  padding-left: 30px;
  line-height: 28px;
  min-height: 28px;
  color: #1ca1c1;
  background-color: #f4f5f9;
  margin-bottom: 3px;
}
.webix_um_infolist li:hover {
  cursor: pointer;
}

.webix_um_infolist .wxi-close {
  color: #8693a5;
  float: right;
  line-height: 25px;
}

.webix_um_infolist_name:hover {
  color: #17839d;
  text-decoration: underline;
}

/* custom checkboxes in datatable*/
.webix_um_details_table .wxi-checkbox-marked {
  font-size: 24px;
  color: #1ca1c1;
}
.webix_um_details_table .wxi-checkbox-blank {
  color: #8693a5;
  font-size: 24px;
}

.webix_um_details_table .webix_cell .wxi-checkbox-marked,
.webix_um_details_table .webix_cell .wxi-checkbox-blank {
  line-height: 45px;
}

.webix_um_details_table_rules .webix_cell .wxi-checkbox-marked,
.webix_um_details_table_rules .webix_cell .wxi-checkbox-blank {
  line-height: 59px;
}
.webix_um_details_table_rules .webix_hcell .wxi-checkbox-marked,
.webix_um_details_table_rules .webix_hcell .wxi-checkbox-blank {
  line-height: inherit;
}
.webix_um_details_table_rules .webix_column:not(.webix_um_checkbox_column) .webix_cell {
  padding-top: 5px;
}
.webix_um_details_table_rules .webix_um_details_row {
  white-space: nowrap;
}

.webix_um_details_table.webix_dtable:not(.webix_um_matrix) .webix_ss_header td.webix_last_row {
  border-bottom: 1px solid #dadee0;
}

.webix_um_details_row {
  line-height: 15px !important;
  font-size: 13px;
  white-space: normal;
  color: #8693a5;
}

.webix_um_row_select {
  background: #f4f5f9;
}

.webix_um_deleted_user {
  color: #8693a5;
}

.webix_um_cell_clickable:hover {
  color: #17839d;
  text-decoration: underline;
  cursor: pointer;
}

.webix_um_details_table .webix_ss_filter input {
  padding: 0 7px;
}

.webix_um_role_avatar,
.webix_um_member_avatar {
  margin: 7.5px;
  height: 31px;
  line-height: 31px;
  width: 31px;
  font-size: 20px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  text-align: center;
  letter-spacing: -0.5px;
}

.webix_um_details_table .webix_um_role_avatar,
.webix_um_details_table .webix_um_member_avatar {
  float: left;
  margin-right: 12px;
}

.webix_um_member_avatar {
  background-color: #95ddbe;
}

.webix_um_role_avatar {
  background: #f7e2bc;
}

.webix_um_member_avatar.webix_um_no_name {
  background: #f7e2bc;
}

.webix_um_member_avatar_big {
  margin: 7.5px;
  height: 41px;
  line-height: 41px;
  width: 41px;
}

.webix_um_avatar_0 {
  background: #00a037;
}

.webix_um_avatar_1 {
  background: #13a1aa;
}

.webix_um_avatar_2 {
  background: #fd772c;
}

.webix_um_avatar_3 {
  background: #b26bd3;
}

.webix_um_avatar_4 {
  background: #c87095;
}

.webix_um_avatar_5 {
  background: #eb2f89;
}

.webix_um_avatar_6 {
  background: #9bb402;
}

.webix_um_avatar_7 {
  background: #e7a90b;
}

.webix_um_avatar_8 {
  background: #0bbed7;
}

.webix_um_avatar_9 {
  background: #038cd9;
}

/* sidebar*/
.webix_um_sidebar {
  background: #4a4e58;
}

.webix_um_sidebar > .webix_view {
  border-color: #4a4e58;
}

.webix_um_sidebar_menu {
  background-color: transparent;
}

.webix_um_sidebar_menu .webix_list_item {
  border-color: transparent;
  color: #ffffff;
  line-height: 42px;
}

.webix_um_sidebar_menu .webix_list_item.webix_selected {
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: transparent;
  color: #1ca1c1;
}

/* sidebar add menu*/
.webix_um_add_new_menu {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.1);
  background: #4a4e58;
}
.webix_um_add_new_menu .webix_menu {
  background: transparent;
  border-color: #646873;
}
.webix_um_add_new_menu .webix_list_item {
  background: #4a4e58;
  color: #ffffff;
}
.webix_um_add_new_menu .webix_menu .webix_list_item:hover,
.webix_um_add_new_menu .webix_menu .webix_list_item:active {
  background-color: #3f424a;
}

.webix_um_sidebar_menu .webix_icon {
  position: relative;
  top: 3px;
  font-size: 23px;
  margin-right: 10px;
}

.webix_um_toolbar .umi-menu {
  font-size: 23px;
}

.webix_um_sidebar .webix_icon_btn {
  margin-left: -3px;
}

/* status badge */
.webix_um_badge_container {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.webix_um_badge_container .webix_um_status_badge {
  height: 17px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webix_um_status_badge {
  border-radius: 8px;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 500;
}
.webix_um_status_badge.webix_um_active {
  background-color: #d4ede5;
  color: #55cd97;
}
.webix_um_status_badge.webix_um_not_active {
  background-color: #ffdedb;
  color: #ff6455;
}
.webix_um_status_badge.webix_um_unknown {
  background-color: #e6e6e6;
  color: #555;
}

.webix_um_infolist_details {
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  margin-bottom: 18px;
}

/* details title and description*/
.webix_um_title {
  margin-top: 10px;
  color: #313131;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.webix_um_description {
  margin: 10px 0 10px 0;
}

.webix_um_uploader .webix_button,
.webix_um_uploader .webix_icon_btn::before {
  color: #1ca1c1;
}

.webix_um_form_label {
  text-align: right;
}

.webix_um_status_switch .webix_switch_box {
  border: 1px solid #edf1f3;
  background-color: #ffdedb;
}
.webix_um_status_switch .webix_switch_box.webix_switch_on {
  background-color: #d4ede5;
}
.webix_um_status_switch .webix_label_right {
  padding-top: 1px;
  padding-left: 20px;
}

.webix_um_edit_form label,
.webix_um_edit_form .webix_um_form_label .webix_el_box,
.webix_um_edit_form .webix_forminput_label {
  padding-right: 20px;
}
.webix_um_edit_form .webix_um_template_date .webix_template {
  padding: 3px 2px;
  line-height: 32px;
}

.webix_el_label.webix_um_text_normal .webix_el_box {
  font-weight: normal;
}

.webix_um_credentials .webix_transparent .webix_button {
  color: #1ca1c1;
}

.webix_um_divider .webix_template {
  padding: 0;
}

.webix_um_divider_line {
  height: 50%;
  width: 100%;
  border-bottom: 1px solid #dadee0;
}

.webix_um_passw_label .webix_inp_top_label {
  font-weight: 400;
}

.webix_um_form_avatar .webix_um_avatarbox {
  width: 95px;
  height: 95px;
  margin: 0;
  font-size: 70px;
  line-height: 95px;
}
.webix_um_form_avatar .webix_template {
  padding: 0px;
}

.webix_um_details_table .webix_cell.webix_dtable_subrow {
  background: #ffffff;
}

.webix_um_assignments_list {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px 0px 8px;
}

.webix_um_assignments_list li {
  text-align: left;
  padding-left: 20px;
  line-height: 25px;
  min-height: 25px;
  margin-bottom: 3px;
}

.webix_um_assignments_description {
  line-height: 27px;
  margin-left: 5px;
}
.webix_um_assignments_description .webix_um_assignments_rule_name {
  font-weight: 500;
}

.webix_um_center_column {
  text-align: center;
}

.webix_um_column_name .webix_cell {
  color: #313131;
}

.webix_um_matrix .webix_ss_left .webix_column.webix_last > div {
  border-right: 1px solid #edeff0;
}

.webix_um_matrix .webix_column:not(.webix_um_column_name) .webix_cell {
  line-height: 60px !important;
}

.webix_um_matrix .wxi-check {
  color: #1ca1c1;
  font-size: 22px;
  font-weight: 600;
}

.webix_um_matrix .wxi-minus {
  color: #8693a5;
  font-size: 14px;
}

.webix_um_center_column.webix_um_names span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.webix_um_prompt .webix_win_head {
  border-bottom-color: transparent;
}

ul.webix_um_roleslist {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0;
  margin-bottom: 8px;
}

.webix_um_roleslist_item {
  background: #f4f5f9;
  padding: 0 12px 0 8px;
  border-radius: 8px;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 4px;
}

.webix_um_roleslist_item:not(.webix_um_roleslist_item_direct) {
  color: #1ca1c1;
  cursor: pointer;
}
.webix_um_roleslist_item:not(.webix_um_roleslist_item_direct):hover {
  color: #17839d;
  text-decoration: underline;
}

.webix_um_roleslist_item_direct {
  background: #f4f5f9;
  color: #8693a5;
}

.webix_um_roleslist_item_marker.webix_icon {
  font-size: 13px;
  float: left;
  margin-top: 5.5px;
  margin-right: 5px;
  width: 16px;
}

.webix_um_saving_icon,
.webix_um_saved_icon {
  font-size: 26px;
  line-height: inherit;
}

.webix_um_saving_icon {
  color: #8693a5;
}

.webix_um_saved_icon {
  color: #41bc87;
}

.webix_toolbar .webix_el_label.webix_um_saved_label .webix_el_box {
  font-weight: 400;
  font-size: inherit;
  color: #475466;
  padding-right: 5px;
}

.umi-sync.webix_spin {
  -webkit-animation: webix-um-spin 2s infinite linear;
  animation: webix-um-spin 2s infinite linear;
  width: 26px;
}

@-webkit-keyframes webix-um-spin {
  0% {
    -webkit-transform: rotate(359deg);
    transform: scaleX(-1) rotate(359deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: scaleX(-1) rotate(0deg);
  }
}
@keyframes webix-um-spin {
  0% {
    -webkit-transform: rotate(359deg);
    transform: scaleX(-1) rotate(359deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: scaleX(-1) rotate(0deg);
  }
}
/**
usermanager-webfont Webfont
*/
@font-face {
  font-family: "usermanager-webfont";
  src: url("fonts/usermanager-webfont.woff2?1587733428103") format("woff2"), url("fonts/usermanager-webfont.woff?1587733428103") format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=umi-]:before,
[class*=umi-]:before {
  font-family: "usermanager-webfont";
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/*
Glyphs list
*/
.umi-users:before {
  content: "";
}

.umi-roles:before {
  content: "";
}

.umi-rules:before {
  content: "";
}

.umi-menu:before {
  content: "";
}

.umi-matrix:before {
  content: "";
}

.umi-back:before {
  content: "";
}

.umi-upload:before {
  content: "";
}

.umi-check-circle:before {
  content: "";
}

.umi-email:before {
  content: "";
}

.umi-clock:before {
  content: "";
}

.umi-sync:before {
  content: "";
}

.webix_um_editor_tabbar .webixtype_bottom .webix_item_tab.webix_selected {
  box-shadow: inset 0 -2px #1ca1c1;
}
.webix_um_editor_tabbar .webixtype_bottom .webix_item_tab.webix_selected:focus {
  box-shadow: inset 0 -2px #17839d;
}

@charset "UTF-8";
.webix_diagram .webix_diagram_item,
.webix_drag_zone .webix_diagram_item {
  position: absolute;
}

.webix_diagram_item {
  text-align: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: transparent;
}
.webix_diagram_item svg {
  fill: #f4f5f9;
  stroke: #ccd7e6;
}

.webix_diagram_shape_default {
  width: 100%;
  height: 100%;
  background: #f4f5f9;
  border: 1px solid #ccd7e6;
  box-sizing: border-box;
  border-radius: 2px;
}

.webix_diagram_link,
.webix_diagram_arrow {
  stroke: #ccd7e6;
  stroke-width: 1;
}

.webix_diagram_link_shadow {
  stroke: transparent;
}

.webix_diagram_link,
.webix_diagram_link_shadow {
  stroke-linejoin: round;
}

.webix_diagram_link,
.webix_diagram_link_shadow,
polyline.webix_diagram_arrow {
  fill: none;
}

.webix_diagram_arrow {
  fill: #ffffff;
}

.webix_diagram_arrow_filled {
  fill: #ccd7e6;
}

.webix_diagram_shape_text {
  background: #ffffff;
  width: 100%;
  height: 100%;
}

.webix_diagram_item_label .webix_diagram_shape_text {
  opacity: 0;
}

.webix_diagram_item_text .webix_diagram_text {
  padding: 2px;
}

.webix_diagram_text {
  text-align: center;
  color: #475466;
  overflow: hidden;
  padding: 4px 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.webix_diagram_text_inner {
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webix_diagram_shape_org {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border: 1px solid #2d9bf0;
  box-sizing: border-box;
  border-left-width: 4px;
}

.webix_diagram_shape_alt {
  fill: #ccd7e6;
}

.webix_diagram_measure_size .webix_diagram_text {
  position: static !important;
}

.webix_diagram:not(.webix_de_diagram) .webix_diagram_item_text.webix_selected {
  border-color: #1ca1c1;
  background: #e8f6f9;
  color: #475466;
}
.webix_diagram:not(.webix_de_diagram) .webix_selected {
  background: transparent;
  color: #475466;
}
.webix_diagram:not(.webix_de_diagram) .webix_selected .webix_diagram_shape {
  border-color: #1ca1c1 !important;
  background: #e8f6f9 !important;
}
.webix_diagram:not(.webix_de_diagram) .webix_selected svg {
  stroke: #1ca1c1 !important;
  fill: #e8f6f9 !important;
}

.webix_diagram_item.webix_selected {
  z-index: 1;
}

.webix_de_diagram {
  position: relative;
}
.webix_de_diagram .webix_diagram_link_shadow.webix_selected {
  stroke: #1ca1c1;
  stroke-opacity: 0.8;
}
.webix_de_diagram .webix_selected .webix_de_selection_layer {
  display: block;
}
.webix_de_diagram .webix_diagram_link,
.webix_de_diagram .webix_diagram_arrow,
.webix_de_diagram .webix_diagram_link_shadow {
  cursor: pointer;
}

.webix_drag_zone.webix_diagram_item {
  box-shadow: none;
}

.webix_de_shapes .webix_dataview_item:last-child {
  border-right-color: transparent;
}

.webix_de_shapes .webix_dataview_item:hover {
  background-color: #e8f6f9;
}

.webix_diagram_item.webix_dataview_item {
  padding: 5px;
  text-align: center;
  border-color: transparent;
}

.webix_de_mode_move .webix_diagram_item,
.webix_de_mode_move .webix_diagram_link,
.webix_de_mode_move .webix_diagram_link_shadow,
.webix_de_mode_move .webix_diagram_arrow,
.webix_de_mode_rotate .webix_diagram_item,
.webix_de_mode_rotate .webix_diagram_link,
.webix_de_mode_rotate .webix_diagram_link_shadow,
.webix_de_mode_rotate .webix_diagram_arrow,
.webix_de_mode_resize .webix_diagram_item,
.webix_de_mode_resize .webix_diagram_link,
.webix_de_mode_resize .webix_diagram_link_shadow,
.webix_de_mode_resize .webix_diagram_arrow {
  pointer-events: none;
}

.webix_de_temp_line {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: visible;
}

.webix_de_temp_line polyline {
  fill: none;
  stroke: #1ca1c1;
  stroke-width: 2px;
}

.webix_de_selection_layer {
  display: none;
  position: absolute;
  pointer-events: none;
  flex: none;
  box-sizing: border-box;
  border: 1px solid #1ca1c1;
  box-shadow: inset 0 0 6px -3px #1ca1c1;
}

.webix_selected:not(.webix_de_connect_start) .webix_de_resize,
.webix_selected.webix_de_connect_start .webix_de_connect {
  display: block;
}

.webix_de_connect_end:not(.webix_selected) {
  z-index: 2;
}
.webix_de_connect_end:not(.webix_selected) .webix_de_selection_layer {
  display: block;
  border-color: transparent;
  box-shadow: none;
}
.webix_de_connect_end:not(.webix_selected) .webix_de_connect {
  display: block;
}

.webix_de_resize,
.webix_de_connect {
  pointer-events: all;
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: -8px 0 0 -8px;
  background-color: #1ca1c1;
  transition-duration: 0.15s;
  transform: scale(0.5);
  transition-property: transform;
}

.webix_de_touch_diagram .webix_de_resize,
.webix_de_touch_diagram .webix_de_connect {
  transform: scale(0.8);
}

.webix_de_selected_dot,
.webix_de_resize:hover,
.webix_de_connect:hover {
  transform: scale(1);
}

.webix_de_resize.webix_de_top_left:hover,
.webix_de_resize.webix_de_bottom_right:hover {
  cursor: nwse-resize;
}

.webix_de_resize.webix_de_top_right:hover,
.webix_de_resize.webix_de_bottom_left:hover {
  cursor: nesw-resize;
}

.webix_de_top_left {
  top: 0;
  left: 0;
}

.webix_de_left {
  top: 50%;
  left: 0;
}

.webix_de_bottom_left {
  top: 100%;
  left: 0;
}

.webix_de_top {
  top: 0;
  left: 50%;
}

.webix_de_center {
  top: 50%;
  left: 50%;
}

.webix_de_bottom {
  top: 100%;
  left: 50%;
}

.webix_de_top_right {
  top: 0;
  left: 100%;
}

.webix_de_right {
  top: 50%;
  left: 100%;
}

.webix_de_bottom_right {
  top: 100%;
  left: 100%;
}

.webix_selected:not(.webix_de_connect_start) .webix_de_rotate {
  display: block;
}

.webix_de_rotate {
  pointer-events: all;
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 2px;
  margin: -10px 0 0;
  cursor: move;
  top: 50%;
  left: calc(100% + 12px);
}

.webix_de_rotate::before {
  content: "";
  color: #1ca1c1;
  font-family: "Webix Material Icons";
  font-size: 20px;
}

.webix_de_rotate.webix_de_angle_text {
  width: 32px;
  text-align: center;
  font-size: 12px;
  color: #1ca1c1;
  background-color: #ffffff;
  border: 1px solid #1ca1c1;
  transform-origin: 50% 50%;
}

.webix_de_rotate.webix_de_angle_text::before {
  display: none;
}

.webix_de_input_label {
  width: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.webix_de_input_label > span {
  color: #94a1b3;
}

.webix_de_sublabel .webix_el_box {
  font-size: 13px;
  color: #475466;
}

.webix_de_segmented button,
.webix_de_toggle.webix_secondary button {
  color: #94a1b3;
  background: #ffffff;
  border: 1px solid #ccd7e6;
}

.webix_de_icon_button .webix_button {
  background: #ffffff;
  border: 1px solid #ccd7e6;
}

.webix_de_icon_button .webix_button .webix_icon {
  color: #94a1b3;
}

.webix_de_icon_button button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.webix_de_toggle.webix_secondary button .webix_icon {
  color: #94a1b3;
}

.webix_de_segmented .webix_all_segments .webix_segment_1,
.webix_de_segmented .webix_all_segments .webix_segment_N {
  margin-left: 10px;
  border-left: 1px solid #ccd7e6;
}

.webix_de_segmented button.webix_selected,
.webix_de_toggle .webix_pressed .webix_button {
  background: #e8f6f9;
  color: #94a1b3;
  border: 1px solid #1ca1c1;
  box-shadow: none;
}

.webix_de_segmented .webix_all_segments .webix_segment_1.webix_selected,
.webix_de_segmented .webix_all_segments .webix_segment_N.webix_selected {
  border-left-color: #1ca1c1;
}

.webix_diagram_right_align .webix_all_segments {
  text-align: right;
}

.webix_de_degree {
  font-size: 22px;
}

.webix_diagram_option_none {
  color: #8693a5;
}

.webix_de_colorpicker .webix_inp_static {
  color: transparent !important;
  padding-right: 0px;
}

.webix_de_control_counter.webix_el_counter button {
  background: transparent;
}

.webix_de_control_counter input {
  cursor: default;
}

.webix_de_control_grid .dgi-grid {
  color: #1ca1c1;
}

.webix_de_toggle button,
.webix_de_segmented button {
  padding: 0;
}

.webix_de_control_grid .webix_de_input_label .webix_icon {
  font-size: 21px;
}

.webix_de_control_grid span,
.webix_de_segmented button,
.webix_de_segmented .webix_icon {
  font-size: 19px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.webix_de_toggle .webix_icon {
  font-size: 19px;
}

.webix_de_accordion.webix_layout_accordion {
  background-color: transparent;
}

.webix_de_panel.vertical {
  border-bottom-color: #ffffff;
}
.webix_de_panel.vertical .webix_accordionitem_header,
.webix_de_panel.vertical .webix_accordionitem_header.collapsed {
  border-bottom-color: transparent;
  background-color: #f4f5f9;
  color: #475466;
}
.webix_de_panel.vertical .webix_accordionitem_header:focus, .webix_de_panel.vertical .webix_accordionitem_header:hover,
.webix_de_panel.vertical .webix_accordionitem_header.collapsed:focus,
.webix_de_panel.vertical .webix_accordionitem_header.collapsed:hover {
  background-color: #f4f5f9;
  color: #475466;
}
.webix_de_panel.vertical .webix_accordionitem_header .webix_accordionitem_label,
.webix_de_panel.vertical .webix_accordionitem_header.collapsed .webix_accordionitem_label {
  font-size: 14px;
  line-height: 32px;
}
.webix_de_panel.vertical .webix_accordionitem_header .webix_accordionitem_button,
.webix_de_panel.vertical .webix_accordionitem_header.collapsed .webix_accordionitem_button {
  color: #8693a5;
  font-size: 20px;
  height: 32px;
  line-height: 32px;
  margin: 0px 7px 0 7px;
}
.webix_de_panel.vertical .webix_accordionitem_header:not(.collapsed) .webix_accordionitem_button:before {
  content: "";
}

.webix_de_item_text {
  width: 100%;
  background-color: #ffffff;
}

.webix_dataview_item .webix_de_item_text {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.webix_diagram_editor .webix_diagram .webix_scroll_cont {
  transform-origin: left top;
}

.webix_de_control_counter .webix_inp_counter_value {
  width: 45px;
}

.webix_de_link_dot,
.webix_de_link_line-v,
.webix_de_link_line-h {
  fill: #ffffff;
  stroke: #1ca1c1;
  stroke-width: 1;
  pointer-events: all;
}

.webix_de_link_dot.webix_de_curve_dot1 {
  fill: #1ca1c1;
}

.webix_de_curve_dot0:not(.webix_de_first_dot) {
  fill: #1ca1c1;
  opacity: 0.25;
}

.webix_de_link_dot {
  cursor: move;
  r: 4px;
}

.webix_de_link_line-v,
.webix_de_link_line-h {
  rx: 4px;
  ry: 4px;
}

.webix_de_link_line-v {
  cursor: ew-resize;
  width: 8px;
  height: 16px;
}

.webix_de_link_line-h {
  cursor: ns-resize;
  width: 16px;
  height: 8px;
}

.webix_de_first_dot,
.webix_de_last_dot {
  cursor: pointer;
}

.webix_de_mode_path .webix_de_link_dot,
.webix_de_mode_path .webix_de_link_line-v,
.webix_de_mode_path .webix_de_link_line-h {
  pointer-events: none;
}
.webix_de_mode_path .webix_diagram_item,
.webix_de_mode_path .webix_diagram_link,
.webix_de_mode_path .webix_diagram_link_shadow,
.webix_de_mode_path .webix_diagram_arrow {
  pointer-events: none;
}

.webix_de_mode_path.webix_de_mode_connect .webix_diagram_item {
  pointer-events: all;
}

.webix_de_drag_scroll {
  cursor: move !important;
}

/**
diagram-webfont Webfont
*/
@font-face {
  font-family: "diagram-webfont";
  src: url("fonts/diagram-webfont.woff2?1621839844638") format("woff2"), url("fonts/diagram-webfont.woff?1621839844638") format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=dgi-]:before,
[class*=dgi-]:before {
  font-family: "diagram-webfont";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
Glyphs list
*/
.dgi-undo:before {
  content: "";
}

.dgi-redo:before {
  content: "";
}

.dgi-arrow-bottom-right:before {
  content: "";
}

.dgi-subdirectory-arrow-right:before {
  content: "";
}

.dgi-format-align-left:before {
  content: "";
}

.dgi-format-align-center:before {
  content: "";
}

.dgi-format-align-right:before {
  content: "";
}

.dgi-format-vertical-align-top:before {
  content: "";
}

.dgi-format-vertical-align-center:before {
  content: "";
}

.dgi-format-vertical-align-bottom:before {
  content: "";
}

.dgi-format-bold:before {
  content: "";
}

.dgi-format-italic:before {
  content: "";
}

.dgi-grid:before {
  content: "";
}

.dgi-swap-vertical:before {
  content: "";
}

.dgi-preview:before {
  content: "";
}

.dgi-preview-off:before {
  content: "";
}

.dgi-dnd-line:before {
  content: "";
}

.dgi-dnd-shape:before {
  content: "";
}

.dgi-content-copy:before {
  content: "";
}

.dgi-ray-start-arrow:before {
  content: "";
}

.dgi-shape-square-plus:before {
  content: "";
}

.dgi-arrow-right-bottom:before {
  content: "";
}

.dgi-ray-start:before {
  content: "";
}

.dgi-ray-vertex:before {
  content: "";
}

.dgi-ray-end:before {
  content: "";
}

.webix_de_scale_2 .webix_de_resize,
.webix_de_scale_2 .webix_de_connect {
  transform: scale(0.4);
}
.webix_de_scale_2 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_2 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(0.7);
}
.webix_de_scale_2 .webix_de_selected_dot,
.webix_de_scale_2 .webix_de_resize:hover,
.webix_de_scale_2 .webix_de_connect:hover {
  transform: scale(0.75);
}

.webix_de_scale_3 .webix_de_resize,
.webix_de_scale_3 .webix_de_connect {
  transform: scale(0.3);
}
.webix_de_scale_3 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_3 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(0.5);
}
.webix_de_scale_3 .webix_de_selected_dot,
.webix_de_scale_3 .webix_de_resize:hover,
.webix_de_scale_3 .webix_de_connect:hover {
  transform: scale(0.6);
}

.webix_de_scale_4 .webix_de_resize,
.webix_de_scale_4 .webix_de_connect {
  transform: scale(0.25);
}
.webix_de_scale_4 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_4 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(0.4);
}
.webix_de_scale_4 .webix_de_selected_dot,
.webix_de_scale_4 .webix_de_resize:hover,
.webix_de_scale_4 .webix_de_connect:hover {
  transform: scale(0.5);
}

.webix_de_scale_03 .webix_de_resize,
.webix_de_scale_03 .webix_de_connect {
  transform: scale(1.5);
}
.webix_de_scale_03 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_03 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(2);
}
.webix_de_scale_03 .webix_de_selected_dot,
.webix_de_scale_03 .webix_de_resize:hover,
.webix_de_scale_03 .webix_de_connect:hover {
  transform: scale(2.5);
}

.webix_de_scale_05 .webix_de_resize,
.webix_de_scale_05 .webix_de_connect {
  transform: scale(1);
}
.webix_de_scale_05 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_05 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(1.6);
}
.webix_de_scale_05 .webix_de_selected_dot,
.webix_de_scale_05 .webix_de_resize:hover,
.webix_de_scale_05 .webix_de_connect:hover {
  transform: scale(2);
}

.webix_de_scale_07 .webix_de_resize,
.webix_de_scale_07 .webix_de_connect {
  transform: scale(0.6);
}
.webix_de_scale_07 .webix_de_touch_diagram .webix_de_resize,
.webix_de_scale_07 .webix_de_touch_diagram .webix_de_connect {
  transform: scale(1);
}
.webix_de_scale_07 .webix_de_selected_dot,
.webix_de_scale_07 .webix_de_resize:hover,
.webix_de_scale_07 .webix_de_connect:hover {
  transform: scale(1.2);
}

.webix_de_control_grid .webix_de_input_label {
  right: 4px !important;
}

.webix_de_segmented button {
  border-radius: 2px;
}

.webix_de_segmented button.webix_selected:active,
.webix_de_segmented button.webix_selected:focus,
.webix_de_segmented button.webix_selected:hover {
  background: #daddeb;
}

.webix_de_rotate {
  line-height: 20px;
}

/* querybuilder.css */
.wbq-query_list .webix_tree_item + .webix_tree_leaves {/*hg*/
  padding-top: 0px;
  /*border-left: 1px solid #ccd7e6;
  margin-left: 20px;*/
  padding-left: 0px;
}

.wbq-query_list .webix_tree_item {/*hg*/
  /*line-height: 36px;*/
  margin-bottom: 0px;
}

/* spacing in bar view */
/* query.css */
.wbq-query_bar .webix_tree_item {
    /*margin: 0px 2px 0px 0;*/
}

/* our own */
/* hide the AND .wbq-filter_join, .wbq-filter_join_and { */
.wbq-filter_join, .wbq-filter_join_and {

}

/* bar keeps trimming off the conditions - unfortunately it affects the popup tree height*/
/* $('.webix_view, .webix_tree, .wbq-query_bar').css({height: "auto"}); */
.webix_view, .webix_tree, .wbq-query_bar {
    /*height: auto !important;*/
}



/* webix.css */
/* spacing when in sidebar view */
.webix_tree .webix_scroll_cont > .webix_tree_leaves {
    padding: 0px;
}

.webix_message_area {
    visibility: hidden;
}

.webix_el_select > .webix_el_box {
    padding: 0px 0px !important;
}


/* invisible boxes */
.webix_el_text input[type="text"] {
    height: 100%;
    border: 1px solid #DADEE0;
}

.info_rename {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    font-weight: bold;
    float: right;
    /*background-color: #444;*/
    /*color: white;*/
    border-radius: 3px;
}

/*webix_primary webix_button*/
.info_delete {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    font-weight: bold;
    float: right;
    /*background-color: #444;*/
    /*color: white;*/
    border-radius: 3px;
}

.white {
    background-color: white;
}

.pencil_align {
    margin-top: 10px;
}


#settings-account {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    /*height: 100%;*/
}

#settings-filters {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-datafields {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-projects {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-users {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    /*height: 100%;*/
}

#settings-nutrition {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-connections {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    /*height: 100%;*/
}

#settings-other {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-component-names {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-templates {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-jobs {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-lookuptables {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-nutrition-views {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-allergens-views {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-display-decimal-places {
    background-color: rgb(132, 91, 173) !important;
    position: absolute;
    top: 0px;
    left: calc(5% + 12em);
    width: 100%;
    height: 100%;
}

#settings-tabs {
    width: 84%;
    height: 100%;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; }
.ui-tabs-vertical .ui-tabs-panel {padding: 1em;float: right;width: 40em;}

#sidebar-nav {
    background-color: transparent !important;
    background: transparent !important;
    padding-top: 0px;
    padding-right: 0px;
}

#sidebar-nav li {
    text-indent: 20px !important;
    line-height: 40px !important;
    background: transparent !important;
}

#sidebar-nav li.ui-state-active {    
    background: rgb(132, 91, 173) !important;
}
 

#sidebar-nav li a {
    display: block !important;
    text-decoration: none !important;
    color: white !important;
    width: 100%;
}

#sidebar-nav li a:hover {
    text-decoration: none !important;
    color: #fff !important;
    background: none !important;
}

#sidebar-nav li a:active,
#sidebar-nav li a:focus {
    text-decoration: none !important;
}

.settings-content-panel{
    background-color: rgb(132, 91, 173) !important;
    min-height: 470px;
}

.settings-paragraph {
    width: 100%;
}

.settings-label-header {
    font-weight: 400;
    min-width: 150px;
    display: inline-block;
    width: 250px;
}

.settings-label-subheader {
    background-color: transparent;
    border: 0;
}

.settings-label-subheader .webix_template {
    font-weight: 200 !important;
    min-width: 150px;
    display: inline-block;
    font-size: 11px !important;
    line-height: 13px !important; /* to override webix label that doesnt support multiline */
}

.settings-label-header.webix_control.webix_el_checkbox {
    margin-left: 10px !important;
}

.settings-label-boldheader {
    font-weight: bold;
    min-width: 150px;
    display: inline-block;
    width: 250px;
}

.settings-label-info {
    float: left;
    position: absolute;
    margin-left: 50px;
}

input.settings-label-info {
    float: left;
    position: absolute;
    margin-left: 50px;
    margin-top: 2px;
}

#settings-filters-container{
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-account-container {
    min-height: 36px;
    min-width: 36px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    padding: 1em;
}

#settings-datafields-container{
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-projects-container {
    height: 350px !important;
    width: auto !important;
    /*min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px; */
}

#connectionSettingsSwitchContainer {/*advanced buttons*/
    height: 250px !important;
    width: auto !important;
    padding-top: 20px;
}

#settingsconnectionspanelcontainertitle {
    height: 30px !important;
    width: auto !important;
    text-align: center;
}

#settingsconnectionspanelcontainer { /*current connections*/
    height: 150px !important;
    width: auto !important;
}

#settingsconnectionspanelcontainerbuttons { /*current connections guid button*/
    height: 100px !important;
    width: auto !important;
    padding-top: 20px;
}

#connectionSettingsGridContainertitle {
    height: 30px !important;
    width: auto !important;
    text-align: center;
    margin-top: 20px;
}

#connectionSettingsContextContainer { /*context switcher*/
    height: 50px !important;
    width: auto !important;
}

#connectionSettingsGridContainer { /*available connections*/
    height: auto !important;
    width: auto !important;
}

.connectiondescriptions {
    vertical-align: middle !important;
    padding-left: 5px;
    padding-top: 5px;
    margin-right: 10px;
    height: auto !important;
}

#settings-users-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-nutrition-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-connections-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-templates-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-jobs-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-component-names-container {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#settings-display-decimal-places-container {
    min-height: 36px;
    min-width: 36px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
}

#adddatafieldline {
    width: 68.5%;
    float: left;    
    margin-left: 12px;
}

[id^="add_settings_datafield_line"] {
    margin-left: 70px;
    cursor: pointer;  
    font-size: 14px;
}

#adddatafieldchoice {
    width: 96.1%;
    float: left;
    margin-left: 10px;
}

[id^="add_settings_datafieldchoice_line"] {
    float: right;    
    cursor: pointer;  
    font-size: 14px;
}

[id^="datafieldsitem_newdescription"] {
    width: 19%;
    float: left;
    margin-left: 10px !important;
    font-size: 11px !important;    
}

[id^="datafieldchoiceitem_newdescription"] {
    width: 96% !important;
    float: left;
    margin-left: 10px !important;
    font-size: 11px !important;     
}

.datafieldsitem_code {
    text-transform: uppercase;
}

.datafieldchoicesitem_code {
    text-transform: uppercase;
}

.settingsdatafieldspanelcontainer{
    overflow-y: auto;
    width: 100%;
    max-height: 300px;
}

.settingsdatafieldchoicespanelcontainer {
    overflow-y: auto;
    width: 100%;
    max-height: 300px;
}

[id^="datafieldsitem_newdescription"]::-moz-placeholder {  
   text-transform: none;
   color: darkgrey;
}

[id^="datafieldsitem_newdescription"]:-ms-input-placeholder { 
   text-transform: none;
   color: darkgrey;
}

[id^="datafieldchoiceitem_newdescription"]::-moz-placeholder {
    text-transform: none;
    color: darkgrey;
    width: 96% !important;
}

[id^="datafieldchoiceitem_newdescription"]:-ms-input-placeholder {
    text-transform: none;
    color: darkgrey;
    width: 96% !important;
}

.add_settings_datafield_line_type { 
    margin-left: 10px !important;
    float:left;
}

.datafields_group_select {
    margin-left: 10px !important;
}

.nonutfields_msg {
    margin-left: 10px;
    margin-bottom: 15px;
}

.nodatafields_msg{
    margin-left: 10px;
    margin-bottom: 15px;
    margin-top: 45px;
}

.groupfields_msg {
    margin-left: 10px;
    margin-bottom: 15px;
    margin-right: 90px;
}

.cardfields_msg {
    margin-bottom: 15px;
    margin-right: 90px;
    width: 100%;
}

.nodatafieldchoices_msg {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    width: 85% !important;
    white-space: pre-wrap;
}

.datafieldsitem_removalimage {
    font-size: 20px !important;
}

.datafieldchoicesitem_removalimage {
    font-size: 20px !important;
}

.add_settings_datafield_line_type span {
    color: black !important;
}

#datafieldgrouptitle
{
    margin-right: 10px;
}

[id^="add_settings_group"] {
    margin-left: 8px;
    cursor: pointer;
    font-size: 14px;
    float: right;
}

.settings-datafields-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.settings-datafieldchoices-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.datafieldsitem_description {
    width: 26% !important;
}

.datafieldchoicesitem_description {
    width: 40% !important;
}

.datafieldstitle_code {
    float: left;
    width: 21%;
    font-weight: bold;
}

.datafieldstitle_description {
    float: left;
    width: 27%;
    font-weight: bold;
}

.datafieldchoicestitle_code {
    float: left;
    width: 32%;
    font-weight: bold;
}

.datafieldchoicestitle_description {
    float: left;
    width: 27%;
    font-weight: bold;
}

.datafieldstitle_type {
    font-weight: bold;
}

html body .datafieldsTitleDiv {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

html body .datafieldChoicesTitleDiv {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

html body .datafieldsSetup {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
    html body .datafieldsSetup input[type="checkbox"] {
      margin: 14px 10px 0 0;
      display: block;
      float: left; }
    html body .datafieldsSetup input[type="text"], html body .datafieldsSetup input[type="number"], html body .datafieldsSetup .search-result-dropdown {
      font-size: 11px;
      float: left;
      width: 18%;
      margin: 0 10px 0 0; }
      html body .datafieldsSetup input[type="text"] input[type="text"], html body .datafieldsSetup .search-result-dropdown input[type="text"] {
        width: 100%; }

 html body .datafieldsSetup select, html body .datafieldsSetup .select2-container {
      width: 18%; /*!important;*/
      font-size: 11px;
      float: left;
      margin: 0 10px 0 0; }
    html body .datafieldsSetup:nth-child(even) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .datafieldsSetup:nth-child(odd) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .datafieldsSetup p {
      float: left;
      padding-right: 10px;
      line-height: 40px; }
      html body .datafieldsSetup p.recipe-name {
        min-width: 150px;
        max-width: 150px;
        overflow: auto;
        text-overflow: ellipsis;
        white-space: nowrap; }
    html body .datafieldsSetup .icon-trash {
        font-size: 14px !important;
        color: white;        
        margin-top: 12px;
        float: right;
        cursor: pointer;
    }
      html body .datafieldsSetup .icon-trash:hover {
        color: #E8E8E8; }

    html body .datafieldsSetup .icon-listoptions {
      font-size: 11px;
      color: white;
      line-height: 40px;
      margin-left: 10px;
      /*position: absolute;
      left: 88%;*/
      cursor: pointer; }
      html body .datafieldsSetup .icon-listoptions:hover {
        color: #E8E8E8; }

.datafieldsitem_listoptionsimage {
    font-size: 20px !important;
    width: 18px;
    height: 18px;
    margin-top: 7px;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 5px;
}

.datafieldsitem_listoptionsimage:hover {
    opacity: 0.2 !important;
}

html body .datafieldChoicesSetup {
    padding: 10px;
    margin-left: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
    html body .datafieldChoicesSetup input[type="checkbox"] {
      margin: 14px 10px 0 0;
      display: block;
      float: left; }
    html body .datafieldChoicesSetup input[type="text"], html body .datafieldChoicesSetup input[type="number"], html body .datafieldChoicesSetup .search-result-dropdown {
      font-size: 11px;
      float: left;
      width: 18%;
      margin: 0 10px 0 0; }
      html body .datafieldChoicesSetup input[type="text"] input[type="text"], html body .datafieldChoicesSetup .search-result-dropdown input[type="text"] {
        width: 100%; }

 html body .datafieldChoicesSetup select, html body .datafieldChoicesSetup .select2-container {
      width: 18%; /*!important;*/
      font-size: 11px;
      float: left;
      margin: 0 10px 0 0; }
    html body .datafieldChoicesSetup:nth-child(even) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .datafieldChoicesSetup:nth-child(odd) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .datafieldChoicesSetup p {
      float: left;
      padding-right: 10px;
      line-height: 40px; }
      html body .datafieldChoicesSetup p.recipe-name {
        min-width: 150px;
        max-width: 150px;
        overflow: auto;
        text-overflow: ellipsis;
        white-space: nowrap; }
    html body .datafieldChoicesSetup .icon-trash {
      font-size: 14px !important;
      color: white;
      line-height: 39px;
      position: absolute;
      left: 86%;
      cursor: pointer; }
      html body .datafieldChoicesSetup .icon-trash:hover {
        color: #E8E8E8; }

    html body .datafieldChoicesSetup .icon-listoptions {
      font-size: 11px;
      color: white;
      line-height: 40px;
      position: absolute;
      left: 75%;
      cursor: pointer; }
      html body .datafieldChoicesSetup .icon-listoptions:hover {
        color: #E8E8E8; }

.datafieldsitem_nocodedescription {
    left: 45% !important;
}

.datafieldsitem_nocodenewdescription{
    width: 43.5% !important;
}

.datafieldstitle_nocodedescription {
    width: 46.5% !important;
}

.datafieldchoicesitem_nocodedescription {
    width: 70% !important;
}

.datafieldchoiceitem_nocodenewdescription {
    width: 96% !important;
}

.settingsprojectpanelcontainer {
    overflow-y: auto;
    width: 100%;
    max-height: 300px;
}

[id^="projectitem_newdescription"] {
    width: 66%;
    float: left;
    margin-left: 5px !important;
    font-size: 11px !important;     
}

[id^="projectitem_newdescription"]::-moz-placeholder {  
   text-transform: none;
   color: darkgrey;
}

[id^="projectitem_newdescription"]:-ms-input-placeholder { 
   text-transform: none;
   color: darkgrey;
}

.projectitem_description {
    width: 70% !important;
}

html body .projectTitleDiv {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

.projecttitle_description {
    float: left;
    width: 27%;
    font-weight: bold;
}

html body .projectSetup {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    padding-right: 0px;
    width: 100%;
}
    html body .projectSetup input[type="checkbox"] {
      margin: 14px 10px 0 0;
      display: block;
      float: left; }
    html body .projectSetup input[type="text"], html body .projectSetup input[type="number"], html body .projectSetup .search-result-dropdown {
      font-size: 11px;
      float: left;
      width: 18%;
      margin: 0 10px 0 0; }
      html body .projectSetup input[type="text"] input[type="text"], html body .projectSetup .search-result-dropdown input[type="text"] {
        width: 100%; }

 html body .projectSetup select, html body .projectSetup .select2-container {
      width: 18%; /*!important;*/
      font-size: 11px;
      float: left;
      margin: 0 10px 0 0; }
    html body .projectSetup:nth-child(even) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .projectSetup:nth-child(odd) {
      background: #845BAD;
      margin-bottom: 2px; }
    html body .projectSetup p {
      float: left;
      padding-right: 10px;
      line-height: 40px; }
      html body .projectSetup p.recipe-name {
        min-width: 150px;
        max-width: 150px;
        overflow: auto;
        text-overflow: ellipsis;
        white-space: nowrap; }
    html body .projectSetup .icon-trash {
      font-size: 14px !important;
      color: white;
      line-height: 39px;
      position: absolute;
      left: 72%;
      cursor: pointer; }
      html body .projectSetup .icon-trash:hover {
        color: #E8E8E8; }

    html body .projectSetup .icon-listoptions {
      font-size: 11px;
      color: white;
      line-height: 40px;
      position: absolute;
      left: 75%;
      cursor: pointer; }
      html body .projectSetup .icon-listoptions:hover {
        color: #E8E8E8; }

.settings-projects-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.settings-users-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.projectitem_removalimage {
    font-size: 20px !important;
}

#addprojectdiv {
    width: 68%;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
}

[id^="add_settings_project_line"] {   
    margin-left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    float:right;
}

#projectitem_newdescription_div{
    width: calc(100% + 15px);
    float: left;
}

.projectitem_newwidthdescription {
    width: 67% !important;
}

.settingsnutritionpanelcontainer {
    overflow-y: auto;
    width: 100%;
    max-height: 300px;
}

.add_settings_nutritionsetup_line_type {
    margin-left: 10px !important;
    float: left;
}

.add_settings_nutritionsetup_line_type span {
        color: black !important;
}

.add_settings_nutritionsetup_line_units {
    margin-left: 10px !important;
    float: left;
}

.add_settings_nutritionsetup_line_units span {
        color: black !important;
    }

.nutritionsetup_nocodenewcode {
    width: 42.6% !important;
}

[id^="nutritionsetup_newcode"] {
    width: 19%;
    float: left;
    margin-left: 10px !important;
    font-size: 11px !important;
}

[id^="nutritionsetup_newdescription"] {
    width: 26%;
    float: left;
    margin-left: 10px !important;
    font-size: 11px !important;
}

[id^="nutritionsetup_newequation"] {
    width: 42%;
    float: left;
    margin-left: 10px !important;    
    font-size: 11px !important;
}

.equationwithppm {
    width: 45% !important;
}

.equationwithpercentage {
    width: 47% !important;
}

.equationwithfactor {
    width: 42% !important;
}

.add_settings_nutritionsetup_line_units_percentage {
    width: 5%;
    float: left;
    margin-left: 10px !important;
    font-size: 12px !important;
    padding-left: 18px;
    padding-top: 8px;
}

.nutritionsetupitem_units_percentage {
    width: 11% !important;
    float: left;
    font-size: 12px;
    padding-top: 9px;
}

.add_settings_nutritionsetup_line_units_ppm {
    width: 7%;
    float: left;
    margin-left: 10px !important;
    font-size: 12px !important;
    padding-left: 20px;
    padding-top: 6px;
}

.nutritionsetupitem_units_ppm {
    width: 11% !important;
    float: left;
    font-size: 12px;
    padding-top: 8px;
}

.add_settings_nutritionsetup_line_units_factor {
    width: 10%;
    float: left;
    margin-left: 10px !important;
    font-size: 11px !important;    
}

:-ms-input-placeholder.add_settings_nutritionsetup_line_units_factor {
    text-transform: none;
    color: darkgrey;
}

:-ms-input-placeholder.nutritionsetupitem_units_factor {
    text-transform: none;
    color: darkgrey;
}

:-ms-input-placeholder.nutritionsetupitem_equation {
    text-transform: none;
    color: darkgrey;
}

#addnutritionsetupline {
    width: 91%;
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
}

[id^="add_settings_nutritionsetup_line"] {
    float: right;
    cursor: pointer;
    font-size: 14px;
}

html body .nutritionSetupTitleDiv {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

.nutritionsetuptitle_code {
    float: left;
    width: 16%;
    margin-left: 0px;
    margin-right: 8px;
    font-weight: bold;
}

.nutritionsetuptitle_description {
    float: left;
    width: 26%;
    margin-right: 6px;
    font-weight: bold;
}

.nutritionsetuptitle_type {
    float: left;
    width: 8%;
    margin-right: 8px;
    font-weight: bold;
}

.nutritionsetuptitle_units {
    float: left;
    width: 8%;
    margin-right: 8px;
    font-weight: bold;
}

.nutritionsetuptitle_equation {
    float: left;
    width: 29%;
    margin-right: 8px;
    font-weight: bold;
}

.nutritionsetuptitle_check {
    font-weight: bold;
}

[id^="nutritionsetup_newcode"]::-moz-placeholder {
    text-transform: none;
    color: darkgrey;
}

[id^="nutritionsetup_newcode"]:-ms-input-placeholder {
    text-transform: none;
    color: darkgrey;
}

[id^="nutritionsetup_newdescription"]::-moz-placeholder {
    text-transform: none;
    color: darkgrey;
}

[id^="nutritionsetup_newdescription"]:-ms-input-placeholder {
    text-transform: none;
    color: darkgrey;
}

[id^="nutritionsetup_newequation"]::-moz-placeholder {
    text-transform: none;
    color: darkgrey;
}

[id^="nutritionsetup_newequation"]:-ms-input-placeholder {
    text-transform: none;
    color: darkgrey;
}

html body .nutritionHeadersSetup {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    html body .nutritionHeadersSetup input[type="checkbox"] {
        margin: 14px 10px 0 0 !important;
        display: block;
        float: left;
    }

    html body .nutritionHeadersSetup input[type="text"], html body .nutritionHeadersSetup input[type="number"], html body .nutritionHeadersSetup .search-result-dropdown {
        font-size: 11px;
        float: left;
        width: 18%;
        margin: 0 10px 0 0;
    }

        html body .nutritionHeadersSetup input[type="text"] input[type="text"], html body .nutritionHeadersSetup .search-result-dropdown input[type="text"] {
            width: 100%;
        }

    html body .nutritionHeadersSetup select, html body .nutritionHeadersSetup .select2-container {
        width: 18%; /*!important;*/
        font-size: 11px;
        float: left;
        margin: 0 10px 0 0;
    }

    html body .nutritionHeadersSetup:nth-child(even) {
        background: #845BAD;
        margin-bottom: 2px;
    }

    html body .nutritionHeadersSetup:nth-child(odd) {
        background: #845BAD;
        margin-bottom: 2px;
    }

    html body .nutritionHeadersSetup p {
        float: left;
        padding-right: 10px;
        line-height: 40px;
    }

        html body .nutritionHeadersSetup p.recipe-name {
            min-width: 150px;
            max-width: 150px;
            overflow: auto;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    html body .nutritionHeadersSetup .icon-trash {
        font-size: 14px !important;
        color: white;
        line-height: 38px;
        position: absolute;
        left: 97%;
        cursor: pointer;
    }

        html body .nutritionHeadersSetup .icon-trash:hover {
            color: #E8E8E8;
        }

    html body .nutritionHeadersSetup .icon-listoptions {
        font-size: 11px;
        color: white;
        line-height: 40px;
        position: absolute;
        left: 75%;
        cursor: pointer;
    }

        html body .nutritionHeadersSetup .icon-listoptions:hover {
            color: #E8E8E8;
        }

.datafieldsitem_listoptionsimage {
    font-size: 20px !important;
    width: 18px;
    height: 18px;
    margin-top: 7px;
}

    .datafieldsitem_listoptionsimage:hover {
        opacity: 0.2 !important;
    }

.nutritionsetupitem_code {
    text-transform: uppercase;
}

.nutritionsetupitem_fixedcode {
    text-transform: uppercase;
}

.nutritionsetupitem_description {
    width: 26% !important;
}

.nutritionsetupitem_equation {
    width: 30% !important;
}

.nutritionsetupitem_fixeddescription {
    width: 26% !important;
}

.nutritionsetupitem_fixedequation {
    width: 30% !important;
}

.nutritionsetupitem_removalimage {
    font-size: 20px !important;
}


.settings-nutritionsetup-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

[disabled].nutritionsetupitem_fixedcode {
    background: lightgray;
}

[disabled].nutritionsetupitem_fixeddescription {
    background: lightgray;
}

[disabled].nutritionsetupitem_fixedequation {
    background: lightgray;
}

.nutritionHeadersSetup .select2-container--disabled span {
    background: lightgray !important;
    color: black !important;
}

[disabled].nutritionsetupitem_units_factor {
    background: lightgray;
}

[disabled]::-webkit-input-placeholder:disabled.nutritionsetupitem_fixedequation {
    color: transparent;
    background: lightgray;
}

[disabled]:-moz-placeholder:disabled.nutritionsetupitem_fixedequation {
    color: transparent;
    background: lightgray;
}


[disabled]::-moz-placeholder:disabled.nutritionsetupitem_fixedequation {
    color: transparent;
    background: lightgray;
}

[disabled]:-ms-input-placeholder:disabled.nutritionsetupitem_fixedequation {
    color: transparent;
    background: lightgray;
}

html body .ui-dialog .select2-container--default.select2-container--disabled.nutritionsetupitem_type .select2-selection--single .select2-selection__rendered {
    color: white;
    font-size: 11px;
}

html body .ui-dialog .select2-container--default.select2-container--disabled.nutritionsetupitem_units .select2-selection--single .select2-selection__rendered {
    color: white;
    font-size: 11px;
}

.ui-autocomplete {
    display: none;
    text-align: left;
    background: white;
    max-height: 440px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    color: black;
}

.ui-menu .ui-menu-item a:hover {
    background: #ddd;
}

.ui-menu .ui-menu-item.ui-state-focus {
    background: #ddd !important;
}

[disabled]::-webkit-input-placeholder:disabled.nutritionsetupitem_units_factor {
    color: transparent;
    background: lightgray;
}

[disabled]:-moz-placeholder:disabled.nutritionsetupitem_units_factor {
    color: transparent;
    background: lightgray;
}


[disabled]::-moz-placeholder:disabled.nutritionsetupitem_units_factor {
    color: transparent;
    background: lightgray;
}

[disabled]:-ms-input-placeholder:disabled.nutritionsetupitem_units_factor {
    color: transparent;
    background: lightgray;
}

[disabled].nutritionsetupitem_code {
    background: lightgray !important;
}

.ui-menu .ui-menu-item {
    font-size: 11px !important;
}

div.settingsconnectionspanelcontainer {
}

html body .settingsconnectionspanelcontainer table {
    border-collapse: collapse;
    border: 1px solid black;
}

html body .settingsconnectionspanelcontainer table tr th {
    padding: 5px;
    font-weight: bold;
    border: 1px solid black;
}

html body .settingsconnectionspanelcontainer table tr td {
    padding: 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

html body .settingsconnectionspanelcontainer table tr:nth-child(even) {
    background: #27787F
}

.connectDlgButtons {
    vertical-align: top;
    margin-top: 10px !important;
}

.connectDlgLeftSide {
    width: 300px;
    display: inline-block !important;
    margin: 10px !important;
    margin-right: 30px !important;
}

.connectDlgParagraph {
    margin:10px;
}

.settings-connections-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.settings-accounts-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

table.connecttable {
    width: 100%
}

th.connecttableaccountnamecol {
    width:80%
}

th.connecttabledatecol {
    width:100px
}

html body div.createGroupDiv {
    white-space: normal;
    padding-top: 0.5em;
}

    html body div.createGroupDiv input {
        width: 100%;
    }

.datafieldsSetup label {
    height: 30px;
    margin-top: 5px !important;
}
    .datafieldsSetup label span {
        padding-top: 6px !important;
    }

#switchNewCard {
    cursor: pointer;
}

#datafieldGroupText {
    width: 100%;
}

#dialog-settings-display
{
    overflow-x: hidden;
}

#catgroup_typesel_newcard + span {
    margin-bottom: 20px !important;
}

#switchNewCardLbl {
    float: right;
}

html body .settingsuserspanelcontainer table {
    border-collapse: collapse;
    border: 1px solid black;
}

    html body .settingsuserspanelcontainer table tr th {
        padding: 5px;
        font-weight: bold;
        border: 1px solid black;
    }

    html body .settingsuserspanelcontainer table tr td {
        padding: 5px;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }

    html body .settingsuserspanelcontainer table tr:nth-child(even) {
        background: #27787F;
    }

.usersDlgButtons {
    vertical-align: top;
    margin-top: 10px;
}

.usersDlgLeftSide {
    width: 300px;
    display: inline-block !important;
    margin: 10px !important;
    margin-right: 30px !important;
}

.usersDlgParagraph {
    margin: 10px;
}

table.userstable {
    width: 100%
}

th.userstableaccountnamecol {
    width: 70%;
    cursor: pointer;
}

th.userstablevaluecol {
    width: 100px;
}

th.userstablelicencetypecol {
    width: 300px;
    cursor: pointer;
}

th.userstablegrouptypecol {
    width: 300px;
    cursor: pointer;
}

th.userstableaccountnamecol.sasc {
    background: url(../3rd/css/flexigrid/images/up.png) no-repeat center bottom;
    background-size: 15px;
}

th.userstableaccountnamecol.sdesc {
    background: url(../3rd/css/flexigrid/images/dn.png) no-repeat center top;
    background-size: 15px;
}

th.userstablelicencetypecol.sasc {
    background: url(../3rd/css/flexigrid/images/up.png) no-repeat center bottom;
    background-size: 15px;
}

th.userstablelicencetypecol.sdesc {
    background: url(../3rd/css/flexigrid/images/dn.png) no-repeat center top;
    background-size: 15px;
}

th.userstablegrouptypecol.sasc {
    background: url(../3rd/css/flexigrid/images/up.png) no-repeat center bottom;
    background-size: 15px;
}

th.userstablegrouptypecol.sdesc {
    background: url(../3rd/css/flexigrid/images/dn.png) no-repeat center top;
    background-size: 15px;
}

html body .settingsuserspanelcontainer table tr th + th + th + th {
    white-space: nowrap;
}

#userstableeditable {
    margin-top: 20px;
}

.examplecomponentnamescsvfile {
    text-decoration: underline;
    color: #27787F;
}

.livecomponentnamescsvfile {
    text-decoration: underline;
    color: #27787F;
}

html body div.toolbarTableContainer > div.viewAction select {
     max-width: 120px;
}

#settings-nutritionviews-names-container {
    height: 350px !important;
    width: auto !important;
}

#settings-allergenviews-names-container {
    height: 350px !important;
    width: auto !important;
}

label[id^=updateMoveToCard] {
    background: #7AB091 !important;
    padding: 0 !important;
    margin-top: 5px !important;
    height: 25px !important;
}

label[id^=updateMoveToCard] span {
    margin-top: -7px;
}

#add_settings_datafieldchoice_line_filters{
    margin-bottom: 10px;
}

div[view_id=datafieldchoicesgrid] {
    max-height: 200px !important;
    overflow-y: auto;
}
div[view_id=datafieldsgrid] {
    max-height: 300px !important;
    overflow-y: auto;
}

div.settings-label-info {
    text-align: right;
    padding-bottom: 20px;
}

div.displaySettingsGridContainer {
    height: 615px !important;
    width: 800px !important;
    display: block;
}

div.connectionSettingsGridContainer {
}

[view_id="add_settings_connection_line"], [view_id="add_settings_connection_line2"], [view_id="add_settings_connection_line3"] {
    background: transparent !important;
}

#settings-accountimage {
    padding-top: 15px;
    margin-bottom: 15px;
}

#settings-accountimage-img {
    width: 250px;
    height: 250px;
    display: block;
    background: white;
    object-fit: contain;
    object-position: center;
    border: 1px solid lightgray;
}

#settings-acctimg-label {
    width: 250px;
    display: block;
    text-align: center;
}

#settings-acctimg-label:hover {
    cursor: pointer;
}

#clear-account-image {
    border: 0;
    height: 1.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
    background-color: white;
    color: rgba(37, 162, 194, 1);
    transition: background-color ease-in-out 0.25s, color ease-in-out 0.25s;
}

#clear-account-image:hover {
    color: white;
    background-color: #BFBFBF;
}

#settings-accountimage-container1 {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

#settings-accountimage-container2 {
    width: 250px;
    height: 250px;
    position: relative;
}

    #account-timeline > .loading,
    #settings-accountimage-container2 > .loading {
        top: 0px;
        right: 0px;
        width: 100%;
        height: 110%;
        opacity: 0.8;
        z-index: 10000000;
        position: absolute;
        background-size: 50px;
        background-color: #ECEAEA;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('../images/ajax-indic-big.gif');
    }

#settings-accountimage-placeholder {
    width: 100%;
    height: 100%;
    fill: #92B0B3;
    display: block;
    padding: 30% 30%;
    position: absolute;
    background-color: #C8DADF;
}

#account-timeline .webix_timeline_value,
#account-timeline .webix_timeline_node.webix_timeline_point {
    cursor: default;
}

/* Used in Settings - Actions */
.diagTopIcon {
    position: absolute;
    left: -40px;
    top: -7px;
    font-size: 18pt;
}

.diagBotIcon {
    position: absolute;
    left: -40px;
    top: 22px;
    font-size: 18pt;
}

.webix_diagram_text {
    overflow: visible;
}

.whiteBackground {
    background-color: white;
}

.job_sets_operationname {
    font-size: 14pt;
    font-weight: bold;
    background: #e8f6f9;
    padding-top: 4px;
    padding-left: 10px;
    border: 2px solid #1CA1C1 !important; /* from webix diagram */
}

.job_sets_icontrait {
    padding-top: 9px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header:not(.fcid-header), hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

body {
  line-height: 1;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 780px;
  font-family: Verdana, sans-serif;
  font-weight: 400;
  color: #522577;
  font-size: 16px; 
  overflow-x: auto !important;
}

blockquote {
  quotes: none; }
  blockquote:before {
    content: '';
    content: none; }
  blockquote:after {
    content: '';
    content: none; }

q {
  quotes: none; }
  q:before {
    content: '';
    content: none; }
  q:after {
    content: '';
    content: none; }

ol {
  list-style: none; }

ul:not(.fcid-menu__nav-list, .fcid-menu__nav-list-child) {
    list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0; }

article {
  display: block; }
  article.ui-tabs-panel[id*="hg-workspace-"] {
    position: relative;
    height: calc(100% - 65px);
    box-sizing: border-box;
    background: #EFF7FB;
    padding: 0 10px 10px;
    box-shadow: 0 -5px 24px 0 rgba(0, 0, 0, 0.4); }
  article > header {
    position: relative;
    top: 0;
    box-sizing: border-box;
    padding: 0;
    width: calc(100% - 2.6em); }
  article header h1 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 0 0.5em 0;
    font-size: 1em; }
    article header h1:nth-of-type(1) {
      width: 60%; }
    article header h1:nth-of-type(2) {
      width: 20%; }
    article header h1:nth-of-type(3) {
      width: 20%; }
  article header > .button {
    float: right;
    margin-top: 0.4em;
    margin-left: 0.5em; }  
  article > ul {
    height: calc(100% - 65px);
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    float: left;
    background-color: #EFF7FB;
    overflow: hidden; }
/*  article > ul.collapse {
      height: calc(100% - 110px) !important;
  }
    article > ul.collapse2 {
        height: calc(100% - 160px) !important;
    }
    article > ul.collapse3 {
        height: calc(100% - 210px) !important;
    }*/

aside {
  display: block; }

details {
  display: block; }

figure {
  display: block; }

figcaption {
  display: block; }

footer {
  display: block;
  position: absolute;
  bottom: 0.25em;
  left: 1em;
  right: 1em;
  height: 1em;
  box-sizing: border-box;
  text-align: right; }

header {
  display: block; }
  header#hg_banner {
    position: absolute;
    top: 0.5em;
    left: 1em;
    right: 0.5em;
    box-sizing: border-box;
    padding-left: 0;
    padding-top: 0;
    padding-right: 1.5em;
    padding-bottom: 0; }
    header#hg_banner > ul {
      display: block;
      margin-top: 0;
      font-size: 1em;
      font-weight: 400;
      padding-left: 4em;
      width: calc(100% - 4em); }
      header#hg_banner > ul > li {
        float: right;
        width: calc(33% - 1em); }
        header#hg_banner > ul > li > img {
          float: left;
          margin-top: -0.8em;
          height: 1.9em; }
      header#hg_banner > ul > :nth-child(1) {
        float: left; }
    header#hg_banner > h1 {
      float: left;
      display: block;
      width: 15em;
      padding-left: 0.5em;
      padding-top: 0.25em;
      font-size: 2.1em;
      font-weight: 500; }

hgroup {
  display: block; }

menu {
  display: block; }

nav:not(.fcid-menu__nav) {
    display: block;
}

section {
  display: block; }

.group {
  zoom: 1; }
  .group:before {
    content: "";
    display: table; }
  .group:after {
    content: "";
    display: table;
    clear: both; }

.totalBarDiv {
    background-color: #AA76C2;
    position: absolute;
    bottom: 0;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    z-index: 5;
    text-align: left;
}

.weightDiv {
    background-color: #AA76C2;
    position: relative;
    bottom: 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    z-index: 3;
    margin: 0 auto;
}

.weightDiv2 {
}

.yieldDiv {
    background-color: #AA76C2;
    position: relative;
    bottom: 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    z-index: 4;
    margin: 0 auto;
    float: right;
    margin-right: 25px;
}

.processChangeDiv2 {
    width: 140px !important;
}

.processChangeDiv {
    background-color: #AA76C2;
    position: absolute;
    right: 25px;
    bottom: 0;
    display: inline;
    width: 1%;
    height: 40px;
    line-height: 40px;
    z-index: 5;
}

.processChangeDiv span {
        color: white;
        font-size: 12px;
        cursor: pointer;
        float: right;
        margin-right: 15px;
    }

.yieldUnitSpan {
    margin-right: 10px;
}

.weightSpan, .yieldSpan, .weightUnitSpan, .yieldUnitSpan, .weightInputSpan, .yieldInputSpan, .weightTab, .yieldTab {
    float: left;
    text-align: center;
    color: white;
    font-weight: 600;
    padding: 0 10px;
    font-size: 11px;
    height: 40px;
    font-family: 'Verdana', Geneva, sans-serif;
}


.processChangeDiv .toggleOutput1, .processChangeDiv .editProcess {
    position: absolute;
    left: 0%;
    top: 20%;
    cursor: pointer;
}

.processChangeDiv .toggleOutput1 {
    position: absolute;
    left: 50%;
    top: 26%;
}

.headerhandle {
  float: left;
  cursor: move;
  width: 100%; }

.close-button {
  float: right;
  height: 12px !important;
  width: 12px !important; }

.hg_workspace {
  position: absolute;
  top: 105px;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  border: none;
  padding: 0;
  z-index: 5;
  background: #27787F;
  background-size: cover; 
  overflow:hidden; }
  .hg_workspace.no-bg {
    background: transparent; }

.hg_recipe_formulation {
  box-sizing: border-box;
  height: 100%;
  width: 100%; }
  .hg_recipe_formulation table.recordContentTable {
    background: repeating-linear-gradient(rgba(255, 255, 255, 0.85) 0px, rgba(255, 255, 255, 0.85) 40px, rgba(255, 255, 255, 0.9) 40px, rgba(255, 255, 255, 0.9) 80px);
    background-attachment: local; }
  .hg_recipe_formulation input {
    box-sizing: border-box;
    background-color: transparent;
    float: left; }
  .hg_recipe_formulation .button {
    float: right;
    font-size: 11px; }

  input.weightTab {
    background-color: white;
    padding: 0px 7px 0px 0px !important;
    position: relative;
    top: 15%;
    height: 30px !important;
    display: inline;
    float: left;
    text-align: right !important;
    width: 90px !important; }

input.yieldTab {
    background-color: white;
    padding: 0px 7px 0px 0px !important;
    position: relative;
    top: 15%;
    height: 30px !important;
    display: inline;
    float: left;
    text-align: right !important;
    width: 90px !important;
}

.hg-sortable-griditem {
  box-sizing: border-box;
  float: left;
  border-radius: 10px;
  border: #D9ECF3 2px solid;
  overflow: hidden; }
  .hg-sortable-griditem._expended {
    
    top: 60px;
    left: 10px;
    z-index: 100 !important;
     min-width: 100%;
    min-height: 99.9%;
    max-height: 100%;
  }
  .hg-sortable-griditem._hidden {
    display:none !important;
  }
  .hg-sortable-griditem.ui-sortable-placeholder {
    border: 4px dotted #DADADA; }
  .hg-sortable-griditem.animate {
    transition: width 0.5s ease, height 0.5s ease !important; }
  .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle {
    height: 40px;
    line-height: 40px;
    background: white !important;
    color: #323232;
    text-transform: capitalize;
    position: relative;
    z-index: 5; }
    .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i {
      border-radius: 20px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      display: inline-block;
      text-align: center;
      color: #ffffff;
      margin-right: 15px;
      margin-left: 5px;
      font-size: 16px;
      position: relative;
      top: -5px;
      cursor: nesw-resize; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:before, .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:after {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        transition: opacity .25s ease-in-out; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:after {
        opacity: 0;
        content: '\e812';
        top: 0;
        left: 0;
        position: absolute;
        width: 26px;
        height: 40px;
        margin: 0; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:hover:before {
        opacity: 0; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:hover:after {
        opacity: 1; }
    .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle .title {
        position: relative;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 50%;
        height: 32px;
        padding-top: -10px !important;
    }
    .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle .load-progress {
      position: absolute;
      left: 40px;
      top: 0;
      width: 0;
      height: 40px;
      background: rgba(255, 255, 255, 0.5); }
    .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle button.ui-button {
      width: 40px !important;
      margin: 0;
      background: white;
      border: none;
      font-size: 14px;
      z-index: 5;
      border-radius: 0;
      box-shadow: none;
      outline: none;
      position: absolute;
      right: 0;
      height: 37px !important;
      padding-top: 2px;
      top: 0px;
      transition: color .15s ease-in-out;
      overflow: hidden !important; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle button.ui-button span {
        display: none; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle button.ui-button:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        color: #3B3B3B;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 18px;
        height: 18px;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .5em;
        margin-top: -12px;
        font-size: 16px;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e805'; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle button.ui-button:hover {
        color: #979797; }
    .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle._expended {
      cursor: default; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle._expended i:before {
        opacity: 0; }
      .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle._expended i:after {
        opacity: 1;
        content: '\e813'; } 
  .hg-sortable-griditem.note {
    background: #EFF7FB; }
    .hg-sortable-griditem.note .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem.note .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.note .hg-sortable-griditem-inner .headerhandle i {
          background: #007681; }
          .hg-sortable-griditem.note .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80a'; }
      .hg-sortable-griditem.note .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: 2px solid white;
        overflow: hidden; 
        padding-top: 1px;
      }
      .hg-sortable-griditem.note .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #D9E0E4; }
  .hg-sortable-griditem.declarationresult {
    background: #EFF7FB; }
    .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner {
      background: white; }
      .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner .headerhandle i {
          background: #37B6CC; }
          .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80c'; }
      .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: none;
        right: 100px;
        border-bottom: none; }
        .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__options {
          border: none; }
        .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option[aria-selected=true] {
          background: #37B6CC; }
        .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option--highlighted[aria-selected] {
          background: #ffe6cc; }
      .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #EAA417; }
      .hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
        padding-top: 40px; }
  .hg-sortable-griditem.requirement {
    background: #EFF7FB; }
    .hg-sortable-griditem.requirement .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem.requirement .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.requirement .hg-sortable-griditem-inner .headerhandle i {
          background: #0F3BA1; }
          .hg-sortable-griditem.requirement .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80d'; }
      .hg-sortable-griditem.requirement .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: 1px solid #0F3BA1;
        border-bottom: none; }
      .hg-sortable-griditem.requirement .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #0F3BA1; }
  .hg-sortable-griditem.intolerance {
    background: #EFF7FB; }
    .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner .headerhandle i {
          background: #CC077C; }
          .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e809'; }
      .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: 1px solid #CC077C;
        border-bottom: none; }
      .hg-sortable-griditem.intolerance .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #CC077C; }
  .hg-sortable-griditem[class^="masterviews_"] {
    background: #EFF7FB; }
    .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner {
      background: #FFF6F7; }
      .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner .headerhandle i {
          background: #EF798A; }
          .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e809'; }
      .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
         border: 2px solid white;
         border-bottom: 3px solid white;
         height: 40px;
         padding-top: 1px;
         overflow: hidden; }
      .hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #CC077C; }
  .hg-sortable-griditem.declarationsetup, .hg-sortable-griditem.recipe {
    background: #EFF7FB; }
    .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner {
      background: white; }
      .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner .headerhandle, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner .headerhandle i, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner .headerhandle i {
          background: #AA76C2; }
          .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner .headerhandle i:before, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e808'; }
      .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border-bottom: none; }
      .hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner table.recordDataTable thead tr, .hg-sortable-griditem.recipe .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #D9E0E4; }
    .hg-sortable-griditem.declarationsetup .recipeGridActionPanel, .hg-sortable-griditem.recipe .recipeGridActionPanel {
      border-bottom: none; }
      .hg-sortable-griditem.declarationsetup .recipeGridActionPanel .icon-search-plus, .hg-sortable-griditem.recipe .recipeGridActionPanel .icon-search-plus {
        border-bottom: none; }
      .hg-sortable-griditem.declarationsetup .recipeGridActionPanel .quick-search-container, .hg-sortable-griditem.recipe .recipeGridActionPanel .quick-search-container {
        }  
  .hg-sortable-griditem.nutrition {
    background: #EFF7FB; }
    .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner .headerhandle i {
          background: #7AB091; }
          .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e807'; }
      .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: 2px solid white;
        overflow: hidden; 
        padding-top: 1px;
      }
      .hg-sortable-griditem.nutrition .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #7AB091; }
  .hg-sortable-griditem.cost {
    background: #EFF7FB; }
    .hg-sortable-griditem.cost .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem.cost .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.cost .hg-sortable-griditem-inner .headerhandle i {
          background: #AA76C2; }
          .hg-sortable-griditem.cost .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80b'; }
      .hg-sortable-griditem.cost .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border-bottom: none;
        background: white; }
        .hg-sortable-griditem.cost .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__options {
         }
        .hg-sortable-griditem.cost .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option[aria-selected=true] {
          background: #ff6666; }
    .hg-sortable-griditem.cost table.recordDataTable thead tr {
      background: #0A6FB5; }    
   .hg-sortable-griditem[data-cntype^="category_"] {
    background: #EFF7FB; }
    .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner {
      background: #EFF7FB; }
      .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner .headerhandle i {
          background: #007DBA; }
          .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80d'; }
      .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border-bottom: none; }
      .hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #0F3BA1; }
   .hg-sortable-griditem.pdm_pictures {
    background: #EFF7FB; }
    .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner {
      /*/background: ##EFF7FB; */ }
      .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner .headerhandle i {
          background: #007DBA; }
          .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80e'; }
      .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border-bottom: none; }      
      .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #D9E0E4; }
      .hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
        padding-top: 40px; }

 .hg-sortable-griditem.pdm_spec {
    background: #ffffff; }
    .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner {
      background: #ffffff; }
      .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4 ; }
        .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner .headerhandle i {
          background: #ffffff; }
          .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner .headerhandle i:before {
            content: '\e80e'; }
      .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border-bottom: none; }      
      .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #ffffff; }
      .hg-sortable-griditem.pdm_spec .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
        padding-top: 40px; }

    .hg-sortable-griditem.targetresults {
        background: #EFF7FB;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner {
        background: white;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner .headerhandle i {
        background: #37B6CC;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner .headerhandle i:before {
        content: '\e81d';
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: none;
        right: 60px;
        border-bottom: none;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__options {
        border: none;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option[aria-selected=true] {
        background: #37B6CC;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option--highlighted[aria-selected] {
        background: #ffe6cc;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #EAA417;
    }

    .hg-sortable-griditem.targetresults .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
        padding-top: 40px;
    }

    .hg-sortable-griditem.productionlinesetup {
        background: #EFF7FB;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner {
        background: #EFF7FB;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner .headerhandle {
        background: #D9E0E4;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner .headerhandle i {
        background: gray;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner .headerhandle i:before {
        content: '\e81e';
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
        border: none;
        right: 60px;
        border-bottom: none;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__options {
        border: none;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option[aria-selected=true] {
        background: #37B6CC;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option--highlighted[aria-selected] {
        background: #ffe6cc;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner table.recordDataTable thead tr {
        background: #EAA417;
    }

    .hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
        padding-top: 40px;
    }

.hg-sortable-griditem.hgcardoptimiser .hg-sortable-griditem-inner .headerhandle i:before {
    content: '\e81f';
}
.hg-sortable-griditem.hgcardoptimiser .hg-sortable-griditem-inner .headerhandle i {
    background-color:#0F3BA1;
}

.hg-sortable-griditem.optimisergrid {
    background: #EFF7FB;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner {
    background: white;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner .headerhandle {
    background: #D9E0E4;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner .headerhandle i {
    background: #37B6CC;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type {
    border: none;
    right: 60px;
    border-bottom: none;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__options {
    border: none;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option[aria-selected=true] {
    background: #37B6CC;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner div.toolbarTableContainer > div:first-of-type .select2-results__option--highlighted[aria-selected] {
    background: #ffe6cc;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner table.recordDataTable thead tr {
    background: #EAA417;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner table.recordDataTable tbody tr:first-child td {
    padding-top: 40px;
}

.hg-sortable-grid-placeholder {
  background-color: red;
   }

.hg-sortable-griditem-inner {
  color: black;
  height: 100%;
  width: 100%;
  background: #ffffff; }

.select2-container--default .select2-results > .select2-results__options {
  position: absolute;
  right: -1px; }
  .select2-container--default .select2-results > .select2-results__options .select2-results__option[aria-selected=true] {
    position: relative; }
    .select2-container--default .select2-results > .select2-results__options .select2-results__option[aria-selected=true]:after {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      position: absolute;
      right: 10px;
      top: 0;
      width: 20px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      content: '\e802';
      font-size: 14px;
      color: #313131; }  
  .select2-container--default .select2-results > .select2-results__options.note {
    border: 1px solid #007681; }
    .select2-container--default .select2-results > .select2-results__options.note .select2-results__option--highlighted[aria-selected] {
      background: #007681;
      color: white;
    }
    .select2-container--default .select2-results > .select2-results__options.note .select2-results__option[aria-selected=true] {
      background: #fff8d2; }
  .select2-container--default .select2-results > .select2-results__options.declarationresult {
    border: 1px solid ##37B6CC; }
    .select2-container--default .select2-results > .select2-results__options.declarationresult .select2-results__option--highlighted[aria-selected] {
      background: #37B6CC; }
    .select2-container--default .select2-results > .select2-results__options.declarationresult .select2-results__option[aria-selected=true] {
      background: #ffe6cc; }
  .select2-container--default .select2-results > .select2-results__options.requirement {
    border: 1px solid #0F3BA1; }
    .select2-container--default .select2-results > .select2-results__options.requirement .select2-results__option--highlighted[aria-selected] {
      background: #0F3BA1; 
      color: white; }
    .select2-container--default .select2-results > .select2-results__options.requirement .select2-results__option[aria-selected=true] {
      background: #88a9f4; }
  .select2-container--default .select2-results > .select2-results__options.intolerance {
    border: 1px solid #CC077C; }
    .select2-container--default .select2-results > .select2-results__options.intolerance .select2-results__option--highlighted[aria-selected] {
      background: #fa72c3; }
    .select2-container--default .select2-results > .select2-results__options.intolerance .select2-results__option[aria-selected=true] {
      background: #fca3d8; }
  .select2-container--default .select2-results > .select2-results__options[class^="masterviews_"] {
    border: 1px solid #CC077C; }
    .select2-container--default .select2-results > .select2-results__options[class^="masterviews_"] .select2-results__option--highlighted[aria-selected] {
      background: #fa72c3; }
    .select2-container--default .select2-results > .select2-results__options[class^="masterviews_"] .select2-results__option[aria-selected=true] {
      background: #fca3d8; }
  .select2-container--default .select2-results > .select2-results__options.declarationsetup, .select2-container--default .select2-results > .select2-results__options.recipe {
   }
    .select2-container--default .select2-results > .select2-results__options.declarationsetup .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results > .select2-results__options.recipe .select2-results__option--highlighted[aria-selected] {
      background: #E8E8E8; }
    .select2-container--default .select2-results > .select2-results__options.declarationsetup .select2-results__option[aria-selected=true], .select2-container--default .select2-results > .select2-results__options.recipe .select2-results__option[aria-selected=true] {
      background: #ccb3e6; }  
  .select2-container--default .select2-results > .select2-results__options.nutrition {
    border: 1px solid #7AB091; }
    .select2-container--default .select2-results > .select2-results__options.nutrition .select2-results__option--highlighted[aria-selected] {
      background: #7AB091; 
      color: white;
    }
    .select2-container--default .select2-results > .select2-results__options.nutrition .select2-results__option[aria-selected=true] {
      background: #d9eecc; }
  .select2-container--default .select2-results > .select2-results__options.cost {
    border: 1px solid #AA76C2; }
    .select2-container--default .select2-results > .select2-results__options.cost .select2-results__option--highlighted[aria-selected] {
      background: #AA76C2; }
    .select2-container--default .select2-results > .select2-results__options.cost .select2-results__option[aria-selected=true] {
      background: #AA76C2;
      color: white;
    }
  .select2-container--default .select2-results > .select2-results__options.pdm_pictures {
    border: 1px solid #EAA417; }
    .select2-container--default .select2-results > .select2-results__options.pdm_pictures .select2-results__option--highlighted[aria-selected] {
      background: #ffcc99; }
    .select2-container--default .select2-results > .select2-results__options.pdm_pictures .select2-results__option[aria-selected=true] {
      background: #ffe6cc; }
    .select2-container--default .select2-results > .select2-results__options.pdm_spec {
     border: 0px solid #7AB091 }
    .select2-container--default .select2-results > .select2-results__options.pdm_spec .select2-results__option--highlighted[aria-selected] {
      background: #ffcc99; }
    .select2-container--default .select2-results > .select2-results__options.pdm_spec .select2-results__option[aria-selected=true] {
      background: #ffe6cc; }
    .select2-container--default .select2-results > .select2-results__options.pdm_spec.pdmtableselectcontrol {
      border: 1px solid #7AB091;
      overflow-x: auto;
    }
    .select2-container--default .select2-results > .select2-results__options.pdm_spec.pdmtablemultiselectcontrol {
      border: 1px solid #7AB091;
      margin-top: -1px;
      overflow-x: auto;
      /*border-top-width: 0px;      */
    }

    .select2-container--default .select2-results > .select2-results__options.declarationsetup {
        border: 1px solid #AA76C2 !important;
    }
        .select2-container--default .select2-results > .select2-results__options.declarationsetup .select2-results__option--highlighted[aria-selected] {
            background: #AA76C2 !important;
            color: white !important;
        }

.select2-container--default .select2-results > .hgcardoptimiser .select2-results__option--highlighted[aria-selected] {
    background: #0F3BA1;
    color: white;
}

html body .pdmtemplateselector .select2-container .select2-selection--single .select2-selection__rendered {
    display: inline-block;
    padding:0;
}

.gallery-bg {
  position: absolute;
  width: 400px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  bottom: 0;
  z-index: 100;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  overflow: hidden;
  display: none; }
  .gallery-bg .max-message {
    color: #313131;
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    margin: 0 20px;
    display: block;
    background: white;
    padding: 10px;
    width: calc(100% - 60px);
    line-height: 10px; }

.invisible-button {
  position: fixed;
  width: calc(100% - 400px);
  height: 100%;
  right: 400px;
  bottom: 0;
  z-index: 100;
  display: none;
  cursor: pointer;
  transition: background 0.3s; }

ul.hg-gallery {
  list-style: none;
  display: inline-block;
  position: fixed;
  right: 30px;
    top: 50px;
  margin: 0;
    margin-right: 15px;
    margin-bottom: 20px;
    padding-bottom: 30px !important;
    padding-right: 20px !important;
    overflow-y: auto;
    overflow-x: hidden;
  padding: 10px 0 60px 0;
  border-radius: 64px;
    min-width: 350px;
  min-height: 40px;
  width: 60px;
    max-height: 75% !important;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 100; }
  ul.hg-gallery li {
    white-space:nowrap;
    margin: 0 0 10px 0;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 23px;
    line-height: 40px;
    opacity: 0; }    
    ul.hg-gallery li.note:after {
      background: #007681;
      content: '\e80a'; }
    ul.hg-gallery li.declarationresult:after {
      background: #37B6CC;
      content: '\e80c'; }
    ul.hg-gallery li.requirement:after {
      background: #0F3BA1;
      content: '\e80d'; }
    ul.hg-gallery li.recipe:after {
        background: #AA76C2;
        content: '\e808';    }
    ul.hg-gallery li.intolerance:after {
      background: #CC077C;
      content: '\e809'; }
    ul.hg-gallery li[class^="masterviews_"]:after {
      background: #EF798A;
      content: '\e809'; }
    ul.hg-gallery li.declarationsetup:after {
      background: #AA76C2;
      content: '\e808'; }
    ul.hg-gallery li.pdm_pictures:after {
      background: #007DBA;
      content: '\e80e'; }
    ul.hg-gallery li.pdm_spec:after {
      background: #D9E0E4;
      content: '\e80e'; }
    ul.hg-gallery li.nutrition:after {
      background: #7AB091;
      content: '\e807'; }
    ul.hg-gallery li.cost:after {
      background: #AA76C2;
      content: '\e80b'; }
    ul.hg-gallery li[data-cntype^="category_"]:after {
      background: #007DBA;
      content: '\e80d'; }
    ul.hg-gallery li.targetresults:after {
        background: #37B6CC;
        content: '\e81d'; }
    ul.hg-gallery li.productionlinesetup:after {
        background: gray;
        content: '\e81e';
    }
    ul.hg-gallery li.hgcardoptimiser:after {
        background: #0F3BA1;
        content: '\e81f';
    }
    ul.hg-gallery li:before {
      content: attr(data-title) " ";
      position: absolute;
      right: 0;
      font-size: 16px;
      text-transform: capitalize;
      background: #313131;
      padding: 5px 60px 5px 20px;
      border-radius: 64px;
      width: 220px; }
    ul.hg-gallery li:after {
      right: -130px !important;
      position: relative;
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      /* opacity: .8; */
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      border-radius: 64px;
      width: 40px;
      height: 40px;
      margin: 5px -5px 0 0; }
    ul.hg-gallery li:hover:before {
      background: #181818; }

.nav-button {
  font-family: "fontello";
  speak: none;
  content: '\e80e';
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 0 5px 0;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  z-index: 20;
  background: black;
  bottom: 30px;
  right: 25px;
  transition: all 0.3s;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  opacity: 0;
  font-size: 25px; }
  .nav-button:hover {
    background: #ffffff;
    color: black; }
  .nav-button.toggle {
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    transform: rotate(135deg);
    font-size: 20px; }
  .nav-button i:before {
    line-height: 60px; }

@media (max-width: 1280px) {
  .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle {
    font-size: 14px; }
  .hg-sortable-griditem .toolbarTableContainer > .viewAction {
    width: 40px; }
    .hg-sortable-griditem .toolbarTableContainer > .viewAction .viewmode {
      display: none; }
    .hg-sortable-griditem .toolbarTableContainer > .viewAction .select2-container {
      width: 40px !important; }
      .hg-sortable-griditem .toolbarTableContainer > .viewAction .select2-container .select2-selection__arrow {
        width: 40px;
        background: #ffffff; }
        .hg-sortable-griditem .toolbarTableContainer > .viewAction .select2-container .select2-selection__arrow:before {
          font-family: "fontello";
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          width: 1em;
          margin-right: .2em;
          text-align: center;
          /* opacity: .8; */
          /* For safety - reset parent styles, that can break glyph codes*/
          font-variant: normal;
          text-transform: none;
          /* Animation center compensation - margins should be symmetric */
          /* remove if not needed */
          margin-left: .2em;
          /* you can be more comfortable with increased icons size */
          /* font-size: 120%; */
          /* Font smoothing. That was taken from TWBS */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          /* Uncomment for 3D effect */
          /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
          content: '\e804';
          line-height: 40px;
          text-align: center;
          position: absolute;
          right: 0;
          top: 0;
          width: 40px;
          padding: 0;
          margin: 0; } }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0.25em 1em;
  font-size: 0.75em; }

[data-gridsize="5"] > .hg-sortable-griditem[data-panelsize="small"] *[data-hideWhen*="small"] {
  display: none; }
[data-gridsize="5"] > .hg-sortable-griditem[data-panelsize="medium"] *[data-hideWhen*="medium"] {
  display: none; }
[data-gridsize="5"] > .hg-sortable-griditem[data-panelsize="maximised"] *[data-hideWhen*="maximised"] {
  display: none; }

[data-gridsize="4"] > .hg-sortable-griditem[data-panelsize="small"] *[data-hideWhen*="small"] {
  display: none; }
[data-gridsize="4"] > .hg-sortable-griditem[data-panelsize="medium"] *[data-hideWhen*="medium"] {
  display: none; }
[data-gridsize="4"] > .hg-sortable-griditem[data-panelsize="maximised"] *[data-hideWhen*="maximised"] {
  display: none; }

[data-gridsize="3"] > .hg-sortable-griditem[data-panelsize="small"] *[data-hideWhen*="small"] {
  display: none; }
[data-gridsize="3"] > .hg-sortable-griditem[data-panelsize="medium"] *[data-hideWhen*="medium"] {
  display: none; }
[data-gridsize="3"] > .hg-sortable-griditem[data-panelsize="maximised"] *[data-hideWhen*="maximised"] {
  display: none; }

[data-gridsize="2"] > .hg-sortable-griditem[data-panelsize="small"] *[data-hideWhen*="small"] {
  display: none; }
[data-gridsize="2"] > .hg-sortable-griditem[data-panelsize="medium"] *[data-hideWhen*="medium"] {
  display: none; }
[data-gridsize="2"] > .hg-sortable-griditem[data-panelsize="maximised"] *[data-hideWhen*="maximised"] {
  display: none; }

[data-gridsize="1"] > .hg-sortable-griditem[data-panelsize="small"] *[data-hideWhen*="small"] {
  display: none; }
[data-gridsize="1"] > .hg-sortable-griditem[data-panelsize="medium"] *[data-hideWhen*="medium"] {
  display: none; }
[data-gridsize="1"] > .hg-sortable-griditem[data-panelsize="maximised"] *[data-hideWhen*="maximised"] {
  display: none; }



[data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: 50%;
  margin-right: 10px; }
[data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  height: calc(50% - 5px);
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(25% - 10px); }
[data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: calc(50% - 5px);
  width: calc(25% - 10px);
  margin-bottom: 10px; }
[data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-3"] {
  height: calc(50% - 5px);
  margin-right: 10px;
  width: calc(25% - 10px); }
[data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-4"], [data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-5"] {
  height: calc(50% - 5px);
  width: calc(25% - 10px); }

[data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(50% - 5px);
  margin-right: 10px; }
[data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  height: calc(50% - 5px);
  width: calc(50% - 5px);
  margin-bottom: 10px; }
[data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: calc(50% - 5px);
  width: calc(25% - 10px);
  margin-right: 10px; }
[data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-3"], [data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-4"] {
  height: calc(50% - 5px);
  width: calc(25% - 5px); }

[data-gridsize="3"] > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(50% - 5px);
  margin-right: 10px; }
[data-gridsize="3"] > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  width: calc(50% - 5px);
  margin-bottom: 10px;
  height: calc(50% - 5px); }
[data-gridsize="3"] > .hg-sortable-griditem[data-cnindex="cnindex-2"], [data-gridsize="3"] > .hg-sortable-griditem[data-cnindex="cnindex-3"] {
  height: calc(50% - 5px);
  width: calc(50% - 5px); }

[data-gridsize="2"] > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(50% - 5px);
  margin-right: 10px; }
[data-gridsize="2"] > .hg-sortable-griditem[data-cnindex="cnindex-1"], [data-gridsize="2"] > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: 100%;
  width: calc(50% - 5px); }

[data-gridsize="0"] > .hg-sortable-griditem {
  height: 100%;
  width: 100%; }

[data-gridsize="1"] > .hg-sortable-griditem {
  height: 100%;
  width: 100%; }


[data-gridsize="5"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: 49%;
  margin-right: 10px; }
[data-gridsize="5"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  height: calc(50% - 5px);
  margin-bottom: 10px;
  margin-right: 10px;
  width: calc(24% - 10px); }
[data-gridsize="5"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: calc(50% - 5px);
  width: calc(24% - 10px);
  margin-bottom: 10px; }
[data-gridsize="5"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-3"] {
  height: calc(50% - 5px);
  margin-right: 10px;
  width: calc(24% - 10px); }
[data-gridsize="5"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-4"], [data-gridsize="5"] > .hg-sortable-griditem[data-cnindex="cnindex-5"] {
  height: calc(50% - 5px);
  width: calc(24% - 10px); }

[data-gridsize="4"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(49% - 5px);
  margin-right: 10px; }
[data-gridsize="4"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  height: calc(50% - 5px);
  width: calc(49% - 5px);
  margin-bottom: 10px; }
[data-gridsize="4"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: calc(50% - 5px);
  width: calc(24% - 10px);
  margin-right: 10px; }
[data-gridsize="4"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-3"], [data-gridsize="4"] > .hg-sortable-griditem[data-cnindex="cnindex-4"] {
  height: calc(50% - 5px);
  width: calc(24% - 5px); }

[data-gridsize="3"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(49% - 5px);
  margin-right: 10px; }
[data-gridsize="3"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-1"] {
  width: calc(49% - 5px);
  margin-bottom: 10px;
  height: calc(50% - 5px); }
[data-gridsize="3"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-2"], [data-gridsize="3"] > .hg-sortable-griditem[data-cnindex="cnindex-3"] {
  height: calc(50% - 5px);
  width: calc(49% - 5px); }

[data-gridsize="2"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-0"] {
  height: 100%;
  width: calc(49% - 5px);
  margin-right: 10px; }
[data-gridsize="2"].edgemode > .hg-sortable-griditem[data-cnindex="cnindex-1"], [data-gridsize="2"] > .hg-sortable-griditem[data-cnindex="cnindex-2"] {
  height: 100%;
  width: calc(49% - 5px); }

[data-gridsize="0"].edgemode > .hg-sortable-griditem {
  height: 100%;
  width: 99%; }

[data-gridsize="1"].edgemode > .hg-sortable-griditem {
  height: 100%;
  width: 99%; }


.favouriteviewmode {
  font-weight: bold;
  float: right;
  position: absolute;
  top: 14px;
  right: 0;
  white-space: nowrap; }

.losses-btns-container {
  float: right;
  margin: 20px 0; }
  .losses-btns-container button {
    margin-left: 10px;
    outline: none; }

.disabled_btn:disabled {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
 /*
  Introduced in IE 10.
  See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
*/
  -ms-user-select: none;
  user-select: none;
  color: lightgray; }

.template_shortcode_icon_div {
  padding: 5px;
  border-radius: 12px;
  color: white;
  text-align: center;
  display: inline-block;
  min-width: 30px; 
  min-height: 14px;
  box-sizing: content-box;
}
  .template_shortcode_icon_div[data-templatetype="pdm"] {
    background: #bce1a6; }
  .template_shortcode_icon_div[data-templatetype="recipe"] {
    background: #EAA417; }
  .template_shortcode_icon_div[data-templatetype="ingredient"] {
    background: #7AB091; }
  .template_shortcode_icon_div[data-templatetype="packaging"] {
    background: #AA76C2; }
  .template_shortcode_icon_div[data-templatetype="archive"] {
    background: #8F6645; }
  .template_shortcode_icon_div[data-templatetype="badflag"] {
    background: #f44242; }
  .template_shortcode_icon_div[data-displaymode="formulation"] {
    cursor: pointer; }
  .template_shortcode_icon_div[data-templatetype="nonproduct"] {
    background: #EF798A; }
  .template_shortcode_icon_div[data-templatetype="other"] {
    background: #EF798A; }
  .template_shortcode_icon_div[data-templatetype="production line"] {
    background: gray; }
  .template_shortcode_icon_div[data-templatetype="target specification"] {
    background: #37B6CC; }
  .template_shortcode_icon_div[data-templatetype="shortcut"] {
    background: red; }
  

.record_search_results {
    float:left;
    margin-top: 10px;
    margin-right: 5px;
    height: 12px;
    line-height: 1; 
    box-sizing: content-box;
}

.record_whereused_spec_icon {
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    height: 12px;
    line-height: 1;
    box-sizing: content-box;
}


.template_search_results {
    line-height: 1; 
}

.add_profileing_btn{
    font-weight:bold;
    cursor:pointer;
}

#delete_record_btn{
    float:left;
    margin-top:3px;
    margin-bottom:15px;
    background:url('../images/bin_icon2x.png');
    background-repeat: no-repeat;
    cursor:pointer;
}

#add_selected_into_record_btn{
    top: 10px;
    margin-top: 3px;   
    cursor: pointer;
}

#ex3_filterTxt::-webkit-input-placeholder {
color: lightgray !important;
}
 
#ex3_filterTxt:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
#ex3_filterTxt::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
#ex3_filterTxt:-ms-input-placeholder {  
color: lightgray !important;  
}

.lossessetup_nutrients::-webkit-input-placeholder {
color: lightgray !important;
}
 
.lossessetup_nutrients:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.lossessetup_nutrients::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.lossessetup_nutrients:-ms-input-placeholder {  
color: lightgray !important;  
}

.lossessetup_profileIngredient::-webkit-input-placeholder {
color: lightgray !important;
}
 
.lossessetup_profileIngredient:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.lossessetup_profileIngredient::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.lossessetup_profileIngredient:-ms-input-placeholder {  
color: lightgray !important;  
}

.portions_name::-webkit-input-placeholder {
color: lightgray !important;
}
 
.portions_name:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.portions_name::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.portions_name:-ms-input-placeholder {  
color: lightgray !important;  
}

.portions_value::-webkit-input-placeholder {
color: lightgray !important;
}
 
.portions_value:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.portions_value::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.portions_value:-ms-input-placeholder {  
color: lightgray !important;  
}

.createrecord_fromTemplateIngredient::-webkit-input-placeholder {
color: lightgray !important;
}
 
.createrecord_fromTemplateIngredient:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.createrecord_fromTemplateIngredient::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.createrecord_fromTemplateIngredient:-ms-input-placeholder {  
color: lightgray !important;  
}

.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 10px center; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none; width:0; height:0;}

#createRecordBtn[disabled=disabled], #createRecordBtn:disabled {
    color: lightgray !important;
}

.placeholder::-webkit-input-placeholder {
color: lightgray !important;
}
 
.placeholder:-moz-placeholder { /* Firefox 18- */
color: lightgray !important;  
}
 
.placeholder::-moz-placeholder {  /* Firefox 19+ */
color: lightgray !important;  
}
 
.placeholder:-ms-input-placeholder {  
color: lightgray !important;  
}

#databanknutrition_databankText{
    margin-top:10px;
    width:100%;
}

#updateNutritionBtn[disabled=disabled], #updateNutritionBtn:disabled {
    color: lightgray !important;
}

#createLabelDataBtn[disabled=disabled], #createLabelDataBtn:disabled {
    color: lightgray !important;
}

#printProfilePrintBtn[disabled=disabled], #printProfilePrintBtn:disabled {
    color: lightgray !important;
}

#createNutritionFactSettingsBtn[disabled=disabled], #createNutritionFactSettingsBtn:disabled {
    color: lightgray !important;
}

.databanknutrition_databanknutrition_div_results{
    margin-top:-20px !important;
    border-top: none !important;
}

#databankPopup{
    overflow:hidden;
}

#createrecord_fromTemplateIngredientDiv{
    width:90%;
}

.labeldata_paragraph{
    margin-top:10px;
}

.rTable {
	display: block;
	width: 100%;
}
.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
	clear: both;
}
.rTableCell1 {
	float: left;
	overflow: hidden;
	padding: 3px 1.8%;
    padding-top: 10px;
	width: calc(100% - 1.5em);
}
.rTableCell2 {
	float: left;
	overflow: hidden;
	padding: 3px 1.8%;
	width: calc(100% - 1.5em);
}
.rTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.rTableCellFull {
	float: left;
	overflow: hidden;
	padding: 3px 1.8%;
    padding-top: 10px;
	width: calc(100% - 1.5em);
}

.declarationresult_tbody{
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
}

.targetresults_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
}

.genericcard_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: transparent;
}

.portions_none{
    margin-bottom: 10px;
}

#labelDataPopup .select2-selection__choice{
    background-color: rgb(104, 178, 60) !important;
}

#nutritionFactSettingsPopup .select2-selection__choice{
    background-color: rgb(104, 178, 60) !important;
}

#printProfilesPopup .select2-selection__choice {
    background-color: rgb(104, 178, 60) !important;
    padding: 5px;
    border-radius: 5px;
    color: white;
    font-size: 11px;
}

html body header .menu-icon-close {
    position: fixed;
    right: 55px;
    top: 14px;
    display: none;
    width: 12px;
    height: 24px;
    cursor: pointer;
    margin: 0 auto;
    float: none;
    visibility: hidden;
    }
    html body header .menu-icon-close span {
        position: absolute;
        display: block;
        height: 3px;
        margin-top: 6px;
        color: black;
        right: 0px;        
        font-size: 16px;
    }
    html body header .menu-icon-close span::before, html body header .menu-icon-close span::after {        
        position: absolute;
        width: 100%;
        height: 100%;        
    }
    html body header .menu-icon-close span:before {
         -webkit-transform: rotate(90deg);
          transform: rotate(90deg); } }
    html body header .menu-icon-close span:after {
        -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

#applyPortionsBtn[disabled=disabled], #applyPortionsBtn:disabled {
    color: lightgray !important;
}

#customUnitsApplyBtn[disabled=disabled], #customUnitsApplyBtn:disabled {
    color: lightgray !important;
}

#quick-search-item-more-results{
    text-align:center;
    font-weight: bold;
    white-space:nowrap;
}

[id^="up_arrow_formulation_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="up_arrow_formulation_btn_img"] {
    float:left;
    cursor:pointer;
}

[id^="up_arrow_formulation_btn_txt"] {
    float:left; overflow:hidden; margin-top:7px;  margin-left:5px;
    cursor:pointer;
}

[id^="down_arrow_formulation_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="down_arrow_formulation_btn_img"] {
    float:left;
}

[id^="down_arrow_formulation_btn_txt"] {
    float:left; overflow:hidden; margin-top:7px;  margin-left:5px;
    cursor:pointer;
}

[id^="delete_record_formulation_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="delete_record_formulation_btn_img"] {
    float:left;
    cursor:pointer;
}

[id^="delete_record_formulation_btn_txt"] {
    float:left; overflow:hidden; margin-top:7px;  margin-left:5px;
    cursor:pointer;
}

#nutfactsettings_optional_nutrients_checkbox {
    margin-left: 5px;
    margin-right: 5px;
    margin-top:3px;
    margin-bottom:0px;
}

#printprofile_sections_checkbox{
    margin-left: 5px;
    margin-right: 5px;
    margin-top:3px;
    margin-bottom:0px;
}

span.cntype_description_ctrl {
    color: black;
    text-align: left;
    border: 1px lightgray solid;
    font-size: 14px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    display: block;
}

span.cntype_description_ctrl > p {
    vertical-align: middle;
    display: inline-block;
    margin-top: 4.5px;
    font-size: 14px;
}

input.cntype_description_ctrl {
    display: inline-block !important;
    margin: 0px !important;
    border: 1px solid #696969 !important;
    background: #f4f4f4;    
}

/* based on .comparison-difference */
.impactanalysis-issues {
    /*color:black;
    background-color:yellow;*/
    /*font-weight:bold;*/
    /*background-color:mediumpurple;*/
    padding:1px;
}

#dialog-impactanalysis-viewer th {
    padding: 6px 8px;
    font-weight: bold;
    background-color: #27787F;
    color: white;
    font-size: 12px;
}

#dialog-impactanalysis-viewer td {
    text-align:center;
    border:1px solid #27787F;
    padding:1px;
}

#dialog-impactanalysis-viewer td.rowheading {
    text-align:left;
}

.impactanalysis-sectiontitle {
    padding:8px;
    font-weight:bold;
}

#impactanalysis-infotext {
    margin-bottom: 20px;
}

#impactanalysis-main {
    margin-bottom: 20px;
}
/* end */

/* based on .comparison-rchead */
.impactanalysis-mainhead
{
    border:5px solid white;
}

.impactanalysis-mainsubhead
{
    -webkit-transform: rotate(-45deg);	
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    height:100px;
    padding:0px !important;
    font-weight:normal !important;
}

#impactanalysis-showless {
    margin-right:10px;
}
/* end */

.timeline-cell {
    padding-left:20px;
    padding-right:20px;
}

.timeline-button {
    padding: 10px; 
    float: right;
}

.timeline-infotext {
    float:right;
    position: relative;
}

.timeline-tablediv {
    height: calc(100% - 100px) !important;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 20px;
}

#timeline-content {
    min-height: calc(100% - 30px);
    height: calc(100% - 30px);
}

#timelineaudittable {
    min-height: calc(100% - 100px);
    height: calc(100% - 100px);
}

#dialog-timeline-viewer {
    width: 100% !important;
    overflow-y: hidden;
}

.timeline-tablediv > div {
    height: calc(100% - 100px);
}

#timeline-control input {
    margin-right: 5px;
}

#timeline-control span {
    margin-right: 5px;
    margin-left: 5px;
}

#timelineaudittable > .webix_view {
    height: 100% !important;
    width: 100% !important;
    overflow: auto;
    overflow-x: hidden !important;
}

#timeline-recorddescriptor {
    word-break: break-word;
    padding-bottom: 15px;
}

#timeline-oldaltcodes {
    word-break: break-word;
    padding-bottom: 15px;
}

.timelineauditcontainer .webix_dtable {
    width: 100% !important;
    overflow-x: hidden;
}

#timelineaudittable .webix_ss_filter select {
    margin-top: 0px !important;
    line-height: 10px;
}

html body .timelinecontainer {
    
}

#timeline-content .timeline-title {
    background: url(../images/accord-arrow-close-dark.png) center right no-repeat;
    cursor: pointer;
    padding-bottom: 10px;
    text-decoration: underline;
}

#timeline-content .timeline-title.open {
    background: url(../images/accord-arrow-open-dark.png) center right no-repeat;
}

.webix_el_datepicker {
    height: 40px !important;
    margin-top: -1px;
}

div[id*='whereused-recorddescriptor'] {
    padding-bottom: 10px;
}

#whereused-norecordslabel {
    padding-top: 10px;
    padding-left: 5px;
}

.decIngRulesPercentTotal{
    text-align: right;
}

.decIngRulesErrorMsg {
    white-space: pre-wrap;
    color: black;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    margin-left: 8px;
    font-style: italic;
    width: 200px;
    min-width: 200px;
    margin-top: 5px;
}

.decIngRulesUndeclaredMsg {
    color: #000000 !important;
    margin-top: 12px !important;
    width: auto;
    min-width: auto;
}

.decIngRulesUndeclaredValueMsg {
    white-space:pre-wrap;
    font-size: 14px;
    vertical-align: top;
}

.ui-datepicker-header.ui-widget-header{
    background-color: transparent;
}

.costBreakdownBack {
    color: black !important;
    font-size: x-small;
    margin-top: 10px;
    margin-right: 20px;
    display:inline-block;
    cursor: pointer;
}

.warningFrameworkDiv {
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.08);
    max-height: 350px;
}

.recipestatuswarning {
    margin-right: 10px;
}

p.warningFrameworkText{
    padding: 10px;
}

.pieicon {    
    padding-right: 5px;
    cursor: pointer;
}

table.specContentTable td {
    padding-left:5px;
    padding-right:5px;
}

        .ResultBox {
            font-size: 28pt;
            background-repeat: no-repeat;
            padding-left: 130px;
            padding-top: 4px;
        }

        .ResultBoxFail {
            color: #ed7d31;
        }

        .ResultBoxPass {
            color: #70AD47;
        }

        div.ResultBoxPass {
            min-width: 128px;
            min-height: 128px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABg1SURBVHhe7Z0JmBRFloBfZNZdfdDQgA0CAoIKjBc4op+KigwjgoqfjDg6uq6DOjM73jvjsTMs34zjeqyzngN8LioqiOiOHKIiKAioCCgeiIig3EfTNH1V15UZ+15UZnV2klVd1XV0VZv/973OiMisrMp470W8iIzMBhsbGxsbGxsbGxsbGxsbGxsbGxsbGxubTsH134Pnro09/Vo2jqRtbToxv9la+qA3Urqvydf8jFYUh2lbm07KLVvLxqKS39ayqHBl2DODmjZpWbsF6MxM4iAzDo9qWYGkOAJaUmAbQCemclv5jejyw7QsAAd+IFq3R8sJ7C6gk3LTNyWVsiRtQg330IrIAA7+Y3B9Ty0nsFuAzggHJkvspVbKR7AB2K0l49gG0Am55duy+4GxsVrWANulJeLYBtDJuOW78gvR86dp2dYw/rmWimMbQCdiyte+KqbyOYzF9KpGRXEcDPje0ZJxbAPoJNCQT3Y65qKWRZDHVYDDWxWxj+CcHzl0fMNaLRvHNoBOQretpX9BDx+lZeHAZ1GQnVqGYPDefAYtFqFhG0An4OYtpeNAhXu4inE+Sv1OBQ5tVsDfk4k8CXYNRzX/hG0ARc5vtpQPwOZ9NqcQD/+EGznsXRsFbzcGDh8aAJaRsKjDNoDOxk3bKsoVRV3MOOuGg3zg2MDv+TAKSgSgYqBMA/+YqHz9M0OP7BAfMmEbQJEy9X1w8GBkPiZP0r38wMYoBGsxGsS+v7SPFPd+tIuZsU8djW0ARcq+ytKn0PPHYN+PHg5QixH/ke2YwEiwrK8EEmkWs1zhjS7VO1d8yALbAIqQKV+V3oGOfbPu4Y37OVRvUoFJTEj5cXLc+4Gzuc8Mq26MffJobAMoMm7cWDpBVeBRXcGhOg77P9VmfND73V0YuMpagj8FWMLmn7ANoIi44UvfKajWOahn7OBRuUHsCtYpIvhjWEhS3g9VivtEUMhh46yT69fHPm2NbQBFwpR1vioWlRejmkvIs2mad9+GKERDmEHFkzi8DEp6tQR/GP1PFx9Ogm0ARcBN66t8qiwtZByO1YO+6i8UCNfzuOeTdOkvCVsQwZ8K+3z+xucpmwzbAAod1HEEGl/knI3QPZvm+JuqYxG/LrIbWnk/yiNPDoaQOEcSbAMocG5YX/IwhnRX6Fpt3KtA/U6M+FHpRqG+n2ETIY5T1Wonb5ihnSIptgEUMP/yScm9uLlb0z0013I4/G1rzyeRXOj9VQbvZ+yxmSOg1eLPRNgGUKCg8n+Lzf/f6LYuSaSJQ83XsZt5Zu8vOxbViNvYsbyWBd1PiwNTwDaAAuSGj/zX4gD+KX04p2BPfmiTCjj+F4o2e7//GFSjdiy6/+OzzqlpwFRK2AZQYPzq45LLsId/DnUp7u4pYVQ+er4Sbh3x61LeF/t+0j8ei95fH47IT2inSgnbAAqI69f4RzMV5qEnO8ibaaxfs0WJjfVJUyZxlTLwdccE7hYC7IE559bVUipV6FQ2BcD1q0pHohcvwDG8m/pyUj7d4Ik2W3s+SRnd8dNiBPT+bwNljf+jnS5lbAMoAK77wH+yytUlONb3U1OuokJrt6sQbsKdVppH8XaTWi34UFV+2/xhgB1GetgG0MFcvaJ0EPr4UtRqhWjGUfn1O1SINCb2fMkRG/bFm37OF750XiD+AGg62AbQgVy10kON+DL04J66J9fvUSFUjwlUdCLx98TAjxb84GEqh5DCHHfgnnZhG0AHce0afw8nl99FffbVPblpHyr/SGLPJ3F4sPmvwIT2GbSCRzDw207nbA+2AXQA179f3oUH2TtcZSfoQVzTQVXM9Fl5vFHESl88THxOgV3++qYHcU+7sQ0gz/zq3dJuUSW6DNV3akyTHIKHVZTknk/ixmGf04sn0T6Hf++aeWlqU76JwNPa5IvJS729GGPvogzRikR/H6hGVbYBGYBY64cBIME5f3/umMCFsVz7sVuAPPHLd90DgEmrUZVDNAcWym8+1Lbnk3iw39cDP2z+o1xiv9dOnRG2AeSByW/5h3LVsYpx6K8Hb+E6bPprUlM+LfN2l2FC+yx6/9OvjG55z08m2AaQY7DZH4G99Ur03F56wBfESD+IBiBqPwVxo/drng+qwg8qknsq7skK9BU2OeLqJSWjQGHvYeMtntwhoVW8ySZ5zELDPocbE9rnsRW5d/6Y2jrxBVkAz2yTCya/5buEc0ZP7lDcLqA+n+b2U4UMgKZ8qe8XcPhk3rimkai11E/SBnYLkAOufNN/laKwf2Kz7RVNNwp5vhJM3fNJ6G4faUhr/jnj6q3ZVD5hG0CWmbTIN4WpMAebaqdYwatoyqfbNFZaTiCyKybiHCJ24I+/Mr75qBc8ZIptAFnkygX+u9BPZ6KPSnrQRo9r86iljhMLaqXVnT7Ot/DmwH3a12QV2wCyxKQFfnpDx6OigdaV38Qtl3G1JU4vho2UjhmAgqP+6167CpqxJOvQ19hkwE0zwHm4h/8JrMlbtCLhtQoGe2QE6UIzfTJG/jp4rgden9j0H1o269gtQAZMfsPb63ClbwVq6Ra6L0vCFXRZUj61BJpHpyyoDfFeH+1coKqfdzvYZP3KtyxBX5sWV84rGaI61OnYQ4VAlf7r9UlNy7VdPyqueM1zHjbUr2JbHX/1quivI5SI5dNFQuVT/0/gKcJMZWdg/X4RK8kNabcAiqz8AX/duTjGvUhlfOnEVz2TtV0/Gia+7r0duLQcB3XxhRzU1wvlE2bPTkHEWB+3+vmw+5iWa+UT6XcBKusqLBwFhzq0Jnn2xHm+n8d2dm6unQ3+K+b75qJn/h2zYuUuCT2eTUO1o6L5dIQ0oZ9PhbUOHngIczknbQOgFw7GrTT2g6nXev3yeZ6zxAGdlCtecw1qdHvX4jVPNl6/qANUoKjJDEQ/l6pCs8Ll6+f/gmYQcg99fVowFfbpkxNx4eBjnL058RV/y7vpOxGXz/VexqPyerzGoYZrtvbkdIW+wFiXKr934VUNW6g4H6RtAHjdu4zW3yKsQuXq0gnz3P21Q4ueqVNBunyO9wHgNK3LyvRrNfbZGQlCsUO8DlW+4o3JzWk92ZMpaRuAorQYABFfpEB5zqokRV566RxvL7GziLn8hdJuGwd738ZA7z68NPGYFomE10tjdUtvTlNaKZ/zBs7UG9AwMJc/0m8BONslfiL9aGyyqDLEMiWtDOV4bCo/Gf+i73TMFSWXv+wbrjqUDaimMfp1ob5AduGWrpUyGYpQPvXy8Xpjdy64OvQDpvJK2gYAkrSzxWoxj0KTF2QEhvLeEoNVl77onRj7UHEw6VVwXfqi788YiK3B6+qnX4+Ym/fgNaL3W3lyukJ1RjeH9POrKl+y4JrAs7FfkV/SNoDF1zQewr5qsx60qErsqmR367tXKD4cMr4+Ybbvj/S5QueyFz3nBoPejaicaShu/TpkJxMvXwK06KM02R5B94/SrH68nvh+B7BfY6pDoF+UNhOe9z6IF3MPpcnzXSUtp6HJkHCATFsrQNDKF6gO9bYl1wYt31fbkVzycnmFFAnjmBuVwFrqg3Tl9DExO5dN6EUP9C5fgpyfMTZm0XVN78VK8k/6XQBBT7Fq7ZcaaT3vTS8soPXr8ffVoGBcc5kUYZvHP+f586jnABvTwmDC856rWSS0GZNT8IfG779SX+8qR+XjVr+ubAg9408SrxfO/9qRyifop6UP/nZU5l7U8jGUpRaA1q4ZoQAx1KC2TI+2sB0/f/vif21epOXzzvhZ3glottPQ+07TigTUx7tKpKx7PUGPewfrsFJQ9wRuVvr8zaPzNeGTiPYZADLufz0z0c/Rc2LdAK1dsyKC3QE1e+ZbozjsWQKydP+SGwIbtaKcc8ks3zj8IdPwskdoRTGwFqi5d/kx0e4aSQw5fLBGe8UL5YEfcnB2ysJfN++NlXQc7b7cnz/rO00G/qmWFQ8uiGDJAlI+vdSQjMEMVsYm/DOXSXzumzeG2v2QYyJGTQVH6bHei/F76F+pnakVx6Hg1U3NPQ3vcgS9wj2+GJR8QWKXvHVj4K1YQceSkb2Pm+lZiJU6gdLUbNJjy8mgoU/oiBpbH2cJ/xi74jkyk15dNKXpgFaYNjSDt7aX51xJgslY7VdiS1Wp7YojFF9GoxetIEdQ60cGEIfDw0tuai6YkVFGBnDxdO8IHCOv07LgrWSiKW0LWhcfaqAAUiswgU0mNZarMBLfgL3nV4zJXzI1sHnxzdYPQo6fUVKpcmUgSHwAfvaneFWTUOm9td2toFiFPD7Xiifo+pr2q6ILIHDzUWBP83krpwFGBIVBRgZAXDzd8yaeZhylqRUo7U1vrBS72oRaAlo0SV5i/h93lqAzccaPoHLr6K4kfo+HczYAt6XaEQmhdXb0KnWa0MkHpPTGPdjaxYd8vFaKwmlL/q2whsIZG8C46d4zsY//CM8kzkWV7NMCQrxosU2FaBBbBmwVaCGlmCLNAg4vKh4DOxqlxB+uyBOBg3gteD1xVJj41u+a39ByBUPGBkCMfcbzNFbxb7UsVPRxGQJC9G7UaMrGgIdFMGAig6AWIjZ2jpUnBb+OAjmauXP6Y0PTXAZ2hBy/MdCCyqMQxOFv037DD+b8ibd/F7xNyxUUWTGAUU9BiRu8X2JTfBzlHS4G3Qf4gf59CUHKV7BDVHiCTr8tsC4V7CKoZeC08JKG01orQd0OKT0XY/dEUGPnlDzY1bUOeqNqCMKhKNTtwH5fH/ZyvqGsR/BsHO8nDH07kqwYADHmCfeFEpOWidpByio90KUq/licgLwjrAZFi1CsSNiXuGUfXqRJ+WjcoWgA6r5XIaq9pB3ttl5S1NPfvi20LVZSeGTNAIgxj3v+wRiLr48/pl8F+LuZwm2MjoJqAMJKRm826RBckhc8MvYvpiiXDLopUgv1e5TWQz7gk5feGpynZQqSrBqA6AoUD00ODaI8w4F430HHgKfs6M6YWoNmpbEoDIEaNZ+jHFzo+cKvDeBoBBoiNdBYE4KG3YbpTg4zlt4ejDtDoZJVAyAueNw90EH307X18i6nG/qf1BscVHcWcOwsA9E6CKIxpDNqyBcyc0KZsxLkBEGG8PyGevFaV328j4l1shQ69+3b2v6PHR1N1g2AuPAx3+kSU1dgUozPy3zl0G9oz9iLDhKgYItAhhCI1qMZmG4cdBAeuQSV3x37fesZzpDSDDWBvXBoc9Qwu8kPofEPX3Z7cKdWUNDkxACI0Y+5LwLO3sQvoJuq0LNrb+h1UoVYPZQMagWaow3YPdRjBTd1SKtATX65qyf4HV20kqOhfv9g8/dQ/U0o9mZPBP+qwPjY5XeGlomCIiBnBkBc8KjnaonDy1SjNGTqXzUYegzGCDrFSRmqZDKEQPRI3roIB3NBpacvBnwJ+iyN6uD3cOD7OmjY29Ja4a+7/727g3/TskVBTg2AGP2I9w6smsco7ZTdMLDviVA5kBbYid0pw4UxNEAIRxAhCh7VZtFtZBMK9Hq4+6O1JrfQuvB+2LNvNxze0jKcReUvQOVPxBrNvZVmkZwbAHHhw+6H8av+ndJuhxdOGDgUKvujEWT47TSnQMYQ4WE0hjBEVdpGxJicthShY9OjHU1fF0tLzIGe7hTeLksukaaJnRJHV7E/GWSEP9Rsgv0bo/HJKNT4VlkNnrHsHsjay5vyRV4MAGuIXfCwezYq4FrKepx+GDroFKg4zh17Ji7vtM9JqcXZXv8Z7NkQiK9twL8BSVVGLr838qUoKDLyYwDI8BngLKvxLMJvHEt5n6sUhvQ/HSqPd+d1GjcTdgW+hG2f7Te/2vWa9+8NztHSRUfeDIAY8wj4IxHPPylJeZ+7DIb1OwO6DXSntI6gIzkU2gGbv/kaar9rNUR9csV9wVu1dFGS15uk29+FSL9zonOZ5OiO2TMi0RDUNR2GknAVePxucHkkMeYuNAmpjfDNns+gehPdjYpdC45IPmysDP1y3+ICmbRoJx3mduf91XUrcPYYxmgyBYZDjx0JvQZUgr9HYbUEFEx+Uf0ebFtdF5/sweDyQDQqn/7htI5f1JkpHVrb501zXYxR+iuYLKO7bEN6nwHHDegv/htWx/6yFr5rWAufr9gm3vVH4N8oZ2z0qj8FPxAFRU6HV/Ooqc5hqsQW4QhBrCXo330IDBs0HLr0d6S0oCOXk0MHQ9thzerVrW7y4Lf9ftXU0FNatugpCD87a6q/hwyRN7A1EG8Z6V7WG8444XyoHOCLrdU3kY8ZwYBSBys2LoB9nxvv5/BZq/4zfKOW6RTkeaWcNbtXRpqGnKy8FPY4BqC6fxIINcDOg9+BHCiFck8luEuwNZBkDMjyI2Rg63a8DT+srRcuT+BmXcnh8JXffdKxT/Jkm4IwAIIqdudK5f/6jJKxvWXnR5Uo23N4OxyuOQIVUh/wl3lAdlpH6dmWzTWrYeOy7+MrejHqOygzefTyh6Np/VvWYqBAQq3WnPMnzyiuqs9jlyDiAo/TByOOvxBOHDoYRwm5nTrcF9wKC99YKP6JE8E5RCXAoO+BzhH0mSmYFsDIzg+iO/qMVGZxWe6JNnpaFF1xZ/W3UH3wEHSRe0NZRQk4HNgtWDTfmUiz2gCL33sN6ve03GRCM7h9zQMheu9/p6QgWwAjZ9/juhRb5Zn4U8UKI4oFhvYdDuecfT6UdW+96DQTVOza3/z0Bfh61S6thLyfz/7wwfD1WrZTUpAtgJFdq5Ut/c7xvsBBPR6zJ9EdvgNH9sAX33wKkuKEqh7HgtNFrYF1f56qfLZ7OXz8zlfU5Atws8HlCl+xY2XhPMaVCwq+BTAy8o+e6xhweo1aeawEE/6uMPq8sTD0xJNBcrTvcnY3fAMvvPCC4d+58ENoFsPXPFQcy7oyoagMgBhxp6ePw6E+xzAw04oE3St6wkWjx8JJA05ptQagLWi8P33Oo1C7l/5Xux70wc8+fCT0vijo5BSdAeiM/IPzF4yzh1DbYqSg06tXL/jZReNgcK+T27w66k7mLHsSNq3/TisRZXd+/EiY3gX8o6DgY4BE7F6jbho4RpkRjcoB1PRPUdfiCZSGhgbY+PmnsG3/l1B5TFfo5q8CHMNjP3+0fLjlLVi93PBveNAeUPli5dKPhaI1AIICtN1rlNVVZ7mfk0CtQEM4Fb1e+P2Rw/WwYcN62LbvK+jatauYXjYawq7ab+GlObONQd9GiIYu2/1x5w76zBRtF2DF2Xc7T+WM/R27hfO1ojh9+xwHY0ddCif2PQUCkXr472enwZHaI7GdnNeoEhux9qH8v6mzoykmA9B/q/E3W6bPvIvmDth9GAsO14riVFX0E8PGnQdiz2uqAIraDOPXPRkyv65NHxIYMZcZ83raqqxg6QgDoO/UhUiW1rdWZToJy06d4jrbVcpvlR0SrUM07o8TaeZT1z8ZTvaG7vYq3bhtq8wqnxcsKyUD6HyJhEilnEg1bbUljGkYdInj+C4DpJskD5sksViwSCgh/uonj4fv0LLJMCrEKm21TVSWSr6tcl0yplVFpQF9ju7K0LY9QliV60Kkkte35jLiqDL/seCt+oncz92F9Wmu5ju2L1O2arvMmCvXmNfTVttkaau8UQir8raEVquYy1LGWGGJoGPM0pbyMzGOREIkKyPMaZ1E6WQYK1JPW23Naat8NsVK4bok22dJosqgcqOYFZpIwVblyYwh14ZCGNOEMU3oeXMl6XmrrS6EMZ+qJFMUidX+VMrayusSx6oyjNKW4tvKW5W15zOJynRJto+EMOcJY5owVo65wox5XRJVMEk2FGbMZ+tYPS0wVwDl21KQMZ+rY835XH6WhNAryFxRVvlE6WT7Uj0u2b5sH3fUTKBeGYSxcgirvJF0jiWSfZ5I5TOEVZl+gVZCFUDr+vStLjQDqKdpXzKxOmcqZe0RwiqdbJ9Oon3xY6wqj6DyVDynPce0VU6SbF9bQljlrbaJMFeUcWsUwlxmlmSGkGhfKgaVbp4Mm7ataKsiCDqGRFdKNhSXjoIJq3ISwiqvb/U0YUwT5ryOuZL0vNXWnE5Wlq5YGYFREu3Xy837LUlUCcnQK5YkE09NJkRbZUSqW8KYTgdj5elpq22ydLKyTMVK4SnT3kqxgs5lJWQkhNU+XYhEeSJZ2rglUkmnirky9byx3FxG21TTVnmzkGIJs0eTZEx7KiVT6Dv179XTJLqh6K0KYT6OMG+JVNI6VmVmrCrXXKbnjeXGMvN+fUuKtFIqYd7mnFQqo6Mx/8Zk+UT72joHYVXpiRSSKJ/sHDY2NjY2NjY2BQLA/wMpRBgecQuBcAAAAABJRU5ErkJggg==);
        }

        div.ResultBoxFail {
            min-width: 128px;
            min-height: 128px;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB3QSURBVHhe7V0LlCRVeb63qnt6ph8zs7O7LK91F1weioDyiESDRo9REXVRiXr0gIohnBBzlIigAot7iGKM5hhFEcSwPpL4gAgo56iIj2wAH4hZFVAewiosuyz7mOmemZ7prrr5vlu3aqp7q3u6u6q7Z7G/s//Wvbd6qu79/+/+97+3XmKAAQYYYIABBhhggAEGGGCAAQYYYIABBhhggAEGeFpDmu3TGu6XVuWELI6Kip0XaasgXKcghUor1yoJ6RalHCqKlFsUD0xOyo3CNX/2J4GnFQHcz49OyIz7IqHE0UqII7E9Ck08UkqxwvykKfA3c9g8BHkAmd/prXB/Yb19+lfc/3TEfk8A9yvja0TFWS8scQaMdiqMnTK7EoNSais0dTMSN8k105vlS0TV7NrvsV8SwP1i9nlS2OuVEmfA4Meb4pag4OCVQ6MKYdlQAKQdKKF2Y/NtyM1C5r5rnb1jWu/YT7HfEMDdlDsO1f0bJNdLKZ/hle4LtyJEddZIeUEU+qwLw9PP14MkIBmsISFSw0ZGFqQRcKgymHQbjnCDnCv+lzxP4Oz7F5Y8AdT1Y2uV5VwhlHwrentkfWngMvrl3B4h5kumMCHYIEVmXIjhCSGGRqGwBhqDZ3gQ+y6RZ5e+YYr2CyxZArhfLCxH77oUVTwfioUZalGBocswOI1OAjSEnRZWBpOATB6C7dCISUOslHDLRaHKk8KdncIWaW6rjAX3BT1FZgxkWOaRImr4ABF+hs1F1ttKP/ZKljaWHAHUNQdlVab4HiQvhqtHn1sADT2z3TM8XX0UrLEDReqAdVpsiJVbbva0DhLA2f1HUX3iPlHddq9O66AhDGgug9qNYH4xHHEKEOFWIdX7rbOnf2OKliSWDAHUDxG9b82fo4T8EHr8QaZYg8YuPQ7jP4VMvR2GsiJ92PNFatURMPoRQg7nzZ7koMolkOF+TYjKY78San7G7PGQygpRONTzDmGgqi6I8yXhVjdY55TBoqWHJUEA98uFo6CqG1GZY0yRBqP1Enr8zA6k65Zn7OVrxNCRLxbpNSfCFe8zQnQN9A7zD24W87+9Xbgze02ph6GCR4R0zhQYeMGifJ/19qmrTNGSQd8J4G4afbmQ7tcQ32FU9UBvO/ukENNPYH9oxk1Dp9eeJNIwvD3RcCLQG6BilUd+Kubu/Z5wi6hsCAwY84eApBlTYIBmXSvLxXctpdlCXwngbiq8G8b+BFx+EE5xfJ+Gu3fmTYFBes1JYviEM4UcqfOzfYcSlT/cI+buuaHWI0CzjA/yB5O4pgwACX6E9p5pva24yxT1FX0hgLpGpN1M4TM4+bmmSGumiFFyluN8CNboKjFy8puFvepoU7JEUZkVZZBg/uE7TYEHeoGxZ3prCz4QIP5eOuI11jtL95mivqHnBFDX5Fe4aXkjesGLTJF285OPelO7AJi+ZY45TWSe/VdgQeKru10DA8XyT78CbwBXZkAPMLbGW0fwoZSawiznLdY7ireaor6gpwRwN+WOUa78Fhp+mCnSU7upR2pdvjV2sMieep6wCgeYkv0Lit7glzeKysN3mBIPOcxtsqEmwem5UomLrXOKHzdFPUfPCOD+++jJSrq3I9hDrOxhbhJu/w9QRCjCTx16vBj583cImaqLoPZDzD+0WZTv/mpNAzPLMFNYDcWHNA9v8En7nNIFJttT9IQA7qaRQ1w39XOcLJjfzyBw5vQujMwxrxKZY19dq50OQA+SOvS5Jtc+uCJYeXizycVD5bEtYvbOL8DFLQT+vL4wiiHBSpsCACQ4P/XO0tUm2zN0nQDu18SIW8pvhts/URcw2HsMvT8cMGN6N/z8s0Rq9fNMSTzYKw4XQ8/8C5NrHxy/5379LZOLD3fXo2Jm89VCzS1cOKTxR9cuBIdQS1UJ9xXpc6Z/4JX0BpbZdg2qWLgebv9EtpDCpdx5uH52ci2ptBh50XkiDdcv4SprxelI9lk1ahO7J0vi2htuEzfcdlfk8dsVe2K1yL30AmHnlwft5tXJ4laQg44BekEskJJKfsP9/Og6rxa9QVcJUP1CfgN8zJtMVvf6WV5Np9+h2LYYOeXtIrUC8yQabR+BZjqVGKg6jtixa6/YtacYfewOxMqvANHPF3IEIZBpP2c/9Ia6c+giOeFa6hZ1zbKeLXZ0jQCV6/JvEEp+yGT19Xmu7AVANxg+4U3CPvBo6MdJRGQKvS3riFQW5IkDGMceVsIecSE4rh19vnZFZsfFyAvOrQlwqzNClEJ6wamf5aYqX1VfX1gc6ya6QgD3Ot6xI74EkWS3vphDpgO+Cxw+7gyRXn0CXJ9qWWq9gyOslAtjO2Jo3BHDKx2RmXBFOu+i3HSpDoHqCWmh1+I46YIrMstdHN8VQ2M4H0hhgRDebUXh+rQm1thBiHfOBqnsQBccEstcF2S1tchXulP5f0Gq60icALwx01H2zWhalm1x8R/dXHhNP73uxSK19hToAz2jDaHS7WEYYtwVIwcoY3D01CEQBIMofuSJ71M7hraCJ+aYUsIbZHA+TQglhnF+EsJOYz/r5nLbmtgr1onM8a/XZ/LBWRFvZlk4s7ygel3hLL2zi0icAI5wLwOpV/stmYF7c3h/he5WcK0TzxBDz3o5MlBGiyItR/fs4ZVG6TCEgEGifusJTx4XPEbUsT3RhCAZQULWi8MOy6J+GyUpeL/0kS8J9ELhEKl1ZXQH3n3CvW55sG7SDSRKAHX12Fq4r/NNVl/Y0bdomQbKTFZkTnyz3hf01iZioXelYXD2thQIIK3o30VKXOghx7PCYiJt1HMUnuEAegiM9SCsN0Q0lyEQwMIMwdcPT1faxnPrGoBQYqXjzr/Py3UHiRKgajtXoNL64jy94hwiftM2NEaKzHGv17diRSkjLPYQx3NvTE+hl0UpvbkYDcZC6wTwRbJnY+DTnmoZY5Ho3wUCDB9/Jn6XCfSkEC9xhXQB6h/dz2VrbpBJEokRYO7q7PG8cdN3X3MIarQdTMvSh70AYx+me3q8bCDSC+i08ji2RpCjJdFuNiZ05Tuvgz3kBY/0DLosqr0QOTwq0s8+LdAThZ6Tf0I9YmqYc6QdzKaSRmIEkLb1UdaWauOq51zY9ecmdOCnW9RAbN1zOP3iHz19kBrxAkaLcYsZ/+sldfCxmA4/O9AXnUN4pRR4p7om35Xr4YkQoHJt7qUSUxffnrxFW6cNho5C0Mf5TqiH+MLxkq5+aIyRPFoe8Zv2hYqNA1aedcE28vhtCI7DKWVmAl4QbdTBa3gYMDL0rNOETC88hMBhgB3JjGZ2RckrdSphxCYAKoi5vvxnk9VRLBc3aG9KatVRwl5+WE1jPeGiDdzkCvQOTOP23R9HPK3FQjAEJCfaG7C99AZ1+2RqSKQPf2GgN6LmeokUZ8xfnX+hySaG2ARwPp/7a1TvJJPV9+kHsNNw/S/dp7E0fnrcf9AiaeNDwu6nY7BeyddNe4Nl6Bi5ffelDjlByCxchQFvkHFD90mABB8zycQQ3wM48mKtb4h+HCs05089489M1B9qqGCQ542Nuod1TeLCNCry2PElDfKnCjh+jW4UOsxfBvqjlOkF/KoI+YL5z+ZPZSopxCKAe9X4GtDyBJMV81OoIiqtJZUGo/nc5kKjKTQ+19lrGp64aG3Fgz5Gd+vJVUyuLAbxAofFibV6sczXo1OGhL2AJV5nkokgFgGqlsMndLWuuNSrV7EM7JVH6+v8wZQHjRtahmg/012lavG6Swzw703Doo6foKTgINO89qcJYMrW1g71jKlMjVilM3RhQohFAIXAxCS95/PAWF/sg4/DDwyz4fYZBeslXL+sq4LzxEVg/KjjJytcRmZM5Oet3AphjR8a6FLr1meAkIfNfYZPSieDjgnAiz7YBONR+AFNa3y1sLLw9abWQxMWIl+9a/+E7+a6KLxNjHGB7wXsgxZsTO8avpgmpVxvkrHRMQEqFXU672KhjVlnRqv+uJU66FgU+uym2+9Vz/clAQ/gxy08XiiG6abYORiEU2KmJ9agE40vxAIIsBe8QHLDQMcEQJ2CSgRjPys7Mua5LyiON1KkQqzumRgtdQytaPynJeL4XRJeSxgahxIxZFJ/2gswC6l9Yl2eMPOZ4dUmEwsdEUBdL4aVUq/wGclI1Ye96hiUeYobGrd0o+ob2hOJDdO4qGN3Ubwri7A4dGgtXweFercO86Ya7YwMUmIoES/QEQHmSoWXgYU5rSISgNMUMjU1JKwVqDQakspL77bnoCf1UnDeuOAxIo/dfUlloTvMlngFlfFU2AsEPxMqkTigsyHAEq8yKe92d1RI23/FEai0LSRv1SqwBKzui6BCscC/x3G0pv24orcyNCahSwwDy9b49q+ZZqNmL3b/TcQOrTsjgBLP0TqC6KVKU0M5evBC5c041hfRJIgL08AaYvVOOBSwE1mjfM4crhT61TMBUy0G4JV07gjkYqEjAuDkR5mkp28SwMJ4n50QMs2LO9yBWvZTEkHEcXso9ggUCwsFawKsEflhoFwZ+xJx2wQw96wf4DORBND2H4HxLVvPZ+vZ3Hth5WIiMASO1yfx7juEbgsHah1TdIdbQO8JUJlzjjK294T/oWYyvxIJXuJlYXSDeiqx4beQx+qfUJ8yu9yzPkQTIFB+HwgAgwfjTpiNVnaFiVxRsyiD9FK0duLCGD/q+D0UXk6xRuBWzRsr9WUVUzv8dzg3cdA2AVwplvk1YB09ZiLow/ifyuFwdQ3oi/C6dAzMlXn1hQ00jeyz2FnLe90dPYDRvda/qn2NXidomwBSuQWT1OAypV6yTKOSQ6aG/Zb52hvq2kVpMvSemqjj91i4LiBHzLKwqRYBb1tji07QwRAgCz4D9TAFSASAXPTRz4ElKRG9oSXh/egxUNy7E8dRYihFQkccP0p4zbbMlx78EQx6BAd5UIip3yL9eyFmt4GUvNUX87iov11EOKxaWe85cnLCB9K9J8A+rCMleV+7TYNxgEpQQsFQW1KhspnuDMVJEAAELGT5bqK6Y1O4+EGjTt4rxFM/EWL794TY8QMhdv1MiD1bvPKp3+FADyF9nxC77xFi5x1CPPF9pO/2SEIyRB07LCFdyAwI4Hd/v4+E3rbSKdqPAZTQz/xp0ZXwoN/jxIIlIVBeZcqrWAfQHoAEGEGj/GPqx3gfhZFhwB0/9Aw9/QevZzMy09ZZRGjMMo699zdCPLkZf//YwvGjJASLBDDgHrM3xTeuecnO0DYB0JDZoAZokx6X2D4LBSG31R1Z6BGLCg3TIUpmCMjz7qVpGP2puzyDsVfrJ15Ql7jgFTR6CnoIPTREtCEkVjq1oGujf1TDifvSyQ6CQFE0Sa8yWqSw9BBQb7CkhedoUWpuT24Pxd2P4+93isIcXTnGcv3+uqCxycoMzrUX51mkfbybOPgzAwzHgS06RQdBIE6KugSigcqzglz/Xyoy33kgWNwOFw2jF3jzai/A4HHvr6FPxgURbYFIaTp6iADI9J4A6OsLJzWMlDYv/gBhYvRbOhwCXMcRM1N8W4NEDMCXdJhGdls4c5lBYBnR+ynSAgH4UwJFFDiNPngAoRYm2aiQrhNf/BMxbvVVOFZ3gNLkk9A3NSxEvtfPKc4gqOQ135phz0i16FElVCVMu3tPAJz1IZ+YJi/cEpRW9l/mXydRjemFdEqAPdv11oJmcr0mAK/3Tm+NbI9+I7lmALJUK8QVEhFqPLRNgEqK39ILQevIFWr3b+F2J2sqrSWKFL2QDglQ3Ou9vTKXsdDbqB6j9V4J6811hrAOHUy8ZtHZ/Z/5UAJKj4e2CTD2D8VdoF+gXT01wVZVUVHOk7ULDlW+X9IpAYwHKPBafD+g6x7ypgwMMRNRleo+9pfC7T0BCLgfflnTq6Oplaqg4pzbzvLzHqx4IwkZqZsy85g3nraJ4h56AAaAfej9vnCxiLrkdgoOF2nloE3cTUCNFNdS/SEAahK8596vk0sPQHBey2lNfVAWSMhI3RD2nsn7YcmHUY+6lxG3AD8GyA93qJokQOJybYArjVyBBHQHC4H2z2XHaofjDtBZK5X6TuABCLBAVZkxDCYJ6IIjPUAXhMETScdVNS6v6p6Pesx6xmwHngfgENBHDxAhLjxAeBUQcpc87wmPHTHAQ7YNddXK/PRs+SlUSN+VquOAlC2GDw0+++MhXRBi5EDQrAvPhbG3O9OIShEc6eAT3qUey54r+N6ZW34+I0plam1xbL3/TjFb2iNec3JWnLxuaTzPRvdffmyPbrIPtOZ9+Qvjf2egIwIQ0x/Pfxt/frrJahIMHTgm7OH6axPYwSdDM7yhIebbT/l8VBVG1+I/K7U4vvD9oti6k6tsreMtp+bE0YfqF571HdXJWVHZM62dnQ9LyiNG3jvFL53HQscEKH0sf66U8lqT1ba1cxkxtKLBFUpOqewRI8PmFqdFTs/HYTgGsqfT4FG9vAU8tqsqirO1Y+hiWLMyJbKYCi4FlLeh98/zbammQIn7chcVaz6x1yk6JkDxk7lVsmJtwwG0lvwp8/Dq5Ui3ojj8mDe8kTl+AKevgXsDXI2/+xOGO1cRc9v3eurwPYASHwEBLjG5WOiY4oX3TO+AsX6iK2WEw4Az3erUC3/AYE33cEx5uPjBYM6fKQyg4ZTKXi/1CUCR8iYWJYF4Pk7Jm/w68aXQrKkzzSdFWeWBxBVek3Bm52rGfqQfz144dbfJxkYsAji2uNkkNQtYUa5YufOx7lEYwMCZgYeEUvUIibzhwS3wtCFKxEMsAoxdWHwAruk+v3b03hwGqntLyO7L6IG0Lsp1hTOJ4Jd6Dbl/peQ3kUoM8YYADfWvJhEM3woewJlC5QfoGFV+rgYkCL8aBvbfkp+dut1kE0FsAuQOL21CzQIvoCsMEjvFEoYCkxlIW8Jx3y1j7GdnYu83kEpeLDfqcDAx8IyxMX1lfr0KRaac5nN2J9MpkV7BL2UlcprWkT1EiInOvxuo7yjesdlkeguu+s3vfEr3fq57BQRQ4vb8B4ovM7nEkJhlih8t/C82+gV3XBPw33ts5XMiNdpgcahbWL1eiJNjfHJn8ndC3P4ak+ktKrv2CDU3p1+84b8gknGgZVkn5S+evMcrSQ4JxAAelKOCV8YyFvCHAneaQwFnBZ576510jnJFiV9vnRcPbuttvZ2ZWcRP3jqKfvGG0Sf++2o3jE8kRoDRS0p3oLLBtHDh9aZSVHfvEW5l/5kaTk674ht3FsX3tsS+2NYy3NlZRP3ep0KoO3/uj828U7UTWfWLQmIEIJSlPoAxy/G9QPDyKMQt1d27wGq/oNuSBPzj1B87eXFg/OrkHp2l3UOfGQbUZ5ddNvmIySSORAkw+v7S/WjD9SarV3h5RxNjQK5dOHt2gwStLhX/acCdnRYujM9AmXpy6HQY+JEJrprEvP+f+LtuIVECEFaqejn8V3BDXgUNWpjKkATwBAhyfPZ3T5JA1HGTEwfxkTMFt29mSbwsEp73o3zD2AeLnd3c2CISJ0Du4tltIO8bMIup6KVhGN//IKLfdmeSJIj3Eof9Hc50EQEy36+PDITvAKx5D6Crvlz4YPFT3q+7h8QJQCAg/DFc/rtMVscD+vG6EEgCpzhpgh2jhUQlLvxj1B83nnCJtzqJoZDGN2DEb27986DUXflC6VyT6yq6QgBi9NLStWjIp3XXh/iN1PGAFiijDBe4Z3sw9Xm6w52bEc7uHXCJs4EetIcMrZpDVX+UUr3OerfoiVK6RgCicGTpApDgNpPVN/X492sG4jrwBk8Kp7QXPyVbwjs7laQQdez2RV/YmcKwV+QDq7C42cXm8isrQdCn1IytnNcWLplu/3bmDtFVAsg3Cgdz2DeiYcHty4wH9CJHGIE32CHcCu8nePrAnZs2Xq425vGNz+HR5BWIcFb+0pn/80p6A3Kx65j8SOFI4aif4nTBbcMZfjTJLBfXQukPTfGLmvzuUEfgDaiFw8VD2+fF/9zb/lXJ+fK02Pb7LWLVuC3+/jQcqwOoalm4M7BwBKFpdH4SribiV2rD6IbSFSbXM/SEAMTeK3Ivg8O5FScMbrVNZ5FpdpkgNSysEfwgPaLHy3ax5dGyuPGuhWCrXbRLAA5hCgO6moWbW1gKrQGL+VHIhakxof5z7LLSW02mp+gZAYipK/J/4Sr53zAmXyuqwftCM/AL+qbSRrBS8AgFzzM0/WEtSrOO2DllfGwH4FvCDlm+uBdSiGNUuQjje9fwG4FB8FwdH0GZT4xVSxclfZm3VfSUAMTuK8bXWK7zLZDgWFOkXzDFRwf0i6aawgIJckIO5TRzen6ZOQQdsGLirhDUsNcvBj67UqmN9udR+/PGNhQ3maK+oC8a3HH5ynzGLn8FJw8+esCOPcxvCrb6MA6NjyFCQkQaf4Q/7CYhFH12BQbn17G0tDZL45/xa+Dh51Rh/CctpV4/ennpDlPUN/SFAAQ6kJzaWPgIavB+U6SRzptPyrY7P6HxSQISIgVCSLgTPp+AA7VDDAbj2o3z1W+I0pReouP8NXpMbwbt8vd9au1XjmW/duKyvVtNvq/oGwF87P3Q6FuVVNehIsGL8GgvBod8tDB2p6artnh7EsQQwrtdCVt2T4p+AzMNjnQCQzF7O6P82qt6GjfNucNnrdq4s25dtH/oOwGIyY2F58NON6I2h5giDdopMwYiYMjfH8An2Wj48DcUCfoUbK4c31C8DIRGdulgSRCA0HGBnH0vkheiWhgIFsD3EDM+iF436D84n6fhw0GeDwSL31W2e/HEhpktpmhJYckQwEfxw7lV1Yq1Acm/ReVq5gUMEIMFpCVQc4YFNDpnf/v0ayV+CWpcNL5x+vumZEliyRHAx+SlhSOULa5E8g1eyQJ0vAcScGhI8Ysa7QaMMcCbXGj0fa7dB1BbpZCXjm4s/gequaTcfRSWLAF8TF5eOAVa/BiSDb+brwN/kIGEWHwtoT3o6T6MTdE3tzRYV8LsYY9Q8sNje4pXWZ/uzZW8JLDkCeBj12WF09HT34YY6pWoNuYH0eDKov7MCuIGfm2NXzDT3zJooaXs0QzkGL3zgpW+NRs9niSIAor57278/01r3v7c+Ed5Y9/+hf2GAICu651niuG1RxdeAruuty3Bm/cPYvmiwF/rGSCFR4Lo9XgIDazTLQA/qwhH/aiq1C07S84tz/lU+XGzy6dJmC7h9JJEPwhg1B+cu1na30aVCb505jt/lzvp4DF5+rCtXm3ZVvA9wyShlFuac63bds+oW79+j/PdjT+e9Vf0mxk9vF2sLCrfE/gKTQq+saKEaKWcaDVds71m/fDhpzzDOrWQkUdmUmpdxrLXSVscxE5vfrMoXNctzTvyoUrVfahYlQ9vnxRbLvrO9B2/eCJ4L3/YOGGj1W8blbWSX6zcl9hoWTF14N8x9ua2EyGiyn0hWsn72/oyQqdPOTSdPe1o64CVWZUbG7ay2bSVz2VUzhYyPVdV06WKmp6akdNPzrrTD+x2pjbdXfU+F1KLcN5PR22bpaPyYSGiyhcTDl71ZS0jrLBG8BUclsWMH4ccjYRoVkbUp300SjdDWJF+Ompbn47KJylRBvel2b5INFIGy8NSb9BGBo4qb0aGbhOFCKeJcJrw8/VK8vNRW1+IcL5VaWYoStT+VsoWy/sSIEoZYVnM8Ivlo8o6+ZtGZb4020ch6vNEOE2ElVOvsHDel0YKpiRhsHA+qd/6aY16BTC/mIHC+W79tj7fzb+lEL6C6hUVlW+Ubrav1d8125f074TN/0LwlUGElUNE5cNo57dEs78nWvkbIqrMb2CUUAFcz/O3vnBh109zXzOJOmYrZZ0IEZVuts9Ho33Bb6KUR7C8lZ7TyW8WK6c027eYEFH5qG0j1CsqvA0LUV9WL82I0GhfK4RqN09ic1uDxRRB8DcU3yhJGK4dAxNR5RQiKu9v/TQRThP1eR/1SvLzUdv6dLOydiWKBGFptN8vr98fiUZKaAZfsZQ4PbWZEIuVEa1uiXC6HYSV56ejts3SzcriSpTBW0anSokCjxUlJAkRtc8XolGeaJYOb4lW0q2iXpl+PlxeX8Ztq+mofL3QsER9j6bERidKiQue0z+vn6b4RPG9ClH/O6J+S7SS9hFVVo8o5daX+flwebisfr+/pSGjjErUb7uOVpTRb9TXsVm+0b7FjkFEKb2RQRrlmx1jgAEGGGCAAQYYYIlAiP8HGO6VnDqWcewAAAAASUVORK5CYII=);
        }

        .SummaryHeader p, .ResultsSummary span {
            font-size: 17.6px;
            color: rgb(108, 176, 63);
            margin-left: 13px;
        }

        p.MinorDetail, span.MinorDetail {                        
            display: block;
            font-style: normal;
        }

        .MinorDetailContainer {            
            padding: 5px;
            white-space: nowrap;
            line-height: 14px;            
            font-size: 14px;            
            text-align: left;
            border-left: 1px solid #27787F !important;
            border-right: 1px solid #27787F !important;
            overflow: hidden;
            vertical-align: middle !important;
            background-color: rgb(116, 70, 162) !important;
        }

        div.ResultsDetails, div.TrendDetails {
            padding-top: 1.5em;
        }

        .ResultsDetails thead, .TrendDetails thead {
            font-size: 12pt;
            color: #1f4d78;
            font-weight: bold;
        }

        /* since code uses HtmlTable it's not possible to create thead */
        span.ResultsDetailsHead, span.TrendDetailsHead {     
            padding: 5px;
            border-left: 0px solid #fff;        
        }

        .ResultsDetailsHeadContainer {
            padding: 5px;
            background-color: white !important;            
            font-weight: normal;
            height: 30px;
            line-height: 30px;
            cursor: default;
            white-space: nowrap;
            overflow: hidden;
            font-size: 14px;
            color: #313131 !important;
            border-left: 1px solid #27787F !important;
            border-right: 1px solid #27787F !important;
        }

        .ResultsDetailsHeadContainerFirst:before {
            content: "Type";
        }

        .ResultsDetails tbody, .TrendDetails tbody {
            font-size: 11pt;            
            color: #2e74b5;
        }

        /* for body */
        span.ResultsDetails, span.TrendDetails {
            font-size: 11pt;            
            color: #2e74b5;
        }

        .ResultsDetails table, .ResultsDetails th, .ResultsDetails td {
            border: 0px solid black;
            
        }

        .ResultsDetails table {
            border-spacing: 0px;
            border-collapse: separate;
        }

        .ResultsDetails td {
    		background-color: transparent;
            padding-left: 3px;
            padding-right: 3px;
            font-size: 14px;
            font-family: Verdana, sans-serif;
            color: white;
        }

            .ResultsDetails[indent="0"] {
                margin-left: 0px;
            }

            .ResultsDetails[indent="1"] {
                margin-left: 10px;
            }

            .ResultsDetails[indent="2"] {
                margin-left: 20px;
            }

            .ResultsDetails[indent="3"] {
                margin-left: 30px;
            }

            .ResultsDetails[indent="4"] {
                margin-left: 40px;
            }

            .ResultsDetails[indent="5"] {
                margin-left: 50px;
            }

            .ResultsDetails[indent="6"] {
                margin-left: 60px;
            }

            .ResultsDetails[indent="7"] {
                margin-left: 70px;
            }

            .ResultsDetails[indent="8"] {
                margin-left: 80px;
            }

            .ResultsDetails[indent="9"] {
                margin-left: 90px;
            }

        .template_shortcode_icon_div {
            padding: 5px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: inline-block;
            min-width: 30px;
            min-height: 14px;
            box-sizing: content-box;
        }

            .template_shortcode_icon_div[data-templatetype="pdm"] {
                background: #bce1a6;
            }

            .template_shortcode_icon_div[data-templatetype="recipe"], .template_shortcode_icon_div[data-templatetype="rc"] {
                background: #EAA417;
            }

            .template_shortcode_icon_div[data-templatetype="ingredient"], .template_shortcode_icon_div[data-templatetype="in"] {
                background: #7AB091;
            }

            .template_shortcode_icon_div[data-templatetype="packaging"], .template_shortcode_icon_div[data-templatetype="pk"] {
                background: #AA76C2;
            }

            .template_shortcode_icon_div[data-templatetype="archive"] {
                background: #8F6645;
            }

            .template_shortcode_icon_div[data-templatetype="badflag"] {
                background: #f44242;
            }

            .template_shortcode_icon_div[data-displaymode="formulation"] {
                cursor: pointer;
            }

            .template_shortcode_icon_div[data-templatetype="nonproduct"] {
                background: #EF798A;
            }

            .template_shortcode_icon_div[data-templatetype="shortcut"] {
                background: red;
            }

            .template_shortcode_icon_div[data-templatetype="other"] {
                background: #EF798A;
            }

            .template_shortcode_icon_div[data-templatetype="production line"] {
                background: gray;
            }

            .template_shortcode_icon_div[data-templatetype="target specification"] {
                background: #37B6CC;
            }

.recipetree_template {
    line-height: normal;
    margin-top: 5px;
    cursor: pointer;
}

.recipetree_templatenoaccess {
    line-height: normal;
    margin-top: 5px;
    cursor: not-allowed;
}

.productionlinestree_template {
    line-height: normal;
    margin-top: 5px;
    cursor: pointer;
}

.productionlinestree_templatenoaccess {
    line-height: normal;
    margin-top: 5px;
    cursor: not-allowed;
}

.targetresultstree_template {
    line-height: normal;
    margin-top: 5px;
    cursor: pointer;
}

.targetresultstree_templatenoaccess {
    line-height: normal;
    margin-top: 5px;
    cursor: not-allowed;
}

.PageBreak {
    page-break-before: always;
}

        .Parameters {
            display: none;
        }        

        .RootRecipeOnly {
            display: none;
        }

        .Comments {
            font-weight: bold;            
        }

        .Comments:after {
            content: ":";
        }

.batchsheet-infotext {
    float:left;
    width:300px;
}

.batchsheet-tablediv {
    /*height:260px;*/
    overflow-y:auto;
    margin-bottom: 20px;
}

.batchsheet-tablediv .RecipeDetails tr:first-child td:first-child {
    padding-left: 30px !important;
}

.batchsheet-tablediv .RecipeDetails tr:first-child td:nth-child(2) {
    padding-left: 0px;
}

.batchsheet-tablediv .RecipeDetails tr:first-child td:nth-child(3) {
    padding-left: 0px;
}

.batchsheet-tablediv .RecipeDetails tr:first-child td:nth-child(4) {
    padding-left: 0px;
}

.batchsheet-tablediv .RecipeDetails tr td:first-child {
    color: black;
    padding-left: 30px !important;
}

.batchsheet-tablediv .RecipeDetails tr:first-child td {
    color: white !important;
    font-weight: 800;
    font-size: 16px;
    padding: 13px;
    background: #27787F;
}

.batchsheet-tablediv .RecipeDetails tr td
{
    color: black;
}

.batchsheet-tablediv .RecipeDetails tr:first-child {
    background: white;
    color: black !important;
}

.batchsheet-tablediv .RecipeDetails tr:nth-child(2) {
    background: white;
    color: black !important;
    display: none;
}

.batchsheet-tablediv .RecipeDetails tr:nth-child(2) td {
    color: black;
    background: white !important;
    padding: 13px;
}

.batchsheet-tablediv .RecipeDetails tr:nth-child(3) {
    color: black !important;
}

.batchsheet-tablediv .RecipeDetails tr:nth-child(3) td {
    color: black;
    background: white !important;
    padding: 13px;
}

.batchsheet-tablediv .RecipeDetails tr td {
    padding: 6px;
    padding-left: 13px;
    /* background: rgb(85,74,166); */
}

.batchsheet-tablediv div span.NormalText {
    white-space: pre-line;
}

.batchsheet-tablediv table.RecipeDetails {
    width: 100%;
}

.batchsheet-tablediv .RecipeDetails tr td:first-child {
    max-width: 20px !important;
    min-width: 70px !important;
    padding-right: 0px;
}

.rmsnotes .ColumnHeader {
    font-size: 16px;
    font-weight: 800;
    padding: 13px;
    background: white;
    color: black;
}

.rmsnotescontent{
    padding: 13px !important;
    background: white !important;
    color: black !important;
}

.SummaryHeader {
    display: none;
}

#select2-project_selections_select-results > :first-child {
    color: black !important;
    font-weight: bold;
    font-size: 18px;
}

#project_selections_div {
    padding: 0px;
    margin: 0px;
}

#project_selections_select + span {
    max-width: 250px;
}

#dashboard_selections_div {
    padding: 0px;
    margin: 0px;
}

#dashboard_selections_select + span {
    max-width: 250px;
}

#widgets_selections_div {
    padding: 0px;
    margin: 0px;
}

#widgets_selections_select + span {
    max-width: 250px;
}

.nutBreakdownBack {
    color: black !important;
    font-size: x-small;
    margin-top: 10px;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}

.costBreakdownTitleContainer
{
    text-align: center;
    margin-top: -10px;
}

.nutBreakdownTitleContainer
{
    text-align: center;
    margin-top: -10px;
}

.costBreakdownTitle
{
    font-size: 11px;
    font-weight: 800;
}

.nutBreakdownTitle
{
    font-size: 11px;
    font-weight: 800; 
}

#reviewText{
    width: 100%;
    height: 100%;
    margin-top: 5px;
}

#reviewPreventApprovalSelect{
    margin-left: 25px;
    display:inline;
}

.reviewPreventApproval{
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button:disabled {
    color: lightgray;
}

.common_error_dialog_content {
    min-height: 70px !important;
    font-size: 16px !important;
}

.common_error_uidialog {
    border-color: rgb(200, 200, 200) !important;
    border-style: solid !important;
    border-width: 1px !important;
}
#project_selections_ul {
    padding-top: 4px;
    left: 8px;
    display: block;
    position: absolute;
    background: transparent;
}

#project_selections_label_li{
    font-size: 20px;
}

#project_selections_li {
    margin-left: -10px;
    max-width: 600px;
}

#project_selections_div .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0px;
}

#project_selections_li select + span .select2-selection > span {
    color: black !important;   
    font-size: 20px;
}

#hgGlobalSearchForm-ul {
    padding-top: 4px;
    right: 8px;
    display: block;
    position: absolute;
    background: transparent;
}

#hgGlobalSearchForm-li {
    margin-right: -10px;
    max-width: 600px;
}


#dashboard_selections_ul {
    padding-top: 4px;
    left: 220px;
    display: block;
    position: absolute;
    background: transparent;
}

#dashboard_selections_label_li {
    font-size: 20px;
}

#dashboard_selections_li {
    margin-left: -10px;
    max-width: 600px;
}

#dashboard_selections_div .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0px;
}

#dashboard_selections_li select + span .select2-selection > span {
    color: black !important;
    font-size: 20px;
}

.dashboardtoolbar {
    background: transparent;
    border: 0px;
}

.refreshdatalink {

}
.refreshdatalink2 {
    color: white;
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 15px;
    font: normal normal 600 12px/30px Segoe UI;
}

.refreshdatalink3 {
    padding-top: 0px;
    vertical-align: top;
}

.refreshdatalink4 {
    padding-top: 7px;
}

#project_selections_div .webix_inp_label {
    font: normal normal 600 12px/20px Segoe UI;
    text-align: right !important;
}

div[view_id=projects_drop_btn] .webix_inp_static {
    border: 0px;
    border-bottom: 1px solid #DADEE0 !important;
    font: normal normal 600 14px/30px Segoe UI;
}

div[view_id=dashboards_drop_btn] .webix_inp_static {
    border: 0px;
    border-bottom: 1px solid #DADEE0 !important;
    background: transparent;
    color: white;
    font: normal normal 600 14px/30px Segoe UI;
}

.dashboards_edit_btn {
    background: transparent;
    color: white;
    border: 0px;
    padding: 7px;
}

#widgets_selections_ul {
    padding-top: 4px;
    left: 430px;
    display: block;
    position: absolute;
    background: transparent;
}

#widgets_selections_label_li {
    font-size: 20px;
}

#widgets_selections_li {
    margin-left: -10px;
    max-width: 600px;
}

#widgets_selections_div .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0px;
}

#widgets_selections_li select + span .select2-selection > span {
    color: black !important;
    font-size: 20px;
}

#select2-project_selections_select-results > li {
    font-size: 14px !important;
}

.aI_big_transparent .processingdiv {
    display: block;
}

.processingdiv {
    display: none;
    position: relative;
    padding-left: 4px;
    line-height: 30px;
    border-radius: 20px;
    margin-left: 5px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    height: 30px;
    cursor: nesw-resize;
    margin-top: 5px;
}

.processingdiv.notes {
    background: #007681;
}

.processingdiv.declarationresult {
    background: #EAA417;
}

.processingdiv.requirement {
    background: #0F3BA1;
}

.processingdiv.intolerance {
    background: #EF798A; 
}

.processingdiv[class^="masterviews_"] {
    background: #EF798A !important;
}

.processingdiv.masterviews {
    background: #EF798A  !important;
}

.processingdiv.declarationsetup {
    background: #AA76C2; 
}

.processingdiv.recipe {
    background: #92b0b3; 
}

.processingdiv.nutrition {
    background: #7AB091; 
}

.processingdiv.cost {
    background: #AA76C2; 
}

.processingdiv.declaration {
    background: #37B6CC; 
}

.processingdiv[data-cntype^="category_"] {
    background: #007DBA !important;
}

.processingdiv.category {
    background: #007DBA !important;
}

.processingdiv.formulation {
    background: #AA76C2 !important;
}

.processingdiv.pdm_pictures {
    background: #007DBA; 
}

.processingdiv.pdm_spec {
    background: #ffffff; 
}

.processingdiv.targetresults {
    background: #37B6CC;
}

.processingdiv.productionlinesetup {
    background: gray;
}

.processingdiv.genericcard {
    background: #0F3BA1;
}

.aI_big_transparent .load-progress {
    display: none;
}

.aI_big_transparent i.icon {
    display: none !important;
}

.aI_big_transparent button.close-button {
    top: 0px;
}

.aI_big_transparent span.title {
    display: none !important;
}

.processing {
	/*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 125' enable-background='new 0 0 100 100' fill='red' xml:space='preserve'><g display='none'><path display='inline' d='M79.762,50.001c0-3.41,2.764-6.172,6.174-6.172V29.718H14.064v14.111c3.414,0,6.175,2.762,6.175,6.172   c0,3.414-2.761,6.178-6.175,6.178v14.104h71.872V56.179C82.525,56.179,79.762,53.415,79.762,50.001z'/></g><g display='none'><path display='inline' d='M84.649,28.072L69.086,43.635L56.364,30.916l15.562-15.565c-7.393-2.627-15.958-1.005-21.872,4.914   c-5.917,5.914-7.541,14.48-4.916,21.873L14.135,73.142l12.722,12.725l31.006-31.007c7.392,2.626,15.957,1.004,21.872-4.913   C85.652,44.03,87.274,35.467,84.649,28.072z'/></g><g display='none'><path display='inline' d='M71.885,38.652V14.066H28.107v24.586h0.016l-2.274,16.811h0.012v22.156h1.979v8.314h7.386v-8.314h29.551   v8.314h7.387v-8.314h1.982V55.463h0.008L71.885,38.652z M35.083,71.154c-2.547,0-4.612-2.059-4.612-4.615   c0-2.549,2.065-4.615,4.612-4.615c2.549,0,4.62,2.066,4.62,4.615C39.703,69.096,37.631,71.154,35.083,71.154z M64.922,71.154   c-2.553,0-4.613-2.059-4.613-4.615c0-2.549,2.061-4.615,4.613-4.615c2.547,0,4.617,2.066,4.617,4.615   C69.539,69.096,67.469,71.154,64.922,71.154z M30.47,54.461l3.009-15.809h1.47h30.278h1.299l3.014,15.809H30.47z'/></g><g><path d='M86,18.67l-7.942,8.311l0.177,0.014C71.611,19.072,61.723,14.02,50.561,14.02c-19.973,0-36.109,16.107-36.109,35.984   c0,19.871,16.215,35.977,36.184,35.977c15.459,0,28.668-9.658,33.825-23.25l-13.269-5.516c-2.992,8.42-11.073,14.465-20.538,14.465   c-12.02,0-21.779-9.725-21.779-21.676c0-11.961,9.767-21.691,21.785-21.691c7.195,0,13.566,3.5,17.541,8.867l-8.686,8.088   L86,45.256V18.67z'/></g><g display='none'><polygon display='inline' points='14.019,14.02 85.981,50.004 14.019,85.98  '/></g></svg>");*/
	/*border:1px solid black;*/
		-webkit-animation: rotation 2s infinite linear;
		-ms-animation: rotation 2s infinite linear;
}

.processingdiv .processing {
    margin-left: -4px;   
}

@-ms-keyframes rotation {
    from {
				-ms-transform: rotate(0deg);
		}
		to {
				-ms-transform: rotate(359deg);
		}
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

.svgtitle {
    display: none;
    background: transparent;
    position: relative;
    margin-top: -40px;
    margin-left: -10px;
    left: 0px;
    padding-left: 55px;
    float: left;
    color: #3B3B3B;
    font-size: 18px;
    font-weight: bold;
}

.panelcontentloading {
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
    align-items: center;
}

.panelcontentloading .processing {
    display: block;
    margin: 0 auto;
}

#select2-project_selections_select-parentresults {  
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
}

html body table[cntype*='nutrition'].recordDataTable input[value='-'] {
    text-align: center !important;
    padding-left: 15px;
}

html body table[cntype*='nutrition'].recordDataTable td span[value='-'] {
    text-align: center;
    margin-left: -17px;
}

html body table[cntype*='nutrition'].recordDataTable td:nth-child(2) span:not([value='-']) {
    padding-right: 14px;
}

.RExtraPadding {
    padding-right: 37px !important;
}



.dashboardprocessing {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}

.dashboardprocessing svg {
    display: block;
    margin: 0 auto;
}

.inglistconfigure {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-right: 7px;
}

.whatsthisimg {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-top: 11px;
    margin-left: 10px;
}

.whatsthisimg2 {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 1px;
    margin-left: 1px;
}

.whatthisdiv {
    display: inline-block;
    text-align: center;
    background: #D9E0E4;
    right: 40px;
    width: 20px;
    height: 40px;
    position: absolute;
    z-index: 10;
    top: 0px;
}

.specialbuttonsdiv {
    display: inline-block;
    text-align: center;
    background: white;
    right: 25px;
    width: 80px;
    height: 40px;
    position: absolute;
    z-index: 10;
    top: 0px;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: solid;
}

div[cntype='declarationresults'] .viewAction {
    right:100px;
}

.whatsthis_uidialog {
    border-color: #EAA417 !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background: #313131;
    padding: 13px;
}

.import-pif-msg {
    font-size: 25px;
    text-align: center;
    padding-bottom: 15px;
}

.import-pif-submsg {
    font-size: 12px;
    text-align: center;
    padding-bottom: 20px;
    font-style: italic;
}

.wf-whitebox {
    background-color:white !important;
}

.wf-whitebox-processingimage {
    text-align: center;
    padding-top:75px;
    padding-bottom:25px;
}

.wf-whitebox-text {
    color: #92b0b3;
    text-align: center;
    padding-bottom:50px;
}

html body .warning-triangle-container {
    margin: 0;
    padding: 0 !important;
}

html body .nutrition-warning-triangle {
    margin-top: 0px;
    cursor: pointer;
}

    html body .nutrition-warning-triangle:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e81b';
        font-size: 20px !important;
        color: #323232;
        margin: 0;
        line-height: 40px;
        color: #EAA417;
    }

.makespecavailfirstdiv {
    width: 50%; 
    padding-top: 20px; 
    float: left;
}

.makespecavailcnxdiv {
    padding-top: 20px;
    float: left;
}

.makespecavailseconddiv {
    width: 50%;
    padding-top: 16px;
    padding-left: 10px;
    float: right;
}

#specAvailCustomerText {
    width: 100%;
}

#specAvailCustomerDropdown {
    width: 100%;
    min-width:300px;
}

.collaboratecnxdiv {
    padding-top: 20px;
    float: left;
}

#collaborateCustomerDropdown {
    width: 100%;
    min-width: 300px;
}

.specsgridicon{
    padding-top:8px;
}


.specsSharedWithMeSearch::-webkit-input-placeholder {
    color: lightgray !important;
}

.specsSharedWithMeSearch:-moz-placeholder { /* Firefox 18- */
    color: lightgray !important;
}

.specsSharedWithMeSearch::-moz-placeholder { /* Firefox 19+ */
    color: lightgray !important;
}

.specsSharedWithMeSearch:-ms-input-placeholder {
    color: lightgray !important;
}

#specsSharedWithMeSearch_Div, #PIF6SharedWithMeSearch_Div {
    width: 100%;
    margin-top: 5px;
}

.specsSharedWithMeSearch {
    width: 100%;
    color: black;
}

#importSpecsBtn, #importPIF6Btn {
    margin-top: 15px;
    float: right;
}

#multitemplate_delete_record_btn {
    float: left;
    margin-top: 3px;
    margin-bottom: 15px;
    background: url('../images/bin_icon2x_red.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

td[id*='intolerance'] > span[class*='Equation'] {
    float: left !important;
    padding-left: 12px;
}

#multitemplate-openrecord-tabs ul li a.disabled {
    color: lightgray !important;
    pointer-events: none;
}

.importspecsprocessing {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}

    .importspecsprocessing svg {
        display: block;
        margin: 0 auto;
    }

#importPifPopup {
    padding-bottom: 0px;
}

.specssharedprocessing {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}

    .specssharedprocessing svg {
        display: block;
        margin: 0 auto;
    }

.declarationresult_dottedspan {
    float: left;
    top: 53px;
    position: absolute;
    left: 10px;
    color: black;
    background: transparent;
    cursor: pointer;
}


.delete_connection_btn {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-bottom: 15px;
    background: url('../images/bin_icon2x_red.png') !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

.copy_invitationurl_btn {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-bottom: 15px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2327787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    background-repeat: no-repeat !important;
    cursor: pointer;
}

.copy_directcode_btn {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px;
    margin-bottom: 15px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2327787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    background-repeat: no-repeat !important;
    cursor: pointer;
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

#qbDiv {
    margin-top: 10px;
}

/* Send dialog styles */
table.makeSpecAvailableMetadataTable, table.collaborateMetadataTable {
    width: 100%;
}

table.makeSpecAvailableMetadataTable tr:nth-child(even), table.collaborateMetadataTable tr:nth-child(even) {
    background: #E5E5E5
}

table.makeSpecAvailableMetadataTable tr:nth-child(odd), table.collaborateMetadataTable tr:nth-child(odd) {
    background: #d5d5d5
}

table.makeSpecAvailableMetadataTable td, table.collaborateMetadataTable td {
    text-align: left;
    padding: 5px;
}

p.usermessage {
    text-align: left;
}

/* End Send dialog styles */

.recipetree {
    background-color: white;
    border-width: 0px !important;
    width: 100% !important;
}

.recipetree .webix_cell,
.recipetree .webix_dt_editor {
    font-size: 11px;
    font-family: 'Verdana', Geneva, sans-serif;
}

.recipetree .singleline {
    padding-right: 3px;
    padding-left: 3px;
}

.transferSummaryTable .webix_cell.warningRow,
.transferSummaryTable .webix_cell.transferResultRed {
    font-weight: 500;
    color: red;
}

/* span underneath warning row, holding the warning triangle */
.transferSummaryTable .webix_cell.warningRow span {
    padding-top: 8px;
}

.transferSummaryTable .webix_cell.transferResultGreen {
    font-weight: 500;
    color: green;
}

.transferSummaryTable .webix_cell.transferResultGrey {
    color: gray;
}

.recipetree .webix_cell:nth-child(even) {
    /*background-color: #F5F5F5;*/
    background-color: white;
}

    .recipetree .webix_cell:nth-child(odd) {
        background-color: #FAF5FE;
    }

/*.recipetree .webix_cell.webix_row_select:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.9);
}*/

.recipetree .webix_hcell {
    background-color: white;
    color: black;
    /*font-weight: bold;*/
}

.recipetree .webix_ss_header {
    background: white;
    border-bottom-width: 2px;
    border-bottom-color: #E1E6E9;
    border-bottom-style: solid;
}

.recipetree .webix_hs_center {
    background-color: #92b0b3;
}

.recipetreebutton .webix_button {
    background-color: #92b0b3;
    color: white;
}

.recipetreebutton .webix_button:active,
.recipetreebutton .webix_button:hover {
    background-color: #854dbd;
    color: white;
}

.recipetree .multiline {
    line-height: 30px !important;
}

.recipetree .numericCell {
    text-align: right;
}

.totalweight .fixableIcon, .totalweight .fixedIcon {
    float: left;
    cursor: pointer;
    position: relative;
    left: 10px;
    top: 14px;
    float: left;
    visibility: hidden;
    font-size: 10pt; /* for icon */
    z-index: 1;
    color: white;
}

.totalweight .fixedIcon, .totalweight .fixableIcon:hover {
    visibility: visible;
}

.weightDiv:hover .fixableIcon, .yieldDiv:hover .fixableIcon {
    visibility: visible;
}

.recipetree .fixableIcon, .recipetree .fixedIcon {
    cursor: pointer;
    position: relative;
    left: -10px;
    top: 12px;
    float: left;
    visibility: hidden;
    font-size: 10pt; /* for icon */
}

.recipetree .fixableNumericHover .fixableIcon, .recipetree .fixedIcon {
    visibility: visible;
}

div.recipetreecontainer {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #F9FAFB !important;
}

.recipetreeview {
    background-color: #F9FAFB !important;
}

.nutritiongrid {
    background-color: #F5F9F7;
    border-width: 0px !important;
    width: 100% !important;
}

.nutritiongrid .webix_cell,
.nutritiongrid .webix_dt_editor {
    font-size: 11px;
    font-family: 'Verdana', Geneva, sans-serif;
 }

.nutritiongrid .webix_cell:nth-child(even) {
    background-color: white;
}

.nutritiongrid .webix_cell:nth-child(odd) {
    background-color: #F5F9F7;
}

.nutritiongrid .webix_cell.webix_cell_select:nth-child(even),
.nutritiongrid .webix_cell.webix_cell_select:nth-child(odd) {
    background-color: #edeff5;
}

.nutritiongrid .webix_hcell {
    background-color: white;
    color: black;
}

.nutritiongrid .webix_ss_header {
    background: white;
    border-bottom-width: 2px;
    border-bottom-color: #E1E6E9;
    border-bottom-style: solid;
}

.nutritiongrid .webix_hs_center {
    background-color: white;
}

.nutritiongrid .nutritionhighlight {
    background-color: #c0c0c0 !important;
 }

.connectionautoaccept {
    color: red;
}

.connectionConnected {
    background-color: #a1a4ed !important;
}

.connectionPendingThem {
    background-color: #eceda1 !important;
}

.connectionPendingYou {
    background-color: #eda1ed !important;
}

.nutritiongrid .singleline {
    color: #0080FF;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
}

.connectionSettingsGrid, .connectionstable {
    background-color: #F5F9F7;
    border-width: 0px !important;
    width: 100% !important;
}

    .connectionSettingsGrid .webix_cell, .connectionstable .webix_cell,
    .connectionSettingsGrid .webix_dt_editor, .connectionstable .webix_dt_editor {
        font-size: 11px;
        font-family: 'Verdana', Geneva, sans-serif;
    }

        .connectionSettingsGrid .webix_cell:nth-child(even), .connectionstable .webix_cell:nth-child(even) {
            background-color: white;
        }

        .connectionSettingsGrid .webix_cell:nth-child(odd), .connectionstable .webix_cell:nth-child(odd) {
            background-color: #F5F9F7;
        }

        .connectionSettingsGrid .webix_cell.webix_cell_select:nth-child(even), .connectionstable .webix_cell.webix_cell_select:nth-child(even),
        .connectionSettingsGrid .webix_cell.webix_cell_select:nth-child(odd), .connectionstable .webix_cell.webix_cell_select:nth-child(odd) {
            background-color: #edeff5;
        }

    .connectionSettingsGrid .webix_hcell, .connectionstable .webix_hcell {
        background-color: white;
        color: black;
    }

    .connectionSettingsGrid .webix_ss_header, .connectionstable .webix_ss_header {
        background: white;
        border-bottom-width: 2px;
        border-bottom-color: #E1E6E9;
        border-bottom-style: solid;
    }

    .connectionSettingsGrid .webix_hs_center, .connectionstable .webix_hs_center {
        background-color: white;
    }

    .connectionSettingsGrid .nutritionhighlight, .connectionstable .nutritionhighlight {
        background-color: #c0c0c0 !important;
    }

    .connectionSettingsGrid .singleline, .connectionstable .singleline {
        color: #0080FF;
        cursor: pointer;
        padding-right: 3px;
        padding-left: 3px;
    }

#fcid-menu.fcid-header
{
    z-index: 9999;
}

.nutritioncolumnsettingspopup .webix_header,
.nutritioncolumnsettingspopup .webix_win_head {
    background-color: #27787F;
    color: white;
}

.nutritioncolumnsettingsbutton .webix_button {
    background-color: #7AB091;
    color: white;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Work Sans', Verdana;
    text-transform: uppercase;
}

/** FOOD CHAIN
    //////////////////////////////////
*/

#foodchainrebrandwarningbox {
    display: none;
    border: 2px solid white;
    border-radius: 30px 30px 30px 30px;
    width: 98%;
    height: 120px;
    text-align: left;
    line-height: 18px;
    margin-top: -40px;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: 200;
    font-size: 14px;
    font-family: "Verdana", Geneva, sans-serif;
    margin-left: 1%;
}

.foodchainrebrandlink {
    color: #6cb03f;
}

.foodchaininnerinfo {
    font-weight: bold;
    font-size: 14px;
    margin-top: -8px;
    margin-left: -2px;
    color: white;
    font-family: "Verdana", Geneva, sans-serif;
}

.foodchainrebrandtitle {
    font-weight: bold;
    margin-top: -20px;
    margin-left: 30px;
}

.foodchainrebrandmsg {
    padding-top: 10px;
}

.foodchainrebrandroundedinfo {
    border-radius: 50%;
    background: #73AD21;
    padding: 10px;
    width: 3px;
    height: 3px;
} 

/*
//////////////////////////////////////
*/

.timeline-audits-loading {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.timeline-compare-btn {
    margin-bottom: 10px;
}

.Approved .webix_timeline_value {
    color: green;
}

.Approved .webix_timeline_value {
    color: green;
}

.Deactivated .webix_timeline_value {
    color: grey;
}

.Snapshot .webix_timeline_value {
    color: purple;
}

.Import .webix_timeline_value {
    color: darkorange;
}

a.specchangeslbl {
    color: #68b23c !important;
    text-decoration: underline;
}

.speccomparecontent {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

.speccompareleftpanel {
    width: 48%;
    height: 100%;
    float: left;
}

.speccomparerightpanel {
    width: 48%;
    height: 100%;
    float: right;
}

.speccompareleftpanel > .specviewpanelcontainer {
    overflow-x: auto !important;
}

.speccomparerightpanel > .specviewpanelcontainer {
    overflow-x: auto !important;
}

.comparisonheadingspan2
{
    float: right;
    width: 48%;
}

.comparisonlegendspan1 {
    float: right;
    color: #95cb76;
    padding-right: 10px;
    font-weight: bold;
}

.comparisonlegendspan2 {
    float: right;
    color: #f73939a3;
    padding-right: 10px;
    font-weight: bold;
}

#speccomparetag
{
    width: 100% !important;
    overflow: hidden !important;
}

.highlight {
    background-color: #f73939a3 !important;
}

.highlight2 {
    background-color: #cef2b9 !important;
}
.recordContentTable .webix_dtable div.webix_ss_vscroll_header {
    height: 43px !important;
    border-bottom-width: 2px;
    border-bottom-color: #E1E6E9;
    border-left-width: 0px;
    background: white;
}


.recordContentTable .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-bottom: 2px solid #E1E6E9 !important;
    border-right: 2px solid #E1E6E9 !important;
}

.webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row,
.webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-right: 2px solid #E1E6E9 !important;
}

.hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #37B6CC solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #AA76C2 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.nutrition .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #7AB091 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.note .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #007681 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.cost .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #AA76C2 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.requirement .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #0F3BA1 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.recipe .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #AA76C2 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.pdm_pictures .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #007DBA solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #007DBA solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #EF798A solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.targetresults .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #37B6CC solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem[class^="hgcard"] .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px #0F3BA1 solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner .headerhandle .title {
    border-bottom: 3px gray solid;
    color: #3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

.optimisergrid {
    background-color: #F5F9F7;
    border-width: 0px !important;
    width: 100% !important;
}

.optimisergrid .webix_cell,
.optimisergrid .webix_dt_editor {
    font-size: 11px;
    font-family: 'Verdana', Geneva, sans-serif;
}

.optimisergrid .webix_cell:nth-child(even) {
    background-color: white;
}

.optimisergrid .webix_cell:nth-child(odd) {
    background-color: #EFF3FC;
}

.optimisergrid .webix_cell.webix_cell_select:nth-child(even),
.optimisergrid .webix_cell.webix_cell_select:nth-child(odd) {
    background-color: #edeff5;
}

.optimisergrid .webix_hcell {
    background-color: #D4E1FF;
    color: black;
    border-bottom-color: #0F3BA1;
}

.optimisergrid .webix_ss_header {
    background: white;
    border-bottom-width: 2px;
    border-bottom-color: #E1E6E9;
    border-bottom-style: solid;
}

.optimisergrid .webix_hs_center {
    background-color: white;
}

.optimisergrid .nutritionhighlight {
    background-color: #c0c0c0 !important;
}

.optimisergrid .singleline {
    color: #0080FF;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
}

.optimisergridrightfix {
    right: 0px !important;
}

.optimiserbutton .webix_el_box .webix_button {
    background-color: #D4E1FF
}
.layoutincard {
    margin-top: 40px;
    right: 0px !important;
}

.nutinfo {
}

.intolinfo {
}

#project_selections_li .webix_button {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    text-align: center;
}

#project_selections_li .webix_layout_toolbar {
    max-width: 200px;
}

#dashboard_selections_li .webix_button {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    text-align: center;
}

#dashboard_selections_li .webix_layout_toolbar {
    /*max-width: 200px; *//*this prevented toggling visibility of edit button... */
}

#widgets_selections_li .webix_button {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    text-align: center;
}

#widgets_selections_li .webix_layout_toolbar {
    max-width: 200px;
}

.dashboardmenutext {
    padding-left: 9px;
    font-size: medium;
}

.dashboardmenutextowner {
    font-style: italic;
    color: azure;
}

.dashboardmenuediticon {
    float: right;
    padding-top: 3px;
}

#connectInvitationGUIDLabel
{
    position: relative;
}

#connectInvitationGUIDLabel:before {
    content: "";
    position: absolute;
    right: 40px;
    top: -4px;
    bottom: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
    z-index: 5;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2327787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

#connectInvitationGUIDBgDiv {
    background: transparent;
    width: 25px;
    height: 25px;
    right: 40px;
    z-index: 10;
    top: -4px;
    position: absolute;
    display: inline-block;
    cursor: pointer;
}

#connectInvitationGUIDInput {
    padding-right: 40px;
}

.codeTextLabel {
    position: relative;
    display: inline-block;
    max-width: 150px;
    top: 4px;
    margin-left: 12px;
}

.codeTextCopy {
    content: "";
    position: absolute;
    right: 0px;
    top: -14px;
    bottom: 0;
    cursor: pointer;
    width: 12px;
    height: 12px;
    z-index: 5;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2327787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

.codeCopyTooltip {
    background-color: #27787F;
}

.codeTextInput {
    padding-right: 40px !important;
    /*margin-top: 19px !important;*/
    height: 20px !important;
    background: transparent;
    max-width: 150px;
}

.codeInpText {
    color: #5CA035;
    padding: 10px 2px 0px 0;
    white-space: nowrap;
    vertical-align: text-top;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin: -8px 5px 0 6px;
    font-weight: bold;
}

.codeInpText:before {
    content: attr(data-content);
    display: block;
    font-size: 10px;
    color: #3D3D3D;
}

.notificationcollabusermessage {
    font-style: italic;
}

#TransferSummarydialog {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 12px;
}

.targetresultspanel{
    height:calc(100% - 40px);
}

.targetresultspanel .singleline{
    padding-right: 3px;
    padding-left: 3px;
}

.targetresultspanel .multiline {
    line-height: 20px !important;
    white-space: pre-line;
}

.productionlinespanel {
    height: calc(100% - 40px);
    width: 100% !important;
}

.targetresultsspeclimitspopup .check {
    float: right;
    margin: 7px;
}

.targetresultsspeclimitspopup .check:hover {
    color: #3498db;
}

.usersMappopup .check {
    float: right;
    margin: 7px;
}

.usersMappopup .check:hover {
    color: #3498db;
}

.usersMaplabel .webix_template {
    padding-top: 10px !important;
}

.genericcardpanel {
    height: calc(100% - 40px);
}

.genericcardpopup .check {
    float: right;
    margin: 7px;
}

.genericcardpopup .check:hover {
    color: #3498db;
}

.genericpopup .webix_header,
.genericpopup .webix_win_head {
    background-color: #27787F;
    color: white;
}


.declarationresultstable {
    width: 100%;
    height:calc(100% - 40px);
}


.declarationresultscolumnspopup .check {
    float: right;
    margin: 7px;
}

.declarationresultscolumnspopup .check:hover {
    color: #3498db;
}

/* inputs within the Dashboard Settings panels should match the property boxes */
.dashboardSettings input {
    height: 100% !important;
}

.dashboardSettings {
    z-index: 99 !important;
}


.help_popup1 {
    height: fit-content !important;
}

.help_popup2 {
    height: fit-content !important;
    max-height: 200px;
    overflow: auto;
    scrollbar-width: thin;
}

.remove-all-styles {
    all: revert;
}

.help_popup2 h1 {
    color: #999999;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
}

.help_popup2 h2 {
    color: #999999;
    font-family: arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
}
.fcid_Teal {
    background-color: #27787F !important; /* Buttons, icons */
}

.fcid_Turquoise {
    background-color: #38B6CC !important;
}

.fcid_Teal {
    background-color: #27787F !important;
}

.fcid_LightBlue {
    background-color: #EFF7FB !important; /* Page background color */
}

.fcid_Success {
    background-color: #007A53 !important; /* Successful transactions, approvals, affirmative notifications */
}

.fcid_SuccessPale {
    background-color: #CFECDC !important;
}

.fcid_Warning {
    background-color: #FBBF47 !important; /* Cautionary statements, non-urgent issues to make the user aware of */
}

.help_popup2 h3 {
    color: #999999;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
}

.help_popup2 h4 {
    color: #999999;
    font-family: arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1px;
}
.fcid_WarningPale {
    background-color: #FFF5CE !important;
}

.fcid_Error {
    background-color: #C23222 !important; /* Errors, Failed transactions, things that require the users' immediate attention */
}

.fcid_ErrorPale {
    background-color: #FED7D2 !important;
}

.fcid_Info {
    background-color: #007DBA !important; /* (FCID Bright Blue) Notifications of a changed status that are neither positive nor negative, just providing additional context or information to the user */
}

.fcid_InfoPale {
    background-color: #F2FAFE !important;
}

/*
    Tertiary Colors
    Use these only in the rare case that the functionality of the product 
    depends on users identifying different functions/topics/areas with 
    different colors, therefore a large amount of distinctly different 
    colors are needed. Note that color should not be the only way to 
    identify those items - at least one other identifier (text, icon, etc) 
    should also be used.
*/

.fcid_DeepTeal {
    background-color: #007681 !important;
}
.fcid_BrightBlue {
    background-color: #007DBA !important;
}
.fcid_PaleBlue {
    background-color: #F2FAFE !important;
}
.fcid_Sage {
    background-color: #7AB091 !important;
}
.fcid_SagePale {
    background-color: #F5F9F7 !important;
}
.fcid_Lavender {
    background-color: #AA76C2 !important;
}
.fcid_LavenderPale {
    background-color: #FAF5FE !important;
}
.fcid_Watermelon {
    background-color: #EF798A !important;
}
.fcid_WatermelonPage {
    background-color: #FFF6F7 !important;
}
.display_info_message a {
    color: blue;
}

.optimiserselectiondrop {
    display: inline-block;
    right: 151px !important;
    position: absolute;
}

.genericpopup .webix_win_content .webix_win_head .webix_view .webix_scroll_cont {
    background-color: #27787F;
    color: white;
}

.genericpopup .webix_win_content .webix_win_head .webix_view .webix_scroll_cont .webix_view .webix_el_box .webix_button {
    background-color: #27787F !important;
    color: white !important;
}

.genericpopup .webix_win_content .webix_win_head .webix_view .webix_scroll_cont .webix_view .webix_el_box {
    color: white !important;
}

.datetooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.dateexpired {
  color: red;
}

.datetooltip .datetooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.datetooltip .datetooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.datetooltip:hover .datetooltiptext {
  visibility: visible;
}

.densitycalc_img {
    width: 25px;
    height: 30px;
}

.densitycalc_a {
    padding-left: 10px;
}

@media (max-width: 1260px) {
    .hide-on-small {
        display: none;
    }
}

/*# sourceMappingURL=styles.css.map */
fieldset.pdmfieldset {
    margin: 0;
    padding: 1;
    opacity: 1;
    border: 2px solid #CAD5D6;
    font-size: 100%;
    font: inherit;
    background-color: #EEF7F9;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
}

html body .specviewpanelcontainer {
    width: calc(100% - 5px);
    height: calc(100%);
    white-space: normal !important;
    border-spacing: 2px;
    border-collapse: separate;
    display: block;
    overflow: auto;
    background-color: #EEF7F9;
    vertical-align: top;
    overflow-x: hidden;
}

.specviewpanelcontainer_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #EEF7F9;
    vertical-align: top;
}

.table_spec {
    display:table;
    width:100%;
    height:100%;
    font-size:16px;
    font-family: 'Open Sans';
    font-weight:400;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-top: 0.6em;
}
   
.container-fluid{
    font-size:16px;
    font-family: 'Open Sans';
    font-weight:400;
}

.row legend {
    color: #3B3B3B;
    font-size:18px;
    font-family: 'Open Sans';
    font-weight:600;
}

.row label{
    font-size:16px;
    /*If it is squeezed then we draw elipsis until the css changes to show it nicely using responsive layout*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space:nowrap;
    padding-bottom: 2px;
}

.cell_spec {
    display:table-cell;
    /*width:50%;*/
}

.cell_spec legend{
    font-size:16px;
    font-family: 'Open Sans';
    font-weight:400;
}

.cell_spec label{    
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space:nowrap;
}

/*.row_spec {
    display:table-row;
    /*min-height:100px;  /* eventually at end of row we should calculate how big the min height should be by javascript*/
/*}*/

.row_spec {
    display:table;
    width:100%;
}

.cell_spec {
    /*background:blue;*/
    color:black;
    /*border:2px solid rgba(240, 240, 240, 1);    */
}

div.glowing-border {
    height: auto !important;
    margin-top: 5px !important;
    background: lightgray;
    vertical-align: top;
}

div.glowing-border-webix 
{
    padding: 0px;
}

.webix_container > div {
    height: auto !important;
}

.glowing-border-webix .webix_el_box {
    height: auto !important;
}

.glowing-border-textarea-webix .webix_el_box {
    height: auto !important;
}

.glowing-border {
    /*border: 2px solid #dadada !important;
    border-radius: 7px !important;*/
    height: 20px !important;
    box-sizing: content-box !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    border: 0px solid rgba(108, 176, 63, 1) !important
}

.glowing-border-webix input {
    /*border: 2px solid #dadada !important;
    border-radius: 7px !important;*/
    height: 20px !important;
    box-sizing: content-box !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    margin: 0 !important;    
    margin-bottom: 0.3em !important;
    border: 0px solid rgba(108, 176, 63, 1) !important;
}

.glowing-border-webix input:read-only {
    margin-top: 0px !important;
}

.glowing-border-textarea {
    resize: none;
    height: auto;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    border: 0px solid rgba(108, 176, 63, 1) !important
}

.glowing-border-textarea-webix textarea {
    resize: none;
    height: auto;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    margin: 0 !important;
    margin-top: -2px !important;
    margin-bottom: 0.3em !important;
    border: 0px solid rgba(108, 176, 63, 1) !important
}

table[fieldtype=table] textarea:disabled.glowing-border-textarea {
    width: auto !important;
    min-width: 98%;
}


.glowing-border:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    box-sizing: content-box !important;
}

.glowing-border-webix input:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    box-sizing: content-box !important;
}

.glowing-border-webix input:disabled {
    background-color: lightgray !important;
    color: #313131 !important;
}

.glowing-border-textarea:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    box-sizing: content-box !important;
}

.glowing-border-textarea-webix textarea:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    box-sizing: content-box !important;
}

.glowing-border-textarea-webix textarea[readonly="true"] {
    background: lightgray !important;
}

.glowing-border-textarea-webix textarea:disabled {
    background-color: lightgray !important;
}

table[fieldtype=table] input.glowing-border {
    margin-top: 0.3em !important;
    margin-left: 0.1em !important;
}

table[fieldtype=table] textarea.glowing-border-textarea {
    margin-top: 0.3em !important;
    margin-left: 0.1em !important;
    overflow-y: hidden;
}

table[fieldtype=table] .styled {
    margin-top: 0.3em !important;
    margin-left: 0.1em !important;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") 113% / 32% no-repeat #fff !important;
}

 .spec_container_pictures_img {
    width:auto;
    height:auto;
    max-height: 98%;
    max-width:98%;
    cursor:pointer;
    color: rgba(239, 183, 42, 1) !important;
    font-size: 16px;
    font-weight: 800;
 } 

 .spec_container_pictures_img_remove {
    color: #f02457 !important;
    cursor: pointer;
    float: right;
 }

.spec_container_attachments, .spec_container_upload, .spec_container_badattachments {
    cursor: pointer;
    color: rgba(239, 183, 42, 1) !important;
    font-size: 16px;
    font-weight: 800;
}

 .spec_container_attachments_remove {
    color: #f02457 !important;
    cursor: pointer;
    padding-left: 5px;
 }

  table[fieldtype=table] .spec_container_attachments{
    padding-left: 10px;
  }

.spec_container_subdocuments {
    cursor: pointer;
    color: #007DBA !important;
    font-size: 16px;
    font-weight: 700;
}

.spec_container_subdocuments_notpopulated.invalid_subdoc_readonly {
    margin-top: 0.3em !important;
}

.invalid_subdoc_readonly > a.spec_container_subdocuments.subdocumentinvalid {
    text-decoration: none;
    cursor: default;
}

.spec_container_subdocuments.subdocumentinvalid {
    color: red !important;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
}

.invalid_subdoc_readonly {
    margin-top: 0.3em !important;
    margin-left: 0.1em !important;
    margin-right: 0.1em !important;
    overflow-y: hidden;
    margin-bottom: 0.3em !important;
    background-color: transparent;
}

.spec_container_subdocuments_remove {
    color: #f02457 !important;
    cursor: pointer;
    padding-left: 5px;
}

table[fieldtype=table] .spec_container_subdocuments {
    padding-left: 10px;
}

  .specfield_label{
     font-size: 16px;
     /*overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     white-space:nowrap;*/
 }

  .specfield_checkbox{
     font-size: 16px;
     margin-right: 2px;
  }

 .specfield_common:disabled{
     background-color:lightgray;
 }

 .specfield_hotlink{
     color: rgba(57, 131, 206, 1) !important;
     font-size: 16px;
     font-weight: 600;
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
     white-space:nowrap;
     text-decoration: underline;
     padding-bottom: 1px;
 }

 .specfield_date{
     
 }

  .specfield_dropdown{

  }

  .specfield_combo{

  }

  .specfield_numbercombo{

  }

  .specfield_multiselect{

  }

  .specfield_pictures {
    font-size: 14px;
    float: right16px;        
    cursor: pointer; 
  }

   .specfield_attachments {
    font-size: 16px;
    float: right;        
    cursor: pointer; 
  }

.specfield_subdocdata{
    padding:10px;
}

.specfield_table_addrowbtn {
    color: #7AB091 !important;
    font-size: 16px;
    float: right;
    font-weight: 800;
    padding: 20px;
}

  .specfield_table_addrowbtn_left {
     color: #7AB091 !important;
     font-size: 16px;     
     float: left;
     font-weight: 800;
     padding: 20px;
     padding-left: 10px;
  }

 /* Define the css for a low column layout behaviour - 5 or more columns */
 .specfield_lowcolumntable {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .specfield_lowcolumntable tr {
    border: 1px solid #ddd;
    padding: 5px;
    background-color: white;
  }

  .specfield_lowcolumntable th {
      background-color: #CAD5D6;
      color: #3B3B3B;
      font-weight: 600;
      font-size: 16px;
      padding: 10px;
      vertical-align: top;
      border: 1px solid #EFEFEF;
  }


   .specfield_lowcolumntable td {
      background-color: white;
      color: black;
      font-weight: 400;     
      font-size:16px; 
      border: 1px solid #EFEFEF;
      vertical-align: top;
  }

   .specfield_lowcolumntable td.chkbox_actionsmenu_td
   {
       border: 0px;
   }





  .specfield_lowcolumntable th, .specfield_lowcolumntable td {    
    text-align: left;    
    overflow: hidden;
  }

  .specfield_lowcolumntable th {
    /*text-transform: uppercase; */
    letter-spacing: 1px;
  }

  @media screen and (max-width: 992px) {
        /*.chkbox_actionsmenu_td {
            display: none;
        } */ 

        .specfield_lowcolumntable {
          border: 0;
        }

        .specfield_lowcolumntable thead {
          display: none;
        }

        .specfield_lowcolumntable tr {
          margin-bottom: 10px;
          display: block;
          border-bottom: 2px solid #ddd;
          background-color: white;
        }

        .specfield_lowcolumntable td {
          display: block;
          text-align: left;
          font-size: 16px;                    
          background-color: transparent;
          border-color: transparent;
        }

        .specfield_lowcolumntable td:last-child {
          border-bottom: 0;
        }

        .specfield_lowcolumntable td:before {
          content: attr(data-label);
          float: left;
          /*text-transform: uppercase;*/
          font-weight: 800;
        }

        .chkbox_actionsmenu_specfield_table {
            width: 1em !important;
            margin-top: 0.5em !important;
            margin-bottom: 0.5em !important;
        }

        table[fieldtype=table] .spec_container_attachments {
            padding-left: 15px;
            display: inline-block;
            position: absolute;
            margin-top: -12px;
        }

        table[fieldtype=table] textarea.glowing-border-textarea {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] input.glowing-border {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] span.select2 {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        .container-fluid > .row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        tr[insertrowtrigger^='true'] {
            border-color: transparent;
        }               
  }
  
   /* Define the css for a medium column layout behaviour - 6 - 10 columns */
  .specfield_mediumcolumntable {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .specfield_mediumcolumntable tr {
    border: 1px solid #ddd;
    padding: 5px;
    background-color: white;
  }

  .specfield_mediumcolumntable th {
      background-color: #CAD5D6;
      color: #3B3B3B;
      font-weight: 600;
      font-size: 16px;
      padding: 10px;
      vertical-align: top;      
      border: 1px solid #EFEFEF;
  }

   .specfield_mediumcolumntable td {
      background-color: white;
      color: black;
      font-weight: 400;      
      font-size: 16px;
      border: 1px solid #EFEFEF;
      vertical-align: top;
  }

  .specfield_mediumcolumntable td.chkbox_actionsmenu_td
  {
       border: 0px;
  }

  .specfield_mediumcolumntable th, .specfield_mediumcolumntable td {   
    text-align: left;    
  }

  .specfield_mediumcolumntable th {
    /*text-transform: uppercase;  */
    letter-spacing: 1px;
  }

  @media screen and (max-width: 768px) {
        /*.chkbox_actionsmenu_td {
            display: none;
        }*/

        .specfield_mediumcolumntable {
          border: 0;
        }

        .specfield_mediumcolumntable thead {
          display: none;
        }

        .specfield_mediumcolumntable tr {
          margin-bottom: 10px;
          display: block;
          border-bottom: 2px solid #ddd;
          background-color: white;
        }

        .specfield_mediumcolumntable td {
          display: block;
          text-align: left;
          font-size: 16px;                 
          background-color: transparent;
          border-color: transparent;
        }

        .specfield_mediumcolumntable td:last-child {
          border-bottom: 0;
        }

        .specfield_mediumcolumntable td:before {
          content: attr(data-label);
          float: left;
          /*text-transform: uppercase;*/
          font-weight: 800;
        }

        .chkbox_actionsmenu_specfield_table {
            width: 1em !important;
            margin-top: 0.5em !important;
            margin-bottom: 0.5em !important;
        }

        table[fieldtype=table] textarea.glowing-border-textarea {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] input.glowing-border {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] span.select2 {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

       .container-fluid > .row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        tr[insertrowtrigger^='true'] {
            border-color: transparent;
        }        
  }

   /* Define the css for a high column layout behaviour - more than 10 columns */
  .specfield_highcolumntable {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .specfield_highcolumntable tr {
    border: 1px solid #ddd;
    padding: 5px;
    background-color: white;
  }

   .specfield_highcolumntable th {
      background-color: #CAD5D6;
      color: #3B3B3B;
      font-weight: 600;
      font-size: 16px;
      padding: 10px;
      vertical-align: top;
      border: 1px solid #EFEFEF;
  }

   .specfield_highcolumntable td {
      background-color: white;
      color: black;
      font-weight: 400;      
      font-size: 16px;
      border: 1px solid #EFEFEF;
      vertical-align: top;
  }

  .specfield_highcolumntable td.chkbox_actionsmenu_td
  {
       border: 0px;
  }

  .specfield_highcolumntable th, .specfield_highcolumntable td {    
    text-align: left;    
  }

  .specfield_highcolumntable th {
    /*text-transform: uppercase; */
    letter-spacing: 1px;
  }

  @media screen and (max-width: 1000px) {
        /*.chkbox_actionsmenu_td {
            display: none;
        }*/

        .specfield_highcolumntable {
          border: 0;
        }

        .specfield_highcolumntable thead {
          display: none;
        }

        .specfield_highcolumntable tr {
          margin-bottom: 10px;
          display: block;
          border-bottom: 2px solid #ddd;
          background-color: white;
        }

        .specfield_highcolumntable td {
          display: block;
          text-align: left;
          font-size: 16px;          
          background-color: transparent;          
          border-color: transparent;
        }

        .specfield_highcolumntable td:last-child {
          border-bottom: 0;
        }

        .specfield_highcolumntable td:before {
          content: attr(data-label);
          float: left;
          /*text-transform: uppercase;*/
          font-weight: 800;
        }

        .chkbox_actionsmenu_specfield_table {
            width: 1em;
            margin-top: 0.5em !important;
            margin-bottom: 0.5em !important;
        }

        table[fieldtype=table] textarea.glowing-border-textarea {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] input.glowing-border {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        table[fieldtype=table] span.select2 {
            margin-top: 1.5em !important;
            margin-bottom: 1.5em !important;
        }

        .container-fluid > .row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

        tr[insertrowtrigger^='true'] {
            border-color: transparent;
        }
  }
  /* end of table layout css behaviour */

@media screen and (max-width: 1350px) { /*When the page and view gets squahed together it gives us less workspace so height needs to be adjusted*/
    html body div.toolbarTableContainer {
        height: 93% !important;
    }
}


  html body .table_spec .select2-container {
    font-size: 16px !important;
    /*padding: 7px 10px !important;*/
    border: 0px solid rgba(108, 176, 63, 1) !important;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    margin-top: 0.8em !important;
    margin-bottom: 0.3em !important;
    vertical-align: middle; }
    html body .table_spec .select2-container .select2-selection--single {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      height: 34px;
      user-select: none; }
      html body .table_spec .select2-container .select2-selection--single .select2-selection__rendered {
        display: block;
        padding-left: 10px;
        padding-right: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      html body .table_spec .select2-container .select2-selection--single .select2-selection__clear {
        position: relative; }
    html body .table_spec .select2-container .select2-selection--multiple {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      min-height: 34px;
      max-height: 34px;
      overflow-x: hidden;
      user-select: none; }
      html body .table_spec .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        text-overflow: ellipsis;
        white-space: nowrap; }
    html body .table_spec .select2-container .select2-search--inline {
      float: left; }
      html body .table_spec .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        padding: 0; }

    .select2-results__option[aria-selected=true] {
       display: none;
    }

    /*ENC_TFS_8426 KA*/
    [id^=select2-pdmpageselector-result] .select2-results__option[aria-selected=true] {
       display: block;
    }
    /*ENC_TFS_8426 END*/

  html body .table_spec .select2-dropdown {
    background-color: white;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }
  html body .table_spec .select2-results {
    display: block;
    position: relative; }
  html body .table_spec .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; 
  }
  html body .table_spec .select2-results__option {
    padding: 5px 34px 5px 10px;
    user-select: none;
    font-size: 16px;
    line-height: 34px;
    transition: all .3s ease-in-out; }
  html body .table_spec .select2-results__option[aria-selected] {
    cursor: pointer; }
  html body .table_spec .select2-container--open .select2-dropdown {
    left: 0; }
  html body .table_spec .select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .table_spec .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .table_spec .select2-search--dropdown {
    display: block;
    padding: 4px; }
    html body .table_spec .select2-search--dropdown .select2-search__field {
      padding: 4px;
      width: 100%;
      box-sizing: border-box; }
    html body .table_spec .select2-search--dropdown.select2-search--hide {
      display: none; }
  html body .table_spec .select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: white;
    filter: alpha(opacity=0); }
  html body .table_spec .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    /*margin: -1px !important;*/
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }
  html body .table_spec .select2-container--default .select2-selection--single {
    background-color: white;
    font-size: 16px;
    outline: none; }
    html body .table_spec .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 34px;
      font-weight: 100; }
    html body .table_spec .select2-container--default .select2-selection--single .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold; }
    html body .table_spec .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #999; }
    html body .table_spec .select2-container--default .select2-selection--single .select2-selection__arrow {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      background: white;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
      background-position: 100% 50%;
      background-repeat: no-repeat;
      background-size: 18px;
      margin: 0;
      height: 34px; }
      html body .table_spec .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
  html body .table_spec .select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default; }
    html body .table_spec .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
      display: none; }
  html body .table_spec .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }
  html body .table_spec .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }
  html body .table_spec .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .table_spec .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .table_spec .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .table_spec .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .table_spec .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }
  html body .table_spec .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    cursor: text; }
    html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      list-style: none;
      margin: 0;
      padding: 0 0 0 10px;
      width: 100%; }
    html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
      color: #999;
      margin-top: 5px;
      float: left; }
    html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold;
      margin-top: 5px;
      margin-right: 10px; }
    html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: transparent;      
      cursor: default;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      padding: 0 5px; }
    html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      color: #666;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 2px; }
      html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #333; }
       html body .table_spec .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled{
           cursor: default;
       }
  html body .table_spec .select2-container--default .select2-results__option[role=group] {
    padding: 0; }
  html body .table_spec .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #EFEAF4; }
  html body .table_spec .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EFEAF4; }
  html body .table_spec .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ccb3e6; }
  html body .table_spec .select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }
  html body .table_spec .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0; }
  html body .table_spec .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }
  html body .table_spec .select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none; }
html body .table_spec .select2-container--default .select2-results > .select2-results__options {
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
    background: white;
    min-width: 200px;
}
  html body .table_spec .select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
    html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
      padding-left: 0; }
    html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -1em;
      padding-left: 2em; }
      html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -2em;
        padding-left: 3em; }
        html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -3em;
          padding-left: 4em; }
          html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -4em;
            padding-left: 5em; }
            html body .table_spec .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -5em;
              padding-left: 6em; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }
  html body .table_spec .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }
  html body .table_spec .select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
    html body .table_spec .select2-container--classic .select2-selection--single:focus {
      border: 1px solid #5897fb; }
    html body .table_spec .select2-container--classic .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 34px; }
    html body .table_spec .select2-container--classic .select2-selection--single .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold;
      margin-right: 10px; }
    html body .table_spec .select2-container--classic .select2-selection--single .select2-selection__placeholder {
      color: #999; }
    html body .table_spec .select2-container--classic .select2-selection--single .select2-selection__arrow {
      background-color: #ddd;
      border: none;
      border-left: 1px solid #aaa;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      height: 26px;
      position: absolute;
      top: 1px;
      right: 1px;
      width: 20px;
      background-image: linear-gradient(to bottom, #eee 50%, #cccccc 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
      html body .table_spec .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0; }
  html body .table_spec .select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
    html body .table_spec .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
      background: transparent;
      border: none; }
      html body .table_spec .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px; }
  html body .table_spec .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, white 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  html body .table_spec .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .table_spec .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
  html body .table_spec .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .table_spec .select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }
  html body .table_spec .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }
  html body .table_spec .select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
    html body .table_spec .select2-container--classic .select2-selection--multiple:focus {
      border: 1px solid #5897fb; }
    html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
      list-style: none;
      margin: 0;
      padding: 0 0 0 10px; }
    html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__clear {
      display: none; }
    html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__choice {
      background-color: transparent;      
      cursor: default;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      padding: 0 5px; }
    html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
      color: #888;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 2px; }
      html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #555; }
        html body .table_spec .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:disabled {
            cursor: default;
        }
  html body .table_spec .select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }
  html body .table_spec .select2-container--classic .select2-dropdown--above {
    border-bottom: none; }
  html body .table_spec .select2-container--classic .select2-dropdown--below {
    border-top: none; }
  html body .table_spec .select2-container--classic .select2-results__option[role=group] {
    padding: 0; }
  html body .table_spec .select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }
  html body .table_spec .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }
  html body .table_spec .select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }
  html body .table_spec .select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }
  html body .table_spec .select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }
  html body .table_spec .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }
  html body .table_spec .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }
  html body .table_spec .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto; }
  html body .table_spec .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

    html body .container-fluid .select2-container {
        font-size: 16px !important;
        padding-left: 1px;
        border: 0px solid rgba(108, 176, 63, 1) !important;
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        margin-top: 0.8em;
        margin-bottom: 0.3em !important;
        vertical-align: middle; 
    }

    /* Chrome, Safari, AND NOW ALSO the Windows 10 Edge Browser */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /*html body table[fieldtype=table] .container-fluid .select2-container {
            margin-top: 0em !important;
            margin-bottom: 0em !important;
        }*/
        table[fieldtype=table] tr td div .select2-container {
            margin-top: 0.3em !important;
            margin-bottom: 0em !important;
        }
    }

    /* Firefox */
    @-moz-document url-prefix() {
        /*html body table[fieldtype=table] .container-fluid .select2-container {
            margin-top: 0em !important;
            margin-bottom: 0em !important;
        }*/
        table[fieldtype=table] tr td div .select2-container {
            margin-top: 0.3em !important;
            margin-bottom: 0em !important;
        }
    }



    html body .container-fluid .select2-container .select2-selection--single {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      height: 34px;
      user-select: none; }
      html body .container-fluid .select2-container .select2-selection--single .select2-selection__rendered {
        display: block;
        padding-left: 10px;
        padding-right: 34px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      html body .container-fluid .select2-container .select2-selection--single .select2-selection__clear {
        position: relative; }
    html body .container-fluid .select2-container .select2-selection--multiple {
      box-sizing: border-box;
      cursor: pointer;
      display: block;
      min-height: 34px;
      max-height: 34px;
      overflow-x: hidden;
      user-select: none; }
      html body .container-fluid .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: inline-block;
        overflow: hidden;
        padding-left: 10px;
        text-overflow: ellipsis;
        white-space: nowrap; }
    html body .container-fluid .select2-container .select2-search--inline {
      float: left; }
      html body .container-fluid .select2-container .select2-search--inline .select2-search__field {
        box-sizing: border-box;
        border: none;
        font-size: 100%;
        margin-top: 5px;
        padding: 0; }

    .select2-results__option[aria-selected=true] {
       display: none;
    }

  html body .container-fluid .select2-dropdown {
    background-color: white;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }
  html body .container-fluid .select2-results {
    display: block;
    position: relative; }
  html body .container-fluid .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; 
  }
  html body .container-fluid .select2-results__option {
    padding: 5px 34px 5px 10px;
    user-select: none;
    font-size: 16px;
    line-height: 34px;
    transition: all .3s ease-in-out; }
  html body .container-fluid .select2-results__option[aria-selected] {
    cursor: pointer; }
  html body .container-fluid .select2-container--open .select2-dropdown {
    left: 0; }
  html body .container-fluid .select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .container-fluid .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .container-fluid .select2-search--dropdown {
    display: block;
    padding: 4px; }
    html body .container-fluid .select2-search--dropdown .select2-search__field {
      padding: 4px;
      width: 100%;
      box-sizing: border-box; }
    html body .container-fluid .select2-search--dropdown.select2-search--hide {
      display: none; }
  html body .container-fluid .select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: white;
    filter: alpha(opacity=0); }
html body .container-fluid .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    /*margin: -1px !important;*/
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

  html body .container-fluid .select2-container--default .select2-selection--single {
    background-color: white;
    font-size: 16px;
    outline: none; }
    html body .container-fluid .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 34px;
      font-weight: 500; }
    html body .container-fluid .select2-container--default .select2-selection--single .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold; }
    html body .container-fluid .select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #999; }
    html body .container-fluid .select2-container--default .select2-selection--single .select2-selection__arrow {
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      background: white;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
      background-position: 100% 50%;
      background-repeat: no-repeat;
      background-size: 18px;
      margin: 0;
      height: 34px; }
      html body .container-fluid .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none; }
  html body .container-fluid .select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default; }
    html body .container-fluid .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
      display: none; }
  html body .container-fluid .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }
  html body .container-fluid .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }
  html body .container-fluid .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .container-fluid .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .container-fluid .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .container-fluid .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .container-fluid .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }
  html body .container-fluid .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    cursor: text; }
    html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      list-style: none;
      margin: 0;
      max-width: 300px;
      white-space: pre-wrap;
      padding: 0 0 0 10px;
      width: 100%; }
    html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
      color: #999;
      margin-top: 5px;
      float: left; }
    html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold;
      margin-top: 5px;
      margin-right: 10px; }
    html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: transparent;      
      cursor: default;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      padding: 0 5px; }
    html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      color: #666;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 2px; }
      html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #333; }
        html body .container-fluid .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled {
        cursor: default; }
  html body .container-fluid .select2-container--default .select2-results__option[role=group] {
    padding: 0; }
  html body .container-fluid .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #EFEAF4; }
  html body .container-fluid .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EFEAF4; }
  html body .container-fluid .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ccb3e6; }
  html body .container-fluid .select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }
  html body .container-fluid .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0; }
  html body .container-fluid .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }
  html body .container-fluid .select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none; }
  html body .container-fluid .select2-container--default .select2-results > .select2-results__options {
    max-height: 250px;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
    background: white;
    min-width: 200px; }
  html body .container-fluid .select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
    html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
      padding-left: 0; }
    html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -1em;
      padding-left: 2em; }
      html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -2em;
        padding-left: 3em; }
        html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -3em;
          padding-left: 4em; }
          html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -4em;
            padding-left: 5em; }
            html body .container-fluid .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -5em;
              padding-left: 6em; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }
  html body .container-fluid .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }
  html body .container-fluid .select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
    html body .container-fluid .select2-container--classic .select2-selection--single:focus {
      border: 1px solid #5897fb; }
    html body .container-fluid .select2-container--classic .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 34px; }
    html body .container-fluid .select2-container--classic .select2-selection--single .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold;
      margin-right: 10px; }
    html body .container-fluid .select2-container--classic .select2-selection--single .select2-selection__placeholder {
      color: #999; }
    html body .container-fluid .select2-container--classic .select2-selection--single .select2-selection__arrow {
      background-color: #ddd;
      border: none;
      border-left: 1px solid #aaa;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      height: 26px;
      position: absolute;
      top: 1px;
      right: 1px;
      width: 20px;
      background-image: linear-gradient(to bottom, #eee 50%, #cccccc 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
      html body .container-fluid .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0; }
  html body .container-fluid .select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
    html body .container-fluid .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
      background: transparent;
      border: none; }
      html body .container-fluid .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px; }
  html body .container-fluid .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, white 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  html body .container-fluid .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  html body .container-fluid .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
  html body .container-fluid .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  html body .container-fluid .select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }
  html body .container-fluid .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }
  html body .container-fluid .select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
    html body .container-fluid .select2-container--classic .select2-selection--multiple:focus {
      border: 1px solid #5897fb; }
    html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
      list-style: none;
      margin: 0;
      padding: 0 0 0 10px; }
    html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__clear {
      display: none; }
    html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__choice {
      background-color: transparent;      
      cursor: default;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      padding: 0 5px; }
    html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
      color: #888;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 2px; }
      html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #555; }
        html body .container-fluid .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:disabled {
        cursor: default; }
  html body .container-fluid .select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }
  html body .container-fluid .select2-container--classic .select2-dropdown--above {
    border-bottom: none; }
  html body .container-fluid .select2-container--classic .select2-dropdown--below {
    border-top: none; }
  html body .container-fluid .select2-container--classic .select2-results__option[role=group] {
    padding: 0; }
  html body .container-fluid .select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }
  html body .container-fluid .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }
  html body .container-fluid .select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }
  html body .container-fluid .select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }
  html body .container-fluid .select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }
  html body .container-fluid .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }
  html body .container-fluid .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }
  html body .container-fluid .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto; }
  html body .container-fluid .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

  html body .container-fluid .select2-container--disabled .selection span {
      background-color: lightgray !important;
  }

  .specpreviouspage{
      padding-right: 10px !important;
      color: black !important;
      float: left;
      font-size: 16px;
      padding-top: 12px;
  }

  .specnextpage{
      padding-right: 10px !important;
      color: black !important;
      float: right;
      font-size: 16px;
      padding-top: 12px;
  }

 html body .table_spec .ui-datepicker .ui-widget-content {
     background: #ffa94d !important;
     background-color: #ffa94d !important;
 }

 .ui-datepicker {
    background: #ffa94d !important;
     background-color: #ffa94d !important;
}

.pdm_spec li {
    font-size: 16px !important;
}

.transparent_bkg {
    background-color: transparent !important;
}

.chkbox_actionsmenu_td {
    padding-top: 0.98em;    
    width: 2em;
}

.chkbox_actionsmenu_th{
    max-width: 2em;
    width: 2em;
}

.chkbox_actionsmenu_specfield_table{
    width: 2em;
}

[id^="up_arrow_spectable_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="up_arrow_spectable_btn_img"] {
    float:left;
    cursor:pointer;
}

[id^="up_arrow_spectable_btn_txt"] {
    float:left; overflow:hidden; margin-top:1px;  margin-left:5px;
    cursor:pointer;
}

[id^="down_arrow_spectable_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="down_arrow_spectable_btn_img"] {
    float:left;
}

[id^="down_arrow_spectable_btn_txt"] {
    float:left; overflow:hidden; margin-top:1px;  margin-left:5px;
    cursor:pointer;
}

[id^="delete_record_spectable_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="delete_record_spectable_btn_img"] {
    float:left;
    cursor:pointer;
}

[id^="delete_record_spectable_btn_txt"] {
    float:left; overflow:hidden; margin-top:1px;  margin-left:5px;
    cursor:pointer;
}

[id^="insert_record_spectable_btn_container"] {
    float:left;
    margin-left:6px;
    margin-right:15px;
}

[id^="insert_record_spectable_btn_img"] {
    float:left;
    cursor:pointer;
}

[id^="insert_record_spectable_btn_txt"] {
    float:left; overflow:hidden; margin-top:1px;  margin-left:5px;
    cursor:pointer;
}

.nav-pdmbutton {
  font-family: 'Open Sans';
  speak: none;
  content: '\e80e';
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 0 5px 0;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  z-index: 20;
  background: black;
  bottom: 30px;
  right: 25px;
  transition: all 0.3s;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  opacity: 0;
  font-size: 25px; }
  .nav-pdmbutton:hover {
    background: #ffffff;
    color: black; }
  .nav-pdmbutton.toggle {
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    transform: rotate(135deg);
    font-size: 20px; }
  .nav-pdmbutton i:before {
    line-height: 60px; }

.pages-bg {
  position: absolute;
  width: 270px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  bottom: 0;
  z-index: 100;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  overflow: hidden;
  display: none; }
  .pages-bg .max-message {
    color: #313131;
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    margin: 0 20px;
    display: block;
    background: white;
    padding: 10px;
    width: calc(100% - 60px);
    line-height: 10px; }

.pages-invisible-button {
  position: fixed;
  width: calc(100% - 270px);
  height: 100%;
  right: 270px;
  bottom: 0;
  z-index: 100;
  display: none;
  cursor: pointer;
  transition: background 0.3s; }

ul.hg-pages {
  height: 65%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top:5px;
  list-style: none;
  display: inline-block;
  position: fixed;
  right: 0px;  
  margin: 0;
  padding: 10px 0 60px 0;
  border-radius: 64px;
  min-width: 20px;
  min-height: 40px;
  width: 290px;  
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 100; }
  ul.hg-pages li {
    white-space:nowrap;
    margin: 15px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    right: 0;
    bottom: 0;
    font-size: 23px;
    line-height: 20px;
    opacity: 0; }    
    ul.hg-pages li.recipe:after {
      /*background: #92b0b3;*/
      content: ''; }
    ul.hg-pages li:before {
      content: attr(data-title) " ";
      position: absolute;
      right: 0;
      font-size: 16px;
      text-transform: capitalize;
      background: #313131;
      padding: 5px 60px 5px 20px;
      border-radius: 64px;
      width: 140px; }
    ul.hg-pages li:after {
      position: relative;
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      /* opacity: .8; */
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
      border-radius: 64px;
      width: 40px;
      height: 40px;
      margin: 5px -5px 0 0; }
    ul.hg-pages li:hover:before {
      background: #181818; }

html body .compulsory_fields_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 28px;
    color: black;
    background: #F7EDD9;
    font-size: 16px;
    margin-bottom: 10px;
    display: none;
    border-radius: 10px;
    border: 1px orange solid;
}

    html body .compulsory_fields_message:before {
        font-family: fontello;
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e81b';
        color: white;
        font-size: 22px;
        background: #EAA417;
        margin: 0 10px 0 0;
        border-radius: 20px;
        vertical-align: bottom;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 2px;
        padding-top: 2px;
        margin-left: 4px;
        margin-top: 2px;
    }

.compulsory_details {
    white-space: pre-line;
    color:#f02457 !important;
}

/*div.compulsaryFieldsPopupContainer {
    max-height: 800px;
    overflow-y: scroll;
}*/

.pdmtemplateselector {
    margin-top: -11px;
    text-align: left;
    padding-left: 10px;
}

.pdmpageselector
{
    float: left;
    text-align: left;
    padding-left: 10px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    padding-right: 10px;
    padding-top: 2px;
}

.pdmpageselectorstyle .select2-selection__rendered {
    color: rgb(49, 49, 49) !important;
    line-height: 40px !important;
    font-size: 16px;
}

.pdmtemplateselectorstyle .select2-selection__rendered{
    color: rgb(49, 49, 49) !important;
    font-size: 16px;
    margin-top:2px;
}

.pdmtemplateselectorstyle .selection .select2-selection--single .select2-selection__rendered {
    line-height: unset;
}

.styled select {  
  /*background: transparent;  */
  font-size: 16px !important;
  height: 34px;
  padding-top: 7px;
  cursor: pointer;
}

.styledieonly select {  
  background: transparent;   
}

.styledfirefoxonly select {  
  padding-top: 5px; 
}

.styledmulti select {  
  height: 36px !important;
  font-style: italic;
  text-decoration: underline;
}

table[fieldtype=table] .styledmulti span {  
   margin-top: 0.1em !important;
   margin-left: 0.1em !important;
   margin-right: 0.3em !important;
}

table[fieldtype=table] .styledmulti select {  
   margin-left: 0.1em !important;
}

.styledsingle {  
  width: calc(100% - 2px);
  height: 34px;  
  overflow: hidden;  
  vertical-align: middle;  
}

.styled {  
  width: calc(100% - 4px);
  height: 34px;  
  overflow: hidden;
  margin-top: 1.2em !important;
  margin-bottom: 0.3em !important;
  vertical-align: middle;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") 120% / 32% no-repeat #fff;
}

.styled select::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* remove default arrow */
}

.compulsaryfield_heading {
    font-weight: bold;
}

.compulsaryfield_label {
    cursor: pointer;
}

.compulsaryfield_label:hover {
    text-decoration: underline;
}

.select2-search__field {
    margin: 0 0 1px !important;
}

.select2-search__field:focus {
    outline : none !important;
}

.select2-search--dropdown {
    padding: 0px !important;
}

.hidesearchbox {
    display: none !important;
}

.compulsary_warning {
    float: left;
    width: 17px;
    height: 16px;
    margin-right: 5px;
}

.pdm_spec .select2-selection--multiple {
    overflow-x: visible !important;
    max-height: 100% !important;
}

.pdm_spec table[fieldtype=table] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #7AB091 1px !important;
}

.tablemultispan {
    margin-top: 0.3em !important;
}

.tablemultispan:focus{
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 18px #9ecaed !important;
    box-sizing: content-box !important;
    border: 1px solid #9ecaed !important;
}

.tablesinglespan {
    margin-top: 0.3em !important;
}

.tablesinglespan:focus{
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 18px #9ecaed !important;
    box-sizing: content-box !important;
    border: 1px solid #9ecaed !important;
}

.ui-datepicker-calendar td .ui-state-highlight {
    background: #F02457;
    font-weight: bold;
}

.ui-datepicker-calendar td .ui-state-active {
    background: #7AB091;
    font-weight: bold;
    color: white;
}

div > .specfield_dropdown:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    border: 1px solid #9ecaed !important;
}

div > .specfield_combo:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    border: 1px solid #9ecaed !important;
}

div > .specfield_numbercombo:focus {
    outline: none !important;
    border-color: #9ecaed !important;
    box-shadow: 0 0 10px #9ecaed !important;
    border: 1px solid #9ecaed !important;
}

.spec_container_attachments_container {
    margin-top: 0.9em;
}

.spec_container_subdocuments_notpopulated {
    margin-top: 0.9em !important;   
}

.spec_container_subdocuments_container {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.webix_dtable .spec_container_subdocuments_container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.webix_dtable .spec_container_subdocuments_container_draggable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.webix_dtable .spec_container_attachments_container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.fixed_table_header_label {
    padding-top: 0.9em;
    padding-left: 0.5em;
    background-color: #CAD5D6 !important;
    font-weight: bold !important;
}

.pdmpageselectorstyle span {
    background-color: transparent !important;
    font-weight: bold;
}

.pdmpageselectorstyle .select2-selection__arrow {
    background-color: transparent !important;
}

.pdmtemplateselector span {
    font-size: 16px !important;
    line-height: 45px !important;
    background: #EFF7FB;    
}

.pdmtemplateselectorstyle span {
    background-color: transparent !important;
}

.pdmtemplateselectorstyle .select2-selection__arrow {
    background-color: transparent !important;
}

.dropdowndisabled {
    background-color: lightgray !important;
}

table[fieldtype=table] .specfield_checkbox {
    margin-top: 0.69em;
    width: 100% !important;
}

.pdmpageselectorstyle .select2-selection__rendered {
    margin-top: -3px !important;
}

.tableheadersinvisible {
    visibility: hidden;
    max-height: 0px;
    line-height: 0px;
    margin-top: 0px;
    padding-top: 0px !important;
    border: 0px solid transparent !important;
}
 
.tableheadersinvisible > th {
    border: 1px solid transparent;
}

p.attlistrow {
    padding-bottom:5px;
}

.pif6_0topif6_1import_details {
    white-space: pre-line;
    color: #61a536 !important;
}

.specfield_common.webix_view > label, .specfield_common.webix_disabled_view > label {
    font-weight: normal !important;
}

label:has(> input.specfield_chk_print) {
    display: flex !important;
}

p.compulsory_fields_header {
    font-weight: bold;
    font-size: 14px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #C23222;
}

.fixedtableheadercolor {
    background: #F4F5F9;
    font-weight: 500;
}

.fixedtableheadercolor_readonly {
    background: transparent;
}

.tablelabelheader {
    padding-left: 15px;
    width: calc(100 % - 25px);
}

.tablebuttonsdiv {
    background: transparent !important;
}

.tablebuttonsdiv > div {
    height: auto !important;
    background: transparent !important;
}

.table_drag_handle {
    display: inline-block;
    background-image: url('../images/handle.png');
    background-repeat: no-repeat;
    background-position: -2px 6px;
    width: 20px;
    height: 20px;
    cursor: grab;
    vertical-align: middle;
}

.webix_ss_header input[type="checkbox"] {
    margin-top: 3px;
    margin-left: 21px;
}

.spectableiconsexports{
    display: flex;
}

.spectableiconsexports img {
    width: 17px;
    height: 17px;
    cursor: pointer;
    white-space: nowrap;
}

.exportToExcel {
    cursor: pointer;
    width: 17px;
    height: 17px;
    font-size: 17px;
    padding-top: 1px;
    margin-left:3px;
}


.specCopyToClipboard {
    content: "";
    right: 0px;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    z-index: 5;
    padding-top: 1px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2027787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    margin-left: 3px;
}

.specResetState {
    content: "";
    right: 0px;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    z-index: 5;
    padding-top: 1px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%235f6368%22%3E%3Cpath%20d%3D%22M520-330v-60h160v60H520Zm60%20210v-50h-60v-60h60v-50h60v160h-60Zm100-50v-60h160v60H680Zm40-110v-160h60v50h60v60h-60v50h-60Zm111-280h-83q-26-88-99-144t-169-56q-117%200-198.5%2081.5T200-480q0%2072%2032.5%20132t87.5%2098v-110h80v240H160v-80h94q-62-50-98-122.5T120-480q0-75%2028.5-140.5t77-114q48.5-48.5%20114-77T480-840q129%200%20226.5%2079.5T831-560Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    margin-left: 3px;
}

.specRecalculateCalculated {
    content: "";
    right: 0px;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    z-index: 5;
    padding-top: 1px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M240-160v-80l260-240-260-240v-80h480v120H431l215%20200-215%20200h289v120H240Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    margin-left: 3px;
}


.specRecalculateOverridden {
    content: "";
    right: 0px;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    z-index: 5;
    padding-top: 1px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M240-80q-33%200-56.5-23.5T160-160v-400q0-33%2023.5-56.5T240-640h40v-80q0-83%2058.5-141.5T480-920q83%200%20141.5%2058.5T680-720v80h40q33%200%2056.5%2023.5T800-560v400q0%2033-23.5%2056.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33%200%2056.5-23.5T560-360q0-33-23.5-56.5T480-440q-33%200-56.5%2023.5T400-360q0%2033%2023.5%2056.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50%200-85%2035t-35%2085v80ZM240-160v-400%20400Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    margin-left: 3px;
}

.webixmultilinetabletextarea {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: none;
    overflow: auto;
}

.readonly_webix_tbl {
    cursor: not-allowed !important;
    background-color: lightgray !important;
}

.readonly_webix_tbl .table_drag_handle, .readonly_webix_tbl .webixdragcol input {
    display: none;
}

    .webixreadonlydragcol > div {
        background: transparent !important;
    }

.readonlytablecolumn {
    cursor: not-allowed !important;
    background-color: lightgray !important;
}

/*.webixtabletextarea > .webix_cell {
    white-space: pre-wrap!important;
}*/

.webixtablemultidropdown {
    word-break: break-all;
}

.dropdowneditor, .comboeditor {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.specviewpanelcontainer div:has(> input[readonly="true"]) .webix_custom_checkbox{
    color: gray;
}

.specviewpanelcontainer .hg-sortable-griditem.pdm_spec input[readonly="true"]:not([type='checkbox']) {
    background: lightgray !important;
}
.specviewpanelcontainer .hg-sortable-griditem.pdm_spec input[type='checkbox'] {
    background: transparent !important;
}

.specviewpanelcontainer .webix_el_textarea[disabled="disabled"] div {
    height: auto !important;
}

.specviewpanelcontainer .webix_dt_editor {
    align-content: center;
}

.specviewpanelcontainer .webix_dtable .dropdowneditor,
.specviewpanelcontainer .webix_dtable .comboeditor {
    /*overflow-y: hidden !important;*/
}

.webixtablemultidropdown > div {
    overflow-y: auto;
}

.webixtabletextarea > div {
    overflow: auto;
}

.webix_multicombo.specfield_common[disabled="disabled"] div
{
    height: auto !important;
}

.specviewpanelcontainer .webix_dtable .webix_multicombo_input {
    min-width: 100px;
}

.specviewpanelcontainer .webix_column.webix_last > div {
    border-right: 1px solid #EDEFF0 !important;
}

input.disabledcheckbox {
    cursor: not-allowed;
    pointer-events: none;
}

.specviewpanelcontainer .webix_disabled_top_label,
.specviewpanelcontainer .webix_disabled_box{
    color: black;
}

.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box input:not([type='checkbox']),
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box select,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box textarea,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_slider_right,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_slider_handle,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_input_icon,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_slider_title {
    color: #475466;
    background: lightgray !important;
}
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_inp_static {
    color: #475466;
    background: lightgray !important;
    border: none;
}

.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_custom_checkbox,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box .webix_custom_radio
 {
    color: #475466;
    background: transparent !important;
}

.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box button,
.specviewpanelcontainer .webix_view.webix_control .webix_disabled_box label {
    color: #475466;
}

.specviewpanelcontainer .labelwithicons {
    display: inline; /*-- bug 69846 PIF 6.1 Claims Page has overlapping text and text falling outside of the template view */
    /*-- bug 71150 R&S - Designer - Dependent Display Fields */
    margin-right: 5px;
}

.specviewpanelcontainer .numcombowarning_red_label {
    color: #f5ce42 !important;
    font-weight: bold;
    height: auto !important;
    line-height: normal !important;
    font-size: smaller;
}


.specviewpanelcontainer div[id^='wrap_'] .overridden {
    cursor: pointer;
    display: none;
}

.specviewpanelcontainer div[id^='wrap_'] .recalculated {
    cursor: default;
    display: inline;
}

.specviewpanelcontainer div[id^='wrap_'] .hovericons {
    display: none;
}

.specviewpanelcontainer div[id^='wrap_']:hover .hovericons {
    display: inline;
}

/*
.specviewpanelcontainer .calculatedcheck,
.specviewpanelcontainer .calculatedcheck .specfield_checkbox,
.specviewpanelcontainer .calculatedcheck .specfield_checkbox .webix_el_box,
.specviewpanelcontainer .calculatedcheck .specfield_checkbox .webix_el_box div,
.specviewpanelcontainer .calculatedcheck .specfield_checkbox .webix_el_box div button,
.specviewpanelcontainer .calculatedcheck .specfield_checkbox .webix_el_box div label {
    display: inline;
}*/
/*# sourceMappingURL=pdmspecstyles.css.map */

@font-face {
    font-family: 'fontello';
    src: url("../Common/font/fontello.eot?1537200&version=4");
    src: url("../Common/font/fontello.eot?1537200&version=4#iefix") format("embedded-opentype"), url("../Common/font/fontello.woff?1537200&version=4") format("woff"), url("../Common/font/fontello.ttf?1537200&version=4") format("truetype"), url("../Common/font/fontello.svg?1537200&version=4#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../Common/font/fontello.svg?1537200#fontello') format('svg');
  }
}
*/
@font-face {
    font-family: 'Open Sans';
    src: url("../Common/font/OpenSans-VariableFont_wdth,wght.ttf");
}

.contain-to-grid {
    background: white;
    padding-left: 10px;
    padding-right: 10px;
}

li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow-sub-menu:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-close:before {
    content: '\e800';
}

.icon-arrow-sub-menu:before {
    content: '\e801';
}

.icon-tick:before {
    content: '\e802';
}

.icon-view-expand:before {
    content: '\e803';
}

.icon-view:before {
    content: '\e804';
}

.icon-close-1:before {
    content: '\e805';
}

.icon-search:before {
    content: '\e806';
}

.icon-apple:before {
    content: '\e807';
}

.icon-beaker:before {
    content: '\e808';
}

.icon-medkit:before {
    content: '\e809';
}

.icon-edit:before {
    content: '\e80a';
}

.icon-cost:before {
    content: '\e80b';
}

.icon-price-tag:before {
    content: '\e80c';
}

.icon-clip-board:before {
    content: '\e80d';
}

.icon-plus:before {
    content: '\e80e';
}

.icon-star:before {
    content: '\e80f';
}

.icon-next:before {
    content: '\e810';
}

.icon-prev:before {
    content: '\e811';
}

.icon-resize-full:before {
    content: '\e812';
}

.icon-resize-small:before {
    content: '\e813';
}

.icon-font:before {
    content: '\e814';
}

.icon-plus-circled:before {
    content: '\e815';
}

.icon-minus-circled:before {
    content: '\e816';
}

.icon-print:before {
    content: '\e817';
}

.icon-docs:before {
    content: '\e818';
}

.icon-spin2:before {
    content: '\e819';
}

.icon-search-plus:before {
    content: '\e81a';
}

.icon-add:before {
    content: '\e803';
}

.icon-warning:before {
    content: '\e802';
}

.icon-trash:before {
    content: '\e81c';
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 0.5s;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 0.5s;
    animation: fadeIn ease-in 0.5s;
    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

html body input[type="number"] {
    -moz-appearance: textfield;
    height: 100%;
    border: 1px solid #DADEE0;
}

    html body input[type="number"]::-webkit-outer-spin-button,
    html body input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        margin: 0;
    }

html body div.menuBar, html body div.menuBar a.menuButton, html body div.menu, html body a.menuButtonClicked, html body .menuButton div.menu a.menuItem {
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: black;
    display: inline;
}

html body div.menuBar, html body td.menuBar {
    background-color: #c5c0ce;
    border: 2px solid #c5c0ce;
    padding: 2px;
    text-align: left;
}

    html body div.menuBar a.menuButton, html body a.menuButtonBlue {
        background-color: transparent;
        border: 1px solid #c5c0ce;
        color: black;
        cursor: default;
        left: 0;
        margin: 1px;
        padding: 2px 6px;
        position: relative;
        text-decoration: none;
        top: 0;
        z-index: 100;
    }

        html body div.menuBar a.menuButton:hover, html body a.menuButtonBlue:hover {
            background-color: transparent;
            border: 1px outset #c5c0ce;
            color: black;
        }

    html body div.menuBar a.menuButtonActive, html body div.menuBar a.menuButtonActive:hover {
        background-color: #c5c0ce;
        border: 1px inset #c5c0ce;
        color: white;
        left: 1px;
        top: 1px;
    }

html body input.roundedInput {
    height: 16px;
    vertical-align: middle;
    font-size: 8pt;
    border-width: 0;
    padding-left: 7px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 3px;
    box-shadow: inset 1px 1px 4px 0 #aaa;
}

html body span.presetImg {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 0 5px;
    cursor: pointer;
}

    html body span.presetImg:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        font-size: 16.5px;
        color: #313131;
    }

    html body span.presetImg:hover:before {
        color: #646464;
    }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

html body div.expContextMenuPrompt {
    z-index: 103;
    border: solid 1px #666;
    padding: 2px;
    cursor: default;
    font-size: 8pt;
    background-color: Menu;
    color: MenuText;
    position: absolute;
    display: none;
    filter: "progid:DXImageTransform.Microsoft.Blur(makeShadow=1, shadowOpacity=0.3, pixelRadius=3)";
}

html body .ing_dec_rules_grid-block-1, html body .ing_dec_rules_grid-block-2, html body .ing_dec_rules_grid-block-3, html body .ing_dec_rules_grid-block-4 {
    margin: 0;
    padding: 10px;
    border: 0;
    float: left;
    min-height: 1px;
    font-size: 11px;
}

html body .basicingredient_grid-block input[type="text"], html body .basicingredient_grid-block .select2-container {
    width: 100% !important;
    font-size: 12px;
    border: 1px solid lightgray;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="datepicker"],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    margin: 0 0 20px;
    outline: none;
    padding: 9.5px 10px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    font-family: "Verdana", Geneva, sans-serif;
    font-size: 14px;
    border: none;
    line-height: 20px;
    color: #313131;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="datepicker"] {
    height: 39px;
}

input[type="button"], input[type="submit"] {
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

select {
    line-height: 20px;
    padding: 10px 25px 10px 10px;
}

html, body {
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
}

    html body {
        margin: 0;
        padding: 0;
        font-family: "Verdana", Geneva, sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #323232;
        background: #27787F;
    }

        html body a {
            outline: none;
        }

        html body header:not(.fcid-header) {
            background: white;
            position: relative;
            width: 100%;
            z-index: 99;
            background: #EFF7FB;
        }

            html body header:not(.fcid-header) .contain-to-grid {
                position: relative;
                margin: 0 0px 0 0px;
                transition: height .5s ease-out;
                height: 105px;
            }

                html body header:not(.fcid-header) .contain-to-grid .hg-logo {
                    transition: all .3s ease-in-out;
                    display: block;
                    position: absolute;
                    text-align: center;
                    top: 10px;
                }

                    html body header:not(.fcid-header) .contain-to-grid .hg-logo .logo {
                        /* height: 170px; Don't need a specific height, as this causes unclickable areas when many tabs are present ref 58851 */
                        margin-top: -10px;
                        text-align: left;
                        overflow: hidden;
                        width: 600px;
                    }

                    html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle {
                        border-radius: 1000px;
                        overflow: hidden;
                        position: absolute;
                    }

                        html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.purple {
                            background: #92b0b3;
                            color: #fff;
                            font-family: "Helvetica", "Arial", sans-serif;
                            font-size: 24px;
                            height: 82px;
                            left: 7px;
                            line-height: 82px;
                            text-align: center;
                            bottom: 40px;
                            width: 82px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.purple img {
                                width: 50px;
                                margin-top: 25px;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.orange {
                            background: #EAA417;
                            height: 20px;
                            left: 77px;
                            top: 58px;
                            width: 20px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.orange.inner {
                                background: #CC077C;
                                left: 70px;
                                top: 10px;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.lime-green {
                            background: #7AB091;
                            height: 40px;
                            left: 30px;
                            top: 25px;
                            width: 40px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.lime-green.inner {
                                background: #0F3BA1;
                                left: 23px;
                                top: -22px;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.beige {
                            background: #726659;
                            height: 13px;
                            left: 30px;
                            top: 25px;
                            width: 13px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.beige.inner {
                                background: #fff321;
                                left: -1px;
                                top: -1px;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .hg-logo .circle.green {
                            background: #7AB091;
                            height: 22px;
                            right: 0;
                            top: 0;
                            width: 22px;
                        }

                html body header:not(.fcid-header) .contain-to-grid .app-nav {
                    position: relative;
                    width: 100%;
                    transition: all .5s ease-out;
                    transform: translateY(-55px);
                }

                    html body header:not(.fcid-header) .contain-to-grid .app-nav .article-title {
                        position: absolute;
                        left: 50px;
                        top: 18px;
                        font-size: 14px;
                    }

                        html body header:not(.fcid-header) .contain-to-grid .app-nav .article-title span {
                            display: inline-block;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav .article-title span input[type="text"] {
                                max-width: 100px;
                                margin-bottom: 0;
                                padding: 0;
                                font-size: 14px;
                            }

                    html body header:not(.fcid-header) .contain-to-grid .app-nav ul {
                        padding: 15px 0 0;
                        margin: 0;
                        font-family: "Verdana", Geneva, sans-serif;
                        text-align: center;
                        width: 100%;
                    }

                        html body header:not(.fcid-header) .contain-to-grid .app-nav ul li {
                            display: inline-block;
                            text-align: left;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:before {
                                content: '|';
                                display: inline-block;
                                margin: 0 10px 0 0;
                                position: relative;
                                color: transparent;
                                border-left: 1px solid #DADADA;
                                width: 1px;
                                height: 16px;
                                top: 4px;
                            }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:first-child:before {
                                border-left: 1px solid transparent;
                            }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:first-child ul {
                                border-left: none;
                            }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li a {
                                font-size: 14px;
                                text-decoration: none;
                                color: #B8B8B8;
                            }

                                html body header:not(.fcid-header) .contain-to-grid .app-nav ul li a:hover {
                                    color: #313131;
                                }

                                html body header:not(.fcid-header) .contain-to-grid .app-nav ul li a:after {
                                    font-size: 80%;
                                }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li ul {
                                background: white;
                                margin: 0;
                                padding-top: 20px;
                                position: absolute;
                                display: none;
                                border-left: 1px solid #DADADA;
                                width: auto;
                            }

                                html body header:not(.fcid-header) .contain-to-grid .app-nav ul li ul li {
                                    display: block;
                                    transition: all .2s ease-out;
                                }

                                    html body header:not(.fcid-header) .contain-to-grid .app-nav ul li ul li:hover {
                                        background: #f4f4f4;
                                    }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:hover a {
                                color: #313131;
                            }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:hover ul {
                                display: block;
                            }

                                html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:hover ul li:before {
                                    display: none;
                                }

                                html body header:not(.fcid-header) .contain-to-grid .app-nav ul li:hover ul li a {
                                    padding: 9px 10px;
                                    display: block;
                                }

                            html body header:not(.fcid-header) .contain-to-grid .app-nav ul li select {
                                padding: 0;
                                background: white;
                                font-size: 14px;
                                text-decoration: none;
                                color: #B8B8B8;
                                margin: 0;
                                display: inline;
                                width: 75px;
                            }

                    html body header:not(.fcid-header) .contain-to-grid .app-nav:after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                html body header:not(.fcid-header) .contain-to-grid .main-nav {
                    transition: all .5s ease-out;
                    width: 100%;
                    position: relative;
                    top: -3px;
                    transform: translateY(0);
                    min-height: 100%;
                    margin-bottom: -25px;
                }

                    html body header:not(.fcid-header) .contain-to-grid .main-nav ul li {
                        display: inline-block;
                    }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li:before {
                            content: '.';
                            display: inline-block;
                            margin: 0 10px 0 5px;
                            color: #DADADA;
                            position: relative;
                            top: -3px;
                        }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li:first-child:before, html body header:not(.fcid-header) .contain-to-grid .main-nav ul li:last-child:before {
                            display: none;
                        }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li select + span .select2-selection {
                            font-size: 16px;
                            text-decoration: none;
                            color: #313131;
                            letter-spacing: -0.04em;
                            padding-bottom: 3px;
                        }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li select + span {
                            margin-top: -5px;
                            margin-left: 10px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .main-nav ul li select + span .select2-selection > span {
                                color: #7AB091 !important;
                                font-weight: bold;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li a {
                            font-size: 16px;
                            text-decoration: none;
                            color: #313131;
                            letter-spacing: -0.04em;
                            padding-bottom: 3px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .main-nav ul li a:hover, html body header:not(.fcid-header) .contain-to-grid .main-nav ul li a .active {
                                color: #92b0b3;
                                border-bottom: 3px solid #92b0b3;
                            }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form[id="hgGlobalSearchForm2"] {
                            margin-left: 10px !important;
                        }

                        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form {
                            position: relative;
                            margin-left: 50px;
                        }

                            html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] {
                                width: 280px;
                                margin: 0;
                                background: #f4f4f4;
                                font-size: 14px;
                                color: #313131;
                            }

                                html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] ::-webkit-input-placeholder {
                                    color: #313131;
                                }

                                html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] :-moz-placeholder {
                                    color: #313131;
                                }

                                html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] ::-moz-placeholder {
                                    color: #313131;
                                }

                                html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] :-ms-input-placeholder {
                                    color: #313131;
                                }

@media screen and (max-width: 1024px) {
    html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="search"] {
        width: 220px;
    }
}

html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form input[type="submit"] {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 18px;
    background: #f4f4f4;
    outline: none;
    color: #313131;
    -webkit-appearance: none;
    border-radius: 0;
}

html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form #hgGlobalSearch-results {
    display: none;
    position: absolute;
    width: 800px;
    text-align: left;
    background: white;
    max-height: 440px;
    overflow: auto;
    right: 0px;
    border: 1px solid #92b0b3;
}

    html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form #hgGlobalSearch-results span {
        line-height: 40px;
        font-size: 11px;
        padding: 0 15px;
        display: block;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: normal;
    }

        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form #hgGlobalSearch-results span:hover {
            background: #E8E8E8;
        }

        html body header:not(.fcid-header) .contain-to-grid .main-nav ul li form #hgGlobalSearch-results span.hovered {
            background: #E8E8E8;
        }

html body header:not(.fcid-header) .contain-to-grid .main-nav:after {
    content: '';
    display: block;
    clear: both;
}

html body header:not(.fcid-header) .contain-to-grid.collapse {
    height: 55px;
}

    html body header:not(.fcid-header) .contain-to-grid.collapse .hg-logo {
        width: 35px;
        height: 35px;
    }

        html body header:not(.fcid-header) .contain-to-grid.collapse .hg-logo .logo {
            width: 35px;
            height: 35px;
        }

            html body header:not(.fcid-header) .contain-to-grid.collapse .hg-logo .logo .circle.purple {
                display: none !important; /*ALWAYS HIDE IT FOR NOW AS WE GOT THE INGREDIENT ICON IN NAV BAR NOW*/
                width: 35px;
                height: 35px;
                left: 0;
                top: 72px;
            }

                html body header:not(.fcid-header) .contain-to-grid.collapse .hg-logo .logo .circle.purple img {
                    width: 68%;
                    max-width: 68%;
                    margin-top: 10px;
                }

    html body header:not(.fcid-header) .contain-to-grid.collapse .main-nav {
        transform: translateY(-160px);
    }

    html body header:not(.fcid-header) .contain-to-grid.collapse .app-nav {
        transform: translateY(0);
    }

html body header:not(.fcid-header) .menu-icon {
    position: fixed;
    right: 20px;
    top: 14px;
    display: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 auto;
    float: none;
    -webkit-transition: all 0.3s;
    visibility: hidden;
    transition: all 0.3s;
}

    html body header:not(.fcid-header) .menu-icon span {
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        height: 3px;
        margin-top: 0;
        background-color: black;
    }

        html body header:not(.fcid-header) .menu-icon span::before, html body header:not(.fcid-header) .menu-icon span::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: black;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        html body header:not(.fcid-header) .menu-icon span:before {
            transform: translateY(-7px);
        }

        html body header:not(.fcid-header) .menu-icon span:after {
            transform: translateY(7px);
        }

    html body header:not(.fcid-header) .menu-icon.open {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        html body header:not(.fcid-header) .menu-icon.open span:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        html body header:not(.fcid-header) .menu-icon.open span:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

html body .body-container {
    background: #1e429b;
    /* Old browsers */
    background: -moz-linear-gradient(left, #1e429b 0%, #3e3f99 48%, #503c97 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e429b), color-stop(48%, #3e3f99), color-stop(100%, #503c97));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #1e429b 0%, #3e3f99 48%, #503c97 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #1e429b 0%, #3e3f99 48%, #503c97 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #1e429b 0%, #3e3f99 48%, #503c97 100%);
    /* IE10+ */
    background: linear-gradient(to right, #1e429b 0%, #3e3f99 48%, #503c97 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e429b', endColorstr='#503c97', GradientType=1);
    /* IE6-9 */
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: none;
    padding: 0;
    z-index: 5;
}

html body [data-gridsize="1"] .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:after {
    display: none;
}

html body [data-gridsize="1"] .hg-sortable-griditem .hg-sortable-griditem-inner .headerhandle i:hover:before {
    opacity: 1;
}

html body .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    html body .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 39px;
        user-select: none;
    }

        html body .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 10px;
            padding-right: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        html body .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    html body .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        max-height: 32px;
        overflow-x: hidden;
        user-select: none;
    }

        html body .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    html body .select2-container .select2-search--inline {
        float: left;
    }

        html body .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

.select2-results__option[aria-selected=true] {
    display: none;
}

/*ENC_TFS_8426 KA*/
[id^=select2-pdmpageselector-result] .select2-results__option[aria-selected=true] {
    display: block;
}
/*ENC_TFS_8426 END*/


html body .select2-dropdown {
    background-color: white;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

html body .select2-results {
    display: block;
    position: relative;
}

html body .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

html body .select2-results__option {
    padding: 5px 30px 5px 10px;
    user-select: none;
    font-size: 11px;
    line-height: 20px;
    transition: all .3s ease-in-out;
}

    html body .select2-results__option[aria-selected] {
        cursor: pointer;
    }

html body .select2-container--open .select2-dropdown {
    left: 0;
}

html body .select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

html body .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

html body .select2-search--dropdown {
    display: block;
    padding: 4px;
}

    html body .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

    html body .select2-search--dropdown.select2-search--hide {
        display: none;
    }

html body .select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: white;
    filter: alpha(opacity=0);
}

html body .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    /*margin: -1px !important;*/
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.viewAction .select2-container--default .select2-selection--single {
    background-color: white;
}

html body .select2-container--default .select2-selection--single {
    background-color: white;
    font-size: 11px;
    outline: none;
}

    html body .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 39px;
        font-weight: 100;
    }

    html body .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    html body .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

.ingredients_table .select2-container--default .select2-selection--single {
    border: lightgray 1px solid;
}

.rmsconfigure .toggle {
    display: none !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    margin: 0;
    height: 39px;
}

    html body .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

html body .select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default;
}

    html body .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

html body .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

html body .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

html body .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

html body .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

html body .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

html body .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

html body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

html body .select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    cursor: text;
}

    html body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 2px 0 0 10px;
        width: 100%;
    }

    html body .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    html body .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    html body .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 6px;
        padding: 0 5px;
    }

    html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: white;
        font-size: 12px;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        html body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

html body .select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

html body .select2-container--default .select2-results__option[aria-disabled=true] {
    color: #EFEAF4;
}

html body .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EFEAF4;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ddd;
}

html body .select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

html body .select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
}

html body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

html body .select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
}

html body .select2-container--default .select2-results > .select2-results__options {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-left: 0;
    background: white;
    border: none;
    min-width: 200px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
}

html body .select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    html body .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    html body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

html body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

html body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

html body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

html body .select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    html body .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    html body .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 39px;
    }

    html body .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    html body .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    html body .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: linear-gradient(to bottom, #eee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        html body .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

html body .select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    html body .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        html body .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

html body .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, white 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

html body .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

html body .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

html body .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

html body .select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

html body .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

html body .select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    html body .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    html body .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
    }

    html body .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    html body .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        html body .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

html body .select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

html body .select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

html body .select2-container--classic .select2-dropdown--below {
    border-top: none;
}

html body .select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

html body .select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

html body .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

html body .select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

html body .select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

html body .select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

html body .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

html body .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

html body .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

html body .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

html body .calculation_green_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    background-repeat: no-repeat;
    float: right;
}

html body .calculation_amber_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    background-position-y: -32px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    background-repeat: no-repeat;
    float: right;
}

html body .calculation_red_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    background-position-y: -64px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    /*background-size: 16px 16px;*/
    background-repeat: no-repeat;
    float: right;
}

html body .calculation_inactive_green_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    background-position-y: -16px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    /*background-size: 16px 16px;*/
    background-repeat: no-repeat;
    float: right;
}

html body .calculation_inactive_amber_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    background-position-y: -48px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    /*background-size: 16px 16px;*/
    background-repeat: no-repeat;
    float: right;
}

html body .calculation_inactive_red_img {
    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
    background-position-y: -80px;
    width: 16px;
    height: 16px;
    padding-left: 5px;
    /*background-size: 16px 16px;*/
    background-repeat: no-repeat;
    float: right;
}

html body .calcErrorDiv {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

html body .inline_div {
    display: inline;
}

html body .mainArticleHeaderTable {
    width: 100%;
    min-height: 60px;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
    margin: 0 auto;
    position: relative;
}

    html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn {
        display: block;
        margin-left: 55px;
        float: left;
    }

        html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer {
            display: block;
            position: relative;
            float: right;
            text-align: left;
            padding: 10px 0;
        }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer select {
                font-size: 14px;
            }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer .select2-selection--single {
                height: 40px;
            }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer .select2-selection__rendered {
                font-size: 14px;
                padding-left: 0;
                text-align: left;
                font-weight: bold;
            }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer:before {
                content: '-';
                font-size: 14px;
                padding: 0 5px;
                color: #323232;
                padding-left: 5px;
                padding-right: 15px !important;
            }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer .select2-container {
                width: auto !important;
            }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .statusContainer .statuText {
                font-size: 14px;
                line-height: 40px;
                color: #313131;
            }

        html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn table {
            float: left;
        }

        html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .recipeDescriptionColumn {
            height: 58px;
            font-weight: bold;
            max-width: 300px;
            line-height: 18px;
            padding-top: 10px;
        }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .recipeDescriptionColumn input[type="text"] {
                margin: 0;
                padding: 0;
                background: #f4f4f4;
                padding-left: 10px;
                margin-right: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .recipeDescriptionColumn input[type="text"]:-ms-input-placeholder {
                    color: lightgray !important;
                }

            html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeftColumn .recipeDescriptionColumn .recipeDescription {
                font-family: "Verdana", Geneva, sans-serif;
                font-size: 14px;
                border: none;
                line-height: 20px;
                color: #313131;
            }

    html body .mainArticleHeaderTable tr td.recipeRowBelowMenuLeft2Column {
        margin-top: -1px;
        margin-left: 10px;
        float: left;
    }

    html body .mainArticleHeaderTable tr td.recipeRowBelowMenuRightColumn {
        margin-top: -1px;
        padding-right: 140px;
        float: right;
        min-width: 60%;
    }

    html body .mainArticleHeaderTable tr td.recipeTopRightTableStatusCol {
        text-align: center;
        width: 100%;
        position: relative;
        float: left;
    }

html body .item_nav li .recipeActionBtns {
    display: inline-block;
    text-align: center;
    min-height: 26px;
}

    html body .item_nav li .recipeActionBtns .dropdown {
        display: inline-table;
        line-height: 40px;
        padding: 0;
        font-size: 14px;
        color: #313131;
        padding-top: 2px;
        text-decoration: none;
    }

        html body .item_nav li .recipeActionBtns .dropdown .buttonrich {
            text-decoration: none;
            color: black;
            font-size: 15px;
        }

html body .item_nav .select2-container .select2-selection--single {
    height: auto;
    line-height: 48px;
    margin-top: -6px;
    background: #EFF7FB;
}

html body .item_nav .select2-container--default .select2-selection--single .select2-selection__arrow,
html body .item_nav li .recipeActionBtns .dropdown .buttonrich .toggle,
html body .item_nav li .pdmActionBtns .dropdown .buttonrich .toggle {
    width: 10px;
    background: #EFF7FB;
    background-image: url(./../images/Icons/icon-dropdown-arrow.svg);
    background-position: 0 18px;
    background-repeat: no-repeat;
    background-size: 16px;
    margin: 0;
    height: 43px;
    display: inline-block;
    background-size: contain;
    margin-left: 4px;
    position: static;
}

html body .item_nav li .recipeActionBtns .dropdown {
    position: relative;
}

    html body .item_nav li .recipeActionBtns .dropdown .dropdown-slider {
        max-height: 400px;
        overflow: hidden auto;
        min-width: 200px;
        background: white;
        position: absolute;
        text-align: left;
        display: none;
        left: 50%;
        padding: 0;
        top: 44px;
        transform: translateX(-50%);
        border: 1px solid #ccc;
        -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
    }

        html body .item_nav li .recipeActionBtns .dropdown .dropdown-slider a, html body li.select2-results__option {
            display: block;
            padding: 8px 12px 8px 8px;
            line-height: 20px;
            text-decoration: none;
            color: #444;
            transition: all .3s ease-in-out;
            white-space: nowrap;
            font-size: 12px;
            border-bottom: 1px solid #ddd;
            background: white;
            width: 100%;
            /*white-space: pre-wrap; long export names */
        }

            html body .item_nav li .recipeActionBtns .dropdown .dropdown-slider a:last-child {
                border-bottom: none;
            }

            html body .item_nav li .recipeActionBtns .dropdown .dropdown-slider a:hover {
                background-color: #ddd;
            }

    html body .item_nav li .recipeActionBtns .dropdown:first-child {
        padding-right: 0px;
    }

html body .item_nav li .pdmActionBtns {
    display: inline-block;
    text-align: center;
}

    html body .item_nav li .pdmActionBtns .dropdown {
        display: inline-table;
        line-height: 40px;
        padding: 0;
        font-size: 14px;
        padding-top: 2px;
        color: #313131;
        text-decoration: none;
    }

        html body .item_nav li .pdmActionBtns .dropdown .buttonrich {
            text-decoration: none;
            color: black;
            font-size: 15px;
        }

        html body .item_nav li .pdmActionBtns .dropdown .dropdown-slider {
            max-height: 400px;
            overflow: hidden auto;
            min-width: 200px;
            background: white;
            position: absolute;
            text-align: left;
            display: none;
            padding: 0;
            top: 51px;
            border: 1px solid #ccc;
            -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
            box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
        }

            html body .item_nav li .pdmActionBtns .dropdown .dropdown-slider a {
                display: block;
                padding: 8px 12px 8px 8px;
                line-height: 20px;
                text-decoration: none;
                color: #444;
                transition: all .3s ease-in-out;
                white-space: nowrap;
                font-size: 12px;
                border-bottom: 1px solid #ddd;
                background: white;
                width: 100%;
            }

                html body .item_nav li .pdmActionBtns .dropdown .dropdown-slider a:hover {
                    background: #ddd;
                }

html body .mainArticleHeaderTable tr {
    vertical-align: top;
}

    html body .mainArticleHeaderTable tr td.tabViewModeTD {
        padding-top: 22px;
    }

        html body .mainArticleHeaderTable tr td.tabViewModeTD .tabViewModeContainer {
            width: 100%;
        }

        html body .mainArticleHeaderTable tr td.tabViewModeTD .select2-selection__arrow {
            top: 1px;
        }

    html body .mainArticleHeaderTable tr td .recipeTopRightTable {
        width: 100%;
    }

html body .calculation_error_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 38px;
    color: #F02457;
    border-radius: 10px;
    background: #F9E5F1;
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
}

    html body .calculation_error_message:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e81b';
        color: white;
        font-size: 22px;
        background: #F02457;
        padding-top: 4px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 4px;
        border-radius: 20px;
        vertical-align: bottom;
    }

html body .close-error {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -50px;
    cursor: pointer;
}

    html body .close-error:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e805';
        width: 40px;
        height: 40px;
        font-size: 15px;
        color: #323232;
        margin: 0 10px 0 0;
        line-height: 40px;
    }

    html body .close-error:hover:before {
        color: #656565;
    }

html body .losspanelscontainer {
    padding-top: 20px;
}

    html body .losspanelscontainer .select2-container {
        margin-bottom: 20px;
    }

    html body .losspanelscontainer input[type="text"] {
        font-size: 11px;
    }

html body .posRel {
    position: relative;
}

html body .posAbs {
    position: absolute;
}

html body .greyBack {
    background-color: #eee;
}

html body select {
    color: #323232;
    background: white url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") right center no-repeat;
    padding-right: 25px;
    background-size: 18px;
    margin: 0;
    height: 39px;
}

html body div.popupContent {
    display: none;
    position: absolute !important;
    z-index: 1000;
    white-space: nowrap;
    overflow: auto;
}

html body div.popupContentIns {
    position: relative !important;
    padding: 8px 34px 20px 4px !important;
}

html body div.Loading {
    font-size: 14px;
    font-weight: normal;
    color: #d86e3f;
    top: 125px;
    left: 20px;
}

html body div.word {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: black;
    width: 500px;
    height: 50px;
}

html body div.LogIn {
    position: relative;
    width: 500px;
    height: 50px;
    top: 45px;
    left: 50px;
    font-size: 25px;
    font-weight: normal;
    color: #d86e3f;
}

html body div.PDMHeader {
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 50px;
    width: 500px;
    color: black;
}

html body div.topMenu {
    z-index: 104;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 100%;
}

html body div.menu {
    background: #aad4ff;
    border: 2px outset #c5c0ce;
    padding: 0 1px 1px 0;
    z-index: 104;
    display: none;
    position: absolute;
}

    html body div.menu a.menuItem {
        background: #aad4ff;
        color: black;
        cursor: default;
        display: block;
        padding: 3px 1em;
        text-decoration: none;
        white-space: nowrap;
    }

        html body div.menu a.menuItem:hover {
            background: #c5c0ce;
            color: white;
        }

        html body div.menu a.menuItem span.menuItemArrow {
            margin-right: -.75em;
        }

    html body div.menu a.menuItemHighlight {
        background: #c5c0ce;
        color: white;
    }

    html body div.menu div.menuItemSep {
        border: 1px inset #c5c0ce;
        margin: 4px 2px;
    }

html body div.dbcontents_sml {
    position: static;
    width: 100%;
    white-space: nowrap;
    left: 0;
    padding-left: 10px;
}

    html body div.dbcontents_sml * .onlyInLrg {
        display: none !important;
    }

    html body div.dbcontents_sml * input.filterInput {
        width: 75px !important;
    }

    html body div.dbcontents_sml .onlyInLrg {
        display: none !important;
    }

html body div.recordContent {
    position: relative;
    overflow: hidden;
}

html body div.toolbarTableContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

    html body div.toolbarTableContainer > div.viewAction .viewmode {
        color: #323232;
        background: white;
        padding-left: 10px;
        font-weight: 400;
        display: none;
    }

    html body div.toolbarTableContainer > div.viewAction select {
        cursor: pointer;
        background: white;
        color: #323232;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 25px;
        background-size: 18px;
        margin: 0;
        height: 39px;
        font-weight: bold;
    }

    html body div.toolbarTableContainer > div.viewAction .select2-selection__rendered {
        font-weight: bold;
    }

    html body div.toolbarTableContainer > div.factorviewAction .viewmode {
        color: #323232;
        background: white;
        padding-left: 10px;
        font-weight: 400;
        display: none;
    }

    html body div.toolbarTableContainer > div.factorviewAction select {
        background: white;
        color: #323232;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 25px;
        background-size: 18px;
        margin: 0;
        height: 39px;
        font-weight: bold;
    }

    html body div.toolbarTableContainer > div.factorviewAction .select2-selection__rendered {
        font-weight: bold;
    }

    html body div.toolbarTableContainer tbody {
        overflow: auto;
    }

    html body div.toolbarTableContainer th {
        text-align: left;
    }

html body div.smallMargin {
    margin: .5em .5em .5em .5em;
}

html body div.createRecordDiv {
    white-space: normal;
    padding-top: 0.5em;
}

    html body div.createRecordDiv input {
        width: 150px;
    }

html body div.wrappingElement {
    position: absolute;
}

html body div.expContextMenu {
    min-height: 130px;
    min-width: 170px;
    background: white;
}

    html body div.expContextMenu a {
        z-index: 101;
        display: block;
        color: #313131;
        text-decoration: none;
        padding: 10px;
    }

        html body div.expContextMenu a:hover {
            background-color: #E8E8E8;
        }

html body div.expContextMenuPrompt {
    left: 1em;
}

html body .AddRemoveColumns {
    background-image: url(../images/add_24.png);
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: top right;
    display: inline;
    cursor: pointer;
    padding-right: 16px;
}

html body input.button {
    WIDTH: 60px;
    COLOR: white;
    BACKGROUND-COLOR: #006200;
}

html body input.filterInput {
    height: 40px;
    width: 100%;
    max-width: 240px;
    margin: 5px 0 20px 0;
}

html body select.folderFilter {
    height: 40px;
    width: 100%;
    max-width: 240px;
    margin: 5px 0 20px 0;
}

html body select.otherProjectsFilter {
    height: 40px;
    width: 100%;
    max-width: 240px;
    margin: 5px 0 20px 0;
}

html body input.dataValue {
    border-width: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

html body input#newpresetnameText {
    margin: 0;
    width: 100%;
}

html body a.top4 {
    vertical-align: top;
    top: 4px;
}

html body a.sysCurveBtn {
    font-weight: 600;
    color: #313131 !important;
    border: none;
    border-radius: 3px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: -webkit-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: linear-gradient(to bottom, white 0%, #f2f2f2 59%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    font-size: 14px;
    font-family: 'Work Sans', Verdana;
    text-transform: uppercase;
    box-shadow: 0 2px 0 rgba(117, 117, 117, 0.4);
    text-decoration: none;
    cursor: pointer;
}

    html body a.sysCurveBtn:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,f2f2f2+41,ffffff+100 */
        background: #ececec;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ececec 0%, #f2f2f2 41%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

html body a.sysCurveBtnSml {
    padding: 12px 15px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}

html body a.logout {
    color: #333367;
    font-weight: bold;
    text-decoration: none;
    cursor: hand;
}

    html body a.logout:hover {
        text-decoration: underline;
    }

html body a.enabled {
    font-size: 11px;
    display: block;
    color: black;
    padding: 5px;
}

html body td.topBarMid {
    width: 100%;
}

    html body td.topBarMid div {
        background: transparent url(../images/topBarMid.jpg) repeat-x;
        height: 61px;
    }

html body td.topBarLeft div {
    background: transparent url(../images/topBarLeft.jpg) no-repeat;
    width: 206px;
    height: 61px;
}

html body td.topBarRight div {
    background: transparent url(../images/topBarRight.jpg) no-repeat;
    width: 42px;
    height: 61px;
}

html body img.menuButton {
    border-style: outset;
    border-width: 2px;
    border-color: #b8b8b8;
    cursor: pointer;
}

html body img.tabHeader {
    padding: 0 3px 0 6px;
    cursor: default;
}

html body img.tabHeaderError {
    padding: 0 3px 0 6px;
    cursor: default;
    opacity: 0;
}

html body img.ArrowedMenuItem {
    vertical-align: middle;
    padding-left: 5px;
}

html body .logoutBtn {
    right: 26px;
    top: 16px;
}

html body .form {
    font: 8pt Verdana;
    color: #9d9d9d;
    cursor: default;
}

    html body .form a {
        color: #5a5aad;
        text-decoration: none;
        cursor: hand;
    }

        html body .form a:hover {
            color: #ff4444;
            text-decoration: underline;
            cursor: hand;
        }

html body .white {
    color: White;
}

html body .black {
    color: Black;
}

html body .sessionTimeSpan {
    color: #ff1111;
    text-align: right;
    position: absolute;
    right: 2px;
    bottom: 4px;
    z-index: 101;
}

html body .TransferContainer {
    font: 10pt verdana;
    position: absolute;
    display: none;
    left: 5%;
    top: 25%;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
    background-color: White;
    padding: 5px;
    z-index: 104;
}

html body .ui-state-default {
    padding-top: 3px;
    background-color: Black;
}

html body .ui-layout-pane {
    background: #eee;
    border: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 1px;
    overflow: auto;
}

html body .ui-layout-resizer {
    background: #ddd;
}

html body .ui-layout-toggler-west-open {
    background: url(3rd/css/img/toggle-lt.gif) no-repeat right center;
}

html body .ui-layout-toggler-west-closed {
    background: url(3rd/css/img/toggle-rt.gif) no-repeat right center;
}

html body .ui-layout-toggler-south-open {
    background: url(3rd/css/img/toggle-dn.gif) no-repeat right center;
}

html body .ui-layout-toggler-south-closed {
    background: url(3rd/css/img/toggle-up.gif) no-repeat right center;
}

html body .ui-layout-resizer-west-dragging {
    background: url(3rd/css/img/resizable-h.gif) repeat-y center 50%;
}

html body .ui-layout-resizer-south-dragging {
    background: url(3rd/css/img/resizable-v.gif) repeat-y center 50%;
}

html body .ui-layout-center {
    background: #78a5cd;
    overflow: hidden;
}

html body .ui-accordion-content {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

html body .ui-accordion-header {
    line-height: 1;
    cursor: hand;
    border-bottom: solid 1px #cccccc !important;
    border-top: none 0 black !important;
    background-color: white;
}

    html body .ui-accordion-header a {
        color: black !important;
        text-decoration: none;
        font-weight: normal;
    }

html body .accordianHeaderDiv {
    min-height: 16px;
    padding: 5px;
}

html body .ui-tabs-selected {
    box-shadow: inset 0 8px 36px #706a82;
}

    html body .ui-tabs-selected a {
        color: white !important;
    }

html body .ui-icon-plus {
    display: inline;
    background: transparent url(../images/accordion-closed.png) no-repeat 3px 3px !important;
}

html body .ui-icon-minus {
    display: inline;
    background: transparent url(../images/accordion-open.png) no-repeat 3px 3px !important;
}

html body .tabLink {
    padding: 5px 20px 5px 0 !important;
}

html body .btnLinkContainer {
    float: left;
    padding-right: 4px;
}

html body .hg-sortable-griditem .toolbarTableContainer[cntype="declarationsetup"] {
    height: 100%;
}

    html body .hg-sortable-griditem .toolbarTableContainer[cntype="declarationsetup"] select {
        line-height: 20px;
        padding-left: 10px;
        padding-right: 10px;
        visibility: visible;
        font-size: 11px;
        width: 100%;
    }

    html body .hg-sortable-griditem .toolbarTableContainer[cntype="declarationsetup"] > div:nth-of-type(2) {
        position: relative;
        right: 0;
        margin: 0 auto;
        width: 100%;
        height: calc(100% - 40px);
        padding: 0;
        background: #F9FAFB;
        border: none !important;
        overflow: auto;
        top: -2px;
        border-top: white !important;
        border-top-style: solid !important;
        border-top-width: 10px !important;
        z-index: 10;
    }

html body .hg-sortable-griditem div.toolbarTableContainer > div:first-of-type {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 6;
    color: #323232;
    background: white;
}

    html body .hg-sortable-griditem div.toolbarTableContainer > div:first-of-type + span {
        background: white;
        padding: 10px;
        display: inline-block;
        position: relative;
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

@media (min-width: 1279px) {
    html body .hg-sortable-griditem div.toolbarTableContainer > div:first-of-type .select2 {
        width: auto !important;
    }
}

html body .noPad {
    padding: 0;
}

html body .descriptionsTextBox {
    width: 200px;
}

html body .recordCodeBox {
    cursor: default;
    font-size: 18px;
    white-space: nowrap;
}

html body .recordIcon {
    vertical-align: middle;
    padding-right: 4px;
    padding-left: 3px;
}

html body .Dropdown_Editable {
    font-size: 11px !important;
    line-height: 20px;
    padding-left: 10px;
    font-family: Verdana, Geneva, sans-serif;
    height: 39px;
    background-color: white;
}

html body .recordContainerChildScrollable {
    display: block;
    overflow-y: auto;
}

    html body .recordContainerChildScrollable .SummaryBoxItem {
        clear: both;
    }

        html body .recordContainerChildScrollable .SummaryBoxItem .padRight {
            padding-bottom: 1em;
            display: block;
            font-weight: bold;
        }

        html body .recordContainerChildScrollable .SummaryBoxItem input[type="text"] {
            display: block;
            font-size: 11px;
            /*width: 100% !important;*/
            min-width: 15%;
            max-width: 100% !important;
            float: left;
        }

        html body .recordContainerChildScrollable .SummaryBoxItem .select2-container:first-child {
            margin-right: 10px;
        }

        html body .recordContainerChildScrollable .SummaryBoxItem select, html body .recordContainerChildScrollable .SummaryBoxItem .select2-container {
            width: 100%;
            float: left;
            display: block;
            margin-right: 20px;
        }

        html body .recordContainerChildScrollable .SummaryBoxItem .undefined {
            display: inline-block;
            float: left;
            line-height: 25px;
            padding-left: 10px;
        }

        html body .recordContainerChildScrollable .SummaryBoxItem:after {
            content: '';
            display: block;
            clear: both;
        }

html body .summaryItemContainer {
    overflow-x: hidden;
    margin: 0 auto;
}

    html body .summaryItemContainer input[type="text"], html body .summaryItemContainer select {
        width: 70%;
        font-size: 11px;
        margin-bottom: 0;
    }

html body .flLeft {
    float: left;
}

html body .flRight {
    float: right;
}

html body .recordContentContainer {
    position: relative;
    height: 100%;
}

    html body .recordContentContainer .recordContentTable {
        width: 100%;
        height: calc(100% - 40px);
        overflow: auto;
        display: block;
    }

html body .recordContentTable {
    width: 100%;
}

html body table.recordDataTable {
    font-size: 11px;
    display: block;
    width: 100%;
    height: calc(100% + 1px);
    overflow: auto;
    background: white;
    background-attachment: local;
    top: -40px;
    position: relative;
}

    html body table.recordDataTable thead {
        opacity: 0;
    }

    html body table.recordDataTable td {
        padding: 0 5px;
        font-size: 11px;
        height: 40px;
        font-family: 'Verdana', Geneva, sans-serif;
        color: #313131;
    }

        html body table.recordDataTable td span {
            line-height: 1.4;
            white-space: nowrap;
        }

    html body table.recordDataTable th {
        background-color: transparent;
        color: white;
        text-align: left;
        font-weight: 600;
        padding: 0 10px;
        font-size: 11px;
        height: 40px;
        font-family: 'Verdana', Geneva, sans-serif;
    }

        html body table.recordDataTable th.half {
            width: 50%;
        }

        html body table.recordDataTable th.full {
            width: 100%;
        }

    html body table.recordDataTable tr {
        text-align: left;
        background: transparent;
    }

        html body table.recordDataTable tr.odd input {
            background-color: transparent;
        }

    html body table.recordDataTable input {
        border-width: 0;
        width: 6em;
        /*height: auto;*/
        font-size: 11px;
        background-color: transparent;
        color: #313131;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
    }

        html body table.recordDataTable input[type="text"], html body table.recordDataTable input[type="datepicker"] {
            background-size: 9px;
            padding-right: 15px;
            resize: none;
        }

        html body table.recordDataTable input.PreventOverride {
            background: url() 95% center no-repeat;
            background-size: 9px;
            padding-right: 15px;
            resize: none;
        }

    html body table.recordDataTable span.PreventOverride {
        background: url() 95% center no-repeat;
        background-size: 9px;
        float: right;
        padding-right: 36px;
        resize: none;
    }

    html body table.recordDataTable span p.WhatsThis {
        background: url(../../images/WhatsThisShort.png) 95% center no-repeat;
        background-size: 19px;
        float: right;
        padding-right: 36px;
        resize: none;
    }

    html body table.recordDataTable span.ChromeCorrectionEq {
        padding-right: 39px !important;
    }

    html body table.recordDataTable span.ChromeCorrectionEq2 {
        text-align: right !important;
        padding-right: 10px !important;
    }

    html body table.recordDataTable input[type="number"] {
        text-align: right;
        width: 8em;
    }

    html body table.recordDataTable select {
        padding: 0 0 0 10px;
        min-width: 100px;
        background: transparent;
        line-height: 40px;
        margin: 0;
        color: #313131;
    }

    html body table.recordDataTable .select2-container .select2-selection--single {
        background-color: transparent;
    }

        html body table.recordDataTable .select2-container .select2-selection--single .select2-selection__arrow {
            background-color: transparent;
        }

        html body table.recordDataTable .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
        }

.chkbox_control_recipeTable {
    margin-top: 3.5px !important;
}

html body table.recordContentTable td {
    vertical-align: middle;
    width: 10%;
}

html body .dialog {
    position: relative;
    margin: 0 auto;
    min-width: 8em;
    max-width: 760px;
    z-index: 1;
    margin-left: 12px;
    margin-bottom: 0.5em;
}

    html body .dialog .content {
        background: transparent url(../images/dialog800x1600.png) no-repeat top right;
        position: relative;
        zoom: 1;
        _overflow-y: hidden;
        padding: 0 12px 0 0;
    }

    html body .dialog .t {
        background: transparent url(../images/dialog800x1600.png) no-repeat top right;
        position: absolute;
        left: 0;
        top: 0;
        width: 12px;
        margin-left: -12px;
        height: 100%;
        _height: 1600px;
        background-position: top left;
    }

    html body .dialog .b {
        background: transparent url(../images/dialog800x1600.png) no-repeat top right;
        position: relative;
        width: 100%;
        background-position: bottom right;
        height: 30px;
        font-size: 1px;
    }

        html body .dialog .b div {
            background: transparent url(../images/dialog800x1600.png) no-repeat top right;
            height: 30px;
            font-size: 1px;
            position: relative;
            width: 12px;
            margin-left: -12px;
            background-position: bottom left;
        }

    html body .dialog .hd {
        position: relative;
    }

    html body .dialog .bd {
        position: relative;
    }

    html body .dialog .ft {
        position: relative;
    }

    html body .dialog .wrapper {
        position: static;
        max-height: 1000px;
        overflow: auto;
    }

    html body .dialog h1 {
        margin: 0;
        padding: 0.5em 0 0.5em 0;
        padding-bottom: 0;
    }

    html body .dialog p {
        margin: 0;
        padding: 0.5em 0 0.5em 0;
    }

html body .closeImg {
    position: absolute;
    height: 13px;
    width: 13px;
    right: 11px;
    top: 11px;
    display: none;
    padding: 0 !important;
    float: none !important;
}

    html body .closeImg:hover {
        cursor: pointer;
        color: #b8b8b8;
    }

html body .popupTickBtn {
    background: transparent url(../images/tick.png) no-repeat;
    cursor: pointer;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 0;
    bottom: 1px;
    display: none;
    padding: 4px;
}

html body .ajaxIndic {
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: default;
    width: 100% !important;
    height: 100% !important;
}

html body .aI_big {
    min-height: 36px;
    min-width: 36px;
    background: white url(../images/loader_class.gif) center center no-repeat;
    background-size: 80px;
}

html body .aI_big_transparent {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    background-size: 80px;
}

html body .nonclickable {
    pointer-events: none;
}

html body .aI_sml {
    min-height: 18px;
    min-width: 18px;
    background-image: url(../images/ajax-indic-sml.gif);
}

html body .ai_sml_Tab {
    min-height: 18px;
    min-width: 18px;
    background: white url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 40px;
}

html body .absTopRight {
    position: absolute;
    right: 0;
    top: 0;
}

html body .showPointer {
    cursor: pointer;
}

html body .paddedALittle {
    padding: 5px;
}

html body .dtd {
    display: table-cell;
}

html body .dtr {
    display: table-row;
}

html body .dtc {
    display: table-column;
}

html body .inpFocus {
    background-color: white !important;
}

html body .HGAccordion {
    min-width: 280px;
    margin-left: 2em;
}

    html body .HGAccordion h3 {
        margin: 0;
    }

html body .SummaryBox_top {
    height: calc(100% - 40px);
    overflow: auto;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
}

    html body .SummaryBox_top select {
        display: inline;
    }

    html body .SummaryBox_top .summaryOptions {
        text-align: right;
        padding: 5px 13px;
        overflow: hidden;
        height: 40px;
        line-height: 40px;
    }

        html body .SummaryBox_top .summaryOptions select, html body .SummaryBox_top .summaryOptions .select2 {
            margin: 0;
            font-size: 11px !important;
            float: left;
            color: #313131;
        }

    html body .SummaryBox_top .mode_SYSTEM {
        background-image: url(../images/system_24.png);
    }

    html body .SummaryBox_top .mode_GROUP {
        background-image: url(../images/users_24.png);
    }

    html body .SummaryBox_top .mode_USER {
        background-image: url(../images/user_24.png);
    }

html body .hg-sortable-griditem
.SummaryBox {
    color: #323232;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}

    html body .hg-sortable-griditem
    .SummaryBox div.toolbarTableContainer {
        position: relative;
        margin-bottom: 20px;
        padding-top: 40px;
    }

        html body .hg-sortable-griditem
        .SummaryBox div.toolbarTableContainer .viewAction {
            right: 0;
        }

            html body .hg-sortable-griditem
            .SummaryBox div.toolbarTableContainer .viewAction select {
                width: 100%;
            }

            html body .hg-sortable-griditem
            .SummaryBox div.toolbarTableContainer .viewAction .select2-container .select2-selection--single {
                height: 40px;
            }

            html body .hg-sortable-griditem
            .SummaryBox div.toolbarTableContainer .viewAction .pdmpicturepanel {
                top: 10px;
            }

        html body .hg-sortable-griditem
        .SummaryBox div.toolbarTableContainer .declarationText {
            border-spacing: 0;
            height: 100%;
            margin-top: 20px;
        }

        html body .hg-sortable-griditem
        .SummaryBox div.toolbarTableContainer table.recordDataTable {
            top: 0;
            margin-top: 20px;
        }

            html body .hg-sortable-griditem
            .SummaryBox div.toolbarTableContainer table.recordDataTable thead {
                opacity: 1;
            }

            html body .hg-sortable-griditem
            .SummaryBox div.toolbarTableContainer table.recordDataTable tr td.declarationPercentageText {
                padding: 10px;
            }

html body #copypresetnameText {
    width: 100%;
}

html body span.presetImg {
    height: 40px;
}

html body span.fileIcons {
    position: absolute;
    right: 2px;
}

html body span.SummaryBoxItem {
    display: block;
    /*margin-bottom: 20px;*/
}

html body .preset_new:before {
    content: '\e815';
}

html body .preset_remove:before {
    content: '\e816';
}

html body .preset_copy:before {
    content: '\e818';
}

html body .preset_print:before {
    content: '\e817';
}

html body .padRight {
    padding-right: 1em;
    width: 100%;
}

html body .padLeft {
    padding-left: 1em;
}

html body .expBarHolder {
    position: absolute;
    top: 29px;
    width: 100%;
}

html body .dbexpander {
    position: absolute;
    top: 3px;
    right: 4px;
    background: transparent url(../images/arrows_right.png) no-repeat;
    width: 16px;
    height: 14px;
    cursor: pointer;
}

html body .dbexpander_exp {
    background-image: url(../images/arrows_left.png);
}

html body .ita {
    font-style: italic;
}

html body .block {
    display: block !important;
}

html body .pasteArea {
    background: transparent url(../images/importData.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline;
    overflow: hidden;
    font-size: 0 !important;
    cursor: default;
    visibility: hidden;
    border-style: none;
    margin-left: 3px;
    position: absolute;
    left: 3px;
    top: 3px;
}

html body .showAllChildren .showable {
    visibility: visible !important;
}

html body .showAllChildren * .showable {
    visibility: visible !important;
}

html body .visible {
    display: block !important;
    visibility: visible !important;
}

html body .hidden {
    display: none !important;
}

html body .expandToggle {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline;
    padding-left: 16px;
}

html body .Togglecollapsed {
    background-image: url(../images/plus.png) !important;
}

html body .gluedToBottom {
    position: absolute;
    bottom: 0;
    left: 4px;
}

html body .HGcontextMenu {
    background-color: white;
    z-index: 110;
    display: block;
    position: absolute;
    visibility: visible !important;
    min-width: 120px;
    padding: 0;
    border: 1px solid #92b0b3;
}

    html body .HGcontextMenu a.enabled {
        font-size: 11px !important;
        display: block;
        color: black;
        padding: 10px;
        cursor: pointer;
    }

html body table.recordDataTable
html body .HGcontextMenu a.enabled:hover {
    background-color: #E8E8E8;
    cursor: hand;
}

html body .menuSeparator {
    height: 1px;
    margin: 0;
    padding: 0;
    background-color: #92b0b3;
    width: 100%;
    overflow: hidden;
}

html body .RAligned {
    display: block;
    white-space: nowrap;
}

html body .RAlignedText {
    text-align: right;
    width: 18em !important;
}

html body .RAlignedTotalText {
    padding-right: 0px !important;
    background: transparent !important;
}

html body span .readonly {
    font-size: 11px;
    font-weight: 400;
}

.readonlytextarea {
    white-space: pre-wrap !important;
}

html body .declarationText {
    width: calc(100% - 0px);
    height: calc(100% - 40px);
    white-space: normal !important;
    border-spacing: 5px;
    border-collapse: separate;
    display: block;
    overflow: auto;
    background: white;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

html body .declarationPercentageText {
    font-size: 11px;
    padding: 10px 35px 10px 10px;
    vertical-align: top;
    line-height: 20px;
    background: transparent;
    /*background: white; */
}

    html body .declarationPercentageText b {
        font-weight: bold !important;
    }

html body .noteText {
    display: table !important;
    white-space: normal !important;
}

html body .noteTD {
    vertical-align: top;
}

html body .statuSelector {
    background-color: transparent;
    display: inline-block;
    font-size: 14px !important;
}

html body .ViewModeSelector {
    float: right;
    margin: 0;
}

html body .overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    filter: alpha(opacity=30);
    opacity: .30;
    background-color: Black;
    z-index: 101;
}

html body .MessageSpan {
    font-weight: bold;
    color: Red;
}

#portionsfooterdiv, #customunitsfooterdiv {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#portionsfootertext, #customunitsfootertext {
    margin-left: 1.5em;
    margin-top: 13px;
    font-size: 14px;
}

#portionsTable0, #customunitsTable0 {
    overflow-y: hidden;
    white-space: nowrap;
}

#portionsTable1, #customunitsTable1 {
    overflow-y: hidden;
    white-space: nowrap;
}

#portionsTable2, #customunitsTable2 {
    overflow-y: hidden;
    white-space: nowrap;
}

#portionlinetitle, #customunitlinetitle {
    float: left;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

input.portions_name, input.customunits_name {
    margin-right: 1.5% !important;
}

input.portions_value, input.customunits_value {
    margin: 0 1.5% 0 0 !important;
}

html body .portionsSetup select, html body .portionsSetup .select2-container, html body .customunitsSetup select, html body .customunitsSetup .select2-container {
    width: 18%; /*!important;*/
    font-size: 11px;
    float: left;
    margin: 0px;
}

p.portions_name, p.customunits_name {
    text-align: left;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

p.portions_value, p.customunits_value {
    text-align: right;
    margin-left: 10px !important;
    padding-right: 0px !important;
}

p.portions_baseunit, p.customunits_baseunit {
    text-align: left;
    margin-left: 15px !important;
    padding-right: 0px !important;
}

.portions-updating, .customunits-updating, .weightsandmeasures-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.requesting-specsharedwithme {
    min-height: 36px;
    min-width: 36px;
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

#add_portions_line, #add_customunits_line {
    padding-top: 0px;
}

[disabled=disabled]#add_portions_line, :disabled#add_portions_line, [disabled=disabled]#add_customunits_line, :disabled#add_customunits_line {
    color: lightgray !important;
}

[id^="add_portions_line"], [id^="add_customunits_line"] {
    float: right;
    cursor: pointer;
    font-size: 14px;
}

#addportionline, #addcustomunitline {
    float: left;
    margin-left: 10px;
}

:-ms-input-placeholder.portions_name, :-ms-input-placeholder.customunits_name {
    color: lightgray;
}

:-ms-input-placeholder.portions_value, :-ms-input-placeholder.customunits_value {
    color: lightgray;
}

html body .portionentrycontainer, html body .customunitentrycontainer {
    width: 100%;
}

html body .portionsentry, html body .customunitsentry {
    background: none !important;
}

html body .portionsline, html body .customunitsline {
    background: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

html body .customunitsSetup, html body .portionsSetup {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

html body .lossesSetup, html body .customunitsSetup, html body .portionsSetup {
    padding: 10px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    html body .lossesSetup input[type="checkbox"], html body .customunitsSetup input[type="checkbox"], html body .portionsSetup input[type="checkbox"] {
        margin: 14px 10px 0 0;
        display: block;
        float: left;
    }

    html body .lossesSetup input[type="text"], html body .lossesSetup .search-result-dropdown, html body .customunitsSetup input[type="text"], html body .customunitsSetup input[type="number"], html body .customunitsSetup .search-result-dropdown, html body .portionsSetup input[type="text"], html body .portionsSetup input[type="number"], html body .portionsSetup .search-result-dropdown {
        font-size: 11px;
        float: left;
        width: 18%;
        margin: 0 10px 0 0;
    }

        html body .lossesSetup input[type="text"] input[type="text"], html body .lossesSetup .search-result-dropdown input[type="text"], html body .customunitsSetup input[type="text"] input[type="text"], html body .customunitsSetup .search-result-dropdown input[type="text"], html body .portionsSetup input[type="text"] input[type="text"], html body .portionsSetup .search-result-dropdown input[type="text"] {
            width: 100%;
        }

html body .createwithrecordcontainer input[type="text"], html body .createwithrecordcontainer .search-result-dropdown {
    font-size: 14px;
    float: left;
    width: 18%;
    margin: 0 10px 0 0;
}

    html body .createwithrecordcontainer input[type="text"] input[type="text"], html body .createwithrecordcontainer .search-result-dropdown input[type="text"] {
        width: 100%;
    }

html body .lossesSetup select, html body .lossesSetup .select2-container {
    width: 18%; /*!important;*/
    font-size: 11px;
    float: left;
    margin: 0 10px 0 0;
}

html body .lossesSetup:nth-child(even), html body .customunitsSetup:nth-child(even), html body .portionsSetup:nth-child(even) {
    background: #d5d5d5;
    margin-bottom: 2px;
}

html body .lossesSetup:nth-child(odd), html body .customunitsSetup:nth-child(odd), html body .portionsSetup:nth-child(odd) {
    background: #d5d5d5;
    margin-bottom: 2px;
}

html body .lossesSetup p, html body .customunitsSetup p, html body .portionsSetup p {
    float: left;
    padding-right: 10px;
    line-height: 40px;
}

    html body .lossesSetup p.recipe-name, html body .customunitsSetup p.recipe-name, html body .portionsSetup p.recipe-name {
        min-width: 150px;
        max-width: 150px;
        overflow: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

html body .lossesSetup .icon-trash {
    font-size: 11px;
    color: white;
    line-height: 40px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

html body .portions_editlink {
    position: absolute;
    right: 35px;
    text-decoration: underline;
    cursor: pointer;
    line-height: 40px;
    font-size: 14px;
}

html body .customunits_editlink {
    position: absolute;
    right: 35px;
    text-decoration: underline;
    cursor: pointer;
    line-height: 40px;
    font-size: 14px;
}

html body .customunits_packagingCustomUnit1WhatsThis {
    position: absolute;
    right: 5px;
    text-decoration: underline;
    cursor: pointer;
    line-height: 40px;
    font-size: 14px;
    bottom: 10px;
    height: 15px;
    width: 15px;
    margin-bottom: 1px;
}


html body .customunitsSetup .icon-trash, html body .portionsSetup .icon-trash {
    font-size: 15px;
    color: white;
    line-height: 44px;
    position: absolute;
    right: 2px;
    margin-left: 10px;
    cursor: pointer;
}

    html body .lossesSetup .icon-trash:hover, html body .customunitsSetup .icon-trash:hover, html body .portionsSetup .icon-trash:hover {
        color: #E8E8E8;
    }

html body .lossesSetup .lossessetup_nutrient_div_results,
html body .lossesSetup .lossessetup_profileingredient_div_results,
html body .customunitsSetup .lossessetup_nutrient_div_results,
html body .customunitsSetup .lossessetup_profileingredient_div_results,
html body .databankNutritionSetup .databanknutrition_databanknutrition_div_results,
html body .createwithrecordcontainer .createrecord_fromtemplateingredient_div_results,
html body .portionsSetup .lossessetup_nutrient_div_results,
html body .portionsSetup .lossessetup_profileingredient_div_results,
html body .specsSharedWithMeSearch_div_results,
html body .PIF6SharedWithMeSearch_div_results {
    display: none;
    position: relative;
    width: 100%;
    text-align: left;
    background: white;
    max-height: 250px;
    min-width: 350px;
    overflow: auto;
    border: none;
    border-top: 1px solid #92b0b3;
}

    html body .lossesSetup .lossessetup_nutrient_div_results span,
    html body .lossesSetup .lossessetup_profileingredient_div_results span,
    html body .customunitsSetup .lossessetup_nutrient_div_results span,
    html body .customunitsSetup .lossessetup_profileingredient_div_results,
    html body .databankNutritionSetup .databanknutrition_databanknutrition_div_results span,
    html body .createwithrecordcontainer .createrecord_fromtemplateingredient_div_results span,
    html body .portionsSetup .lossessetup_nutrient_div_results span,
    html body .portionsSetup .lossessetup_profileingredient_div_results,
    html body .specsSharedWithMeSearch_div_results span,
    html body .PIF6SharedWithMeSearch_div_results span {
        line-height: 40px;
        font-size: 11px;
        padding: 0 15px;
        display: block;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: normal;
        color: #323232;
    }

        html body .lossesSetup .lossessetup_nutrient_div_results span:hover,
        html body .lossesSetup .lossessetup_profileingredient_div_results span:hover,
        html body .customunitsSetup .lossessetup_nutrient_div_results span:hover,
        html body .customunitsSetup .lossessetup_profileingredient_div_results,
        html body .databankNutritionSetup .databanknutrition_databanknutrition_div_results span:hover,
        html body .createwithrecordcontainer .createrecord_fromtemplateingredient_div_results span:hover,
        html body .portionsSetup .lossessetup_nutrient_div_results span:hover,
        html body .portionsSetup .lossessetup_profileingredient_div_results,
        html body .specsSharedWithMeSearch_div_results span:hover,
        html body .PIF6SharedWithMeSearch_div_results span:hover {
            background: #E8E8E8;
        }

        html body .lossesSetup .lossessetup_nutrient_div_results span.hovered,
        html body .lossesSetup .lossessetup_profileingredient_div_results span.hovered,
        html body .customunitsSetup .lossessetup_nutrient_div_results span.hovered,
        html body .customunitsSetup .lossessetup_profileingredient_div_results,
        html body .databankNutritionSetup .databanknutrition_databanknutrition_div_results span.hovered,
        html body .createwithrecordcontainer .createrecord_fromtemplateingredient_div_results span.hovered,
        html body .portionsSetup .lossessetup_nutrient_div_results span.hovered,
        html body .portionsSetup .lossessetup_profileingredient_div_results,
        html body .specsSharedWithMeSearch_div_results span.hovered,
        html body .PIF6SharedWithMeSearch_div_results span.hovered {
            background: #E8E8E8;
        }

html body .hintboxCss {
    position: absolute;
    top: 0;
    background-color: White;
    min-width: 120px;
    padding: 3px;
    border: #666 1px solid;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font: normal 10px tahoma, arial, helvetica, sans-serif;
    line-height: 18px;
    z-index: 100;
}

html body #BiggestTreeWidth {
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
}

html body #loginInfo {
    width: 50%;
    margin: 0 auto;
}

html body .ui-dialog-titlebar-close span {
    display: none !important;
}

html body .ui-dialog-titlebar-close:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    content: '\e805';
    font-size: 14.5px;
    color: #323232;
}

html body .ing_dec_rules_divcolumgridheader {
    overflow: hidden;
    width: 100%;
    background-color: #F9FAFB;
}

    html body .ing_dec_rules_divcolumgridheader > div {
        width: 35%;
        background-color: rgb(232, 224, 240);
        line-height: 40px;
        color: #323232;
        padding: 0 10px;
        font-weight: bold;
        font-size: 16px;
    }

        html body .ing_dec_rules_divcolumgridheader > div:nth-child(1) {
            width: 50%;
            padding-left: 20px;
        }

        html body .ing_dec_rules_divcolumgridheader > div:nth-child(2) {
            width: 50%;
        }

        html body .ing_dec_rules_divcolumgridheader > div:nth-child(3) {
            width: calc(10% - 20px);
            text-align: center;
        }

        html body .ing_dec_rules_divcolumgridheader > div:nth-child(4) {
            width: calc(15% - 30px);
            text-align: right;
        }

html body .ing_dec_rules_divcolumgrid {
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #F9FAFB;
}

    html body .ing_dec_rules_divcolumgrid input[type="text"] {
        margin-bottom: 0;
    }

    html body .ing_dec_rules_divcolumgrid select {
        background: white;
        color: #323232;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 25px;
        background-size: 18px;
        margin: 0;
        height: 39px;
    }

    html body .ing_dec_rules_divcolumgrid > div {
        width: 35%;
        line-height: 40px;
        color: #323232;
        padding: 10px;
    }

        html body .ing_dec_rules_divcolumgrid > div:nth-child(1) {
            width: calc(40%);
        }

        html body .ing_dec_rules_divcolumgrid > div:nth-child(2) {
            width: calc(30% - 20px);
        }

        html body .ing_dec_rules_divcolumgrid > div:nth-child(3) {
            width: calc(10% - 20px);
            text-align: center;
        }

        html body .ing_dec_rules_divcolumgrid > div:nth-child(4) {
            width: calc(15% - 20px);
        }

        html body .ing_dec_rules_divcolumgrid > div .select2-container {
            min-width: 100%;
        }

    html body .ing_dec_rules_divcolumgrid.ingdecrow {
        background: #F9FAFB;
    }

html body .ing_dec_rules_grid-block-1 > input[type=text] {
    width: 100%;
    font-size: 11px;
}

html body .ing_dec_rules_grid-block-1 > select {
    width: 100%;
    font-size: 11px;
}

html body .ing_dec_rules_grid-block-1 > label {
    cursor: pointer;
    position: absolute;
    right: 0;
    font-weight: 600;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

    html body .ing_dec_rules_grid-block-1 > label span {
        display: inline-block;
        font-size: 14px;
    }

        html body .ing_dec_rules_grid-block-1 > label span:before {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            margin-right: .2em;
            text-align: center;
            /* opacity: .8; */
            /* For safety - reset parent styles, that can break glyph codes*/
            font-variant: normal;
            text-transform: none;
            /* Animation center compensation - margins should be symmetric */
            /* remove if not needed */
            margin-left: .2em;
            /* you can be more comfortable with increased icons size */
            /* font-size: 120%; */
            /* Font smoothing. That was taken from TWBS */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /* Uncomment for 3D effect */
            /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        }

        html body .ing_dec_rules_grid-block-1 > label span.remove {
            color: #323232;
        }

            html body .ing_dec_rules_grid-block-1 > label span.remove:before {
                content: '\e805';
            }

            html body .ing_dec_rules_grid-block-1 > label span.remove:hover {
                color: black;
            }

        html body .ing_dec_rules_grid-block-1 > label span.add {
            color: white;
        }

            html body .ing_dec_rules_grid-block-1 > label span.add:before {
                content: '\e80e';
            }

            html body .ing_dec_rules_grid-block-1 > label span.add:hover {
                color: #cccccc;
            }

    html body .ing_dec_rules_grid-block-1 > label.add_result_line {
        right: auto;
        margin-left: -10px;
        margin-top: -10px;
    }

html body .ing_dec_rules_grid-block-2 > input[type=text] {
    width: 100%;
}

html body .ing_dec_rules_grid-block-2 > select {
    width: 100%;
}

html body .ing_dec_rules_grid-block-3 > input[type=checkbox] {
    text-align: center;
    margin-top: 14px;
}

html body .ing_dec_rules_grid-block-4 > input[type=text] {
    width: 95%;
}

html body .ing_dec_rules_grid-block-4 > select {
    width: 95%;
}

.ing_dec_rules_grid-block-1 {
    min-width: 100px;
}

.ing_dec_rules_grid-block-2 {
    min-width: 100px;
}

.ing_dec_rules_grid-block-3 {
    min-width: 80px;
}

.ing_dec_rules_grid-block-4 {
    min-width: 100px;
}

html body .ing_dec_rules_remove {
    visibility: hidden;
    display: none;
}

html body .basicingredientgrid {
    overflow: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.85) !important;
}

    html body .basicingredientgrid > :nth-child(n) {
        width: 40%;
        padding-top: 0;
        padding-bottom: 0;
        align-content: center;
    }

.ingredients_table {
    background-color: #F9FAFB;
    height: 100%;
    min-width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}


html body .basicingredient_grid-block > span.readonly {
    margin-top: 17px;
    padding-bottom: 20px;
}

html body .basicingredient_grid-block {
    padding: 10px 5% 0 5%;
    padding-left: 20px;
    padding-right: 20px;
}

    html body .basicingredient_grid-block input[type="checkbox"] {
        width: 25px !important;
        height: 25px !important;
        border: none;
        margin-top: 8px !important;
    }

    html body .basicingredient_grid-block label {
        width: 30%;
        vertical-align: top;
        font-size: 14px;
        margin-top: 10px;
        padding: 5px 0;
        display: inline-block;
        margin-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    html body .basicingredient_grid-block select {
        margin-bottom: 20px !important;
    }

    html body .basicingredient_grid-block > span {
        width: 70%;
        vertical-align: top;
        display: inline-block;
    }

    html body .basicingredient_grid-block .select2-container {
        min-width: 100% !important;
        margin-bottom: 20px;
    }

    html body .basicingredient_grid-block.ui-check {
        margin-bottom: 25px;
    }

html body #logoutAnchor {
    padding-left: 5pt;
    font-size: 10pt;
    color: #522577;
}

html body #supportAnchor {
    font-size: 10pt;
    color: #522577;
}

html body .notes_textarea {
    background-color: white;
    overflow: auto;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0 7px;
    margin-bottom: 0;
    resize: none;
    font-size: 11px;
    line-height: 20px;
}

html body .viewmode {
    max-width: 100%;
    display: inline-block;
    font-size: 11px;
    float: left;
    line-height: 39px;
    color: white;
}

    html body .viewmode .Dropdown_Editable, html body .viewmode .select2-selection__rendered {
        font-weight: bold;
    }

html body #outer-Container {
    width: 100%;
    height: calc(100% - 155px);
    overflow: auto;
}

html body #dashboard-container {
    height: 100%;
    position: relative;
    padding-top: 60px;
    max-width: 1007px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

    html body #dashboard-container #dashboardCreateRecord {
        position: absolute;
        right: 0;
        min-width: 140px;
        top: 75px;
    }

    html body #dashboard-container #dashboardOpenRecord {
        position: absolute;
        right: 160px;
        min-width: 140px;
        top: 75px;
    }

    html body #dashboard-container .main-title {
        font-family: "Work Sans", Verdana;
        font-size: 24px;
        padding-bottom: 30px;
        font-weight: 600;
        color: white;
        padding-top: 20px;
        letter-spacing: -0.03em;
        text-align: left;
        margin-bottom: 30px;
    }

    html body #dashboard-container #data-display {
        width: 100%;
        height: 40%;
        margin-bottom: 40px;
    }

        html body #dashboard-container #data-display .col {
            float: left;
            width: calc(33% - 1.4px);
            margin-right: 7px;
            background: rgba(255, 255, 255, 0.1);
            text-align: center;
            color: white;
            padding: 5% 0 3% 0;
            transition: all .5s ease-in-out;
        }

            html body #dashboard-container #data-display .col:last-child {
                margin-right: 0;
            }

            html body #dashboard-container #data-display .col h3 {
                font-size: 100px;
                color: white;
                font-family: "Work Sans", Verdana;
                font-weight: 100;
                margin-bottom: 20px;
                min-height: 100px;
            }

                html body #dashboard-container #data-display .col h3 span {
                    display: block;
                    -webkit-transform: translate3d(0, 100%, 0);
                    transform: translate3d(0, 100%, 0);
                }

                html body #dashboard-container #data-display .col h3 img {
                    max-width: 60px;
                }

            html body #dashboard-container #data-display .col p {
                font-size: 18px;
                font-family: "Work Sans", Verdana;
                font-weight: 400;
                letter-spacing: -0.04em;
            }

            html body #dashboard-container #data-display .col.total-ingredients {
                border-bottom: 2px solid #FFDA05;
            }

            html body #dashboard-container #data-display .col.total-recipes {
                border-bottom: 2px solid #FF9832;
            }

            html body #dashboard-container #data-display .col.latest {
                border-bottom: 2px solid #EC4D4D;
            }

    html body #dashboard-container #dashboard-recent-activity {
        position: relative;
    }

        html body #dashboard-container #dashboard-recent-activity h2 {
            font-size: 21px;
            font-family: "Work Sans", Verdana;
            color: white;
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 500;
        }

        html body #dashboard-container #dashboard-recent-activity .tabs-menu {
            height: 40px;
            clear: both;
            width: 100%;
        }

            html body #dashboard-container #dashboard-recent-activity .tabs-menu li {
                height: 40px;
                line-height: 40px;
                float: right;
                margin-left: 10px;
                background-color: rgba(255, 255, 255, 0.4);
                border-radius: 3px 3px 0 0;
                position: relative;
                overflow: hidden;
            }

                html body #dashboard-container #dashboard-recent-activity .tabs-menu li a {
                    padding: 10px 20px;
                    color: #313131;
                    text-decoration: none;
                    font-size: 14px;
                }

                    html body #dashboard-container #dashboard-recent-activity .tabs-menu li a:after {
                        width: 100%;
                        content: '';
                        height: 10px;
                        background: white;
                        box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.5);
                        position: absolute;
                        bottom: -12px;
                        left: 0;
                    }

                html body #dashboard-container #dashboard-recent-activity .tabs-menu li.current {
                    position: relative;
                    background: white;
                }

                    html body #dashboard-container #dashboard-recent-activity .tabs-menu li.current a:after {
                        display: none;
                    }

        html body #dashboard-container #dashboard-recent-activity .tab {
            margin-bottom: 20px;
            width: auto;
        }

        html body #dashboard-container #dashboard-recent-activity .tab-content {
            position: relative;
            width: 100%;
            padding: 0;
            display: none;
            max-height: 400px;
            overflow: auto;
        }

            html body #dashboard-container #dashboard-recent-activity .tab-content table {
                width: 100%;
                background: rgba(255, 255, 255, 0.1);
            }

                html body #dashboard-container #dashboard-recent-activity .tab-content table tr th, html body #dashboard-container #dashboard-recent-activity .tab-content table tr td {
                    padding: 13px;
                    font-size: 14px;
                    text-align: left;
                }

                html body #dashboard-container #dashboard-recent-activity .tab-content table thead tr th {
                    background: white;
                    color: #313131;
                }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table thead tr th:first-child {
                        position: relative;
                        padding-left: 30px;
                    }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table thead tr th span.filter {
                        display: inline-block;
                        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
                        background-position: right center;
                        background-repeat: no-repeat;
                        padding-right: 25px;
                        background-size: 18px;
                        cursor: pointer;
                        white-space: nowrap;
                    }

                html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr {
                    cursor: pointer;
                }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr td {
                        color: white;
                    }

                        html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr td:first-child {
                            position: relative;
                            padding-left: 30px;
                        }

                            html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr td:first-child:before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: 50%;
                                width: 3px;
                                margin: 6% 0 0 0;
                            }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr.recipe td:first-child:before {
                        background: #7AB091;
                    }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr.ingredient td:first-child:before {
                        background: #ED4E4E;
                    }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr.packaging td:first-child:before {
                        background: #EAA417;
                    }

                    html body #dashboard-container #dashboard-recent-activity .tab-content table tbody tr:hover td {
                        background: rgba(255, 255, 255, 0.1);
                    }

        html body #dashboard-container #dashboard-recent-activity #tab-1 {
            display: block;
        }

    html body #dashboard-container #dashboard-awaiting-review {
        position: relative;
        width: 48.5%;
        float: left;
        height: 100%;
    }

        html body #dashboard-container #dashboard-awaiting-review h2 {
            font-size: 21px;
            font-family: "Work Sans", Verdana;
            color: white;
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 500;
        }

        html body #dashboard-container #dashboard-awaiting-review .artabs-menu {
            height: 40px;
            clear: both;
            width: 100%;
        }

            html body #dashboard-container #dashboard-awaiting-review .artabs-menu li {
                height: 40px;
                line-height: 40px;
                float: right;
                margin-left: 10px;
                background-color: rgba(255, 255, 255, 0.4);
                border-radius: 3px 3px 0 0;
                position: relative;
                overflow: hidden;
            }

                html body #dashboard-container #dashboard-awaiting-review .artabs-menu li a {
                    padding: 10px 20px;
                    color: #313131;
                    text-decoration: none;
                    font-size: 14px;
                }

                    html body #dashboard-container #dashboard-awaiting-review .artabs-menu li a:after {
                        width: 100%;
                        content: '';
                        height: 10px;
                        background: white;
                        box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.5);
                        position: absolute;
                        bottom: -12px;
                        left: 0;
                    }

                html body #dashboard-container #dashboard-awaiting-review .artabs-menu li.current {
                    position: relative;
                    background: white;
                }

                    html body #dashboard-container #dashboard-awaiting-review .artabs-menu li.current a:after {
                        display: none;
                    }

        html body #dashboard-container #dashboard-awaiting-review .tab {
            margin-bottom: 20px;
            width: auto;
            height: 100%;
        }

        html body #dashboard-container #dashboard-awaiting-review .tab-content {
            position: relative;
            width: 100%;
            padding: 0;
            display: none;
            max-height: 400px;
            overflow: auto;
            background: rgba(255, 255, 255, 0.1);
        }

            html body #dashboard-container #dashboard-awaiting-review .tab-content table {
                width: 100%;
            }

                html body #dashboard-container #dashboard-awaiting-review .tab-content table tr th, html body #dashboard-container #dashboard-awaiting-review .tab-content table tr td {
                    padding: 5px !important;
                    font-size: 12px;
                    text-align: left;
                }

                html body #dashboard-container #dashboard-awaiting-review .tab-content table thead tr th {
                    background: white;
                    color: #313131;
                }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table thead tr th:first-child {
                        position: relative;
                        padding-left: 30px;
                    }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table thead tr th span.filter {
                        display: inline-block;
                        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
                        background-position: right center;
                        background-repeat: no-repeat;
                        padding-right: 25px;
                        background-size: 18px;
                        cursor: pointer;
                        white-space: nowrap;
                    }

                html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr {
                    cursor: pointer;
                    min-height: 44px;
                }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr td {
                        color: white;
                    }

                        html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr td:first-child {
                            position: relative;
                            padding-left: 15px !important;
                        }

                            html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr td:first-child:before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: 50%;
                                width: 3px;
                                margin: 6% 0 0 0;
                            }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr.recipe td:first-child:before {
                        background: #519298;
                    }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr.ingredient td:first-child:before {
                        background: #519298;
                    }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr.packaging td:first-child:before {
                        background: #519298;
                    }

                    html body #dashboard-container #dashboard-awaiting-review .tab-content table tbody tr:hover td {
                        background: #519298;
                    }

        html body #dashboard-container #dashboard-awaiting-review #artab-1 {
            display: block;
            overflow-x: hidden;
            height: 100%;
        }

    html body #dashboard-container #dashboard-recent-approvals {
        position: relative;
        width: 48.5%;
        float: right;
        height: 100%;
    }

        html body #dashboard-container #dashboard-recent-approvals h2 {
            font-size: 21px;
            font-family: "Work Sans", Verdana;
            color: white;
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 500;
        }

        html body #dashboard-container #dashboard-recent-approvals .ratabs-menu {
            height: 40px;
            clear: both;
            width: 100%;
        }

            html body #dashboard-container #dashboard-recent-approvals .ratabs-menu li {
                height: 40px;
                line-height: 40px;
                float: right;
                margin-left: 10px;
                background-color: rgba(255, 255, 255, 0.4);
                border-radius: 3px 3px 0 0;
                position: relative;
                overflow: hidden;
            }

                html body #dashboard-container #dashboard-recent-approvals .ratabs-menu li a {
                    padding: 10px 20px;
                    color: #313131;
                    text-decoration: none;
                    font-size: 14px;
                }

                    html body #dashboard-container #dashboard-recent-approvals .ratabs-menu li a:after {
                        width: 100%;
                        content: '';
                        height: 10px;
                        background: white;
                        box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.5);
                        position: absolute;
                        bottom: -12px;
                        left: 0;
                    }

                html body #dashboard-container #dashboard-recent-approvals .ratabs-menu li.current {
                    position: relative;
                    background: white;
                }

                    html body #dashboard-container #dashboard-recent-approvals .ratabs-menu li.current a:after {
                        display: none;
                    }

        html body #dashboard-container #dashboard-recent-approvals .tab {
            margin-bottom: 20px;
            width: auto;
            height: 100%;
        }

        html body #dashboard-container #dashboard-recent-approvals .tab-content {
            position: relative;
            width: 100%;
            padding: 0;
            display: none;
            max-height: 400px;
            overflow: auto;
            background: rgba(255, 255, 255, 0.1);
        }

            html body #dashboard-container #dashboard-recent-approvals .tab-content table {
                width: 100%;
            }

                html body #dashboard-container #dashboard-recent-approvals .tab-content table tr th, html body #dashboard-container #dashboard-recent-approvals .tab-content table tr td {
                    padding: 5px !important;
                    font-size: 12px;
                    text-align: left;
                }

                html body #dashboard-container #dashboard-recent-approvals .tab-content table thead tr th {
                    background: white;
                    color: #313131;
                }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table thead tr th:first-child {
                        position: relative;
                        padding-left: 30px;
                    }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table thead tr th span.filter {
                        display: inline-block;
                        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
                        background-position: right center;
                        background-repeat: no-repeat;
                        padding-right: 25px;
                        background-size: 18px;
                        cursor: pointer;
                        white-space: nowrap;
                    }

                html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr {
                    cursor: pointer;
                    min-height: 44px;
                }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr td {
                        color: white;
                    }

                        html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr td:first-child {
                            position: relative;
                            padding-left: 15px !important;
                        }

                            html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr td:first-child:before {
                                content: '';
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: 50%;
                                width: 3px;
                                margin: 6% 0 0 0;
                            }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr.recipe td:first-child:before {
                        background: #7AB091;
                    }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr.ingredient td:first-child:before {
                        background: #ED4E4E;
                    }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr.packaging td:first-child:before {
                        background: #EAA417;
                    }

                    html body #dashboard-container #dashboard-recent-approvals .tab-content table tbody tr:hover td {
                        background: rgba(255, 255, 255, 0.1);
                    }

        html body #dashboard-container #dashboard-recent-approvals #ratab-1 {
            display: block;
            overflow-x: hidden;
            height: 100%;
        }

html body #hg-footer {
    background: white;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: "Work Sans", Verdana;
    font-size: 12px;
    color: #323232;
    position: fixed;
    bottom: 0;
    font-weight: 500;
}

html body #idCreateTemplates {
    width: 99%;
}

html body #idCreateStatuses {
    width: 99%;
}

html body #createCodeText {
    width: 99%;
    font-size: 14px;
    text-transform: uppercase;
}

    html body #createCodeText::-webkit-input-placeholder {
        text-transform: none;
    }

    html body #createCodeText:-moz-placeholder {
        text-transform: none;
    }

    html body #createCodeText::-moz-placeholder {
        text-transform: none;
    }

    html body #createCodeText:-ms-input-placeholder {
        text-transform: none;
    }


html body #descText {
    width: 99%;
    font-size: 14px;
}

html body #saveAsCodeText {
    width: 99%;
    font-size: 14px;
    text-transform: uppercase;
}

html body #dialog-record-creation select, html body #dialog-record-creation .select2-selection__rendered {
    font-size: 14px;
}

html body #createRecordContentsContainer {
    font-size: 14px;
}

html body #createRecordCompoundIngredientSelectorContainer {
    font-size: 14px;
    padding: 15px 0 10px 0;
}

html body #declarationGroupSelect {
    width: 95%;
}

html body #dialog-ingredient-declaration-rules {
    font-size: 14px;
    width: 100% !important;
}

html body #createRecordStatusContentsContainer {
    font-size: 14px;
    font-size: 14px;
    margin-bottom: 13px;
}

html body #createRecordDeclarationGroupsContainer {
    font-size: 14px;
}

html body #createRecordContentsCodeAndDescContainer {
    font-size: 14px;
}

html body #lossesTable {
    white-space: nowrap;
}

html body .hg-sortable-griditem[data-cntype="declarationsetup"] .ui-layout-west {
    float: left;
    width: 100%;
}

html body .hg-sortable-griditem[data-cntype="declarationsetup"] .ing_dec_rules_content {
    overflow: auto;
    /*padding-top: 30px;*/
}

    html body .hg-sortable-griditem[data-cntype="declarationsetup"] .ing_dec_rules_content .ing_dec_rules_nametodeclare_text {
        display: none;
    }

    html body .hg-sortable-griditem[data-cntype="declarationsetup"] .ing_dec_rules_content .nametodeclareas {
        display: none;
    }

html body .hg-sortable-griditem[data-cntype="declarationsetup"] input[type=text] {
    font-size: 12px;
}

html body #lossesPopup, html body #volatilePopup, html body #profilePopup, html body #degredationPopup, html body #customunitsPopup, html body #portionsPopup, html body #editPortionsPopup {
    position: relative;
}

    html body #lossesPopup .toolbarTableContainer, html body #volatilePopup .toolbarTableContainer, html body #profilePopup .toolbarTableContainer, html body #degredationPopup .toolbarTableContainer {
        padding: 0 0 10px;
        height: auto;
    }

        html body #lossesPopup .toolbarTableContainer .losses-title, html body #volatilePopup .toolbarTableContainer .losses-title, html body #profilePopup .toolbarTableContainer .losses-title, html body #degredationPopup .toolbarTableContainer .losses-title, html body #customunitsPopup .toolbarTableContainer .losses-title, html body #portionsPopup .toolbarTableContainer .losses-title {
            background: url(../images/accord-arrow-close-dark.png) center right no-repeat;
            cursor: pointer;
            padding-bottom: 10px;
        }

            html body #lossesPopup .toolbarTableContainer .losses-title.open, html body #volatilePopup .toolbarTableContainer .losses-title.open, html body #profilePopup .toolbarTableContainer .losses-title.open, html body #degredationPopup .toolbarTableContainer .losses-title.open, html body #customunitsPopup .toolbarTableContainer .losses-title.open, html body #portionsPopup .toolbarTableContainer .losses-title.open {
                background: url(../images/accord-arrow-open-dark.png) center right no-repeat;
            }

html body #createRecordContentsCodeAndDescContainer .createRecordDiv .create-with-record-title {
    background: url(../images/accord-arrow-close.png) center right no-repeat;
    cursor: pointer;
    margin-top: 3em;
    white-space: nowrap;
    width: 30em;
}

    html body #createRecordContentsCodeAndDescContainer .createRecordDiv .create-with-record-title.open {
        background: url(../images/accord-arrow-open.png) center right no-repeat;
        width: 30em;
    }

html body #nutrition_facts_base_div .appearance_div {
    background: url(../images/accord-arrow-close.png) center right no-repeat;
    cursor: pointer;
}

    html body #nutrition_facts_base_div .appearance_div.open {
        background: url(../images/accord-arrow-open.png) center right no-repeat;
    }

html body #printprofiles_Table .printprofileoptions_div {
    background: url(../images/accord-arrow-close-dark.png) center right no-repeat;
    cursor: pointer;
}

    html body #printprofiles_Table .printprofileoptions_div.open {
        background: url(../images/accord-arrow-open-dark.png) center right no-repeat;
    }

html body #whereused_main_container .whereusedproject_div {
    background: url(../images/accord-arrow-close.png) center right no-repeat;
    cursor: pointer;
    margin-top: 20px;
}

    html body #whereused_main_container .whereusedproject_div.open {
        background: url(../images/accord-arrow-open.png) center right no-repeat;
        margin-top: 20px;
        margin-bottom: 10px;
    }

html body #lossesPopup .toolbarTableContainer .oDivv, html body #volatilePopup .toolbarTableContainer .oDivv, html body #profilePopup .toolbarTableContainer .oDivv, html body #degredationPopup .toolbarTableContainer .oDivv, html body #customunitsPopup .toolbarTableContainer .oDivv, html body #portionsPopup .toolbarTableContainer .oDivv {
    padding-top: 10px;
}

    html body #lossesPopup .toolbarTableContainer .oDivv #volatilesSearch, html body #volatilePopup .toolbarTableContainer .oDivv #volatilesSearch, html body #profilePopup .toolbarTableContainer .oDivv #volatilesSearch, html body #degredationPopup .toolbarTableContainer .oDivv #volatilesSearch, html body #customunitsPopup .toolbarTableContainer .oDivv #volatilesSearch, html body #portionsPopup .toolbarTableContainer .oDivv #volatilesSearch {
        margin-top: 10px;
        width: 40%;
        margin-bottom: 0;
    }

    html body #lossesPopup .toolbarTableContainer .oDivv #volatilesSearch-results, html body #volatilePopup .toolbarTableContainer .oDivv #volatilesSearch-results, html body #profilePopup .toolbarTableContainer .oDivv #volatilesSearch-results, html body #degredationPopup .toolbarTableContainer .oDivv #volatilesSearch-results, html body #customunitsPopup .toolbarTableContainer .oDivv #volatilesSearch-results, html body #portionsPopup .toolbarTableContainer .oDivv #volatilesSearch-results {
        display: none;
        position: relative;
        width: 100%;
        max-width: 40%;
        text-align: left;
        background: white;
        max-height: 250px;
        overflow: auto;
        border: none;
        border-top: 1px solid #92b0b3;
    }

        html body #lossesPopup .toolbarTableContainer .oDivv #volatilesSearch-results span, html body #volatilePopup .toolbarTableContainer .oDivv #volatilesSearch-results span, html body #profilePopup .toolbarTableContainer .oDivv #volatilesSearch-results span, html body #degredationPopup .toolbarTableContainer .oDivv #volatilesSearch-results span, html body #customunitsPopup .toolbarTableContainer .oDivv #volatilesSearch-results span, html body #portionsPopup .toolbarTableContainer .oDivv #volatilesSearch-results span {
            line-height: 40px;
            font-size: 11px;
            padding: 0 15px;
            display: block;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            cursor: pointer;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: normal;
            color: #323232;
        }

            html body #lossesPopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover, html body #volatilePopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover, html body #profilePopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover, html body #degredationPopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover, html body #customunitsPopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover, html body #portionsPopup .toolbarTableContainer .oDivv #volatilesSearch-results span:hover {
                background: #E8E8E8;
            }

html body #lossesPopup .toolbarTableContainer .losspanelscontainer, html body #volatilePopup .toolbarTableContainer .losspanelscontainer, html body #profilePopup .toolbarTableContainer .losspanelscontainer, html body #degredationPopup .toolbarTableContainer .losspanelscontainer, html body #customunitsPopup .toolbarTableContainer .losspanelscontainer, html body #portionsPopup .toolbarTableContainer .losspanelscontainer {
    display: none;
    padding-top: 10px;
    overflow: auto;
}

    html body #lossesPopup .toolbarTableContainer .losspanelscontainer .note-div, html body #volatilePopup .toolbarTableContainer .losspanelscontainer .note-div, html body #profilePopup .toolbarTableContainer .losspanelscontainer .note-div, html body #degredationPopup .toolbarTableContainer .losspanelscontainer .note-div, html body #customunitsPopup .toolbarTableContainer .losspanelscontainer .note-div, html body #portionsPopup .toolbarTableContainer .losspanelscontainer .note-div {
        margin-bottom: 20px;
        font-size: 12px;
    }

html body #lossesPopup .toolbarTableContainer:first-child, html body #volatilePopup .toolbarTableContainer:first-child, html body #profilePopup .toolbarTableContainer:first-child, html body #degredationPopup .toolbarTableContainer:first-child, html body #customunitsPopup .toolbarTableContainer:first-child, html body #portionsPopup .toolbarTableContainer:first-child {
    display: block;
}

    html body #lossesPopup .toolbarTableContainer:first-child .losspanelscontainer, html body #volatilePopup .toolbarTableContainer:first-child .losspanelscontainer, html body #profilePopup .toolbarTableContainer:first-child .losspanelscontainer, html body #degredationPopup .toolbarTableContainer:first-child .losspanelscontainer, html body #customunitsPopup .toolbarTableContainer:first-child .losspanelscontainer, html body #portionsPopup .toolbarTableContainer:first-child .losspanelscontainer {
        display: block;
    }

html body #lossesPopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup, html body #volatilePopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup, html body #profilePopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup, html body #degredationPopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup, html body #customunitsPopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup, html body #portionsPopup .toolbarTableContainer#lossesVolatilesTable .losspanelscontainer .lossesSetup {
    overflow: auto;
}

html body .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
    padding-left: 10px;
}

html body ul.ui-tabs-nav {
    background-position: 0 0;
    background-color: #eee;
    background-repeat: repeat;
    background-attachment: scroll;
}

html body .nutrition .dataValue {
    background-color: #fa707a;
}

html body .cost .dataValue {
    background-color: #eef578;
}

html body li[data-cntype="declarationresult"] div.specialbuttonsdiv .decresultviewchange {
    width: 18px;
    cursor: pointer;
    margin-top: 8px;
    padding-left: 5px
}

html body .toolbarTableContainer[cntype="pdm_pictures"] > div:first-of-type .pdmpicturepanel {
    float: right;
    position: absolute;
    top: 50px;
    /*right: -25px;*/
    width: 13px;
    cursor: pointer;
}

html body .recipe[data-cntype="recipe"] .recipeGridActionPanel {
    position: absolute;
    z-index: 6;
    /*width: 40px;
    height: 39px;
    color: #323232;*/
    font-size: 20px;
    text-align: center;
    /*background: white;*/
    line-height: 40px;
    right: 160px;
    top: 0;
}

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-add {
        font-family: fontello;
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        margin-left: .2em;
        position: absolute;
        width: 40px;
        height: 39px;
        background: white;
        right: -5px;
        border-bottom: none;
        top: -1px;
        font-size: 18px;
        cursor: pointer;
        color: black;
        border-bottom: 1px solid white;
        content: '\e803';
    }

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-search-plus {
        position: absolute;
        width: 40px;
        height: 39px;
        background: white;
        right: -41px;
        border-bottom: 1px solid white;
        top: -1px;
        font-size: 18px;
        cursor: pointer;
    }

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-toexcel {
        position: absolute;
        width: 40px;
        height: 39px;
        background: white;
        right: -81px;
        border-bottom: 1px solid white;
        top: -1px;
        font-size: 18px;
        cursor: pointer;
        color: black;
    }

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-managecolumns {
        position: absolute;
        width: 40px;
        height: 39px;
        background: white;
        right: -121px;
        border-bottom: 1px solid white;
        top: -1px;
        font-size: 18px;
        cursor: pointer;
        color: black;
    }

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-delete {
        position: absolute;
        width: 40px;
        height: 39px;
        background: white;
        right: 39px;
        border-bottom: none;
        top: -1px;
        font-size: 18px;
        cursor: pointer;
        color: black;
        border-bottom: 3px solid white;
        display: none;
    }

html body li[data-cntype="targetresults"] span.icon-edit-targets {
    position: absolute;
    height: 39px;
    background: white;
    right: 78px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-resize {
    position: absolute;
    width: 40px;
    height: 39px;
    background: white;
    right: 79px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
    border-bottom: 3px solid white;
    display: none;
}

html body li[data-cntype^="hgcard"] span.icon-managecolumns {
    position: absolute;
    height: 39px;
    background: white;
    right: 39px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype^="hgcard"] span.icon-add {
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    position: absolute;
    width: 40px;
    height: 39px;
    background: white;
    right: 55px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
    border-bottom: 1px solid white;
    content: '\e803';
}

html body li[data-cntype^="hgcard"] span.icon-delete {
    position: absolute;
    width: 40px;
    height: 39px;
    background: white;
    right: 79px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
    border-bottom: 3px solid white;
    display: none;
}

html body li[data-cntype="hgcardoptimiser"] span.icon-optimise {
    position: absolute;
    width: 40px;
    height: 39px;
    background: white;
    right: 169px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
    border-bottom: 3px solid white;
    display: none;
}

html body li[data-cntype="targetresults"] span.icon-stop-edit-targets {
    position: absolute;
    height: 39px;
    background: white;
    right: 78px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype="targetresults"] span.icon-add {
    position: absolute;
    height: 39px;
    background: white;
    right: 117px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype="targetresults"] span.icon-managecolumns {
    position: absolute;
    height: 39px;
    background: white;
    right: 39px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype="targetresults"] span.icon-delete {
    position: absolute;
    height: 39px;
    background: white;
    right: 156px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype="declarationresult"] span.icon-managecolumns,
html body li[data-cntype="declarationresult"] span.icon-toexcel {
    cursor: pointer;
}

html body li[data-cntype="productionlinesetup"] span.icon-delete {
    position: absolute;
    height: 39px;
    background: white;
    right: 78px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body li[data-cntype="productionlinesetup"] span.icon-add {
    position: absolute;
    height: 39px;
    background: white;
    right: 39px;
    border-bottom: none;
    top: -1px;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .icon-search-plus:before {
    transition: all .3s ease-in-out;
}

html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container {
    position: absolute;
    right: -41px;
    top: 39px;
    width: 300px;
    background: white;
    margin: 0;
    display: none;
}

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch] {
        margin: 0;
        width: 100%;
        font-size: 11px;
    }

        html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-ms-clear, html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-ms-reveal {
            display: none;
            width: 0;
            height: 0;
        }

        html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-webkit-search-decoration, html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-webkit-search-cancel-button, html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-webkit-search-results-button, html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=filterSearch]::-webkit-search-results-decoration {
            display: none;
        }

    html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=quick-search-results] {
        width: 100%;
        text-align: left;
        margin-top: 40px;
    }

        html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=quick-search-results] span {
            height: 40px;
            line-height: 40px;
            font-size: 11px;
            padding: 0 10px;
            display: block;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            cursor: pointer;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: normal;
        }

            html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=quick-search-results] span:hover {
                background: #AA76C2;
                color: white;
            }

            html body .recipe[data-cntype="recipe"] .recipeGridActionPanel .quick-search-container [id^=quick-search-results] span.hovered {
                background: #AA76C2;
                color: white;
            }

html body .hg-sortable-griditem[data-cntype="note"] table.recordDataTable {
    color: #323232;
}

    html body .hg-sortable-griditem[data-cntype="note"] table.recordDataTable td {
        padding: 45px 5px 5px 5px;
        height: 100%;
    }

html body .hg-sortable-griditem[data-cntype="recipe"] .recordDataTable {
    top: 0;
    background: none;
}

    html body .hg-sortable-griditem[data-cntype="recipe"] .recordDataTable thead {
        opacity: 1;
    }

    html body .hg-sortable-griditem[data-cntype="recipe"] .recordDataTable tr td:first-child img {
        cursor: pointer;
    }

html body div[id*='headerUpdateDiv_'].headerUpdateDiv {
    width: 100%;
}

html body a[id*='updateBtn_'].headerUpdateBtn {
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #313131 !important;
    border: none;
    border-radius: 3px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: -webkit-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: linear-gradient(to bottom, white 0%, #f2f2f2 59%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    font-family: 'Work Sans', Verdana, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 0 rgba(117, 117, 117, 0.4);
    text-decoration: none;
    cursor: pointer;
    padding: 12px 15px;
    margin: 10px 40px;
    outline: none;
}

    html body a[id*='updateBtn_'].headerUpdateBtn:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,f2f2f2+41,ffffff+100 */
        background: #ececec;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ececec 0%, #f2f2f2 41%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

html body main {
    box-sizing: border-box;
    width: calc(100% - 48px);
    margin-top: 20px;
    padding-right: 15px;
}

    html body main section.tab-list {
        height: 30px;
    }

        html body main section.tab-list li {
            display: inline-block;
        }

    html body main section.tab-action-bar {
        height: 30px;
    }

        html body main section.tab-action-bar h4 {
            margin: 0;
        }

        html body main section.tab-action-bar .tab-state {
            margin: 0;
            padding: 0;
            list-style: 0;
        }

            html body main section.tab-action-bar .tab-state li {
                display: inline-block;
                margin-left: 5px;
            }

                html body main section.tab-action-bar .tab-state li a.state {
                    width: 16px;
                    height: 16px;
                    display: block;
                    background: transparent url("../andersimages/traffic-lights.png") 0 0 no-repeat;
                }

                    html body main section.tab-action-bar .tab-state li a.state.green {
                        background-position-y: -16px;
                    }

                        html body main section.tab-action-bar .tab-state li a.state.green.active, html body main section.tab-action-bar .tab-state li a.state.green:hover {
                            background-position-y: 0px;
                        }

                    html body main section.tab-action-bar .tab-state li a.state.yellow {
                        background-position-y: -48px;
                    }

                        html body main section.tab-action-bar .tab-state li a.state.yellow.active, html body main section.tab-action-bar .tab-state li a.state.yellow:hover {
                            background-position-y: -32px;
                        }

                    html body main section.tab-action-bar .tab-state li a.state.red {
                        background-position-y: -80px;
                    }

                        html body main section.tab-action-bar .tab-state li a.state.red.active, html body main section.tab-action-bar .tab-state li a.state.red:hover {
                            background-position-y: -64px;
                        }

    html body main section.tab-content {
        box-sizing: border-box;
        height: calc(100vh - 142px);
        padding: 10px 0;
        background-color: #fff;
        overflow: auto;
    }

        html body main section.tab-content .box-container.left .box {
            margin-left: -15px;
        }

        html body main section.tab-content .box-container .box {
            box-sizing: border-box;
            box-shadow: 2px 4px 6px #aaa;
        }

            html body main section.tab-content .box-container .box .box-header {
                position: relative;
                background-color: #726659;
                color: #fff;
                margin-bottom: 1px;
                height: 24px;
            }

                html body main section.tab-content .box-container .box .box-header h4.box-title {
                    margin: 0;
                }

                    html body main section.tab-content .box-container .box .box-header h4.box-title span {
                        margin-left: 5px;
                        font-size: 20px;
                    }

                html body main section.tab-content .box-container .box .box-header a.close {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 12px;
                    height: 12px;
                    line-height: 1;
                    padding: 0;
                    display: block;
                    background: transparent url("../andersimages/close-window-sprite.gif") 0 -24px no-repeat;
                    float: none;
                    text-shadow: none;
                    opacity: 1;
                }

                    html body main section.tab-content .box-container .box .box-header a.close:hover {
                        background-position-y: -36px;
                    }

            html body main section.tab-content .box-container .box .box-actions {
                background-color: #e3e0de;
                color: #000;
                margin-bottom: 1px;
                height: 24px;
                text-align: right;
                padding: 0 10px;
            }

            html body main section.tab-content .box-container .box .box-table {
                height: calc(100vh - 224px);
                overflow: auto;
            }

                html body main section.tab-content .box-container .box .box-table p {
                    padding: 10px;
                    margin: 0;
                }

                html body main section.tab-content .box-container .box .box-table table {
                    margin-bottom: 0;
                }

                    html body main section.tab-content .box-container .box .box-table table thead {
                        background-color: #c7c2bd;
                        color: #000;
                    }

                        html body main section.tab-content .box-container .box .box-table table thead tr th {
                            border-bottom: 1px solid #fff;
                            font-weight: 400;
                        }

                    html body main section.tab-content .box-container .box .box-table table tfoot {
                        background-color: #f1efee;
                    }

                        html body main section.tab-content .box-container .box .box-table table tfoot tr td {
                            border-top: 1px solid #fff;
                        }

                    html body main section.tab-content .box-container .box .box-table table tbody tr {
                        background-color: #f2f7db;
                    }

                        html body main section.tab-content .box-container .box .box-table table tbody tr td {
                            border-top: 1px solid #fff;
                        }

                        html body main section.tab-content .box-container .box .box-table table tbody tr:nth-child(even) {
                            background-color: #e8f2c0;
                        }

            html body main section.tab-content .box-container .box.halfsize {
                width: 49%;
                display: inline-block;
                margin-bottom: 21px;
            }

                html body main section.tab-content .box-container .box.halfsize .box-table {
                    height: calc((100vh - 270px) / 2);
                }

                html body main section.tab-content .box-container .box.halfsize:nth-child(odd) {
                    margin-right: 19px;
                }

                html body main section.tab-content .box-container .box.halfsize:nth-child(even) {
                    margin-right: -15px;
                }

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
}

html body main section.tab-content .box-container .box.halfsize:nth-last-child(1), html body main section.tab-content .box-container .box.halfsize:nth-last-child(2) {
    margin-bottom: 0;
}

html body aside {
    width: 48px;
    float: right;
    padding: 40px 4px 80px;
    margin-top: 50px;
    background-color: #d8d2d3;
}

html body nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

html body header:not(.fcid-header) nav {
    position: absolute;
}

    html body header:not(.fcid-header) nav a {
        color: #fff;
        font-size: 18px;
    }

        html body header:not(.fcid-header) nav a:hover {
            color: #ffff99;
            text-decoration: none;
        }

            html body header:not(.fcid-header) nav a:hover .icon {
                background-position-y: -24px;
            }

    html body header:not(.fcid-header) nav#dashboard-navigation {
        bottom: 0px;
        left: 150px;
    }

        html body header:not(.fcid-header) nav#dashboard-navigation li {
            margin-right: 10px;
        }

    html body header:not(.fcid-header) nav#primary-navigation {
        bottom: 0px;
        left: 150px;
    }

        html body header:not(.fcid-header) nav#primary-navigation li {
            margin-right: 10px;
        }

    html body header:not(.fcid-header) nav#secondary-navigation {
        bottom: 0px;
        right: 15px;
    }

        html body header:not(.fcid-header) nav#secondary-navigation li {
            margin-left: 10px;
        }

    html body header:not(.fcid-header) nav li {
        display: inline-block;
    }

html body main section.tab-list nav {
    height: inherit;
}

html body main section.tab-list li {
    position: relative;
    width: 175px;
    height: 30px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
}

    html body main section.tab-list li a {
        width: 100%;
        height: 100%;
        line-height: 3em;
        display: block;
        padding: 0 33px 0 4px;
        font-size: 12px;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 1;
    }

        html body main section.tab-list li a:hover {
            text-decoration: none;
        }

        html body main section.tab-list li a.close {
            position: absolute;
            top: 0;
            right: 0;
            width: 12px;
            height: 12px;
            line-height: 1;
            padding: 0;
            display: block;
            background: transparent url("../andersimages/close-window-sprite.gif") 0 -24px no-repeat;
            float: none;
            text-shadow: none;
            opacity: 1;
        }

            html body main section.tab-list li a.close:hover {
                background-position-y: -36px;
            }

    html body main section.tab-list li:hover, html body main section.tab-list li.active {
        background-color: #fff;
    }

        html body main section.tab-list li:hover a.close, html body main section.tab-list li.active a.close {
            background-position-y: 0;
        }

            html body main section.tab-list li:hover a.close:hover, html body main section.tab-list li.active a.close:hover {
                background-position-y: -12px;
            }

html body main section.tab-action-bar nav li {
    display: inline-block;
    margin-right: 10px;
}

    html body main section.tab-action-bar nav li a {
        color: #000;
    }

        html body main section.tab-action-bar nav li a:hover {
            color: #5355a5;
            text-decoration: none;
        }

            html body main section.tab-action-bar nav li a:hover .icon {
                background-position-y: -24px;
            }

html body aside nav li {
    margin-bottom: 1px;
}

html body #tabs-ul {
    border: none;
    border-radius: 0;
    background: transparent;
}

    html body #tabs-ul.collapse {
        max-height: 70px;
        overflow: hidden;
    }

    html body #tabs-ul > li {
        border: none;
        padding: 7.5px 15px 7.5px 15px;
        background: rgba(255, 255, 255, 0.4);
        margin: 30px 10px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        display: block;
        float: right;
        text-transform: none;
        font-weight: 400;
        height: 25px;
        cursor: pointer;
    }

    html body #tabs-ul .ui-tabs-active {
        background: #ffffff;
        position: relative;
        z-index: 1;
    }

    html body #tabs-ul > li > a {
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        z-index: 1;
        font-size: 12px;
        color: #000;
        outline: none;
        cursor: pointer;
    }

html body article[id*='hg-workspace-'].ui-tabs-panel {
    padding: 0 10px 10px;
}

html body .gradbtn {
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #313131 !important;
    border: none;
    border-radius: 3px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: -webkit-linear-gradient(top, white 0%, #f2f2f2 59%, #ececec 100%);
    background: linear-gradient(to bottom, white 0%, #f2f2f2 59%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    font-family: 'Work Sans', Verdana, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 0 rgba(117, 117, 117, 0.4);
    text-decoration: none;
    cursor: pointer;
    padding: 12px 15px;
    outline: none;
}

    html body .gradbtn:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,f2f2f2+41,ffffff+100 */
        background: #ececec;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ececec 0%, #f2f2f2 41%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ececec 0%, #f2f2f2 41%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

html body .green-grd-btn {
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #FFFFFF !important;
    border: none;
    border-radius: 3px;
    font-family: 'Work Sans', Verdana, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
    padding: 12px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6cb03f+0,76ba4b+3,76b94f+5,74b54d+13,76b84e+15,74b64a+18,73b54b+26,67a93d+82,64a53d+90,64a73e+92,61a536+97,6baf3e+100 */
    background: #7AB091;
    /* IE6-9 */
    outline: none;
}

    html body .green-grd-btn:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6baf3e+0,61a536+3,64a73e+8,64a53d+10,67a93d+18,73b54b+74,74b64a+82,76b84e+85,74b54d+87,76b94f+95,76ba4b+97,6cb03f+100 */
        background: #7AB091;
        /* IE6-9 */
    }

    html body .green-grd-btn:disabled {
        color: lightgray !important;
        cursor: auto;
    }

    html body .green-grd-btn:enabled {
        background: #7AB091;
    }

html body .silver-grd-btn {
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    float: right;
    border: none;
    border-radius: 3px;
    font-family: 'Work Sans', Verdana, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
    padding: 12px 20px;
    /* IE6-9 */
    outline: none;
}

    html body .silver-grd-btn:disabled {
        color: lightgray !important;
    }


html body .ui-dialog .ui-dialog-content::-webkit-scrollbar {
    width: 8px;
}

html body .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 3px;
}

html body .losspanelscontainer {
    max-height: 240px;
    overflow-y: auto;
    width: 100%;
}

html body .portionpanelscontainer, html body .customunitpanelscontainer, html body .weightsandmeasurescontainer {
    height: calc(100% - 40px);
    overflow-y: auto;
    width: 100%;
    max-height: 150px;
}

html body .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

html body .animated2ms {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

html body .animate-state {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

html body .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

html body .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

html body .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
}

html body .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}




html body .display_info_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 38px;
    color: black;
    background: #B1E6C9;
    border: 1px #86CBB5 solid;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
}

    html body .display_info_message:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e802';
        color: white;
        font-size: 27px;
        background: #007A53;
        padding-top: 2px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 2px;
        border-radius: 20px;
        vertical-align: bottom;
    }

html body .display_collab_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 38px;
    color: black;
    background: #96c9ee;
    border: 1px #3283a8 solid;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
}

    html body .display_collab_message div.messagetext {
        display: inline;
        position: relative;
        top: -3px;
    }

    html body .display_collab_message span.moreinfo {
        float: right;
        margin-top: 7px;
    }

    html body .display_collab_message img.avatar {
        height: 38px;
        position: relative;
        top: -5px;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        color: white;
        font-size: 27px;
        //background: #1ca1c1;
        padding-top: 2px;
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
        border-radius: 20px;
    }

    html body .display_collab_message .collabicon {
        position: relative;
        top: 3px;
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        color: white;
        background: #1ca1c1;
        padding: 4px;
        border-radius: 20px;
    }

html body .display_review_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 38px;
    color: black;
    background: #FFF5CE;
    border: 1px #3283a8 solid;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
}

html body .display_review_message.complete {
    background: #B1E6C9;
}

    html body .display_review_message.prevent {
        background: #FFAEC9;
    }

html body .display_review_message div.messagetext {
    display: inline;
    position: relative;
    top: -3px;
}

html body .display_review_message span.moreinfo {
    float: right;
    margin-top: 7px;
}

    html body .display_review_message .reviewicon {
        position: relative;
        top: 3px;
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        color: white;
        background: #FBBF47;
        padding: 4px;
        border-radius: 20px;
    }
    html body .display_review_message.complete .reviewicon{
        background: #007A53;
    }

    html body .display_review_message.prevent .reviewicon{
        background: red;
    }
    html body .display_review_message.prevent .uniquereviewerscountspan {
        color: red !important;
    }

    html body .display_review_message .reviewcompletion {
        vertical-align: middle;
        padding-right: 5px;
    }
        html body .display_review_message .reviewcompletion .completionspan {
            padding-top: 6px;
        }
        html body .display_review_message .reviewcompletion .completionpercspan {
            color: black !important;
            font-weight:bold;
        }
    html body .display_review_message .reviewuniqueperson {
        vertical-align: middle;
        padding-right: 5px;
    }
    html body .display_review_message .reviewuniqueperson > span {
        top: -5px;
        position: relative;
    }
    html body .display_review_message .reviewuniqueperson .uniquereviewerscountspan {
        vertical-align: middle;
    }

    html body .close-info {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        margin-top: -50px;
        cursor: pointer;
    }

    html body .close-info:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e805';
        width: 40px;
        height: 40px;
        font-size: 15px;
        color: #323232;
        margin: 0 10px 0 0;
        line-height: 40px;
    }

    html body .close-info:hover:before {
        color: #656565;
    }



html body .display_warning_message, html body .display_warning2_message, html body .display_warning3_message {
    position: relative;
    height: 38px;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-right: 50px !important;
    line-height: 38px;
    color: black;
    background: #FFF5CE;
    border: 1px #FBBF47 solid;
    font-size: 14px;
    margin-bottom: 10px;
    border-radius: 10px;
    display: none;
}

    html body .display_warning_message:before, html body .display_warning2_message:before, html body .display_warning3_message:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e81b';
        color: white;
        font-size: 22px;
        background: #FBBF47;
        padding-top: 4px;
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 4px;
        border-radius: 20px;
        vertical-align: bottom;
    }

html body .close-warning {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    margin-top: -50px;
    cursor: pointer;
}

    html body .close-warning:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
        content: '\e805';
        width: 40px;
        height: 40px;
        font-size: 15px;
        color: #323232;
        margin: 0 10px 0 0;
        line-height: 40px;
    }

    html body .close-warning:hover:before {
        color: #656565;
    }

html body .ing_dec_rules_percent_text {
    text-align: right;
}

html body .pdm_container_pictures {
    width: calc(100% - 5px);
    height: calc(100% - 40px);
    white-space: normal !important;
    border-spacing: 5px;
    border-collapse: separate;
    display: block;
    overflow: hidden;
}

.pdm_container_pictures_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

html body .pdm_container_attachments {
    width: calc(100% - 5px);
    height: calc(100% - 40px);
    white-space: normal !important;
    border-spacing: 5px;
    border-collapse: separate;
    display: block;
    overflow: hidden;
}

.pdm_container_attachments_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

html body .pdm_container_pifimport {
    width: calc(100% - 5px);
    height: calc(100% - 40px);
    white-space: normal !important;
    border-spacing: 5px;
    border-collapse: separate;
    display: block;
    overflow: hidden;
}

.pdm_container_pifimport_tbody {
    display: table;
    width: calc(100% - 5px);
    height: calc(100% - 10px);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

.pdm_container_pifimport_tbody_indlg {
    display: table;
    width: calc(100% - 5px);
    height: auto;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: white;
}

.attachment_container_table {
    color: black;
    width: 100%;
    height: 100%;
}

.attachment_container_td1 {
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
}

.attachment_container_td2 {
    text-align: left;
    white-space: pre-wrap;
}


html body .pdm_container_pictures_text {
    font-size: 11px;
    padding: 10px 35px 10px 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    background: transparent;
    /*background: white; */
}

    html body .pdm_container_pictures_text b {
        font-weight: bold !important;
    }

.pdm_container_pictures_img {
    width: auto;
    height: auto;
    max-height: 98%;
    max-width: 98%;
}

.pdm_container_pictures_ie_img {
    width: 100%;
    height: 100%;
    max-height: 98%;
    max-width: 98%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 50%;*/
}

html body .pdm_container_pifimport_text {
    font-size: 11px;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    background: transparent;
    /*background: white; */
}

    html body .pdm_container_pifimport_text b {
        font-weight: bold !important;
    }

.pdm_container_pifimport_img {
    width: auto;
    height: auto;
    max-height: 98%;
    max-width: 98%;
}

.pdm_container_pifimport_ie_img {
    width: 100%;
    height: 100%;
    max-height: 98%;
    max-width: 98%;
}

/*PDM picture css stuff*/
.pic_container {
    width: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
    margin: 0 auto;
}

    .pic_container h1 {
        font-size: 42px;
        font-weight: 300;
        color: #0f3c4b;
        margin-bottom: 40px;
    }

        .pic_container h1 a:hover,
        .pic_container h1 a:focus {
            color: #39bfd3;
        }

    .pic_container nav {
        margin-bottom: 40px;
    }

        .pic_container nav a {
            border-bottom: 2px solid #c8dadf;
            display: inline-block;
            padding: 4px 8px;
            margin: 0 5px;
        }

            .pic_container nav a.is-selected {
                font-weight: 700;
                color: #39bfd3;
                border-bottom-color: currentColor;
            }

            .pic_container nav a:not( .is-selected ):hover,
            .pic_container nav a:not( .is-selected ):focus {
                border-bottom-color: #0f3c4b;
            }

    .pic_container footer {
        color: #92b0b3;
        margin-top: 40px;
    }

        .pic_container footer p + p {
            margin-top: 1em;
        }

        .pic_container footer a:hover,
        .pic_container footer a:focus {
            color: #39bfd3;
        }


/*PDM attachment css stuff*/
.attachment_container {
    width: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
    margin: 0 auto;
}

    .attachment_container h1 {
        font-size: 42px;
        font-weight: 300;
        color: #0f3c4b;
        margin-bottom: 40px;
    }

        .attachment_container h1 a:hover,
        .attachment_container h1 a:focus {
            color: #39bfd3;
        }

    .attachment_container nav {
        margin-bottom: 40px;
    }

        .attachment_container nav a {
            border-bottom: 2px solid #c8dadf;
            display: inline-block;
            padding: 4px 8px;
            margin: 0 5px;
        }

            .attachment_container nav a.is-selected {
                font-weight: 700;
                color: #39bfd3;
                border-bottom-color: currentColor;
            }

            .attachment_container nav a:not( .is-selected ):hover,
            .attachment_container nav a:not( .is-selected ):focus {
                border-bottom-color: #0f3c4b;
            }

    .attachment_container footer {
        color: #92b0b3;
        margin-top: 40px;
    }

        .attachment_container footer p + p {
            margin-top: 1em;
        }

        .attachment_container footer a:hover,
        .attachment_container footer a:focus {
            color: #39bfd3;
        }

/*PIF Import css stuff*/
.pif_container {
    width: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
    margin: 0 auto;
}

    .pif_container h1 {
        font-size: 42px;
        font-weight: 300;
        color: #0f3c4b;
        margin-bottom: 40px;
    }

        .pif_container h1 a:hover,
        .pif_container h1 a:focus {
            color: #39bfd3;
        }

    .pif_container nav {
        margin-bottom: 40px;
    }

        .pif_container nav a {
            border-bottom: 2px solid #c8dadf;
            display: inline-block;
            padding: 4px 8px;
            margin: 0 5px;
        }

            .pif_container nav a.is-selected {
                font-weight: 700;
                color: #39bfd3;
                border-bottom-color: currentColor;
            }

            .pif_container nav a:not( .is-selected ):hover,
            .pif_container nav a:not( .is-selected ):focus {
                border-bottom-color: #0f3c4b;
            }

    .pif_container footer {
        color: #92b0b3;
        margin-top: 40px;
    }

        .pif_container footer p + p {
            margin-top: 1em;
        }

.pic_container footer a:hover,
.pic_container footer a:focus {
    color: #39bfd3;
}

.box {
    font-size: 1.25rem; /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 5% 5%;
}

    .box.has-advanced-upload {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
    }

    .box.is-dragover {
        outline-offset: -20px;
        outline-color: #c8dadf;
        background-color: #fff;
    }

.box__dragndrop,
.box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
    cursor: pointer;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY( -50% );
    transform: translateY( -50% );
}

.box__uploading {
    font-style: italic;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY( -50% ) scale( 0 );
    }

    75% {
        -webkit-transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        -webkit-transform: translateY( -50% ) scale( 1 );
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY( -50% ) scale( 0 );
    }

    75% {
        transform: translateY( -50% ) scale( 1.1 );
    }

    to {
        transform: translateY( -50% ) scale( 1 );
    }
}

.box__restart {
    font-weight: 700;
}

    .box__restart:focus,
    .box__restart:hover {
        color: #39bfd3;
    }

.box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .box__file + label {
        max-width: 80%;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
    }

        .box__file + label:hover strong,
        .box__file:focus + label strong,
        .box__file.has-focus + label strong {
            color: #39bfd3;
        }

    .box__file:focus + label,
    .box__file.has-focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    .box__file + label * {
        /* pointer-events: none; */ /* in case of FastClick lib use */
    }


.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}

    .box__button:hover,
    .box__button:focus {
        background-color: #0f3c4b;
    }



/*Box pictures*/
.boxpicture {
    font-size: 1.25rem; /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 5% 5%;
}

    .boxpicture.has-advanced-upload {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
    }

    .boxpicture.is-dragover {
        outline-offset: -20px;
        outline-color: #c8dadf;
        background-color: #fff;
    }

    .boxpicture.has-advanced-upload .box__dragndrop {
        display: inline;
    }

    .boxpicture.has-advanced-upload .box__icon {
        width: 100%;
        height: 80px;
        fill: #92b0b3;
        display: block;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .boxpicture.is-uploading .box__input,
    .boxpicture.is-success .box__input,
    .boxpicture.is-error .box__input {
        visibility: hidden;
    }

    .boxpicture.is-uploading .box__uploading,
    .boxpicture.is-success .box__success,
    .boxpicture.is-error .box__error {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -webkit-transform: translateY( -50% );
        transform: translateY( -50% );
    }


/*Box attachments*/
.boxattachment {
    font-size: 1.25rem; /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 5% 5%;
}

    .boxattachment.has-advanced-upload {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
    }

    .boxattachment.is-dragover {
        outline-offset: -20px;
        outline-color: #c8dadf;
        background-color: #fff;
    }

    .boxattachment.has-advanced-upload .box__dragndrop {
        display: inline;
    }

    .boxattachment.has-advanced-upload .box__icon {
        width: 100%;
        height: 80px;
        fill: #92b0b3;
        display: block;
        margin-bottom: 40px;
        cursor: pointer;
    }

    .boxattachment.is-uploading .box__input,
    .boxattachment.is-success .box__input,
    .boxattachment.is-error .box__input {
        visibility: hidden;
    }

    .boxattachment.is-uploading .box__uploading,
    .boxattachment.is-success .box__success,
    .boxattachment.is-error .box__error {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -webkit-transform: translateY( -50% );
        transform: translateY( -50% );
    }

/*Box PIF*/
.boxpif {
    font-size: 1.25rem; /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 2% 2%;
}

    .boxpif.has-advanced-upload {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
    }

    .boxpif.is-dragover {
        outline-offset: -20px;
        outline-color: #c8dadf;
        background-color: #fff;
    }

    .boxpif.has-advanced-upload .box__dragndrop {
        display: inline;
    }

    .boxpif.has-advanced-upload .box__icon {
        width: 100%;
        height: 40px;
        fill: #92b0b3;
        display: block;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .boxpif.is-uploading .box__input,
    .boxpif.is-success .box__input,
    .boxpif.is-error .box__input {
        visibility: hidden;
    }

    .boxpif.is-uploading .box__uploading,
    .boxpif.is-success .box__success,
    .boxpif.is-error .box__error {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -webkit-transform: translateY( -50% );
        transform: translateY( -50% );
    }

b,
strong {
    font-weight: bold;
}

.labelDataSetup .select2-container .select2-selection--multiple {
    max-height: 64px;
}

.printProfilesSetup .select2-container .select2-selection--multiple {
    border: none;
    max-height: 64px;
}

.printprofileoptions.select2-container .select2-selection--multiple {
    max-height: 64px;
}

.rTableCellFull .select2-container .select2-selection--multiple {
    max-height: 64px;
}

.addproductspecification_menuitem_active {
    display: block;
}

.addproductspecification_menuitem_notactive {
    display: none;
}

html body .ing_dec_rules_choiceinfo-block {
    margin: 0;
    padding: 20px;
    border: 0;
    float: right;
    min-height: 1px;
    width: 50%;
    font-size: 11px;
}

    html body .ing_dec_rules_choiceinfo-block .ing_dec_rules_nametodeclare_text {
        font-size: 11px;
        float: right;
        margin: 0px;
        width: 100%;
    }

html body .ing_dec_rules_choiceinfo-block {
    margin: 0;
    padding: 20px;
    border: 0;
    float: right;
    min-height: 1px;
    width: 50%;
    font-size: 11px;
}

    html body .ing_dec_rules_choiceinfo-block .ing_dec_rules_nametodeclare_text {
        font-size: 11px;
        float: right;
        margin: 0px;
        width: 100%;
    }

html body .ing_dec_rules_ruleinfo-block {
    margin: 0;
    padding: 20px;
    border: 0;
    float: right;
    min-height: 1px;
    width: 50%;
    font-size: 11px;
}

    html body .ing_dec_rules_ruleinfo-block .ing_dec_rules_choicenames_select {
        font-size: 11px;
        float: right;
        margin: 0px;
        width: 100%;
    }

html body .ing_dec_rules_choiceinfoselect-block {
    margin: 0;
    padding: 20px;
    border: 0;
    float: left;
    min-height: 1px;
    font-size: 11px;
    width: 50%;
}

    html body .ing_dec_rules_choiceinfoselect-block .ing_dec_rules_nametodeclare_select {
        float: left;
        line-height: 40px;
        padding-right: 10px;
        font-weight: bold;
        width: 100%;
    }

    html body .ing_dec_rules_choiceinfoselect-block .ing_dec_rules_rule_select {
        float: left;
        line-height: 40px;
        padding-right: 10px;
        font-weight: bold;
        width: 100%;
    }

    html body .ing_dec_rules_choiceinfoselect-block .recipe_dec_rules_nametodeclare_select {
        float: left;
        line-height: 40px;
        padding-right: 10px;
        font-weight: bold;
        width: 100%;
    }

    html body .ing_dec_rules_choiceinfoselect-block > span {
        width: 100% !important;
        min-width: 100%;
    }

html body .ing_dec_rules_divcolumgridchoicedetails {
    overflow: hidden;
    width: 100%;
    background-color: #F9FAFB;
}

html body .ing_dec_rules_divcolumgridruledetails {
    overflow: hidden;
    width: 100%;
}

html body .ing_dec_rules_divcolumgridheader > div {
    width: 50%;
    background-color: #F9FAFB;
    line-height: 40px;
    color: #323232;
    padding: 0 10px;
    font-weight: bold;
    font-size: 16px;
}

.clipped {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.settings-project-selection-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
    z-index: 999;
}

html body .expWhereUsedBarHolder {
    top: 29px;
    width: 100%;
    margin-bottom: 40px;
}

.whereused-projects-updating {
    position: relative !important;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 40px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

html body #updateCodeText {
    width: 99%;
    font-size: 14px;
    text-transform: uppercase;
}

[id^=select2-pdmpageselector_] {
    white-space: nowrap;
}

    [id^=select2-pdmpageselector_] [aria-selected].select2-results__option--highlighted {
        white-space: pre-wrap;
        display: block;
    }

    [id^=select2-pdmpageselector_] .select2-results__option--highlighted[aria-selected] {
        white-space: pre-wrap;
        display: block;
    }

[id^=select2-spectemplates_] {
    max-width: 290px;
}

    [id^=select2-spectemplates_] [aria-selected].select2-results__option--highlighted {
        white-space: pre-wrap;
        display: block;
    }

    [id^=select2-spectemplates_] .select2-results__option--highlighted[aria-selected] {
        white-space: pre-wrap;
        display: block;
    }

    [id^=select2-spectemplates_] li.select2-results__option {
        white-space: pre-wrap;
        display: inline-block;
    }

.menuspacer {
    border-left: 1px solid #E6E6E6;
    float: left;
    margin-top: 11px;
    text-align: left;
}

[id^=recipeSaveBtn_] > span {
    padding-left: 2px;
    padding-right: 10px;
}

[id^=specSaveBtn_] > span {
    padding-left: 2px;
    padding-right: 10px;
}

#uniqueCodeCreateRecordMsg {
    float: right;
    font-weight: normal;
    vertical-align: bottom;
    color: black;
    padding-top: 3em;
    font-size: 12px;
}

.usagehidden {
    display: none;
}

#usageCreateRecordMsg {
    color: red;
    height: 0px;
    float: right;
}

.ui-dialog .ui-dialog-title {
    overflow: visible;
}

.viewmodelabel {
    color: black;
    float: left;
    font-weight: normal;
    font-size: 14px;
    padding-top: 2px;
}

.pdmpagingcontrols {
    display: inline-block;
    width: 100%;
    margin-top: -15px;
    min-height: 30px;
    margin-bottom: 20px;
}

.pdmpageselectorlabel {
    color: black;
    font-weight: normal;
    font-size: 14px;
    padding-top: 9px;
    display: inline-block;
    position: absolute;
    left: -25px;
}

.pdmpageselector span {
    font-weight: bold !important;
}

.pdmpageselector .select2-container {
    min-width: 300px !important;
}

/* Override the row colors for allergens panel and also the wrapping */
html body table[cntype*='intolerance:masterviews'].recordDataTable {
    background: none;
    background-attachment: inherit;
}

tr.trallergensoddbackground {
    background: #F9FAFB !important;
}

tr.trallergensevenbackground {
    background: white !important;
}

html body table[cntype*='cost'].recordDataTable tr:nth-child(even) {
    background: white;
}

html body table[cntype*='intolerance:masterviews'].recordDataTable tr:nth-child(even) {
    background: white !important;
}

html body table[cntype*='intolerance:masterviews'].recordDataTable td span {
    /*white-space: pre-wrap !important;*/
}

    html body table[cntype*='intolerance:masterviews'].recordDataTable td span.full p {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    html body table[cntype*='intolerance:masterviews'].recordDataTable td span.intolselect p {
        text-align: right !important;
        padding-right: 10px !important;
    }

html body table[cntype*='intolerance:masterviews'].recordDataTable .select2-selection__rendered {
    text-align: right !important;
}

/* Override the row colors for nutrition panel and also the wrapping */
html body table[cntype*='nutrition'].recordDataTable {
    background: #F5F9F7;
    background-attachment: inherit;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

tr.trnutritionoddbackground {
    background: #F9FAFB !important;
}

tr.trnutritionevenbackground {
    background: white !important;
}

html body table[cntype*='nutrition'].recordDataTable tr:nth-child(even) {
    background: white;
}

html body table[cntype*='nutrition'].recordDataTable td span {
    white-space: pre-wrap !important;
}

    html body table[cntype*='nutrition'].recordDataTable td span.RAlignedText {
        width: auto !important;
    }

    html body table[cntype*='nutrition'].recordDataTable td span.full p {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.pic_container .box.has-advanced-upload .box__icon {
    fill: #92b0b3 !important;
}

.pic_container .box.has-advanced-upload {
    outline: 0px !important;
    outline-offset: 0px !important;
}

.pic_container .box {
    background-color: transparent !important;
}

.pic_container .box__file + label {
    color: #92b0b3 !important;
}

.pic_container .spantext {
    white-space: pre-wrap;
}

.pic_container .box__uploading {
    color: #92b0b3 !important;
}

.ieselectbackground {
    background-image: url(../images/SelectIcon.png) !important;
    height: 16px !important;
    background-size: 10px 10px;
}

.chromeselectboxfix {
    line-height: normal !important;
}

.svgbackground {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' viewBox='0 0 24 24' width='16' height='16'><g transform='translate(0,6)'><path d='M5.75 6.78L2.93 9.08L8.56 9.08L14.2 9.08L11.38 6.78L8.56 4.48L5.75 6.78Z' id='d164iBHc6I'></path><path d='M5.75 14.61L2.93 12.31L8.56 12.31L14.2 12.31L11.38 14.61L8.56 16.91L5.75 14.61Z' id='a17yAhFfL4'></path></g></svg>") !important;
}

td.packagingHeader {
    font-size: 14px !important;
}

select.intolselect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-position: 100% 0px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    /* Remove the border */
    /* Style it */
    outline: none;
    height: 23px;
    width: 90px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: transparent;
    background-image: none;
    background-attachment: scroll;
}

    /*To remove the arrow in IE10*/
    select.intolselect::-ms-expand {
        display: none !important;
    }

    /* Set styles for focus and hovering*/
    select.intolselect:focus, select.intolselect:hover {
        border: 1px;
        border-color: dark-gray;
        border-style: dashed;
    }

.intolselect select {
    background: transparent;
    border: 0px;
    font-size: 14px;
    padding-left: 3px; /* If you add too much padding here, the options won't show in IE */
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 90px;
}

    .intolselect select:focus {
        /*Remove the border*/
        outline: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

.intolselect option:active {
    background-color: transparent;
    color: black;
}

.intolselect option:hover {
    outline: 0px;
    background-color: #E8E8E8;
}

select.recipeunitsselect {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background-position: 100% 0px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    /* Remove the border */
    /* Style it */
    outline: none;
    height: 23px;
    width: 90px;
    padding-left: 3px !important;
    padding-right: 20px !important;
    background-color: transparent;
    background-image: none;
    background-attachment: scroll;
}

    /*To remove the arrow in IE10*/
    select.recipeunitsselect::-ms-expand {
        display: none !important;
    }

    /* Set styles for focus and hovering*/
    select.recipeunitsselect:focus, select.recipeunitsselect:hover {
        border: 1px;
        border-color: dark-gray;
        border-style: dashed;
    }

.recipeunitsselect select {
    background: transparent;
    border: 0px;
    font-size: 14px;
    padding-left: 3px; /* If you add too much padding here, the options won't show in IE */
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 90px;
}

    .recipeunitsselect select:focus {
        /*Remove the border*/
        outline: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

.recipeunitsselect option:active {
    background-color: transparent;
    color: black;
}

.recipeunitsselect option:hover {
    outline: 0px;
    background-color: #E8E8E8;
}

.fortnightagoimg {
    width: 25px !important;
    height: 25px !important;
}

.uniquereviewerscount {
    padding: 0 !important;
    padding-right: 13px !important;
}

    .uniquereviewerscount td {
        padding: 0 !important;
    }

.uniqueperson {
    width: 17px !important;
    height: 17px !important;
}

.uniquecurrentperson {
    width: 22px !important;
    height: 22px !important;
    padding-top: 1px;
    padding-left: 4px;
}

.reviewerdashicons {
    background: transparent !important;
    white-space: nowrap;
}

    .reviewerdashicons:hover {
        background: transparent !important;
    }

.reviewerdashiconstd {
    padding: 0px !important;
}

.uniquereviewerscountspan {
    color: #7AB091 !important;
    font-size: 11px !important;
    vertical-align: text-bottom;
}

.daysinreviewspan {
    color: white !important;
    font-size: 11px !important;
    vertical-align: text-bottom;
    margin-left:-8px;
}

.completionspan {
    color: darkorange !important;
    font-size: 25px !important;
    vertical-align: middle;
    position:absolute;
}
.completionpercspan {
    color: white !important;
    font-size: 11px !important;
    vertical-align: text-bottom;
    position: relative;
    transform: translate(-50%, -50%);
}

.daysinreviewspan {
    color: white !important;
    font-size: 11px !important;
    vertical-align: text-bottom;
    margin-left:-8px;
}

.completionspan {
    color: darkorange !important;
    font-size: 25px !important;
    vertical-align: middle;
    position:absolute;
}
.completionpercspan {
    color: white !important;
    font-size: 11px !important;
    vertical-align: text-bottom;
    position: relative;
    transform: translate(-50%, -50%);
    margin-right:5px;
}

div[view_id='recordlist5'] .webix_column > div,
div[view_id='recordlist5'] .webix_table_cell {
    border-right: 1px solid #EDEFF0;
    padding: 0 3px;
    border-bottom: 1px solid #EDEFF0;
}

#tabs-container-awaiting-review {
    height: 80%;
}

#tabs-container-recent-approvals {
    height: 80%;
}

.pif_specimport_container {
    width: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
    margin: 0 auto;
    line-height: normal;
}

    .pif_specimport_container h1 {
        font-size: 42px;
        font-weight: 300;
        color: #0f3c4b;
        margin-bottom: 40px;
    }

        .pif_specimport_container h1 a:hover,
        .pif_specimport_container h1 a:focus {
            color: #39bfd3;
        }

    .pif_specimport_container nav {
        margin-bottom: 40px;
    }

        .pif_specimport_container nav a {
            border-bottom: 2px solid #c8dadf;
            display: inline-block;
            padding: 4px 8px;
            margin: 0 5px;
        }

            .pif_specimport_container nav a.is-selected {
                font-weight: 700;
                color: #39bfd3;
                border-bottom-color: currentColor;
            }

            .pif_specimport_container nav a:not( .is-selected ):hover,
            .pif_specimport_container nav a:not( .is-selected ):focus {
                border-bottom-color: #0f3c4b;
            }

    .pif_specimport_container footer {
        color: #92b0b3;
        margin-top: 40px;
    }

        .pif_specimport_container footer p + p {
            margin-top: 1em;
        }

        .pif_specimport_container footer a:hover,
        .pif_specimport_container footer a:focus {
            color: #39bfd3;
        }

.box__chromeedgeicon {
    height: 30% !important;
    width: 30% !important;
    margin-left: 35%;
}

.pif_specimport_container .boxpif.has-advanced-upload .box__icon {
    fill: #92b0b3 !important;
    height: auto !important;
    padding-bottom: 20px;
}

.pif_specimport_container .boxpif.has-advanced-upload {
    outline: 0px !important;
    outline-offset: 0px !important;
}

.pif_specimport_container .boxpif {
    background-color: transparent !important;
}

.pif_specimport_container .box__file + label {
    color: #92b0b3 !important;
}

.pif_specimport_container .spantext {
    white-space: pre-wrap;
    display: block;
    font-size: 25px;
}

.pif_specimport_container .box__uploading {
    color: #92b0b3 !important;
}

html body .hg-sortable-griditem.nutrition div.toolbarTableContainer > div:first-of-type {
    right: 60px;
}

html body #dashboard-container #dashboard-graphics-activity {
    position: relative;
    display: inline-block;
}

    html body #dashboard-container #dashboard-graphics-activity .tab {
        margin-bottom: 20px;
        width: auto;
    }


    html body #dashboard-container #dashboard-graphics-activity #graphicstab-1 {
        display: block;
        background: none;
        overflow: visible;
        white-space: nowrap;
    }


    html body #dashboard-container #dashboard-graphics-activity .tab-content {
        position: relative;
        width: 100%;
        padding: 0;
        display: none;
        max-height: 400px;
        overflow: auto;
    }

.projectcountbox {
    background: rgba(255, 255, 255, 0.1);
    width: 140px;
    height: 130px;
    display: inline-block;
}

.graphicsarrowcontainer {
    width: 120px;
    height: 130px;
    display: inline-block;
    padding-top: 12px;
}

    .graphicsarrowcontainer img {
        margin-left: 21px;
        margin-top: 10px;
        height: 80px;
        display: block;
    }

.awaitingreviewcountbox {
    background: rgba(255, 255, 255, 0.1);
    width: 140px;
    height: 130px;
    display: inline-block;
}

.approvedcountbox {
    background: rgba(255, 255, 255, 0.1);
    width: 140px;
    height: 130px;
    display: inline-block;
}

html body #dashboard-container #dashboard-graphics-activity #graphicstab-2 {
    display: block;
    margin-bottom: 40px;
    background: none;
    overflow: visible;
    white-space: nowrap;
}

.graphicsarrowcontainer2 {
    display: inline-block;
}

    .graphicsarrowcontainer2 img {
        padding-bottom: 35px;
        margin-left: 7px;
        display: block;
        width: 140px;
    }

.undergoingchangescountbox {
    background: rgba(255, 255, 255, 0.1);
    width: 310px;
    height: 100px;
    display: inline-block;
    padding-top: 5px;
}

.undergoingchangescountbox_div {
    display: inline-block;
    margin-top: 40px;
}

.graphicsarrowcontainer3 {
    width: 150px;
    display: inline-block;
}

    .graphicsarrowcontainer3 img {
        display: block;
        margin-left: 12px;
        width: 115px;
        height: 130px;
        padding-bottom: 15px;
    }

.dashgraphicsresulttext2 {
    width: 45%;
    height: 100%;
    text-align: center !important;
    color: rgb(255, 153, 51);
    font-family: verdana !important;
    font-size: 36pt !important;
    vertical-align: bottom;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}

.dashgraphicsresulttitle2 {
    width: 55%;
    height: 100%;
    color: white;
    font-family: verdana;
    font-size: 12pt;
    float: right;
    display: inline-block;
    position: relative;
    text-align: left;
    white-space: pre-line;
    line-height: 20px !important;
    padding-top: 5px !important;
    padding-left: 15px !important;
}

.projectcountbox .dashgraphicsresultcontainer .dashgraphicsresultinner .dashgraphicsresulttitle {
    padding-top: 6px;
}

.approvedcountbox .dashgraphicsresultcontainer .dashgraphicsresultinner .dashgraphicsresulttitle {
    padding-top: 6px;
}

/* hgcss (4938, 16) */
.whatsthisdashboardimg {
    cursor: pointer;
    height: 15px;
    width: 15px;
    bottom: 0px;
    position: absolute;
    margin-bottom: 1px;
}

/* hgcss (4946, 15) */
.whatthisdashboarddiv {
    display: inline-block;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.ReadOnlyDecs {
    padding-top: 10px;
}

.white_background {
    background: white !important;
}

/*.select2-dropdown--below {
    background: none !important;
}*/

.transparentbackground {
    background: none !important;
}

:disabled.ing_dec_rules_name_text {
    background: lightgray;
    margin-left: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ing_dec_rules_percent_label {
    margin-left: 10px;
    font-size: 14px;
    vertical-align: top;
}

.ing_dec_rules_declared_label {
    margin-left: 10px;
    font-size: 14px;
    min-width: 90px;
    display: inline-table;
    vertical-align: top;
}

.ing_dec_rules_allergens_label {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    display: inline-block;
    width: calc(100% - 280px);
    height: 100%;
    line-height: 20px;
    padding-top: 10px;
}

.ing_dec_rules_addcomponent {
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: #3B3B3B !important;
    margin-right: 10px;
    font-weight: normal;
}

.ing_dec_rules_translate {
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: black !important;
    margin-right: 25px;
    font-weight: normal;
}

.ing_dec_rules_choicenames_link {
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: black !important;
    padding-top: 14px;
    font-weight: normal;
}

.ing_dec_rules_choicenames_select + span {
    width: 65% !important;
}

.translateselectspan {
    padding-top: 10px;
}

.ing_dec_rules_edit {
    float: right;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    color: black !important;
    padding-right: 10px;
}

.scrollable_container .ing_dec_rules_percent_text {
    font-size: 14px !important;
    vertical-align: top;
}

.scrollable_container .ing_dec_rules_name_text {
    font-size: 14px !important;
}

.ing_dec_rules_content.scrollable_container {
    background: rgb(232, 224, 240);
}

.ing_dec_rules_grid-block-2.total, .ing_dec_rules_grid-block-3.total {
    display: none;
}

.ing_dec_rules_grid-block-1.total > .ing_dec_rules_percent_text {
    left: auto;
    text-align: right;
    position: relative;
    float: right;
    right: auto;
    padding-right: 0px;
    font-size: 14px;
}

.ing_dec_rules_grid-block-1.total {
    margin-left: 15px;
    width: calc(40% - 15px) !important
}

.ing_dec_rules_grid-block-4.total > .decIngRulesPercentTotal {
    width: 100px;
    background: #F9FAFB;
    font-size: 14px !important;
    display: inline;
    vertical-align: top;
    margin-top: 1px;
}

.ing_dec_rules_grid-block-4.total {
    width: calc(60% - 15px) !important
}

    .ing_dec_rules_grid-block-4.total > .ing_dec_rules_percent_label {
        margin-left: 6px !important;
    }


.viewAction .select2-container .select2-selection--single .select2-selection__rendered {
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 170px;
    padding-top: 2px;
}

.factorviewAction .select2-container .select2-selection--single .select2-selection__rendered {
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 170px;
}

#addportionstext {
    margin-right: 5px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}

#addportionsdiv {
    position: relative;
    text-align: right;
    margin-bottom: 15px;
}

#addcustomunitstext {
    margin-right: 5px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}

#addcustomunitsdiv {
    position: relative;
    text-align: right;
    margin-bottom: 15px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin-left: 10px !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    padding-right: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ui-dialog .ui-dialog-content {
    padding-left: 1.9em !important;
    padding-right: 1.9em !important;
}

.tabViewModeContainer {
    display: inline-block;
}
/*# sourceMappingURL=app.css.map */

html body .basicingredient_grid-headerblock {
    padding: 20px 0% 20px 0%;
}

html body .basicingredient_grid-block input[type="checkbox"] {
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    box-shadow: inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    html body .basicingredient_grid-block input[type="checkbox"]:not(:disabled):hover {
        border-color: rgba(0,0,0,0.5);
        box-shadow: inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.3);
    }

    /* active state */
    html body .basicingredient_grid-block input[type="checkbox"]:active:not(:disabled) {
        background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
        box-shadow: inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
        border-color: rgba(0,0,0,0.5);
    }

    /* focus state */
    html body .basicingredient_grid-block input[type="checkbox"]:focus {
        outline: none;
    }

    /* checkbox checked */
    html body .basicingredient_grid-block input[type="checkbox"]:checked:before {
        font-weight: bold;
        color: rgba(0, 0, 0, 0.7);
        content: '\2713';
        -webkit-margin-start: 0;
        margin-left: 2px;
        font-size: 1.4em;
    }

html body .basicingredient_grid-block .select2-container--default.select2-container--disabled span {
    background: transparent;
    padding-top: 0.5px;
    padding-left: 0px;
}

html body .basicingredient_grid-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}

html body .basicingredientgrid > :nth-child(1) {
    padding-top: 10px;
}

:disabled.ing_dec_rules_percent_text {
    background: transparent;
}

.ing_dec_rules_content.basic {
    padding-right: 20px;
    padding-left: 20px;
}

html body .ui-dialog .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: white;
}

html body .ui-dialog .basicingredient_grid-block > span .readonly {
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
}

html body .item_nav li .rmsconfigure .dropdown .dropdown-slider {
    margin-left: -100px !important;
}

.expandshrink {
    cursor: pointer;
    padding-left: 5px;
    vertical-align: top;
    height: 34px;
    width: 34px;
    background-image: url('./../images/Icons/icon-maximise.svg');
    display: inline-block;
    background-size: contain;
    margin-top: -1px;
}

.indented .expandshrink {
    background-image: url('./../images/Icons/icon-minimise.svg');
}

.noallergenslabel {
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 20px !important;
}

.basicingredientgrid .select2-selection__choice {
    background-color: rgb(104, 178, 60) !important;
    font-size: 14px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.basicingredientgrid .select2-container .select2-selection--multiple {
    max-height: 64px;
}

.basicingredient_grid-block .select2-search.select2-search--inline {
    display: none;
}

.labelDataSetup .select2-search select2-search--inline {
    display: none;
}

html body .expSpecsSharedWithMeBarHolder {
    margin-top: 10px;
    width: 100%;
}

html body .expAdvancedSearchHolder {
    margin-top: 10px;
    width: 100%;
    height: 100%;
}

.updatecomponentnamestxtnote {
    display: inline-block;
    padding-left: 10px;
}

html body .componentNamesGridHolder {
    width: 100%;
    margin-bottom: 20px;
    overflow-x: auto;
}

html body .displaySettingsGridContainer {
    margin-bottom: 20px;
    overflow-x: auto;
}

html body .connectionSettingsGridContainer {
}

html body .quidGridHolder {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

html body .declarationGridHolder {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

html body .ingredientDeclarationChoicesGridHolder {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.request-button .ui-button-text {
    padding: .2em 1.4em;
}

#specssharedwithme_ex3 td div {
    cursor: default !important;
}

.request-button {
    cursor: pointer;
}

.importspeccontainer-left {
    width: 60%;
    float: left;
    padding-top: 5px;
}

.importspeccontainer-right {
    width: 40%;
    float: right;
    padding-top: 5px;
    padding-left: 30px;
}

    .importspeccontainer-right > span:nth-child(1) {
        padding-left: 5px;
    }

.multi-templateOpenRecordDialog-sidebar {
    width: 300px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 435px;
}

#multitemplate-openrecord-products {
    width: calc(100% - 223px);
    padding-top: 5px;
}

.multitemplate-openrecord-products-content-panel {
    min-height: 500px;
}

html body .spectabs-menu {
    height: 40px;
    clear: both;
    width: 100%;
}


html body #spectabs-container .spectabs-menu {
    height: 40px;
    clear: both;
    width: 100%;
}

    html body #spectabs-container .spectabs-menu li {
        height: 40px;
        line-height: 40px;
        float: right;
        margin-left: 10px;
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 3px 3px 0 0;
        position: relative;
        overflow: hidden;
    }

        html body #spectabs-container .spectabs-menu li a {
            padding: 10px 20px;
            color: #313131;
            text-decoration: none;
            font-size: 14px;
        }

            html body #spectabs-container .spectabs-menu li a:after {
                width: 100%;
                content: '';
                height: 10px;
                background: white;
                box-shadow: 0px -6px 10px 0px rgba(0, 0, 0, 0.5);
                position: absolute;
                bottom: -12px;
                left: 0;
            }

        html body #spectabs-container .spectabs-menu li.current {
            position: relative;
            background: lightgray;
            box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
        }

            html body #spectabs-container .spectabs-menu li.current a:after {
                display: none;
            }

html body #spectabs-container .tab {
    margin-bottom: 20px;
    width: auto;
}

html body #spectabs-container .tab-content {
    position: relative;
    width: 100%;
    padding: 0;
    display: none;
    /*max-height: 400px;*/
    overflow: auto;
}

    html body #spectabs-container .tab-content table {
        width: 100%;
        background: rgba(255, 255, 255, 0.1);
    }

        html body #spectabs-container .tab-content table tr th, html body #spectabs-container .tab-content table tr td {
            padding: 13px;
            font-size: 14px;
            text-align: left;
        }

        html body #spectabs-container .tab-content table thead tr th {
            background: white;
            color: #313131;
        }

            html body #spectabs-container .tab-content table thead tr th:first-child {
                position: relative;
                padding-left: 30px;
            }

            html body #spectabs-container .tab-content table thead tr th span.filter {
                display: inline-block;
                background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSI2MTUgLTExIDgwMCA1MDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNjE1IC0xMSA4MDAgNTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJYTUxJRF8yMDQxXyI+DQoJPHBhdGggZmlsbD0iIzMzMzMzMiIgZD0iTTcyOS45LDBsMTA5LjksMTc0SDYyMEw3MjkuOSwweiBNNzI5LjksNDc4TDYyMCwzMDMuMWgyMTkuOUw3MjkuOSw0Nzh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
                background-position: right center;
                background-repeat: no-repeat;
                padding-right: 25px;
                background-size: 18px;
                cursor: pointer;
                white-space: nowrap;
            }

div.hgtablenoresults {
    color: white;
    padding: 10px !important;
    background-color: rgba(255, 255, 255, 0.1);
}

html body #spectabs-container .tab-content table tbody tr {
    cursor: pointer;
}

    html body #spectabs-container .tab-content table tbody tr td {
        color: white;
    }

        html body #spectabs-container .tab-content table tbody tr td:first-child {
            position: relative;
            padding-left: 30px;
        }

            html body #spectabs-container .tab-content table tbody tr td:first-child:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                height: 50%;
                width: 3px;
                margin: 6% 0 0 0;
            }

    html body #spectabs-container .tab-content table tbody tr.recipe td:first-child:before {
        background: #7AB091;
    }

    html body #spectabs-container .tab-content table tbody tr.ingredient td:first-child:before {
        background: #ED4E4E;
    }

    html body #spectabs-container .tab-content table tbody tr.packaging td:first-child:before {
        background: #EAA417;
    }

    html body #spectabs-container .tab-content table tbody tr:hover td {
        background: rgba(255, 255, 255, 0.1);
    }

html body #spectabs-container #spectab-1 {
    display: block;
}

html body select.specsSharedTemplateFilter {
    height: 40px;
    width: 100%;
    max-width: 240px;
    margin: 5px 5px 20px 0 !important;
}

html body .datafieldsSetup .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: black !important;
}

html body .totalweight-units {
    height: 30px;
    margin-top: 6px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}


[disabled='disabled'].menu-create-record-href {
    cursor: default !important;
    text-decoration: none;
    border-bottom: 0px solid #92b0b3 !important;
}

    [disabled='disabled'].menu-create-record-href.active {
        border-bottom: 0px solid #92b0b3 !important;
    }

[disabled='disabled'].user-management {
    cursor: default !important;
    text-decoration: none;
    border-bottom: 0px solid #92b0b3 !important;
}

    [disabled='disabled'].user-management.active {
        border-bottom: 0px solid #92b0b3 !important;
    }

.whatsthisportionimg {
    left: 30px;
    margin-top: 8px;
    position: absolute;
    cursor: pointer;
}

.whatsthisportionspan {
    left: 65px;
    margin-top: 13px;
    position: absolute;
    color: #EAA417;
    font-size: 16px;
    cursor: pointer;
}

html body .losspanelscontainer .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: black !important;
    font-size: 11px;
}

html body #dialog-ingredients-list-rules {
    font-size: 14px;
    width: 100% !important;
}

.recipe_dec_rules_nametodeclare_text {
    float: right;
}

html body .ing_dec_rules_content .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: black !important;
    font-size: 11px;
}

.declistrulescontainer .select2-container {
    width: 45% !important;
}

.recipe_dec_rules_nametodeclare_text {
    display: inline !important;
    margin-left: 25px !important;
    padding-top: 6px !important;
    width: 18%;
    float: none !important;
}

.recipe_dec_rules_dontexpandingredients_div {
    display: inline !important;
    margin-left: 25px !important;
    padding-top: 6px !important;
    width: 30%;
    float: none !important;
}

    .recipe_dec_rules_dontexpandingredients_div label {
        padding-left: 5px;
    }

#dashboard-main-menu [disabled='disabled'].sharedwithme {
    cursor: default !important;
    text-decoration: none;
    color: lightgray;
    border-bottom: 0px solid #92b0b3 !important;
}

#dashboard-main-menu [disabled='disabled'].settings {
    cursor: default !important;
    text-decoration: none;
    color: lightgray;
    border-bottom: 0px solid #92b0b3 !important;
}

[disabled='disabled'].hg_disabled_link {
    cursor: default !important;
    text-decoration: none;
    color: lightgray;
    border-bottom: 0px solid #92b0b3 !important;
}

html body .item_nav li [disabled='disabled'].recipeActionBtns .buttonrich {
    cursor: default !important;
    text-decoration: none;
    color: lightgray;
    border-bottom: 0px solid #92b0b3 !important;
}

html body .item_nav li .recipeActionBtns [disabled='disabled'].dropdown .buttonrich {
    color: lightgray;
}

html body .item_nav li .pdmActionBtns [disabled='disabled'].dropdown .buttonrich {
    color: lightgray;
}

html body .item_nav li [disabled='disabled'].pdmActionBtns .dropdown .buttonrich {
    color: lightgray;
}

.select2-results__option [disabled='disabled'].settings {
    cursor: default !important;
    text-decoration: none !important;
    border-bottom: 0px solid #92b0b3 !important;
    color: lightgray !important
}

.select2-results__option [disabled='disabled'].sharedwithme {
    cursor: default !important;
    text-decoration: none !important;
    border-bottom: 0px solid #92b0b3 !important;
    color: lightgray !important
}

.DecRuleUsesDefault + span {
    margin-left: 20px !important;
    width: 50% !important;
}

.usesrulesfrom_title {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.translateFrom_title {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.compoundTranslatefrom_title {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.compoundDecRuleUsesDefault + span {
    margin-left: 30px !important;
    width: 50% !important;
}

.compoundUsesrulesfrom_title {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.usesdefaultdiv {
    margin-bottom: 20px;
}

html body .qsexpBarHolder {
    top: 29px;
    /*    position: absolute;
    width: 100%;*/
}

.qsexpBarHolder .flexigrid div.bDiv td {
    color: black;
    border-right: 1px solid #27787F;
}

.qsexpBarHolder .flexigrid div.hDiv th {
    color: white;
    background-color: #27787F;
    border-right: 1px solid #27787F;
}

.quicksearchGrid tr:hover {
    background-color: #F9FAFB;
}

.searchDiv .pPageStat {
    font-size: small;
}

.quicksearchGrid tr:last-child {
    border-bottom: solid 1px black;
}

/*
.qsexpBarHolder .flexigrid div.bDiv {
    border-bottom: solid 1px black;
    border-right: solid 1px black;
}

.qsexpBarHolder .flexigrid div.hDiv {
    border-top: solid 1px black;
    border-right: solid 1px black;
}
*/
.lossesIngredientSetup input {
    margin-left: 0px !important;
    margin: 5px;
}

/* The bottom row grid line in the open dialog tables*/
#multiTemplateGrid tr:last-child {
    border-bottom: solid 2px #845BAD;
}

/* The bottom row grid line in the old open dialog tables*/
#ex3 tr:last-child {
    border-bottom: solid 2px #845BAD;
}

/* The bottom row grid line in the specifications dialog tables*/
#specssharedwithme_ex3 tr:last-child {
    border-bottom: solid 2px #845BAD;
}

/* The bottom row grid line in the where used tables*/
table[id^=whereused_ex3] tr:last-child {
    border-bottom: solid 2px #845BAD;
}

.nut_not_complete {
    cursor: pointer;
}

.forcehidden {
    display: none !important;
}

#specssharedwithme_expBarHolder .webix_table_checkbox {
    margin-top: 10px;
}

#specsdlg_deletebtndiv {
    margin-top: 10px;
    float: right;
}

#specsdlg_last30daysdiv {
    margin-top: 10px;
    float: left;
}

    #specsdlg_last30daysdiv button {
        margin-top: -1px;
    }

#importspecsdlg_importbtndiv, #importpif6specsdlg_importbtndiv {
    margin-top: 10px;
    float: right;
}

#importspecsdlg_last30daysdiv, #importpif6specsdlg_last30daysdiv {
    margin-top: 10px;
    float: left;
}

.specsdlg-acceptbutton {
    height: 25px;
    margin-top: 5px !important;
    font-size: 1em !important;
}

.addquid {
    cursor: pointer;
    margin-top: 10px;
}

.addingdecchoice {
    cursor: pointer;
    margin-top: 10px;
}

.wxi-trash {
    color: red;
    cursor: pointer;
    margin-top: 10px;
}

.quidingredients {
    cursor: pointer;
}

.webix_table_checkbox {
    margin-top: 10px;
}

.pricipaluserlbl {
    margin-left: 9px;
    color: #444;
    font-size: 11px;
    font-weight: 100;
}

#connectionstable {
    overflow: auto;
    max-height: 300px;
    /*display: block;*/
}

html body .importSpecs_div_results,
html body .importpif6Specs_div_results {
    display: none;
    position: relative;
    width: 100%;
    text-align: left;
    background: white;
    min-width: 350px;
    overflow: auto;
    border: none;
    border-top: 1px solid #92b0b3;
}

.ing_dec_rules_reconstitution_label {
    padding-right: 10px;
    font-size: 14px;
    display: inline-block;
    width: calc(100% - 30px);
    height: 100%;
    line-height: 20px;
    white-space: pre-wrap;
}

:disabled.ing_dec_rules_reconstitution_text {
    background: transparent;
    margin-left: -12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    font-size: 14px;
}

.ing_dec_rules_reconstitution_edit {
    position: absolute;
    cursor: pointer;
    padding-left: 18px;
    font-size: 14px;
    text-decoration: underline;
    color: black !important;
    padding-right: 10px;
}

.ing_dec_rules_reconstitution_edit_dialog {
    vertical-align: top;
    cursor: pointer;
    padding-left: 18px;
    font-size: 14px;
    text-decoration: underline;
    color: black !important;
    padding-right: 10px;
}

.recondetailspara {
    width: 60%;
    float: left;
    padding-top: 10px;
}

.extrarecondetails {
    overflow-y: auto;
    padding: 20px;
}

.search-updating {
    background: #f4f4f4 url(../images/loader_class.gif) center right no-repeat !important;
    background-size: 80px !important;
}

table.recordDataTable[cntype*="category"] .webix_combo_expandshrink_link {
    position: relative;
    float: right;
    width: 100%;
    color: #7AB091 !important;
    top: 2px;
    left: calc(100% - 27px);
    margin-top: -80px;
}

table.recordDataTable[cntype*="category"] {
    height: calc(90% + 1px) !important;
    overflow-x: hidden !important;
    background: white !important;
    padding-bottom: 10px;
}

.toolbarTableContainer[cntype*="category"] {
    background: #DBE2F1 !important;
}

.webix2convert {
    display: none !important;
}

table.recordDataTable[cntype*="category"] tbody {
    width: 100%;
    display: table;
}

table.recordDataTable[cntype*="category"] td:first-child {
    width: 20%;
}

table.recordDataTable[cntype*="category"] td span p {
    white-space: pre-wrap;
}

.ui-dialog [id*="dialog-ingredient-declaration-rules"] .ing_dec_rules_name_text {
    border: 1px solid #CCD7E6;
    border-radius: 2px;
}

div[cntype*="declarationsetup"] .webix_combo_expandshrink_link {
    position: relative;
    width: 100%;
    color: #7AB091 !important;
    top: -80px;
    left: calc(100% - 33px);
    margin-top: -80px;
}

.ui-dialog [id*="dialog-ingredient-declaration-rules"] .webix_combo_expandshrink_link {
    color: #7AB091 !important;
    float: right;
    top: -80px;
    margin-top: -80px;
}

.ingredientdec-choices-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.ingdec_template_div {
    line-height: 14px;
    margin-top: 6px;
}

#declarationRemember {
    width: 25px;
    height: 25px;
}

#declarationRememberLbl {
    vertical-align: super;
    margin-left: 5px;
}

.declarationAccordianDiv {
    overflow-x: hidden !important;
}

#notifcationsmessageicon {
    position: absolute;
    right: -5px;
    top: 0px;
    cursor: pointer;
    z-index: 100;
}

#newlogofficon {
    position: absolute;
    right: 25px;
    top: 0px;
    cursor: pointer;
    z-index: 100;
}

#newhelpicon {
    position: absolute;
    right: 60px;
    top: 0px;
    cursor: pointer;
    z-index: 100;
}

#dashboard-main-menu-div {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
}

#notifcationsmessageicon .webix_layout_toolbar {
    border-width: 0px !important;
    height: 32px !important;
}

#newlogofficon .webix_layout_toolbar {
    border-width: 0px !important;
    height: 32px !important;
}

#newhelpicon .webix_layout_toolbar {
    border-width: 0px !important;
    height: 32px !important;
}

div.notifcationssidenav { /*OUTER CONTAINER DIV*/
    background-color: whitesmoke;
    height: 100%;
    width: 0;
    z-index: 100;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    /* added absolute to sidenav since it will have fixed width anyways */
    position: absolute;
}

div.notifcationssidenavconfig { /*OUTER CONTAINER DIV*/
    background-color: whitesmoke;
    height: 100%;
    width: 0;
    z-index: 102;
    top: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    /* added absolute to sidenav since it will have fixed width anyways */
    position: absolute;
}

.notifications-sidebar-msg { /*THE WHOLE SIDE, BUT IT OFFSETS TO APPEAR TO START BELOW DASHBOARD TOPBAR*/
    /* padding-top: 105px; */
    background: #BADFF2 0% 0% no-repeat padding-box;
    border: 1px solid #DADEE0;
    opacity: 1;
    text-align: left;
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.notifications-sidebar-msg-text {
    float: left;
    margin: 10px;
}

.notifications-filter-on {
    color: white !important;
    background-color: teal;
}

.notifications-msgcontent-filter-on {
    filter: contrast(50%);
}


.notifications-sidebar-title {
    text-align: left;
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    z-index: 9999999999;
    left: 0px;
    position: absolute;
    margin-left: 30px;
    margin-top: 6px;
    display: table-cell;
}

.notifications-sidebar-msg-exittext { /*CLOSE BUTTON*/
    font-size: 16pt;
    z-index: 9999999999;
    right: 0px;
    padding-top: 3px;
    color: black;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
    display: table-cell;
    width: 25px;
}

.notifications-sidebar-msg-configtext { /*SETTINGS COG BUTTON*/
    font-size: 16pt;
    z-index: 9999999999;
    right: 25px;
    padding-top: 3px;
    color: black;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
    display: table-cell;
    width: 25px;
}

.notifications-sidebar-msg-filtertext { /*FILTER BUTTON*/
    font-size: 16pt;
    z-index: 9999999999;
    right: 50px;
    padding-top: 3px;
    color: black;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
    display: table-cell;
    width: 25px;
}

.notifications-sidebar-msg-dismissedtext { /*RECYCLEBIN BUTTON*/
    font-size: 16pt;
    z-index: 9999999999;
    right: 75px;
    padding-top: 3px;
    color: black;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
    display: table-cell;
    width: 25px;
}

.notifications-sidebar-msgcontent { /*MAIN BODY (BELOW IT'S OWN TITLEBAR STRIP*/
    width: 100%;
    height: 100%;
    margin-top: 26px;
    position: relative;
}

.notifications-sidebar-filter { /*FILTER PANEL OVERLAY*/
    width: 100%;
    height: 60px;
    margin-top: 26px;
    position: absolute;
    z-index: 4;
    display: none;
    background-color: white;
    box-shadow: 1px 1px #888888;
}

.notifications-sidebar-msgfilter_title { /*FILTER PANEL TITLEBAR*/
    border: 0px;
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
}

.notifications-sidebar-msgcontent .webix_view {
    width: 100% !important;
}

.custom_item {
    /*width:620px;*/
    height: 64px;
    border-bottom: 1px solid lightgray;
    /*border-radius:4px;
    margin:10px 5px;*/
    overflow: hidden;
    background-color: white;
    padding: 10px;
}

.custom_item2 {
    height: 18px;
    font-size: small;
    background-color: lightgray;
    border-bottom: 1px solid lightgray;
    font: normal normal normal 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    background: #DAEFF9 0% 0% no-repeat padding-box;
    padding-left: 20px;
}

.notifications-unread {
    background-color: #F2FAFE;
}

.notifications-unread-icon {
    /* left: 2px; */
    position: absolute;
    padding-top: 4px;
    margin-left: -3px;
    color: #27787F;
    font-size: 10px;
}

.notification-expand {
    height: auto;
    min-height: 60px;
}

.notification-collapse {
    height: 60px;
}

.notifications-subject {
    padding-left: 25px;
    font-size: 10pt;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.notifications-content {
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 40px;
    font-size: 10pt;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*margin-top: -10px !important;*/
}

.notifications-content_full {
    /*padding-top: 5px;
    padding-left: 15px;
    padding-right: 40px;
    font-size: 10pt;
    overflow: hidden;*/
    white-space: normal !important;
}


.notifications-from {
    font-size: 7pt;
    float: left;
    margin-left: 25px;
    margin-top: 10px;
    display: none;
}

.notifications-timeago {
    float: right;
    font-size: 7pt;
    margin-top: 10px;
    padding-right: 55px;
    display: none;
}

.notification-expand .notifications-from {
    display: block;
}

.notification-expand .notifications-timeago {
    display: block;
}

.notifications-delete-msg {
    float: right;
    cursor: pointer;
    z-index: 9999999;
}

.notifications-expand-icon {
    float: right;
    z-index: 9999999;
}


.notificationinfotext {
    font-size: 9pt;
}

.notificationcontent {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}


.notification-settings-title {
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    padding-top: 20px;
    margin-left: 20px !important;
}

.notification-settings-title2 {
    font: normal normal bold 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    padding-top: 20px;
    margin-left: 0px !important;
}

.notification-settings-text {
    font: normal normal normal 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    padding-left: 20px !important;
}

.notification-settings-text2 .webix_label_right {
    font: normal normal normal 12px/15px Verdana;
    letter-spacing: 0px;
    color: #3B3B3B;
    opacity: 1;
    padding-left: 15px;
}

.notification-settings-text2 .webix_switch_box {
    height: 18px;
    margin-top: -10px;
}

    .notification-settings-text2 .webix_switch_box.webix_switch_on {
        background-color: #28787F;
        height: 18px;
        margin-top: -10px;
    }

.notification-settings-text2 .webix_switch_handle {
    top: -2px;
}



.notification-settings-body {
    margin-left: 20px !important;
}

.notifications-sidebar-msgcontent .webix_layout_line, .notifications-sidebar-msgcontent .webix_list {
    height: unset !important;
}

.notification-green-grd-btn {
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    font-size: 14px;
    float: right;
    color: #FFFFFF !important;
    border: none;
    border-radius: 3px;
    font-family: 'Work Sans', Verdana, sans-serif;
    text-transform: uppercase;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    cursor: pointer;
    padding: 12px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6cb03f+0,76ba4b+3,76b94f+5,74b54d+13,76b84e+15,74b64a+18,73b54b+26,67a93d+82,64a53d+90,64a73e+92,61a536+97,6baf3e+100 */
    background: #6cb03f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6cb03f 0%, #76ba4b 3%, #76b94f 5%, #74b54d 13%, #76b84e 15%, #74b64a 18%, #73b54b 26%, #67a93d 82%, #64a53d 90%, #64a73e 92%, #61a536 97%, #6baf3e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6cb03f 0%, #76ba4b 3%, #76b94f 5%, #74b54d 13%, #76b84e 15%, #74b64a 18%, #73b54b 26%, #67a93d 82%, #64a53d 90%, #64a73e 92%, #61a536 97%, #6baf3e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6cb03f 0%, #76ba4b 3%, #76b94f 5%, #74b54d 13%, #76b84e 15%, #74b64a 18%, #73b54b 26%, #67a93d 82%, #64a53d 90%, #64a73e 92%, #61a536 97%, #6baf3e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb03f', endColorstr='#6baf3e', GradientType=0);
    /* IE6-9 */
    outline: none;
}

    .notification-green-grd-btn:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6baf3e+0,61a536+3,64a73e+8,64a53d+10,67a93d+18,73b54b+74,74b64a+82,76b84e+85,74b54d+87,76b94f+95,76ba4b+97,6cb03f+100 */
        background: #6baf3e;
        /* Old browsers */
        background: -moz-linear-gradient(top, #6baf3e 0%, #61a536 3%, #64a73e 8%, #64a53d 10%, #67a93d 18%, #73b54b 74%, #74b64a 82%, #76b84e 85%, #74b54d 87%, #76b94f 95%, #76ba4b 97%, #6cb03f 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #6baf3e 0%, #61a536 3%, #64a73e 8%, #64a53d 10%, #67a93d 18%, #73b54b 74%, #74b64a 82%, #76b84e 85%, #74b54d 87%, #76b94f 95%, #76ba4b 97%, #6cb03f 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #6baf3e 0%, #61a536 3%, #64a73e 8%, #64a53d 10%, #67a93d 18%, #73b54b 74%, #74b64a 82%, #76b84e 85%, #74b54d 87%, #76b94f 95%, #76ba4b 97%, #6cb03f 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6baf3e', endColorstr='#6cb03f', GradientType=0);
        /* IE6-9 */
    }

    .notification-green-grd-btn:disabled {
        color: lightgray !important;
        cursor: auto;
    }

    .notification-green-grd-btn:enabled {
        background: #6cb03f;
    }

#recipeUsesLockedLosses {
    width: 25px;
    height: 25px;
}

#recipeUsesLockedLossesLbl {
    vertical-align: super;
    margin-left: 5px;
}

.recipe_dec_rules_recipeuseslockedlosses_div {
    overflow-x: hidden !important;
}

.exportedit {
    width: 20px;
    height: 20px;
    background-image: url('../images/edit-icon2.png');
    background-position: 0 0px;
    display: inline-block;
    background-size: contain;
    margin-right: 4px;
    right: 0px;
    position: absolute;
    background-repeat: no-repeat;
}

div.rmspublishaction div.dropdown div.dropdown-slider a.ddm span.label,
div.pdmpublishaction div.dropdown div.dropdown-slider a.ddm span.label {
    padding-right: 20px;
}

.bold {
    font-weight: bold;
}

.pdmexportmenu {
    left: calc(100vw - 600px); /* due to widthing issue */
}

.fcidlogoimg {
    width: 200px;
}

span.fcidlogotxt1 {
    color: #27787F;
    overflow: hidden;
}

span.fcidlogotxt2 {
    color: #3B3B3B;
    padding-left: 10px;
}

.hg-sortable-griditem.declarationsetup .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: thick;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.cost .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.nutrition .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

li[data-cntype^="nutrition"] .whatthisdiv {
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: white;
    background: white;
}

.hg-sortable-griditem.note .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem[data-cntype^="category_"] .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem[class^="masterviews_"] .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.declarationresult .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.targetresults .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.optimisergrid .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.recipe .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.requirement .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.hg-sortable-griditem.productionlinesetup .hg-sortable-griditem-inner .headerhandle {
    background: white;
    border-bottom-width: medium;
    border-bottom-color: white;
    border-bottom-style: inset;
}

.toolbarTableContainer[cntype="declarationsetup"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: thick;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
}

.toolbarTableContainer[cntype="recipe"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: thick;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
}

.toolbarTableContainer[cntype="nutrition"] .viewAction > .icon-managecolumns {
    background: white;
    border-bottom: 1px solid white;
    font-size: 18px;
    cursor: pointer;
    color: black;
}

.toolbarTableContainer[cntype="requirement"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: thick;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
}

.toolbarTableContainer[cntype="cost"] .viewAction > .select2-container {
    top: 0px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
    padding-top: 1px;
}

.toolbarTableContainer[cntype*="category"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: thick;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
}

.toolbarTableContainer[cntype="intolerance"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: thick;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
}

.toolbarTableContainer[cntype="declarationresult"] .viewAction > .select2-container {
    top: 0px;
    border-bottom: white;
    border-bottom-style: inset;
    border-bottom-width: medium;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 40px;
    overflow: hidden;
    padding-top: 1px;
}

.viewAction .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -5px;
}

.viewAction .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
    height: 20px;
}

.toolbarTableContainer[cntype="intolerance"] > div.viewAction select {
    margin-top: -4px;
    height: 42px !important;
}

span.select2.select2-container.select2-container--default.select2-container--disabled span {
    background: lightgray !important;
}

input[readonly="true"] {
    background: lightgray;
}

.hg-sortable-griditem.pdm_spec input[readonly="true"]:not([type='checkbox']) {
    background: lightgray !important;
}

.terms-of-service h1 {
    font-size: 1.25rem;
    font-weight: 400;
}

.terms-of-service p {
    font-size: 1.0rem;
}

.terms-of-service div {
    max-height: 400px;
    /*  overflow-y: scroll; */
}

.col-lg-6 {
    max-width: 770px;
}

#ToUDiv {
    overflow: auto;
    width: 100%;
    height: 100%;
}

html body table[cntype*='declarationresult'].recordDataTable tr:nth-child(even) {
    background: #eefdff;
}

.dialog-usermanager-display-updating {
    min-height: 36px;
    min-width: 36px;
    background: transparent url(../images/loader_class.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 3px 0 0;
    background-size: 80px;
    opacity: 0.2;
}

.recipetreeviewdiv {
    white-space: nowrap;
}

.expandrecipetreeimg {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.shrinkrecipetreeimg {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.connectform {
    background-color: transparent !important;
    /* margin: 10px 10px 10px 50px; */
    /* width: 90% !important; */
}

/* Filter field borders */
.hg-sortable-griditem[data-cntype^="category_"] input[type="text"],
.hg-sortable-griditem[data-cntype^="category_"] input[type="combo"],
.hg-sortable-griditem[data-cntype^="category_"] input[type="datepicker"] {
    border: 1px solid lightgray;
}

/* Ingredient Declaration card borders */
.hg-sortable-griditem[data-cntype="declarationsetup"] span.select2,
.hg-sortable-griditem[data-cntype="declarationsetup"] input[type="text"] {
    border: 1px solid lightgray;
}

div[view_id='globaltablelookupdatatable'] > div.webix_ss_header > div.webix_hs_center > div:nth-child(1) > div > input[type=checkbox] {
    margin-top: 15px !important;
    margin-left: 1px !important;
}

.discussionTitle {
    padding-left: 10px;
    font-size: 12px;
}

.dropdownanalysispadding {
    padding-left: 10px !important;
}

.eye-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.pif-message-row {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pif-message-label {
    width: 200px;
    text-align: left;
}

.pif-message-content {
    flex: 1;
    text-align: left;
}

.metadata-row {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.metadata-label {
    width: 200px;
    text-align: left;
}

.metadata-content {
    flex: 1;
    text-align: left;
}

.intolsource {
    background-image: none !important;
}

.rolledupfrombelow {
    padding-top: 12px;
    padding-left: 30px;
}

.allergensourceinfo-icon {
    cursor: pointer;
    display: grid;
    color: #888;
    font-size: 10px;
}

html body table[cntype*='intolerance:masterviews'].recordDataTable td:last-child {
    max-width: 100px; /* Set your desired max width */
}

html body table[cntype*='intolerance:masterviews'].recordDataTable td:last-child p {
    overflow: hidden;
    text-overflow: ellipsis;
}

div[view_id="declarationgrid"] {
    width: 100% !important;
}

.AddReviewScrollArea {
    max-height: 600px;
    overflow-y: auto;
}

.AddReviewScrollArea input[type='checkbox'] {
    margin-right: 5px;
}

.globalIdTextCopy {
    display:inline-block;
    content: "";
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%2327787F%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%201H4c-1.1%200-2%20.9-2%202v14h2V3h12V1zm-1%204H8c-1.1%200-1.99.9-1.99%202L6%2021c0%201.1.89%202%201.99%202H19c1.1%200%202-.9%202-2V11l-6-6zM8%2021V7h6v5h5v9H8z%22%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;
}
.licenseusage {
    font-size: 10px;
    margin-top: -10px;
    padding-top: 0px;
}

.webix_um_status_badge.webix_um_active {
    background-color: transparent;
    color: transparent;
}

.webix_um_status_badge.webix_um_not_active {
    background-color: transparent;
    color: transparent;
}

.hiddenusercontrol {
    display: none;
}

#dialog-usermanager-display {
    overflow-x: hidden;
}

.webix_el_text input[type="text"]:read-only {
    background-color: lightgray;
}

.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-table-check::before {
    content: "\F13C0";
}

/*(unhiding add new user) .webix_scroll_cont a:first-child
{
    display: none;
}

.webix_win_body .webix_menu {
    height: 36px !important;
}

.webix_um_add_new_menu {
    height: 36px !important;
}
*/

.projectcolumndata .webix_tree_file:before {
    content: "\F030" !important;
}

.webix_um_matrix .webix_icon {
    line-height: 60px !important;
}

.webix_icon_btn.wxi-plus:before
{
    line-height: 0.8em;
}

.webix_icon_btn.wxi-download:before {
    line-height: 0.8em;
}

.webix_icon_btn.umi-matrix:before {
    line-height: 0.8em;
}

div#dialog-usermanager-display {
    padding: 0.2em;
}

.webix_um_matrix .webix_um_center_column.webix_um_names span {
    line-height: inherit !important;
}

#userManagementContainer .webix_el_box, #notifcationsmessageicon .webix_el_box, #newlogofficon .webix_el_box, #newhelpicon .webix_el_box {
    line-height: 36px !important;
}

div[view_id='removeavatar'] {
    padding-left: 42px;
}
.item_nav {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 16px !important;
    color: black;
    margin-top: 10px !important;
}

.status img, .view img {
    padding-left: 10px;
    padding-right: 6px;
    cursor: pointer;
    width: 28px;
    max-height: 13px;
}

.top_right img {
    vertical-align: auto;
    cursor: pointer;
}

.status img {
    padding-right: 0px;    
}

li.status {
    text-align: right;
    line-height: 18px;
    vertical-align: middle;
}

.statusText {
    color: #5CA035;
    padding: 10px 2px 10px 0;
    white-space: break-spaces;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin: -8px 5px 0 6px;
    font-weight: bold;
    text-align: left;
    margin-right: 20px !important;
    max-width: 140px;
}

    .statusText:before {
        content: attr(data-content);
        display: block;
        font-size: 10px;
        color: #3D3D3D;
        padding-top: 1px;
    }

.closeMenuIcon {
    cursor: pointer;
    color: #696969;
    text-align:center;
}

    .closeMenuIcon::before {
        font-family: "fontello";
        content: "\e805";
        line-height: 20px;
        text-align: center;
        font-size: 25px;
        vertical-align: text-top;
    }
.recipeActionBtns.actions a.buttonrich:before, .pdmActionBtns.actions a.buttonrich:before {
    content: url('./../images/noun_Arrow_36179.svg');
    width: 20px;
    height: 20px;
}

html body .item_nav li .dropdown .dropdown-slider {
    z-index: 999;
}

/*Set up the list styles to display inline*/
.item_nav {
    /* SET THE VARIABLES BELOW TO CHANGE THE RELATIVE WIDTHS OF THE SECTIONS IN THE ITEM NAV BAR */
    /* these are scoped only for this .item_nav class */
    --type-icon-width: 40px; /* fixed - ewidth required for the icon at the far left */
    --lowpri-icons-width: 250px; /* fixed - width required for the icons at the far right (e.g. close, maximise / minimise) */
    --status-width-max: 260px; /* the width for the status section when all elements are included */
    --status-width-min-px: 230; /* MUST omit units as need unit-less number to calc below - 'status' section width when below 1200px */
    --view-width-max: 500px; /* the width required for the view section */
    --view-width-min-px: 355; /* MUST omit units as need unit-less number to calc below - 'view' section width when below 1200px */
    --adjustment-factor: 17px; /* to allow for the browser putting in extra gaps where the HTML is dropped down a line - mostly trial and error */
    /* END SET VARAIBLES */
    /* Some extra calcs that are needed */
    /*NOTE: 20px in equation below is to take account of the <body> padding / margin. This needs to be adjusted to ensure the menu fits across this screen*/
    --name-width-mid: calc(1200px - (20px + var(--adjustment-factor) + var(--type-icon-width) + var(--lowpri-icons-width) + var(--status-width-max) + var(--view-width-max)));
    /* Create a ratio for use at screen widths <1200px - this is where we use the unit-less values form above */
    --status-width-min: calc(var(--status-width-min-px) * 1px); /* this is needed to add the 'px' units on - can't simply concatenate in all browsers!*/
    --view-width-min: calc(var(--view-width-min-px) * 1px); /* this is needed to add the 'px' units on - can't simply concatenate in all browsers!*/
    --calc-status-min-ratio: var(--status-width-min-px) / (var(--view-width-min-px) + var(--status-width-min-px));
    /* Normal styles */
    width: 100%;
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .item_nav li {
        display: inline-block;
        padding: 0;
    }
/* Set the fixed widths*/
.icon {
    /* icons always a fixed widths matter what*/
    width: 40px;
    width: var(--type-icon-width);
    margin-right: 10px;
}

.name input {
    /* input fills its parent elment completely*/
    width: 100%;
    height: 10px;
}

.name span.description {
    position: relative;
    top: 8px;
}

.item_nav .icon {
    top: 4px;
    position: relative;
}

.item_nav .view
{
    text-align: left;
    margin-left: 20px;
}

.namecodespan {
    line-height: 15px;
    color: #3D3D3D;
    font-size: 10px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    margin-right: 10px;
    /* float: left; */
    position: absolute;
}

.folderpathspan {
    line-height: 15px;
    color: #3d3d3d63; /* bit transparent */
    font-size: 10px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    display: block;
    white-space: nowrap;
    /* float: right; */
    width: 100%;
}

.top_right.iemode {
    /* icons always a fixed widths matter what*/
    /* changed to 103px so the button in compliance will fit on one line.*/
    width: 103px !important;  
}

/* 
            This bit is for IE as it doesn't support css variables or nested calcs. 
            The downside it that the content of each area in IE will not be nicely centred, 
            but we can float it left / right as desired
            */
.name {
    width: 24%;
    height: 23px;
    margin-right: 20px;
}

/*.status {
    width: 204px;
}*/

.view {
    /* 
                    the -[pixel] number here needs to be:
                     [([adjustment-factor] + [icon width] + low_priority_icons width) / 2]
                    */
    /*width: calc(40% - 78px);*/
    text-align: left;
}
/* end for IE */

[id^='select2-spectemplates'].select2-selection__rendered::before {
    font-family: "fontello";
    content: "\e804";
    line-height: 49px;
    text-align: center;
    position: absolute;
    margin-left: -25px;
}

.toprightactions {
    display: inline-block;
    text-align: right;
}

/* when the screen is >1200px wide*/
@media only screen and (min-width: 1201px) {
    /* the status and view are fixed but the name input box reduces in size to absorb the reduction in screen size*/
    .name {
        width: calc(100% - (var(--adjustment-factor) + var(--type-icon-width) + var(--lowpri-icons-width) + var(--status-width-max) + var(--view-width-max))); 
    }

    .status {
        /*width: 400px;*/
    }

    .view {
        width: var(--view-width-max);
    }

    .hideme {
        display: unset;
    }

    .showme {
        display: none !important;
    }
}
/* when the screen is < 1200px wide*/
@media only screen and (max-width: 1200px) {
   
    /* 
                The name input starts off and stays at it's mid width (the same width as it is when the screen is exactly 1200px wide
                - so it doesn't do an ugly jump and suddenly get bigger as the screen size drops below 1200px.

                At 1200px and below, the status and view areas lose content (the .hideme class removes some of the content).
                
                As the screen gets smaller from 1200px, the padding around the status and view areas reduces in size.
                
                When the status and view padding get to zero, the name input now starts reducing in size. 

                The width / padding combination for the status and view fields means it will look like their content stays central. 
                */
    .item_nav {
        --lowpri-icons-width: 145px; /* fixed - width required for the icons at the far right (e.g. close, maximise / minimise) */
        --view-width-max: 245px; /* the width required for the view section */
    }
    .name {
        /* 
                    the width calc below is set to kick in when the status and view areas reach their min widths (i.e. zero padding)
                     - before then this name input just sits at its max width setting.
                     the +1px below is to stop the last <li> dropping down a line momentarily on when the .name element starts shrinking again
                    */
        width: calc(100% - (var(--adjustment-factor) + var(--type-icon-width) + var(--lowpri-icons-width) + var(--status-width-min) + 300px + 1px));
        max-width: var(--name-width-mid);
    }

    .view {
        /* 
                    THIS KEEPS THE WIDTH OF THIS AREA FIXED (I.E. JUST ENOUGH FOR THE CONTENTS), 
                    WHILST GRADULALLY REDUCING THE PADDING AS THE SCREEN WIDTH COMES IN 
                    */
        /* calculate the total width of the area, inlcuding padding */
        --width-tot: calc((100% - (var(--adjustment-factor) + var(--type-icon-width) + var(--lowpri-icons-width) + var(--name-width-mid))) * (1 - var(--calc-status-min-ratio)));
        /* calculate the padding */
        --padding-lr: calc((var(--width-tot) - var(--view-width-min)) / 2);
        /* set the width for the content and the padding */
        padding-left: var(--padding-lr) !important;
        padding-right: var(--padding-lr) !important;
    }

    .hideme {
        display: none !important;
    }

    .showme {
        display: unset;
    }

    html body .item_nav li .recipeActionBtns
    {
        /*margin-right: 20px;*/
    }

    html body .item_nav li .recipeActionBtns .dropdown .dropdown-slider a:hover {
        padding-right: 0px !important;
    }

    .statusText {
        font-size: 13px !important;
        margin-top:2px;
        margin-right: 20px;
        padding:0;
    }

    .name input {
        padding: 0 7px;
        height: 20px;
        font-size: 12px;
    }

    .status.iemode {
        min-width: 400px;
    }
}

@media only screen and (max-width: 950px) {
    .icon {
        display: none !important;
    }

    .name {
        width: calc(100% - (var(--adjustment-factor) + var(--lowpri-icons-width) + var(--status-width-min) + 300px + 1px) + 10px);
    }
}

/* Colours only for demo purposes*/
/*.nav {
            color:white;
        }
        .icon{
            background-color:brown;
        }
        .name {
            background-color:cornflowerblue;
        }
        .status {
            background-color:brown;
        }
        .view {
            background-color:cornflowerblue;
        }
        .top_right {
            text-align: right;
            background-color:crimson;
        }*/
.top_right {
    text-align: right;
}

.toprightactions {
    top: 20px;
    display: flex;
    position: absolute;
    height:20px;
    right: 0px;
}

    .toprightactions > a {
        display: flex;
        flex-direction: column;
        margin: 0 9px;
        height:34px;
    }

    .toprightactions a::after {
        font-size: 8.5px;
        color: #3d3d3d;
        display: block;
        font-weight: bold;
        text-align: center;
        margin-top: 4px;
    }
    .toprightactions a.saveLink::after {
        color: #5CA035;
        content: attr(data-content);
    }
    .toprightactions a.discussionLink::after {
        content: attr(data-content);
    }
    .toprightactions a.configureLink::after {
        content: attr(data-content);
    }
    .toprightactions a.timelineLink::after {
        content: attr(data-content);
    }
    .toprightactions a.closeLink::after {
        content: attr(data-content);
    }
    .toprightactions a.idaLink::after {
        content: attr(data-content);
    }


@media (max-width:1200px) {
    li.top_right {
        position:absolute;
        height:27px;
        right: 0px;
    }
    .toprightactions {
        position: absolute;
        right: 0px;
        top: 12px;
    }
    .toprightactions > a {
        margin: 0 6px;
    }
        .toprightactions > a::after {
            display:none!important;
        }
    .expandshrink {
        height: 21px;
        width: 21px;
    }
}

.navbarimg {
    vertical-align: baseline;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width:1201px) {
    .navbarimg {
        width: 40px;
    }
}

    .navbarimg.configurebtn::after {
        content: 'Configure';
        color: #3D3D3D;
    }

    .icon-opacity-50 {
        opacity: .5;
    }
    
.top_right_quicksearch {
    text-align: right;
    float: right;
    height: 50px;
}

.codeText {
    color: #5CA035;
    padding: 10px 2px 10px 0;
    white-space: nowrap;
    vertical-align: text-top;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin: -8px 5px 0 6px;
    font-weight: bold;
    float: left;
}

    .codeText:before {
        content: attr(data-content);
        display: block;
        font-size: 10px;
        color: #3D3D3D;
    }
.hgtable {
    width: 100%;
}

.hgtable table, .hgtable th, .hgtable td {
   
}

.hgtable td, .hgtable th {
    padding-left: 5px;
    padding-right: 5px;
}

.hgtable td.icon, .hgtable th.icon {
    width: 40px !important;
    text-align: center !important;
}

.hgtable td.critical, .hgtable th.critical {
    min-width: 150px;
    text-align: left;
}

.hgtable td.normal, .hgtable th.normal {
    /*To set the ellispsis*/
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Size to fit 10 digit alpha numeric capitalised characters - hgstandard code */
.hgtable td.narrow, .hgtable th.narrow {
    min-width: 95px;
    text-align: left;
}

.hgtable td.medium, .hgtable th.medium {
    min-width: 150px;
    text-align: left;
}

.hgtable td.wide, .hgtable th.wide {
    min-width: 200px;
    text-align: left;
}

html body header .contain-to-grid .main-nav ul {
    margin: 50px 0 0;
    padding: 0;
    font-family: "Work Sans", Verdana;
    font-weight: 500;
    float: right;
    display:block;
}

#menu-icon-dashboardmenu {
    display: none;
}

#menu-icon-dashboardmenu.padded {
    display: none;
    right: 15px;
}

#select2-dashboardmenu_selections_select-parentresults {
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;    
}

#select2-dashboardmenu_selections_select-results > li {
    font-size: 14px !important;    
}

#select2-dashboardmenu_selections_select-results > li:hover {
    background-color: #f3f3f3;
    cursor: pointer;
}

#select2-dashboardmenu_selections_select-results > li > a {
    color: black;
}

#select2-dashboardmenu_selections_select-results > li > a:hover {
    text-decoration: none;
}

#select2-dashboardmenu_selections_select-select2container {
    display: none;
}


/*
*/

html body header .dashmenu-icon {
    position: fixed;
    right: 14px;
    top: 56px;
    display: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 auto;
    float: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    html body header .dashmenu-icon span {
        position: absolute;
        top: 50%;
        display: block;
        width: 100%;
        height: 3px;
        margin-top: 0;
        background-color: black;
    }

        html body header .dashmenu-icon span::before, html body header .dashmenu-icon span::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: black;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        html body header .dashmenu-icon span:before {
            transform: translateY(-7px);
        }

        html body header .dashmenu-icon span:after {
            transform: translateY(7px);
        }

    html body header .dashmenu-icon.open {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        html body header .dashmenu-icon.open span:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        html body header .dashmenu-icon.open span:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }


/*

*/

@media screen and (max-width: 1200px) {

    html body header .contain-to-grid .main-nav ul {
        display:none; /* default see top of file... */
    }

    #menu-icon-dashboardmenu {
        display: block; /* default none; */
    }

    #select2-dashboardmenu_selections_select-select2container {
        display: block; /* default none; */
    }

    #menu-icon-dashboardmenu.padded {
        display: block; /* default none; */
        right: 10px; /* default 15px; */
    }
}

@media screen and (max-width: 780px) {
    
}

@media screen and (max-width: 1300px) {
    #hgGlobalSearch {
        width: 230px;
    }

    #hgGlobalSearchForm-ul {
        padding-top: 4px;
        right: 48px; /* default 8px; */
        display: block;
        position: absolute;
    }
}
.ui-dialog{background:#fff;padding:10px}.ui-dialog :focus,.ui-dialog a:focus,.ui-dialog button:focus,.ui-dialog div:focus,.ui-dialog li:focus,.ui-dialog span:focus{outline:0}.ui-dialog .ui-widget-header{background:#27787F;padding:10px 15px;border-radius:5px;color:#fff;position:relative}.ui-dialog .ui-widget-header .ui-dialog-title{width:calc(100% - 22px);display:block;overflow:hidden;line-height:22px}.ui-dialog .ui-widget-header .ui-dialog-titlebar-close{background:0 0;padding:0;width:auto;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.ui-dialog .ui-widget-header .ui-dialog-titlebar-close:after{color:#fff;font-size:16px;margin:0}.ui-dialog .ui-widget-header .ui-helper-clearfix:after{display:none}.ui-dialog .ui-dialog-content{padding-left:15px!important;padding-right:15px!important}.ui-dialog .ui-dialog-content .ui-accordion{margin-top:12px}.ui-dialog .ui-dialog-content .ui-accordion .ui-accordion-header{border:1px solid #ddd!important}.ui-dialog .ui-dialog-content a{color:#323232}.ui-dialog .ui-dialog-content input:not(.ui-button),.ui-dialog .ui-dialog-content select,.ui-dialog .ui-dialog-content span.select2,.ui-dialog .ui-dialog-content textarea{border:1px solid #707070}.ui-dialog .ui-dialog-content .create-with-record-title{background:url(../images/accord-arrow-close-dark.png) center right no-repeat!important}.ui-dialog .ui-dialog-content .create-with-record-title.open{background:url(../images/accord-arrow-open-dark.png) center right no-repeat!important}.ui-dialog .ui-dialog-content .flexigrid div.bDiv td{color:#323232}.ui-dialog .ui-dialog-content .flexigrid div.colCopy,.ui-dialog .ui-dialog-content .flexigrid div.hDiv th{color:#fff;background:#27787F!important}.ui-dialog .ui-dialog-content .flexigrid div.bDiv tr.trOver td,.ui-dialog .ui-dialog-content .flexigrid div.bDiv tr.trOver td.sorted,.ui-dialog .ui-dialog-content .flexigrid div.bDiv tr:hover td.sorted{background:rgba(0,0,0,.1)!important}.ui-dialog .ui-dialog-content tr:hover{background:rgba(0,0,0,.1)!important}.ui-dialog .ui-dialog-content ul#sidebar-nav{padding:0;max-width:200px}.ui-dialog .ui-dialog-content ul#sidebar-nav li a{color:#323232!important;padding:0;font-weight:400}.ui-dialog .ui-dialog-content ul#sidebar-nav li.ui-state-active{background:#7AB091!important}.ui-dialog .ui-dialog-content ul#sidebar-nav li.ui-state-active a{color:#fff!important;font-weight:700}
    .ui-dialog .ui-dialog-content #settings-account, .ui-dialog .ui-dialog-content #settings-allergens-views, .ui-dialog .ui-dialog-content #settings-component-names, .ui-dialog .ui-dialog-content #settings-display-decimal-places, .ui-dialog .ui-dialog-content #settings-connections, .ui-dialog .ui-dialog-content #settings-filters, .ui-dialog .ui-dialog-content #settings-nutrition, .ui-dialog .ui-dialog-content #settings-nutrition-views, .ui-dialog .ui-dialog-content #settings-projects, .ui-dialog .ui-dialog-content #settings-users, .ui-dialog .ui-dialog-content #settings-users, .ui-dialog .ui-dialog-content #settings-templates, .ui-dialog .ui-dialog-content #settings-lookuptables, .ui-dialog .ui-dialog-content #settings-templates {
        background-color: #e5e5e5 !important;
        width: calc(100% - 60px)
    }.ui-dialog .ui-dialog-content #settings-jobs {
        background-color: #e5e5e5 !important;
        width: calc(100%)
    }.ui-dialog .ui-dialog-content .datafieldChoicesSetup:nth-child(even),.ui-dialog .ui-dialog-content .datafieldChoicesSetup:nth-child(odd),.ui-dialog .ui-dialog-content .datafieldsSetup:nth-child(odd),.ui-dialog .ui-dialog-content .nutritionHeadersSetup:nth-child(odd),.ui-dialog .ui-dialog-content .projectSetup:nth-child(odd){background-color:#d5d5d5!important}.ui-dialog .ui-dialog-content table tr:nth-child(odd){background-color:#d5d5d5!important}.ui-dialog .ui-dialog-content table tr:nth-child(even){background-color:#E5E5E5!important}.ui-dialog .ui-dialog-content table tr.comparison-difference{background-color:#e4ffdd!important;color:black}.ui-dialog .ui-dialog-content table tr.comparison-difference:nth-child(even){background-color:#d9f6d1!important}.ui-dialog .ui-dialog-content .datafieldsSetup:nth-child(even),.ui-dialog .ui-dialog-content .nutritionHeadersSetup:nth-child(even),.ui-dialog .ui-dialog-content .projectSetup:nth-child(even){background-color:#ddd!important}.ui-dialog .ui-dialog-content #comparison-costtable th,.ui-dialog .ui-dialog-content #comparison-intoltable th,.ui-dialog .ui-dialog-content #comparison-nuttable th,.ui-dialog .ui-dialog-content #comparison-rctable th,.ui-dialog .ui-dialog-content #connectionstable th,.ui-dialog .ui-dialog-content #userstable th,.ui-dialog .ui-dialog-content #userstableeditable th,.ui-dialog .ui-dialog-content .datafieldsTitleDiv,.ui-dialog .ui-dialog-content .nutritionSetupTitleDiv,.ui-dialog .ui-dialog-content .projectTitleDiv,.ui-dialog .ui-dialog-content .specContentTable th{padding:5px 8px!important;background:#7AB091;color:#fff;font-size:12px}.ui-dialog .ui-dialog-content #comparison-costtable,.ui-dialog .ui-dialog-content #comparison-intoltable,.ui-dialog .ui-dialog-content #comparison-nuttable,.ui-dialog .ui-dialog-content #comparison-rctable,.ui-dialog .ui-dialog-content #connectionstable,.ui-dialog .ui-dialog-content #userstable,.ui-dialog .ui-dialog-content #userstableeditable,.ui-dialog .ui-dialog-content .specContentTable{width:100%}.ui-dialog .ui-dialog-content #comparison-rctable tr:first-child{border-bottom:1px solid #fff}.ui-dialog .ui-dialog-content #add_settings_datafield_line_filters{margin-left:10px}.ui-dialog .ui-dialog-content table#timeline-maintable{width:100%}.ui-dialog .ui-dialog-buttonpane{padding:5px;border-top:none}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{padding:0!important}.ui-dialog .ui-button{background:#7AB091;color:#fff;padding:0 10px;margin:0}.ui-dialog .ui-button:disabled{opacity:.4}.ui-dialog .ui-button .secondaryButtonStyle,.ui-dialog .ui-button#confirmBeforeReopeningRecordsPopup_No,.ui-dialog .ui-button#saveBeforeClosingPopup_No{border:1px solid #707070;background:#fff;color:#707070!important}.ui-dialog #addConnectionDlg_Cancel,.ui-dialog #cancelAddReviewPopupOKBtn,.ui-dialog #cancelComparisonDlg,.ui-dialog #cancelCreateGroupPopupOKBtn,.ui-dialog #cancelUpdateCodePopupOKBtn,.ui-dialog #closeEditCustomUnitsBtn,.ui-dialog #closeEditPortionsBtn,.ui-dialog #closeWeightsAndMeasuresBtn,.ui-dialog #confirmBeforeDeletingItemsPopup_No,.ui-dialog #confirmDeleteDatafield_cancelbtn,.ui-dialog #confirmDeleteProject_cancelbtn,.ui-dialog #generateConnectionInvitationDlg_Close,.ui-dialog #lossesCloseBtn,.ui-dialog #settingsDataFieldChoicesPopupCloseBtn_filters{border:1px solid #707070;background:#fff;color:#707070!important}.ui-dialog .icon-trash{color:red!important}div#dialog-record-selection #expBarHolder{height:350px!important}
#specssharedwithme_expBarHolder .webix_dtable .webix_ss_filter input {
    border-color: #CCD7E6;
    margin-top:5px;
}

#importSpecs_div_results .webix_dtable .webix_ss_filter input,
#importpif6Specs_div_results .webix_dtable .webix_ss_filter input,
[view_id=designer_main_contents] .webix_dtable .webix_ss_filter input {
    border-color: #CCD7E6;
    margin-top: 5px;
}

.webix_popup[view_id*="$daterangesuggest"] {
    z-index: 101 !important;
}

.webix_view.webix_window.webix_popup[view_id*="$multisuggest"] {
    width: auto !important;
}

/*
    I turned this override off as it was breaking my template tab on the settings page
    I checked all the webix lists and non of them seem to be affected by this style.
.webix_view.webix_list[role*="listbox"] {
    width: auto;
}
*/

.webix_view.webix_layout_line[view_id*="$multisuggest"] {
    width: auto !important;
}

div[view_id*="$multisuggest"].webix_popup div.webix_win_body > div > div.webix_view.webix_control.webix_el_button.webix_secondary
{
    width: 100% !important;
}

div[view_id*="$multisuggest"].webix_popup div.webix_win_body > div > div.webix_view.webix_control.webix_el_button.webix_secondary > div {
    width: 100% !important;
}

div[view_id*="$multisuggest"].webix_popup .webix_secondary .webix_button {
    width: 100%;
}

#settings-nutrition-views .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-left: 1px solid #7AB091;
}

#settings-nutrition-views .webix_dtable .webix_ss_header > div.webix_hs_center > div:nth-child(3) {
    min-width: 100% !important;
}

#settings-allergens-views .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-left: 1px solid #7AB091;
}

#settings-allergens-views .webix_dtable .webix_ss_header > div.webix_hs_center > div:nth-child(3)
{
    min-width: 100% !important;
}

#settings-projects .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-left: 1px solid #5ccce7;
}

#settings-projects .webix_dtable .webix_ss_header > div.webix_hs_center > div:nth-child(3) {
    min-width: 100% !important;
}

#settings-display-decimal-places .webix_dtable .webix_ss_header .webix_hcolumn div.webix_last_row, .webix_dtable .webix_ss_header .webix_span.webix_last_row {
    border-left: 1px solid #5ccce7;
}

#settings-display-decimal-places .webix_dtable .webix_ss_header > div.webix_hs_center > div:nth-child(3) {
    min-width: 100% !important;
}

.webix_popup_input.webix_el_text.webix_required::before {
    color: transparent !important;
}


/* app.css for rms categories */

/* input[type="text"] apply both rms/pdm */
/* input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea */
/*div.webix_inp_static {*/
/*input[type="datepicker"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 0 20px !important;
    outline: none !important;
    padding: 9.5px 10px !important;
    -webkit-transition: background 0.3s !important;
    -moz-transition: background 0.3s !important;
    -o-transition: background 0.3s !important;
    transition: background 0.3s !important;
    font-family: "Verdana", Geneva, sans-serif !important;
    font-size: 14px !important;
    border: none !important;
    line-height: 20px !important;
    color: #313131 !important;
}*/

/*.specfield_date div.webix_inp_static {
    padding: 9.5px 10px !important;
}*/
/* input[type="text"] apply both rms/pdm */
/* input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] */
/*div.webix_inp_static {*/
/*input[type="datepicker"] {
    height: 39px !important;
}*/
/* html body table.recordDataTable input */
/*.categorydatefield div.webix_inp_static {
    border-width: 0 !important;
    width: 6em;
    /*height: auto;*
    font-size: 11px !important;
    background-color: transparent !important;
    color: #313131 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
}*/
/*.categorydatefield input[type="datepicker"] {

    background-color: transparent !important;
}*/
/* html body table.recordDataTable input[type="text"] */
    /*.categorydatefield div.webix_inp_static {*/
    /*html body table.recordDataTable input[type="datepicker"] {
    background-size: 9px !important;
    padding-right: 15px;
    resize: none !important;
}*/
    /* my own*/
.categorydatefield input[type="datepicker"], .categorydatefield .webix_el_box, .categorydatefield .webix_el_datepicker {
    width: 100% !important;
}
.specfield_date input[type="datepicker"], .specfield_date .webix_el_box, .specfield_date .webix_el_datepicker {
    width: 100% !important;
}

.specfield_date input[type="datepicker"]
{
    height: 34px !important;
}

.specfield_date span
{
    top: 10px;
    padding-top: 0px !important;
}

/* html body .RAlignedText */
/*.RAligned .webix_inp_static {*/
.RAligned input[type="datepicker"] {
    display: block;
    white-space: nowrap;
    padding: 9.5px 30px;
}

/* html body .RAligned */
/*.RAlignedText .webix_inp_static {*/
.RAlignedText input[type="datepicker"] {
    text-align: right !important;
    width: 8em;
    padding: 9.5px 30px;
}

.specfield_common_webix_disabled {
    background-color: lightgray;
}

.specfield_date {
    margin-top: -2px;
}

.specfield_common[disabled="disabled"] div {
    background-color: lightgray !important;
    background:lightgray !important;
    height: 34px !important;
}

.specfield_checkbox[disabled="disabled"] div {
    background-color: transparent !important;
    background: transparent !important;
}

/* pdmspecstyles.css for pdm views */

.webix_multicombo_text {
    white-space: pre-wrap !important;
}

.recordDataTable .webix_multicombo
{
    max-height: 80px !important;
    width: calc(100% - 35px) !important;
}

.recordDataTable .multicombo .webix_el_box {
    height: 80px !important;
    width: 100% !important;
}

.recordDataTable .webix_el_combo .webix_el_box input {
    width: 100% !important;
}

.recordDataTable .webix_multicombo .webix_el_box .webix_inp_static {
    width: 100% !important;
}







.basicingredient_grid-block .webix_multicombo {
    max-height: 80px !important;
    width: calc(100% - 35px) !important;
}

.basicingredient_grid-block .multicombo .webix_el_box {
    height: 80px !important;
    width: 100% !important;
}

.basicingredient_grid-block .webix_el_combo .webix_el_box input {
    width: 100% !important;
}

.basicingredient_grid-block .webix_multicombo .webix_el_box .webix_inp_static {
    width: 100% !important;
}

.webix_el_text input[type="text"]:read-only {
    background-color: transparent;
    border: hidden;
}

[id^=tableeditor_container_] .webix_el_text input[type="text"] {
    margin-top: 1px !important;
    border: 1px solid #1CA1C1 !important;
}

.specviewpanelcontainer .webix_el_text input[fieldtype="number"] {
    margin-top: 0px !important;
}

.specviewpanelcontainer .webix_el_combo input
{
    height: 36px !important;
    margin-top: -3px !important;
}

.matrixeditbox {
    width: 100%;
    height: 100%;
    margin: 10px;
    text-align: center;
    border: none !important;
}

html body table.recordDataTable input[role="combobox"]
{
    border: none;
    width: auto !important;
}

html body .basicingredient_grid-block input[role="combobox"] {
    border: none;
    width: auto !important;
    border: 1px solid lightgray;
}

.webix_el_combo.combo {
    width: auto !important;
}

.webix_el_combo.combo .webix_el_box {
    width: auto !important;
}

.webix_multicombo_value, .webix_multicombo_tag, .webix_multicombo_value.webix_readonly {
    border-radius: unset !important;
}

#qbDiv .webix_accordionitem_label {
    line-height: 2;
    font-size: small;
}

#qbDiv .webix_accordionitem_button {
    line-height: 1;
}

/*.webix_view.webix_window.webix_popup {
    z-index: 99999 !important;
} */

.webix_list_item:hover {
    background: lightgray !important;
}

#ingredientDeclarationChoicesGridHolder .webix_dt_editor input {
    height: 35px !important;
}

.webix_timeline_node {
    cursor: pointer;
}

.webix_timeline_value {
    cursor: pointer;
}

.flash {
    background-color: yellow;
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
}

.flash2 {
    background-color: white;
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
}

.flashred {
    color: white;
    background-color: red;
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
}

.flashgreen {
    color: white;
    background-color: green;
    transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -webkit-transition: background-color 1s linear;
    -ms-transition: background-color 1s linear;
}

.webix_inp_static > input[role="combobox"] {
    border-color: transparent !important;
}














.countbox {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-top: unset;
}

/* prev. they had special names, now they have countboxX */
.projectcountbox {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.awaitingreviewcountbox {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.approvedcountbox {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.undergoingchangescountbox {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-top: unset;
}
























.specfield_num.webix_view > label, .specfield_num.webix_disabled_view > label {
    line-height: 12px !important;
}

div:has(> input[readonly="true"]) .webix_custom_checkbox {
    color: lightgray;
}

.specfield_checkbox .webix_inp_label {
    display: none;
}


/* styles for the target results column selector dialog (based on nutrition column dialog */
.targetresultsspeclimitspopup .webix_win_head {
    background-color: #27787F;
}

.targetresultsspeclimitspopup .webix_header.webix_win_title {
    background-color: #27787F;
    color: white;
}

.targetresultsspeclimitspopup .webix_button {
    background-color: #7AB091;
    color: white;
}

.targetresultspanel .webix_hcell {
    background-color: #B5E4EF;
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.targetresultspanel .webix_cell {
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 11px;
}

.targetresultspanel .webix_cell:nth-child(even) {
    background-color: white;
}

.targetresultspanel .webix_cell:nth-child(odd) {
    background-color: #EEFDFF;
}

.targetresultspanel .targetlimitsgrid .webix_hcolumn:nth-child(n+3) > .webix_hcell,
.targetresultspanel .nutrienttargetsgrid .webix_hcolumn:nth-child(1) > .webix_hcell, 
.targetresultspanel .nutrienttargetsgrid .webix_hcolumn:nth-child(n+3) > .webix_hcell,
.targetresultspanel .passfailicon,
.targetresultspanel .targetresultscentered {
    text-align: center;
}

.targetresultspanel .targetdeclarationcell {
    height: fit-content !important;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.targetresultspanel .passfailicon span {
    display: inline-block;
}

.targetresultspanel .targetresultsselectedcell > span {
    margin-top: 4px;
    padding-top: 1px;
    border: 3px dashed orange;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.targetresultspanel .targetresultspassicon{
    color: green;
    margin-top:8px;
}

.targetresultspanel .targetresultsfailicon {
    color: red;
    margin-top: 8px;
}

.targetresultspanel .targetnutrientsbutton {
    max-height: 38px !important;
}

.productionlinespanel .webix_hcell {
    background-color: white;
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.productionlinespanel .webix_cell {
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 11px;
}

.productionlinespanel .webix_cell:nth-child(even) {
    background-color: white
}

.productionlinespanel .webix_cell:nth-child(odd) {
    background-color: #EFEFEF;
}

/*https://stackoverflow.com/questions/17893823/how-to-pass-parameters-to-css-classes*/
.panel_max_height {
    max-height: var(--maxheight);
}

.panel_margintop {
    margin-top: 30px !important;
}

/* styles for the declaration results ingredient list tree */
.declarationresultstable .webix_hcell {
    background-color: #B5E4EF;
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.declarationresultstable .webix_cell {
    font-family: 'Verdana', Geneva, sans-serif;
    font-size: 11px;
}

.declarationresultstable .webix_cell:nth-child(even) {
    background-color: white;
}

.declarationresultstable .webix_cell:nth-child(odd) {
    background-color: #EEFDFF;
}

.declarationresultscolumnspopup .webix_win_head {
    background-color: #27787F;
}

.declarationresultscolumnspopup .webix_header.webix_win_title {
    background-color: #27787F;
    color: white;
}

.declarationresultscolumnspopup .webix_button {
    background-color: #7AB091;
    color: white;
}

.declarationresultstable .webix_tree_none{
    cursor: default;
}

.webix_dtable .webix_ss_body .webix_table_cell {
    border-right-color: #DADEE0;
    border-left-color: #DADEE0;
}

.webix_ss_header .webix_span {
    border-right: 1px solid #DADEE0 !important;
    border-bottom: 1px solid #DADEE0 !important;
}

div[role="gridcell"]:has(.table_drag_handle) {
    white-space: nowrap !important;
}

.webix_dtable .webix_ss_header .webix_hcell, .webix_dtable .webix_ss_footer .webix_hcell {
    border-color: #DADEE0 !important;
}

section[header_cntype="pdm_spec"] .webix_dtable .webix_cell {
    white-space: pre-wrap !important;
    word-break: auto-phrase;
    line-height: 20px !important;
    align-content: center;
    overflow-y: scroll;
}

section[header_cntype="pdm_spec"] .webix_popup {

}

section[header_cntype="pdm_spec"] .webix_dtable .webix_hcell {
    line-height: inherit !important;
    align-content: center;
}

.specviewpanelcontainer .webix_dtable .webix_ss_body .webix_column > div, .specviewpanelcontainer .webix_dtable .webix_ss_body .webix_table_cell {
    border-right-color: #DADEE0 !important;
    border-left-color: #DADEE0 !important;
}

.jobtable_icon_margintop .webix_icon {
    margin-top: 10px;
}

.jobtable_log_paddingleft .webix_cell {
    padding-left: 0px;
}

.productionlinespanel .webix_tree_none {
    width: 0px;
}

section[header_cntype="pdm_spec"] .webix_dtable .webix_column.fixedtableheadercolor > .webix_cell {
    padding-right: 3px;
}

.targetresultspanel .webix_tree_none {
    width: 0px;
}

.targetresultspanel .targetresultspass {
    padding-left: 2px;
    padding-right: 2px;
}

.connectionSettingsGrid.webix_dtable .webix_hcell.webix_ss_filter {
    padding: 5px 0px;
}

.webix_list_item .archiveflag, .webix_list_item.archiveflag {
    color: darkgray;
    background-color: lightgray;
}

div[view_id="collabinfopopup"] div.webix_win_title div {
    background: #27787F;
    color: white;
}

div[view_id="collabinfopopup"] .webix_button {
    background: #7AB091;
    color: #fff;
}

.webix_column.webix_last > div {
    border-right-width: 1px !important
}

/* styles for the target results column selector dialog (based on nutrition column dialog */
.specspifimporteddlg .webix_win_head {
    background-color: #27787F;
}

.specspifimporteddlg .webix_win_head div,
.specspifimporteddlg .webix_toolbar .webix_el_label .webix_el_box,
.specspifimporteddlg .webix_popup_title {
    background-color: #27787F;
    color: white;
    box-shadow: none;
}

.specspifimporteddlg .webix_button,
.specspifimporteddlg .webix_popup_button {
    background-color: #7AB091;
    color: white;
}

.pifmessagedetailspreview .webix_popup_title{
    background-color: #27787F;
    color: white;
    box-shadow: none;
}

.pifmessagedetailspreview .webix_popup_button {
    background-color: #7AB091;
    color: white;
}

.timeline-messages-dialog .webix_win_head div,
.timeline-messages-dialog .webix_toolbar .webix_el_label .webix_el_box,
.timeline-messages-dialog .webix_popup_title {
    background-color: #27787F;
    color: white;
    box-shadow: none;
}

.timeline-messages-dialog .webix_icon_btn.wxi-close {
    margin-right: 0px;
    color: white;
}
.timeline-messages-dialog .closebtn .webix_el_box, .timeline-messages-dialog .closebtn button {
    background-color: #27787F;
}

.timeline-messages-dialog .timeline-messages-info {
    padding: 5px;
}

.pifmessagedetailspreview .webix_win_head {
    background-color: #27787F;
}

.pifmessagedetailspreview .webix_win_head .webix_layout_toolbar {
    background-color: #27787F;
}

.pifmessagedetailspreview .webix_header.webix_win_title {
    background-color: #27787F;
    color: white;
}

.pifmessagedetailspreview .webix_button {
    background-color: #7AB091;
    color: white;
}

[view_id=mandatory] .webix_tree_file, [view_id=mandatorydriven] .webix_tree_file {
    background-image: none !important;
    width: 0px !important;
}

[view_id=mandatory] .webix_tree_folder, [view_id=mandatorydriven] .webix_tree_folder {
    background-image: none !important;
    width: 0px !important;
}

[view_id=mandatory] .webix_tree_folder_open, [view_id=mandatorydriven] .webix_tree_folder_open {
    background-image: none !important;
    width: 0px !important;
}

[view_id=mandatory] .webix_tree_file:before, [view_id=mandatorydriven] .webix_tree_file:before {
    content: none !important;
}

[view_id=mandatory] .webix_tree_folder:before, [view_id=mandatorydriven] .webix_tree_folder:before {
    content: none !important;
}

[view_id=mandatory] .webix_tree_folder_open:before, [view_id=mandatorydriven] .webix_tree_folder_open:before {
    content: none !important;
}

[view_id=mandatory] .webix_table_checkbox, [view_id=mandatorydriven] .webix_table_checkbox {
    margin-top: 10px;
}

[view_id=designer_main_contents] .webix_all_tabs .webix_item_tab.webix_selected {
    color: #1CA1C1;
    background: #FFFFFF;
}

[view_id=designer_main_contents] .webix_all_tabs .webix_item_tab {
    /*color: #a5bec4;*/
    background: #ededed;
}

[view_id=designer_main_contents]
.webix_table_checkbox,
.webix_hcell input[type="checkbox"] {
    margin-top: 15px;
}

.mandatorydriver {
    background-color: #FFAAAA;
}
.comparison-tabs .ui-tabs-nav li {
    padding: 0.5em;
}

.comparison-tabs .ui-tabs-nav li.ui-state-active {
    background: #7AB091;
    padding: 0.5em;
}

.comparison-tabs .ui-tabs-nav li.ui-state-active a {
    color: white;
}

.ui-dialog .ui-dialog-content tr.comparison-difference:hover {
    background-color: #ccc !important;
}

#dialog-comparison-viewer th {
    padding: 8px;
}

#dialog-comparison-viewer th:first-child {
    padding-left: 30px !important;
}

#comparison-nuttable th {
    padding: 13px !important;
    background: rgb(255, 255, 255);
    color: rgb(49,49,49);
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

#comparison-costtable th {
    padding: 13px !important;
    background: rgb(255, 255, 255);
    color: rgb(49,49,49);
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

#comparison-intoltable th {
    padding: 13px !important;
    background: rgb(255, 255, 255);
    color: rgb(49,49,49);
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.comparison-difference td {
    padding-left: 13px;
    text-align: left !important;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 13px;
    padding-right: 13px;
    text-align: left;
}

.comparison-same td {
    padding-left: 13px;
    text-align: left !important;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 13px;
    padding-right: 13px;
    text-align: left;
}

.comparison-difference td:first-child {
    padding-left: 30px !important;
}

.comparison-same td:first-child {
    padding-left: 30px !important;
}


#dialog-comparison-viewer td {
    text-align: center;
}

#dialog-comparison-viewer td.rowheading {
    text-align: left;
}

#dialog-speccomparison-viewer th {
    padding: 8px;
    font-weight: bold;
}

#dialog-speccomparison-viewer td {
    text-align: center;
}

#dialog-speccomparison-viewer td.rowheading {
    text-align: left;
    padding-right: 10px;
    padding-left: 0px;
}

#comparison-rctable .comparison-difference {
    text-align: left !important;
}

#comparison-rctable thead tr {
    background: white;
}

.comparison-rchead {
    text-align: left !important;
    padding-left: 15px !important;
    color: black;
    background: white;
    font-weight: 800;
}

.comparison-rchead2 {
    text-align: left !important;
    padding-left: 8px !important;
    color: black;
    background: white;
    font-weight: 400;
}

.comparison-rcsubhead {
    color: black;
    background: white;
    text-align: left;
    padding: 15px !important;
    font-weight: normal !important;
}

#comparison-showdiffs {
    margin-right: 10px;
}

.comparison-timelinetitle {
    padding-bottom: 10px;
    font-weight: bold;
}

.speccomparison-timelinetitle {
    padding-bottom: 10px;
    font-weight: bold;
}

.specComparisonPictureWarning {
    padding-right: 50px;
    font-size: small;
}



.chatbot {
    padding: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'Verdana', Geneva, sans-serif;
    color: #313131;
}

.chatbot > div {
    padding: 10px;
    background-color: lightgray;
    border-radius: 0px 10px 10px 10px;
    width: fit-content;
}

.questioner {
    padding: 10px;
    font-size: 14px;
    font-family: 'Verdana', Geneva, sans-serif;
    color: #313131;
}

.questioner > div {
    padding: 10px;
    background-color: lightblue;
    border-radius: 10px 0px 10px 10px;
    width: fit-content;
}

.questioner > div > span {
    text-align: left;
}

.chatbottitle {
    text-align: left;
}

.lensselector {
    text-align: right;
}

.chatbot > div > span table {
    border: solid 1px;
}
.chatbot > div > span table th {
    border-bottom: solid 1px;
    padding: 5px;
}
.chatbot > div > span table td {
    padding: 5px;
}

.chatbot > div > span ul {
    padding: 5px;
    list-style:disc;
}

.chatbot > div > span h3 {
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
}

.websocketicon .webix_template {
    padding: 4px 4px;
}
.websocketicon .webix_template span {
    padding-top: 8px;
}
