/* ---------------- OVERRIDING DEFAULT STYLES ---------------- */

/** {
	font-family: Tahoma, Ubuntu, sans-serif;
}*/

::-webkit-input-placeholder {color: #999; opacity: 1;}
::-moz-placeholder          {color: #999; opacity: 1;}
:-moz-placeholder           {color: #999; opacity: 1;}
:-ms-input-placeholder      {color: #999; opacity: 1;}

html {
	--fx-infinity-10: #f4f6f9;
	--fx-infinity-50: #e9ecf1;
	--fx-infinity-100: #dce1ea;
	--fx-infinity-700: #7e92ad;
	--fx-infinity-900: #566279;

	--fx-dirty-blue-200: #d3d7e0;
	--fx-dirty-blue-500: #b2b8c5;

	--paper-red-50: #ffd7db;
	--paper-red-100: #ffcdd2;
	--paper-red-200: #ef9a9a;
	--paper-red-300: #e57373;
	--paper-red-400: #ef5350;
	--paper-red-500: #f44336;
	--paper-red-600: #e53935;
	--paper-red-700: #d32f2f;
	--paper-red-800: #c62828;
	--paper-red-900: #b71c1c;
}

body {
	height: 100%;
	margin: 0px;
	font-size: 8pt;
	/*display: flex;
	flex-direction: column;
	justify-content: center;*/
}

/* ---------------- OVERRIDING DEFAULT STYLES ---------------- */

/*.fx-warning {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmQzNTEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij48cGF0aCBkPSJNMTUuOCAxMi41TDkuNC44QzkuMS4zIDguNiAwIDggMFM2LjkuMyA2LjYuOEwuMiAxMi41Yy0uMy41LS4zIDEuMiAwIDEuN3MuOC44IDEuNC44aDEyLjhjLjYgMCAxLjEtLjMgMS40LS44LjMtLjYuMy0xLjIgMC0xLjd6IiBmaWxsPSIjZmZkMzUxIi8+PHBhdGggZD0iTTE1LjggMTIuNUw5LjQuOEM5LjEuMyA4LjYgMCA4IDBTNi45LjMgNi42LjhMLjIgMTIuNWMtLjMuNS0uMyAxLjIgMCAxLjdzLjguOCAxLjQuOGgxMi44Yy42IDAgMS4xLS4zIDEuNC0uOC4zLS42LjMtMS4yIDAtMS43ek03LjcgMS42Yy4xLS4zLjUtLjMuNyAwbDUuOSAxMS4yYy4xLjIgMCAuNC0uMy40SDIuMWMtLjIgMC0uNC0uMi0uMy0uNEw3LjcgMS42eiIgZmlsbD0iI2Q3YWQ0YSIvPjxyZWN0IHg9IjcuNSIgeT0iNS41IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiBmaWxsPSJ5ZWxsb3ciIHN0cm9rZT0iIzgxNWIzYSIvPjxyZWN0IHg9IjcuNSIgeT0iMTAuNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0ieWVsbG93IiBzdHJva2U9IiM4MTViM2EiLz48L3N2Zz4=) center no-repeat;
	width: 32px;
	height: 32px;
}*/
.fx-unselectable {
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-drag: none;
	cursor: default;
}
.fx-text-selectable {
	user-select: text;
	-o-user-select: text;
	-ms-user-select: text;
	-moz-user-select: -moz-text;
	-webkit-user-select: text;
}
.fx-window .fx-btn {
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	/*font-size: 8pt;*/
	/*padding: 3px 6px;*/
	padding: 3px 6px 3px 6px;
	margin: 0 5px;
	background-color: #f8f8f8;
	background-image: linear-gradient(#f9f9f9,#e4e4e4);
	border: 1px solid #999;
	/*border-radius: 3px;*/
	border-radius: 2px;
	color: #444;
	/*box-shadow: 0 1px 1px #ddd;*/
	cursor: pointer;
	outline: none;
}
.fx-mask {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: rgba(200,200,200,0.5);*/
	background-color: rgba(193, 197, 204, 0.5);
	/*text-align: center;*/
	z-index: 10000;
}
/*.fx-mask:before {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
}*/
.fx-window {
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #999;
	background-color: #fafafa;
	border-radius: 3px;
	box-shadow: 0 0 5px #ccc;
	min-width: 100px;
	box-sizing: border-box;
}
.fx-mask-msg {
	padding: 5px;
}
.fx-window > .header {
	/*font-size: 10pt;*/
	display: flex;
	align-items: center;
	height: 28px;
	font: bold 12px/28px tahoma, arial, verdana, sans-serif;
	padding: 0 8px;
	color: #333;
	box-sizing: border-box;
}
.fx-window > .body {
	display: flex;
	align-items: center;
	font: normal 12px/16px tahoma, arial, verdana, sans-serif;
	padding: 5px 10px;
	color: #333;
}
.fx-window > .body > .component {
	/*display: table-cell;*/
	/*vertical-align: middle;*/
	max-height: 500px;
	overflow: auto;
	white-space: pre-wrap;
}
.fx-window > .body > .icon-box {
	margin: 0 10px 0 2px;
	display: flex;
	flex: 0 0 auto;
}
.fx-img-32 {
	height: 32px;
	width: 32px;
}
.fx-window .toolbar {
	text-align: center;
	padding: 10px;
}
.fx-window .toolbar .fx-btn {
	min-width: 75px;
}
.fx-loadmask {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 5px;
	border-radius: 20px;
	/*border: 1px solid #b2b8c5;*/
	border-top: 1px solid #cbcfd6;
	border-left: 1px solid #c1c6d0;
	border-right: 1px solid #c1c6d0;
	border-bottom: 1px solid #b2b8c5;
	background-image: none;
	background-color: #f8f8f8;
	/*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
	background-image: -webkit-linear-gradient(top,#fff,#eee);
	background-image: -moz-linear-gradient(top,#fff,#eee);
	background-image: -o-linear-gradient(top,#fff,#eee);
	background-image: -ms-linear-gradient(top,#fff,#eee);
	background-image: linear-gradient(top,#fff,#eee);*/
	box-shadow: none;
}
.fx-loadmask-icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 100%;
	box-sizing: border-box;
	border-right: solid 2px #e0e2e6;
	border-top: solid 2px #e0e2e6;
	border-left: solid 2px #7d7d8e;
	border-bottom: solid 2px #e0e2e6; /*border-bottom: solid 2px #7d7d8e;*/
	-webkit-animation: x-loadmask-anim 1s infinite linear;
	animation: x-loadmask-anim 1s infinite linear;
}
.fx-loadmask-text {
	/*background-image: url(./images/loading.svg);*/
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 0 5px;
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
}
.fx-loadmask-timer {
	margin-right: 1px;
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	border-left: 1px solid #b2b8c5;
	padding-left: 5px;
}

.grid .body {
	/*display: block;*/
	overflow: auto;
	/*border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 8pt;
	font-weight: 300;*/
	/*max-width: none;*/
}
.grid .body table {
	/*width: 100%;*/
	width: 1px;
	max-width: none;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 8pt;
	font-weight: 300;
}
.grid .body th {
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: 300;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background-image: -webkit-linear-gradient(#f9f9f9,#e4e4e4);
	background-image: -moz-linear-gradient(#f9f9f9,#e4e4e4);
	background-image: -ms-linear-gradient(#f9f9f9,#e4e4e4);
	background-image: -o-linear-gradient(#f9f9f9,#e4e4e4);
	background-image: linear-gradient(#f9f9f9,#e4e4e4);
	/*overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	text-overflow: ellipsis;*/
}
/*.grid .body th .text {
	text-align: left;
	padding: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.grid .body tr {
	border-bottom: 1px solid #d6d5d7;
	height: 21px;
}
.grid .body tr:nth-child(even) {
	background-color: #f3f6fa;
}
.grid .body tr:hover {
	background-color: #e9e8ec;
}
.grid .body td {
	padding: 0;
	margin: 0;
	border-right: 1px solid #d6d5d7;
	cursor: default;
	overflow: hidden;
}
.grid .body td .data {
	padding: 3px 6px 4px 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 22px;
}*/
/*.resizer {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background-image: none;
	background-color: rgba(0,0,0,0);
	width: 6px;
	height: 21px;
	cursor: col-resize;
	cursor: e-resize;
	z-index: 10;
}*/
.bg-green {background-color: #bbf0cc !important;}
.bg-red {background-color: #ffcccc !important;}

/* ---------------- Tooltip ---------------- */

.fx-tooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #e9eef2;
	/*border: 1px solid #929ea5;*/
	border-radius: 2px;
	padding: 4px 5px;
	border: 1px solid #b5b5b5;
	box-shadow: 0 0 6px rgba(161,169,182,.6);
	font-family: Tahoma, Ubuntu, sans-serif;
	white-space: pre-wrap;
	z-index: 10000;
	max-width: 300px;
}

.fx-tooltip.dark {
	background-color: #4D586E;
	color: #d8dce4;
	border: none;
	max-width: 300px;
}

.fx-tooltip.dark > .cursor {
	display: block;
	position: absolute;
	top: -4px;
	width: 8px;
	height: 8px;
	background-color: #4d586e;
	transform: rotate(45deg);
	/*border: 5px solid #4d586e;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;*/
}

/* ---------------- Tooltip ---------------- */

/* FIELDS */

.fx-field-label > .qtip {
	flex: 0 0 auto;
	font-size: 10px;
	background-color: #b2b8c5;
	line-height: 12px;
	width: 12px;
	height: 12px;
	display: block;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	font-family: sans-serif;
	font-weight: 700;
	margin: 0 2px 0 3px;
}
*:not(.fx-disabled):not(.fx-readonly) > .fx-field-label > .qtip:hover {
	background-color: #3f83ff;
	cursor: help;
}

.fx-form-invalid-field {
	border-color: #c30;
	background-color: #ffe7e7;
	background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAVJJREFUOE+Fk71KA1EQhbdQSSEiVhrEIkgKEfHBxCcQWxGxsJCQQkQsg4i1SAgioiApxMIXWLAMkkJEzHcmM1eTXeOBj9w5M3c29y8b1+PSdB0OoAs95xmOYM3LiiI5BfvwCV/wAGdwDncQ/jFUfNpQGJp8Cd/QgpqnkvBWQA1Vcw0/TQj2PLEL4c3AlTNvJmK8DapthrEK+nsXYJ7EuAIqFItum4hPQMvZUKCvK6h73kQ8qUEV9NGGgnvoei4J788GEl4bXjV4g5b7SXj/NWhCf1IDbWLHWXA7CS810HkXlpDnuXKGxuPCvwFbQukmSng6ocLtw9MmfoBtYg3KjnEO+qDCqtsm4jjGzTB0hbVZOxCe9uAJXmDWTMR4C1Q7vEgSQelV5tfw8TKcgmq0/tL3oFcYj0b3Q3df3EL4DRid/Fsk9ZwPIZ7zO8RzXvcyV5YNAHSY5tVxmug6AAAAAElFTkSuQmCC);
	background-position: right 4px center;
	background-repeat: no-repeat;
	padding-right: 24px;
}

/* FIELDS */

.fx-form-item {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	align-items: center;
	margin-bottom: 5px;
	/*align-items: flex-start;*/ /* Если высота поля занимает больше, чем положено, то label находится сверху, а не посередине относительно высоты поля */
	/*position: relative;*/
}

/* PAGINATOR */

.fx-toolbar.paginator {
	background-color: #d3d7e0;
}
.fx-toolbar.paginator.top {
	border-bottom: 1px solid #b2b8c5;
}
.fx-toolbar.paginator.bottom {
	border-top: 1px solid #b2b8c5;
}

/* PAGINATOR */

/*.fx-form-item .fx-form-field-label {
	font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
	padding: 5px 0;
	box-sizing: border-box;
}*/

/* ---------------- FORM ---------------- */

/* ---------------- ANIMATIONS ---------------- */

/*.test-loadmask {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: transparent;
	box-sizing: border-box;
	border: 3px solid transparent;
	border-radius: 100px;
	border-top-color: #727c96;
	border-left-color: #727c96;
	-webkit-animation: x-loadmask-anim 1s infinite linear;
	animation: x-loadmask-anim 1s infinite linear;
}*/

@keyframes x-loadmask-anim {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes x-blink {
	0% { background-color: #ffe98c; }
}

/* ---------------- ANIMATIONS ---------------- */

/* ---------------- SCROLLBAR ---------------- */

.fx-scrollbar {
	width: 10px;
	height: 100%;
	background-color: #eee;
	/* padding: 0 1px; */
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px;
}

.fx-scrollbar > .fx-scroller {
	border-radius: 20px;
	background-color: #bbb;
	background-color: #999;
	/* padding: 0 3px; */
	/* border: solid 1px #b1b1b1; */
	/*height: 100px;*/
	box-sizing: border-box;
	position: relative;
	top: 0;
}

.fx-scrollbar > .fx-scroller.active {
	background-color: #7b7b7b;
}

/* ---------------- SCROLLBAR ---------------- */

/* ---------------- DEV ---------------- */

.fx-dev-qtip {
	position: absolute;
	/*border: 1px solid #929ea5;*/
	font-family: Tahoma, Ubuntu, sans-serif;
	z-index: 10000;
	cursor: default;
	animation: top 0.2s ease forwards;
}
.fx-dev-qtip.top {
	/*margin-top: -9px;*/
	padding-bottom: 9px;
}
.fx-dev-qtip.bottom {
	/*margin-top: 9px;*/
	padding-top: 9px;
}
.fx-dev-qtip.hidden {
	/*display: none;*/
	animation: remove .2s ease-in-out;
	animation-fill-mode: forwards;
}
.fx-dev-qtip > .content {
	background-color: #4D586E;
	color: #d8dce4;
	border-radius: 2px;
	padding: 4px 5px;
	box-shadow: 0 0 6px rgba(161,169,182,.6);
	max-width: 200px;
}
.fx-dev-qtip > .cursor {
	position: absolute;
	border: 5px solid transparent;
	left: 5px;
	/*top: -4px;
	width: 8px;
	height: 8px;
	background-color: #4d586e;
	transform: rotate(45deg);*/
}
.fx-dev-qtip.top > .cursor {
	border-top: 5px solid #4D586E;
	/*bottom: -10px;*/
}
.fx-dev-qtip.bottom > .cursor {
	border-bottom: 5px solid #4D586E;
	top: -1px;
	/*top: -10px;*/
}
@keyframes remove {
	0% {opacity: 1;}
	100% {opacity: 0; display: none;}
}
/*.fx-dev-qtip:after {
	content: '';
	position: absolute;
	border: 5px solid transparent;
	
	bottom: -10px; for top position
	border-top: 5px solid #4D586E;
	left: 5px;

	top: -10px; for bottom position
	border-bottom: 5px solid #4D586E;
	left: 5px;
}*/

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

.fx-dev-mask {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(193, 197, 204, 0.5); /*background-color: rgba(200,200,200,0.5);*/
	/*text-align: center;*/
	z-index: 100;
}

.fx-dev-mask > .fx-dev-loadmask {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 5px;
	border-radius: 20px;
	/*border: 1px solid #b2b8c5;*/
	border-top: 1px solid #cbcfd6;
	border-left: 1px solid #c1c6d0;
	border-right: 1px solid #c1c6d0;
	border-bottom: 1px solid #b2b8c5;
	background-image: none;
	background-color: #f8f8f8;
}

.fx-dev-mask > .fx-dev-loadmask > .fx-loadmask-icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 100%;
	box-sizing: border-box;
	border-right: solid 2px #e0e2e6;
	border-top: solid 2px #e0e2e6;
	border-left: solid 2px #7d7d8e;
	border-bottom: solid 2px #e0e2e6; /*border-bottom: solid 2px #7d7d8e;*/
	-webkit-animation: x-loadmask-anim 1s infinite linear;
	animation: x-loadmask-anim 1s infinite linear;
}
.fx-dev-mask > .fx-dev-loadmask > .fx-loadmask-text {
	/*background-image: url(./images/loading.svg);*/
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 0 5px;
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
}
.fx-dev-mask > .fx-dev-loadmask > .fx-loadmask-timer {
	margin-right: 1px;
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	border-left: 1px solid #b2b8c5;
	padding-left: 5px;
}

.fx-dev-mask > .fx-dev-loadmask > .fx-loadmask-close-btn {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	/* background-color: #eee; */
	box-sizing: border-box;
	/* border: 1px solid #ddd; */
	background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSIjZDI0OTQ5IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPgo8L3N2Zz4=);
	background-size: 20px;
	background-position: center;
	opacity: .6;
	filter: grayscale(100%);
}
.fx-dev-mask > .fx-dev-loadmask > .fx-loadmask-close-btn:hover {
	opacity: 1;
	filter: none;
	cursor: pointer;
}

/* ---------------- DEV ---------------- */
.fx-container {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  /*width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;*/
  height: auto;
  width: auto;
  /*align-self: flex-start;*/
  box-sizing: border-box;
  -webkit-user-drag: none;
  /*-webkit-user-select: none;*/
  /*font: 12px/normal Tahoma, Ubuntu, sans-serif;*/
  /*font-family: Tahoma, Ubuntu, sans-serif;*/
  overflow: visible;
  white-space: pre;
}
.fx-container.scrollable {
  overflow: auto;
}
.fx-container.flexible {
  flex: 1 1 auto;
}
.fx-container.border {
  border: 1px solid silver;
}
.fx-container.disabled {
  opacity: .5;
}
.fx-container.layout-column {
  flex-direction: row;
}
.fx-splitcontainer {
	display: flex;
	flex: 0 0 auto;
	/*position: relative;*/
	width: 100%;
	/*height: 100%;*/
	overflow: auto;
}
.fx-splitcontainer.flexible {
	flex: 1 1 auto;
}
.fx-splitcontainer.vertical {
	flex-direction: row;
}
.fx-splitcontainer.horizontal {
	flex-direction: column;
}
.fx-splitter {
	display: flex;
	flex: 0 0 auto;
	/*background-color: #dee0e4;*/
	background-color: #d9dadc;
	box-sizing: border-box;
}
.fx-splitter.horizontal {
	border-top: 1px solid #bdc0c7;
	border-bottom: 1px solid #bdc0c7;
	height: 5px;
}
.fx-splitter.horizontal.minimal {
	background-color: #c0c0c0;
	margin: -2px 0;
	border: 2px solid rgba(123, 149, 183, 0);
	border-width: 2px 0;
	background-clip: padding-box;
	transition: border .5s, background-color .5s;
	z-index: 10;
}
.fx-splitcontainer.moving > .fx-splitter.horizontal.resizable, .fx-splitcontainer:not(.moving) > .fx-splitter.horizontal.resizable:hover {
	cursor: n-resize;
}
.fx-splitcontainer.moving > .fx-splitter.horizontal.resizable.minimal, .fx-splitcontainer:not(.moving) > .fx-splitter.horizontal.resizable.minimal:hover {
	background-color: #6f96ca;
	border-color: rgba(123, 149, 183, .2);
}
.fx-splitter.vertical {
	border-left: 1px solid #bdc0c7;
	border-right: 1px solid #bdc0c7;
	width: 5px;
}
.fx-splitter.vertical.minimal {
	background-color: #c0c0c0;
	margin: 0 -2px;
	border: 2px solid rgba(123, 149, 183, 0);
	border-width: 0 2px;
	background-clip: padding-box;
	transition: border .5s, background-color .5s;
	z-index: 10;
}
.fx-splitcontainer.moving > .fx-splitter.vertical.resizable, .fx-splitcontainer:not(.moving) > .fx-splitter.vertical.resizable:hover {
	cursor: e-resize;
}
.fx-splitcontainer.moving > .fx-splitter.vertical.resizable.minimal, .fx-splitcontainer:not(.moving) > .fx-splitter.vertical.resizable.minimal:hover {
	background-color: #6f96ca;
	border-color: rgba(123, 149, 183, .2);
}
.fx-splitcontainer.moving > *:not(.fx-splitter) {
	pointer-events: none;
}
.fx-splitter.hidden {
	display: none;
}
.fx-panel {
  /*height: 100%;*/
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-self: stretch;
  min-width: 50px;
  min-height: 50px;
  /*flex-grow: 1;
  flex-shrink: 0;*/
  /*width: 100%;*/
  /*font-family: Tahoma, Ubuntu, sans-serif;*/
  /*display: inline-block;*/
  /*position: relative;*/
  box-sizing: border-box;
  -webkit-user-drag: none;
  -webkit-user-select: none;
}
.fx-panel.flexible {
  flex: 1 1 auto;
}
.fx-panel.border {
  border: 1px solid silver;
}
.fx-panel .fx-panel-header {
  display: flex;
  flex-shrink: 0;
  height: 28px;
  cursor: default;
  /*min-height: 26px;
  padding: 6px;*/
  padding: 7px 6px;
  border-bottom: 1px solid silver;
  /*background-color: #dee0e4;*/
  background-color: #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;

  font-size: 11px;
  font-weight: 700;
  font-family: Tahoma, Ubuntu, sans-serif;
  background-color: #d3d7e0;
  border-bottom: 1px solid #b2b8c5;
  padding: 0 6px;
  color: #566279;
  align-items: center;
}
.fx-panel > .fx-panel-header > .fx-text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  height: 100%;
}
.fx-panel .fx-panel-body {
  /*padding: 6px;*/
  /*display: flex;*/
  /*height: 100%;*/
  display: flex;
  /*align-items: flex-start;*/
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  box-sizing: border-box;
}
.fx-panel-body.layout-column {
  flex-direction: row;
}
.fx-panel-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(193, 197, 204, 0.5); /*background-color: rgba(200,200,200,0.5);*/
  /*text-align: center;*/
  z-index: 100;
}



.fx-panel-body.collapse {
  -webkit-animation: collapse 1s;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes collapse {
  0% {
    position: relative;
    bottom: 0%;
    opacity: 1;
  }
  99% {
    bottom: 100%;
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    position: initial;
  }
}
.fx-tabpanel > .fx-panel-header:not(.fx-without-tabbar) {
	border-bottom: none;
}
.fx-panel .fx-panel-body.fx-tabpanel {
	display: flex;
	flex-grow: 1;
	padding: 0;
	/*position: relative;*/
	/*height: 100%;*/
}
.fx-panel .fx-panel-body.fx-tabpanel .fx-tab-body {
	/*position: absolute;*/
	/*position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;*/
}
.fx-tabbar {
	position: relative;
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	height: 28px;
	list-style: none;
	padding: 0;
	margin: 0;
	/*border-bottom: 1px solid #999;*/
	/*background-color: #eee;*/
	/*background-color: #d4d4d4;*/
	background-color: #d3d7e0;
	/*border-bottom: 1px solid #b0acb4;*/
	/*border-bottom: 1px solid #b2b8c5;*/
	/*padding-top: 2px;*/
	overflow: hidden;
	box-sizing: border-box;
	/*scroll-behavior: smooth;*/ /* фризит при быстрой прокрутке колесика */
}
.fx-tabbar.compressible-tabs > .fx-tab {
	flex: 0 1 auto;
	min-width: 40px;
}
.fx-tabbar.uniform-tabs > .fx-tab {
	width: 180px;
}
.fx-tabbar:before {
	content: '';
	position: absolute;
	bottom: 0px;
  width: 100%;
  border-bottom: 1px solid #b2b8c5;
}
.fx-tabbar > .fx-button {
	padding: 2px 5px;
	align-self: center;
	margin: 0 0 1px 3px;
}
.fx-tabbar > .fx-field-text {
	padding: 0;
	align-self: center;
	margin: 0 0 1px 3px;
}
.fx-tabbar > .fx-field-text > .fx-field-input {
	height: 22px;
}
.fx-tabbar > .fx-field-number {
	align-self: center;
	margin: 0 0 1px 3px;
}
.fx-tabbar > .fx-field-number > .fx-field-input {
	height: 22px;
}
.fx-tabbar > .fx-field-combobox {
	align-self: center;
	margin: 0 0 1px 3px;
}
.fx-tabbar > .fx-field-combobox > .fx-field-input {
	height: 22px;
	line-height: 16px;
}
.fx-tabbar > .fx-field-combobox > .fx-btn {
	height: 22px;
	width: 22px;
}
.fx-tab {
	display: flex;
	position: relative;
	/*top: 1px;*/
	padding: 3px 8px 3px 8px;
	/*border: 1px solid #b0acb4;*/
	border: 1px solid #aab0bd;
	border-bottom: 1px solid #b2b8c5;
	margin: 2px 0 0 3px;
	border-radius: 3px 3px 0 0;
	/*background-color: #e4e4e4;*/
	background-color: #e6e7e8;
	/*background-image: linear-gradient(#f1f1f1,#e1e1e1);*/
	align-items: center;
	white-space: pre;
	outline: none;
	overflow: hidden;
  text-overflow: ellipsis;
	box-sizing: border-box;
	/*z-index: 1;*/
}
.fx-tab:last-child {
	margin-right: 5px;
}
.fx-tab:not(.fx-tab-disabled):hover {
	background-color: #f4f4f4;
	/*cursor: pointer;*/
	/*background-image: linear-gradient(#fff,#f1f1f1);*/
}
.fx-tab.fx-tab-active:not(.fx-tab-disabled) {
	/*background-color: #fff;
	background-image: -webkit-linear-gradient(top,#ffffff,#eeeeee);*/
	background-color: #f4f4f4;
	border-bottom-color: transparent;
	/*border-bottom-color: #f4f4f4;*/
	/*z-index: 3;*/
}
.fx-tab.fx-tab-disabled {
	opacity: .6;
}
.fx-tab > .fx-tab-text {
	/*color: #666;*/
	color: #6c7382;
	padding: 0 2px;
}
.fx-tab.fx-tab-active:not(.fx-tab-disabled) > .fx-tab-text {
	color: #000;
}
.fx-tab > .fx-tab-icon {
	/*display: inline-block;*/
  flex: 0 0 auto;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}
.fx-tab.fx-loading > .fx-tab-icon {
  visibility: hidden;
}
.fx-tab.fx-loading > .fx-tab-icon:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #566279;
  border-radius: 50%;
  visibility: visible;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  animation: x-loadmask-anim 1s infinite linear;
}
/*.fx-tab-icon.no-icon {
	display: none;
}*/
.fx-tab > .fx-tab-counter {
	padding: 1px 3px;
	border-radius: 50px;
	margin-left: 5px;
	background-color: #d1d1d1;
	border: solid 1px #b1b1b1;
	border-top-color: #a1a1a1;
	border-left-color: #a9a9a9;
	color: #666;
	margin-right: -2px;
	font-size: 10px;
	line-height: 11px;
}
.fx-tab.fx-tab-active > .fx-tab-counter {
	background-color: #abd1ff;
	background-color: #ffdf9a;
	border: solid 1px #3679bb;
	border: solid 1px #a2894b;
	color: #000;
}
.fx-tab > .fx-tab-text {
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fx-tab > .fx-tab-close-btn, .fx-tab.fx-tab-edited > .fx-tab-close-btn {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 8px;
	height: 8px;
	background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAPklEQVQoU2MoqOplyK/qDVJTU2NAxiAxkByYAcRfkRUhi2EIILNBcihGQiVQTCNOAZIkphXoAugaCHizlwEAjg9YUZtcMEUAAAAASUVORK5CYII=);
	border-radius: 50%;
}
.fx-tab:not(.fx-tab-disabled) > .fx-tab-close-btn:hover, .fx-tab.fx-tab-edited:not(.fx-tab-disabled) > .fx-tab-close-btn:hover {
	cursor: pointer;
}
/*.fx-tab > .fx-tab-close-btn:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 2px;
	border-bottom: 1px solid #757f91;
	width: 7px;
	height: 0;
	transform: rotate(-45deg);
}
.fx-tab > .fx-tab-close-btn:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 2px;
	border-bottom: 1px solid #757f91;
	width: 7px;
	height: 0;
	transform: rotate(45deg);
}
.fx-tab > .fx-tab-close-btn:before:hover, .fx-tab > .fx-tab-close-btn:after:hover {
	border-color: #ffffff;
}
.fx-tab > .fx-tab-close-btn, .fx-tab.fx-tab-edited > .fx-tab-close-btn:hover {
	background-color: #e86c6c;
}*/
.fx-tab.fx-tab-closable > .fx-tab-text {
	margin-right: 6px;
}
.fx-tab.fx-tab-temp > .fx-tab-text {
	font-style: italic;
}
.fx-tab.fx-tab-edited > .fx-tab-close-btn:not(:hover) {
	background-image: none;
	background-color: #7e89a2;
	border-radius: 100%;
	width: 6px;
	height: 6px;
	top: 4px;
	right: 4px;
}

/*.fx-tabbar.trapeze {
	padding: 0;
}*/
.fx-tabbar.trapeze > .fx-tab {
	overflow: unset;
	padding: 0;
	margin-left: 19px;
  z-index: 1;
}
.fx-tabbar.trapeze > .fx-tab.fx-tab-active {
	z-index: 2;
}
.fx-tabbar.trapeze > .fx-tab:before {
  content: '';
  width: 18px;
  height: 25px;
  position: absolute;
  top: 0;
  left: -10px;
  background-color: #e6e7e8;
  transform: skewX(-25deg);
  border-radius: 1px 0 0 0;
  box-shadow: -1px -1px 0px #b2b8c5;
  border-bottom: 1px solid #b2b8c5;
  box-sizing: border-box;
}
.fx-tabbar.trapeze > .fx-tab:after {
  content: '';
  width: 18px;
  height: 25px;
  position: absolute;
  top: 0;
  right: -10px;
  background-color: #e6e7e8;
  transform: skewX(25deg);
  border-radius: 0 1px 0 0;
  box-shadow: 1px -1px 0px #b2b8c5;
  border-bottom: 1px solid #b2b8c5;
  box-sizing: border-box;
  z-index: -1;
}
.fx-tabbar.trapeze > .fx-tab:not(.fx-tab-disabled):hover:before, .fx-tabbar.trapeze > .fx-tab:not(.fx-tab-disabled):hover:after {
  background-color: #f4f4f4;
}
.fx-tabbar.trapeze > .fx-tab.fx-tab-active:not(.fx-tab-disabled):before, .fx-tabbar.trapeze > .fx-tab.fx-tab-active:not(.fx-tab-disabled):after {
  background-color: #f4f4f4;
  border-bottom: none;
}
.fx-tabbar.trapeze > .fx-tab.fx-tab-disabled.fx-tab-active:before, .fx-tabbar.trapeze > .fx-tab.fx-tab-disabled.fx-tab-active:after {
  border-bottom: 1px solid #b2b8c5;
}
.fx-tabbar.trapeze.compressible-tabs > .fx-tab:last-child {
	margin-right: 19px;
}
.fx-tabbar.trapeze > .fx-tab > .fx-tab-icon {
	z-index: 100;
}
.fx-tabbar.trapeze > .fx-tab > .fx-tab-text {
	z-index: 100;
}
.fx-tabbar.trapeze > .fx-tab > .fx-tab-close-btn, .fx-tabbar.trapeze > .fx-tab.fx-tab-edited > .fx-tab-close-btn:hover {
  top: 6px;
  right: -3px;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  /*border-radius: 50%;*/
  z-index: 1;
}
.fx-tabbar.trapeze > .fx-tab.fx-tab-edited > .fx-tab-close-btn {
	top: 9px;
  right: 0px;
	width: 6px;
  height: 6px;
}
/*.fx-tabbar.trapeze:after { // add tab button
  content: '';
  flex: 0 0 auto;
  width: 20px;
  height: 16px;
  background-color: #e6e7e8;
  transform: skewX(25deg);
  margin: 4px 7px 0 -5px;
  border: 1px solid #aab0bd;
  border-radius: 2px;
  pointer-events: all;
}*/

.fx-panel.fx-form > .fx-panel-body {
	padding: 10px;
}
.fx-menu-btn {
  position: relative;
  display: flex;
  background-color: #fff;
  border: none;
  font-size: 11px;
  /*padding: 5px 4px;*/
  min-height: 24px;
  /*background-image: url(http://127.0.0.1/images/power.png);*/
  /*display: block;*/
  /*width: 100%;*/
  text-align: left;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.fx-menu-btn.with-icon {
  /*display: inline-block;*/
  padding: 5px 20px 5px 26px;
  background-position: 6px center;
  background-repeat: no-repeat;
}
/*.fx-menu-btn:not(.disabled):hover {
  background-color: #e9ebf1;
}*/
.fx-menu-btn.focus:not(.disabled) {
  background-color: #e9ebf1;
  /*background-color: #a8b5c5;*/
  /*color: #fff;*/
}
.fx-menu-btn.selectable {
  padding: 5px 20px 5px 26px;
}
.fx-menu-btn.checked {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAHVJREFUOE+lj8ENgCAMRRnVgUzcxAXcwSG8enOBmn8oofILbTy8AI++BIqI/ILKDFRmoDIDlSPW/ZTrfurZXM5AvGyHYFXXDXmwGJghDy8GdYN/sYFRDOqGDc5iYA5tEIlBJzSMxIBKfcHXM6jMQGUGKuNIeQEZpPo3BQ3A9QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 6px center;
}
.fx-menu-btn.disabled {
  background-color: #f4f4f4;
  color: #999;
  cursor: default;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.fx-menu-btn.disabled > .fx-menu-btn-icon {
  opacity: .7;
}
.fx-menu-btn.hidden {
  display: none;
}
.fx-menu-btn > * {
  margin: 0;
}
.fx-menu-btn-icon {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  margin-left: 2px;
}
.fx-menu-btn-text {
  flex: 1 1 auto;
  align-self: center;
  padding: 0 10px 0 2px;
}
.fx-menu-btn-hot-key {
  flex: 0 0 auto;
  align-self: center;
  color: #a1a1a1;
}
.fx-menu-btn.disabled > .fx-menu-btn-hot-key {
  color: #b1b1b1;
}
.fx-menu-btn.fx-submenu-btn:after {
  content: '';
  position: absolute;
  height: 0px;
  margin: auto 0;
  border: 5px solid #7a808c;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: none;
  right: 7px;
  top: 8px;
}
.fx-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #b5b5b5;
  padding: 3px 0;
  /*width: 100px;*/
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  outline: none;
  border-radius: 2px;
  /*height: 100px;
  overflow: auto;*/
  box-shadow: 0 0 6px rgba(161,169,182,.6);
  z-index: 100;
  max-height: 500px;
  overflow: auto;
  box-sizing: border-box;
}
.fx-menu > .fx-split {
  margin: 5px;
  border-bottom: 1px solid #d5d5d5;
}
.fx-menu > .fx-split.hidden {
  display: none;
}
.fx-toolbar {
  display: flex;
  flex: 0 0 auto; /* flex: 0 0 24px; */
  flex-direction: row;
  /*flex-grow: 0;*/
  align-items: center;
  /*height: 24px;*/
  /*min-height: 24px;*/
  cursor: default;
  padding: 5px;
  /*background-color: #dee0e4;*/
  /*background-color: #eeeeee;*/
  background-color: #f4f4f4;
  overflow: hidden;
  /*height: 25px;
  max-height: 25px;
  box-sizing: border-box;*/
}
.fx-toolbar.top {
  border-bottom: 1px solid silver;
}
.fx-toolbar.bottom {
  border-top: 1px solid silver;
}
.fx-toolbar.center-items {
  justify-content: center;
}
.fx-toolbar.hidden {
  display: none;
}
.fx-toolbar > .fx-toolbar-separator {
  flex-shrink: 0;
  margin: 0 3px 0 8px;
  background-image: -webkit-linear-gradient(top,rgba(153,153,153,.1) 0,#9a9eb5 40%,#9a9eb5 60%,rgba(153,153,153,.1) 100%);
  background-image: -moz-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#9a9eb5 40%,#9a9eb5 60%,rgba(153,153,153,.09999999999999998) 100%);
  background-image: -ms-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#9a9eb5 40%,#9a9eb5 60%,rgba(153,153,153,.09999999999999998) 100%);
  background-image: -o-linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#9a9eb5 40%,#9a9eb5 60%,rgba(153,153,153,.09999999999999998) 100%);
  background-image: linear-gradient(top,rgba(153,153,153,.09999999999999998) 0,#9a9eb5 40%,#9a9eb5 60%,rgba(153,153,153,.09999999999999998) 100%);
  /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff999999', endColorstr='#ff999999', GradientType=0);*/
  width: 1px;
  height: 20px;
}
.fx-toolbar > .fx-button > .fx-button-text {
  white-space: pre;
}
.fx-toolbar > .fx-field-text
,.fx-toolbar > .fx-field-number
,.fx-toolbar > .fx-field-file
,.fx-toolbar > .fx-field-dropbox
,.fx-toolbar > .fx-field-combobox
,.fx-toolbar > .fx-field-date
,.fx-toolbar > .fx-field-time
,.fx-toolbar > .fx-button {
  margin-bottom: 0;
}
.fx-toolbar > * {
  margin-left: 5px;
}
.fx-toolbar > *:first-child {
  margin-left: 0;
}
.fx-toolbar > .right-align {
  margin-left: auto;
}
.fx-field-text {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  /*height: 24px;*/
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-text.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-text.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-text > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  margin: 0;
}
.fx-field-text > .fx-field-body {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
}
.fx-field-text.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-text.fx-label-top > .fx-field-body > .fx-clear-btn {
  bottom: 4px;
}
.fx-field-text > .fx-field-label > .qtip {
  flex: 0 0 auto;
  font-size: 10px;
  background-color: #b2b8c5;
  line-height: 12px;
  width: 12px;
  height: 12px;
  display: block;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 2px 0 3px;
}
.fx-field-text > .fx-field-body > .fx-field-input {
  flex: 1 1 auto;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  border-radius: 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
  width: 100%;
}
.fx-field-text > .fx-field-body > .fx-field-input::placeholder {
  color: #999;
}
.fx-field-text.fx-label-top > .fx-field-body > .fx-field-input {
  flex: 0 0 auto;
}
.fx-field-text.fx-disabled > .fx-field-body > .fx-field-input {
  cursor: default;
}
.fx-field-text.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-body > .fx-field-input {
  /*background-color: #fff5d4;*/
  background-color: #fff2de;
}
.fx-field-text > .fx-field-body > .fx-field-input.disable-selection {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.fx-field-text > .fx-field-body > .fx-clear-btn {
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFtJREFUKFNjCE+uYghLqmwAYgZ0ABIDyYHUwBT9B9FQeThAkQMSKAJQPoYYHKBJwNlQaQQACiIrxjQJBkCCUEmCCuHWIbOh0hgmgU3BJoYiANULByhyxAV4FQMAczRxAf9DFEUAAAAASUVORK5CYII=);
  /*border-radius: 10px;
  background-color: #eee; 
  background-image: url(../images/window/close.svg);
  background-size: 14px;*/
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  outline: none;
}
.fx-field-text > .fx-field-body > .fx-clear-btn:hover {
  background-color: #e0e3e8;
  border-radius: 10px;
}
/*.fx-field-text.focused > .fx-field-body > .fx-field-input {
  padding-right: 22px;
}
.fx-field-text.focused > .fx-field-body > .fx-clear-btn {
  display: block;
}*/
.fx-field-text.value:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .fx-field-input {
  padding-right: 22px !important;
}
.fx-field-text.value:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .fx-clear-btn {
  display: block;
}
.fx-field-text > .fx-field-body > .fx-field-input:focus {
  border-color: #6184c7;
  /*background-color: var(--fx-infinity-10);*/
}
.fx-field-text.invalid > .fx-field-body > .fx-field-input {
  /*border-color: #e85454;*/
  border: 1px solid #e46262; /* #ff5c5c */
  background-color: #ffecec;
}
/*.fx-field-text.fx-invalid > .fx-field-body > .fx-field-input {
  border-color: #c30;
  background-color: #ffe7e7;
}*/
.fx-form .fx-field-text.invalid.errors > .fx-field-body > .fx-field-input {
  border-radius: 2px 2px 0 0;
}
.fx-field-text.invalid.errors > .errors {
  display: none;
  /*flex-wrap: wrap;*/
  width: 100%;
  margin-left: 140px;
  background-color: #ff5c5c;
  border-radius: 0 0 2px 2px;
  padding: 2px 5px;
  color: #fff;
  font: normal 11px/18px tahoma, arial, verdana, sans-serif;
  white-space: pre-line;
  /*overflow: auto;*/
}
.fx-form .fx-field-text.invalid.errors > .errors {
  display: flex;
}
/*.fx-field-text > .fx-field-input:focus, .fx-field-password > .fx-field-input:focus {
  border-color: #8f93a2;
}*/
.fx-field-text > .fx-field-body > .fx-field-input:disabled {
  background-color: #fff;
}
.fx-field-text.fx-disabled, .fx-field-text.fx-readonly {
  cursor: default;
}
.fx-field-text.fx-disabled {
  opacity: .5;
}
.fx-field-text.fx-readonly > .fx-field-body > .fx-field-input {
  border: 1px dashed #afb2c3;
  box-shadow: none;
  cursor: default;
}

.fx-field-text.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-text.fx-cell-editor > .fx-field-body > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-button {
  display: flex;
  flex: 0 0 auto;
  align-self: flex-start;
  /*align-self: flex-start;*/
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  padding: 3px 6px 3px 6px;
  border-radius: 2px;
  border: 1px solid #b5b8c8; /* #bbb */
  background-image: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  outline: none;
  cursor: pointer;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.fx-button.flat {
  border: none !important;
  background-image: none !important;
  background-color: transparent;
  padding: 4px 6px;
  transition: background-color .2s ease;
}
.fx-button.flexible {
  flex: 1 1 auto;
}
.fx-button:not(.fx-disabled):hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
  background-image: -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: linear-gradient(top,#fbfbfb,#e9e9e9);
  z-index: 1;
}
.fx-button.flat:hover {
  background-color: #dbdde0;
}
.fx-button:not(.fx-disabled):active {
  border-color: #aaa;
  box-shadow: inset 0 1px 1px #fff;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e9e9e9),color-stop(100%,#fbfbfb));
  background-image: -webkit-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -moz-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -o-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -ms-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: linear-gradient(top,#e9e9e9,#fbfbfb);
}
.fx-button.flat:not(.fx-disabled):active {
  background-color: #ccd0d4;
  box-shadow: none;
}
.fx-button.fx-pressed {
  /*background: #b5bbc5;
  border-color: #9197a2;*/
  
  /*background: #bec2c7 !important;
  border-color: #a2a4a9 !important;
  box-shadow: none !important;*/

  background: #dcdcdc !important;
  border-color: #c1c1c1 !important;
  box-shadow: none !important;
  border-top-color: #ababab !important;
  border-left-color: #bbbbbb !important;
}
.fx-button.flat.fx-pressed {
  background: #c8cad0 !important;
}
.fx-button:focus, .fx-button.fx-pressed:focus {
  border-color: #6a7cb5;
  z-index: 2;
}
.fx-button.fx-disabled, .fx-button.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-button.flat.fx-disabled, .fx-button.flat.fx-readonly {
  background-color: #e4e4e4;
  opacity: 1;
}
.fx-button > .fx-button-icon {
  /*display: none;*/
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  /*margin-right: 5px;*/
}
.fx-button > .fx-button-text {
  flex: 1 1 auto;
  text-align: center;
  white-space: pre-wrap;
  overflow: hidden;
  font: normal 11px/16px Tahoma, Ubuntu, sans-serif;
}
.fx-button.flat.fx-disabled > .fx-button-text, .fx-button.flat.fx-readonly > .fx-button-text {
  color: #808080;
}
.fx-button.flat.fx-pressed.fx-disabled > .fx-button-text, .fx-button.flat.fx-pressed.fx-readonly > .fx-button-text {
  color: #aaa;
}
.fx-grid .fx-grid-header .fx-grid-column {
  display: flex;
  flex-shrink: 0;
  /*align-items: center;*/
  width: 40px;
  height: 22px;
  color: #000;
  position: relative;
  /*display: inline-block;*/
  box-sizing: border-box;
  /*padding: 3px 6px 3px 6px;*/
  /*padding: 0 6px;*/
  border-right: 1px solid #c5c5c5;
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e3e4e6));
  background-image: -webkit-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -moz-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -o-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -ms-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: linear-gradient(top,#f4f4f4,#e3e4e6);
  overflow: hidden;
}
.fx-grid .fx-grid-header .fx-grid-column:not(.resize):hover {
  /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#eef2fb),color-stop(100%,#d9e0f1));
  background-image: -webkit-linear-gradient(top,#eef2fb,#d9e0f1);
  background-image: -moz-linear-gradient(top,#eef2fb,#d9e0f1);
  background-image: -o-linear-gradient(top,#eef2fb,#d9e0f1);
  background-image: -ms-linear-gradient(top,#eef2fb,#d9e0f1);
  background-image: linear-gradient(top,#eef2fb,#d9e0f1);*/

  /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fffcfc),color-stop(100%,#ebedf1));
  background-image: -webkit-linear-gradient(top,#fffcfc,#ebedf1);
  background-image: -moz-linear-gradient(top,#fffcfc,#ebedf1);
  background-image: -o-linear-gradient(top,#fffcfc,#ebedf1);
  background-image: -ms-linear-gradient(top,#fffcfc,#ebedf1);
  background-image: linear-gradient(top,#fffcfc,#ebedf1);*/

  /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ecebe1),color-stop(100%,#e0ded1));
  background-image: -webkit-linear-gradient(top,#ecebe1,#e0ded1);
  background-image: -moz-linear-gradient(top,#ecebe1,#e0ded1);
  background-image: -o-linear-gradient(top,#ecebe1,#e0ded1);
  background-image: -ms-linear-gradient(top,#ecebe1,#e0ded1);
  background-image: linear-gradient(top,#ecebe1,#e0ded1);*/

  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f1f1f1));
  background-image: -webkit-linear-gradient(top,#ffffff,#f1f1f1);
  background-image: -moz-linear-gradient(top,#ffffff,#f1f1f1);
  background-image: -o-linear-gradient(top,#ffffff,#f1f1f1);
  background-image: -ms-linear-gradient(top,#ffffff,#f1f1f1);
  background-image: linear-gradient(top,#ffffff,#f1f1f1);
}
.fx-grid .fx-grid-header.full-width .fx-grid-column:last-child {
  border-right: none;
}
.fx-grid .fx-grid-header .fx-grid-column .fx-resizer {
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  /*left: 0px;*/ /*Использовать с margin-left: width - 4*/
  right: -4px;
  cursor: e-resize;
  z-index: 10;
}
.fx-grid .fx-grid-header .fx-grid-column > .fx-grid-header-text {
  /*display: block;*/
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 3px 6px;
  /*padding: 3px 6px;*/
  /*min-height: 16px;*/
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  cursor: default;
}
.fx-grid .fx-grid-header .fx-grid-column.resize, .fx-grid .fx-grid-header .fx-grid-column.resize > .fx-grid-header-text {
  cursor: e-resize;
}
/*.fx-grid .fx-grid-header .fx-grid-column:after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 1px;
  background-color: #c5c5c5;
  z-index: 1;
  transition: box-shadow .3s, background-color .3s;
}
.fx-grid .fx-grid-header .fx-grid-column.resize:after {
  background-color: #6f96ca;
  box-shadow: 0 0 0px 2px rgba(123, 149, 183, .3);
}*/
.fx-grid .fx-grid-header .fx-grid-column.fx-selection-column {
  cursor: pointer;
}
/*.fx-grid-header-text.sort-ASC {
  background-image: url(./images/arrow-up.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 12px;
}
.fx-grid-header-text.sort-DESC {
  background-image: url(./images/arrow-down.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 12px;
}*/
.fx-grid-header-text.sort-ASC, .fx-grid-header-text.sort-DESC {
  padding-right: 8px;
}
.fx-grid-header-text.sort-ASC:after {
  content: '';
  border: 5px solid #7a808c;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 8px;
  right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0px solid transparent;
}
.fx-grid-header-text.sort-DESC:after {
  content: '';
  border: 5px solid #7a808c;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 9px;
  right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 0px solid transparent;
}
.column-header-position {
  position: absolute;
  height: 30px;
  width: 7px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAeCAYAAADgiwSAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADxJREFUOE9jsGn6/x8XZvgPxNgkQOJgSXQFMDG4JAgjS4DwqCQQj0oC8eCVBEnAMEwMQwJZAVYJCP7/HwDl82XzW9ww4QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  pointer-events: none;
}
.fx-grid {
  position: relative;
  /*height: 100%;*/
  width: 100%;
  /*border: 1px solid silver;*/
  font-size: 11px;
  overflow: hidden;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-drag: none;
}
.fx-grid > .fx-grid-header {
  /*min-height: 22px;*/
  display: flex;
  height: 22px;
  flex-grow: 0;
  flex-shrink: 0;
  /*border-top: 1px solid #c5c5c5;*/
  border-bottom: 1px solid #c5c5c5;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e3e4e6));
  background-image: -webkit-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -moz-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -o-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: -ms-linear-gradient(top,#f4f4f4,#e3e4e6);
  background-image: linear-gradient(top,#f4f4f4,#e3e4e6);
  font-size: 11px;
  overflow: hidden;
}
.fx-grid > .fx-grid-header > .fx-grid-header-container {
  display: flex;
  flex-direction: row;
  /*flex: 1 1 auto;*/
}
.fx-grid .fx-grid-body {
  overflow: auto;
  position: relative;
  flex-grow: 1;
  /*height: 100%;*/
  background-color: #fff;
  outline: none;
}
.fx-grid.invalid .fx-grid-body {
  background-color: #ffecec;
}
.fx-grid .fx-grid-resize-marker {
  border-right: 1px solid #333;
  position: absolute;
  z-index: 5;
  display: none;
  top: 0;
}
.fx-grid .fx-grid-row {
  display: flex;
  flex: 0 0;
  /*height: 20px;*/
  box-sizing: border-box;
  position: absolute;
  /*outline: none;*/
  font-family: Tahoma, Ubuntu, sans-serif;
}
.fx-grid .fx-grid-body .rows-area.empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 13px;
}
.fx-grid .fx-grid-body.fx-grid-with-row-lines .fx-grid-row {
  /*border-top: 1px solid #c5c5c5;*/
  /*border-top: 1px solid #d9deea;*/
  border-bottom: 1px solid #c8c8c8;
}
.fx-grid .fx-grid-stripe-rows .fx-grid-row:nth-child(2n) {
  /*background-color: #f8f5fd;*/
  /*background-color: #eef2fb;*/
  /*background-color: #f0f2f7;*/
  /*background-color: #f6f8fa;*/ /* github color */
  background-color: #f4f6f9;
}
.fx-grid .fx-grid-row.over { /* .fx-grid .fx-grid-row:hover */
  /*background-color: #e1dce8;*/
  /*background-color: #d3dcef;*/
  background-color: #d5dcea !important;
}
.fx-grid > .fx-row-hover .fx-grid-row:hover { /* .fx-grid .fx-grid-row:hover */
  /*background-color: #e1dce8;*/
  /*background-color: #d3dcef;*/
  /*background-color: #d5dcea !important;*/
  background-color: #dce1ea !important;
}
/*.fx-grid > .fx-grid-body:not(:focus) .fx-grid-row.active {
  background-color: #b9c3d0 !important;
}
.fx-grid > .fx-grid-body:focus .fx-grid-row.active {
  background-color: #7e92ad !important;
  color: #fff;
}*/
.fx-grid > .fx-grid-body .fx-grid-row.active {
  background-color: #7e92ad !important;
  color: #fff;
}
.fx-grid.multi-select > .fx-grid-body .fx-grid-row.focus:not(.active) {
  border-top: 1px dotted #7e92ad;
  border-bottom: 1px dotted #7e92ad;
  background-color: #e6e9ef !important;
  color: #000;
}
.fx-grid.multi-select .fx-grid-row.focus.active {
  border-top: 1px dotted #5c6a7b;
  border-bottom: 1px dotted #5c6a7b;
}
.fx-grid .drop-node-position {
  position: absolute;
  top: 0px;
  width: 100%;
  border-bottom: 1px dotted #777;
  pointer-events: none;
}
.fx-grid .fx-grid-row.fx-group-row {
  border-bottom: 2px solid #566279;
}
.fx-grid .fx-grid-row.fx-group-row > .fx-grid-cell {
  display: none;
}
.fx-grid .fx-group-row > .fx-grid-cell:first-child {
  display: flex;
  align-items: center;
  border-right: none !important;
  font-weight: 700;
  color: #566279;
  padding: 0 10px;
}
.fx-grid.multi-select .fx-grid-row.focus > .fx-grid-cell:not(.fx-grid-treecolumn-cell):not(.without-padding):not(.fx-cell-selection):not(.fx-canvas) {
  padding: 3px 6px 3px 6px;
}
.fx-grid.multi-select .fx-grid-row.focus > .fx-grid-cell.fx-canvas > canvas {
  margin-top: -1px;
}
.fx-grid.multi-select .fx-grid-row.focus > .fx-grid-cell.fx-cell-selection {
  padding: 3px 0;
}
/*.fx-grid .fx-grid-row:focus {
  background-image: -webkit-linear-gradient(top,#b1c1d6,#5e7696) !important;
  color: #fff;
}*/
.fx-grid .fx-grid-cell {
  position: relative;
  flex: 0 0 auto;
  /*display: flex;
  flex: 0 0 auto;
  align-items: center;*/
  width: 40px;
  min-width: 40px;
  box-sizing: border-box;
  padding: 4px 6px;
  overflow: hidden;
  white-space: pre;
  line-height: 14px;
  /*text-overflow: ellipsis;*/
  cursor: default;
  outline: none;
}
.fx-grid-cell.fx-grid-treecolumn-cell, .fx-grid-cell.without-padding {
  display: flex;
  align-items: center;
  padding: 0;
  /*padding-left: 0;*/
  /*padding: 3px 0 4px 0;*/
}
.fx-grid-cell > .fx-grid-progressbar {
  /*height: 12px;*/
  background-color: #d3d7e0;
  border-radius: 2px;
  margin: 1px 0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
  /*border: 1px solid #c2c8d4;*/
}
.fx-grid-cell > .fx-grid-progressbar > .indicator {
  background-color: #7e92ad;
  /*height: 100%;*/
  height: 12px;
  border-radius: 2px;
  /*box-shadow: inset 0 0 1px rgba(0,0,0,.2);*/
  /*margin: -1px -1px -1px -1px;*/
}
.fx-grid-row.active > .fx-grid-cell > .fx-grid-progressbar {
  border-color: #64758c;
}
.fx-grid-row.active > .fx-grid-cell > .fx-grid-progressbar > .indicator {
  background-color: #5f728c;
}
.fx-grid > .fx-grid-body.fx-grid-with-col-lines .fx-grid-cell {
  /*border-right: 1px solid #c5c5c5;*/
  /*border-right: 1px solid #c6cbd8;*/
  /*border-right: 1px solid #d6d5d7;*/

  /*border-right: 1px solid #c8c8c8;*/
  border-right: 1px solid rgba(0,0,0,.15);
}
/*.fx-grid > .fx-grid-body.fx-grid-with-col-lines .fx-grid-row.active .fx-grid-cell {
  border-color: #64758c;
}*/ /* когда ".fx-grid > .fx-grid-body.fx-grid-with-col-lines .fx-grid-cell" === border-right: 1px solid #c8c8c8; */

.fx-grid-cell.fx-cell-selection {
  background-color: #eeeff3 !important;
  padding: 4px 0;
  /*display: flex;
  align-items: center;*/
  cursor: pointer;
  /*background-color: #eee !important;*/
}

.fx-grid .fx-grid-stripe-rows .fx-grid-row:nth-child(2n) .fx-grid-cell.fx-cell-selection {
  background-color: #e2e4ea !important;
}

.fx-grid-cell.fx-canvas {
  padding: 0;
}

/*.fx-grid-cell.fx-canvas > canvas {
  width: 100%;
  height: 100%;
}*/

.fx-grid-cell.focused {
  border: 1px dotted #3a5579 !important;
  border-style: solid;
  padding: 2px 5px 3px 5px;
  /*padding-left: 0px;*/
}

/*.fx-grid-cell.fx-grid-dirty-cell {
  background: url(./images/dirty.png) no-repeat 0 0;
}*/

.fx-grid-cell.fx-grid-dirty-cell:before {
  content: '';
  border: 3px solid #c00000;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.fx-grid-cell .fx-grid-search {
  display: inline-block;
  line-height: 14px;
  background-color: #ffc35b;
  color: #000;
}

.search-move-up {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAExJREFUOE9jGAW0Bw1QTBYAafwPxSQbAtM8E4hnQdlEGwLTPB2IGaGYaEMcgBikcBoQgzTCALIh9iABfMAbiJE1wwBIDCQ3CqgLGBgAvq0QqDaTGkUAAAAASUVORK5CYII=);
}

.search-move-down {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFVJREFUOE9jGAW0Ad5AzAhhogCQGEgOL3AA4v9APA2IkQ0BsWcBMUjOHiSADzQAMUjhdCAGaUTWDJIjCsAMmQnEJGuGAZghZGmGAZBGsjWPAqIAAwMAwXgQqONVEEkAAAAASUVORK5CYII=);
}

.fx-grid-checkcolumn {
  width: 14px;
  height: 14px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAYAAAAX4C3rAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAADnUlEQVRYR9WXXU8TQRSG+8PUK+OFl1wbvVHiD5CES6MmGjXxxigUqPjJlygfKqgtFAlgpS3bVlpoKYEGSYQmAoW2dNse50w5w2w7lh1ISNzkCTtnztvzdBeyiyMQip8NhhMr7CfY4aAXM9o5zNx4bV661mZuXnlqgh2wFzMO/IDMbhbsHth7MPRYucZ2c291s3xQPfpYYb2YwSsKpVJJC7pKqr16YAavkmqvHpjhosViUQsSVe3J+P1+WF9fF2sSlXtUuLwlCK+WxFqImqapBYmq9gifzwetra3Q2dkJe3t7vEai1b0yrZ4SnLkFcPEBwNZupSZEC4WCFiSq2kNI0ul0QiwWE3USlXtlnJ4ilzx3G2Bk7rBPiObzeS1IlNYo43a7IZfL1UhW53AorVHmZn8Jsrm8RfJT8LAHEaI4QAcSxfPt7W1+e1Gut7dXSEajUWUOh+J5eivPbm+Zy11+WvmJkh+DhZqcEM1ms1qQKK1TqRS4XC4uiczPz1v6CRKl9VwyDxfuVSTPMj4E9i39hBDFX3YdSFSuJZNJ6OjoAMMwLHUZEpVr07EcnL9bhrcz+5a6jBDNZDJakGh1PZ1O19RkSLS6vraxW1OTEaI7OztakKhqrx4kqtqrBxdlj7XN3xtp/kdhB+zFzFwksXKMXLSRPbvnljLKHhVB1osZvKLHeikxIkuYi1bv/wvsxUxzV7GBPbttv5RgL2YcTXdaGq43P9q82vQQ7IC9mDntnANP2vomofdLyBbYi5nTzjnQunvU0IK+rWqvHifJcdE3I0EtaKBqT8bzfQEGxsJibTdnLP6C0akFscYMF331MaAFDVTtESgZTaQgvLACXWwY1uzkwvF1/sKc3zeh57PBa5jhoi+G/VrQQNUe4p6Jccn5eAqGJyKiflQuxK4kHuVyGSYCSVHHDBftHPqhBQ2k9ZA3DJOBODwfmoWv01EhOTQerpvz+pdgeS3NZGbBWKhIlpikd3apJsdFXQM+LWggnj9nHxRitxflAj+XheTgWKhu7uUHP+TY7cXjz07lfy+UHPuRUOa4aPu7GS1oIK27RwIQWVzlksh7j2HpJ6pzA+MR2DeLXJI5gscXt/QTmOGizv5pLWigXOse8UOEXdmBMcNSl1HlBplsgcl6ZxOWugxmuGhL35QWNLC6jt++uibzr9yzQV9NTQYzXPRJz6QWNFC1V4+T5Pgj9H7HJ3jc/c0W2EuPwtPM/ScvJS0NfwGBZh0rcl4OMwAAAABJRU5ErkJggg==);
  /*border: solid 1px #cdd1da;
  background-image: -webkit-linear-gradient(top,#ffffff,#f0f0f0);
  border-radius: 2px;
  box-sizing: border-box;*/
  margin: auto;
}
.fx-grid-row.active > .fx-grid-cell:not(.fx-cell-selection) > .fx-grid-checkcolumn {
  background-position: 0px -14px;
}
.fx-grid-checkcolumn-checked, .fx-grid-row.active > .fx-cell-selection > .fx-grid-checkcolumn {
  background-position: -28px 0;
  /*border-color: #5F97FB !important;*/
}
.fx-grid-row.active > .fx-grid-cell:not(.fx-cell-selection) > .fx-grid-checkcolumn.fx-grid-checkcolumn-selected {
  background-position: -14px -14px;
}
.fx-grid-row.active > .fx-grid-cell:not(.fx-cell-selection) > .fx-grid-checkcolumn.fx-grid-checkcolumn-checked {
  background-position: -28px -14px;
}
/*.fx-selection-column > .fx-grid-checkcolumn, .fx-cell-selection > .fx-grid-checkcolumn {
  border: solid 1px #bdc3d0;
}
.fx-grid-checkcolumn.fx-grid-checkcolumn-checked::after {
  border-color: #3c82ff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: '';
  display: block;
  height: 6px;
  transform: rotate(45deg);
  width: 2px;
  margin: 0 4px;
  margin: 1px 4px;
}*/
.fx-grid-checkcolumn-selected {
  /*background-position: 0 -39px;*/
  background-position: -14px 0;
}

/*.fx-grid-checkcolumn.fx-grid-checkcolumn-selected::after {
  border-color: #999;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: '';
  display: block;
  height: 6px;
  transform: rotate(45deg);
  width: 2px;
  margin: 0 4px;
  margin: 1px 4px;
}*/

.fx-grid-cell img {
  /*display: block;*/
  display: flex;
  margin: -1px auto -2px auto;
  /*margin: 0 auto;*/
}

.fx-grid .fx-grid-body.fx-grid-with-col-lines.full-width .fx-grid-cell:last-child {
  border-right: none;
}

/*.fx-cell-editor {
  font: normal 11px/14px tahoma,arial,verdana,sans-serif;
  padding: 3px 5px 4px 5px;
  background-color: #e4f3ff;
  border: 1px solid #5f97fb;
  outline: none;
}*/

.fx-cell-editor > .fx-field-label {
  display: none;
}

.fx-grid-row.blink, .fx-grid-cell.blink {
  animation: x-blink .8s 1 linear;
}
.node-checkbox {
  width: 14px;
  height: 14px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAYAAAAX4C3rAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAADnUlEQVRYR9WXXU8TQRSG+8PUK+OFl1wbvVHiD5CES6MmGjXxxigUqPjJlygfKqgtFAlgpS3bVlpoKYEGSYQmAoW2dNse50w5w2w7lh1ISNzkCTtnztvzdBeyiyMQip8NhhMr7CfY4aAXM9o5zNx4bV661mZuXnlqgh2wFzMO/IDMbhbsHth7MPRYucZ2c291s3xQPfpYYb2YwSsKpVJJC7pKqr16YAavkmqvHpjhosViUQsSVe3J+P1+WF9fF2sSlXtUuLwlCK+WxFqImqapBYmq9gifzwetra3Q2dkJe3t7vEai1b0yrZ4SnLkFcPEBwNZupSZEC4WCFiSq2kNI0ul0QiwWE3USlXtlnJ4ilzx3G2Bk7rBPiObzeS1IlNYo43a7IZfL1UhW53AorVHmZn8Jsrm8RfJT8LAHEaI4QAcSxfPt7W1+e1Gut7dXSEajUWUOh+J5eivPbm+Zy11+WvmJkh+DhZqcEM1ms1qQKK1TqRS4XC4uiczPz1v6CRKl9VwyDxfuVSTPMj4E9i39hBDFX3YdSFSuJZNJ6OjoAMMwLHUZEpVr07EcnL9bhrcz+5a6jBDNZDJakGh1PZ1O19RkSLS6vraxW1OTEaI7OztakKhqrx4kqtqrBxdlj7XN3xtp/kdhB+zFzFwksXKMXLSRPbvnljLKHhVB1osZvKLHeikxIkuYi1bv/wvsxUxzV7GBPbttv5RgL2YcTXdaGq43P9q82vQQ7IC9mDntnANP2vomofdLyBbYi5nTzjnQunvU0IK+rWqvHifJcdE3I0EtaKBqT8bzfQEGxsJibTdnLP6C0akFscYMF331MaAFDVTtESgZTaQgvLACXWwY1uzkwvF1/sKc3zeh57PBa5jhoi+G/VrQQNUe4p6Jccn5eAqGJyKiflQuxK4kHuVyGSYCSVHHDBftHPqhBQ2k9ZA3DJOBODwfmoWv01EhOTQerpvz+pdgeS3NZGbBWKhIlpikd3apJsdFXQM+LWggnj9nHxRitxflAj+XheTgWKhu7uUHP+TY7cXjz07lfy+UHPuRUOa4aPu7GS1oIK27RwIQWVzlksh7j2HpJ6pzA+MR2DeLXJI5gscXt/QTmOGizv5pLWigXOse8UOEXdmBMcNSl1HlBplsgcl6ZxOWugxmuGhL35QWNLC6jt++uibzr9yzQV9NTQYzXPRJz6QWNFC1V4+T5Pgj9H7HJ3jc/c0W2EuPwtPM/ScvJS0NfwGBZh0rcl4OMwAAAABJRU5ErkJggg==);
  margin: 0 3px 0 1px;
  flex-shrink: 0;
}
.node-checkbox.selected {
  background-position: -14px 0;
}
.node-checkbox.checked {
  background-position: -28px 0;
}
.node-text {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  margin-left: 3px;
  font: normal 11px/14px tahoma,arial,verdana,sans-serif;
}
.tree-icon {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
}
.elbow {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAE9JREFUOE/t0LEJACAMBdEMZpXRHC5rRSwCKU4xnaDFQzgIfBR13TIzpx4wVmDM/oK/YIoFqxePKjBm9/zBCsYKjNkLC1r3rbmAesB4zmUAe7M0ifNuuscAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-line {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAD5JREFUOE9jcPrvhBcfO3bsPzZxGMYqSArGKoiMR10w6gIQHnXBqAtAmPYusGn6jxeDXIBNHIaxChKP/zMAABCILx9cVlq3AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-minus {
  cursor: pointer;
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAbElEQVQ4T2MgBI4dO/YfyhwgMBJd0N7ePq2jo+M/LgyShyrFDkCKfv3+jROD5KFKsYPBYcDbt2/+2wf3YGCQOMwAnLEDMwAXJsoFjx8/xolpbwDF6YDqYCTkRpum/3gxyAXYxGEYqyDx+D8DAD0AUKOKgmxlAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-plus {
  cursor: pointer;
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAh0lEQVQ4T2MgBI4dO/YfyhwgMBJd0N7ePq2jo+M/LgyShyrFDkCK/vz5gxOD5KFKsQN0AzSdilD4RBnw6/dvOAYZgMwn2gDv5OUYGNkAnLEDUvD27Rs4BrkAmU+UCx4/fgzHIAOQ+SQbgI4JGkBxOqA6GAm50abpP14McgE2cRjGKkg8/s8AAPbKSmN03LghAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-end {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFBJREFUOE/tzrEJwDAMBVENlsqjZTitJePCkOJifLh18RAcCH60akuZWdQnjAbGr7vgLhjmgr+LTwZGA6OB0cBoYDQwGhgNjEY8bx3BuK+iAw2aK70A8fS5AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-end-minus {
  cursor: pointer;
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAbElEQVQ4T2MgBI4dO/YfyhwgMBJd0N7ePq2jo+M/LgyShyrFDkCKfv3+jROD5KFKsYPBYcDbt2/+2wf3YGCQOMwAnLEDMwAXJsoFjx8/xolpbwDF6YDqABjaUNZAAdq7wKbpP0UYqyDx+D8DAGbQTRFIM5vPAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.elbow-end-plus {
  cursor: pointer;
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAAh0lEQVQ4T2MgBI4dO/YfyhwgMBJd0N7ePq2jo+M/LgyShyrFDkCK/vz5gxOD5KFKsQN0AzSdilD4RBnw6/dvOAYZgMwn2gDv5OUYGNkAnLEDUvD27Rs4BrkAmU+UCx4/fgzHIAOQ+SQbgI4JGkBxOqA6AIY2lDVQgPYusGn6TxHGKkg8/s8AACCpRtHgOQoAAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.icon-parent {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdVJREFUeNqUkz1IW1EUx//vQzs0gpSKQTBN4yCUTgV30cGhQwe3OmWyUKp76dBBUNdCXYo66KQoKIIfk3WwQzBU2gRKUdOmhBrUCFET37sfnvMk0ZeEoAfOu5d7zvn/zrm8a4BsfADoeQ4YBqC1t0bpOIz6lqLcaTs2elPIxnulEekaWvoAKWuXWhZin16N8NauCJXI3ZntWWipqmobm1rw+FkvKGT5BO5KTm9OQQkXokLg7mQSL5ydMcMi4AObR9f3IDuXDv7+TKAp1B3OHWy+MxnG82jHgSoWazrHSuRcNovW9jZ0vl7rFxJhk2bx5mH1el4iPwy+wEnqG45IzJWwTe7am0cISEqsdKWVj/z05QQuTrOI7j2CYAH6eBvlUpsVrpVE8bxQTXYFjo8vuIOGsgAXCOfS54paSyUSCIZDPrKSGsPLgcWdfXyx3euLL3dw20z6OQSN1thg+ci/fsT+xw9w9HkdGVuUBdwqAcswPQGOMXmMyIMLgdWN35iY3UKcUgrm7h94syhZ4/bpzBOgtURO/kOaipNUnCHP2R/n0Tz5BgGD/ijb8j8NPsvn897K5LnvmFnZwVcml3PIn7ztw/tIKzrqvd39Q+zRzOO8vX1+JcAA65qFcLziE2gAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.icon-leaf {
  /*margin-top: -3px;*/
  /*margin-bottom: -4px;*/
  /*display: inline-block;*/
  flex-shrink: 0;
  width: 16px;
  height: 22px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNqkk71KA1EQhc/dOxsbEYukVYm9jQg+hz6CYGkrBNsEKwtrX0EfwU4UVFDLFWSDlYGAGszP3p91ZlNpdoVrBg572bnf2ZlhR+V5jnmCbo9VZTJS2ODHbkX63Od4Ij7ssdbKbvAFbB76o2GWYTAe42sywX7aQL8/xNnjYsRXttR1G+3tg4tW7twPWGmNXvJcnBvrzRlzyd+c7nTIeWjPXxD9jjqDb0mC9O6+tAdhpwbWQDTTwsCgvrpSCksFr1dsYAsDC1diUETFe11bgC0qcCBnMoiCQikIS9ZxBcawgQnkIwgrBiT9h1YQRYUBkfFTA2/DKvA8RGGJ5xf/OcSK0JogLH2MsCS/VKzjsBZYwtJDiu7nSevyP4v00kNXNqnGWpbFCuQt613Nu87fAgwAb3KTD1NdyNYAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 0 center;
  /*vertical-align: top;*/
}
.icon-leaf.fx-loader {
  flex: 0 0 auto;
  height: 14px;
  width: 14px;
  margin-left: 3px;
  background-image: none;
  border-right: solid 2px #e0e2e6;
  border-top: solid 2px #e0e2e6;
  border-left: solid 2px #7d7d8e;
  border-bottom: solid 2px #e0e2e6;
  border-radius: 50%;
  box-sizing: border-box;
  margin-left: 2px;
  -webkit-animation: x-loadmask-anim 1s infinite linear;
  animation: x-loadmask-anim 1s infinite linear;
}
.fx-tree-no-icon {
  display: none;
}
.fx-grid > .fx-grid-body .fx-grid-row.append {
  background-color: #fbe7a2 !important;
}

 .fx-grid > .fx-grid-body.fx-use-arrows .elbow
,.fx-grid > .fx-grid-body.fx-use-arrows .elbow-end
,.fx-grid > .fx-grid-body.fx-use-arrows .elbow-plus
,.fx-grid > .fx-grid-body.fx-use-arrows .elbow-end-plus
,.fx-grid > .fx-grid-body.fx-use-arrows .elbow-minus
,.fx-grid > .fx-grid-body.fx-use-arrows .elbow-end-minus {
  display: flex;
  background-image: none;
}
.fx-grid > .fx-grid-body.fx-use-arrows .elbow-plus:after, .fx-grid > .fx-grid-body.fx-use-arrows .elbow-end-plus:after {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 6px solid #7e8086;
  border-top: 4px solid transparent;
  border-right: none;
  border-bottom: 4px solid transparent;
  margin: auto;
}
.fx-grid > .fx-grid-body.fx-use-arrows .elbow-minus:after, .fx-grid > .fx-grid-body.fx-use-arrows .elbow-end-minus:after {
  content: '';
  display: block;
  height: 0px;
  width: 0px;
  border-left: 4px solid transparent;
  border-top: 6px solid #7e8086;
  border-right: 4px solid transparent;
  border-bottom: none;
  margin: auto;
}
.fx-grid > .fx-grid-body.fx-use-arrows .fx-grid-row.active .elbow-plus:after, .fx-grid > .fx-grid-body.fx-use-arrows .fx-grid-row.active .elbow-end-plus:after {
  border-left-color: #fff;
}
.fx-grid > .fx-grid-body.fx-use-arrows .fx-grid-row.active .elbow-minus:after, .fx-grid > .fx-grid-body.fx-use-arrows .fx-grid-row.active .elbow-end-minus:after {
  border-top-color: #fff;
}
.fx-grid > .fx-grid-body > .dragndrop > .fx-grid-row > .fx-grid-cell {
  pointer-events: none;
}
.fx-field-checkbox {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 114px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-checkbox.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-checkbox.fx-disabled, .fx-field-checkbox.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-checkbox.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-checkbox > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-checkbox.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-checkbox.fx-label-top > .fx-field-label {
  width: auto;
  padding: 5px 0;
}
.fx-field-checkbox > .fx-field-box-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 0 5px 5px;
  width: auto;
  box-sizing: border-box;
  white-space: pre;
}
.fx-field-checkbox > .fx-field-box-label.width {
  flex: 0 0 auto;
}
.fx-field-checkbox > .fx-field-input {
  flex: 0 0 auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;
  width: 14px;
  height: 14px;
  margin: 0;
  border: solid 1px #bdc3d0;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top,#ffffff,#f0f0f0);
  outline: none;
}
.fx-field-checkbox.fx-dirty > .fx-field-input {
  background-image: none;
  background-color: #ffeccf;
}
.fx-field-checkbox > .fx-field-input:focus {
  border-color: #6184c7;
}
.fx-field-checkbox > .fx-field-input:checked {
  border-color: #5F97FB !important;
}
.fx-field-checkbox > .fx-field-input:checked:after {
  border-color: #3c82ff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: '';
  display: block;
  height: 6px;
  /* transform: scale(0) rotate(45deg); */
  transform: rotate(45deg);
  width: 2px;
  margin: 0 4px;
  margin: 1px 4px;
}
.fx-field-combobox {
	display: flex;
	flex-direction: row;
  align-self: flex-start;
	flex: 0 0 auto;
	/*flex-wrap: wrap;*/
	align-items: center;
	width: 270px;
	margin-bottom: 5px;
	overflow: hidden;
	box-sizing: border-box;
	/*height: 24px;*/
  outline: none;
}
.fx-field-combobox.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-combobox.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-combobox.fx-disabled, .fx-field-combobox.fx-readonly {
  opacity: .5;
}
.fx-field-combobox > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  box-sizing: border-box;
  white-space: normal;
  padding: 5px 5px 5px 0;
  margin: 0;
}
.fx-field-combobox.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-combobox > .fx-field-body {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  overflow: hidden;
}
.fx-field-combobox > .fx-field-body > .fx-field-input {
  display: flex;
  flex: 1 1 auto;
  align-self: center;
  min-width: 24px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  color: #999;
  background-color: #fff;
  padding: 2px 3px;
  border: 1px solid #b5b8c8; /* #bbb */
  /*border-right: none;*/
  border-radius: 2px 0 0 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fx-field-combobox > .fx-field-body > .fx-field-input::placeholder {
  color: #999;
}
.fx-field-combobox.fx-readonly > .fx-field-body > .fx-field-input {
  cursor: default;
}
.fx-field-combobox.editable:not(.multi) > .fx-field-body > .fx-field-input {
  color: #000;
  width: 100%;
}
.fx-field-combobox > .fx-field-body > .fx-field-input:focus {
  border-color: #6184c7;
  z-index: 1;
}
.fx-field-combobox.invalid > .fx-field-body > .fx-field-input {
  border-color: #e46262;
  background-color: #ffecec;
  z-index: 1;
}
.fx-field-combobox > .fx-field-body > .fx-field-input > input {
  display: flex;
  /*flex: 1 1 auto;*/
  flex: 0 0 auto;
  align-self: center;
  border: none;
  background-color: transparent;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  color: #000;
  width: 4px;
  padding: 0px;
  margin: 1px 1px 1px 2px;
  outline: none;
}
.fx-field-combobox > .fx-field-body > .fx-field-input > input.flexible {
  flex: 1 1 auto;
}
.fx-field-combobox > .fx-field-body > .fx-field-input.value > input::placeholder {
  opacity: 0;
}
.fx-field-combobox.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-combobox.fx-cell-editor > .fx-field-body > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-field-combobox > .fx-field-body > .fx-field-input.many:after {
  content: '...';
}
.fx-field-combobox > .fx-field-body > .fx-field-input > .fx-value {
  /*padding: 1px 3px;
  border: 1px solid #ccc;
  border-radius: 1px;*/
  font-size: 11px;
  /*line-height: 14px;*/
  display: flex;
  /*background-color: #f4f4f4;*/
  background-color: #d2d7de;
  padding: 0 4px;
  margin: 1px;
  border-radius: 2px;
}
.fx-field-combobox > .fx-field-body > .fx-field-input > .fx-value.not-found {
  background-color: #ff7e7e;
  /*border: 1px solid #ca5e5e;*/
}
.fx-field-combobox > .fx-field-body > .fx-field-input > .fx-value > .fx-close {
  display: block;
  width: 10px;
  height: 10px;
  align-self: center;
  margin-left: 3px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFtJREFUKFNjCE+uYghLqmwAYgZ0ABIDyYHUwBT9B9FQeThAkQMSKAJQPoYYHKBJwNlQaQQACiIrxjQJBkCCUEmCCuHWIbOh0hgmgU3BJoYiANULByhyxAV4FQMAczRxAf9DFEUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  cursor: pointer;
}
.fx-field-combobox > .fx-field-body > .fx-field-input.value {
  color: #000;
}
.fx-field-combobox.multi > .fx-field-body > .fx-field-input.value {
  padding: 1px;
}
.fx-field-combobox.multi.resizable > .fx-field-body > .fx-field-input.value {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  height: unset;
  min-height: 24px;
}
/*.fx-field-combobox.changed > .fx-field-body > .fx-field-input {
  background-color: #fff6d7;
}*/
.fx-field-combobox.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-body > .fx-field-input {
  background-color: #fff2de;
}
.fx-field-combobox > .fx-field-body > .fx-field-btn {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  margin-bottom: 0;
  height: 24px;
  width: 24px;
  /*padding: 3px 6px 3px 6px;*/
  border-radius: 0 2px 2px 0;
  border: 1px solid #b5b8c8;
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  box-sizing: border-box;
  background-color: #f8f8f8;
  /*background-image: url(./images/arrow-down.gif);
  background-image: url(./images/arrow-down.gif), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: url(./images/arrow-down.gif), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-down.gif), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-down.gif), -o-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-down.gif), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-down.gif), linear-gradient(top,#fff,#eee);*/
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 0 -1px;
}
.fx-field-combobox > .fx-field-body > .fx-field-btn:after {
  content: '';
  border: 5px solid #8c919c;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 9px;
  right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 0px solid transparent;
}
.fx-field-combobox:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn:hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  /*background-image: url(./images/arrow-down.gif);
  background-image: url(./images/arrow-down.gif), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
  background-image: url(./images/arrow-down.gif), -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-down.gif), -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-down.gif), -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-down.gif), -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-down.gif), linear-gradient(top,#fbfbfb,#e9e9e9);*/
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
  background-image: -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: linear-gradient(top,#fbfbfb,#e9e9e9);
  cursor: pointer;
}
.fx-field-combobox.multi.resizable > .fx-field-body > .fx-field-btn {
  align-self: stretch;
  height: auto;
}
.fx-field-combobox.fx-cell-editor > .fx-field-body > .fx-field-btn {
  height: 22px;
  width: 22px;
  border-radius: 0;
}
.fx-field-combobox.fx-field-time > .fx-field-body > .fx-field-input {
  color: #000;
}
.fx-field-combobox > .fx-field-list {
  /*position: absolute;*/
  position: fixed;
  display: none;
  background-color: #fff;
  border: 1px solid #b5b8c8;
  border-top: none;
  border-bottom: none;
  /*border-radius: 0 0 2px 2px;*/
  outline: none;
  box-sizing: border-box;
  z-index: 10000;
  overflow: auto;
}
.fx-field-combobox > .fx-field-list.up {
  border-top: 1px solid #b5b8c8;
  border-radius: 2px 2px 0 0;
}
.fx-field-combobox > .fx-field-list.down {
  border-bottom: 1px solid #b5b8c8;
  border-radius: 0 0 2px 2px;
}
.fx-field-combobox > .fx-field-list > .fx-list-container {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fx-field-combobox > .fx-field-list > .fx-list-container > .list-item {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  font: normal 11px/22px tahoma, arial, verdana, sans-serif;
  padding: 0 4px 0 22px;
  /*height: 22px;*/
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
/*.fx-field-combobox > .fx-field-list .list-item:hover {
  background-color: #e9ebf1;
}*/
/*.fx-field-combobox > .fx-field-list > .fx-list-container > .list-item.over {
  background-color: #e9ebf1;
}*/
.fx-field-combobox > .fx-field-list > .fx-list-container > .list-item:hover {
  background-color: #e9ebf1;
}
.fx-field-combobox > .fx-field-list .list-item.focus {
  background-color: #e9ebf1;
}
.fx-field-combobox > .fx-field-list .list-item.active {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAHVJREFUOE+lj8ENgCAMRRnVgUzcxAXcwSG8enOBmn8oofILbTy8AI++BIqI/ILKDFRmoDIDlSPW/ZTrfurZXM5AvGyHYFXXDXmwGJghDy8GdYN/sYFRDOqGDc5iYA5tEIlBJzSMxIBKfcHXM6jMQGUGKuNIeQEZpPo3BQ3A9QAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 3px center;
}
.fx-field-combobox.fx-list-showed.up > .fx-field-body > .fx-field-input {
  border-radius: 0 0 0 2px;
}
.fx-field-combobox.fx-list-showed.down > .fx-field-body > .fx-field-input {
  border-radius: 2px 0 0 0;
}
/*.fx-field-combobox.fx-list-showed > .fx-field-body > .fx-field-btn {
  background-image: url(./images/arrow-up.gif);
  background-image: url(./images/arrow-up.gif), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: url(./images/arrow-up.gif), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-up.gif), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-up.gif), -o-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-up.gif), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(./images/arrow-up.gif), linear-gradient(top,#fff,#eee);
}*/
.fx-field-combobox.fx-list-showed > .fx-field-body > .fx-field-btn:after {
  content: '';
  border: 5px solid #8c919c;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 8px;
  right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0px solid transparent;
}
.fx-field-combobox.fx-list-showed.up > .fx-field-body > .fx-field-btn {
  border-radius: 0 0 2px 0;
}
.fx-field-combobox.fx-list-showed.down > .fx-field-body > .fx-field-btn {
  border-radius: 0 2px 0 0;
}
.fx-field-combobox.fx-list-showed:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn:hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  /*background-image: url(./images/arrow-up.gif);
  background-image: url(./images/arrow-up.gif), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
  background-image: url(./images/arrow-up.gif), -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-up.gif), -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-up.gif), -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-up.gif), -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(./images/arrow-up.gif), linear-gradient(top,#fbfbfb,#e9e9e9);*/
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e9e9e9));
  background-image: -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: linear-gradient(top,#fbfbfb,#e9e9e9);
  cursor: pointer;
}
.fx-field-combobox.fx-list-showed:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn:after:hover {
  content: '';
  border: 5px solid #8c919c;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 8px;
  right: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0px solid transparent;
}
.fx-field-combobox.fx-list-showed > .fx-field-list {
  display: block;
}
.fx-field-combobox > .fx-field-body > .fx-field-qtip {
  width: 24px;
  height: auto;
  margin: 3px 0 3px 3px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjwhLS0gPHBhdGggZmlsbD0icmdiKDM1LCAxNDIsIDI1NSkiIGQ9Ik04IDFjMy45IDAgNyAzLjEgNyA3cy0zLjEgNy03IDctNy0zLjEtNy03IDMuMS03IDctN3pNOCAwYy00LjQgMC04IDMuNi04IDhzMy42IDggOCA4IDgtMy42IDgtOC0zLjYtOC04LTh2MHoiPjwvcGF0aD4gLS0+CjxjaXJjbGUgZmlsbD0icmdiKDM1LCAxNDIsIDI1NSkiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOSAxMGgtMmMwLTIgMS4yLTIuNiAyLTMgMC4zLTAuMSAwLjUtMC4yIDAuNy0wLjQgMC4xLTAuMSAwLjMtMC4zIDAuMS0wLjctMC4yLTAuNS0wLjgtMS0xLjctMS0xLjQgMC0xLjYgMS4yLTEuNyAxLjVsLTItMC4zYzAuMS0xLjEgMS0zLjIgMy42LTMuMiAxLjYgMCAzIDAuOSAzLjYgMi4yIDAuNCAxLjEgMC4yIDIuMi0wLjYgMy0wLjQgMC40LTAuOCAwLjYtMS4yIDAuNy0wLjYgMC40LTAuOCAwLjItMC44IDEuMnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuOSAxMWgydjJoLTJ2LTJ6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.fx-field-date {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-date.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-date.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-date > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  margin: 0;
}
.fx-field-date.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-date > .fx-field-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  overflow: hidden;
}
.fx-field-date > .fx-field-body > .fx-field-input {
  flex: 1 1 auto;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  /*border-right: none;*/
  border-radius: 2px 0 0 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
}
.fx-field-date > .fx-field-body > .fx-field-input.clear-tool {
  padding: 2px 20px 2px 3px;
}
.fx-field-date > .fx-field-body > .fx-field-input:focus {
  border-color: #6184c7;
  z-index: 1;
}
.fx-field-date.invalid > .fx-field-body > .fx-field-input {
  border-color: #e46262;
  background-color: #ffecec;
  z-index: 1;
}
.fx-field-date > .fx-field-body > .fx-field-clear {
  position: absolute;
  right: 26px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAFtJREFUKFNjCE+uYghLqmwAYgZ0ABIDyYHUwBT9B9FQeThAkQMSKAJQPoYYHKBJwNlQaQQACiIrxjQJBkCCUEmCCuHWIbOh0hgmgU3BJoYiANULByhyxAV4FQMAczRxAf9DFEUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
  z-index: 1;
}
.fx-field-date > .fx-field-body > .fx-field-clear:hover {
  background-color: #e0e3e8;
  border-radius: 10px;
  cursor: pointer;
}
.fx-field-date > .fx-field-body > .fx-field-button {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid #b5b8c8;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  background-color: #f8f8f8;
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -o-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), linear-gradient(top,#fff,#eee);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 0 -1px;
}
.fx-field-date:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-button:hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -o-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/gif;charset=utf-8;base64,R0lGODlhCQAFAJECAImJiezs7P///wAAACH5BAEAAAIALAAAAAAJAAUAAAIMDI4QYrnC0INxUnYLADs=), linear-gradient(top,#fff,#eee);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.fx-field-date.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-date.fx-cell-editor > .fx-field-body > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-field-date.fx-disabled, .fx-field-date.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-date.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-body > .fx-field-input {
  background-color: #fff2de;
}

.fx-field-date > .fx-field-list {
  position: fixed;
  background-color: #fff;
  border: 1px solid #b5b8c8;
  z-index: 10000;
  border-radius: 0 0 2px 2px;
}
.fx-date-header {
  display: flex;
  justify-content: space-between;
  background-color: #dadfe6;
  border-bottom: 1px solid #b5b8c8;
}
/*.fx-date-header > .fx-date-prevmonth, .fx-date-header > .fx-date-nextmonth {
  font: 11px/16px tahoma;
  font-weight: 700;
  margin: 4px 5px;
  width: 16px;
  text-align: center;
  color: #6f7e9a;
}*/
.fx-date-header > .fx-date-prevmonth {
  padding: 7px 10px 7px 4px;
}
.fx-date-header > .fx-date-nextmonth {
  padding: 7px 4px 7px 10px;
}
.fx-date-header > .fx-date-prevmonth:after {
  content: '';
  display: block;
  border: 5px solid #566279;
  border-color: transparent #566279 transparent transparent;
}
.fx-date-header > .fx-date-nextmonth:after {
  content: '';
  display: block;
  border: 5px solid #566279;
  border-color: transparent transparent transparent #566279;
}
.fx-date-header > .fx-date-prevmonth:hover, .fx-date-header > .fx-date-nextmonth:hover {
  background-color: #e4e7ec;
  color: #566279;
  cursor: pointer;
}
.fx-date-header > .fx-date-month {
  font: 11px/24px tahoma;
  text-align: center;
  color: #566279;
  font-weight: 700;
  padding: 0 10px;
  border-radius: 2px;
}
.fx-date-header > .fx-date-month:hover {
  background-color: #e4e7ec;
  cursor: pointer;
}
.fx-date-weekday {
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  font: 11px/16px tahoma;
  padding: 1px;
  border-bottom: 1px solid #c5c5c5;
}
.fx-date-week-day {
  display: inline-block;
  margin: 1px;
  width: 25px;
  height: 18px;
  text-align: center;
  font: 8pt/18px tahoma;
}
.fx-date-days {
  padding: 1px;
}
.fx-date-bbar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #b5b8c8;
  background-color: #dadfe6;
  height: 28px;
}
.fx-date-bbar > .fx-date-btn:nth-child(n+2) {
  margin: 0 0 0 5px;
}
.fx-date-bbar > .fx-date-btn {
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  padding: 3px 6px 3px 6px;
  border-radius: 2px;
  border: 1px solid #b5b8c8;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
}
.fx-date-days > .fx-date-days-row {
  display: flex;
  flex-direction: row;
}
.fx-date-day {
  display: inline-block;
  font: 11px/20px tahoma;
  margin: 1px;
  width: 25px;
  height: 20px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  color: #000;
}
.fx-date-day.today:not(.active) {
  border: 1px solid #b5b8c8;
  line-height: 18px;
}
.fx-date-day.active {
  /*background-color: #d4dae2;*/
  background-color: #76839a;
  color: #f4f6f9;
}
.fx-date-day.last:not(.active), .fx-date-day.next:not(.active) {
  color: #999;
}
.fx-date-day:not(.disabled):not(.active):hover {
  background-color: var(--fx-infinity-50);
  color: #000;
  cursor: pointer;
}
.fx-date-day.disabled {
  background-color: #f1f1f1;
  color: #c4c4c4 !important;
}
.fx-date-day.active.disabled {
  background-color: #e0e0e0;
  color: #a5a5a5 !important;
}
.fx-date-months, .fx-date-years {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1px;
  width: 189px;
}
.fx-date-months > .month, .fx-date-years > .year {
  width: 45px;
  font: 11px/16px tahoma;
  text-align: center;
  border-radius: 2px;
  padding: 4px 0;
  margin: 1px;
  color: #000;
}
.fx-date-years > .year.prev, .fx-date-years > .year.next {
  color: #999;
}
.fx-date-months > .month:not(.disabled):not(.active):hover, .fx-date-years > .year:not(.disabled):not(.active):hover {
  background-color: #f4f6f9;
  color: #000;
  cursor: pointer;
}
.fx-date-months > .month.active, .fx-date-years > .year.active {
  background-color: #76839a;
  color: #f4f6f9;
}
.fx-date-year-selector {
  display: flex;
  justify-content: space-between;
  background-color: #f4f6f9;
  border: 1px solid #b5b8c8;
  border-width: 1px 0;
}
.fx-date-year-selector > .years-range {
  font: 11px/20px tahoma;
  font-weight: 700;
  color: #566279;
  text-align: center;
}
.fx-date-year-selector > .prev-years {
  padding: 5px 8px 5px 2px;
}
.fx-date-year-selector > .next-years {
  padding: 5px 2px 5px 8px;
}
.fx-date-year-selector > .prev-years:after {
  content: '';
  display: block;
  border: 5px solid #566279;
  border-color: transparent #566279 transparent transparent;
}
.fx-date-year-selector > .next-years:after {
  content: '';
  display: block;
  border: 5px solid #566279;
  border-color: transparent transparent transparent #566279;
}
.fx-date-year-selector > .prev-years:hover, .fx-date-year-selector > .next-years:hover {
  background-color: #e5e7ec;
  cursor: pointer;
}
.fx-field-dropbox {
	display: flex;
	flex-direction: row;
	flex: 0 0 auto;
	flex-wrap: wrap;
	align-items: center;
	width: 270px;
	margin-bottom: 5px;
	overflow: hidden;
	box-sizing: border-box;
	/*height: 24px;*/
}
.fx-field-dropbox > .fx-field-label {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	width: 100px;
	font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
	padding: 5px 5px 5px 0;
	box-sizing: border-box;
}
.fx-field-dropbox > .fx-field-input {
	flex: 1 1 auto;
	min-width: 40px;
	font: normal 12px/18px tahoma, arial, verdana, sans-serif;
	padding: 2px 3px;
	background-color: #fff;
	border: 1px solid #b5b8c8; /* #bbb */
	border-radius: 2px;
	outline: none;
	box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
	box-sizing: border-box;
	/*height: 100%;*/
	height: 24px;
}
.fx-field-dropbox.fx-cell-editor {
	position: absolute;
	margin-bottom: 0;
	flex-wrap: nowrap;
}
.fx-field-dropbox.fx-cell-editor > .fx-field-input {
	font-size: 11px;
	line-height: 16px;
	padding: 2px 5px 3px 5px;
	height: 22px;
	border-radius: 0;
	border-color: #5f97fb;
}
.fx-field-dropbox.fx-disabled, .fx-field-dropbox.fx-readonly {
	opacity: .5;
	cursor: default;
}

.fx-field-file {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-file.fx-disabled, .fx-field-file.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-file.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-file.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-file > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-file > .fx-field-path {
  flex: 1 1 auto;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  color: #999;
  padding: 2px 3px 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8;
  border-right: none;
  border-radius: 2px 0 0 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.fx-field-file.invalid > .fx-field-path {
  border: 1px solid #e46262; /* #ff5c5c */
  background-color: #ffecec;
  z-index: 1;
}
.fx-field-file > .fx-field-path.value {
  color: #000;
}
.fx-field-file > .fx-button {
  align-self: center;
  border-radius: 0 2px 2px 0;
  margin-bottom: 0;
  margin-left: -1px;
}
.fx-field-filednd {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-filednd > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-filednd > .fx-dnd-container {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  height: 50px;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  /*color: #777;
  border: dashed 1px #777;*/
  color: #727d94;
  border: dashed 1px #727d94;
  border-radius: 2px;
  /*background-color: #f0f0f0;*/
  background-color: #dde2e8;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: default;
}
.fx-field-filednd.files > .fx-dnd-container:hover {
  background-color: #ffe4e4;
  border-color: #cc5454;
  color: #cc5454;
  cursor: pointer;
}
.fx-field-filednd > .fx-dnd-container.dragover {
  background-color: #f0f2f7;
  border-color: #7e92ad;
  color: #2a4a75;
}
.fx-field-number {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-number.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-number.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-number.fx-disabled, .fx-field-number.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-number > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  margin: 0;
}
.fx-field-number.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-number > .fx-field-label > .qtip {
  flex: 0 0 auto;
  font-size: 10px;
  background-color: #b2b8c5;
  line-height: 12px;
  width: 12px;
  height: 12px;
  display: block;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 2px 0 3px;
}
.fx-field-number > .fx-field-input {
  flex: 1 1 auto;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  border-radius: 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
  width: 100%;
}
.fx-field-number.fx-label-top > .fx-field-input {
  flex: 0 0 auto;
}
.fx-field-number.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-input {
  /*background-color: #fff5d4;*/
  background-color: #fff2de;
}
.fx-field-number > .fx-field-input:focus {
  border-color: #6184c7;
}
.fx-field-number.invalid > .fx-field-input {
  border: 1px solid #ff5c5c;
  background-color: #fee;
}
.fx-field-number.invalid > .errors {
  display: none;
  /*flex-wrap: wrap;*/
  width: 100%;
  margin-left: 140px;
  background-color: #ff5c5c;
  border-radius: 0 0 2px 2px;
  padding: 2px 5px;
  color: #fff;
  font: normal 11px/18px tahoma, arial, verdana, sans-serif;
  white-space: pre-line;
  /*overflow: auto;*/
}
.fx-field-number.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-number.fx-cell-editor > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-field-number {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-number.fx-disabled, .fx-field-number.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-number > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
  margin: 0;
}
.fx-field-number > .fx-field-label > .qtip {
  flex: 0 0 auto;
  font-size: 10px;
  background-color: #b2b8c5;
  line-height: 12px;
  width: 12px;
  height: 12px;
  display: block;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 2px 0 3px;
}
.fx-field-number > .fx-field-body {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  overflow: hidden;
}
.fx-field-number > .fx-field-body > .fx-field-input {
  flex: 1 1 auto;
  min-width: 20px;
  width: 100%;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
}
.fx-field-number.center > .fx-field-body > .fx-field-input {
  text-align: center;
}
.fx-field-number.center:not(.trigger) > .fx-field-body > .fx-field-input {
  border-radius: 2px;
}
.fx-field-number:not(.trigger):not(.fx-cell-editor) > .fx-field-body > .fx-field-input {
  border-radius: 2px !important;
}
/*.fx-field-number.fx-readonly >  > .fx-field-body > .fx-field-input {
  cursor: default;
}*/
.fx-field-number:not(.fx-readonly):not(.invalid) > .fx-field-body > .fx-field-input:focus {
  border-color: #6184c7;
  z-index: 2;
}
.fx-field-number.invalid > .fx-field-body > .fx-field-input {
  border: 1px solid #e46262;
  background-color: #ffecec;
  z-index: 2;
}
.fx-field-number.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-body > .fx-field-input {
  background-color: #fff2de;
}
.fx-field-number.invalid > .errors {
  display: none;
  /*flex-wrap: wrap;*/
  width: 100%;
  margin-left: 140px;
  background-color: #ff5c5c;
  padding: 2px 5px;
  color: #fff;
  font: normal 11px/18px tahoma, arial, verdana, sans-serif;
  white-space: pre-line;
  /*overflow: auto;*/
}
.fx-field-number > .fx-field-body > .dec, .fx-field-number > .fx-field-body > .inc {
  display: flex;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  align-items: center;
  justify-content: center;
  font-size: 13pt;
  color: #898989;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  font-family: tahoma;
  border: 1px solid #b5b8c8;
  box-sizing: border-box;
  margin: 0 0 0 -1px;
}
.fx-field-number > .fx-field-body > .dec:after {
  content: '-';
}
.fx-field-number > .fx-field-body > .inc:after {
  content: '+';
}
.fx-field-number:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .dec:hover, .fx-field-number:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .inc:hover {
  border-color: #aaa;
  cursor: pointer;
  z-index: 1;
}
.fx-field-number:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .dec:active, .fx-field-number:not(.fx-readonly):not(.fx-disabled) > .fx-field-body > .inc:active {
  border-color: #aaa;
  box-shadow: inset 0 1px 1px #fff;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e9e9e9),color-stop(100%,#fbfbfb));
  background-image: -webkit-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -moz-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -o-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: -ms-linear-gradient(top,#e9e9e9,#fbfbfb);
  background-image: linear-gradient(top,#e9e9e9,#fbfbfb);
}
.fx-field-number > .fx-field-body > .fx-field-input:first-child {
  border-radius: 2px 0 0 2px;
}
.fx-field-number > .fx-field-body > .dec:first-child {
  border-radius: 2px 0 0 2px;
  margin: 0 -1px 0 0;
}
.fx-field-number > .fx-field-body >.inc:last-child {
  border-radius: 0 2px 2px 0;
}

.fx-field-number.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-number.fx-cell-editor > .fx-field-body > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-field-number.fx-cell-editor > .fx-field-body > .fx-field-input:focus {
  border-color: #5f97fb !important;
}
.fx-field-password {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-password.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-password > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-password.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-password > .fx-field-body {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  overflow: hidden;
}
.fx-field-password > .fx-field-body > .fx-field-input {
  flex: 1 1 auto;
  min-width: 40px;
  font: normal 12px/18px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  /*border-right: none;*/
  border-radius: 2px 0px 0px 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  /*height: 100%;*/
  height: 24px;
}
.fx-field-password.invalid > .fx-field-body > .fx-field-input {
  /*border-color: #e85454;*/
  border: 1px solid #e46262; /* #ff5c5c */
  background-color: #ffecec;
  z-index: 1;
}
.fx-field-password.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-body > .fx-field-input {
  /*background-color: #fff5d4;*/
  background-color: #fff2de;
}
.fx-field-password:not(.fx-readonly) > .fx-field-body > .fx-field-input:focus {
  border-color: #6184c7;
  z-index: 1;
  /*background-color: var(--fx-infinity-10);*/
}
.fx-field-password > .fx-field-body > .fx-field-btn {
  flex: 0 0 auto;
  width: 24px;
  /*height: 100%;*/
  height: 24px;
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  padding: 3px 6px 3px 6px;
  border-radius: 0 2px 2px 0;
  border: 1px solid #b5b8c8; /* #bbb */
  background-image: none;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: -moz-linear-gradient(top,#fff,#eee);
  background-image: -o-linear-gradient(top,#fff,#eee);
  background-image: -ms-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(top,#fff,#eee);
  /*outline: none;*/
  box-sizing: border-box;
  margin: 0 0 0 -1px;
}
/*.fx-field-password.invalid > .fx-field-body > .fx-field-btn {
  z-index: 1;
}*/
.fx-field-password:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn:hover {
  cursor: pointer;
}
.fx-field-password.fx-cell-editor {
  position: absolute;
  margin-bottom: 0;
  flex-wrap: nowrap;
}
.fx-field-password.fx-cell-editor > .fx-field-body > .fx-field-input {
  font-size: 11px;
  line-height: 16px;
  padding: 2px 5px 3px 5px;
  height: 22px;
  border-radius: 0;
  border-color: #5f97fb;
}
.fx-field-password.fx-cell-editor > .fx-field-body > .fx-field-btn {
  height: 22px;
  width: 22px;
  border-radius: 0;
}
.fx-field-password.fx-disabled, .fx-field-password.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-password > .fx-field-body > .fx-button {
  align-self: center;
  border-radius: 0 2px 2px 0;
  margin-bottom: 0;
}
.fx-field-password > .fx-field-body > .fx-field-btn.masked {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -o-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), linear-gradient(top,#fff,#eee);
  background-repeat: no-repeat;
  background-position: center;
}
.fx-field-password:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn.masked:hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAXRJREFUOE+lkb1KA0EUhTdYiEgIYqPoG4hiZaEhvoCCCIIgYrNJdrMJKdLqPkEqowR8gG0tLHwGW13t/ClsrPxBSBFQvzNs4igLMVicmTPnnnvnzh3Hdd1/IVUcBqniINRqtWy5XM6Lpxra7bZTqVTmSqXSliAeRZGJkbhcLBbv4J/SfyQ2m80Mhm0M1zLYQLui2DG8Cz7grUajMdJPDoJgAtOZzAL8FlMIDuAPlv7EJWvKEczi+/40gf6t8BvemYvjWC3vor0m+jneFYpG7LPK1UDGCVz2kgUMXrVazcmYaB0K1cEe/E2aLsGTVetTHJ4TY6/AIdp9Yow9z1sged32gBeGOGOegKHAbipb0KCO6HAsDEOHQqdW7J2cVfbvb0TYTIJmUJw3QJ6bC5x7T1HsEW1JOYJZEHbY7UHl2S90ttCloxPanoT3L9YPLCaGDoY67WY0F7hPkZYARwrM1H9DvzCKYZ9259MMg5AqDoNU8e9wnS+eL4YaLrLQPAAAAABJRU5ErkJggg==), linear-gradient(top,#fbfbfb,#e9e9e9);
}
.fx-field-password > .fx-field-body > .fx-field-btn.unmasked {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -webkit-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -moz-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -o-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -ms-linear-gradient(top,#fff,#eee);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), linear-gradient(top,#fff,#eee);
  background-repeat: no-repeat;
  background-position: center;
}
.fx-field-password:not(.fx-disabled):not(.fx-readonly) > .fx-field-body > .fx-field-btn.unmasked:hover {
  border-color: #9d9d9d;
  background-color: #f3f3f3;
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -webkit-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -moz-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -o-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), -ms-linear-gradient(top,#fbfbfb,#e9e9e9);
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAUxJREFUOE+lkD1LxEAURSd2gmKj2CiK/0BsRLQTa1tRESHfu6kUJJBiG4uA2+QHCIqFxNbGrS2tBAUXbAVbUawWPW/ZibM4hcHiZG7uu++9YZTruv/CatbBatbBahZF4URRtOj7/g7sopfyPB+xZYd+sixzgiDY8zyvy/+XCd4zw/bTNHUkq6lEHMeThG7QuuGJhhSO0A+G35Gs9Aj9TxiGsxSqrej7JEnGdKjZbI7i3Rn1Ljedk5pqNBrjGI+6KFD0pMj2YzgZ6G0zI0MYPKF4oBmMN7NIeItTEeqgb0UzdNPMwDs3n+9fkdA654cu0njNY6l2u+20Wi2nLEsZdqXr8EnPBufPI7JhmdDLICBDLtmwir+CPjf8V7w16RGqAQKvO0XgDN0DvU3TY+sFmWl01TM0QENogfAhnA44EM+W/WXUxWrWwWr+HVd9AxaPdlIpT2b3AAAAAElFTkSuQmCC), linear-gradient(top,#fbfbfb,#e9e9e9);
}
.fx-field-radio {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  /*flex-wrap: wrap;*/
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
  /*height: 24px;*/
}
.fx-field-radio > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-radio > .fx-field-box-label {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 0 5px 5px;
  box-sizing: border-box;
}
.fx-field-radio > .fx-field-box-label.width {
  flex: 0 0 auto;
}
.fx-field-radio > .fx-field-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none;
  width: 13px;
  height: 13px;
  margin: 0;
  border: solid 1px #bdc3d0;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(top,#ffffff,#f0f0f0);
  outline: none;
}
.fx-field-radio > .fx-field-input:checked {
  border-color: #5F97FB !important;
}
.fx-field-radio > .fx-field-input:checked:after {
  background-color: #3c82ff;
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  margin: 3px;
}
.fx-field-textarea {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  align-items: center;
  width: 270px;
  margin-bottom: 5px;
  overflow: hidden;
  box-sizing: border-box;
}
.fx-field-textarea.flexible {
  flex: 1 1 auto;
  width: auto;
}
.fx-field-textarea.fx-label-top {
  flex-direction: column;
  align-items: flex-start;
}
.fx-field-textarea.fx-disabled, .fx-field-textarea.fx-readonly {
  opacity: .5;
  cursor: default;
}
.fx-field-textarea > .fx-field-label {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: 100px;
  font: normal 12px/14px Tahoma, Ubuntu, sans-serif;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.fx-field-textarea.fx-label-top > .fx-field-label {
  width: 100%;
  padding: 5px 0;
}
.fx-field-textarea > .fx-field-input {
  flex: 1 1 auto;
  min-width: 40px;
  min-height: 50px;
  /*height: 100%;*/
  font: normal 12px/16px tahoma, arial, verdana, sans-serif;
  padding: 2px 3px 2px 3px;
  background-color: #fff;
  border: 1px solid #b5b8c8; /* #bbb */
  border-radius: 2px;
  outline: none;
  box-shadow: inset 0 1px 3px rgba(30,30,30,.1);
  box-sizing: border-box;
  resize: none;
}
.fx-field-textarea.fx-label-top > .fx-field-input {
  width: 100%;
}
.fx-field-textarea:not(.fx-label-top) > .fx-field-input.resizable {
  resize: both;
}
.fx-field-textarea.fx-label-top > .fx-field-input.resizable {
  resize: vertical;
}
.fx-field-textarea.fx-dirty:not(.fx-disabled):not(.invalid) > .fx-field-input {
  /*background-color: #fff5d4;*/
  background-color: #fff2de;
}
.fx-field-input.without-border {
  border: none;
}
.fx-field-textarea > .fx-field-input:focus {
  border-color: #6184c7;
}
.fx-field-textarea.invalid > .fx-field-input {
  /*border-color: #e85454;*/
  border: 1px solid #e46262; /* #ff5c5c */
  background-color: #fee;
}
.fx-field-time > .fx-field-input {
	color: #000;
}
.fx-notify {
	position: absolute;
	right: 5px;
	min-width: 230px;
	font-family: Tahoma, Ubuntu, sans-serif;
	/*max-width: 500px;*/
	/*background-color: #f0f2f7;*/
	/*padding: 5px;*/
	/*border: 1px solid #b5b8c8;
	border-radius: 2px;*/
	box-shadow: 0 0 6px rgba(161,169,182,.7);
	box-sizing: border-box;
	z-index: 1000;
	/*bottom: -100px;*/
	/*transition: bottom .5s ease;*/
	max-width: 450px;
	/*margin-bottom: 5px;*/
	/*transition-property: bottom;*/
	/*transition-duration: 1s;*/
}

.fx-notify .header {
	/*background-color: #bac2d0;
	padding: 5px;
	border-bottom: 1px solid #8691a2;*/

	display: flex;
	align-items: center;
	height: 22px;
	background-color: #667187;
	/*background-color: #6b7588;*/
	padding: 0 5px;
	/* border-bottom: 1px solid #465167; */
	border-radius: 2px 2px 0 0;
	/*font-weight: 700;*/
	/*font: normal 11px/16px tahoma, arial, verdana, sans-serif;*/
	/*color: #f0f2f7;*/
	/*letter-spacing: 1px;*/
}

.fx-notify .header .title {
	width: 100%;
	/*font-weight: 700;*/
	font: normal 11px/16px tahoma, arial, verdana, sans-serif;
	color: #f0f2f7;
	/*letter-spacing: 1px;*/
}

.fx-notify .header .fx-tool-close {
	/*min-width: 16px;
	height: 16px;
	margin-left: 5px;
	background-image: url('./images/close.png');*/
	min-width: 9px;
	height: 9px;
	margin: 0 2px 0 5px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00MDQuOCAyNjEuNCAxMS42IDExLjYiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+ICANCgkuc3Qwe3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoxLjk7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT48bGluZSBjbGFzcz0ic3QwIiB4MT0iLTQwNC4xIiB5MT0iMjYyIiB4Mj0iLTM5My44IiB5Mj0iMjcyLjMiLz48bGluZSBjbGFzcz0ic3QwIiB4MT0iLTM5My44IiB5MT0iMjYyIiB4Mj0iLTQwNC4xIiB5Mj0iMjcyLjMiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	/*background-size: 9px;
	background-position: 2px 2px;*/
	cursor: pointer;
}

/*.fx-notify .header .fx-tool-close:hover {
	background-color: #4D586E;
	border-radius: 50%;
}*/ /* При наведении на крестик рисовать вокруг более темный кружок */

.fx-notify .body {
	/*padding: 5px;
	white-space: pre;*/

	padding: 5px;
	white-space: pre-wrap;
	/*color: #000;*/
	border-radius: 0 0 2px 2px;
	background-color: #4D586E;
	/*background-color: #4c5567;*/
	color: #d8dce4;
}

.fx-notify .body.without-title {
	border-radius: 2px;
	word-wrap: break-word;
	/*overflow: hidden;*/
}

.fx-notify.warning .header {
	background-color: #d8b231;
}
.fx-notify.warning .body {
	background-color: #f7d76b;
	color: #000;
}

.fx-notify.alert .header {
	background-color: #9c4444;
}
.fx-notify.alert .body {
	background-color: #e66161;
}
.fx-notify-status {
  /*display: none;*/
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  /*width: 100%;*/
  width: 300px;
  z-index: 1100;
  box-sizing: border-box;
  font: normal 13px/26px tahoma, arial, verdana, sans-serif;
  text-align: center;
  background-color: #4d586e;
  border-bottom: 1px solid #424a5a;
  border-left: 1px solid #424a5a;
  color: #d8dce4;
  transition: top .5s ease, background-color .3s ease, border-color .3s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 5px;
}
.fx-notify-status.green {
  background-color: #94dc91;
  border-bottom: 1px solid #74b772;
  border-left: 1px solid #74b772;
  color: #000;
}
.fx-notify-status.yellow {
  background-color: #f7d76b;
  border-bottom: 1px solid #d8b231;
  border-left: 1px solid #d8b231;
  color: #000;
}
.fx-notify-status.red {
  background-color: #ff5252;
  border-bottom: 1px solid #bd2727;
  border-left: 1px solid #bd2727;
  color: #000;
}
.fx-win-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
.fx-dev-window {
  display: flex;
  flex-direction: column;
  position: fixed;
  background-color: #fafafa;
  border: 1px solid #b2b8c5;
  border-radius: 3px;
  box-shadow: 0 0 5px #ccc;
  box-sizing: border-box;
  outline: none;
  z-index: 100;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  visibility: visible;
  /*top: 50%;
  left: 50%;*/
}
.fx-dev-window.centered-by-x:not(.centered-by-y) {
  /*top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);*/

  left: 0;
  right: 0;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}
.fx-dev-window.centered-by-y:not(.centered-by-x) {
  /*top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);*/

  top: 0;
  bottom: 0;
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
}
.fx-dev-window.centered-by-x.centered-by-y {
  /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/

  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
}
.fx-dev-window.full-screen {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
  border: none;
  border-radius: 0px;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.fx-dev-window > .header {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  height: 28px;
  width: 100%;
  background-color: #d3d7e0;
  border-radius: 2px 2px 0 0;
  border-bottom: 1px solid #b2b8c5;
  box-sizing: border-box;
}
.fx-dev-window > .header > .title {
  /*display: flex;*/
  flex-grow: 1;
  font: bold 11px/28px tahoma, arial, verdana, sans-serif;
  color: #566279;
  margin: 0 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding: 0 60px;
  cursor: default;
}
.fx-dev-window.draggable > .header > .title {
  cursor: move;
}
.fx-dev-window.fx-resizable:not(.full-screen) > .header > .title {
  margin: 5px 6px 0 6px;
  font: bold 11px/18px tahoma, arial, verdana, sans-serif;
}
/*.fx-dev-window > .header > a:first-child {
  margin: auto 0 auto auto !important;
}*/
.fx-dev-window > .header > .tools {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px 0 5px 0;
}
.fx-dev-window > .header > .tools > a {
  margin: auto 4px auto 0;
}
.fx-dev-window > .header > .tools > a:last-child {
  margin: auto 5px auto 0;
}
.fx-dev-window > .header > .tools > .close {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  /*margin: auto 0 auto auto;*/
  border-radius: 50%;
  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSIjNTY2Mjc5IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPgo8L3N2Zz4=) no-repeat;
  cursor: pointer;
}
.fx-dev-window > .header > .tools > .fullscreen {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  /*margin: auto 0 auto auto;*/
  border-radius: 50%;
  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSIjNTY2Mjc5IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNNyAxNEg1djVoNXYtMkg3di0zem0tMi00aDJWN2gzVjVINXY1em0xMiA3aC0zdjJoNXYtNWgtMnYzek0xNCA1djJoM3YzaDJWNWgtNXoiLz4KPC9zdmc+) no-repeat;
  cursor: pointer;
}
.fx-dev-window.full-screen > .header > .fullscreen {
  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPSIjNTY2Mjc5IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNNSAxNmgzdjNoMnYtNUg1djJ6bTMtOEg1djJoNVY1SDh2M3ptNiAxMWgydi0zaDN2LTJoLTV2NXptMi0xMVY1aC0ydjVoNVY4aC0zeiIvPgo8L3N2Zz4=) no-repeat;
}
.fx-dev-window > .header > .tools > a:hover {
  background-color: #eff0f1 !important;
}
.fx-dev-window.full-screen > .header {
  border-radius: 0px;
}
.fx-dev-window > .body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font: normal 11px/16px tahoma, arial, verdana, sans-serif;
  background-color: #eff0f1;
  border-radius: 0 0 2px 2px;
  user-select: text;
  overflow: auto;
}
.fx-dev-window.full-screen > .body {
  border-radius: 0px;
}
.fx-dev-window > .body.layout-column {
  flex-direction: row;
}
.fx-dev-window > .fx-toolbar.top {
  background-color: #d3d7e0;
  border-bottom: 1px solid #b2b8c5;
}
.fx-dev-window > .fx-toolbar.bottom {
  background-color: #d3d7e0;
  border-top: 1px solid #b2b8c5;
  border-radius: 0 0 2px 2px;
}
.fx-dev-window > .nw-resizer {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  cursor: nw-resize;
}
.fx-dev-window > .ne-resizer {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  cursor: ne-resize;
}
.fx-dev-window > .se-resizer {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  cursor: se-resize;
}
.fx-dev-window > .sw-resizer {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  cursor: sw-resize;
}
.fx-dev-window > .n-resizer {
  position: absolute;
  left: 5px;
  right: 5px;
  top: -1px;
  height: 6px;
  cursor: n-resize;
}
.fx-dev-window > .e-resizer {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: -1px;
  width: 6px;
  cursor: e-resize;
}
.fx-dev-window > .s-resizer {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: -1px;
  height: 6px;
  cursor: s-resize;
}
.fx-dev-window > .w-resizer {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -1px;
  width: 6px;
  cursor: w-resize;
}
 .fx-dev-window.full-screen > .nw-resizer
,.fx-dev-window.full-screen > .ne-resizer
,.fx-dev-window.full-screen > .se-resizer
,.fx-dev-window.full-screen > .sw-resizer
,.fx-dev-window.full-screen > .n-resizer
,.fx-dev-window.full-screen > .e-resizer
,.fx-dev-window.full-screen > .s-resizer
,.fx-dev-window.full-screen > .w-resizer {
  display: none;
}
@media (max-width: 1000px) {
  .fx-dev-window.fx-msg {
    max-width: 70%;
    max-height: 80%;
  }
}
@media (max-width: 5000px) {
  .fx-dev-window.fx-msg {
    max-width: 700px;
    max-height: 80%;
  }
}
.fx-dev-window.fx-msg > .body > .fx-container.fx-content {
  flex: 1 1 auto;
  margin: 0 0 10px 0;
  flex-direction: row;
  align-items: center;
  white-space: pre-wrap;
}
.fx-dev-window.fx-msg > .body > .fx-container > .fx-container > .fx-img-32 {
  height: 32px;
  width: 32px;
  margin-right: 10px;
  flex: 0 0 auto;
}
.fx-dev-window.fx-msg > .body .fx-msg-text {
  display: block;
  flex: 1 1 auto;
  white-space: pre-wrap;
}
.fx-dev-window.fx-msg.single-btn > .body .fx-button {
  align-self: center;
}
.fx-dev-window.fx-msg.multi-btn > .body > .fx-container.buttons {
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  width: auto;
  margin: 0;
}
.fx-statusbar {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  font: normal 11px/14px Tahoma, Ubuntu, sans-serif;
  height: 21px;
  padding: 0 5px;
  background-color: #e0e3e8;
  color: #58647b;
  border-top: 1px solid #bdc5d2;
  transition: all .3s;
  cursor: default;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fx-statusbar.hidden {
  display: none;
}
/*.fx-statusbar.warning {
  color: #8c7120;
  background-color: #ffeebf;
}*/
.fx-statusbar > .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
/*.fx-statusbar.error {
  background-image: url(./images/error.png);
  background-repeat: no-repeat;
  background-position: center left 5px;
  padding-left: 26px;
}
.fx-statusbar.warning {
  background-image: url(./images/warning.png);
  background-repeat: no-repeat;
  background-position: center left 5px;
  padding-left: 26px;
}*/
.fx-statusbar.error > .icon {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAQ9JREFUOE9joBn4nJvL/MHPbzUQr4AKkQaAGhM/+Pj8B+OAgDioMHHgY3g4P1DjC7gBvr7PgGK8UGnCAGh7D1wzDPv5tUOl8YMP/v5qQA2/3gM1TQoJ+T8pLAzmil8fg4JUoMpwA6BNO0AaQAa0h4b+7wgPR3bFZqgy7AAYWL4wxVgNAOGAAHeoclQAdB4r0Jm3CRrg63sTGKCsUG0IAHReBbJCnAaAsL9/MVQbBABtlwJKfEJX+MzXF4zRxYH4w8fgYHGodqDtvr4L0RXBYmEyLBbQsb//PIjmgAALbArwegGC/wBdbgby+0kskmCMxwsQ7Od3CGQAPORJxv7+1xg+paZyADmgQCQZfy4s5AAAFxdzsgmBbRsAAAAASUVORK5CYII=);
}
.fx-statusbar.warning > .icon {
  background-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAARZJREFUOE9joBn4fCGX+cNxv9VAvAIqRBoAakz8cMznPxgfD4iDChMHPp4K5wdqfAE34JjvM6AYL1SaMADa3oPQDMXH/dqh0vjBh+P+akANv94f9fk/qSnk/6TmMJgrfn08EaQCVYYbAG3aAdIAMqC9KvR/R3U4sis2Q5VhB8DA8oUpxmoA2JAAd6hyVAB0HivQmbcJGnDM9yYwQFmh2hAA6LwKZIW4DQDi4/7FUG0QALRdCijxCV3hs32+/5/t90URg+IPH08Ei0O1A20/5rsQXREsFibDYwENH/efB9F8PMACmwK8XoDgP0CXm4H8fhKLJBjj8QIEH/c7BHL+NaySxODjflcYPp1L5QByQIFIMv50NokVAGWruwlinBtnAAAAAElFTkSuQmCC);
}