/***
*
* Core Framework CSS Rules
* Site-wide Stylesheet
*
**/
/******************************************************
* Framework overrides
******************************************************/
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {
	margin:0 0 .5em 0;
}

.ui-jqdialog-content td.EditButton {
	display:inline-block;
}

.ui-tabs .ui-tabs-nav li:not(.hidden) {
	float:none;
	display:inline-block;	/* fixes weird wrapping when clicking on the tab when page is full of long tab names */
	/* margin:1px 0 0 0;   2022-10-11.1433 */
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-size:12px; /* 1.12 made font smaller */
}

.ui-widget-overlay {
	background:#333;
	opacity:.4;
}

a img {
	vertical-align:middle;
	margin-right:2px
}

p {
	margin:0.2em 0 0.6em;
}

.newdesign h2 {
	font-size:1.3em;
	margin:.5em 0 .75em 0;
	font-weight:bold;
	color:#333;
}

.error, .alert, .warning, .notice, .success, .info {
	padding:0.5em;
	margin:0px 0 8px 0;
}

.message {
	padding:13px 30px;
	line-height:1.4em;
}

.message:hover {
	cursor:pointer;
}

.success {
	background-color:#E8FFCF;
	border-color:#D8F5A1;
}

input, select, textarea {
	padding:4px;
}

input[type="checkbox"] {
	border:0px !important;
	vertical-align:middle;
}

select:hover, .pointer:hover {
	cursor:pointer;
}

.field, input[type="text"], input[type="date"], input[type="password"], input[type="url"], input[type="email"], input[type="number"], input[type="file"], textarea, select {
	border:1px solid rgb(174,198,214);
	padding:6px;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.field, .fw-field {
	display:inline-block;
	min-width:200px;
}

.field.autowidth, .fw-field.fw-f-cb {
	min-width:0 !important;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	-webkit-appearance: radio;
}

select {
	border:1px solid rgb(174,198,214);
	padding:4px;
}

input.error, select.error, .field.error {
	background-color:rgb(251, 227, 228); /* fix */
	border:1px solid #EF724F !important;
}

label.error {
	float:none;
	position:relative;
	left:10px;
	top:-1px;
	padding:5px;
}

input[type=radio].error, input[type=checkbox].error {
	box-shadow: 0 0 3px 3px rgb(251, 227, 228);
}

.field, input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
	border-color:#AEC6D6;
}

.jqgrow .field, .jqgrow select, .jqgrow input[type="text"], .jqgrow input[type="password"], .jqgrow input[type="url"], .jqgrow input[type="email"], .jqgrow input.text, .jqgrow input.title, .jqgrow textarea {
	border-color:#dddddd;
}

textarea {
	height:auto;
	min-height:80px;
}

ul, ol {
	padding-left:0px;
}

.prepend-half {
	padding-left:20px;
}

.inline-icon:active {
	position:relative;
	top:5px;
	left:1px;
}

.ui-jqgrid .ui-pg-button {
	border:1px solid transparent;
}

.ui-jqgrid .ui-pg-button:hover {
	border: 1px solid #AEC6D6;
	box-shadow:0 0 5px rgba(81, 203, 238, 1);
	background: #e4f1fb;
	padding:0px 1px;
}

.ui-jqgrid .draghandle span {
	margin: auto;
}

.ui-jqgrid.wrapheader .ui-jqgrid-htable th .ui-th-div {
	white-space: normal!important;
	height:auto!important;
	line-height: 1.2em!important;
}

.ui-icon.inline {
	padding:3px 8px;
}

.ui-widget {
	font-family:Arial;
	font-size:12px;
	text-align:left;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family:Arial;
	font-size:12px;
}

.ui-widget-content input.no-border {
	border:0px !important;
}

.ui-widget-content a {
	text-decoration:none;
	color:#5789B5;
}

.ui-widget-content input, .ui-widget-content select, .ui-widget-content textarea {
	color:#362B36;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border:1px solid #DDDDDD;
}

.ui-dialog-title {
	color:#2779AA;
}

.ui-dialog input {
	position:relative;
	vertical-align:middle;
}

.ui-dialog textarea {
	resize:vertical;
	width:400px;
	height:100px;
}

.ui-dialog-buttonpane {
	position:relative;
	border:0;
}

.ui-button-text-only .ui-button-text {
	padding:0;
}

.newdesign .button span.ui-button-text{
	color:#eeeeee;
}

span.ui-button-text, .newdesign .button.secondary span.ui-button-text, .newdesign #header-upper a.button.secondary {
	color:#19c!important;
	text-align:center;
}

.newdesign #header-upper a.logoutbutton {
	min-width:100px!important;
}

/* 2024-11-19.1203 remove old ui dialog rule */
.ui-dialog .ui-dialog-content {
	min-width:500px;
	padding:6px 12px 0 12px;
	font-size:1.1em;
	line-height:2em;
}

.ui-dialog .ui-dialog-content p {
	margin:0.5em 0 0.9em;
	line-height:1.6em;
}

.ui-dialog-content .chosen-search input, .ui-dialog-content .chosen-results {
	min-width:245px;
}

.ui-resizable-handle {
	display:none !important;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top:0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	text-align:center;
	overflow:hidden;
	margin-bottom:.5em; /* 2024-11-19.1028 */
}

/*
.ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog button:not(.ui-button-icon-only):hover, .ui-dialog .ui-dialog-buttonpane .submit:hover, .ui-dialog .submit:hover {
	padding:9px 14px;
}
*/

.ui-dialog .ui-dialog-titlebar  /* 2021-12-03.1403 */ {
	margin-bottom:.2em;
}

.ui-jqdialog input, .ui-jqdialog select  /* 2021-12-03.1403 */ {
		min-height: 1.5em;
		margin: 0;
}

.ui-jqdialog .ui-search-table .first   /* 2021-12-03.1403 */ {
		display:none;
}

.ui-jqdialog .opsel   /* 2021-12-03.1403 */ {
		margin: 3px 0 5px 4px;
		padding: 3px 8px;
}

.ui-jqdialog .ui-search-table .add-rule    /* 2021-12-03.1403 we moved the button via js */ {
	display:none;
}

.ui-dialog .ui-dialog-titlebar-close {
	top: 0;
	margin: 12px 5px 0px auto;
	background: none;
	border: none;
	box-shadow: none;
	right: 0px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-icon {
	right: 0px;
	top: 0;
	left: 71px;
	margin-right: 0px;
	margin-left: 0px;
}

.ui-dialog .messageslist .loadingThrobber, .ui-dialog .buttonRow > .loadingThrobber {
	display:block;
	white-space:normal;
	position:absolute;
	bottom:10px;
	max-width:150px;
	padding-left:20px;
	line-height:1.3em;
}

.ui-dialog .messageslist .loadingThrobber img, .ui-dialog .buttonRow > .loadingThrobber img  {
	position:absolute;
	left:-2px;
}

.ui-tabs .ui-tabs-nav {
	font-size:11px;
	background:url(../framework/pkgs/jqueryui/jquery-ui-1.8.12.custom/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) repeat-x scroll 0 0 #DEEDF7; /* vertical positioning fix */
}

.ui-tabs .ui-tabs-panel {
	padding:5px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor:pointer!important;
}

.ui-tabs-nav li.invalid a span {
	border-bottom:2px solid red !important;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	padding:.75em .85em;
}

/* 2022-12-08.1300 add transparent tab design option */
.tabset.transparent .ui-tabs-nav  {
	padding-bottom:1em !important;
}

.tabset.transparent .ui-tabs-tab {
	background:transparent !important;
	border:none;
	margin-bottom:0 !important;
	padding-bottom:1em !important;
	height:2em;
}

.tabset.transparent .ui-tabs-nav a {
	color:black;
	padding:.8em .8em .3em .5em !important;
}

.tabset.transparent .ui-tabs-active  a {
	border-bottom:2px solid black;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	font-weight:normal;
}

.ui-autocomplete {
	max-height:250px;
	overflow-y:auto;
	/* prevent horizontal scrollbar */
	overflow-x:hidden;
	border-radius:0 0 6px 6px;
	padding-top:5px;
	padding-bottom:1px;
	background:white;
	z-index:10100; /* important fix: needs to above overlays and dialogs, which are 9980 and autoassigned in the high 9900s */
}

.ipad .ui-autocomplete {
	overflow-y:visible !important;
	max-height:none !important;
}

.ui-autocomplete-loading {
	background:#fff url(../framework/img/icon.loading-star.gif) right center no-repeat;
}

.ui-autocomplete .ui-state-active {
	border: 1px solid #74b2e2;
	background: #e4f1fb;
	font-weight: normal;
	color:#034EA2;
}

.ui-autocomplete .ui-state-active a {
	color:#034EA2;
}

.ui-menu-item.sap_status_deleted a, .ui-menu-item.sap_status_blocked a {
	color:#ff8181 !important;
}

.ui-menu .ui-menu-item {
	white-space:nowrap; /* set autocomplete list items to nowrap */
	margin:0 0 1px;
}

.ui-menu .ui-menu-item a {
	line-height:2em;
	font-size:12px;
	/* add padding to account for vertical scrollbar */
	padding-right:20px;
	border-radius:0;
}

.ui-menu .ui-menu-item a:hover {
	cursor:pointer;
}

.ui-autocomplete :nth-child(even) {
	background-color:#F6F6FA ; /* F9F9FC */
}

.ui-jqgrid * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.ui-jqgrid tr.jqgrow {
	background-color:#fdfdff;
	background-image:none /* fix 2022-12-09.1544 */
}

.ui-jqgrid .grid-cell.smallertext {
	font-size:.9em;
}

.ui-jqgrid tr.jqgrow:hover {
	cursor:pointer;
}

.ui-jqgrid tr.footrow-ltr td {
	font-size:1.2em;
	line-height:2em;
	background:#F2F5F7;
}

.ui-jqgrid tr.jqgrow.ui-state-highlight, .ui-jqgrid tr.jqgrow.ui-state-highlight td {
	background-color:rgb(255, 239, 143);
}

.ui-jqgrid tr.jqgrow td {
	vertical-align:middle;
	padding:7px 5px 7px 5px;
	line-height:22px;
	font-size:13px;
	white-space:nowrap;
	word-wrap:inherit;
	border-color:#dddddd !important;
}

.ui-jqgrid.wrapcells tr.jqgrow td {
	vertical-align:top;
	white-space:normal;
}

td.ui-state-default.jqgrid-rownum {
	background:none;
	font-size:12px !important;
	color:#aaa;
}

.ui-search-toolbar input {
	height:14px;
}

.ui-search-toolbar select {
	height:19px;
	background:#fff;
	border-color:#AEC6D6;
}

.secondarycell {
	font-size:11px !important;
	color:#888;
}

.grid-cell.shaded {
	background-color:#f5f5f8;
}

.grid-cell.tcentered input {
	text-align:center;
	text-align: -webkit-center;
}

.ui-jqgrid tr.jqgrow:hover {
	border:1px solid #DDDDDD;
}

.ui-jqgrid tr.jqgrow td input, .ui-jqgrid tr.jqgrow td textarea {
	width:100%;
	position:relative;
	font-family:Arial;
	font-size:12px;
	padding:6px 2px!important;
	box-sizing:border-box;
}

.ui-jqgrid tr.jqgrow td select {
	width:93%;
	position:relative;
	font-family:Arial;
	font-size:12px;
	padding:6px 1px!important;
	box-sizing:border-box;
}

.ui-jqgrid tr.jqgrow td input.transparent, .ui-jqgrid tr.jqgrow td select.transparent {
	width:93%;
	border:none !important;
	padding:6px 2px!important;
}

.ui-jqgrid tr.jqgroup {
	background:rgb(64, 172, 228);
	color:#fff;
}

.ui-jqgrid tr.jqgroup td {
	line-height:2em;
	font-size:12px;
	font-weight:bold;
}

.ui-jqgrid tr.jqgroup .ui-icon {
	position:relative;
	top:3px;
}

.ui-jqgrid-bdiv {
	padding-right:17px !important;  /* VERY important - moves the vertical scrollbar so that it doesn't overlap the right-most column */
}

.ui-jqgrid-sdiv {
	margin-top:10px !important; /* add a little space above footer summary row */
}

.jqgrid-nav {
	border-top:0px;
}

.jqgrid-nav-left {
	width:auto !important;
	overflow-x: hidden; /* 2022-07-27.1148 */
}

.jqgrow a:link {
	text-decoration:none !important;
}

.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th.ui-th-column {
	border-top: 1px solid rgb(174, 208, 234);
}

.ui-jqgrid .ui-jqgrid-pager {
	padding:3px 3px 0 0 !important;
	border-top:0px;
	height:32px;
	box-sizing:border-box;
}

.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
	padding-left:8px;
}

.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea,
.ui-search-toolbar input, .ui-search-toolbar select {
	margin:0 0 1px 0; /* bug fix */
	font-size:11px;
}

.ui-search-toolbar input {
	padding:3px !important;
}

.ui-jqgrid td input {
	padding:3px 2px;
}

.ui-jqgrid-bdiv input, .ui-userdata input {
	padding:3px !important;
	margin:0;
}

.ui-jqgrid td select {
	padding:1px 2px 2px 2px; /* bug fix */
}

.ui-jqgrid .ui-userdata  /* tab header */ {
	text-align:right;
	font-weight:normal;
	display:none;
	height:31px;
}

.ui-pg-div {
	line-height:18px;
	color:#2779AA; /* ie */
}

.jqgfirstrow {
	height:0px;
	border:1px solid transparent !important;
}

.jqnullrow td, .jqnullrow th {
	height:0 !important;
	border:0 !important;
	border-right:1px solid transparent !important;
}

.ui-jqgrid-view input, .ui-jqgrid-view select, .ui-jqgrid-view textarea, .ui-jqgrid-view button {
	padding:0px;
	padding-top:1px;
}

.ui-jqgrid {
	width:100%;
	z-index:1; /* critical fix for chrome */
	overflow-x:hidden;
}

.ui-widget.ui-jqgrid {
	font-size:11px;
	margin-bottom:50px; /* to allow scroll down */
	border-width:1px 0 0 0;
}

.ui-jqgrid-view {
	width:100%;
}

.ui-jqgrid-hdiv {
	width:100%;
}

.ui-search-toolbar {
	border:1px solid #f1e1ff !important;
}

.ui-th-column {
	padding-top:4px !important;
	padding-bottom:6px !important;
}

.ui-jqgrid-labels .cbox {
	position:relative;
	top:4px;  	/* 2022-10-04.1208 fix */
	left:-1px;
}

.ui-jqgrid .loading {
	top:130px;
}

.jqgrow a {
	color:#1769CA !important; /* new */
	line-height: 20px; /* new */
}

.jqgrow a.button {
	color:#eee  !important;
}

.jqgroup td:hover {
	cursor:pointer;
	background-color:#f1f1f1;
}

.jqgroup td {
	background-color:#f1f1f1;
}

tr.jqgroup td {
	color:#333;
	font-weight:bold !important;
	font-size:11px;
	padding:5px !important;
	line-height:16px;
}

tr.jqgroup span.ui-icon {
	margin-right:5px;
}

.ui-jqgrid .ui-jqgrid-htable {
	overflow:hidden;
}

.ui-jqgrid .ui-jqgrid-htable th {
	height:30px;
	font-weight:normal;
}

.ui-jqgrid .ui-search-toolbar th {
	border-bottom:none!important;
}

.jqgrow.invalid, .jqgrow.not_found_in_sap {
	background:#FFE9E9 !important;
}

.jqgrid-nav-center {
	width:0px;
}

.jqgrid-nav-right {
	width:250px;
}

.jqgrid-nav-right .ui-pg-selbox {
	display:inline-block;
}

.jqgridcolumnchooser select {
	max-width:95%;
}

.FormGrid {
	width:auto !important;
}

.EditTable {
	border-collapse:collapse;
}

.EditTable td {
	padding-top:8px !important;
}

.EditTable td.ui-state-error {
	padding-top:2px  !important;
}

.ui-jqgrid tr.ui-search-toolbar td > input, .ui-jqgrid tr.ui-search-toolbar td > select {
	width:100%;
	border-radius:0;
}

.ui-jqgrid tr td > input, .ui-jqgrid tr td > select {
	border-radius:0;
}

.ui-jqgrid .ui-search-table td.ui-search-clear {
	display:none;
}

.ui-jqdialog {
	position:fixed; 																		/* 2025-04-30.1311 positioning and height fixes below */
	top:45% !important;
	left:50% !important;
	transform: translate(-50%, -50%) !important; /
	min-width:680px;
	min-height:140px;  		  														/* 2025-04-30.1311 positioning and height fixes */
}

.ui-jqdialog-content #infocnt {   										/* 2025-04-30.1311 */
	padding-top:1em;
		font-family: system-ui;
	font-size:1.3em;
}

.ui-jqdialog-content #info_id .ui-widget-content {  	/* 2025-04-30.1311 */
		border: 0 !important;
}

.jqeditdialogpage .ui-jqdialog {  /* fix: add this class to pages where editing is needed */
	height:520px !important;
}

.ui-jqdialog.deletedialog, #alertmod {
	min-width:400px;
	max-height:150px;
}

.ui-jqdialog form {
	display:block;
	overflow:auto !important;
	height:420px !important;
}

.ui-resizable-handle {
	position:relative;
	float:right;
}

.ui-state-error .condense_control {
	color:white;
}

.ui-pg-table {
	float:right;
}

.ui-pg-div {
	white-space:nowrap !important;
	overflow:hidden !important;
}

#Act_Buttons .navButton {
	display:none;
}

table.topalign th, table.topalign td {
	vertical-align:top;
}

table.tleft th, table.tleft td {
	text-align:left;
}

table.trimleft th:first-child, table.trimleft td:first-child {
	padding-left:0 !important;
}

.ui-jqdialog-content input.FormElement[type="text"] {
	padding:5px;
	border-radius:2px;
	min-width:380px;
	text-align:left;
}

.ui-jqdialog-content textarea {
	min-width:70%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width:auto;
	margin:2px;
}

.ui-datepicker-buttonpane button {
	min-width:90px!important;
	opacity:1!important;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.notselectable, .jqgrid-nav-left {
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}

option.blank {
	color:#ccc !important;
	font-style:italic !important;
}

.ui-widget-content input[type="checkbox"] {
	min-width:0;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	line-height: 2.8em;
	margin-top: 2px;
	padding-left: 25px;
	position: relative;
}

.ui-accordion .ui-accordion-content-active {
	margin-bottom: 3px;
}

.ui-jqgrid-sdiv.top-location {
	margin-top:0 !important;
	border-bottom:1px solid #ccc;
}

.ui-jqgrid-sdiv.top-location tr.footrow-ltr td {
	padding-top:4px;
	padding-bottom:3px;
}

.ui-jqgrid .table-description {
	font-size:10px;
	font-weight:normal;
	padding:8px !important;
	color:#2779AA;
	border:1px solid #AED0EA;
	border-width:1px 1px 0 1px; /* frmkw update fix */
	line-height:1.5em;
}

.ui-jqdialog-content select[multiple] {
	min-height:100px; /* fix */
}

#header .message {
	border-width:0 0 1px 0;
	margin-bottom:0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {       /* changes in padding/margin were causing tabs to move around when new tabs were selected */
	padding-bottom: 0px!important;
	margin-bottom: 1px!important;
}

.ui-tabs .ui-tabs-nav li.right {
	margin-left:3px; /* fix */
}

.ui-tabs-nav .ui-icon {
	display:inline-block;
	cursor:pointer;
}

.jHtmlArea iframe {
	min-height:170px;
	padding:0;
	border-width:2px;
	max-width:800px;
	width:100%;
	display:block; /* fix*/
	clear:both; /* fix*/
	resize:both; /* fix */
}

div.jHtmlArea .ToolBar ul li.separator {
	display:none;
}

.cell-ui-pg-input, .cell-ui-pg-selbox {
	display:inline-block;
	padding-top:1px !important;
}

.ui-jqgrid tr.jqgrow:not(.ui-state-highlight) .grid-cell.shadedbg {
	background-color:#f3f3f3 !important;
}

.grid-cell  .ui-icon {
	margin:auto; /* center drag drop icon */
}

.ui-dialog {
	min-width:800px; /* fix so that textareas full show */
	z-index:1001; /* so floats above header bar */
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0;
}

.ui-pg-table input, .ui-pg-table select {
	font-size:10px !important;
	border:1px solid rgb(174,198,214) !important;
}

.ui-jqgrid .ui-pg-button {
	height:19px !important;
}

.ui-jqgrid .ui-pg-input {
	padding:2px;
	line-height:14px;
}

.ui-jqgrid .ui-pg-selbox {
	padding:0px 2px 0px 2px;
}

.ui-jqgrid .ui-pg-table td {
	line-height:1.8em;
}

.ui-jqgrid .ui-userdata {
	border-bottom:0;
	box-sizing:border-box;
}

.ui-tabs-tab:hover {
	cursor: pointer;
}

.ui-jqgrid .ui-userdata, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-pager {
	border-left:1px solid #aed0ea !important;
	border-right:1px solid #aed0ea !important;
	box-sizing:border-box;
	line-height:22px;
}

.ui-jqdialog-content select
{
	min-width:80px;
	min-height: 2em;
}

.ui-jqdialog-content input[type="text"]
{
	min-width:325px;
	min-height: 2em;
}

.prettycheckbox>a.disabled {
	background-color:transparent !important;
	border:none !important;
}

.fieldset-row .disabledselecttext {
	line-height: 1.3em !important;
	padding: 3px 3px 3px 0;
	margin: 6.5px 0;
	display: inline-block;
}

.EditTable td textarea {
	max-width:80%;
}

.ui-search-table .add-rule {
	margin-left:5px;
}

table.tablesorter tbody td {
	font-size:1.1em;
}

tfoot {
	font-style:normal;
}

.chosen-container-single .chosen-default, .chosen-container-single .chosen-default:hover {
	color:#666 !important; /* 202510151228 */
}

.prettycheckbox>a {
	margin:.5em 0 0 0; /* 2024080401 */
}

.prettycheckbox.clearfix:before {
	display:none; /* 2024080401 */
}

.jqgrid-nav-left .ui-pg-div {  /* 20250728.1236 */
	font-size: 1.1em;
}

/******************************************************
* Container
******************************************************/
#container-wrapper-for-quirks-mode {
	/* as per http://blog.extjs.eu/know-how/how-to-center-an-element-in-quirks-mode */
	text-align: center;
	padding:0px;
	margin:0px;
}

#container {
	font-family:Arial;
	width:100%;
	text-align: left;
}

/******************************************************
* Global
******************************************************/
* {
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent; /* no flicker on tap ios */
}

html {
	height:100%;
	padding:0;
	margin:0;
}

body {
	height:100%;
	font:75% Arial,Lucida Grande,Lucida Sans,sans-serif;
}

.fullheightpage  #container-wrapper-for-quirks-mode, .fullheightpage #container {
	height:100%;
}

a, .condense_control {
	color:#2779AA;
	text-decoration:none;
	line-height:inherit;
	/* remove: breaks inline links line-height:15px; fix links in messages */
}

a.emphasize {
	color:#2779AA;
	font-weight:bold;
}

a:hover, a:active {
	color:#034EA2 !important;   /*#2779AA;*/
	text-decoration:underline;
}

a.button, a:link.button {
	color:#eee !important;
}

a.button:hover, a:link.button:hover,
a.button:active, a:link.button:active {
	text-decoration:underline;
	color:#eee !important;
	background:#3876BB !important;
	font-weight:normal !important;
}

input, select, textarea, button, .ui-button, .itemsbox, .itemsbox a, .chosen-container, .field {
	font-size:12px;
	font-family:arial;
	outline:none;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.modaloverlaycontent input, .modaloverlaycontent select, .modaloverlaycontent textarea, .modaloverlaycontent button, .modaloverlaycontent .ui-button, .modaloverlaycontent .itemsbox, .modaloverlaycontent .itemsbox a, .modaloverlaycontent .chosen-container, .field {
	font-size:13px;
}

.buttonRow {
	/*margin-top:10px;
	margin-bottom:10px;*/
	position:relative;
	background:#F2F2F2;
	padding:10px 4px 15px 4px;
}

.buttonRow.top, .buttonRow.mobiledocktop {
	margin-top:2px;
	border:1px solid #eee;
	padding:0;
}

.buttonRow-inner {
	margin:10px 14px;
}

.buttonRow.docktop {
	background:#fff;
	border:0;
}

.buttonRow.dockedtotop {
	z-index:1000;
}

.win .buttonRow.dockedtotop, .mac .buttonRow.dockedtotop {
	border-bottom: 1px solid #eee;
	position: fixed;
	top: 0;
	left: 0;
	margin:0;
	width:100%;
	box-sizing:border-box;
}

.indented {
	margin-left:12px;
}

.indented.right {
	margin-right:12px;
}

.indentedmore {
	margin-left:30px;
}

.indentedmore.right {
	margin-right:30px;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border:none;
}

fieldset, .card {
	position:relative;
	padding:15px;
	margin:8px;
	font-size:100%;
	background:white;
}

.ui-dialog fieldset {
	box-shadow:none;
	margin:8px 0;
}

.card-content {
	background:#fafafa;
	border:1px solid #d2dAe4;
	padding:25px 45px;
}

hr, fieldset hr {
	background:none;
	margin:12px 0;
	border:0;
	border-bottom:1px solid #f3f3f3 !important;
}

.card-title {
	font-weight:bold;
	font-size:16px;
	padding-bottom:4px;
	border-bottom:1px solid #ccccdd;
	margin-bottom:8px !important;
	margin-top:12px;
}

.card-title.lg {
	font-size:22px;
}

.page-title {
	margin:1.3em 0 .8em 0 !important;
	font-weight: bold;
	font-size: 20px;
	padding: 0 0 .3em 0;
}

.page-title.border {
	border-bottom:1px solid #666;
}

.section-title {
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #ccccdd;
	margin-bottom:8px;
	margin-top:18px;
	padding-left:0; /* new: 0 old: 2px */
	color:#626262;
}

.section-title-large {
	font-size:1.4em;
	font-weight:bold;
	border-bottom:1px solid #ccccdd;
	margin-bottom:8px;
}

.section-subtitle {
	font-size:12px;
	font-weight:bold;
	color:#111;
	padding:10px 8px 8px 0px;
}

.section-intro {
	font-size:11px;
	padding:8px 0 10px;
}

fieldset br {
	clear:left;
}

button, .button, .submit, .ui-button, .reset {
	display:inline-block;
	position:relative;
	width:auto;            /* critical IE 7 button width fix - part 2 of 2 */
	top:0px;
	left:0px;
	padding:8px 7px;
	border:1px solid rgb(174,198,214);
	overflow:visible;      /* critical IE 7 button width fix - part 1 of 2 */
	cursor:pointer;
	-webkit-appearance:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

button:hover, .button:hover, .ui-button:hover {
	text-decoration: underline;
}

.buttonRow button, .buttonRow .button, .buttonRow .submit, .buttonRow .ui-button, .buttonRow .reset {
	position:relative;  /* ie displays buttons lower than submits */
	font-size:12px;
	top:0px;
	padding:8px 24px;
	margin-right:4px;
	min-width:85px;
	color:#2779AA;
	font-weight:bold;
	border-radius:2px;
	vertical-align: middle;
}

.buttonRow.black * {
	color:inherit;
	font-weight:normal;
}

.buttonRow button:hover, .buttonRow .button:hover, .buttonRow .submit:hover, .buttonRow input[type="submit"]:hover, .buttonRow .ui-button:hover {
	padding:7px 23px;
}

.submit.disabled:hover, .button.disabled:hover, button.disabled:hover, input[type="submit"].disabed:hover, .ui-button.disabled:hover, input[type="reset"].disabled:hover,
.submit.readonly:hover, .button.readonly:hover, button.readonly:hover, input[type="submit"].disabed:hover, .ui-button.readonly:hover, input[type="reset"].readonly:hover,
.submit[disabled="disabled"]:hover, .button[disabled="disabled"]:hover, button[disabled="disabled"]:hover, .ui-button[disabled="disabled"]:hover, input[type="reset"][disabled="disabled"]:hover
{
	position:relative;
	border:2px solid #ddd !important;
}

.smallbutton {
	padding:.5em;
	background:#eee;
	border:1px solid #ccc;
	width:auto;
	display:inline-block !important;
	color:#333;
	font-weight:bold;
	cursor: pointer;
}

.buttonRow .disabled, .buttonRow .disabled:hover {
	border:1px solid #ccc !important;
	padding:8px 24px !important;
}

label, span.inline {
	float:left;
	width:170px;
	position:relative;
	font-weight:normal;
	color:#565657;
	font-size:12px;
	vertical-align:middle;
}

/* fix to provide a way to place note next to a field */
label, span.inline, .fieldcontainer .inlineblock {
	margin:0.5em 0;
	padding:3px 3px 3px 7px;
}

.fieldcontainer-outer {
	clear:both;
}

fieldset .fieldcontainer-outer, .fieldset-row {
	clear:both;
	margin-right:5px;
	/* JP 8/26/14: margin-left:5px; */
	min-height:20px;
}

.fieldcontainer label, .fieldcontainer.fieldtypestring {
	line-height: 1.5em;
}

.fieldcontainer.fieldtypestring {
	/* fixes below: */
	padding-top:8px;
	padding-bottom:3px;
	margin:.5em 0;
}

.fieldcontainer-outer .prettycheckbox {
	/*OC: margin-top:8px; 202312191438 - this bumps down too far in system report filter bar */
	margin-bottom:8px;
}

fieldset .fieldcontainer, fieldset .indented, .card-content-buttonrow {
	margin-left:5px !important;
}

fieldset .fieldcontainer-outer.no-label > .fieldcontainer,
fieldset .fieldcontainer-outer.thinlabel > .fieldcontainer {
	margin-left:0 !important;
}

fieldset .thinlabel label {
	width:auto;
	margin-right:6px;
}

fieldset .fieldgroup .fieldcontainer-outer, .fieldgroup .fieldcontainer-outer {
	display:inline-block;
	margin-left:0 !important;
	margin-right:8px;
	white-space:nowrap;
}

.fieldgroup .fieldcontainer-outer:not(:first-child) label {
	width:auto !important;
	min-width:30px;
}

.ui-dialog label {
	width:110px;
}

.ui-dialog fieldset .fieldcontainer, fieldset .indented {
	margin-left:110px !important;
}

fieldset .indented {
	margin-left:170px !important;
}

label.thin {
	width:80px;
}

label.med-wide {
	width:180px;
}

label.wide {
	width:200px;
}

label.inline, span.inline, img.inline {
	float:none;
	left:0px;
	padding:5px 5px;
	vertical-align:middle;
}

label .required, span.required {
	color:rgb(205,20,40);
}

span.inline {
	width:150px;
}

input, select, textarea, button, .field, .fieldtypetextarea {
	margin-top:0;         	/* auto causes problems in flexboxes */
	margin-bottom:6px;
	margin-left:initial;
	margin-right:initial;
}

.fw-field, input[type=text].fw-field, input.fw-field, textarea.fw-field, select.fw-field {
	margin-top:0;         	/* auto causes problems in flexboxes */
	margin-bottom:0;
	margin-left:initial;
	margin-right:initial;
}

pre {
	white-space:pre-wrap; /* css-3 */
	white-space:-moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
	word-wrap:break-word; /* Internet Explorer 5.5+ */
}

li {
	list-style-type:none;
}

sup {
	font-size:70%;
}

a.showhide {
	position:relative;
	top:.05em;
	padding-bottom:2px;
	text-decoration:none;
	clear:left;
	display:block;
	margin-top:10px;
}

.showhide .ui-icon, .show-hide-toggle .ui-icon {
	margin-right:3px;
	position:relative;
	top:-2px;
}

.fieldnote {
	margin-left:18px;
	font-size:12px;
}

.small-note {
	font-size:12px;
	color:#aaa;
	margin:0 5px 5px 5px;
	font-weight:normal;
}

.hint-blurred {
	color:#ccc;
	font-style:italic;
}

.ui-tabs.thin .ui-tabs-nav li {
	line-height:1em;
}

.ui-jqgrid.selectable .jqgrow:hover {
	cursor:pointer;
}

select.small {
	font-size:10px;
}

.larger {
	font-size:110%;
}

.noclear {
	clear:none;
}

.noborder {
	border:none !important;
}

.helptext {
	float:left;
	background:url(../framework/img/icon.info.png) no-repeat left center;
	min-width:17px;
	min-height:17px;
	margin-right:3px;
	margin-top:3px;
}

.helptext:hover, .pointer:hover {
	cursor:pointer;
}

label .helptext {
	float:none;
	display:inline-block;
	margin-left:4px;
	margin-top:5px;
}

.checkboxtext {
	padding-left:8px;
}

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

.checkboxlistinputcontainer, .radiolistinputcontainer {
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}

.checkboxlist .checkbox {
	min-width:0;
}

.checkbox, .radio {
	min-width:10px;
	display:inline-block;
	vertical-align:middle;
}

.checkbox:hover, .radio:hover, .radiobutton:hover {
	cursor:pointer;
}

.checkboxlistlabel, .radiolistlabel {
	margin-left:4px;
	width:auto !important;
}

.radiolistlabel input {
	margin-right:8px;
}

.checkboxlist .values {
	line-height:1.6em;
	display:flex;
	flex-direction:column;
}

.checkboxlist.scrolling .values {
	border:1px solid #ccc;
	padding:5px 8px;
	width:300px;
	height:150px;
	overflow-y:scroll;
}

.radiobutton {
	min-width: 30px;
}

.tabset {
	visibility:hidden;
	min-height:600px; /* fixes tabs moving due to scroll bar showing/hiding */
}

#dialog-intro, .dialog-intro {
	padding: 5px 0 15px;
	font-size:13px;
	color:#666;
}

select.placeholderoptionselected {
	color:rgb(187,169,169);
}

select.placeholderoptionselected option {
	color:black;
}

label.bold span {
	font-weight:bold;
}

tr.bold td {
	font-weight:bold;
}

tr.bolder td {
	font-weight:bolder;
}

/******************************************************
* General purpose classes
******************************************************/
.disabled, .readonly {
	background-color:#f3f3f3 !important;
	border:1px solid rgb(198,198,198);
}

table.lined {
	border-width:1px 0px 0px 1px;
	border-style:solid;
	border-color:rgb(198,222,240);
}

table.lined.empty {
	border:none;
}

table.lined td, table.lined th {
	padding:6px;
	background:rgb(249,250,251);
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:rgb(198,222,240);
}

table.centeredcells td, table.centeredcells th {
	text-align:center;
}

table.lined th, table.lined tr:nth-child(even) td, table.lined tr.even td {
	background:rgb(251,252,253);
}

table.lined.empty th, table.lined.empty td {
	border:none;
	background:none;
}

.separated {
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:rgb(198,222,240);
}

.bordered {
	border:1px solid #DCE6F2;
	border-radius:4px;
}

.bare {
	text-decoration:none;
	list-style-type:none;
	border:none;
}

.shaded {
	background-color:#F7F9FA;
}

.dialogpage .shaded {
	background-color:#F2F2F2;
}

.centered {
	margin-left:auto !important;
	margin-right:auto !important;
}

.baseline {
	vertical-align: baseline;
}

.middle {
	position:relative;
	top:.5em;
}

.padded {
	padding:5px 6px;
}

.fw-ts.padded {
	padding:0;
}

.pad-right {
 margin-right:7px !important;
}

.pad-left {
 margin-left:7px !important;
}

.pad-top {
 padding-top:1.5em !important;
}

.padded-y {
	padding-top:5px !important;
	padding-bottom:5px !important;
}

.padded-x {
	padding-left:5px;
	padding-right:5px;
}

.spaced-top {
	margin-top:10px !important;
}

.spaced-top-more {
	margin-top:20px !important;
}

.spaced-botttom {
	margin-bottom:10px !important;
}

.spaced-botttom-more {
	margin-bottom:20px !important;
}

.spaced-y {
	margin-top:10px  !important;
	margin-bottom:15px  !important;
}

.spaced-y-more {
	margin-top:30px !important;
	margin-bottom:30px !important;
}

.spaced-x {
	margin-left:30px !important;
}

.space-children > * {
	margin-bottom:.8em;
}

.space-children-x > * {
	margin-right:.4em;
}

.inline {
	display:inline;
}

.red {
	color:#e10000;
}

.blue {
	color:#87B9E5;
}

.medium-blue {
	color:#034EA2;
}

.redborder {
	border:1px solid red;
}

.black {
	color:black;
}

.block {
	display:block;
}

.inlineblock {
	display:inline-block;
}

.hidden, .field.hidden {
	display:none;
}

.invisible {
	visibility:hidden;
}

.right {
	float:right;
	margin-left:.3em;
}

.left {
	float:left;
}

.nomaxwidth {
	max-width:none !important;
}

.clear {
	clear:both;
}

.nullelement {
	padding:0 !important;
	margin:0 !important;
	width:1px;
	height:1px;
}

.tleft {
	text-align:left !important;
}

.tright {
	text-align:right !important;
}

.tcenter, .center {
	text-align:center !important;
}

.border-top {
	border-top:1px solid #ccc;
}

.nopad {
	padding:0 !important;
}

a.secondary:link, a.secondary:active, a.secondary:visited {
	color:#5789B5;
}

.secondary {
	color:#7F7F7F;
}

.emphasize, .bold {
	font-weight:bold;
}

.unbold {
	font-weight:normal !important;
}

.underline {
	text-decoration: underline;
}

.no-border {
	border:0px !important;
}

.underline-wavy {
	text-decoration:underline;
	text-decoration-style:wavy;
	text-decoration-thickness:1px;
	text-decoration-color:#999;
}

table.no-border {
	border:0px !important;
}

table.no-border td {
	border:0px !important;
}

.no-float {
	float:none;
}

.small-shadow {
	-moz-box-shadow:2px 2px 4px #898999;
	-webkit-box-shadow:2px 2px 4px #898999;
	box-shadow:2px 2px 4px #898999;
}

.shadow {
	-moz-box-shadow:4px 5px 10px #898999;
	-webkit-box-shadow:4px 5px 10px #898999;
	box-shadow:4px 5px 10px #898999;
}

.big-shadow {
	-moz-box-shadow:4px 5px 10px #898999;
	-webkit-box-shadow:4px 5px 10px #898999;
	box-shadow:4px 5px 10px #898999;
}

.left-shadow {
	-moz-box-shadow:-10px 10px 10px #eee;
	-webkit-box-shadow:-10px 10px 10px #eee;
	box-shadow:-10px 10px 10px #eee;
}

.no-shadow {
	-moz-box-shadow:0 !important;
	-webkit-box-shadow:0 !important;
	box-shadow:0 !important;
}

.no-float {
	float:none;
}

.bump-up {
	position:relative;
	top:auto;
	bottom:0.3em;
}

.bump-up.less {
	bottom:0.1em;
}

.bump-up-more,.bump-up.more {
	position:relative;
	bottom:0.8em;
}

.bump-down {
	position:relative;
	top:.5em;
}

.bump-down.half {
	top:.25em;
}

.bump-down.double {
	top:1em;
}

.bump-left {
	position:relative;
	left:-.5em;
}

.bump-left-more {
	position:relative;
	left:-2em;
}

.bump-right {
	position:relative;
	left:.5em;
}

.nowrap {
	width:auto !important;
	white-space:nowrap !important;
}

.wrap {
	white-space:normal !important;
}

.autowidth {
	width:auto !important;
	min-width:0 !important;
	max-width:600px !important;
}

.cleared {
	position:inherit;
	float:none;
}

.instruction {
	color:#cccccc !important;
}

.transparent {
	border:0px !important;
	background:none !important;
}

.no-margins {
	margin:0px !important;
}

.pad-left {
	padding-left:8px;
}

.fixed {
	position:fixed;
}

.state-scrolled .fixwhenscrolled {
	position:fixed;
	top:0;
	left:0;
	background:white;
	padding:.5em 3em .5em .5em;
	width:100%;
	z-index:999;
	box-sizing:border-box;
}

.relative {
	position:relative;
}

.resize-y {
	resize:vertical;
}

.resize-x {
	resize:horizontal;
}

.top, .vtop {
	vertical-align:top !important;
}

.middle {
	vertical-align:middle !important;
}

.bottom {
	vertical-align:bottom !important;
}

.nominwidth {
	min-width:0 !important;
}

.nominheight {
	min-height:0 !important;
}

.gray {
	color:#ccc;
}

.dkgray {
	color:#555;
}

.hint {
	color:#87A9C5 !important;
}

.load, .clickable, .pointable {
	cursor:pointer;
}

.notselectable {
	color:#666;
	-ms-touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.small {
	font-size:11px !important;
}

.titlecase {
	text-transform: capitalize;
}

.unselectable, label, button, .submit, .button, .ui-button, #header-upper, #footer, .buttonRow {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.selectable {
	-webkit-touch-callout:auto;
	-webkit-user-select:auto;
	-khtml-user-select:auto;
	-moz-user-select:auto;
	-ms-user-select:auto;
	user-select:auto;
}

.width100 {
	width:100px !important;
}

.width150 {
	width:150px !important;
}

.width200 {
	width:200px !important;
}

.width250 {
	width:250px !important;
}

.width300 {
	width:300px !important;
}

.width350 {
	width:350px !important;
}

.width400 {
	width:400px !important;
}

.width500 {
	width:500px !important;
}

.width600 {
	width:600px !important;
}

.width650 {
	width:650px !important;
}

.width700 {
	width:700px !important;
}

.width800 {
	width:800px !important;
}

.width-xs {
	min-width:0 !important;
	width:5em;
}
.width-sm {
	min-width:0 !important;
	width:10em;
}
.width-md {
	min-width:0 !important;
	width:20em!important;
}
.width-lg {
	min-width:0 !important;
	width:30em!important;
}
.width-xl {
	min-width:0 !important;
	width:45em!important;
}
.width-full {
	width:100%;
}
.width-full .fw-fc-field {
	width:100%;
}
.width-auto {
	width:auto;
}

@media (max-width:650px) {
	.width100 .width150, .width200, .width250, .width300, .width350, .width400, .width500, .width600, .width650, .width700, .width800 {
		width:auto !important;
	}
}

.table {
	display:table;
	table-layout:fixed;
	width:100%;
}

.tablerow {
	display:table-row;
	min-height:10px;
}

.tablecell {
	display:table-cell;
}

.separator {
	width:80%;
	margin:0 auto 20px auto;
	display:block;
	padding-top:20px;
	border-bottom:1px solid #cbd2d6;
}

.intro, .paragraph {
	padding:8px 0 10px 0; /* proposed change jp 2018/03/18 */
}

.min100 {
	min-width:100px !important;
}

.min200 {
	min-width:200px !important;
}

.min400 {
	min-width:400px !important;
}

fieldset .field:focus, .highlightfocusedfield .field:focus, input:focus, textarea:focus, select:focus
/* jp proposed do this this unversally for grid editing as well mmgs */ {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border-color: rgba(81, 203, 238, 1);
}

fieldset .field.noshadow {
	box-shadow:none !important;
}

.blurb {
	margin:1.2em 0 1em 0;
	color:#4a4a4a;
	line-height:1.35em;
	font-weight:bold;
	font-size:1.2em;
}

/******************************************************
* 'Other' select field groups
******************************************************/
.otherfields {
	margin-top:8px;
}

/******************************************************
* Popups
******************************************************/
.popup {
	position:relative;
	background:none repeat scroll 0 0 white;
	border:3px solid #5799E7;
	border-radius:4px 4px 4px 4px;
	left:50%;
	margin-left:-400px;
	margin-top:-100px;
	padding:20px;
	position:fixed;
	top:50%;
	width:700px;
	z-index:999;
}

.popup .ui-icon-close, .window-icon {
	position:absolute;
	right:8px;
	top:6px;
	border:1px solid #DCE6F2;
	border-radius:4px;
}

.popup .ui-icon-close:hover, .window-icon:hover {
	cursor:pointer;
}

/******************************************************
* Calendar
******************************************************/
.calendar {
	margin-top:10px !important; /* override */
}

.calendar .status {
	display:block;
}
.calendar a {
	text-decoration:none;
}
.calendar {
	width: 100%;
	min-width: 748px;
	margin: 15px 0;
	font-size:13px;
}
.calendar caption {
	position: relative;
	padding: 5px 10px 5px 10px;
	background: none repeat scroll 0 0 rgb(85,141,194); /*#4C93BB;*/
	color: #fff;
	text-shadow: 0 0 0 transparent, 0 1px 1px #00659E;
	font-size: 16px;
}
.calendar caption a {
	color: #fff;
}
.calendar tr th {
	text-align: center;
	background: #C0D9E7;
	border:1px solid #666;
	border-left:none;
	color: #444;
	text-transform: uppercase;
	padding: 5px;
	font-weight:normal;
}
.calendar tr th:first-child {
	border-left:1px solid #666;
}
.calendar tr td {
	background:#F9FAFB;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	vertical-align: top;
	height:120px;
	width: 13%;
}
.calendar tr td:first-child {
	border-left: 1px solid #666;
}
.calendar tr td.empty {
	background:#ddd;
}
.calendar-event {
	border:1px solid #666;
	border-top:none;
}
.calendar-event:first-child {
	border-top:1px solid #666;
}
.calendar tr td ul {
	margin: 2px 0 0;
	min-width: 110px
}
.calendar tr td li {
	padding:3px;
	font-size:12px;
}
.calendar .itemslist {
	min-height:80px;
}
.calendar h3 {
	margin-bottom:8px;
}
.calendar h3 a {
	color: #444;
}
.calendar h3 a:hover {
	color: #4F4F4F;
}
.calendar .progress {
	display: block;
	float: left;
	color: #4F4F4F;
	padding: 2px;
	width: 120px;
}
.calendar .squares {
	padding: 3px 0 0;
	margin: 0 0 0 15px;
	float: right;
}
.calendar.showdaily .current-caption {
	border-right:none;
	width:100%;
}
.calendar .next, .calendar .prev {
	text-indent: -999px;
	overflow: hidden;
	width: 20px;
	border:0;
	line-height:3.5em;
}
.calendar .next img, .calendar .prev img {
	max-height:28px;
}
.calendar .next:hover, .calendar .current:hover, .calendar .prev:hover {
	background-color: rgb(85,141,194);
}
.calendar .prev {
	margin:0 2px;
}
.calendar .current {
	font-size:16px;
	margin-left:4px;
}
.calendar .current:hover {
	color:white !important;
}
.calendar td {
	border:1px solid #eee;
}

@media (max-width:650px) {
	.calendar tr td {
		width:1%;
	}
	.calendar {
		min-width:0;
		font-size:13px;
	}
	/* show the daily calendar view instead of the monthly */
	.calendar-dailyview {
		display:block;
	}
	.calendar-monthlyview {
		display:none
	}
	.calendar .status {
		float:none;
		display:inline-block;
	}
}

/******************************************************
* Overlays
******************************************************/
#overlays {
	font-size:13px; /* 18 causing more harm than good */
}

.modaloverlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	max-height: 100vh;
	width:100vw; 									/* 2024-05-31.1151 - set to 100% of view width */
	z-index:9980;
	overflow-y:scroll;
	border:2px solid #bbb;
	background:white;
	box-sizing:border-box;
}

.modaloverlay .contentblock {
	line-height:1.5em;
}

.modaloverlay .contentblock.reducedsize {
	font-size:12px;
}

.modaloverlaycontent .fw-fg-title {
	margin-top:1em;
}

#overlay-loading.modaloverlay {
	z-index:100000;
}

.modaloverlaycontent {
	position:relative;
	z-index:9995;
	padding:3% 1% 0% 1%; 					/* 2024-05-31.1011 mobile first */
	box-sizing:border-box;
	/* overflow-x:hidden; causign problems in overlays */
}

html.ipad .modaloverlaycontent {
	padding:20px !important;
}

.modaloverlay.popupoverlay, .modaloverlay.transparent {
	background:transparent;
}

.modaloverlay.popupoverlay .modaloverlaycontent {
	position:relative;
	top:20%;                 	 	/* 2023-05-24.1117 proposed for large content */
	margin:0 auto 0 auto;
	min-height:25%;		/* 2024-05-31.1213 */
	width:50%;
	min-width:30%;
	max-width:95%;
	min-height:300px;
	padding:20px;
	background:white;
	border:1px solid #bbb;
	word-break: break-all;	/* 2025-11-11.1321 so long lines with no spaces wrap */
	overflow-x:hidden;
}

.modaloverlay td {
	vertical-align: top;
}

.modaloverlay .modaloverlaybackground /* for popupoverlays */ {
	z-index:9990;
	position:fixed; /*changed from absolute*/
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	pointer-events:none;
}

.modaloverlaycontent.maxcontent {
	 padding:2% 2%;
}

.modaloverlaycontent.tall {
	 padding-top:5%;
}

.modaloverlaycloseimg, .vuemodaloverlay .icon-closex {
	float:right;
	padding:1%;
	position:relative;
	z-index:9999;
	margin:0 4px;
}

#overlay-popup .modaloverlaycloseimg {
	position:sticky;		/* fix */
	top:-10px;
	right:-10px;
	margin-top:-10px;
}

.modaloverlay .fieldcontainer-outer {
	margin-bottom:12px;
}

.modaloverlay label {
	font-size:18px;
	font-weight:normal;
	line-height:2.5em !important;
}

.modaloverlay .fw-cbl label {
	line-height:auto !important;
}

.modaloverlay .field {
	font-size:18px;
	font-weight:normal;
}

.modaloverlaybuttondiv {
	clear:both;
	text-align:center;
	z-index:300;
	margin-top:5px;
	margin-bottom:5px; /* to reduce white space @ overlay bottom */
}

.modaloverlaybuttondiv .button {
	display:inline-block;
	z-index:300;
	font-size: 15px;
	background: #009cde;
	color: white;
	border-radius: 6px;
	box-shadow: none;
	font-weight: normal;
	padding: 12px 50px;
	border: 1px solid white !important;
	white-space: nowrap;
	margin-right:8px;   /* proposed jp 3/4/20 provide more room */
}

.modaloverlay .overlay-title {
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-size:1.3em;
	margin-bottom:30px; 	/* 2023-09-19.1452 */
}

.modaloverlay .messageslist {
	position:fixed;
	width: 100%!important;
	z-index: 99999;
	left: 0;
	top:0!important;
	margin:0!important;
	font-size:15px;
}

.modaloverlay .ui-tabs .ui-tabs-panel {
	padding:10px !important;
}

.modaloverlay .ui-tabs .ui-tabs-nav, .modaloverlay .ui-widget-content {
	background:transparent !important;
}

.modaloverlay form.center label, .modaloverlay form.center .fieldcontainer {
	float:none;
	display:inline-block;
}

.modaloverlay form.center {
	text-align:center;
}

.modaloverlay .checkbox {
	margin-top: .2em !important; /* fix for pretty checkboxes */
	height: 20px!important;
}

.modaloverlayspacedcontent .overlay-title {
	margin-bottom:25px;
}

.modaloverlayspacedcontent .modaloverlaybuttondiv {
	margin-top:18px;
}

.modaloverlaycontent .intro {
	font-size:16px;
	margin-bottom:25px;
	line-height: 1.4em;;
}

/******************************************************
* Stage
******************************************************/
#stage {
	padding:5px;
	min-width:760px;
}

#precontent {
	padding:0 9px;
}

#content {
	padding:0 9px;
}

/******************************************************
* Messages
******************************************************/
.message {
	background-position:8px 9px;
	background-repeat:no-repeat;
	padding:10px 30px;
	color:#333333;
	line-height:1.4em;
}

.message.vcenter {
	background-position:8px center;
}

.message.error {
	background-image:url(../framework/img/icon.error.png);
}

.message.alert, .message.warning {
	background-image:url(../framework/img/icon.alert.gif);
	background-color:#FFF6BF;
	border:2px solid rgb(255, 234, 90);
}

.message.notice {
	background-image:url(../framework/img/icon.notice.gif);
}

.message.success {
	background-image:url(../framework/img/icon.success.gif);
}

.message.info {
	background-image:url(../framework/img/icon.info.gif);
}

.message .sub {
	display:block;
	margin-left:4px;
	font-size:90%;
}

.message .sub:before {
	content: "• "
}

.message .condense_control {
	display:block;
	margin-top:3px;
	margin-left:4px;
	padding:8px 8px 0px 0px;
	font-size:90%;
}

.message .html-message-title {
	font-weight:bold;
}

.message.html {
	border: 1px dotted #bbb;
	border-width:0 0 1px 0 !important;
	background:white;
}

.messageslist .ui-icon {
	float:left;
	margin-right:8px;
}

#loading {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}

#loading div {
	display:none;/* TEMP */
	margin:-50px auto 0 auto;
	position:relative;
	top:48%;
}

.loadingThrobber {
	margin:0px 3px 3px 10px;
	padding:10px 0 6px 0; /* new:10 0 6 0 */
	display:block;
	clear:both;
	white-space:nowrap;
	line-height:14px;
	text-align:left;
}

.loadingThrobber img {
	vertical-align:middle;
	margin-right:7px;
}

button .loadingThrobber, button .loadingThrobber {
	padding:0 !important;
	margin:0 !important;
	text-align: center;
}

.messageslist .loadingThrobber {
	padding:2px 0px 4px 0px;
	margin-left:0px;
}

#precontent div.loadingThrobber {
	display:inline-block; /* fix */
	margin-top:6px; /* new:6px */
	margin-bottom:9px;
	min-height:14px; /* new:14px */
}

.buttonRow > .loadingThrobber {
	position:absolute;
	left:0px;
	top:50%;  /* jp 8/9/14: center vertically in it's container, for use in button tags */
	margin-top:-7px;
}

.ui-dialog .messageslist {
	margin-top:0;
}

.fieldcontainer #fileinputloadingmessage {
	padding:12px 0;
}

/*******************************
*  Dropdown menus
*******************************/
.dropdown {
	position:relative;
	margin:0 0 0 0;
	padding:4px 8px 0 8px;
	height:20px;
	background:url(../framework/img/core.bg.dropdown.nobar.png);
	background-position:bottom right;
	border:1px solid #BEC9D6;
	border-radius:0px;
	cursor:pointer;
}

.dropdown > ul {
	display:none;
}

.dropdownoptions {
	width:100%;
	position:absolute;
	top:24px;
	right:-20px;
	min-width:180px;
	overflow:hidden;
	background:white;
	border:1px solid #ccc;
	-moz-box-shadow:2px 2px 2px #898999;
	-webkit-box-shadow:2px 2px 2px #898999;
	box-shadow:2px 2px 2px #898999;
}

.dropdownoptions li {
	display:block;
	border-bottom:1px solid #ddd;
	padding:8px 8px 8px 12px;
	cursor:pointer;
	color:#666;
}

.dropdownoptions li:hover {
	color:#222;
	background:#eee;
}

/******************************************************
* Dialog-like pages that are centered; e.g., reset pwd
******************************************************/
.dialogpage #precontent {
	position:relative;
	margin:40px auto 0 auto;
	width:620px;
}

.dialogpage.fullpage #precontent {
	margin-top:0;
}

.dialogpage #precontent-title {
	font-size:130%;
	color:#222222;
	display:block;
}

.dialogpage #content {
	position:relative;
	margin:8px auto 0 auto;
	/* width:620px; relocate below for mobile */
}

@media (min-width:650px) {
	.dialogpage #content {
		width:620px;
	}
}

.dialogpage.fullpage #precontent, .dialogpage.fullpage #content,
.dialogpage #precontent.wide, .dialogpage #content.wide {
	min-width:720px;
}

.dialogpage.extrawidepage #precontent, .dialogpage.extrawidepage #content {
	min-width:800px;
}

.dialogpage #header-upper-slogan {
	display:none;
}

.dialogpage .buttonRow {
	padding-left:15%;
	margin:0;
}

.dialogpage.fullpage .buttonRow {
	padding-left:30%;
}

.dialogpage.fullpage #content fieldset {
	padding:30px 35px 20px 45px;
}

.dialogpage #content fieldset {
	padding-left:70px;
	padding-top:15px;
	margin:0;
}

.dialogpage.fullpage #content fieldset {
	padding-left:none;
}

.dialogpage #splash {
	text-align:center;
}

.dialogpage #splash img {      /* 2022-09-19.1015 */
	height:auto;
	width:auto;
	max-width:80%;
}

.dialogpage label, .dialogpage span.inline {
	width:110px;
}

.dialogpage.fullpage label, .dialogpage.fullpage span.inline {
	width:170px;
}

.dialogpage input.text {
	width:auto;
}

#dialog-helpdocumentation .heading {
	margin-top:7px;
	font-weight:bold;
}

#dialog-helpdocumentation * {
	font-size:12px !important;
	line-height:23px !important;
}

/******************************************************
* Forms
*******************************************************/
.fieldbox {
	padding:10px 15px;
	border:1px solid #F9F9FC;
	border-top:1px solid #eee;
	border-radius:0 0 3px 3px;
	margin-bottom:15px;
	-moz-box-shadow:2px 2px 2px #cacaca;
	-webkit-box-shadow:2px 2px 2px #cacaca;
	box-shadow:0px 2px 2px #cacaca;
}

.fieldbox tr {
	height:30px;
}

.fieldbox tr input, .fieldbox tr select {
	margin:1px !important;
}

.fieldbox input[type="checkbox"] {
	position:relative;
	top:2px;
}

.fieldbox td div {
	/* 9/9/14 jp mobile: line-height:30px; */
}

.fieldbox label {
	width:200px;
}

.fieldbox td.labelcolumn {
	width:20%;
	min-width:220px;
	border-right:0px;
	vertical-align:top;
	padding-left:8px;
}

.fieldbox .indented {
	margin-left:250px !important;
}

.fieldbox table, .fieldbox td {
	border:1px solid #f6f6f6;
	background:#fcfcfc;
}

.fieldbox td {
	border-width:0 1px 1px 0;
	line-height:1.5em;
	white-space:nowrap;
	font-size:13px;
}

.mobileapp .status-labels td {
	white-space:normal;
}

.buttonRow h4 {
	margin-right:20px;
}

a .ui-icon {
	position:relative;
	top:3px;
	float:left;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
	top:0;
}

.ui-jqdialog .ui-jqdialog-title {
	margin:0.1em 8px 0.2em;
}

.fieldbox .ui-icon {
	position:relative;
	top:3px;
}

.detailpage .title {
	font-weight:bold;
	font-size:16.5px;
	color:#111;
	padding:10px 8px 8px 8px;
}

.detailpage .removable {
	color:#555 !important;
}

.chosen-container a:hover {
	color:auto;
}

.removable {
	position:relative;
}

.removelink {
	position:absolute;
	top:.8em;
	right:10px;
}

.itemsbox {
	position:relative;
	border:1px solid #AEC6D6;
	width:100%;
	max-width:360px;
	min-height:65px;
	margin-top:8px;
	margin-bottom:8px;
	background:#fff;
	box-sizing:border-box;
}

.itemsbox.wide {
	max-width:400px;
}

.itemsbox .noitemsmessage {
	color:#777;
	font-size:13px;
}

.itemsbox div {
	border-bottom:1px dotted #e5e5e7;
	padding:8px 16px 8px 8px;
	white-space:normal;
}

.itemsbox div:last-child {
	border-bottom:none;
}

.itemsbox select {
	margin:-2px 4px 0 4px;
	line-height:1.8em;
}

.itemsbox input {
	margin:-2px 4px 0 4px;
	line-height:1.4em;
}

.itemsbox.tallrows div {
	line-height:2em;
}

.itemsbox.tallrows .removelink {
	top:1.1em;
}

.itemsbox.disabled {
	border:1px solid #dee6ef;
	background:none !important;
	margin:5px 0;
	padding:5px;
}

.itemsbox.disabled .removelink {
	display:none;
}

.itemsbox.disabled div, .itemsbox.disabled span {
	padding-left:0;
	padding-right:5px;
}

.chosen-container-single .chosen-single {
	background:#fff !important;
	border-radius:0;
	height:25px;
}

.chosen-single:not(.chosen-default):hover span {	/* 202510151228 */
	color:#362B36 !important;
}

.noitemsmessage, .hasnovalue {
	color:#ccc;
	border-bottom:0px !important;
}

.detailpage .field.disabled, .detailpage .field.readonly,
.detailpage input.disabled, .detailpage select.disabled, .detailpage textarea.disabled,
.detailpage input.disabled:focus, .detailpage select.disabled:focus, .detailpage textarea.disabled:focus,
.detailpage input.readonly, .detailpage select.readonly, .detailpage textarea.readonly,
.detailpage input.readonly:focus, .detailpage select.readonly:focus, .detailpage textarea.readonly:focus {
	border:0 !important;
	background:none !important;
	padding:3px 0 !important;
	font-family:arial;
	box-shadow:none;   /* 2023-03-13.1205 */
}

.detailpage input.disabled.alwaysopaque, .detailpage select.disabled.alwaysopaque, .detailpage textarea.disabled.alwaysopaque,
.detailpage input.disabled.alwaysopaque:focus, .detailpage select.disabled.alwaysopaque:focus, .detailpage textarea.disabled.alwaysopaque:focus,
.detailpage input.readonly.alwaysopaque, .detailpage select.readonly.alwaysopaque, .detailpage textarea.readonly.alwaysopaque,
.detailpage input.readonly.alwaysopaque:focus, .detailpage select.readonly.alwaysopaque:focus, .detailpage textarea.readonly.alwaysopaque:focus {
	border:1px solid #ccc !important;
	background:#FAFAFA !important;
	padding:10px !important;
	box-shadow:none;    /* 2023-03-13.1205 */
}

.text {
	line-height:1.5em;
}

.wide {
	min-width:260px;
}

#overlays .field.wide {
	min-width:400px;
}

.wider {
	min-width:360px;
}

button.wide, .submit.wide, .button.wide {
	min-width:120px !important;
}

.reallywide {
	min-width:400px;
}

.superwide {
	min-width:590px;
}

.commentslist {
	margin:8px 0;
	min-width:150px;
	max-width:750px;
}

.comment {
	border:1px solid #eee;
	background:white;
	padding:0;
	margin:8px 0;
	-moz-box-shadow:2px 2px 2px #eee;
	-webkit-box-shadow:2px 2px 2px #eee;
	box-shadow:2px 2px 2px #eee;
	border-radius:2px;
}

.comment > div {
	border:2px solid white;
	padding:8px;
	background:#eee;
	line-height:20px !important;
	border-radius:2px;
	white-space: normal;
}

.comment div.red {
	background:#ee1111;
	color:white;
}

label.radiolabel {
	float:left;
	width:auto;
	clear:none;
	margin-right:8px;
	background:none !important;
	border:none !important;
}

label.radiolabel span {
	margin-left:8px;
	position:relative;
	top:-.2em;
}

.scroll-y {
	overflow-y:auto;
	overflow-x:hidden;
}

.short {
	max-height:150px;
}

.tall {
	max-height:300px;
}

.wrap {
	white-space:normal !important;
}

.note {
	position:relative;
	margin-left:10px;
	padding:3px;
	font-size:12px;
}

.note img {
	float:left;
	position:relative;
	top:4px;
}

.note div {
	line-height:1.2em !important;
	white-space:normal;
	margin-left:27px;
}

.jqgrow.late {
	color:red !important;
}

.fixed {
	table-layout:fixed;
}

.sidenote {
	color:#bbb;
}

.vmiddle, .vmiddle * {
	vertical-align:middle;
}

/******************************************************
* Status Bar
******************************************************/
.status-bar {
	position:relative;
	padding:10px 0;
	background:none;
	border:0 !important;
}

.status-bar.wide {
	background:none;
}

.status-bar table {
	background:none  !important;
	table-layout:fixed;
	/*width:630px;*/
	position:relative;
	left:0px;
	margin-bottom:2px;
}

.status-bar.wide table {
	/*width:850px;*/
	max-width:850px;
	min-width:500px;
	white-space:normal!important;
}

.status-bar td {
	background:none !important;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	color:#555559;
	font-size:12px;
}

.status-bar div {
	width:30px;
	height:30px;
	border:1px solid #ccc;
	margin:auto;
	background:white;
	border-radius:3px;
}

.status-bar div.active {
	background:#dd1111;
}

.status-bar.closed.normalclosure div.active {
	background:#ededed;
}

.status-bar.inprogress div.active {
	background:#3BAAE3;
}

.status-bar.closed.blue.normalclosure div.active {
	background:#ccd; /* #3BAAE3; */
}

.status-bar:hover {
	cursor:pointer; /* new 07302013 */
}

/******************************************************
* Debugging Pane
******************************************************/
#debug-info {
	position:fixed;
	bottom:10px;
	left:10px;
}

#debug-info-toggle a {
	color:#ccc;
	text-decoration:none;
	font-size:10px;
}

#debug-info-content {
	color:#333;
	padding:10px;
	position:fixed;
	bottom:0px;
	left:0px;
	height:180px;
	width:98%;
	background:#fefefe;
	border-top:1px dotted #ccccdd;
	overflow:scroll;
}

/******************************************************
* Print and mobile overrides
******************************************************/
.print-only {
	display:none !important;
}

@media print {
	.dont-print, .dontprint, .modaloverlaycloseimg {
		display:none !important;
	}

	.print-only {
		display:inherit !important;
	}
	.modaloverlay  {
		border:none !important;
	}
}

/********************************************************
* Icons
*******************************************************/
.icon {
	display:inline-block;
	height:18px;
	width:15px;
	vertical-align:middle;
	margin:0;
	padding:0 3px 0 1px;
	border:none;
}

.icon.video {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAIAAACNaGH2AAAACXBIWXMAAAsSAAALEgHS3X78AAACsElEQVR42kWSS0iqQQCFp3JVkLWJhKwgVIgeFOWyRZHlQsNHBBlCQWEgifS2h1ooCBaVYg8KwR4ghVGtDCENUiNbtGgXUZSVLbKsFLPynrpc7iyG8///mTPff2ZIPB7/+Pj4/Pz8+vpKJpMQiUQCAo9vb2/RaBT6/PzcZDK9vr6S5O/4/v7Gh6enJ+hwOHx6ehqJREKh0PLyst/vf3h4mJiYOD4+Jnd3d4FA4Pr6+v39fXV1dX9/H2/m5+enp6dvb28dDsfU1FQwGITn5OSEbG5ujoyMLC0tXVxcHB4ems1mCPh8Ph+yAYmUWCz2F4EcHR0NDg6Oj49DAPrs7Ozq6gofLi8v7+/vQQ8ALHt5efF6vQRYcHd3d+v1+p2dHTDc3NyAZ2ZmBkhOp3Nubu7x8XFra6u9vZ1g08nJyeHfMTQ0tLCwsLu7q1KpUMLe3p5SqYQbtAKBQKvVEvSyvb2NZ8RYrVb8nMFgMBqNGo1mdHQUhIiQy+XV1dWgIM/Pz+vr6zabzW63oxNoMKAvnU6Hub+/X61WSyQSBoNxcHBAcASIXFlZQVlra2sWiwWpYENRAwMDCO7q6qqoqMjNzXW73T8ksM7Ozm5sbCwuLiIS0DD19vZilslkVVVV+fn5OTk5Ho+H4ORQNpKQNzY2pvo3ENzW1lZWVlZQUFBYWEilUn/cOGH8tUKh6Ovrw9zT09Pa2srlcsvLy+FISUnJyMhIT0+nUCg/JGi+s7NTKpUir7Gxsba2trm5mcfjYXcmk9nU1ESn07Hmv7ulpaWmpkYsFpeUlFRWVnI4nPr6ehaLxWaz6+rqioqKsElqaqrL5SK4dwhGUnFxMcJKS0tpNFpmZiZKyMvLS0tLg87Ozs7KysItIrgJ6ARH1dHRIRKJsLX4d0A0NDQIhUI+nw88JOKG/QFTZbAoJbjdPQAAAABJRU5ErkJggg==) no-repeat;
}

.icon.document {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRF593glQMF//f73UhNmwIFGxQX//v///j//P////z///3+jgAA//n/+/P//v///+/4//7//+7//u3/98TJzTdC/+ry3xgdtm5vy8i/8WVm3tja////2vP36GhlzcvMyRMi//L6//r6//v7n6up9+jtomRv/u/q6//x8sTGeVxK0tDV4R0e1KKtt77OnFth//r++PX883l22s7S///4yMPJzdPR/9bRxby/5ra0TEFF3xgb/8bPoK+qzNDP//X/hQYAxgwak4F/w8XE4fjk7p6poH1p/9LY8ujw6ufusoCJ49XV6NTVjY2N/vL2z5aduX97/+jv0czJ2szLxKao+/X3//X1+eHh1OXb2RYe/fP+7cC7+Ofv/Pj5tZyfsLCy7qet6q6w0s3R4Con//z7KSkpMTEx/Pj10dzYw73B/9LVvsHIyK6vvMq547K2zt7dq7autba6sqSj5uLj2RkYaH9r/2dbsL209P/93Nrb5lFV///0/+jx//T/ytDOhQAAd4ds1erh8K+tgwwS8fHxkxIX/+/1JRwf2TMn//z95B0g9dfZ9eDn/93p/9nTywgO+fz1z+XZ/7vB8v/t6+/y+vbr/+nl59nY79va/+Pn5T41h4R9yMzX+e3x4ubV7eznuL23/OrqmWdz/+/ttlRh2MzAxtC4/ufZ5+jg8OPT5Ofs/PTx//3z3a+v+ePl47y33uPf0BIc2tzb/9vN39ndnI2S98K+n4x+njY9/+fp//j7uomPuJSW5N/lo4WFs7e2oZKX4q216K6q3PLw1dTP5SQl5S8r7OHlva6z//77/8jGNy4xz8LJpauprXF5//r1/vfl1t/azMrLysjJ8OXpv8PC/djg/Nvkzaquvce+MCcqp2dosLSzytzc//r/q7Gtq7q16+zu7O7r6ePl+/H84+Plsby4sr684s/T//b/Q0dG9Ont/3pvsLm0zMW9CAoJqC8n8v///+/6anxw/8DAoqyr51VYzg8X/87X//7289/g/vX/yDZD4cPL/dXgggAB//3/h0q6MwAAAT1JREFUKFMBMgHN/gB8B90O8Heqzib4M48h/+QIAAcM4yrl3nFr112fPJMwCQkA8Q8VE6w4YF9ETpqA5qkNWQAxHRn1A3kDFPu3tkOQI0gHAOuZYsQ6FliwH4QpkidXXkcAdYfFcyuJjvZA/kV/dPJMswDvP34BCwsEBAGCsqVs2B5oAA+FmCiuWvORozuVGMPRYTQAPgwJam7QS1Al94qg58u8cAAREg0tHNxb/aEsINXWi+D0AOgH+pvCZwJJRrrAe4z84d8AZsjO7Z2oyRfBtdouzbuedgB6lKukz6ZPgTaNomltvadvAGNVIlKWQVO4Vpet+UpRr+wABk0Gx7S/JMbGABrSQtQ1zADTBgYyLwKc6gDicnixPX2+AP9UuTc5BdmGygUFZWTu6dsAXAqIEP//////EAqDGw4ICOvEh8dzDC2cAAAAAElFTkSuQmCC) no-repeat;
}

.icon.url {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAACXBIWXMAAAsSAAALEgHS3X78AAABWklEQVR42m2SW2vCQBCF9///hyChllpr0aReCeiDGpSYBK95SciDYkBMKGp8qEL7uRKttOdhMzN7ZubMTsR3huPxOJ/P2+32hwQGLsEbQVw/q9WqWq2apuk4zmKx4AyCQNM0cpbL5Z2K02g0NpvNfr93XZdrXdf7/X65XMauVCpXtkjTlOw4js/n8+l02u123W73PQMlxuMxbGgCq9PpfEmQwPXbIyaTCUFool6v27ZNCxzKv/5Bq9UKwxCaKBQKtVqNFi//AdHMt91uoV2oz79AGU4y6YAxm80Oh0MURaQJ8p4ker3edDqlV7PZHAwGpVKJoOd5vCPPAk2MRiNVVQ3DSJLkU2K9XqNPlYB9tS3LEtTHz+VyTJpkoAxKCObz+WKxCAHaZQUIVxQF0ciPJVgHQpkaMZSEcF+s7/vUYD2oZE88JDbDEeTq4R8AbHU4HPLmigQGLsEb4Qct2s8JEHgteAAAAABJRU5ErkJggg==) no-repeat;
}

.icon.successcheck {
	background:url(../framework/img/icon.success.gif) no-repeat;
}

.icon.errorcheck {
	background:url(../framework/img/icon.error.gif) no-repeat;
}

.icon.loadingsmall {
	background:url(../framework/img/icon.loading-star.gif) no-repeat;
}

.icon.help {
	background:url(../framework/img/icon.help.png) no-repeat;
}

.icon.info {
	background:url(../framework/img/icon.info.png) no-repeat;
}

.alert-icon {
	float:left;
	position:relative;
	left:-3px;
	background:url(../framework/img/icon.warning.yellow.small.gif) no-repeat top left;
	width:20px;
	height:20px;
}

.gray-close-icon {
	width:12px;
	height:13px;
	background:url(../framework/img/sprite.chosen.png) right top no-repeat;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
}

.updownicons {
	display:inline-block;
	vertical-align:middle;
	margin-left:4px;
}

.updownicons img {
	display:inline-block;
	margin:2px;
}

/* Tab counter icon */
.icon-count-indicator {
	position:relative;
	top:-1px;
	left:1px;
	border-radius: 10px 10px 10px 10px;
	padding:1px 4px 1px 5px;
	margin-left:5px;
	color:white;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	border:2px solid white;
	background: rgb(248,73,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(248,73,50,1) 0%, rgba(241,108,93,1) 5%, rgba(246,31,12,1) 67%, rgba(240,42,24,1) 71%, rgba(231,49,39,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,73,50,1)), color-stop(5%,rgba(241,108,93,1)), color-stop(67%,rgba(246,31,12,1)), color-stop(71%,rgba(240,42,24,1)), color-stop(100%,rgba(231,49,39,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(248,73,50,1) 0%,rgba(241,108,93,1) 5%,rgba(246,31,12,1) 67%,rgba(240,42,24,1) 71%,rgba(231,49,39,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(248,73,50,1) 0%,rgba(241,108,93,1) 5%,rgba(246,31,12,1) 67%,rgba(240,42,24,1) 71%,rgba(231,49,39,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(248,73,50,1) 0%,rgba(241,108,93,1) 5%,rgba(246,31,12,1) 67%,rgba(240,42,24,1) 71%,rgba(231,49,39,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(248,73,50,1) 0%,rgba(241,108,93,1) 5%,rgba(246,31,12,1) 67%,rgba(240,42,24,1) 71%,rgba(231,49,39,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f84932', endColorstr='#e73127',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:    -1px 3px 5px 0 #555;
	-webkit-box-shadow: -1px 3px 5px 0 #555;
	box-shadow:         -1px 3px 5px 0 #555;
}

/***************************************************************************
* Next-Generation Design Page - Larger Everything (more touchpad friendly)
****************************************************************************/
:focus {outline:none;}
::-moz-focus-inner {border:0;}
select:-moz-focusring {
		color:transparent;
		text-shadow:0 0 0 #000;
}

.v2page label, .v2page .labelcolumn, .CaptionTD {
	padding:.7em 3px 3px 7px;
	line-height:1.3em;
	text-align:left;
}

.v2page label, .v2page .labelcolumn, .v2page .checkboxlistlabel, .v2page .radiolistlabel, .CaptionTD {
	font-size:13px;
	color:#666;
}

.v2page a.inlineblock {
	padding:3px 0px;
	margin:.5em 0;
	display:inline-block;
}

.v2page .field, .v2page .chosen-container a, .v2page .chosen-search input {
	border-radius:3px;
	padding:10px !important;
	font-size:13px;
	box-sizing:border-box;
	line-height:1em;
}

.v2page .chosen-container {
	font-size:13px;
	margin:0 0 6px 0; /* fix */
}

.v2page .field:focus {
	padding:9px !important;
	border:2px solid #AEC6D6;
}

.v2page .field.transparent:focus {
	padding:10px !important;
}

.v2page .field.file {
	background:none !important; /* fix */
	border:0 !important;
	padding:10px 0 !important;
}

.v2page fieldset .field:not(.radiobutton,.checkbox) {
	min-width:250px;
	max-width:500px;
}

.v2page fieldset .field.checkbox {
	min-width:1.5em;
	max-width:auto;
	min-height:1.5em;
}

.v2page fieldset textarea.field {
	max-width:none;
}

.v2page fieldset .field.text, .v2page fieldset .field.textarea {
	min-width:250px;
}

.v2page fieldset .field.textarea {    /* 2024-05-23.1240 */
	min-height:100px;
}

.v2page .field.minimal {
	padding:5px !important;
}

.v2page .field.minimal:focus {
	padding:4px !important;
}

.button, button {
	border-radius:6px !important;
	margin:3px 1px;
}

.v2page .button, .v2page .button.disabled {
	padding:8px !important; /* jp make smaller */
	min-width:100px;
	font-size:13px;
	text-align:center;
	color:#5383A9;
	font-weight:normal;
}

.v2page .avatar, .v2page .avatar img {
	height:80px;
	width:80px;
	margin:3px auto 12px auto !important;
}

.v2page .ui-tabs .ui-tabs-nav {
	background:none repeat scroll 0 0 #FAFAFA;
	border:0;
	font-size:11px;
	border-bottom:1px solid #ddd;
	padding:0;
	margin:5px 5px 0;
}

.v2page .card-content {
	position:relative;
	background:none repeat scroll 0 0 #FAFAFA;
	border:1px solid #D2DAE4;
	box-shadow:0 2px 2px #CACACA;
	padding:15px 0;
	margin-top:10px;
}

.v2page .card-section {
	font-weight:bold;
}

.v2page .card-content:nth-child(1) {
	margin-top:0;
}

.v2page .card-content-body {
	position:relative;
	padding:10px 25px;
}

.card-content-body th:first-child, .card-content-body td:first-child {
	padding-left:0;
}

.newdesign .card-content-body .button {
	display:inline-block;
}

.v2page .card-content-buttonrow {
	padding:10px 25px;
}

.v2page .card-content-buttonrow.flush {
	margin-left:0 !important;
}

.v2page .card-content-buttonrow .button {
	margin:2px 2px 7px 2px; /* proposed change 20180308.1 for 2 line card buttons */
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
	width:16px;
	margin:0;
}

.v2page fieldset .fieldgroup .field {
	min-width:0;
}

.v2page fieldset .file {
	border:0 none !important;
	margin:0;
}

table.zebra tbody tr {
	background:#f1f1f1;
}

table.zebra tbody tr:nth-child(odd) {
	background:#ececec;
}

.data-table tbody tr:nth-child(even), table.zebralight tbody tr:nth-child(even) {
	background:#eaeaea;
}

.v2page .chosen-container a {
	padding:6px 14px !important;
}

.newdesign .chosen-container a {
	padding:10px 10px 10px 10px !important;
	/*line-height:31px!important; */
}

.v2page .chosen-container-active a {
	border-radius:3px 3px 0 0 !important;
}

.v2page .chosen-container-single a div {
	right:2px;
	top:8px;
}

.v2page .chosen-container-single .chosen-single {
	/* line-height:24px; */
	/* JP temp for mobile: height:2.2em; */
}

.v2page .ui-menu .ui-menu-item a {
	font-size:13px;
}

.v2page .ui-dialog label {
	min-width:160px; 		/* fix 2018-01-02 */
	width:auto;
}

.v2page .ui-dialog fieldset .fieldcontainer {
	margin-left:0px!important;
}

/* jp: needs to be 173px */
.v2page fieldset .indented {
	margin-left:173px !important;
}

.v2page .ui-dialog fieldset .no-label .fieldcontainer {
	margin-left:0 !important;
}

.fullpage fieldset .indented {
	margin-left:180px !important;
}

.v2page .ui-menu .ui-menu-item a {
	color:black;
}

.v2page .message {
	line-height:2em;
	padding-left:37px;
	background-position:8px 10px;
}

.v2page .message.error {
	background-image:url(../framework/img/icon.error.large.png);
}

.v2page .message.alert, .message.warning {
	background-image:url(../framework/img/icon.alert.large.png);
	background-color:#FFF6BF;
	border:2px solid rgb(255, 234, 90);
}

.v2page .message.notice {
	background-image:url(../framework/img/icon.notice.large.png);
}

.v2page .message.success {
	background-image:url('../framework/img/icon.success.large.png');
}

.v2page .message.info {
	background-image:url(../framework/img/icon.info.large.png);
}

.v2page .itemsbox {
	border-radius:3px;
	margin-bottom:8px;
}

.v2page .itemsbox, .v2page .itemsbox a {
	font-size:14px;
	line-height:18px;
}

.itemsbox.displayaschips:not(.hidden)
{
	display:flex!important;
	border:none;
	flex-wrap: wrap;
}

.itemsbox.displayaschips > div
{
	border: none;
	border-radius: 9999px;
	background-color: #5896DB;
	margin: 4px;
	min-height: 0;
	height: 20px;
	font-size: 12px;
	color: white;
	font-weight: 500;
	white-space: nowrap;
	padding-left:12px;
}

.checkboxcolumn .field {
	min-width:0 !important;
}

.v2page .ui-dialog-content .field {
	max-width:500px;
}

/***********************************************
* New UI Design Rules
***********************************************/
.newdesign .ui-tabs {
	padding:0;
}

.newdesign a:not(.button):hover {   /* fix */
	text-decoration:none;
}

.newdesign .ui-tabs.ui-widget {
	border:0;
}

.newdesign fieldset, .newdesign .card {
	margin:0;
	background:transparent;
	padding:0;
}

.newdesign fieldset.dialoglike, .newdesign .card.dialoglike {
	margin:30px 20px 20px 90px;
}

.newdesign .button, .newdesign button:not(.ui-button):not(.fw-compactbutton):not(.alertable-ok):not(.alertable-cancel):not(.default-style), .fw-button,
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog button, .ui-dialog .ui-dialog-buttonpane .submit, .ui-dialog .submit {
	display: inline-block;
	/* height: 50px;   prevents override below !important; */
	padding: 7px 15px;    	/* 2022-10-26.1443 */
	line-height:30px;
	margin-bottom:4px;
	min-width:8em;    			/* 2022-10-26.1443 */
	max-width:100%;
	border: none!important;
	border-radius:6px !important;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	/* box-shadow: none !important; */
	font-family: "Helvetica Neue",HelveticaNeue,"Helvetica-Neue",Helvetica,"BBAlpha Sans",sans-serif;
	background: #3876BB;
	color: #eeeeee;
	box-sizing:border-box;
}

.newdesign .button.disabled,
.newdesign .button[disabled="disabled"],
.newdesign button[disabled="disabled"]:not(.ui-button):not(.fw-compactbutton):not(.alertable-ok):not(.alertable-cancel):not(.default-style),
.newdesign button.disabled:not(.ui-button):not(.fw-compactbutton):not(.alertable-ok):not(.alertable-cancel):not(.default-style)
{
	background-color:#ccc;
}

button:hover, .button:hover, .ui-button:hover, .fw-button:hover {
	text-decoration: underline;
}

.newdesign .button.block, .newdesign button.block:not(.ui-button):not(.alertable-ok):not(.alertable-cancel) /* ugly but reqd */ {
	display:block;
}

.newdesign .button.small, .newdesign button.small, .newdesign .buttonRow.small .button, .ui-dialog .ui-dialog-buttonpane button, .ui-dialog button:not(.ui-dialog-titlebar-close), .ui-dialog .ui-dialog-buttonpane .submit, .ui-dialog .submit /* 2024-11-19.1028 */ {
	font-size:13px !important;
	min-width:100px !important;
}

.newdesign .button.small.autowidth, .newdesign button.small.autowidth, .newdesign .buttonRow.small .button.autowidth {
	min-width:0 !important;
}

.newdesign .buttonRow.small .button.hidden {
	display:none;
}

.newdesign .button.tiny, .newdesign button.tiny {
	/* display: inline-block;
	width: auto; */
	min-width:30px !important;
	padding:4px 8px !important;
	/* height:auto !important; */
	font-size:13px !important;
}

.button.large, button.large, .buttonRow.large .button {
	padding:10px 30px !important;
	font-size:15px!important;
}

.newdesign .button.light, .newdesign button.light, .newdesign a.button.light, .newdesign .buttonRow.light .button {
	background:#278DC6!important;
}

.newdesign .button.light.primary, .newdesign button.light.primary, .newdesign .buttonRow.light .button.primary {
	background:#49add8!important;
}

.newdesign .button.hidden {
	display:none;
}

.newdesign .button.red, .newdesign button.red {
	background-color:#cc0011 !important;
}

.newdesign .modaloverlaybuttondiv .button {
	display:inline-block;
}

.newdesign .button.secondary, .newdesign a.button.secondary, a.button.secondary:hover, .newdesign button.secondary {
	background: #E1E7EB !important;
	color: #2C2E2F!important;
}

.newdesign .buttonRow-inner {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.newdesign .tleft .buttonRow-inner {
	text-align:left;
	margin:inherit;
}

.newdesign .fieldbox .buttonRow-inner {
	padding-left:20%;
	text-align:left;
}

.newdesign .buttonRow .button, .newdesign .buttonRow button {
	display:inline-block;
	min-width:100px;
}

.newdesign .fullpage fieldset .indented.button {
	margin:0;
	margin-left:auto!important;/*180px!important; */
	margin-right:auto!important;
	width:320px;
	padding-left:0!important;
	padding-right:0!important;
}

.newdesign .buttonRow-inner .button {
	margin-left:0!important;
}

.newdesign .buttonRow {
	padding-left:0!important;
	padding-right:0!important;
	border:0;
	background:none;
	width:auto;
}

.newdesign .buttonRow.dockedtotop {
	top:62px; /* 2022-07-07.1430 */
	background:rgb(250, 250, 250);
	padding:0 .5em !important;
	z-index:500; /* fix */
}

.newdesign .dockedtotop .buttonRow-inner {
	padding-left:15px;
	margin:5px 0;
}

.newdesign #header .button {
	height:auto !important;
	padding: 0px 6px 0px 6px!important;
	width:auto!important;
}

.newdesign #header-upper-nav .active {
	color:#2779AA!important;
}

.newdesign #precontent-title {
	display:none;
}

.newdesign .fieldset-row .field {
	min-width:0;
}

.newdesign .ui-jqgrid tr.jqgrow td input, .newdesign .ui-jqgrid tr.jqgrow td select, .newdesign .ui-jqgrid tr.jqgrow td textarea {
	font-size:12px;
	margin-top:1px;
}

.jqgrow.isrecentrow td {
	background-color:rgb(255, 239, 143);
}

#overlay-loading {
	opacity:.8;
}

.newdesign li {
	line-height:1.6em;
}

.newdesign .spinner:before {
	content: "";
	display: block;
	margin: 0 auto 10px;
	text-align: center;
	width: 34px;
	height: 34px;
	border-left: 8px solid #000;
	border-left: 8px solid rgba(0,0,0,.2);
	border-right: 8px solid #000;
	border-right: 8px solid rgba(0,0,0,.2);
	border-bottom: 8px solid #000;
	border-bottom: 8px solid rgba(0,0,0,.2);
	border-top: 8px solid #2180c0;
	border-radius: 50px;
	-webkit-animation: rotation .7s infinite linear;
	-moz-animation: rotation .7s infinite linear;
	-o-animation: rotation .7s infinite linear;
	animation: rotation .7s infinite linear;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.newdesign .spinner {
	-webkit-font-smoothing: antialiased;
	bottom: 0px;
	box-sizing: border-box;
	color: rgb(44, 46, 47);
	display: block;
	font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	height: 398.4375px;
	left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top: 40%;
	width: 100%;
	z-index: 200;
}

.newdesign .spinner:after {
	content: '';
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	-moz-opacity: .9;
	-khtml-opacity: .9;
	-webkit-opacity: .9;
	opacity: .9;
	-ms-filter: alpha(opacity=90);
	filter: alpha(opacity=90);
}

.newdesign #settingsmenu, .newdesign #notificationsmenu {
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(34, 34, 34);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(34, 34, 34);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(34, 34, 34);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(34, 34, 34);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-style: none;
	border-top-width: 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
	box-sizing: border-box;
	color: rgb(34, 34, 34);
	cursor: default;
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	height: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	max-height: none;
	outline-color: rgb(34, 34, 34);
	outline-style: none;
	outline-width: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	position: absolute;
	top: 50px;
	transition-delay: 0s;
	transition-duration: 0.218s;
	transition-property: opacity;
	transition-timing-function: ease;
	visibility: visible;
	min-width: 140px;
	z-index: 2300;
}

.newdesign #settingsmenu {
	right:100px;
}

.newdesign #notificationsmenu {
	white-space:normal;
	line-height:19px;
	width:430px;
	padding:8px 0 0 0;
	left:-300px;
	top:35px;
	height:365px;
}

.newdesign #notificationsmenu div {
	padding:0 8px;
	border-bottom:1px solid #dddfe2;
}

.newdesign #notificationsmenu-title {
	color:#666;
	font-size:13px;
	padding-bottom:4px !important;
}

.newdesign #notificationsmenu .usernotification {
	height:60px;
	vertical-align: middle;
	display:table;
	width:100%;
	box-sizing:border-box;
	padding-right:0;
}

.nonotifcationsmessage {
	padding-top:1.5em;
	padding-left:.2em;
}

.newdesign #notificationsmenu .unread {
	background-color:#fafafa;
}

.newdesign #notificationsmenu .unread span {
	font-weight:bold;
}

.newdesign #notificationsmenu .usernotification:hover {
	background-image:linear-gradient(rgba(29, 33, 41, .04), rgba(29, 33, 41, .04));
}

.newdesign #notificationsmenu .usernotification span {
	display:block;
	font-size:.9em;
	padding:8px 6px;
	/* OC:
	display:table-cell;
	width:410px;
	*/
}

.newdesign #notificationsmenu .usernotification ul {
	display:block;
	padding:5px 0;
	text-align:right;
}

.newdesign #notificationsmenu .usernotification li {
	margin-left:0;
}

.newdesign #notificationsmenu .notification_created_on {
	font-size:11px;
	color:#666;
	white-space:nowrap;
}

.newdesign #header-upper #notificationsmenu a {
	line-height: 19px!important;
	color:#034EA2 !important
}

.newdesign #showmorenotificationsdiv, .newdesign #markallnotificationsreadbutton {
	text-align:right;
	font-size:12px;
}

.newdesign div#showmorenotificationsdiv {
	padding:4px 8px;
	border-bottom:0 !important;
}

.notificationscount {
	float: right !important;
	position: absolute !important;
	left: 8px !important;
	bottom: 1px !important;
	top: initial !important;
}

#header-notifications-icon {
	position:relative;
}

.newdesign #settingsmenu div {
	padding:8px 6px 8px 11px;
}

.newdesign #settingsmenu div:hover {
	background:#dfdfdf;
	padding-left:6px;
	border-left:5px solid #afafaf;
}

.menu-settings-img, .menu-notifications-img {
	width:24px;
	height:25px;
}

.newdesign #settingsmenu.hidden, .newdesign .spinner.hidden, .newdesign #notificationsmenu.hidden {
	display:none;
}

#dialog-contactadmin {
	height:350px!important;
}

ul#header-upper-nav-right li {
	margin-left:20px;
}

.newdesign label, .newdesign .labelcolumn {
	padding-left:0;
}

.newdesign label.hashelptext .label-text {
	border-bottom:1px dotted #aaa;
	cursor:pointer;
}

.newdesign .fieldgroup label {
	padding-top:8px; /* to center vertically on fields */
}

.fieldgroup img.today {
	margin-bottom:12px;
}

.fieldcontainer img.today {
	margin-top:.7em;
	margin-left:.1em;
}

.mobile .label-text {
	border-bottom:none !important;
}

.newdesign .label-text {
	line-height:1.5em
}

.newdesign #settingsmenu.hidden, .newdesign .spinner.hidden {
	display:none;
}

.newdesign #header-upper-menu-button {
	display:inline-block;
	min-width:51px;
}

.newdesign #header-upper-menu-icon {
	max-height:40px;
	margin:0;
}

/* jp: fixed statement below :not():not() is correct */
.newdesign .field:not(.checkbox):not(.radio):not(.radiobutton):not(.textarea), .fw-field.fw-f-input, .fw-field.fw-f-select, .fw-field.fw-f-msel-sel {
	box-sizing:border-box;
	min-height:50px;
}

.newdesign .field.slender {   		/* 2021-12-03.1322 */
	min-height:39px !important;
}

.chosen-container-single .chosen-single, .chosen-search input {
	min-height:48px;
}

.newdesign .checkboxlist .checkbox {
	min-height:24px;
}

.newdesign .field.checkbox {
	min-width:20px;
	/*min-height:50px;	*//* new making pretty checkable less needed */
}

.newdesign .field.compact, .v2page .field.compact {
	min-height:38px !important; /* fix */
	padding:5px !important;
}

.newdesign .chosen-search input {
	padding:1px 5px !important;
	box-sizing:border-box;
	width:100%!important;	 /* 202510161100 proposed fix */
	min-height: 35px;
}

.chosen-container-single .chosen-single div b {
	width:10px;
	height:30px;
}

.newdesign .chosen-container .chosen-results {
	margin-top:5px;
}

.newdesign .textarea {
	min-height:100px;
}

body.newdesign {
	background:rgb(250, 250, 250);
}

.newdesign #content, .newdesign #precontent {
	padding:0 .5em; /* 2022-07-27.1148 */
	box-sizing:border-box;
}

@media (max-width:650px) {
	.newdesign #content, .newdesign #precontent {
		padding:0px 5px;
	}
}

.newdesign hr, .newdesign fieldset hr {
	border-bottom:1px solid #ccccdd !important;
}

.newdesign .spacedblocktop {
	margin-top:15px;
}

.newdesign .ui-tabs .ui-tabs-nav {
	margin:0 0 5px;
}

.newdesign .ui-tabs .ui-tabs-panel {
	padding:0;
	min-height:300px;
}

@media (max-width:650px) {
	.newdesign .ui-tabs .ui-tabs-panel {
		min-height:0;
	}
}

.newdesign .ui-tabs .ui-tabs-nav li a, .newdesign .ui-tabs.ui-tabs-collapsible .newdesign .ui-tabs-nav li.ui-tabs-selected a {
	padding:1em;
}

@media (max-width:650px) {
	.newdesign .field {
		min-width: auto;
		max-width: 100%;
		width: 100%;
	}

	/* fix */
	.newdesign .field.radiobutton {
		min-width:5px;
		margin-top:0;
	}

	.newdesign .nonresponsive .field {
		max-width:inherit;
		width:inherit;
	}
}

.newdesign #header-upper-logo {
	display: inline-block;
	margin-right: 8px;
	padding-left: 0 !important;
	top: 0;
	left: 0;
	min-width:110px;
}

.newdesign #header-upper-logo-content {
	display:flex;
	flex-direction:column;
	gap:.1em;
	align-items:center;
	padding-left:0.8em;
}

.newdesign #header-upper-nav ul {
	display: inline-block;
}

@media (max-width:650px)
{
	table.responsivetable, .responsivetable thead, .responsivetable tbody, .responsivetable th, .responsivetable td, .responsivetable tr {
		display: block;  /* Force table to not be like tables anymore */
	}

	.responsivetable thead tr {
		position: absolute; /* hide table headers (but not display: none;, for accessibility) */
		top: -9999px;
		left: -9999px;
	}

	.responsivetable tr { border: 1px solid #ccc; }

	.responsivetable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.responsivetable .issmalltabletdspan {
		display:inline-block;
		width:50%;
		float:left;
	}
}

.newdesign #header-upper li.notificationli {
	position:relative;
}

.newdesign #header-upper-left {
	display:inline;
}

.newdesign #header-upper-nav {
	margin:0;
	display:inline-block;
	white-space:nowrap;
}

@media (max-width:650px) {
	.newdesign #header-upper-nav {
		display:inline-block;
	}
	.headernav-homelink-icon {
		display:none;
	}
}

.newdesign #header-upper-nav li {
	position: relative;
	margin-right: 10px;
	padding-left: 18px;
	display:inline-block;
	line-height: 40px;
	font-size:15px;
	font-weight:bold;
	color: rgb(102,102,102)!important;
}

.newdesign #header-upper-nav li:first-child {
	padding-left: 18px;
}

	.newdesign #header-upper-nav li:before {
		content: '';
		position: absolute;
		left: 2px;
		height: 45px;
		width: 1px;
		background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
		background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
		background-repeat: no-repeat;
	}

.newdesign #header-upper-logo:before {    		/* fix */
	content: '';
	position: absolute;
	height: 45px;
	width: 1px;
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0));
	background-repeat: no-repeat;
}

.newdesign .signedout #header-upper-logo span:before {
	display:none;
}

.newdesign #header-upper a {
	color: rgb(102,102,102)!important;
	-webkit-font-smoothing:antialiased;
	line-height:40px;
	font-family:"HelveticaNeue", "Helvetica Neue", helvetica, Arial, sans-serif;
	text-shadow:rgb(255, 255, 255) 0px 1px 1px;
}

.newdesign #header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 1000;
	background-color: rgb(250, 250, 250);
	border-bottom: 1px solid white;
	transition: all 250ms ease;
}

.newdesign a#header-upper-logo-link {
	line-height:initial;
}

.newdesign #header-upper-logo img {
	max-height:36px;
	max-width:144px;
}

.newdesign #header-upper {
		position: relative;
		margin: 5px 0 0 0;
		height: 53px;
		padding: 5px 10px 0px 10px;
		white-space:nowrap;
		box-shadow: 0 2px #d7d7d7; /*moved here from header*/
}

/**
* BEGIN new secion for preventing message jumping
*/
.newdesign #header {
	height:auto;
	position:relative
}

.newdesign.noheader #header {
	position:fixed; /* exception */
}

.newdesign #header-upper {
	height:50px;
}

.newdesign #header-upper-container {
	border-bottom: none; /* fix*/
	box-shadow: 0 2px #d7d7d7;
}
.newdesign #header-upper {
	margin-top: 0;
	padding-top: 10px;
}
.newdesign .messageslist {
	margin-top:0px;
}
.newdesign #stage {
	padding:8px 0 0 0!important; /* 8 proposed */
	margin:0 auto 0 auto;
}

.newdesign #stage.padtop {
	padding-top:1.5em !important;
}
/**
* END new secion for preventing message jumping
*/

.newdesign #header-user-name {
	font-size: 15px;
	font-weight: bold;
	color:rgb(102,102,102)!important;
}

.newdesign ul.nomargin {
	margin:0;
}

.newdesign #stage {
	margin: 0 auto 0 auto;
	max-width: 100%;
	box-sizing:border-box;
}

.newdesign #menu-left {
	position: fixed;
	top: 63px;
	left: 0;
	min-width: 320px;
	height: 98%;
	background: rgb(245, 245, 245);
	font-size: 15px;
	z-index: 9999;
	padding: 10px 0 25px 10px;
	overflow: scroll;
	border: 1px solid #eee;
	box-sizing:border-box;
}

.newdesign #menu-left-filter {
	width:85%;
}

.newdesign #menu-left li {
	line-height: 2em;
	text-align: left;
	color: rgb(34, 34, 34);
	clear: both;
}

.newdesign #menu-left .sectiontitle {
	font-weight:bold;
}

.newdesign #menu-left li.activerole, .newdesign #menu-left li.activerole a {
	color:#2779AA;
}

.newdesign #menu-left a {
	color: rgb(34, 34, 34);
	font-size: 15px;
	font-weight: normal;
}

.newdesign #menu-left .app-icon {
	max-height: 33px;
	max-width: 33px;
	margin: 2px 2px 2px -8px;
	opacity: .5;
}

.newdesign #menu-left li:hover .app-icon {
	opacity: 1;
}

.newdesign #menu-left-logout {
	font-weight:bold;
}

.newdesign .app-icon {
		width: 60px;
		height: 60px;
		float: left;
}

.newdesign .leftmenu-showhideicon {
		width:16px;
}

@media (max-width:650px) {
	.newdesign #header {
		min-width:320px;
		max-width:100%;
	}

	.newdesign #menu-left .field {
		width: 95%;
	}

	.newdesign .closex {
		margin-left:5px;
	}

	.newdesign #menu-left {
		max-width:100%;
	}
}

.newdesign ul#menu-left-logout {
	padding-bottom: 20px;
}

.newdesign .message {
	padding-left: 10px;
	padding-right: 12px;
	background-image:none !important;
}

.newdesign .field:focus {
	padding:10px !important;
	border:1px solid #AEC6D6;
}

.newdesign .field.file:focus {
	padding:10px 0 !important;
}

.newdesign .showmoreoptions span, .newdesign .showlessoptions span {
	font-weight:normal;
}

.newdesign .field.labelless {
	margin-left:180px;
}

.closex, .icon-closex {
	cursor:pointer;
	position:relative;
	max-width:20px;
	max-height:20px;
	margin-top:2px;
}

#header .closex {
	position:relative;
	z-index:1001;
}

.newdesign .compactfields .field:not(select)::not(.checkbox):not(.radio):not(.file), .newdesign .compactfields .chosen-container a /*, .newdesign .compactfields .chosen-search input */ {
	min-height:40px;
	margin-top:3px !important; /*fix*/
}

.newdesign .compactfields .button:not(.notcompact), .newdesign .compactfields .button.small, .newdesign .compactfields .buttonRow.small .button {
	font-size:13px !important;
	min-width:90px;
	line-height:auto;    /*fix*/
}

.newdesign fieldset .fieldcontainer-outer, .newdesign .fieldset-row {
	margin-bottom:0px; /* 2025-05-13.1220 */
}

.newdesign .section-title:first-child {
	margin-top:12px; /* old: 0 */
}

.newdesign a:not(.ui-datepicker-next, .ui-datepicker-prev) .ui-icon {
	float:none; /* overrride old design */
	position:static; /* overrride old design */
	top:auto;     /* overrride old design  */
	display:inline-block;
}

.newdesign .chosen-container-single .chosen-single {
	line-height:1.5em; /* fix */
	border-color:#AEC6D6;
	box-shadow:none;
	height:auto; /* 2022-01-06.1323 */
	min-height:1em; /* 2022-01-06.1323 */
}

.newdesign .fieldtypeselect .chosen-container-single .chosen-single {
	padding:15px !important;
}

.compactfields .modaloverlay .fieldcontainer-outer, .modaloverlay .compactfields .fieldcontainer-outer {
	margin-bottom:15px;
}

.newdesign .small {
	font-size:12px !important;
}

.newdesign .xsmall {
	font-size:11px !important;
}

.newdesign #menu-left ul {
	margin:0 1.5em 10px 0;
}

.noteeditor {
	width:100%;
	min-height:125;
}

.noteeditor.tall {
	min-height:225;
}

@media (max-width:650px) {
	.ui-tabs-panel {
		margin-top:4px;
	}
}

/* new proposed generalized fixes */
label, .field, input {
	vertical-align:top;
}

label, .fieldcontainer, .field, .fw-field {
	display:inline-block;
	float:none;
}

.fieldcontainer.fieldtypefile {		/* 20230706 */
		margin-top: .7em;
}

[v-cloak] {
	display:none;
}

.FormError {
		padding: 1em;
}

/**************************************
* Rules for all mobile devices
***************************************/
.mobile .hideifmobile {
	display:none;
}

.toolbar {
	white-space: nowrap;
	overflow-x:hidden;
}

.toolbar .right {
	display:none;
}

.v2page .itemsbox {
	border-radius:3px;
	margin-bottom:8px;
}

.v2page .itemsbox > div {
	padding:8px 28px 8px 8px;
	min-height:18px;
}

.v2page .itemsbox, .v2page .itemsbox a {
	font-size:14px;
	line-height:18px;
}

.checkboxcolumn .field {
	min-width:0 !important;
}

.v2page .ui-dialog-content .field {
	max-width:500px;
}

.fieldtypeselectitemsbox {
	min-width:275px;
}

.fieldtypeselectitemsbox > * {
	width:100%;
}

.newdesign .fw-cbl li {
	line-height:1em;
}

.fw-cbl-label {
	font-size:14px;
	line-height:1em;
}

.field.statictext {																	/* 2022-03-03.1457 */
	border:none !important;
	line-height:1.3em !important;
	min-height:36px !important;
	margin-top:.4em;
}

/**************************************
* Panels and layouts
***************************************/
.panel {
	background:rgb(250, 250, 250);
	padding:10px 7px 10px 8px;
	box-sizing:border-box;
	margin-bottom: 1%;
}

.paneltitle {
	font-size:17px;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
}

.panelcontent table th, .panelcontent table td {
	padding-left:0;
}

.layout-container {
	display:flex;         	/* 2022-07-27.1148 */
	flex-wrap:wrap;
	column-gap:10px;
}

.layout-container .layout-column {
	flex-grow:1;
	flex-shrink:0;
}

.layout-container .layout-column.layout-column-2 {
	font-size:14px;
}

/**************************************
* Flex box general classes
***************************************/
.flexbox {
	display:flex !important;
	gap:0 .5em;
}
.flexbox.vflex {
	flex-direction:column;
}
.flexbox.gapless {
	gap:0;
}
.flexbox.flexwrap {
	flex-wrap:wrap;
}
.flexbox > *, .flexgrow {
	flex-grow:1;
}
.flexnogrow, .flexbox.flexnogrow > * {
	flex-grow:0;
}
.flexshrink {
	flex-shrink:1;
}
.flexnoshrink {
	flex-shrink:0;
}
.flexbox.flexvmiddle {
	align-items:center;
}

/**************************************
* Menu link list
***************************************/
.app-menulinklist {
	margin:8px 0 9px 2px;
}

.app-menulinklist li {
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	margin:0 10px 0 0;
	color:#2779AA;
	padding:3px 0;
	border-bottom:2px solid transparent;
}

.app-menulinklist li:hover {
	cursor:pointer;
}

.app-menulinklist li.active {
	border-bottom:2px solid #2779AA;
}

/**************************************
* Embedded/Print Display
***************************************/
body.newdesign.embedded {
	background:transparent;
	overflow-x:hidden;
	overflow-y:hidden;
}

body.newdesign.printout {
	background:transparent;
}

.embedded #form-contents-form, .printout #form-contents-form {
	margin:0;
	padding:0;
	background:transparent;
}

.embedded.v2page .card-content, .printout.v2page .card-content {
	padding:0;
	box-shadow:none;
	border:none;
	margin:0;
}

.embedded #stage, .printout #stage {
	padding-top:0!important;
}

.embedded #header, .printout #header {
	display:none;
}

body.embedded, body.printout {
	height:auto;
}

/**************************************
* Small screen rules: smaller than iPad
***************************************/
.showifsmallscreen {
	display:none !important;
}
@media (max-width:650px) {
	.hideifsmallscreen {
		display:none !important;
	}
	.showifsmallscreen {
		display:block !important;
	}
	#header {
		min-width:550px;
	}
	.ui-dialog .ui-dialog-content {
		padding:0;
		min-width:0;
	}

	.ui-dialog textarea {
	width:90%;
	}

	.ui-dialog fieldset {
		max-width:100%;
		min-width:0;
	}

	.ui-dialog input {
		max-width:95%;
	}

	#stage {
		min-width:175px; /* proposed for better wrapping */
		/* padding-top:0 !important;*/ /* 2022-07-27.1148 */
	}
	.mobileapp #content {
		margin:2px auto;
	}
	.note.right {
		float:none !important;
		margin-left:0;
	}
	.detailpage .title {
		padding:10px 2px 6px 2px;
	}

	.v2page label, .v2page .labelcolumn {
		padding-left:2px;
		width:auto; /* fix */
		margin-right:1em; /* fix */
	}
	.tabnavreplacementselect, .v2page .field.tabnavreplacementselect {
		width:100%;
		padding:10px 2% !important;
	}

	.tabnavreplacementselect:focus, .v2page .field.tabnavreplacementselect:focus {
		border-width:1px;
	}

	/* prev smalls screen layouts below */
	.ui-autocomplete {
		width:96% !important;
		left:2% !important;
	}
	.ui-menu .ui-menu-item {
		width:100% !important;
	}
	.field, .fieldbox .field {
		min-width:175px;
		max-width:175px;
	}
	.field.autowidth, .fieldbox .field.autowidth {
		width:auto;
		min-width:0 !important;
		max-width:175px !important;
	}
	.fullwidth {
		width:95% !important;
		min-width:0 !important;
		max-width:280px !important;
		margin-right:0;
		margin-left:0;
	}
	.mobileapp.hastopdockbar #stage {
		margin-top:55px;
	}
	.v2page label, .v2page .labelcolumn {
		padding:2px;
		margin-bottom:0;
	}
	.fieldbox label, .v2page .mobileapp label {
		width:94px;
	}
	.fieldbox .button, .fieldbox button, .wide, .reallywide, .superwide, #alertmod, .v2page .ui-dialog label, .mobileapp .fieldbox td.labelcolumn {
		min-width:0 !important;
	}
	.ui-dialog, .ui-dialog .ui-dialog-content, .ui-jqdialog, .ui-jqdialog.deletedialog {
		min-width:310px;
		max-width:100%;
		left:0!important;
		top:60px!important;
	}

	.ui-jqdialog-content input.FormElement[type="text"] {
		min-width:0;
	}

	.v2page .ui-dialog label {
		min-width:0;
	}

	.fieldbox .buttonRow .button {
		min-width:80px !important;
	}
	.mobileapp .detailpage .title {
		padding:10px 2px 5px;
	}
	.mobileapp .buttonRow-inner {
		margin:5px 3px;
	}
	.mobileapp .fieldbox th, .mobileapp .fieldbox td, .mobileapp caption {
		padding:3px
	}
	.mobileapp #content {
		margin:0 auto;
	}
	.mobileapp .fieldbox .indented {
		margin-left:100px !important;
	}
	.mobileapp .itemsbox,.mobileapp .commentslist {
		width:auto;
	}
	.ui-dialog fieldset {
		margin:5px;
		border:0;
		padding:0;
		background:transparent;
	}
	.ui-dialog textarea {
		width:200px;
	}
	.mobileapp .hastopdockbar #stage {
		margin-top:55px;
	}
	.mobileapp .message {
		padding:10px 10px 10px 30px;
	}
	.homepage #status-summary span {
		display:block;
		font-size:10px !important;
	}
	.ui-grid-pg-first,.ui-grid-pg-last {
		display:none;
	}
	.ui-pg-div.withtext {
		min-width:60px;
	}
	.section-title.first {
		margin-top:8px;
	}
	.checkboxcolumn {
		width:50px;
	}

	.newdesign .button.small, .newdesign .buttonRow.small .button {
		min-width: 60px;
	}

	.newdesign .field:not(.checkbox,.radio) {
		min-width: auto;
		max-width: 95vw !important;
		/* width: 100%; */
	}

	.v2page fieldset .field.text, .v2page fieldset .field.textarea
	{
		min-width:20vw;
	}

	.newdesign .field.checkbox, .newdesign .field.radio {
		width:auto;
		min-width:0;
		min-height:0;
	}

	table.responsivetable, .responsivetable thead, .responsivetable tbody, .responsivetable th, .responsivetable td, .responsivetable tr {
		display: block;  /* Force table to not be like tables anymore */
	}

	.responsivetable thead tr {
		position: absolute; /* hide table headers (but not display: none;, for accessibility) */
		top: -9999px;
		left: -9999px;
	}

	.responsivetable tr { border: 1px solid #ccc; }

	.responsivetable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.responsivetable .issmalltabletdspan {
		display:inline-block;
		width:50%;
		float:left;
	}

	.newdesign #header {
		min-width:320px;
		max-width:100%;
	}

	.newdesign #menu-left .field {
		width: 95%;
	}

	.newdesign .closex {
		margin-left:5px;
	}

	.newdesign #menu-left {
		max-width:100%;
	}

	.helptext {
		display:none;
	}

	.modaloverlaycontent {
		 padding:10% 2% 0% 2%;
	}

	fieldset, .card {
		padding:0 0 15px 0;
		margin:0 0 8px 0;
		max-width:100%;
	}

	.ui-jqgrid .ui-jqgrid-bdiv {
		min-height:0 !important;
	}

	#dialog-intro, .dialog-intro
	{
		padding: 5px 0 .5em;
		font-size: 15px;
		color: #666;
		line-height: 1.4em;
	}
}

.showifmediumscreen {
	display:none;
}

@media (min-width:650px) {
	.showifmediumscreen {
		display:block;
	}

 .hideifmediumscreen {
		display:none;
	}

.has-autocomplete {
		min-width:300px;
	}
}

@media (min-width:992px) {
	.showifbigscreen {
		display:block;
	}

	.hideifbigscreen {
		display:none;
	}
	.modaloverlaycontent
	{
		padding:2% 10% 0% 10%; 			/* 2024-05-31 large screen second */
	}
}

/******************************************
* New CSS-based Responsive Show/Hide Rules
*******************************************/
.show-md, .show-lg, .show-xl, .show-md-tc, .show-lg-tc, .show-xl-tc {
	display:none !important; 						 					/* 2022-07-27.1148 */
}

.ui-tabs .ui-tabs-nav {   					 /* 2022-07-27.1148 */
	white-space:nowrap;
	width:100%;
	overflow: scroll;
}

@media (max-width:650px) {
	.hide-sm {
		display:none !important;
	}
	.ui-dialog, .ui-dialog .ui-dialog-content, .ui-jqdialog, .ui-jqdialog.deletedialog {
		min-width:100%;  /* override */
	}
	.ui-jqdialog-content .CaptionTD {
		white-space:normal;
	}
}

@media (min-width:650px) {
	.ui-tabs .ui-tabs-nav {    /* 2022-07-27.1148 */
		white-space:normal;
		width:auto;
		overflow:visible;      	 /* 2022-10-28.1732 */
	}
	.hide-md {
		display:none !important;
	}
	.show-md {
		display:inline-block !important;
	}
	.show-md-block {
		display:block !important;
	}
	.show-md-tc {
		display:table-cell !important;
	}
}

@media (min-width:900px) {
	.show-lg {
		display:inline-block !important;
	}
	.show-lg-block {
		display:block !important;
	}
	.show-lg-tc {
		display:table-cell !important;
	}
}

@media (min-width:1024px) {
	.show-xl {
		display:inline-block !important;
	}
	.show-xl-block {
		display:block !important;
	}
	.show-xl-tc {
		display:table-cell!important;
	}
}

/*************************************************************************************************
* 2022-07-27.1625 - adjust grid toolbar buttons to wrap vs clip for smaller screens
**************************************************************************************************/
.ui-jqgrid .ui-jqgrid-pager {
	height:auto;
}

.jqgrid-nav-left .navtable tbody > tr {
	display:flex;
	flex-wrap:wrap;
	row-gap:.3em;
}

.ui-jqgrid .ui-pg-button span {
	display:inline-block;
	vertical-align:top;
	float:none;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
	line-height:inherit;
	padding:0;
}

.ui-jqgrid .ui-pg-table td {
	vertical-align:top;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pager-table, .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table {
	table-layout:auto;
}

.jqgrid-nav-right {
	width:auto;
}

@media (max-width: 650px) {
	.ui-icon-seek-first, .ui-icon-seek-end {
		display:none !important; /* 2022-07-27.1148 */
	}
}

.newdesign #header-upper {  /* override */
	display:flex;
	justify-content:space-between;
	padding:0;
	min-height:60px;
}

.newdesign #header-upper-left {
	display:flex;
	align-items:center;
	padding-right:1em;
}

ul#header-upper-nav-right  {
	display:flex;
	margin:0;
	justify-content:flex-end;
	align-items:center;
	margin-right:.8em;
}

.newdesign #header-upper-container { /* override */
	box-shadow:none;
}

.newdesign #header-upper-left {
	overflow-x:auto;
	overflow-y:hidden;
}

.ViewTable .ui-widget-content {
		background:transparent;
}

.ui-jqdialog {
	box-sizing:border-box;
}

.v2page .ui-dialog label {
	min-width:110px; /* 2023-03-30.1332 - fix for import from portal dialog */
}

.ui-jqdialog-content .CaptionTD {
	padding-bottom:.3em;
}

.ui-jqdialog-content .CaptionTD b {
	font-weight:normal;
}
.ui-jqdialog-content form .EditTable {
	margin-bottom:1em;
}

.newdesign #header-upper-nav {   /* override */
	margin:0 0 0 5px;
}

.newdesign #header-upper-logo {  /* override */
	margin-right:0;
	min-width:auto;
	padding-right:3px;
}

.newdesign #settingsmenu { /* override */
	right:0;
}

#header-upper-logo-fullsize {
	display:none;
}
#header-upper-logo-smallscreen {
	display:inline;
	padding-bottom:.2em;
}

/* small screens */
@media (max-width:650px)
{
	.ui-jqdialog-content .CaptionTD {
		max-width:80px;
	}
	.newdesign .hideifsmallscreen {
		display:none !important;
	}
	.newdesign #header-upper-nav-right {  /* override */
		margin:.5em 0;
		float:none;
	}
	.newdesign #header-upper-nav li {  /* override */
			margin: 0;
			padding-left:.8em;
			padding-right:0;
	}
	.newdesign #header-upper-nav li:first-child {
			padding-left:.8em;
	}
	.cell-ui-pg-selbox, .jqgrid-totalpagecount, .ui-paging-pager .ui-separator {
		display:none !important; /* 2022-07-27.1148 */
	}
	#header-settings-icon {
		padding-right:.9em;
	}

	.ui-jqdialog-content form .EditTable {
		margin-right:10px;
	}

	.modaloverlaycontent table {
		display:block;
		overflow-x:auto;
		width:90vw;
	}
}

@media (min-width:750px)
{
	.newdesign #settingsmenu {
		right:100px;
	}
	#header-upper-logo-fullsize {
		display:inline;
	}
	#header-upper-logo-smallscreen {
		display:none;
	}
}


/*** small screen tab and grid enhancements */
/* 2024-06-17.1259 - allow scrolling of jqgrids that are too wide
.tabset  > div {
	overflow-x:hidden;
}
*/

@media (max-width:800px) {
	.ui-tabs .ui-tabs-nav {
		white-space:normal !important;
	}
}

@media (max-width:650px) {
	.ui-jqgrid .ui-jqgrid-pager {
		padding-right:0 !important;
	}

	.ui-tabs .ui-tabs-nav {
		display:flex;
		gap:.2em;
	}
}

@media (max-width:1200px) {
	li.ui-tab.right {
		float:none!important;
	}
}

/*** small screen form enhancements */
fieldset {
	display:table;
	border-collapse: separate;
	border-spacing:.5em;
}

/* breaks desktop forms appearance
	fieldset label {
		width:auto !important;
	}
*/

fieldset .fieldcontainer-outer {
	display:table-row;
}

fieldset .fieldcontainer-outer > * {
	display:table-cell;
}

fieldset .fieldcontainer-outer .hidden{
	display:none;
}

@media (max-width:690px)
{
	fieldset .fieldcontainer-outer > * {
		/*display:table-row; 2025-02-20.1137 */
		display:block;
	}

	/* 2025-02-20.1137 */
	fieldset .fieldcontainer-outer {
		display:block;
	}

	fieldset .fieldcontainer-outer:after {
		display:none;
	}

	fieldset {
		border-spacing:.2em 0;
	}
}


/* 2025-06-03 - proposed mobile enhancements */
@media screen and (max-width: 996px)
{
	input, select, textarea, button, .field, .fieldtypetextarea {
		margin-top:0;
		margin-bottom:.3em;
	}

	.modaloverlay .overlay-title {
		font-size:16px;
		padding: .2em .2em .5em .2em;
		margin-bottom:.5em;
	}

	.section-title {
		font-size:14px;
	}

	.v2page .field, .v2page .chosen-search input, .v2page .chosen-single.chosen-default		/* 2025-09-16.1518 */
	{
		font-size:16px; /* to avoid ios zooming on focus */
	}

	.v2page #content,
	.v2page label,
	.v2page checkboxlistlabel
	{
		font-size:14px;
	}

	.v2page .itemsbox
	{
		border:none;
	}

	.issmallscreen.newdesign .closex {
			margin-left: 5px;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 999999;
			width: 15px;
	}
}