body {
	background-color: #f5f5f5;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.1875;
	margin: 0;
	padding: 0;
}

a {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {
	color: #800080;
}

a:active {
	color: #ff0000;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.form_container {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fbfbfb;
	background-image: none;
	border: 0px #cccccc solid;
}

label,
select,
textarea,
input[type="text"],
input[type="number"] {
	border: 1px #cccccc solid;
	border-radius: 4px;
	background-color: #ffffff;
	background-image: none;
	color: #000000;
	font-family: Arial;
	font-weight: normal;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	text-align: left;
	vertical-align: middle;
}

label {
	border: 0px #cccccc solid;
	background-color: transparent;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
}

select {
	vertical-align: middle;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
	resize: none;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="number"]:focus {
	border-color: #5d0133;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
		0px 0px 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075),
		0px 0px 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0px 1px 1px rgba(93, 1, 51, 0.2),
		0px 0px 8px rgba(93, 1, 51, 0.6);

	outline: 0;
}

select:disabled,
textarea:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled {
	background-color: #f0f0e6;
	cursor: default;
}

input[type="radio"],
input[type="checkbox"] {
	height: 20px;
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 20px;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
	cursor: default;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	display: inline-block;
	height: 20px;
	left: 0;
	padding: 0;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 20px;
}

input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
	background-color: #ffffff;
	border: 1px #cccccc solid;
	content: "";
	display: inline-block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
}

input[type="radio"] + label::before {
	border-radius: 50%;
}

input[type="checkbox"] + label::before {
	border-radius: 4px;
}

input[type="radio"] + label::after,
input[type="checkbox"] + label::after {
	display: inline-block;
	height: 20px;
	left: 0;
	line-height: 20px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 20px;
}

input[type="radio"] + label::after {
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	border-radius: 50%;
	color: #ffffff;
	content: " ";
	transform: scale(0, 0);
}

input[type="checkbox"]:checked + label::after {
	background-size: 80% 80%;
	background: url("data:image/svg+xml,%3Csvg%20height%3D%2220%22%20width%3D%2220%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22fill%3A%23FFFFFF%22%20transform%3D%22scale%280.0112%29%22%3E%0D%0A%3Cpath%20transform%3D%22rotate%28180%29%20scale%28-1%2C1%29%20translate%280%2C-1536%29%22%20d%3D%22M1671%20970q0%20-40%20-28%20-68l-724%20-724l-136%20-136q-28%20-28%20-68%20-28t-68%2028l-136%20136l-362%20362q-28%2028%20-28%2068t28%2068l136%20136q28%2028%2068%2028t68%20-28l294%20-295l656%20657q28%2028%2068%2028t68%20-28l136%20-136q28%20-28%2028%20-68z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
		no-repeat center center;
	content: " ";
}

input[type="checkbox"]:checked + label::before {
	background-color: #9b125d;
	background-image: none;
	border-color: #3370b7;
}

input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
}

input[type="radio"]:checked + label::after {
	-moz-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	background-color: #9b125d;
	background-image: none;
	border-color: #5d0133;
	transform: scale(0.8, 0.8);
}

input[type="radio"]:focus + label::before {
	outline: thin dotted;
}

input[type="button"] {
	border: 1px solid #5d0133;
	border-radius: 4px;
	background-color: #9b125d;
	background-image: none;
	color: #ffffff;
	font-size: 13px;
	cursor: pointer;
}

input[type="button"]:disabled {
	cursor: default !important;
	background-color: #d3d3d3;
	color: #ffffff;
	border-color: #808080;
	cursor: default;
}

input[type="file"] {
	display: none;
}

.treemenu {
	background-image: url(/images/treemenu_line.gif);
	background-repeat: repeat-y;
	clear: both;
	color: #000000;
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 20px;
	padding: 0px 0 0;
	text-decoration: none;
}

.treemenu a {
	color: #000000;
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.treemenu a:hover {
	color: #000000;
	text-decoration: underline;
}

.treemenu ul {
	background-image: url(/images/treemenu_line.gif);
	background-repeat: repeat-y;
	display: none;
	margin: -4px 0 0 4px;
	padding: 5px 0 0;
}

.treemenu .treemenu_expanded {
	display: block;
}

.treemenu li {
	background-image: url(/images/treemenu_li.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	clear: both;
	list-style: none;
	padding: 5px 0 5px 10px;
}

.treemenu li.lastchild {
	background-color: #ffffff;
	background-image: url(/images/treemenu_li_last.gif);
	background-position: 0 -481px;
	background-repeat: no-repeat;
}

.treemenu .treemenu_folder,
.treemenu .treemenu_item {
	background-image: url(/images/treemenu_icons.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	font-size: 0;
	height: 9px;
	margin: 2px 5px 0 0;
	overflow: hidden;
	text-decoration: none;
	width: 9px;
}

.treemenu .treemenu_folder_expanded {
	background-position: -9px 0;
}

.treemenu .treemenu_item {
	background-position: -18px 0;
}

.unselectable {
	pointer-events: none;
}

.form-control {
	background-color: #ffffff;
	background-image: none;
	border: 1px #cccccc solid;
	border-radius: 4px;
	color: #555555 !important;
	display: block !important;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	height: 28px;
	line-height: 20px;
	padding: 4px 4px 4px 4px;
	float: left;
	margin-bottom: 0px;
	position: relative;
	width: 100%;
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
	display: table-cell;
}

.input-group-btn {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 0px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	white-space: nowrap;
	width: 1%;
	padding: 0px;
	display: table-cell;
}

.input-group-btn > .btn,
.input-group-btn > .btn_dis {
	background-color: #9b125d;
	background-image: none;
	border: 1px solid #5d0133;
	border-radius: 4px;
	display: inline-block;
	font-size: 13px;
	height: 28px;
	line-height: 20px;
	margin-bottom: 0px;
	padding: 4px 8px 4px 8px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
}

.input-group-btn > .btn {
	color: #ffffff;
	cursor: pointer;
}

.input-group-btn > .btn:hover {
	background-color: #5d0133;
}

.input-group-btn > .btn_dis {
	color: #dddddd;
	cursor: default;
}

.form-control {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.input-group-btn > .btn,
.input-group-btn > .btn_dis,
.input-group-btn > .btn-group {
	margin-left: 4px;
}

/**************************************/
.divB4Radio,
.divB4Checkbox {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
}

.divB4File_ElementPositioning {
	border-collapse: separate;
	display: table;
}

.divB4File *,
.divB4Checkbox *,
.divB4Radio *,
.divB4Checkbox ::before,
.divB4Radio ::before,
.divB4Checkbox ::after,
.divB4Radio ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/**************************************************/
.group_div {
	position: absolute !important;
	left: 20px !important;
	width: 469px !important;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.group_label {
	position: absolute !important;
	left: 5px !important;
	top: -12px !important;
	width: auto !important;
	height: 16px !important;
	line-height: 16px !important;
	background-color: #fbfbfb !important;
	background-image: none !important;
}

.group_div > .label_as_value,
.group_subdiv > .label_as_value {
	left: 184px;
	width: 262px;
}

.group_subdiv {
	position: absolute !important;
	left: 20px !important;
	width: 469px !important;
	height: 56px !important;
	border: 1px solid transparent;
	border-radius: 4px;
}

.group_subdiv > input,
.group_subdiv > label,
.group_subdiv > select,
.group_subdiv > .divB4Radio,
.group_subdiv > .divB4Checkbox {
	top: 15px;
}

.treeMenu_div {
	background-color: #ffffff;
	border: 2px #e6e2d8 solid;
	overflow: auto;
	position: absolute;
}

/* ================================================================
   DIALOG TITLE BAR
   ================================================================ */

.ui-dialog .ui-dialog-titlebar {
        background-color: #9b125d;
        border-color: #154360;
        color: #ffffff;
        border-radius: 4px 4px 0 0;
}

.ui-dialog .ui-dialog-title {
        color: #ffffff;
        font-weight: bold;
}

/* Close (X) button in title bar */
.ui-dialog .ui-dialog-titlebar-close {
        background-color: transparent;
        border-color: transparent;
        color: #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.4);
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='M3 3l10 10M13 3L3 13'/%3E%3C/svg%3E");
        background-position: center;
}

/* improve buttons */
.dlg-btn,
.ui-dialog .ui-dialog-buttonpane button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 80px;
	height: 28px;
	padding: 0 14px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	border-radius: 4px !important;
	border: 1px solid #5d0133;
	background-color: #9b125d;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
	outline: none;
}

/* ── Hover ────────────────────────────────────────────────────── */
.dlg-btn:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: #7a0e4a;
	border-color: #4a0028;
	box-shadow: 0 1px 4px rgba(93, 1, 51, 0.35);
}

/* ── Active / pressed ─────────────────────────────────────────── */
.dlg-btn:active,
.ui-dialog .ui-dialog-buttonpane button:active {
	background-color: #5d0133;
	border-color: #3d0020;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
	transform: translateY(1px);
}

/* ── Focus (keyboard navigation) ─────────────────────────────── */
.dlg-btn:focus-visible,
.ui-dialog .ui-dialog-buttonpane button:focus-visible {
	outline: 2px solid #9b125d;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(155, 18, 93, 0.25);
}

/* ── Disabled ─────────────────────────────────────────────────── */
.dlg-btn:disabled,
.dlg-btn-secondary:disabled,
.ui-dialog .ui-dialog-buttonpane button:disabled {
	background-color: #d3d3d3;
	border-color: #aaaaaa;
	color: #888888;
	cursor: default;
	pointer-events: none;
	transform: none;
	box-shadow: none;
}

/* ================================================================
   DIALOG BUTTON ICONS
   ================================================================ */

.ui-dialog .ui-dialog-buttonpane button::before {
        margin-right: 6px;
        font-style: normal;
        font-size: 14px;
        vertical-align: middle;
        line-height: 1;
}

/* Validate — magnifying glass: inspect/check */
.ui-dialog .ui-dialog-buttonpane #button-validate::before {
        content: "🔍";
}

/* OK — heavy check mark */
.ui-dialog .ui-dialog-buttonpane #button-ok::before {
        content: "✔";
}

/* Apply — return */
.ui-dialog .ui-dialog-buttonpane #button-apply::before {
        content : "⏎";
}

/* Cancel — heavy X */
.ui-dialog .ui-dialog-buttonpane #button-cancel::before {
        content: "✖";
}

/* Help — information symbol */
.ui-dialog .ui-dialog-buttonpane #button-help::before {
        content: "ℹ";
}