body
{
	background-color: #f0f0f3;
	margin: 0px;
	padding: 0px;
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
}

input, select
{
	font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
}


/* page caption */
#page_caption
{
	background: linear-gradient(90deg, #ffffff 268px, #a4cdee 841px);
}

#page_caption .title
{
	color: #4d595c;
	font-size: 26px;
	padding: 0px;
}


/* menu bars */
tr.topbar {
	background: #005096;
	color: #fff;
	font-size: 9pt;
}

.logout {
	background: #966;
}

tr.topbar > td {
	white-space: nowrap;
	border-left: 1px solid white;
	padding: 1px 10px 3px 10px;
}

tr.topbar > td a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

tr.topbar > td.current {
	border-top: 1px solid #005096;
	background: #f0f0f3;
}

tr.topbar > td.current a {
	color: #323235;
}




tr.topbar .debug_timings { padding: 0 5px; }
tr.topbar .debug_timings_permanent { color: #cdf; }
tr.topbar .debug_statistics_popup {
	background: #005096;
	color: #fff;
	font-size: 9pt;
	padding: 5px;
	text-align: right;
	z-index: 1001;
}
tr.topbar .debug_statistics_popup .debug_statistics_popup_toprow td { border-top: solid 1px White; text-align: center; }
tr.topbar .debug_statistics_popup td { padding-left: 5px; }


/* main content area */
body > div
{
	margin: 10px;
}

.nothing { margin: 0; padding: 0; }

h1
{
	font-size: 30px;
	font-weight: normal;
	color: #005096;
	margin: 6px 5px 10px 5px;
}

h2
{
	font-size: 20px;
	font-weight: normal;
	color: #005096;
	margin: 20px 5px 5px 5px;
}

h3
{
	font-size: 16px;
	font-weight: normal;
	color: #005096;
	margin: 5px 5px 10px 5px;
}

.hr
{
	border-top: solid 1px #888;
	margin: 0.8em -10px;		/* -10px to undo the margin of teh body > div */
}

#footer
{
	border-top: solid 1px #888;
	color: #888;
	margin: 0px;
	font-size: 11px;
	text-align: center;
	border-left: none;
	border-right: none;
	border-bottom: none;
}


.page { font-size: 9pt; }
.page input,select { font-size: 9pt; }

.warningbox { display: none; }

/* common styles */

.control_validation_error { color: #f00; font-weight: bold; padding: 0px 8px 0px 2px; }

.ui-button {
	font-size: 8pt;
}

.textflow { margin: 0 3px; }
.textflowdiv { padding: 0 3px; display: block; }
.textblock { }

.ui-input-hint
{
	/*width: 300px;*/
	min-width: 13em;	/* italic hint text makes element a bit wider when hint is visible. this prevents it. */
}

.ui-input-hint-active
{
	color: #a1a1a1;
	font-style: italic;
}

/* fg-button styling taken from jquery-ui styles to allow a link to look like a button */
.fg-button { display: none; }

input.cbox { display: none; }
.row_button { display: none; }
th {
	border-bottom: solid #000 !important;
	border-width: 0 2px 2px 0 !important;
}
/* td.gridalternate {
	border-top: solid #555 !important;
	border-bottom: solid #555 !important;
	border-width: 2px !important;
} */
table.ui-pg-table { display: none; }

table tr.ui-jqgrid-labels { border: 1px solid black; }
.grid-breaking-column { white-space: pre-wrap !important; }
.grid-nowrap-column { white-space: nowrap !important; }

.object_icon { margin-left: 0.1em; margin-right: 0.4em; vertical-align: bottom; border: 0; }
button.control_button { display: none; }
button.small_button .square_dim_button { display: none; }
button.smaller_button .square_dim_button .ui-button .ui-widget { display: none; }
button.smaller_dropdown_button { display: none; }

a { text-decoration: none; cursor: normal; color: blue; }
a:visited { text-decoration: none; cursor: normal; color: blue; }
a.small_button { margin: 0; }
a.small_button .ui-button-text { padding: 3px 10px; }
a.small_button .ui-button-icon-primary {  }

button { display: none !important; }
button.tiny_button, a.tiny_button { display: none; }
button.tiny_button.square_dim_button, a.tiny_button.square_dim_button { display: none; }
button.smaller_button.square_dim_button.ui-button-icon-only, a.smaller_button.square_dim_button.ui-button-icon-only  { display: none; }

div.content { margin-left: 1.5em; }

.unit { background-color: white; padding: 5px; }
table.unit { border-spacing: 5px; padding: 0; margin: 0; width: 100%; }
.unit table { border-spacing: 5px; padding: 0; margin: -5px; }
.subunit { background-color: white; padding: 5px 0 5px 5px; }
table.subunit { width: 100%; }
tr.subunit { background-color: transparent; }
tr.subunit > td { padding: 5px 0 5px 5px; background-color: white; }	/* tr transparent but td with background-color so that animation works correctly */
.subunit td.lastsubunitcolumn { padding-right: 5px; }
table.subunitcontainer { border-spacing: 0 10px; border-collapse: separate; }
.antisubunit { padding: 5px 0 5px 5px; }		/* this is like a subunit but just the spacing, and thus without any coloring */
.antisubunit td.lastsubunitcolumn { padding-right: 5px; }

.itemunit { background-color: #e3f3fb; /* padding: 5px 0 5px 5px; */ }
.tupleunit { background-color: #e3f3fb; /* padding: 5px 0 5px 5px; */ } /*d9ffd2*/

.subcontrol table { border-spacing: 5px; padding: 0; margin: 0 -5px; }

.adderbutton { left: 5px; }

.template_instance_selection { background: #008; opacity: .15; filter: Alpha(Opacity=15) !important; z-index: 2; }	/* opacity on IE 8 set to important to prevent strange opaqueness when fading. */


input.ui-widget-content, select.ui-widget-content, textarea.ui-widget-content, .ui-state-default.control_button { border-color: #dfdfe2; background: White; }
input.disabled_look, select.disabled_look, textarea.disabled_look { border-color: White; }

.context_menu_dialog { background: #f6f6f6; }

.jqgrow { background: White; }
.gridalternate { background: #f8f8f9; }


/* exclude UI controls from printing */
.debugging, .debugging_menu, .topbar, .toolbar, .buttons,  .filters, .ui-jqgrid-toppager, .ui-jqgrid-pager, .ui-jqdialog { display: none; }



/* background for expressions */
.expr-editor .rootelement { background: #f0ecfa; }
.expr-editor .et-text { background: White; }
.expr_editor_ctrl.expr_editor_expr_mode > .expr-editor { background: #f0ecfa; }
/*
.expr-editor .token { background: #f0ecfa; }
.expr-editor .et-text { background: transparent; }
.expr_editor_ctrl.expr_editor_expr_mode > .expr-editor { background: #f0ecfa; }
*/

.expr-editor .ex-unknown-var > .et-identifier { color: Red; }
.expr-editor .ex-unknown-fct > .et-identifier { color: Red; }
.expr-editor .ex-illegal-num-fct-params { background: Red; }

/* span.expr-editor {
	border-color: #E0E0E0 !important;
	border-width: 1px !important;
	padding: 1px 0 !important;
	min-height: 17px !important;
}
 */
/* .expr_editor_ctrl {
	color: black;
	border-width: 0;
	border: 1px solid #dfdfe2;
	width: 1px;
}
 */
input, select, .stepFunction, .StringValue , table.config_step {
	/* color: black; */
	border-width: 0;
	border: 1px solid #dfdfe2;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: transparent;
}
#paramdef_description { border: 0; resize: none; }

.open-icon { display: none !important; }

h1, h2, h3 {
    page-break-after: avoid;
    page-break-before: auto;
}
div.config-section {
	page-break-inside: avoid;
}
.admin_title { display: none; }
