/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
/* small tweaks for nettalk *nt*
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	/*margin: -1px;  nt*/
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: auto; /* nt12.18 was 9999 */
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	/*box-shadow: inset 1px 1px 1px #ccc;  nt*/
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 20px; /*nt*12.26*/
	height: 20px; /*nt*12.26*/
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	display:flex;/*nt*/
	align-items:center;/*nt*/
	justify-content: space-between;	/*nt*/
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
/*	min-width: 14.3em;*/ /*added nt 12.31*/ /*removed nt14*/
/* removing min width so drops on browse auto-size*/
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	/*margin: .2em 0;*/  /* already handled by nt*/
	vertical-align: middle;
	/*margin-left: .4em;*/ /* already handled by nt*/
	margin-right: 2em;
}
.ui-spinner-button {
	width: 2em;/*nt make same width as lookup buttons*/
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	display:flex; /* nt */
	align-items:center;/* nt */
	flex-wrap:nowrap;/* nt */
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	/*padding-bottom: 1px; nt */
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	/*background: none; nt*/
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*!
 * jQuery UI Shoestrap theme
 * Copyright 2012, CapeSoft
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Based on Bootstrap theme,
 * http://addyosmani.github.com/jquery-ui-bootstrap
 * Copyright 2012, Addy Osmani 
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 * Updated for NetTalk and jQuery UI 1.12
 */
 
/* Layout helpers
----------------------------------*/

.ui-helper-clearfix {min-height: 0; /* support: IE7 */}

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget {   font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
  font-weight:bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

  color: #333;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
   overflow: visible;
 }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background:whiteSmoke;
  background-position: 0 -15px;
  color: #333;  
  text-decoration: none;
 }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;  font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/

.ui-state-highlight p, .ui-state-error p, .ui-state-default p{
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin:7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none;  }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_888888_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_888888_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_f6cf3b_256x240.png); }

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 4px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px;}

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30);border-radius: 8px; }
.ui-resizable-handle {z-index: 99999}
.ui-accordion {width: 100%;}
.ui-accordion .ui-accordion-icons {padding-left: 2.2em;}
.ui-accordion .ui-accordion-noicons {padding-left: .7em;}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 2.2em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-autocomplete { position: absolute; cursor: default; }

.ui-button { 
display: inline-block; 
position: relative; 
padding: 0.4em 1em; 
margin-right: .1em; 
cursor: pointer; 
text-align: center; 
zoom: 1; 
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 1em;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible; } /* the overflow property removes extra width in IE */

.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-state-active {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.ui-spinner-button {width: 16px;z-index: 100;}

.ui-spinner a.ui-spinner-button {border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */

/* TR overrides */
span.ui-spinner { background: none; }
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position:-65px -16px;
}

.ui-dialog {width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { 
  position: relative;
  padding:5px 15px;
  border-top:0px;
border-left:0px; 
border-right:0px;
border-bottom: 3px solid #7190E0;
  padding: 5px 15px;
  font-size: 18px;
  text-decoration:none;
  background:none;
}
.ui-dialog .ui-dialog-title {
  float: left;
  color:#404040;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 30%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.25;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { 
padding: 0; opacity: 0.90;   }

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  margin: .5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;

}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider .ui-slider-range { 
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-tabs .ui-tabs-nav{ background:none; border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;}
.ui-tabs { position: relative; padding: .2em; zoom: 1; border:0px;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */


.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover{
  background:whiteSmoke;
  border-bottom:1px solid #ddd;
  padding-bottom:0px;
   color:#00438A;
}

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-bottom:1px solid #DDD; }
.ui-tabs .ui-tabs-nav li {  text-decoration: none; list-style: none; float: left; position: relative; top: 1px; padding: 0px 0px 1px 0px; white-space: nowrap; background:none; border:0px; }

.ui-tabs-nav .ui-state-default{
  -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
 }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0px; outline:none;}
.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 {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color:gray;
  outline:none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover{
  background:#ffffff;
  outline:none;
}
.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-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#0069D6; background:none; font-weight:normal; margin-bottom:-1px;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs-panel .ui-button{text-decoration:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li{
  filter:none;
}

.ui-tooltip {
    -o-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: inset 0 1px 0 #ffffff;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}

.ui-datepicker .ui-datepicker-header { 
border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}
.ui-datepicker th{
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;

}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;

}

.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}

.ui-datepicker td:hover{
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding:5px;
  color:gray;
  text-align: center;
  filter:none;
}

.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color: #ffffff;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.ui-progressbar .ui-progressbar-value {
/*this can be removed if ui-widget-header is blue*/
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }

/*** Input field styling from Bootstrap **/
 input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}

/* mostly removed 23 nov. breaks entry/lookup connection.*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="range"],
input[type="email"],
input[type="url"],
input[type="file"],
select,
textarea,
.ui-autocomplete-input,
.uneditable-input {border: 1px solid #ccc;}

/**Toolbar**/

.ui-toolbar{
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 #ffffff;
}

/***Dialog fixes**/

.ui-dialog-buttonset .ui-button:nth-child(2){
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
   overflow: visible;
}


.colorpicker {
	width: 26em;
	height: 22em;
	overflow: hidden;
	position: absolute;
	display: none;
	z-index: 2000;
}

.colorpicker_header{
	padding:3px;
	margin: 2px;
	line-height: 1.8em;
	text-align: center;
}

/* 2D color box */
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 1em;
	top: 1em;
	position: relative;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
	float: left;
}

.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(/styles/images/colorpicker_overlay.png);
}

.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/styles/images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}

/* slider */
.colorpicker_hue {
	background: url(/styles/images/colorpicker_slider.png); 
	background-repeat: no-repeat;
	position: relative;
	margin-top: 1em;
	margin-left: 2em;
	width: 35px;
	height: 150px;
	cursor: n-resize;
	float: left;
}

.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(/styles/images/colorpicker_circle.gif) left top;
	margin: -4px 0 0 0;
	left: -9px;
}

/* color boxes */

.colorpicker_new_color {
	width: 4em;
	height: 2em;
	margin-left: 0em;
	margin-top: 1em;
	background: #f00;
	float: left;
}

.colorpicker_current_color {
	width: 4em;
	height: 2em;
	margin-left: 1em;
	margin-top: 1em;
	/*margin-right: 3em;*/
	background: #f00;
	float: left;
}

/* common entry fields */
.colorpicker_field {
	width: 4em;
/*	background-position: top;
	position: absolute; */
}

/*.colorpicker_input {
	text-align: right;
	padding-right:0.2em;
	margin: 0;
	padding: 0;
	border-radius: var(--radius);
	color: var(--entry-text);
	background: var(--entry-background);
	border: 1px solid var(--entry-border);
}*/

.colorpicker_prompt{
}

/* rgb block */
.colorpicker_rgb{
  float: left;
  margin-left: 0em;
}

.colorpicker_rgb_r {
	top: 6.2em;
	left: 16em;
}

.colorpicker_rgb_g {
	top: 8.2em;
	left: 16em;
}

.colorpicker_rgb_b {
	top: 10.2em;
	left: 16em;
}

/* hsb block */
.colorpicker_hsb{
  float: left;
	margin-left: 1em;
}

.colorpicker_hsb_h {
	top: 6.2em;
	right: 1em;
}

.colorpicker_hsb_s {
	top: 8.2em;
	right: 1em;
}

.colorpicker_hsb_b {
	top: 10.2em;
	right: 1em;
}

/* hex field */
.colorpicker_hex {
  position: absolute;
  bottom: 1em;
  left: 1em;
  width: 17em;		
}

.colorpicker_hex_prompt {
	float:left;
	margin-right: 0.5em;
	height:2em;
	padding:0.25em;
}

/* buttons */
.colorpicker_submit {
	position: absolute;
	right: 6.8em;
	bottom: 0.5em;
}

.colorpicker_cancel {
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
}

.colorpicker_cancel button{
width:6em;
}
.colorpicker_submit button{
margin-right:0.3em;
min-width:6em;
}
.colorpicker_lookup{
/*width: 22px;
height: 22px;/*
/*background: url(/styles/images/colorpicker_lookup.png);*/
}

.colorpicker_example{
float: left;
padding: 5px;
border: 1px solid;
}
/* NetTalk menu css */
.ui-menu .ui-menu-icon {right:0.5em;}

.nt-menu-div {
border:0px solid!important;
height:fit-content;
width:99%;
border-collapse: collapse;
margin:4px;  
}

.nt-menu{
display:flex;
flex-wrap:wrap;
gap:0.5em;
border:0px solid!important;
padding: 0;
margin-bottom: 0.5em;
margin-top: 0;
list-style: none;
border-collapse: collapse;
background:transparent;
}

.nt-menu-accordion{
margin-right:1em;
height: fit-content;
}

.nt-menu-taskpanel{
margin-right:1em;
height: fit-content;
}

.nt-mainmenu-button{
padding:0.5em;
width: 20em;
display: flex;
align-items:center;
justify-content:flex-start;
}
/*accordion & taskpanel menus*/
.ui-accordion .ui-accordion-header{display:flex;align-items:center;}
.nt-menu-accordion .ui-accordion-header{justify-content:space-between}
.nt-menu-taskpanel .ui-accordion-header{justify-content:space-between}

.nt-accordion-menu-header{}
.nt-taskpanel-menu-header{display:flex;align-items:center;justify-content:space-between;}

.nt-taskpanel-menu-body{overflow:hidden;padding:0.2em!important;border:0}
.nt-accordion-menu-body{overflow:hidden!important}

.ui-accordion-content {max-height: 400px;}
.nt-accordion-icon-left{flex-direction:row;}
.nt-accordion-icon-right{flex-direction:row-reverse;justify-content: space-between;}
.nt-menu-drop{}
.nt-menu-nodrop{}
.nt-menu-button{display:flex;}

.nt-menu a:link, .nt-menu a:visited, .nt-menu a:hover, .nt-menu a:active {
padding:0.5em;
padding-left:1em;
padding-right:1em;
}

.nt-menu-button {
display: flex;
min-width: 100px;
text-align:center;
align-items: center;
padding: 5px 4%;
text-decoration: none;
border:0;
}

.nt-menu-items{
list-style: none;
position: absolute;
margin: 0;
z-index: 90;
padding: 0;
}

.nt-menu-items-button {
display: flex;
width: auto;
min-width: 152px;
padding: 5px;
text-decoration: none;
}

.nt-menu-items{}
.nt-menu-item{display:flex;align-items:center;}
.nt-menu-item{white-space: nowrap;margin-right: 0.1em!important;}

.nt-menu-item-alone{
display: flex;
align-items: center;
text-decoration: none;
width: 100%;
padding: .5em .5em .5em .7em; 
margin-top: 2px;
margin-bottom: 2px;
}

.nt-menu-item a{display:flex;align-items:center;text-decoration:none;width:100%}
.nt-menu-text{padding-left:1em;padding-right:1em;}
.nt-menu-item-text{padding-left:1em;padding-right:1em;}
.nt-menu > li ul li ul {margin: -29px 0 0 163px;position: absolute;}
.nt-menu span {}
.nt-menuleft{float:left;margin-right:20px;margin-top:10px;}
.nt-menuright{float:right;margin-left:20px;margin-top:10px;}
.nt-small-menu{display:none}

@media screen and (max-width: 640px){
	.nt-small-menu{
		width: 32px;
		height: 32px;
		display: inline-block;
		position:absolute;
		top:10px;
		right:10px;	
	}
	.nt-menu-div{padding:0;margin:0;height:0}
    .nt-menu{position: absolute;    top: 70px;    left: 0; width:100%}	
	.nt-menu-div ul{ display:none;z-index:200}
	.nt-menu > li {float:none; width:100%}
    .nt-menu > li ul {width:100%}
	.nt-menu a:link{padding:1em;}
}
.nt-sticky-panel-top{
position:sticky;
top:0;
background:white;
z-index:2;
}
.nt-sticky-panel-side{
position:sticky;
top:10.5em;
background:white;
z-index:2;
}
.nt-sticky-top-menu{
position:sticky;
top:-1px;
z-index:3;
}
.nt-sticky-top-menu.stuck{
z-index:3;
background: white;
padding-bottom: 0.5em;
padding-top: 0.5em;
transition: 0.5s ease all;
}
.nt-month-set{
display:flex;
flex-wrap:wrap;
}

.nt-month-header{
text-align: center;
display:grid;
align-items:center;
grid-template-columns:1fr 1fr 1fr;
}

.nt-month-header-previous{
grid-column-start:1;
grid-column-end:1;
grid-row-start:1;
justify-self:left;
}

.nt-month-header-center{
grid-column-start:2;
grid-column-end:2;
grid-row-start: 1;
align-self: center;
justify-self: center;
white-space: nowrap;
}

.nt-month-header-zoom{
grid-column-start:3;
grid-column-end:3;
grid-row-start:1;
justify-self:left;
}

.nt-month-header-next{
grid-column-start:3;
grid-column-end:3;
grid-row-start:1;
justify-self:right;
}

.nt-month-header-cell{
display:grid;
align-items: center;
justify-items: center;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nt-month-row{
display:grid;
align-items: center;
justify-items: center;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.nt-month-header-cell > div{
text-align: center;
height: 1.8em !important;
font-weight: bold;
background-color: #F8F8FF!important;
}

.nt-monthday-cell{
cursor: pointer;
display: grid;
justify-items: center;
}

.nt-monthday-cell a{
text-decoration: none; 
}

.nt-monthday-empty-cell{
border: 1px solid transparent !important;
background-color: #FFFFF8;
}


.nt-month-big{
margin-bottom: 1em;
margin-right: 1em;
background: url("") repeat scroll 0 0 white;  
width:62em;
}

.nt-month-big > div > div {
width: 8em;
height: 8em;
padding: 3px;
margin: 1px;
float: left;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
}

.nt-content{
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat; 
background-position: bottom left;
width: 100%;
height: 100%;
text-align: center;
font-size: 1.1em;
}

.nt-label{
text-align: center;
font-size: 56pt;
color: #DDDDDD;
align-self: center;
justify-self: center;
width: 100%;
}

.nt-label-empty{
text-align: center;
font-size: 56pt;
color: #DDDDDD;
align-self: center;
justify-self: center;
width: 100%;
}

.nt-month-small{
margin-bottom: 1em;
margin-right: 1em;
background: url("") repeat scroll 0 0 white;
float:left;
width:14.25em;
display:grid;
align-items:center;
}

.nt-month-small > div > div {
border: 1px solid #DDDDDD;
margin: 1px;
width: 1.8em;
}

.nt-label-small{
background-repeat: no-repeat; 
background-position: bottom left;
}

.nt-label-empty-small{
}

.nt-holiday{
color: #DDDDDD!important;
background-color: #444444!important;
}

/* Corner radius */
.cal-corner-right-small {
border-radius:  0px 6px 6px 0px; 
}

.cal-corner-left-small { 
border-radius:  6px 0px 0px 6px; 
}

.cal-corner-all-small { 
border-radius: 6px; 
}

.cal-corner-right {
border-radius:  0px 12px 12px 0px; 
}

.cal-corner-left  {
border-radius:  12px 0px 0px 12px; 
}

.cal-corner-all { 
border-radius: 12px; 
}

.cal-grad{
}


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

.nt-planner-outside{
display:grid;
grid-template-columns:11em 1fr;
}

.planner-header-row-size{
height: 2em;
width: 100%;
}

.planner-row-size{
width: 100%;
border: 0px solid #DDDDDD;
}

.planner-names-width{
width: 10em;
}

.planner-data-width{
width: 2em;
}

.planner-header-names-text{
}
.planner-header-data-height{
height: 2em;
padding: 3px;
}

.planner-data-height{
height: 100%;
}

.planner-border{
border: 1px solid #dddddd;
}


.ui-resizable-e{
border: 1px dashed #888888;
width: 3px;
}

.planner-data{
position:absolute;
padding-left:0;
padding-right:0;
border: 1px solid #888888;
overflow:hidden;
z-index:10;
}

.ui-resizable-handle {
z-index: 500;
}

.nt-relative{
position:relative;
}

.planner-back{
border:1px solid #FAFAFA;    
position:absolute;
top:0;
left:0;
color:#EEEEEE;        
font-size:11pt;
}/**
 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: https://adgallery.codeplex.com/
 * bj - updated path to PNG/GIF files.
 */
.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(/styles/images/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/styles/images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/styles/images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
		background: #FFF;
		opacity:75%;
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/styles/images/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(/styles/images/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(/styles/images/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}.nt-fileinput {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-110px, 0) scale(4,1.5);
  direction: ltr;
  cursor: pointer;
}


.nt-fileinput-button {
    overflow: hidden;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}

.nt-addfiles-button{
    background-color: #DDDDDD;
    border: 1px solid #888888;
	padding: 2px 7px 3px;
}

.nt-upload-table{
border: 1px solid #888800;
}

.nt-upload-table tbody tr td {
padding: 5px;
}

.nt-formcell{position: relative;}

.nt-label-carousel,.nt-label-checkbox,.nt-label-display,.nt-label-file,.nt-label-gallery,.nt-label-gauge,
.nt-label-image,.nt-label-map,.nt-label-media,.nt-label-radio,.nt-label-tree,.nt-label-webcam,.nt-label-youtube
{
    border: var(--label-border);
    padding: var(--label-padding);
    margin-bottom: var(--label-margin); 
	border-radius: var(--entry-radius);
}
.nt-label-radio.nt-radio-div-ver,.nt-label-radio.nt-radio-div-buttons-ver{
	display: inline-block;
}

.nt-floating-label {
	position: absolute;
	pointer-events: none;
	transition: 0.2s ease all;
	top: var(--label-floating-top);
	left: var(--label-floating-left);	
	color: var(--label-floating-color);
	font-style:var(--label-floating-font-style);
}
.nt-floating-label.nt-entry-required{
	color: var(--label-floating-label-required);
}
.nt-fixed-label,.nt-formcell .nt-label-entry:focus ~ .nt-floating-label,
.nt-formcell .nt-label-entry:not(:placeholder-shown)~ .nt-floating-label{
	position: absolute;
	pointer-events: none;
	opacity: 1;
	top: var(--label-fixed-top);
	left: var(--label-fixed-left);	
	height:var(--label-fixed-height);
	font-size: var(--label-fixed-font-size);
	color: var(--label-fixed-color);
	background: var(--label-fixed-background);
	padding:var(--label-fixed-padding);
	font-style:var(--label-fixed-font-style);
}
.nt-label-carousel ~ .nt-fixed-label{
	top: var(--label-carousel-top);
	left: var(--label-carousel-left);
}/* some overides to jquery structure */
.ui-icon-blank{background-image: none!important;}

/* new to 12.18, button-over-menu issue */
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: auto;
}

/* CSS Document */

html{
 margin:0;
 padding:0;
 height:95%;
 border:none;
}

form {
 padding: 0px;
 margin: 0px;
}

/*optional table which can go around menus*/
/*.menutable {
 padding: 0px;
 border-collapse: collapse;
 border: 0;
 background-color: #7190e0;
 height:100%;
}*/

.Black{color: #000000!important;}
.Maroon{color: #800000!important;}
.Green{color: #008000!important;}
.Olive{color: #808000!important;}
.Orange{color: #FF8000!important;}
.Navy{color: #000080!important;}
.Purple{color: #800080!important;}
.Teal{color: #008080!important;}
.Gray{color: #808080!important;}
.Silver{color: #C0C0C0!important;}
.Red{color: #FF0000!important;}
.Lime{color: #00FF00!important;}
.Yellow{color: #FFFF00!important;}
.Blue{color: #0000FF!important;}
.Fuchsia{color: #FF00FF!important;}
.Aqua{color: #00FFFF!important;}
.White{color: #FFFFFF!important;}
.black{color: #000000!important;}
.maroon{color: #800000!important;}
.green{color: #008000!important;}
.olive{color: #808000!important;}
.orange{color: #FF8000!important;}
.navy{color: #000080!important;}
.purple{color: #800080!important;}
.teal{color: #008080!important;}
.gray{color: #808080!important;}
.silver{color: #C0C0C0!important;}
.red{color: #FF0000!important;}
.lime{color: #00FF00!important;}
.yellow{color: #FFFF00!important;}
.blue{color: #0000FF!important;}
.fuchsia{color: #FF00FF!important;}
.aqua{color: #00FFFF!important;}
.white{color: #FFFFFF!important;}

.black-bg{background-color: #000000!important;}
.maroon-bg{background-color: #800000!important;}
.green-bg{background-color: #008000!important;}
.olive-bg{background-color: #808000!important;}
.orange-bg{background-color: #FF8000!important;}
.navy-bg{background-color: #000080!important;}
.purple-bg{background-color: #800080!important;}
.teal-bg{background-color: #008080!important;}
.gray-bg{background-color: #808080!important;}
.silver-bg{background-color: #C0C0C0!important;}
.ash-bg{background-color: #F0F0F0!important;}
.red-bg{background-color: #FF0000!important;}
.lime-bg{background-color: #00FF00!important;}
.yellow-bg{background-color: #FFFF00!important;}
.blue-bg{background-color: #0000FF!important;}
.fuchsia-bg{background-color: #FF00FF!important;}
.aqua-bg{background-color: #00FFFF!important;}
.white-bg{background-color: #FFFFFF!important;}

.RightJustify{text-align:right;}
.RightJustify>.nt-browse-header-text-cell{width:100%;justify-content:flex-end;text-align:right}
.nt-browse-data.RightJustify{width:100%;justify-content:flex-end;text-align:right}
.nt-browse-table-footer.RightJustify>div{width:100%;justify-content:right;}

.CenterJustify{text-align:center;width:100%;justify-content:center;}
.CenterJustify>.nt-browse-header-text-cell{width:100%;justify-content:center;}
/*.nt-browse-data.CenterJustify>.nt-browse-header-text-cell{width:100%;justify-content:center;}*/

.LeftJustify{text-align:left;}
.LeftJustify>.nt-browse-header-text-cell{justify-content:flex-start;}
.nt-browse-data..LeftJustify>.nt-browse-header-text-cell{justify-content:flex-start;}

.nt-justify{justify-content:space-between!important;}
.nt-center-justify{justify-content:center!important;}
.nt-left-justify{justify-content:flex-start!important;}
.nt-right-justify{justify-content:flex-end!important;}
.nt-even-justify{justify-content:space-evenly!important;}
.nt-around-justify{justify-content:space-around!important;}

.FixedWidth{font-family: "Courier New"!important;}
.FixedPitch{font-family: "Courier New"!important;}
.nt-fixed-pitch{font-family: "Courier New"!important;}
.NoWrap{white-space: nowrap;}
.Wrap{white-space: normal;}
.Upper{text-transform: uppercase;}
.Lower{text-transform: lowercase;}
.Capitalize{text-transform: capitalize;}
.Bold{font-weight: bold;}
.nt-bold{font-weight: bold;}
.nt-normal{font-style:normal;font-weight:normal;}
.nt-italic {font-style:italic}
.nt-upper{text-transform: uppercase;}
.nt-lower{text-transform: lowercase;}
.nt-capitalize{text-transform: capitalize;}
.nt-right-justify{text-align: right;}
.nt-center-justify{text-align: center;}
.nt-left-justify{text-align: left;}
.PageBodyDiv {height:100%;}

.SelectList {border-collapse: collapse;}

option{padding:3px;}

/* generic div used for forms */
.fdiv {
 border-collapse: collapse;
 margin-top: 0px;
 margin-right: 5px;
 display: inline;
}

/* generic div used for form fields */
.adiv {
 border-collapse: collapse;
 float: left;
 margin-top: 0px;
 margin-right: 5px;
 display: inline;
}

/* generic div used for hidden form fields */
.hdiv {
 border-collapse: collapse;
 margin-top: 0px;
 margin-right: 0px;
 display: inline;
}

/*------------------------------------------------------------*/
/*general layout*/
.nt-wide{width:100%;}
.nt-left{float: left; margin-right: 5px;}
.nt-hard-left{float: left;}
.nt-center{margin:auto;padding:0;}
.nt-right{float: right;}
.nt-nowrap{white-space: nowrap;}
.nt-wrap{white-space: normal;}
.nt-width-0{width:0!important;}
.nt-width-5{width:5%!important;}
.nt-width-10{width:10%!important;}
.nt-width-15{width:15%!important;}
.nt-width-20{width:20%!important;}
.nt-width-25{width:25%!important;}
.nt-width-30{width:30%!important;}
.nt-width-33{width:33%!important;}
.nt-width-35{width:35%!important;}
.nt-width-40{width:40%!important;}
.nt-width-45{width:45%!important;}
.nt-width-50{width:50%!important;}
.nt-width-55{width:55%!important;}
.nt-width-60{width:60%!important;}
.nt-width-65{width:65%!important;}
.nt-width-66{width:66%!important;}
.nt-width-70{width:70%!important;}
.nt-width-75{width:75%!important;}
.nt-width-80{width:80%!important;}
.nt-width-85{width:85%!important;}
.nt-width-90{width:90%!important;}
.nt-width-95{width:95%!important;}
.nt-width-99{width:99%!important;}
.nt-width-100{width:100%!important;}

.nt-width-12em{width:12em!important;}


.nt-width-50px{width:50px!important;}
.nt-width-75px{width:75px!important}
.nt-width-100px{width:100px!important;}
.nt-width-110px{width:110px!important;}
.nt-width-125px{width:125px!important;}
.nt-width-150px{width:150px!important;}
.nt-width-200px{width:200px!important;}
.nt-width-300px{width:300px!important;}
.nt-width-400px{width:400px!important;}
.nt-width-500px{width:500px!important;}

.nt-height-10px{height:10px!important;}
.nt-height-15px{height:15px!important;}
.nt-height-20px{height:20px!important;}
.nt-height-100px{height:100px!important;}
.nt-height-150px{height:150px!important;}
.nt-height-200px{height:200px!important;}
.nt-height-300px{height:300px!important;}
.nt-height-400px{height:400px!important;}

.nt-height-5em{height:5em!important}
.nt-height-10em{height:10em!important}
.nt-height-15em{height:15em!important}
.nt-height-20em{height:20em!important}
.nt-select-height{max-height:15em}

.nt-height-50vh{overflow-y:scroll;height:50vh;}

.nt-margin-top{margin-top: 0.5em !important;}
.nt-margin-right{margin-right: 0.5em !important;}
.nt-margin-bottom{margin-bottom: 0.5em !important;}
.nt-margin-left{margin-left: 0.5em !important;}

.nt-margin-top-0{margin-top:0 !important;}
.nt-margin-right-0{margin-right:0 !important;}
.nt-margin-bottom-0{margin-bottom:0 !important;}
.nt-margin-left-0{margin-left:0 !important;}

.nt-margin-top-1{margin-top: 1em !important;}
.nt-margin-right-1{margin-right: 1em !important;}
.nt-margin-bottom-1{margin-bottom: 1em !important;}
.nt-margin-left-1{margin-left: 1em !important;}

.nt-margin-top-15{margin-top: 1.5em !important;}
.nt-margin-right-15{margin-right: 1.5em !important;}
.nt-margin-bottom-15{margin-bottom: 1.5em !important;}
.nt-margin-left-15{margin-left: 1.5em !important;}

.nt-padding-left-1{padding-left: 1em !important;}
.nt-padding-left-2{padding-left: 1em !important;}
.nt-padding-right-1{padding-right: 1em !important;}
.nt-padding-top-1{padding-top: 1em !important;}
.nt-padding-bottom-1{padding-bottom: 1em !important;}

.nt-padding-1{padding: 1em !important;}
.nt-padding-3rd{padding: 0.33em !important;}
.nt-padding-5px{padding: 5px !important;}
.nt-padding-2px{padding: 2px !important;}

.nt-onright{
border-collapse: collapse;
display: inline;
float: left;
min-width: 55%;
}

.nt-inline {
 border-collapse: collapse;
 display: inline-block;
}

.nt-fix-bottom-left{
position:absolute;
bottom:0;
left:0;
}

.nt-fix-bottom-right{
position:absolute;
bottom:0;
right:0;
}


.nt-fix-top-left{
position:absolute;
top:0;
left:0;
}

.nt-fix-top-right{
position:absolute;
top:0;
right:0;
}

.nt-fix-bottom-center{
position:absolute;
bottom:0;
margin-left: auto!important;
margin-right: auto!important;
left:0;
right:0; 
}

.nt-fix-top-center{
position:absolute;
top:0;
margin-left: auto!important;
margin-right: auto!important;
left:0;
right:0; 
}

.nt-fix-center{
position:relative;
margin-left: auto!important;
margin-right: auto!important;
left:0;
right:0; 
}

.nt-icon-left{
float:left;
margin-top:3px;
margin-left:0px;
}

/* for compatability with static sites */
.bdiv {
 position: absolute;
 background-color: transparent;
 top: 100%;
 left: 100%;
 margin-top: -36px;
 margin-left: -36px;
 width: 32px;
 height: 32px;
 visibility: hidden;
}

.ui-dialog .ui-dialog-titlebar-access { position: absolute; right: 3.6em; top: 45%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.nt-browse-titlebar-access{float:right;margin-left:1em;}
.nt-dialog-titlebar-secwin{right:3.6em!important;background-color:transparent!important}
.nt-sec-icon-key{margin-left: 0.25em;}
.nt-sec-key-form-heading{font-size: 0.5em;background-color: transparent;border:0;}
.nt-form-page-access{position:absolute;top:12px;right:12px;}

.nt-site-header{
border-bottom:5px solid #7190E0;
padding:0%;
width:100%;
font-weight: normal;
}

.nt-site-footer{
border-top:5px solid #7190E0;
width:100%;
font-size: 1em;
font-weight: normal;
margin-top: 10px;
}

.nt-site-header-logo{
margin: 4px;
}

/* for mobile, checkboxes in browses without text.*/
.ui-btn-inner{
overflow:visible;     
min-height: 1em;
}

/* breadcrumb support */
.nt-float-left{ float:left;}
.nt-bread {
	width:100%;
	padding-left:0;
    display: flex;
    justify-content: flex-start;
}
.nt-crumb-first{margin-left: 0.5em;margin-right:0;}
.nt-crumb-last{margin-left:0em;margin-right: 0.5em}
a.nt-crumb, a.nt-crumb-first{margin-right:0;}
a.nt-crumb, a.nt-crumb-first, .nt-crumb-last{
  display: block;
  height: 2em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none !important;	     
  margin-top: 0.5em;
  margin-bottom: 0.5em;   
  padding-top: 0.15em;  
}
.nt-whole-crumb{display:block;}
.nt-whole-crumb:hover .nt-crumb-right{border-left: 1em solid;}
.nt-whole-crumb:hover .nt-crumb-left{border-top: 1em solid;border-bottom: 1em solid;}
.nt-crumb-link{text-decoration: none !important;}

.nt-crumb-right {width: 0;height: 0;border-top: 1em solid;border-bottom: 1em solid;border-left: 1em solid;
	margin-right: -0.3em;margin-top: 0.5em;margin-bottom: 0.5em;}

.nt-crumb-left {width: 0;height: 0;border-top: 1em solid;border-bottom: 1em solid;	border-left: 1em solid; 
	margin-left: -0.3em;margin-top: 0.5em;margin-bottom: 0.5em;margin-right:0}
.nt-crumb-last{margin-left:0.5em;margin-right: 0.5em;border: 1px solid;}
/* end of breadcrumb support */

/* responsive main page layout */
.nt-leftpanel{float:left;}
.nt-rightpanel{float:right;}
.nt-contentpanel{float:left;/*overflow-x:auto breaks sticky headers*/}
.nt-contentpanel-h{width:100%;}
.nt-contentpanel-lr{width:100%;}

@media screen and (max-width: 600px){
.nt-leftpanel-l{display:none;}
.nt-contentpanel-l{width:100%;}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.nt-leftpanel-l{width:28%;}
.nt-contentpanel-l{width:68%;}
}
@media screen and (min-width: 1025px){
.nt-leftpanel-l{width:18%;}
.nt-contentpanel-l{width:78%;}
}	

@media screen and (max-width: 600px){
.nt-rightpanel-r{display:none;}
.nt-contentpanel-r{width:100%;}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.nt-rightpanel-r{width:28%;}
.nt-contentpanel-r{width:68%;}
}
@media screen and (min-width: 1025px){
.nt-rightpanel-r{width:18%;}
.nt-contentpanel-r{width:78%;}
}	

@media screen and (max-width: 600px){
.nt-leftpanel-lr{display:none;}
.nt-rightpanel-lr{display:none;}
.nt-contentpane-lr{width:100%;}
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
.nt-leftpanel-lr{width:28%;max-width:200px;}
.nt-rightpanel-lr{display:none;}
.nt-contentpanel-lr{width:72%;min-width:calc(100% - 200px);}
}
@media screen and (min-width: 1025px){
.nt-leftpanel-lr{width:19%;max-width:200px;margin-right:0.5em;}
.nt-rightpanel-lr{width:19%;max-width:200px;margin-left:0.5em;}
.nt-contentpanel-lr{width:60%;min-width:calc(100% - 450px);}
}	

/* styles for Web Service automatic documentation */
.nt-service-heading{
font-size:2em;
padding:0.5em;
}
.nt-service-subheading{
font-size:1.5em;
margin-left:0.25em;
margin-top:1rem;
padding-top:0.5rem;
}
.nt-service-methodheading{width:100%}
.nt-service-description{
font-size:1.1em;
padding:0.5em 0.5em 0.5em 0;
margin-left:1.5rem;
max-width:60em;
}

.nt-service-info{padding:0.2em;margin-left:1.5em;font-weight: normal}
.nt-service{padding:1em;}
.nt-service-field-header{padding-left:2em;font-family:var(--fixed-font-family)}
.nt-service-field{padding:0.2em;display:flex;}
.nt-service-fieldname{padding-left:2em;flex-basis: 25%;float:left}
.nt-service-verb{padding-left:2em;font-family:var(--fixed-font-family);color:var(--dark-primary);}
.nt-service-fieldtype{font-family:var(--fixed-font-family);flex-basis: 15%;}
.nt-service-fielddesc{flex-basis: 38%;}
.nt-service-fieldformat{flex-basis: 20%;}
.nt-service-fieldcomment{}
.nt-service-divider{height:3px;margin:0.5em;}
.nt-service-list ul{list-style: none;}
.nt-service-list li{
max-width:60em;
margin-bottom:1rem;
}
.nt-method{padding:1em;}
.nt-http-method{margin-bottom: 1em;margin-top: 1em;padding: 1em;}
.nt-example{
margin-left:1em;
font-size:1.3em;
font-weight:bold;
}
.nt-response,.nt-request{
font-size:1.1em;
line-height: 1.5em;
padding:1em;
font-family: "Courier New";
margin:1em;
}
.nt-place{font-weight:bold;}
.nt-contract{width: 1.5em;margin-right: 1em;}
.nt-tryit-javascript-textarea{
font-family: "Courier New"!important;
font-size:1em;
tab-size : 2;
}
.nt-tryit-javascript-button{margin:0.5em;}

.nt-tab-carousel{
margin-left: 2em;
margin-right: 2em;
margin-bottom: 3em;
display:inline-grid;
}
/*.nt-carousel-size{width:73vw;height:auto;}*/
.nt-carousel-size img{  width:100%;  height:auto;  padding-left:10px;}

/* need date pickers to float on top of evrything else */
.ui-datepicker{z-index:200!important;}

.nt-tab-image{width:16px;height:16px;margin-right:8px;}

.nt-browse-rubberband{
height: 10px;
width: 10px;
background-color: transparent;
position: absolute;
border: 3px solid #555;
border-style: dotted;
}

.nt-print-only{display:none;float:right;}
@media print {
	nav{display:none}
	.nt-noprint{ display:none!important;}
	.nt-page-break{page-break-after: always;}
	/*.ui-button{	display:none!important;}*/
	body {-webkit-print-color-adjust: exact;}	
	.nt-contents{display:contents!important;}
	.nt-print-only{display:block;}
}

.nt-hide{display:none;}

.nt-gauge-text{text-align: center;width:100%;}   
.nt-gauge-text-middle-of-round{margin-top: -70%;margin-bottom: 30%;}
.nt-gauge-text-middle-of-semi{margin-top: -2.5em; margin-bottom: 1em;}
.nt-gauge-text-middle-of-semi-small{margin-top: -2.5em; margin-bottom: 1em;}
.nt-gauge-labels{display:none}
.nt-gauge-text-number{font-size: 2em;font-weight:100}
.nt-gauge-text-number-small{font-size: 1.3em;font-weight:100}
.nt-gauge-text-prefix{font-size:1em}
.nt-gauge-text-prefix-small{font-size:0.7em}
.nt-gauge-text-suffix{font-size:1em}
.nt-gauge-text-suffix-small{font-size:0.7em}

.nt-legend-table{border:0;}
.nt-legend-row{margin-right:10px;border: 2px solid transparent;}
.nt-legend-cell{padding:5px;}
.nt-legend-select{border: 2px dashed #444;}
@media print {.nt-legend-select{border: 2px solid transparent;}}  

.nt-webcam{width:20em;}
.nt-image{width:100%;}
.nt-image > img{width:100%;}
.nt-webcam > video{width:100%;}

.nt-barcode-scanner {
	width:20em;
    display:inline-block;
    margin: 0 auto; 
    position:relative; 
}
.nt-barcode-scanner > video{ 
	width:100%; 
	position:absolute;
	z-index:10;
}
.nt-barcode-scanner > canvas{
    position:relative;
    z-index:20;
}
.nt-header-back-image{
float:left;
margin-right:0.5em;
}
.nt-comms-off{
position: absolute;
top: -1em;
right: 0em;
z-index:9999;
}
.nt-comms-busy{
position: absolute;
top: -1em;
right: 0em;
z-index:9999;
}
.nt-radio-div-hor{display:flex;} /* not jquery buttons */
.nt-radio-div-ver{display:inline} /* not jquery buttons */
.nt-radio-div-buttons-hor{display:flex;flex-direction: row;}
.nt-radio-div-buttons-ver{display:flex;flex-direction: column;}
.nt-radio-div-buttons-hor > label{margin-right:0;margin-left: 0;}
.nt-radio{width:auto;}
.nt-radio-ver{width:100%;} /* used for non-jquery radios */
.nt-radio-hor{margin-right:1em;}
.nt-radio-buttons-ver{width:100%;margin-left: 0;justify-content: flex-start;} 
.nt-radio-buttons-hor{margin-right:1em;} 
.nt-flex-column{display:flex;flex-direction: column;}
@media screen and (max-width: 640px){.nt-radio-div-buttons-hor{flex-direction:column;}}

.nt-current-user{color:#66b645;}

.nt-clean-checkbox > label {
	/* width: 1.5em;*/ /* makes checkboxes in browses look weird */
    padding: 0.25em;
    border: 0!important;
    background: #4c87c12b!important;
    margin-right: 0.5em;    
}    
.nt-clean-checkbox > label > span{
    margin-right:0!important;
}
.nt-align-top{
    align-items: flex-start;
}
.nt-site-header-7{
  display:flex;     
  align-items: center;
  justify-content: space-between;  
}
.nt-site-header-7 > h1{
  color:#4d4d4d;
}
.nt-site-header-logo > img{
	max-height:5em;
}
.nt-flex-right {
  display: flex;
  justify-content: flex-end;
}                            

.nt-align-top{
align-items:flex-start;
}   

.nt-tree-header{
height: fit-content;
align-content: space-around;
}
.nt-ace{font-size:12pt;}

.nt-countdown{color:#66b645;display:flex;font-size:1em!important;float: right;}

.nt-back-button{
	border:0;
	background:transparent;
}
.nt-dialog-title-text{
	margin: 0em 0.5em 0em 0.5em;
}
.nt-dialog-title-aftertext{
}
.nt-collapse{
	min-height:0!important;
	min-width:0!important;
}
.nt-collapse>.nt-browse-data{
	min-height:0!important;
	min-width:0!important;
}
.nt-fit-height{
  height:fit-content!important;
}
.nt-session-prompt{
	float:left;
	margin-right:0.75em;
}
.nt-locator-row{
}
.nt-locator-row > div{
	margin-right:1em;
}
.nt-drophere{
	border:1px dashed #AAA;
}
.nt-iframe{
    width: 60em;
    height: 80em;
}

.nt-browse-header-resize-cell.nt-browse-header-all{
	justify-content:space-between;
	position:relative;
}

.nt-browse-header-all>.nt-browse-header-resize{
	height: 80%;
    border: 1px solid var(--lighter-primary);
    width: 1px;
    padding: 0;
    align-self: center;
    position: absolute;
    right: 0px;
	cursor: ew-resize;
}

.placeholder {
  display: inline-block;
  width: 30px;
  height: 20px;
  border: 1px solid yellow;
  background-color: orange;
}

.nt-header-space{
width:10em;height:1em;
}*, *::after, *::before {box-sizing: border-box;}

.ui-icon {margin-top: 0;}
.ui-burger-icon{ /* tweaked pos in nt14*/
    position: absolute;
    top: -0.75em;
}
.nt-flex{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.nt-form-grid{
	display: grid;
}
.nt-browse-grid{
	display: grid;
}
.nt-child-grid{/* for big screens */
	display: grid; 
}
@media (max-width: 1024px) { /* for smaller screens */
	.nt-children-grid{
		display: flex; 
		flex-direction:column;
	}
}	

/* Lookup */
.nt-lookup {
	display: flex!important;
	flex-wrap: nowrap;
}
.nt-lookup > input{
	flex: 0 1 100%;
	min-width: 1em;
	border:var(--entry-border);
	padding: 0.1em 0.1em 0.1em 0.1em;	/* same as small button padding*/
	width:calc(100% - var(--entry-height));
	height: var(--entry-height);
}
.nt-lookup > image{
	flex: 0 1 100%;
}
.nt-lookup > button{
	flex: 0 1 auto;
	margin-right: 0.0em!important;
}

/* Children */
.nt-child-flex-row,.nt-child-grid-row{
	display: flex;  
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 1em; 
	border:0px solid #00EE00;
	align-items:flex-start;
	width:100%;
}
.nt-child-flex-cell,.nt-child-grid-cell{flex: 1 1 0%;margin-right:1em;}

/*browse*/
.nt-browse-flex,.nt-browse-grid{}

.nt-browse-grid-row{
	display:contents;
}
.nt-browse-flex-row{
	display: flex;  
	flex-wrap: wrap;
	flex-direction: column;
	border:0px solid #00EE00;
	align-items:center;
}
.nt-browse-flex-cell,.nt-browse-grid-cell{
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content:flex-start;
	width:100%;
	overflow-x:hidden;
}

.nt-browse-flex-body-vertical,.nt-browse-grid-body-vertical{}
.nt-browse-flex-body-horizontal-full,.nt-browse-grid-body-horizontal-full{
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content: space-between;
}
.nt-browse-flex-body-horizontal-left,.nt-browse-grid-body-horizontal-left{
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content: flex-start;
}
.nt-browse-flex-body-horizontal-center,.nt-browse-grid-body-horizontal-center{
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content: center;
}
.nt-browse-grid-body-horizontal-left >.nt-browse-grid-row{margin-right:2em;}
.nt-browse-flex-body-horizontal-left >.nt-browse-flex-row{margin-right:2em;}
.nt-browse-flex-cell-prompt,.nt-browse-grid-cell-prompt{
	font-weight:bold;
	min-width:25%;
	display: flex;
    padding-left: 0.3em;
    padding-right: 0.3em;	
}
.nt-browse-header-selected> div  {text-decoration:none;}
.nt-browse-header-icon{display:none;}

@media (max-width: 1024px) { /*for small screens */
	.nt-browse-row-header{
		display:none!important;/*14.03 */
	}
	.RightJustify > div { 
		width: auto!important;/*12.08*/
	}	
	.nt-browse-flex-cell{ 
		justify-content: space-between;/*12.08*/
	}
	.nt-browse-last-line{
		padding-bottom: 0.5em;/*12.08*/
	}
}
.nt-browse-row-header > div > div  {width:100%;text-align: center;padding: 0.2em;}
.nt-browse-flex-body{
	/*height:25em;*/ 
	overflow-y:auto;
}
.nt-browse-grid-body{ 
	display:contents;
	/*height:25em;*/ 
	overflow-y:auto;
}
.nt-locator-prompt{display:none}

@media (min-width: 1024px) {
	/*.nt-browse-row-header{display:flex;}*/
	.nt-browse-row-header > div > div  {width:auto;}
	.nt-browse-header-icon{display:inline;}
	.nt-browse-flex-cell-prompt,.nt-browse-grid-cell-prompt{display:none;}
	.nt-browse-flex-row{
		display:flex;
		flex-direction: row;
		align-items:stretch;
		justify-content:space-around;
	}
	/* all columns the same width. For finer control set flex-basis on column. */
	.nt-browse-grid-cell{flex: 1 1 0%;min-height:1.5em;}
	.nt-browse-flex-cell{flex: 1 1 0%;min-height:1.5em;}
	.nt-locator-prompt{display:block}
}
@media print {
	.nt-browse-row-header{display:flex;}
	.nt-browse-row-header > div > div  {width:auto;}
	.nt-browse-header-icon{display:inline;}
	.nt-browse-flex-cell-prompt,.nt-browse-grid-cell-prompt{display:none;}	
	.nt-browse-flex-row,.nt-browse-grid-row{
		flex-direction: row;
		align-items:stretch;
		justify-content:space-around;
		page-break-inside: avoid;
	}
	/* all columns the same width. For finer control set flex-basis on column. */
	.nt-browse-flex-cell,.nt-browse-grid-cell{
		flex: 1 1 0%; 
		min-height:1.5em;
	}
}
.nt-browse-left-cell{justify-content: flex-start;}
.nt-browse-right-cell{justify-content: flex-end;}
.nt-browse-button-cell{justify-content: flex-end;}
.nt-browse-left-data{margin-right:1em;}
.nt-browse-notlast-cell{padding-bottom: 0;}

/* table based browses*/
.nt-browse-table-row.nt-browse-row-header{display:table-row;}

/*  Form */
.nt-form-div{}

.nt-form-table{}
.nt-form-flex{}
.nt-form-grid{}

.nt-form-flex-row,.nt-form-grid-row{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
}
.nt-prompt{
	font-weight:bold;
	text-align:center;
	width:100%;
}
.nt-form-flex-cell,.nt-form-grid-cell{
	flex: 1 1 100%;
}
.nt-checkbox{width:fit-content}

@media (min-width: 1024px) {
	.nt-prompt{text-align:left;width:auto;}
	.nt-form-flex-row,.nt-form-grid-row{
		margin-bottom: 0.5em;
	}
	.nt-form-flex-cell,.nt-form-grid-cell{
		display:flex; 
		flex-wrap: nowrap; 
		align-items:center;
		flex: 1 1 33%;
	}
	.nt-form-flex-cell-horizontal,.nt-form-grid-cell-horizontal{
		flex: 1 1 auto;
	}
	.nt-form-flex-cell-wide{
		flex: 1 1 1%;
	}
	.nt-form-flex-cell-prompt,.nt-form-grid-cell-prompt{ max-width:15em }
	.nt-form-flex-cell-prompt-value,.nt-form-grid-cell-prompt-value{ }
	.nt-form-flex-cell-value,.nt-form-grid-cell-value{  }
	.nt-form-flex-cell-value-comment,.nt-form-grid-cell-value-comment{ }
	.nt-form-flex-cell-comment,.nt-form-grid-cell-comment{ max-width:15em; }
	.nt-form-value{flex-grow:1}
	.nt-form-flex-cell-value-comment>.nt-form-value{flex-grow:0}
	.nt-form-grid-cell-value-comment>.nt-form-value{flex-grow:0}
	.nt-form-grid-cell-prompt-value-comment>.nt-form-value{flex-grow:0}
	.nt-form-flex-cell-prompt-value-comment>.nt-form-value{flex-grow:0}
}
.if-small{display:none;}

@media screen and (max-width: 640px){
	.if-medium{display:none;}
	.if-large{display:none;}
	.if-not-small{display:none;}
	.if-small{display:block;}
	.ui-widget-overlay {background:white;opacity: 1;position: fixed;}
}
@media screen and (max-width: 1024px){
	.if-large{display:none;}
	.ui-widget-overlay {background:white;opacity: 1;position: fixed;}
	.nt-form-value{width:100%}
	.nt-value{width:100%}
}
@media screen and (max-width: 640px){
	.ui-dialog{max-width:100%}
	.ui-dialog-content{max-width:100%}
}
/* --- */
/* Browse */
.nt-col-10{flex-basis:10%;}
.nt-col-20{flex-basis:20%;}
.nt-col-30{flex-basis:30%;}
.nt-col-40{flex-basis:40%;}
.nt-col-50{flex-basis:50%;}
.nt-col-60{flex-basis:50%;}
.nt-col-70{flex-basis:50%;}
.nt-col-80{flex-basis:50%;}
.nt-col-90{flex-basis:50%;}
.nt-col-100{flex-basis:50%;}

.nt-flexwidth-01{flex-grow:0.1;}
.nt-flexwidth-02{flex-grow:0.2;}
.nt-flexwidth-025{flex-grow:0.25;}
.nt-flexwidth-03{flex-grow:0.3;}
.nt-flexwidth-033{flex-grow:0.33;}
.nt-flexwidth-04{flex-grow:0.4;}
.nt-flexwidth-05{flex-grow:0.5;}
.nt-flexwidth-06{flex-grow:0.6;}
.nt-flexwidth-066{flex-grow:0.66;}
.nt-flexwidth-07{flex-grow:0.7;}
.nt-flexwidth-075{flex-grow:0.75;}
.nt-flexwidth-08{flex-grow:0.8;}
.nt-flexwidth-09{flex-grow:0.9;}
.nt-flexwidth-1{flex-grow:1;}
.nt-flexwidth-11{flex-grow:1.1;}
.nt-flexwidth-12{flex-grow:1.2;}
.nt-flexwidth-15{flex-grow:1.5;}
.nt-flexwidth-2{flex-grow:2;}
.nt-flexwidth-3{flex-grow:3;}
.nt-flexwidth-4{flex-grow:4;}
.nt-flexwidth-5{flex-grow:5;}
.nt-flexwidth-6{flex-grow:6;}
.nt-flexwidth-7{flex-grow:7;}
.nt-flexwidth-8{flex-grow:8;}
.nt-flexwidth-9{flex-grow:9;}
.nt-flexwidth-10{flex-grow:10;}
@media (min-width: 1024px){
	.nt-embedded-procedure {float: left;margin-right: 5px;}
}
.nt-cell-center-justify{justify-content: space-around;}
.nt-cell-full-justify{justify-content: space-between;}
.nt-nowrap{flex-wrap:nowrap;}

.nt-browse-row-header{
position:sticky;
top:0em;
z-index:1
}
.nt-sticky-top-menu ~ .nt-contentpanel .nt-browse-row-header{
top:3.8em;
}
.nt-sticky-panel-top ~ .nt-contentpanel .nt-browse-row-header{
top:10em;
padding-top:1em;
font-style:italic;
}
/*theme: shoestrap3*/
body {font-family: "Open Sans","Segoe UI",Tahoma, Verdana,  Arial, Helvetica, sans-serif;font-size: 10pt;}
input {font-family: "Open Sans","Segoe UI",Tahoma, Verdana,  Arial, Helvetica, sans-serif;font-size: 10pt;}
.nt-gauge-labels{font-family:"Open Sans","Segoe UI",Tahoma, Verdana,  Arial, Helvetica, sans-serif;font-size: 8pt;}
.ui-widget {font-family: "Open Sans","Segoe UI", Tahoma, Verdana,  Arial, Helvetica, sans-serif;font-size: 1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Open Sans","Segoe UI", Tahoma, Verdana,  Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-dialog{max-width:100%;}
.nt-plain{margin-bottom: 1em;}

.nt-rounded{margin-bottom: 0.5em;margin-top: 0.5em;padding: 5px;}
.nt-rounded-header{padding:5px;margin-bottom: 1em;}

.nt-wizard {display: none;padding: 1em;}
.nt-html{}
.nt-body {margin: 1em; height: 96%;}
.nt-body-div {height:100%;}

/*buttons general*/
/*need px, and margin, for mobile support*/
.nt-small-button{margin: 0!important;} /*height:25px;width: 25px !important;*/
.nt-small-button span{padding: 0.1em ! important;}
.nt-button{min-width: 7em;font-size: 12px;}
.ui-button-icon-only{min-height: 1.6em;width: 1.6em !important;min-width: 1.6em !important;}
.ui-button-icon-only span{padding: 0.1em ! important; }

/* general headers*/
.nt-header{font-weight:normal;padding:0.2em;}
.nt-site-header{border-bottom:5px solid}
.nt-site-header-6{border-bottom:3px solid;border-top:0px;border-left:0px;border-right:0px;min-height:60px;margin-bottom:4px;}
.nt-site-footer{border-top:3px solid}

/* Specific Headers */
.nt-form-header{font-size: 2em;}
.nt-form-header-sub{font-size: 1.5em;}
.nt-browse-header{font-size: 1.3em;}
.nt-browse-header-sub{font-size: 1.1em;}

.nt-header-table{font-size:3em;width:100%;border:0;}
.nt-footer-table {font-size:0.8em;width: 100%;border:0;}

/* form specific*/
.nt-tab-title{font-size: 1.2em;padding-left: 5px;padding-right: 5px;}
.nt-form-table {padding: 4px;border-collapse: collapse;text-align: left;margin-left: 10px;border: 0px;}
.nt-form-table td { border: 0px;font-weight: normal;vertical-align: top;}
/*.nt-form-table img{ margin-bottom: 4px;} does not work well on color lookup button*/
.nt-prompt-align-top{valign:top;}
.nt-prompt-align-middle{valign:top;}
.nt-form-div{border-collapse: collapse;float: left;margin-top: 0px;margin-right: 5px;display: inline;}
.nt-formcell{display:table-cell;vertical-align:top;border-collapse: collapse; padding: 4px;}

.nt-prompt{float: left;margin-right: 5px; color: #444444;}
.nt-prompt-span{min-width: 130px;}
.nt-prompt-method{min-width: 10em;font-weight:normal}
.nt-display{float: left;margin-right: 5px;}
.nt-entry{border: 1px solid;padding-left:2px;padding-right: 2px;min-height: 2em;vertical-align:top;}
.nt-browse-entry{border: 1px solid;padding-left: 2px;padding-right: 2px;min-height: 1.5em;vertical-align:top;}
.nt-radio{width:auto;}
.nt-lookup-button{border-radius: 0 4px 4px 0;}
.nt-lookup-entry {border-radius: 4px 0 0 4px;border-right: 0 none;}
.nt-select{padding-right:0px;margin-right:1em;}
.nt-entry-right{ text-align: right;}
.nt-entry-spinner-right{ text-align: right;padding-right: 1.5em !important;}

.nt-comment{float:left;margin-right:1em;}
.nt-comment-error{padding-left:0.5em;padding-right:0.5em;}
.nt-tiny-form {font-size: 80%;padding: 0px;border-collapse: collapse;text-align: left;margin-left: 0px;border: 0px;}
.nt-tiny-form th {color: #333;}

/* browse specific */

.nt-browse-table{margin: 5px 0px 5px;border-top: 1px solid;border-left: 1px solid;border-bottom: 1px solid;border-right: 1px solid;padding: 0px;border-spacing: 0px;}
.nt-browse-table tr{vertical-align: top;}
.nt-browse-table th{white-space: nowrap;font-size:1.1em;}
.nt-browse-table td {
padding-left: 5px;
padding-right: 5px;
border-left: 0px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-top: 1px solid;
}
.nt-browse-grid-cell{
padding-left: 5px;
padding-right: 5px;
border-left: 0px solid #AAA;
border-right: 1px solid #EEE;
border-bottom: 1px solid #CCC;
border-top: 1px solid #EEE;
}

.nt-browse-table-footer{font-weight: bold;font-size:1.1em}
.nt-browse-header-selected{line-height: 34px;border-left: 1px solid;border-right: 1px solid;border-top: 1px solid;padding: 3px;}
.nt-browse-header-not-selected{line-height: 34px;padding: 3px;}
.nt-browse-header-not-selected > div{width:90%;}             
.nt-browse-header-selected > div{}  
.nt-browse-header-not-selected:hover > div{padding-bottom:0px;}
.nt-browse-table{border:0;}
.nt-browse-table > tbody > tr{border-left:1px;}
.nt-browse-table-footer{padding: 10px;border-left: 1px solid!important;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.nt-browse-table-footer-empty{border: 0!important;}
.nt-icon-left{margin-top:9px;}
.ui-state-error{padding: 4px;}
.nt-no-icon > span:first-of-type{background-image: none;}

/* generic div for "_busy" graphic */
.nt-busy {
 position: absolute;
 top: 100%;
 left: 100%;
 margin-top: -40px;
 margin-left: -40px;
 width: 32px;
 height: 32px;
 z-index:9999;
}

.nt-locator td div img{margin-bottom: 2px;}
.nt-alert {font-weight: bold;padding-left:0.5em;padding-top:0.5em;margin: 0.5em;}
.nt-contract-icon{border: 0px;display: block;margin-top: 0.3em;}

.nt-browse-resizable{
height: 99%;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
}

.nt-fakeget {text-decoration: none;cursor: pointer;}

/* keep this near the bottom */
.nt-hidden{
 visibility: hidden;
 border-collapse: collapse;
 margin: 0 !important;
 padding: 0 !important;
 display: none; 
 height: 0 !important;
}

/* Corner radius */
.nt-corner-tl { -moz-border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px;}
.nt-corner-tr { -moz-border-radius: 0px 4px 0px 0px; -webkit-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px;}
.nt-corner-bl { -moz-border-radius: 0px 0px 4px 0px; -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px;}
.nt-corner-br { -moz-border-radius: 0px 0px 0px 4px; -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px;}
.nt-corner-top { -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;}
.nt-corner-bottom { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px;}
.nt-corner-right { -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;}
.nt-corner-left { -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px;}
.nt-corner-all { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}

.ui-spinner-input{border: medium none;}

/* simulated XP tabs with jQuery tab widget */
.ui-tabs .nt-xptab-title li a{
padding-left: 3px;
padding-right: 3px;
padding-top: 0;
padding-bottom: 0;
}

.ui-tabs .nt-xptab-title li{
border: 1px solid #CCCCCC!important;
padding-top:2px;
}

.ui-tabs .nt-xptab-title li.ui-state-active {
border-bottom:1px solid #F7F7F7!important;
border-top: 3px solid #EF8C08 !important;
padding-top:0px;
padding-bottom:0px;
}

.nt-xptab-title, .nt-xptab-title a{ 
border: 0;
font-size: 11px;
color: black!important;
font-weight: normal;
font-family: arial;
line-height: 21px;
}

.nt-countdown{font-size:1em!important;}
.nt-progress{min-width:100px;min-height:15px;}
.nt-panel-browse{ border-width:0;}
.nt-panel-browse td{ border-width:0;}

.ui-widget-header a {
    background: none repeat scroll 0 0 transparent;
    color: #0069D6;
    cursor: pointer;
    font-weight: normal;
    padding-bottom: 2px;
}	
.nt-menu-button-drop{border: 1px solid #ccc!important;}
.ui-menu .ui-menu-item {margin:0}
/* icons */
  /* menu, hamburger icon */	
	@media screen and (max-width: 640px){.nt-small-menu{background: url('/styles/images/Hamburger-262626.png') no-repeat;}}

/*colors*/
	/*menus*/
/*.ui-widget-header .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png);}  
.nt-menu a{background: #4c87c1!important;}
.nt-menu a:hover{background: #003eff!important;}
.nt-taskpanel-menu-header {color:white;background: #4c87c1}
.nt-taskpanel-menu-header >.ui-accordion-header-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png);}
.nt-taskpanel-menu-body{overflow:hidden!important}
.nt-menu-item-alone{color:white;background: #4c87c1}
.nt-menu-items{background: #4c87c1;}
.nt-menu-items-background{background: #4c87c1;}
.nt-menu-text{color:white;}
.nt-menu-item{background-color: #4c87c1;}
.nt-menu-item-text{color:white;}
.nt-menu-border{border:0;} 
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png);}
.nt-menu a{color:white!important;background: #4c87c1!important;}
.nt-menu a:hover{background: #007fff!important;}
.nt-menu-items{background: #4c87c1;}
.nt-menu-item-alone{background: #4c87c1}
.nt-menu-item-alone:hover{color:white;background: #007fff;}
.nt-menu-items-background{background: #f6f6f6;}
.nt-menu-item:hover{color:white;background: #007fff;}*/
	
	/* services and service methods */
.nt-service-methodheading{background:#4c87c1; ; color:white;}
.nt-service-methodname{color: white;}
.nt-tryit-javascript{background-color: #f4f7df;}
.nt-example{color:#419240;}
.nt-service-info{color: #182233;}
.nt-service-fieldname{color:#419240;}
.nt-service-fieldtype{color:#7000ff;}
.nt-service-fieldcomment{color:#6c6c6c;}
.nt-service-divider{background-color:#888;}
.nt-request{background-color: #DAF5DC;}
.nt-service-parametername{color: #419240;}
.nt-service-returnname{color: #419240;}
.nt-http-method{  border: 1px solid #B6B6B6; color: #000000; font-weight: bold; background-color:#BBF8BA!important;}
.nt-place{color:#419240;}
.nt-response{background-color: #DFE1F7;}
.nt-code{}
.nt-code-clarion{background-color: #f7e8df;}
.nt-code-curl{background-color: #f7e8df;}
.nt-code-javascript{background-color: #f7e8df;}
.nt-code-php{background-color: #f7e8df;}
.nt-tryit{padding: 1em;margin: 1em;}

	/*gauges*/
.nt-gauge-canvas{} 
.nt-gauge-pointer{color:LightSalmon} 
.nt-gauge-dial{color:SteelBlue;border-color:LightBlue;background-color:#F8F8F8} 
.nt-gauge-text-group{}
.nt-gauge-text-prefix{color: #444444;}
.nt-gauge-text-number{color: #3564a0;}
.nt-gauge-text-suffix{color: #444444;}
.nt-gauge-labels{color:#3564a0;}
	/*site*/
.nt-body {background-color:#FFF;}
.nt-header{color:#999999;}
.nt-busy {background-color: transparent;}
.nt-countdown{color:red;}
.nt-site-header{border-bottom-color:#7190E0;}
.nt-site-header-6{border-bottom-color:#7190E0;}
.nt-site-footer{border-top-color:#7190E0;}

	/*dialogs*/
/*.ui-dialog-titlebar-close > .ui-icon {background-image: url(images/ui-icons_FFFFFF_256x240.png);}
.ui-dialog .ui-dialog-titlebar-close {background-color: #f57777;}
.ui-widget-header {border-bottom-color:#ddd;background: white}
.ui-dialog .ui-dialog-titlebar { background: #c4daf1;}	*/
	/*forms*/
.nt-rounded{background-color:#EEEEFF}
.nt-prompt{color:#444444;}
.nt-entry{background-color:#FDFDFD;border-color:#888}
.nt-entry-normal { background-color:#FDFDFD;}
.nt-entry-required { background-color:#FEF5E2;}
.nt-entry-readonly { background-color:#E2F9FE;}
.nt-entry-error { background-color:#FFBBBB;}
.nt-comment{color: #A0A0A0;}
.nt-tiny-form th {color: #333;}
.nt-tiny-form input {color: #333;}
.ui-tabs .nt-xptab-title li.ui-state-active a{background: #F7F7F7;}
.nt-xptab-title, .nt-xptab-title a{background: white;}
.nt-literal{background-color: #DFE1F7;}
.nt-export-progress{background-color: rgba(66, 218, 59, 0.75);}
	/*browses*/
.nt-contract-icon{background: transparent;}
.nt-browse-entry{background-color:#FDFDFD;border-color:#888;}
.nt-browse-table-footer{color: #000080;border-left-color:#CCCCCC !important}
.nt-browse-table-row-deleted{color: #969393;background-color: #f3d1d1!important;}
.nt-browse-table-footer{color: #000080;}
.nt-browse-gb1{background-color: #FFFFFF;}
.nt-browse-gb2{background-color: #F8F8F8;}
.nt-browse-mouseover{background-color: #DDDDDD;}
.nt-browse-grid-cell-prompt{color:#5E5F73;}
.nt-browse-selected{background-color: #CCCCCC;}
.nt-browse-header-selected{border-left-color: #EEEEEE;border-right-color: #EEEEEE;border-top-color: #EEEEEE;}
.nt-browse-header-not-selected:hover > div{background:whiteSmoke;color:#00438A;}
.nt-browse-table td {border-left-color:#AAA;border-right-color:#EEE;border-bottom-color:#CCC;border-top-color:#EEE;}

.SelectList {color: #333;}
.SelectList1 {background-color: #EEEEEE;color: #333;}
.SelectList2 {background-color: #FFFFFF;color: #333;}

/* breadcrumbs */
.nt-bread {background-color: #FCFCFF;border-color:#CCCCCC}
a.nt-crumb, a.nt-crumb-first, .nt-crumb-last{background-color: #8E9FC2;color: #FFFFFF;}
a.nt-crumb-last:hover{background-color:#0066CC;color:#FFFFFF;}
.nt-whole-crumb:hover a {background-color:#0066CC;}
.nt-whole-crumb:hover .nt-crumb-right{border-left-color:#0066CC}
.nt-whole-crumb:hover .nt-crumb-left{border-top-color:#0066CC;border-bottom-color:#0066CC}
.nt-crumb-right {border-left-color:#8E9FC2;border-top-color:transparent;border-bottom-color:transparent}
.nt-crumb-left{border-left-color:#FCFCFF;border-top-color:#8E9FC2;border-bottom-color:#8E9FC2}
.nt-crumb-last{color: #000000;background-color: #F8F8F8;border-color:#DDDDDD}

.nt-save-button, .nt-insert-button, .nt-copy-button, .nt-close-button, .nt-select-button{
  color:#ffffff!important;
  background-color: #57a957!important;
  background-repeat: repeat-x!important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957))!important;
  background-image: -moz-linear-gradient(top, #62c462, #57a957)!important;
  background-image: -ms-linear-gradient(top, #62c462, #57a957)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957))!important;
  background-image: -webkit-linear-gradient(top, #62c462, #57a957)!important;
  background-image: -o-linear-gradient(top, #62c462, #57a957)!important;
  background-image: linear-gradient(top, #62c462, #57a957)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0)!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  border-color: #57a957 #57a957 #3d773d!important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
}
.nt-save-button > span:first-of-type, .nt-insert-button > span:first-of-type , .nt-copy-button > span:first-of-type, .nt-close-button > span:first-of-type, .nt-select-button > span:first-of-type
{ background-image: url(images/ui-icons_FFFFFF_256x240.png); }

.nt-change-button, .nt-view-button{
  color: #ffffff!important;
  background-color: #0064cd!important;
  background-repeat: repeat-x!important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd))!important;
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd)!important;
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd))!important;
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd)!important;
  background-image: -o-linear-gradient(top, #049cdb, #0064cd)!important;
  background-image: linear-gradient(top, #049cdb, #0064cd)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  border-color: #0064cd #0064cd #003f81!important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;

}
.nt-change-button > span:first-of-type, .nt-view-button > span:first-of-type { background-image: url(images/ui-icons_FFFFFF_256x240.png); }


.nt-cancel-button, .nt-deleteb-button, .nt-deletef-button{
  color:#ffffff!important;
  background-color: #c43c35!important;
  background-repeat: repeat-x!important;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35))!important;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35)!important;
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35))!important;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35)!important;
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35)!important;
  background-image: linear-gradient(top, #ee5f5b, #c43c35)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0)!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  border-color: #c43c35 #c43c35 #882a25!important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
}
.nt-cancel-button > span:first-of-type, .nt-deleteb-button > span:first-of-type, .nt-deletef-button > span:first-of-type { background-image: url(images/ui-icons_FFFFFF_256x240.png); }



/* inconsolata-regular - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: normal;
  src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
       url('fonts/inconsolata-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/inconsolata-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inconsolata-700 - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: bold;
  src: local('Inconsolata Bold'), local('Inconsolata-Bold'),
       url('fonts/inconsolata-v18-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/inconsolata-v18-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-regular - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/public-sans-v2-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-600 - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/public-sans-v2-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-700 - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/public-sans-v2-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-italic - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/public-sans-v2-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-600italic - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/public-sans-v2-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* public-sans-700italic - latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/public-sans-v2-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/public-sans-v2-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}/* Empty CSS File */
/* --- START OF mobile_menu_style.css FILE! --- */

/* --- START OF VARIABLES --- */
/* These variables are tied to some properties present in this file */
:root {
	--mdc_default_disp: inline-flex;
	--main-color-scheme: #20356f;
	--ui_header_px: 58px;
	--ui_header_desktop_width: 250px;
    --ui_lookup_btn_width: 40px;
    --accordion_menu_iconpx: 54px;
}
/* --- END OF VARIABLES --- */

html {
    height: 100%;
}

html * {
    font-family: "Public Sans",sans-serif;
    font-weight: normal;
    font-size: 14px;
}

div.redactor-toolbar, div.redactor-air {
    z-index: 90;
}

figure {
    margin: 0;
}

figure > * {
    max-width: 100%;
}

/* START: Changes framework icons from the old .png files to a single .svg file */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(56%) sepia(9%) saturate(5%) hue-rotate(314deg) brightness(94%) contrast(87%);
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(56%) sepia(9%) saturate(5%) hue-rotate(314deg) brightness(94%) contrast(87%);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(8%) sepia(13%) saturate(19%) hue-rotate(314deg) brightness(99%) contrast(89%);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(56%) sepia(9%) saturate(5%) hue-rotate(314deg) brightness(94%) contrast(87%);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(56%) sepia(30%) saturate(0%) hue-rotate(231deg) brightness(90%) contrast(81%);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(56%) sepia(30%) saturate(0%) hue-rotate(231deg) brightness(90%) contrast(81%);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(37%) sepia(63%) saturate(1378%) hue-rotate(194deg) brightness(107%) contrast(101%);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(89%) sepia(75%) saturate(812%) hue-rotate(325deg) brightness(101%) contrast(93%);
}

.nt-save-button > span:first-of-type, .nt-insert-button > span:first-of-type , .nt-copy-button > span:first-of-type, .nt-close-button > span:first-of-type, .nt-select-button > span:first-of-type {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(100%) sepia(74%) saturate(0%) hue-rotate(237deg) brightness(104%) contrast(104%);
}

.nt-change-button > span:first-of-type, .nt-view-button > span:first-of-type {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(100%) sepia(74%) saturate(0%) hue-rotate(237deg) brightness(104%) contrast(104%);
}

.nt-cancel-button > span:first-of-type, .nt-deleteb-button > span:first-of-type, .nt-deletef-button > span:first-of-type {
    background-image: url(images/ui-icons-vector.svg);
    background-size: 256px, 256px;
    filter: invert(100%) sepia(74%) saturate(0%) hue-rotate(237deg) brightness(104%) contrast(104%);
}

.ui-icon-extra-show {
    background-position: -96px -240px;
}

.ui-icon-extra-hide {
    background-position: -112px -240px;
}

.ui-icon-extra-show-outline {
    background-position: -128px -240px;
}

.ui-icon-extra-hide-outline {
    background-position: -144px -240px;
}

/* END: Changes framework icons from the old .png files to a single .svg file */

/* START: Classes for Form tabs (using "Tab CSS" property) */
.nt-tab-flexbox > div {
	display: flex;
    flex: 1;
    flex-wrap: nowrap;
}

.desktop-sticky-tab {
    position: sticky;
    position: -webkit-sticky;
    top: var(--ui_header_px);
    padding: 2px;
    background: #f7f7f7;
    z-index: 97;
}
/* END: Classes for Form tabs (using "Tab CSS" property) */

/* START: Classes for use with a form field's "Row Class" property */
.desktop_children_noflex > div {flex: 0 0 auto !important;}
.desktop_children_flex > div {flex: 1 1 0 !important;}
.desktop_children_reverse {flex-direction: row-reverse;}

.row_children-100px > div {width: 100px;}
.row_children-150px > div {width: 150px;}
.row_children-200px > div {width: 200px;}
.row_children-250px > div {width: 250px;}
.row_children-300px > div {width: 300px;}
.row_children-350px > div {width: 350px;}
.row_children-400px > div {width: 400px;}
.row_children-450px > div {width: 450px;}
.row_children-500px > div {width: 500px;}
.row_children-10p > div {width: 10%;}
.row_children-20p > div {width: 20%;}
.row_children-30p > div {width: 30%;}
.row_children-40p > div {width: 40%;}
.row_children-50p > div {width: 50%;}
.row_children-60p > div {width: 60%;}
.row_children-70p > div {width: 70%;}
.row_children-80p > div {width: 80%;}
.row_children-90p > div {width: 90%;}
.row_children-100p > div {width: 100%;}
.row_children-auto > div {width: auto;}
/* END: Classes for use with a form field's "Row Class" property */

.desktop-width-10p { width: 10%; }
.desktop-width-20p { width: 20%; }
.desktop-width-30p { width: 30%; }
.desktop-width-40p { width: 40%; }
.desktop-width-50p { width: 50%; }
.desktop-width-60p { width: 60%; }
.desktop-width-70p { width: 70%; }
.desktop-width-80p { width: 80%; }
.desktop-width-90p { width: 90%; }
.desktop-width-100p { width: 100%; }

.emphasis-text {
	font-weight: bold;
	letter-spacing: 1px;
}

.emphasis-black {
	background-color: black !important;
	color: white;
}

.emphasis-red {
	background-color: red !important;
	color: white;
}

.emphasis-blue {
	background-color: blue !important;
	color: white;
}

.emphasis-green {
	background-color: green !important;
	color: white;
}

.emphasis-yellow {
	background-color: yellow !important;
	color: white;
}

.emphasis-text-1 {
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}

.emphasis-text-1_5 {
    letter-spacing: 1.5px;
    font-weight: bold;
    text-transform: uppercase;
}

.emphasis-text-2 {
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

.emphasis-text-2_5 {
    letter-spacing: 2.5px;
    font-weight: bold;
    text-transform: uppercase;
}

.emphasis-text-3 {
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

.padding-top-0 {padding-top: 0px;}
.padding-top-5 {padding-top: 5px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-20 {padding-top: 20px;}
.padding-left-0 {padding-left: 0px;}
.padding-left-5 {padding-left: 5px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-15 {padding-left: 15px;}
.padding-left-20 {padding-left: 20px;}
.padding-right-0 {padding-right: 0px;}
.padding-right-5 {padding-right: 5px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-15 {padding-right: 15px;}
.padding-right-20 {padding-right: 20px;}
.padding-bottom-0 {padding-bottom: 0px;}
.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-20 {padding-bottom: 20px;}

.border-top-none {border-top: 0;}
.border-left-none {border-left: 0;}
.border-right-none {border-right: 0;}
.border-bottom-none {border-bottom: 0;}


.nt-busy {
   position: fixed;
   height: 100%;
   width: 100%;
   z-index: 9999;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   border: 0;
   user-select: none;
   background-color: transparent;
   cursor: wait;
}

.nt-busy img {
   border: 10px solid navy;
   border-top: 10px solid #86c1ff;
   border-radius: 100%;
   width: 60px;
   height: 60px;
   animation: spin 0.5s linear infinite;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin-left: -30px;
   margin-top: -30px;
   box-shadow: 0px 0px 10px rgb(0 0 0), 0px 0px 10px #000000 inset;
   object-position: -999999px -999999px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ui-resizable-handle {
    border-style: none;
}

.nt-form-grid {
   display: block;
}

.nt-form-grid-row {
    margin-bottom: 0 !important;
}

/* Affects the color of buttons */
.ui-button {
    display: inline-block;
}

/* Fixes problem width shoestrap3 theme regarding pop-up window form content */
.ui-dialog-content {
	width: 100% !important;
}

/* Edit this to change the style of Prompts in Forms */
.nt-prompt {
    font-weight: bold;
    float: left;
    margin-right: 5px;
    color: black;
    text-align: left;
}

.nt-prompt * {
    font-weight: 600;
}

.nt-form-value {
    padding-top: 0px;
}


/* Edit this to change the style of Comments in Forms */
.nt-comment {
    float: left;
    margin-right: 1em;
    padding-top: 0px;
    color: #909090;
    min-height: 0px;
    font-family: "Roboto",sans-serif;
}

.nt-comment:empty {
    padding: 0px;
}

.ui-state-error.nt-comment-error {
	background-color: transparent;
	background-image: none;
	color: red;
	border: 0;
	text-shadow: none;
}

.nt-menu > li ul {
    border-radius: 0px;
}

/* Some additional styles to modernize look and feel */
.ui-checkboxradio-icon, .ui-checkboxradio-icon {
    background-color: transparent !important;
    box-shadow: 0px 0px 0px !important;
}

.ui-checkboxradio-icon-space {
	margin-right: 4px;
}

/* Affects styling of header */
.nt-site-header-6 {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-radius: 0px !important;
}

.nt-body {
    margin: 0 !important;
    background: #f2f2f2 !important;
    height: 100%;
}

.nt-formcell {
    padding: 0;
}

input, select, .nt-entry, .nt-lookup-button, .nt-locate-button, .nt-clear-button, .ui-checkboxradio-label, .nt-formcell > button {
    height: 40px;
    padding: 8px;
    border-radius: 0;
	font-family: inherit;
}

.nt-locate-button, .nt-clear-button {
	display: flex;
}

/* Affects styling of <select> elements */
select, select.nt-entry {
    background-image: url(images/arrow_drop.png);
    background-size: auto;
    background-position: right 1px center;
    background-repeat: no-repeat;
    padding-right: 32px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

/* Restores original <select> element */
select.nt-entry-select {
   display: inline-block !important;
}

select.nt-entry-select+span[role="combobox"] {
	display: none;
}

.ui-checkboxradio-label {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.ui-checkboxradio-label-clean {
    background: transparent;
    background-image: none;
    border-width: 0;
    border-color: transparent;
    box-shadow: none;
}

label.ui-button, label.ui-checkboxradio-radio-label, button.ui-button {
    border-radius: 3px;
}

label.ui-checkboxradio-radio-label {
    display: flex;
    background-image: none;
    background-color: white;
}

.nt-radio-div-buttons-hor label.ui-checkboxradio-checked {
    border: solid 3px #009eff;
    background-color: #0058ff;
    color: white;
}

label.ui-checkboxradio-radio-label > span {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto
}

.nt-radio-div-buttons-hor {
	display: flex;
	flex-wrap: wrap;
}

.nt-radio-div-buttons-hor label.nt-radio {
    flex: 0 1 auto;
    margin: 3px;
	font-family: inherit;
}

.nt-radio-div-buttons-hor label.nt-radio:hover {
    background-color: #cacaca;
}

.nt-radio-div-buttons-hor label.nt-radio > span {
	/*display: none;*/
}

.nt-menu, .site-title {
   width: 100%;
   margin: 0;
}

.nt-leftpanel-l {
   display: block;
}

.nt-contentpanel {
    width: 100%;
    margin: 0 auto;
    float: none;
	background: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 100%;
	/*overflow-x: auto;*/
}

.nt-alert {
   background: #333 !important;
   color: #cbcbcb;
   border: 0px !important;
}

.nt-alert:not(:empty) {
   width: 100%;
   margin: auto;
   display: block;
}

.nt-entry {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
}

.site-title {
    height: 90px !important;
}

/* Affects styling of menu bar */
.nt-menu {
	background: transparent !important;
}

.nt-menu a {
    background: transparent;
}

.nt-menu-text {
    /*color: white !important;*/
    /*text-transform: uppercase !important*/
}

.nt-menu-button {
    background: transparent;
}

/* Fixes to control type of "Spinner" in forms */

span.ui-spinner {
	display: flex;
	flex-wrap: nowrap;
}

span.ui-spinner > input {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	margin: 0;
	text-align: center;
}

span.ui-spinner > input {
	order: 2;
}

span.ui-spinner > a:first-of-type {
	order: 3;
}

span.ui-spinner > a:last {
	order: 1;
}

span.ui-spinner > a {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40px;
    height: 40px;
    display: flex;
    z-index: 97;
}

span.ui-spinner > a > span:first-child {
    position: relative;
    top: 50%;
    left: 50%;
    padding: 0;
}

span.ui-spinner > a > span:last-child {
    display: none;
}

@media only screen and (min-resolution: 1.3dppx) {
    .nt-menu-text {
        color: black !important;
        text-transform: none !important;
    }
}

.ui-corner-all {
    border-radius: 4px;
}

/* Affects styling of main dialog box */
.ui-dialog {
    padding: 0px !important;
    border: 0px !important;
    border-radius: 8px;
    box-shadow: 0px 5px 26px 0px rgba(0,0,0,0.22), 0px 20px 28px 0px rgba(0,0,0,0.30) !important;
}

/* Affects styling of titlebar background in dialog box */
.ui-dialog-titlebar.ui-draggable-handle {
    height: 40px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0;
}

span.ui-dialog-title {
	line-height: 40px;
}

.ui-dialog-titlebar-close {
    top: 38% !important;
	opacity: 1;
}

.ui-dialog .ui-dialog-titlebar-close {
	opacity: 1;
}

.nt-button {
    font-size: 1em;
    font-family: inherit;
}

.nt-nav-button-set button {
    min-width: 0;
}

.colorpicker_lookup {
    width: 40px !important;
    height: auto;
    object-position: -999999px -999999px;
    background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
    border-radius: 4px;
    border: solid 1px rgb(204, 204, 204);
}

/* START: Affects how tables are rendered. Also, the last columns on each table will be sticky'd */
.nt-locator-button-set > button.ui-button {
	min-width: var(--ui_lookup_btn_width);
	text-indent: -9999px;
	justify-content: center;
	border-radius: 0;
}

.nt-browse-header-all-table {
    display: table-cell;
}

.nt-browse-table-cell {
   display: flex;
}

th.nt-browse-table-cell {
   display: table-cell;
}

.nt-browse-cell.nt-browse-table-cell {
    display: table-cell;
}

/*
.nt-browse-data {
    height: 100%;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
*/

.nt-browse-data {
    height: 100%;
    width: 100%;
    white-space: normal;
    display: flex;
    min-height: 40px;
	word-break: break-word;
}

/* Remove this CSS rule if this is causing issues */
/*.nt-browse-data > * {
	width: 100%;
}
*/

table[data-elem="child-table"] {
     width: 100%;
     table-layout: fixed;
}

.nt-browse-table {
    width: 100%;
    background-image: none;
    background-color: transparent;
}

.nt-browse-table th {
	background: white !important;
}

.nt-browse-table th, .nt-browse-table td {
	border-left: 0 !important;
	border-right: 0 !important;
    border-top: 0 !important;
	text-align: left;
}

.nt-browse-table th:not(:last-child), .nt-browse-table td:not(:last-child) {
	min-width: 100px;
	max-width: 200px;
}

.nt-browse-table th:last-child, .nt-browse-table td:last-child {
	width: 1%;
	white-space: nowrap;
}

.nt-browse-table th:last-child, .nt-browse-table td:last-child {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: sticky;
	white-space: nowrap;
	background: inherit;
	right: 0%;
}

th > div.nt-browse-table-cell > div.nt-left, div.nt-fakeget > a {
	font-weight: 900 !important;
}

/*
div.nt-browse-table-cell > div.nt-left {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex-grow: 1;
}
*/

div.nt-browse-table-cell > div.nt-left {
    height: 100%;
    width: 100%;
    white-space: normal;
    display: flex;
    min-height: 40px;
    line-height: normal;
    align-items: center;
	word-break: break-word;
}

.nt-browse-table td:last-child div.nt-browse-data {
    width: auto;
    margin-right: 4px;
}

.nt-browse-table th:last-child, .nt-browse-table td:last-child {
	padding-right: 0px;
}

.nt-browse-table td div > button {
   min-width: 3em;
}

/* END: Affects how tables are rendered. Also, the last columns on each table will be sticky'd */

.nt-header, .nt-browse-table, div[id$="_nav_b"], div[id$="_update_b_div"] {
    padding: 0;
    margin: 0;
    margin-top: 4px;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
}

.ui-tabs {
    padding: 0px;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px;
    padding-top: 10px;
}

#message_confirm {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

div[id$="_saveset"] {
    padding-top: 10px;
}

.ui-dialog .ui-dialog-title {
    padding: 0;
    margin: 0;
    
}

#contentbody_div div.nt-tab-outer {
	padding: 10px;
}

#contentbody_div div[id$="_saveset"] {
	padding: 10px;
}

.nt-header, .nt-browse-header {
    font-size: 1.3em;
	color: #424242;
	font-weight: 800;
}

.nt-header {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

div.nt-browse.exists {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div[data-elem="form-table"] div.nt-browse.exists {
   padding: 0px;
}

div.nt-browse.exists div.nt-header {
	padding-left: 0px;
	padding-right: 0px;
}

div[data-elem="form-table"] div.nt-header {
   padding-left: 0px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--main-color-scheme);
    padding-top: 10px;
    font-size: 1em;
}
	

.ui_container_form {
    display: flex;
    flex-wrap: nowrap;
    width: 480px;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: auto;
}

.ui_input_search {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: auto;
  min-width: 48px;
}

.ui_button_search {
  width: 48px;
}

.ui-span-search {
  left: 0 !important;
  position: relative !important;
}

.ui-menu-divider {
  height: auto !important;
  border: 0;
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.nt-width-600px {
    width: 600px !important;
}

.nt-width-700px {
    width: 700px !important;
}

.nt-width-800px {
    width: 800px !important;
}

.nt-width-900px {
	width: 900px !important;
}

.nt-width-1000px {
	width: 1000px !important;
}

.nt-width-1024px {
	width: 1024px !important;
}

/* Puts emphasis on a text, current font size */
.labelling-parent, .labelling-compact {
    font-weight: 800;
    text-transform: uppercase;
    color: var(--main-color-scheme);
    padding-top: 10px;
    font-size: 1em;
}

.labelling-compact {
	padding-top: 0px;
}

.labelling-padded-top {
	padding-top: 20px;
}

/* Puts emphasis on a text, font size bigger than current size */
.labelling-header {
    font-family: "Lato",sans-serif !important;
    text-align: center;
    text-transform: uppercase;
    color: var(--main-color-scheme);
    font-size: 1.3em;
    font-weight: 800;
}

/* For divs containing browse tables: horizontal-scroll overflow */
.x_scroll_overflow {
    overflow-x: auto;
}

select[data-do="eip"] {
   width: 100%;
   background-color: transparent;
   border: 0;
   border-radius: 5px;
   padding-left: 0px !important;
   padding-right: 32px !important;
}

select[data-do="eip"][disabled="disabled"] {
   background-image: none;
   color: inherit;
}

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

th [data-elem="browse-header-cell"] {
   font-weight: bold;
}

ul.ui-tabs-nav {
	white-space: nowrap !important;
	overflow-x: auto;
	overflow-y: hidden;
	border: 0 !important;
}

li.ui-tabs-tab {
	display: inline-block;
	float: none !important;
	border: 0 !important;
	padding: 0;
	margin: 0 !important;
	height: 48px !important;
}

li.ui-tabs-tab a {
	border: 0 !important;
}


li.ui-tabs-active a {
	border-bottom: solid 3px #979797 !important;
	height: 100%;
}

/* Prevents li drop-down menus from taking up space when they're not displaying anything */
.nt-menu-drop, .nt-menu-nodrop {
    display: block;
}

.ui-mobile-flex-only {
   display: none;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.styled-preformatted {
	white-space: pre-wrap;
    word-break: break-word;
}

.textbox-preformatted {
    max-height: 400px;
    overflow: auto;
    border: solid 1px silver;
	padding: 5px;
}

/* --- END OF OVERRIDER.CSS FILE --- */

/* --- START OF MOBILE_MENU_STYLE.CSS FILE --- */

#pageheadertag_left_div {
   display: block;
}

.sidebar-menu-div {
    height: calc(100% - var(--ui_header_px));
    width: var(--ui_header_desktop_width);
    transition: 0.15s;
    position: fixed;
    background: white;
    top: calc(2px + var(--ui_header_px));
    display: inline-block;
    margin: 0;
    border-right: 1px solid silver !important;
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 0;
    z-index: 99;
    user-select: none;
    scrollbar-width: thin;
}

.sidebar-menu-div:hover {
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-menu-div::-webkit-scrollbar {
     width: 3px;
}


.sidebar-menu-div::-webkit-scrollbar-track {
     background: transparent;
}

.sidebar-menu-div::-webkit-scrollbar-thumb {
     background: silver;
}

.menu_desktop_contract {
	width: var(--ui_header_px);
}

.menu_desktop_contract:hover {
	width: var(--ui_header_desktop_width);
    box-shadow: 0 16px 10px 0 rgba(0,0,0,0.14), 0 11px 18px 0 rgba(0,0,0,0.12), 0 13px 5px -1px rgba(0,0,0,0.2);
}

.menu_desktop_hidden {
	transform: translate(-100%, 0px);
}

.sidebar-menu-div h3.ui-accordion-header > img {
	height: calc(var(--accordion_menu_iconpx) / 3);
	width: calc(var(--accordion_menu_iconpx) / 3);
	margin-left: calc(var(--accordion_menu_iconpx) / 3);
	margin-right: calc(var(--accordion_menu_iconpx) / 3);
}

.sidebar-menu-div h3.ui-accordion-header {
	padding: 2px;
	background: none;
	border: 0 !important;
	display: flex;
	justify-content: flex-end;
	height: 58px;
    outline: none;
    box-shadow: 0px 0px;
}

.sidebar-menu-div h3.ui-accordion-header > span {
	display: none;
	width: 0px;
}

.sidebar-menu-div h3.ui-accordion-header > div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.sidebar-menu-div .nt-accordion-menu-body {
	padding: 0px !important;
	/* background: #c0c0c01c; */
}


.sidebar-menu-div div.nt-accordion-menu-body {
	border: 0 !important;
	padding: 0;
} 

.sidebar-menu-div div.nt-menu-accordion-items h3 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	margin-left: calc(var(--accordion_menu_iconpx) / 3);
	font-size: 85%;
	padding: 5px;
	padding-left: 38px;
	padding-right: 10px;
	margin-top: calc(var(--accordion_menu_iconpx) / 3);
}

.sidebar-menu-div h3.ui-accordion-header > div {
	line-height: 58px;
	padding-left: 18px;
	display: flex;
	align-items: center;
}

.sidebar-menu-div h3.ui-accordion-header > div > img {
	width: 1.3em;
	height: 1.3em;
	margin-right: 18px;
}

/* Userbar menu beginning */

.userbar_menu {
    width: 100%;
    overflow: hidden;
    height: 100%;
    margin: 0;
    user-select: none;
}

.userbar_menu > div.ui-accordion {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.userbar_menu h3.ui-accordion-header {
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	background: none;
	outline: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.userbar_menu h3.ui-accordion-header > span.ui-accordion-header-icon {
	display: none;
}

.userbar_menu .nt-accordion-menu-body {
    display: block;
    position: absolute;
    width: 250px;
    right: 0.25%;
    box-shadow: 0px 5px 26px 0px rgba(0,0,0,0.22), 0px 20px 28px 0px rgba(0,0,0,0.30) !important;
    border: 0;
    border-radius: 5px;
    z-index: 1;
}

.userbar_title {
  max-width: var(--ui_header_desktop_width);
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.userbar_title_icon {
    width: calc(var(--ui_header_px) * .70);
    height: calc(var(--ui_header_px) * .70);
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    flex-grow: 0;
    flex-shrink: 0;
    color: white;
    line-height: calc(var(--ui_header_px) * .70);
    text-align: center;
    font-size: calc(var(--ui_header_px) * .50);
}

.userbar_title_badge {
    height: 15px;
    width: 15px;
    background-color: red;
    position: relative;
    right: 10%;
    top: 50%;
    border-radius: 100%;
    border: white solid 2px;
    align-self: baseline;
}

.userbar_title_name {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  line-height: var(--ui_header_px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Userbar menu ending */


.nt-contentpanel, .nt-site-footer, #alert_div {
    width: calc(100% - var(--ui_header_desktop_width));
    float: right;
    margin: 0;
    transition: width 0.15s;
}

#contentbody_div {
    background: #f7f7f7;
	padding-left: 0;
	padding-right: 0;
}

.width_desktop_expanded, #alert_div.width_desktop_expanded {
   width: calc(100% - var(--ui_header_px));
}

.width_desktop_sidebar_hide {
   width: 100%;
}

.ui-blank-header ~ #alert_div, .ui-splash-header ~ #alert_div {
    display: none;
}

.ui-blank-header ~ #contentbody_div, .ui-splash-header ~ #contentbody_div {
    width: 100%;
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ui-splash-header ~ #contentbody_div {
    background-image: url(../../images/Home_Background2.jpg);
}

.ui-splash-header ~ #contentbody_div > div {
    padding: 10px;
    background-color: #ffffff80;
    backdrop-filter: blur(5px);
    border-radius: 5px;
    box-shadow: 0px 5px 26px 0px rgba(0,0,0,0.22), 0px 20px 28px 0px rgba(0,0,0,0.30);
}

.ui-splash-header ~ #contentbody_div > div div[id$="_saveset"] {
	display: flex;
	flex-wrap: nowrap;
}

.ui-splash-header ~ #contentbody_div > div div[id$="_saveset"] > * {
    flex: 1 1 0;
}

.nt-body {
    height: 100%;
}

.nt-body-padded {
    height: 100%;
    padding-top: 35px;
}

.gfx_btn_container0, .gfx_btn_container {
    height: var(--ui_header_px);
    width: var(--ui_header_px);
    background-image: url(images/appbar_left_icons.svg);
    background-size: 174px 58px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
}

.gfx_btn_container0:hover {
	background-color: #c0c0c05e;
}

#x_menu_desktop {
    height: var(--ui_header_px);
    width: var(--ui_header_px);
    display: inline-block;
    padding: 0px !important;
    flex-shrink: 0;
}

#x_menu_mobile {
    display: none;
}

#x_hdr_container {
	display: none;
}

#x_menu_search {
    min-width: var(--ui_header_px);
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    align-items: center;
    padding: 10px;
}

#x_act_btn {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    min-width: var(--ui_header_px);
    max-width: var(--ui_header_desktop_width);
}

/* Use the "Span Prompt/Value/Comment" option to utilize the "brick-bond-style" */
/* Use 'brick-bond-style' under the form cell div */

.nt-form-grid-row {
	display: flex;
	flex-wrap: nowrap;
}

.nt-form-grid-row .nt-form-grid-cell {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
}

.ui-flex-basis-100 {
    flex-basis: 100px;
}

.ui-flex-basis-200 {
    flex-basis: 200px;
}

.ui-flex-basis-400 {
    flex-basis: 400px;
}

.ui-flex-basis-600 {
    flex-basis: 600px;
}

.ui-flex-basis-800 {
    flex-basis: 800px;
}

.nt-form-grid-row .nt-form-grid-cell:first-child {
    padding-left: 0;
}

.nt-form-grid-row .nt-form-grid-cell:last-child {
    padding-right: 0;
}

.nt-form-grid-row .nt-form-grid-cell > * {
	width: 100%;
}

/* To use this, you must first determine which of the controls in
a row goes first. Then in its CSS properties tab, enter this in the
"Row Class": 'nt-form-grid-row ui-grid-nopad' */
.nt-form-grid-row.ui-row-nopad > .nt-form-grid-cell {
    padding: 0;
}

.nt-form-grid-row.ui-row-pwentryonly > .nt-form-grid-cell:nth-child(2) {
    width: 40px;
    flex-grow: 0;
    flex-basis: auto;
}

.nt-form-grid-row.ui-row-pwentryonly > .nt-form-grid-cell:nth-child(2) div > button {
   width: 100% !important;
}

.nt-form-grid-row.ui-row-pwentryonly .nt-form-grid-cell {
	min-width: auto !important;
}

.nt-form-grid-row.ui-row-pwentryonly .nt-form-grid-cell .nt-prompt label:empty {
	color: transparent;
	border: solid 1px transparent;
}

/* Classes that complement the .brick-bond-style class */
.nt-form-grid-row .nt-form-grid-cell > div.nt-prompt {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nt-form-grid-row .nt-form-grid-cell > div.nt-prompt::after {
	content: "*";
	color:transparent;
}

.nt-form-grid-row .nt-form-grid-cell > div.nt-hidden {
	padding: 0px !important;
}

/*
.nt-form-grid-row .nt-form-grid-cell > div.nt-form-value > * {
	width: 100%;
}
*/

.nt-form-grid-row .nt-form-grid-cell > div.nt-formcell > * {
	width: 100%;
}


/* Only affects jQuery-styled checkboxes */
.nt-form-grid-row .nt-form-grid-cell > div.nt-form-value > input[type=checkbox].ui-checkboxradio {
	width: auto;
}

.nt-lookup {
   display: flex;
}

.nt-lookup > input {
   flex-grow: 1;
}

.nt-lookup > button.ui-button {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   width: var(--ui_lookup_btn_width) !important;
   min-width: var(--ui_lookup_btn_width);
}

.nt-form-grid-row .nt-form-grid-cell > div.nt-form-value > textarea {
	width: 100%;
	resize: vertical;
}

.nt-form-grid-row .nt-form-grid-cell > div.nt-comment {
	width: 100% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nt-form-grid-row .nt-form-grid-cell div {
	/* Comment "display: block" since this might cause */
	/* forms on forms not to display properly */
        /* display: block; */
	width: 100%;
}

.nt-prompt, .nt-form-value, .nt-comment {
    margin: 0;
	padding: 0;
}

.nt-prompt {
	padding-top: 4px;
	padding-bottom: 4px;
}

.nt-form-value {
	padding-bottom: 4px;
}

.nt-comment {
	padding-bottom: 4px;
}

.nt-form-value .nt-entry, .nt-comment {
	font-family: inherit;
}

.nt-comment {
	font-size: 0.90em;
}

div.ui-row-noflex .nt-form-grid-cell {
	display: block;
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 0;
	flex: none;
}

.nt-rounded {
	box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.47), 0 1px 3px 1px rgba(0, 0, 0, 0.26);
	background-color: #ffffff;
	border-radius: 3px;
	padding: 0;
}

.nt-rounded-header {
	text-transform: none;
	background: #656565;
	color: white;
	padding:8px;
	border-radius: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.nt-rounded div[data-elem="form-table"] {
    padding: 10px;
}

.ui-state-default.nt-rounded-header {
	background-color: transparent;
	background-image: none;
	padding: 0;
	border: 0;
	border-color: transparent;
	border-bottom-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: none;
}

/* Modifies the default NetTalk layout into something that is similar to a webmail UI */
/* Note: Header tag must use the double-drop style */

.nt-site-header-6 {
    border-bottom: 1px solid #8080807a !important;
    height: 58px !important;
    max-height: 58px !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background: white;
    z-index: 99;
}

#x_hdr_container {
    width: 100%;
    height: var(--ui_header_px);
    overflow-x: hidden;
    display: flex;
}

#alert_div:empty {
    padding: 0px !important;
}

#alert_div {
    /*width: 100% !important;*/
    margin: 0em !important;
    display: block;
    padding: 7px !important;
    margin-top: 58px !important;
    padding: 5px !important;
}

#alert_div.width_desktop_sidebar_hide {
   width: 100%;
}

#x_menu_title {
    overflow: hidden;
    text-overflow: ellipsis;
    height: var(--ui_header_px);
    line-height: var(--ui_header_px);
    padding: 0px;
    white-space: nowrap;
    font-size: 1.15em;
    background-size: auto 80% !important;
    background-position: 10% center;
    background-repeat: no-repeat;
    width: calc(var(--ui_header_desktop_width) - var(--ui_header_px));
    flex-shrink: 0;
}

#x_menu_title > a {
	height: 100%;
    width: 100%;
    display: inline-block;
}

.nt-menu {
	display: block !important;
	top: 0 !important;
}

.nt-menu-item-text {
	white-space: break-spaces;
	text-align: left;
}

.nt-menu-text {
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	padding-left: 1.1em;
}

.nt-menu a {
    border: 0 !important;
}

.nt-menu a:link {
    text-align: left;
    border: 0px;
    background: transparent;
    white-space: normal;
    padding: 0.75em;
    padding-left: 1.80em;
    font-weight: bold;
}

.ui-accordion-content > .nt-menu-item a {
	padding: 5px 4%;
}

.nt-menu-accordion-items .nt-menu-item a {
   padding: 5px 4%;
   padding-left: 3em;
}

.nt-menu-item a:hover, .nt-menu-item a.nt-menu-button:hover {
    background: #c0c0c059;
}

ul.nt-menu-items {
    position: static !important;
}

a.nt-menu-button > div.nt-menu-text {
   font-weight: 800;
}

li.nt-menu-item {
   display: block;
   position: relative;
}

li.nt-menu-item > ul[aria-expanded="true"] {
	margin: 0;
	position: relative;
	display: block;
	width: 100%;
	top: 0 !important;
	left: 0 !important;
	border: 0;
}

.ui-disable-greyout {
    filter: saturate(40%);
    background: #7171712e;
    user-select: none;
    pointer-events: none;
}

span[role="combobox"] {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-radius: 4px;
}

div.ui-selectmenu-open {
    background-color: white;
    box-shadow: 0px 5px 10px #000000b3;
    z-index: 90;
}

div.ui-selectmenu-open,
div.ui-selectmenu-open > ul {
    border-radius: 3px;
}

a {
  color: inherit;
}

/* Media queries under this comment changes the
background image size of element with id: x_menu_title
according to the defined device min-widths below.
For best results, limit the height of your
background image height to the value present in --ui_header_px. */

/*
@media only screen and (min-width: 120px) {
	#x_menu_title{
		background-repeat: no-repeat;
		background-size: auto 45% !important;
		background-position: center;
	}  
}

@media only screen and (min-width: 480px) {
	#x_menu_title{
		background-repeat: no-repeat;
		background-size: auto 50% !important;
		background-position: center;
	}  
}
*/

/* media query for mobile / desktop screens with min-width of 1024px */
@media only screen and (min-resolution: 1.3dppx), (-webkit-min-device-pixel-ratio: 1.3), (max-width: 1024px) {
    .menu_desktop_contract {
        width: var(--ui_header_desktop_width);
    }

    .nt-contentpanel, .nt-site-footer {
        width: 100% !important;
    } 

    .width_desktop_expanded {
       width: 100%;
    }

    #x_menu_desktop {
       display: none;
    }

    #x_menu_mobile {
        height: var(--ui_header_px);
        width: var(--ui_header_px);
        display: inline-block;
        padding: 0px !important;
        flex-shrink: 0;
    }

	#x_menu_search {
        width: var(--ui_header_px);
  	    /* display: none; */
	}

    .sidebar-menu-div {
        transform: translate(-100%, 0px);
    }

	.menu-mobile-show {
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
		z-index: 98;
		transform: translate(0px, 0px) !important;
	}

	.gfx_close {
        background-image: url(images/appbar_left_icons.svg);
        background-size: 174px 58px;
        background-position: -58px 0px;
        background-repeat: no-repeat;
	}
   
	#alert_div {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		margin: 0em !important;
		/*display: none !important;*/
		padding: 7px !important;
		margin-top: 58px !important;
	}

	#alert_div:empty {
		padding: 0px !important;
	}

	.nt-contentpanel {
	   /*overflow: auto;*/
	   width: 100% !important;
	   max-width: 100% !important;
	   min-width: 100% !important;
	   min-height: 100% !important;
	}

	.nt-site-header-6 {
		border-bottom: 1px solid #8080807a !important;
		height: 58px !important;
		max-height: 58px !important;
		position: fixed !important;
		top: 0 !important;
		width: 100% !important;
		background: white;
		z-index: 99;
        user-select: none;
	} 
  
	.nt-body {
		margin: 0px !important;
		height: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
  
	.nt-body-div {
		min-width: 100% !important;
		max-width: 100% !important;
	} 

    #x_hdr_container {
		width: 100%;
		height: var(--ui_header_px);
		overflow-x: hidden;
		display: flex;
	}

	#x_menu_title {
	   overflow: hidden;
	   text-overflow: ellipsis;
	   height: var(--ui_header_px);
	   line-height: var(--ui_header_px);
	   padding: 0px;
	   white-space: nowrap;
	   font-size: 1.15em;
	   flex: 1 1 0;
       background-position: center;
       background-repeat: no-repeat;
	}
    
    #x_menu_search {
        display: none;
    }

	#x_act_btn {
	     height: var(--ui_header_px);
	     width: var(--ui_header_px);
	     border: 0px solid red;
	     /* display: inline-block; */
         /*display: none;*/
         padding: 0px !important;
	}
    
	.userbar_title_name {
		display: none;
	}    

	#x_act_submenu {
		width: 60%;
		background: white;
		position: fixed;
		top: 60px;
		right: 2px;
		z-index: 98;
		max-height: calc(90% - var(--ui_header_px));
		box-shadow: 0px 0px 5px grey;
		border-radius: 2px;
		overflow-y: scroll;
	}

}

/* media query for most mobile devices */
@media only screen and (min-resolution: 1.3dppx), (-webkit-min-device-pixel-ratio: 1.3) {
	/* Style for mobile displays go here*/


	.nt-width-600px, .nt-width-700px, .nt-width-800px, .nt-width-900px, .nt-width-1000px, .nt-width-1024px {
		width: 100% !important;
	}

	div.ui-row-mobileflex .nt-form-grid-cell {
		display: block;
		flex-shrink: 0;
		flex-grow: 0;
		flex-basis: 0;
		flex: 1 1 0;
		width: auto;
		min-width: auto;
		padding: 4px;
	}

	div.ui-row-mobile-noflex .nt-form-grid-cell {
		width: auto;
		min-width: auto;
		flex-shrink: 0;
        flex-grow: 0;
        flex-basis: 0;
        flex: none;
	}
	
    .ui-mobile-flex-only {
        display: flex;
    }

    .mobile-nosticky-tab {
        position: static;
        top: auto;
    }
    
    .mobile_children_noflex > div {flex: 0 0 auto !important;}
    .mobile_children_flex > div {min-width: 0 !important; flex: 1 1 0 !important;}
    .mobile_children_reverse {flex-direction: row-reverse;}
    
    .mobile-width-10p { width: 10%; }
    .mobile-width-20p { width: 20%; }
    .mobile-width-30p { width: 30%; }
    .mobile-width-40p { width: 40%; }
    .mobile-width-50p { width: 50%; }
    .mobile-width-60p { width: 60%; }
    .mobile-width-70p { width: 70%; }
    .mobile-width-80p { width: 80%; }
    .mobile-width-90p { width: 90%; }
    .mobile-width-100p { width: 100%; }
    
    .nt-tab-flexbox > div {
        display: block;   
    }
        
    .nt-form-grid-row {
        display: flex;
    	flex-wrap: wrap;
        width: 100%;
    }

    .nt-form-grid-row .nt-form-grid-cell {
        width: 100%;
        min-width: 100%;
        padding: 0;
    }
    
	.nt-form-grid-row .nt-form-grid-cell > div.nt-prompt::after {
		content: "";
		color: transparent;
	} 

	.nt-form-grid-row .nt-form-grid-cell > div.nt-prompt {
		overflow: visible;
		white-space: normal;
	}

	.redactor-toolbar {
		z-index: 94 !important;
	}	

	.ui-resizable-e {
		border: 0px !important;
	}	
	
  
       div[id$="_saveset"] {
    	  display: flex;
    	  flex: 1;
    	  flex-wrap: nowrap;
       }

       div[id$="_saveset"] > button {
	  flex: 1 1 0;
	  margin: 4px;
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  font-weight: 600;
       }
  
	.nt-tab-title {
		margin: 0;
		margin-bottom: 14px;
		padding: 0;
		font-size: 1em;
		text-transform: uppercase;
	}
  
	.ui-accordion-content {
	   padding: 1em !important;
	}
  
	.ui-dialog {
	    position: fixed !important;
	    width: 95% !important;
	    max-height: 95% !important;
	    overflow:auto !important;
	}
  
	.ui-widget-overlay {
		background: #636363ba !important;
		opacity: 1 !important;
		position: fixed !important;
	}  
  
	.ui-slider-horizontal {
		width: 70% !important;
	}
  
	.mobile-hidecolumn {
		display: none;
	}		

	div[aria-describedby^="popup_"] {
		width: 100% !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		height: 100% !important;
		max-height: 100% !important;
		padding: 0px !important;
		border: 0px !important;
	}	

	div[aria-describedby^="popup_"] > div.ui-dialog-titlebar {
		height: 58px;
		position: fixed;
		width: 100%;
		z-index: 98;
		padding: 0px;
		box-shadow: 0px 0px 7px grey;
		border: 0;
		background: white;
	}	
	
	div[aria-describedby^="popup_"] > div.ui-widget-content {
		margin-top: var(--ui_header_px);
		width: 100% !important;
		height: 100% !important;
		overflow-x: hidden;
	}	

	div[aria-describedby^="popup_"] span.ui-dialog-title {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 15px;
		padding: 0;
		font-size: 0.95em;
		line-height: var(--ui_header_px);
		vertical-align: middle;
		width: calc(100% - 96px);
		left: 39px;
		position: relative;
	}


	div[aria-describedby^="popup_"] button.ui-dialog-titlebar-close {
		margin: 0px;
		padding: 0px;
		height: var(--ui_header_px);
		width: var(--ui_header_px) !important;
		top: 0 !important;
		background: transparent;
		border: 0px !important;
		left: 0;
	}

	div[aria-describedby^="popup_"] button.ui-dialog-titlebar-close > span.ui-icon-closethick {
		top: 0 !important;
		position: absolute;
		left: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		height: var(--ui_header_px) !important;
		width: var(--ui_header_px) !important;
        background-image: url(images/appbar_left_icons.svg);
        background-size: 174px 58px;
        background-position: -58px 0px;
        background-repeat: no-repeat;
        opacity: 1;
	}

	div[aria-describedby^="popup_"] button.ui-dialog-titlebar-close > span.ui-button-text {
		display: none;
	}		

	.nt-form-div {
		width: 100%;
	}

	.nt-form-table {
		width: 100% !important;
	}

	form input {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	form select {
		width: 100% !important;
	}

	form label {
		font-weight: bold !important;
	}

	form textarea {
		width: 100%;
		resize: vertical;
	}

	.ui-datepicker-trigger {
		float: right;
		position: absolute;
	}

	.ui-datepicker {
		box-shadow: 0px 0px 10px grey;
	}

	.ui-front {
		/*box-shadow: 0px 0px 10px grey;*/
	}

	.hasDatepicker {
		width: 97% !important;
	}

	.ui-datepicker-trigger {
		width: 3%;
	}

	.nt-comment {
		color: #909090;
		font-size: 0.825em;
	}

	.nt-comment-error {
		color: red;
	}

	.nt-entry-text {
		width: 100%;
		max-width: 100%;
	}

	.ui-state-error {
		border: 0px !important;
	}

	.nt-small-menu {
		display: none !important;
	}

	/* Mobile CSS styles for table element used by file upload control */
	.nt-upload-table {
		display: table;
		table-layout: fixed !important;
		width: 100%;
		min-width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	.nt-upload-table th, .nt-upload-table thead {
		display: none !important;
	}

	.nt-upload-table td {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		display: block !important;
		border-bottom: 0px;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;	
	}
	
	
	.textbox-preformatted {
		max-height: 100%;
		overflow: hidden;
		border: 0;
	}
}

/* media query for devices like ipad pro */
@media only screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px){
	
	.nt-width-600px, .nt-width-700px, .nt-width-800px, .nt-width-900px, .nt-width-1000px, .nt-width-1024px {
		width: 100% !important;
	}
	
    .sidebar-menu-div {
        transform: translate(-100%, 0px);
    }

	.menu-mobile-show {
		box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
		z-index: 100;
		transform: translate(0px, 0px) !important;
	}

	#x_act_submenu {
		width: 40%;
		background: white;
		position: fixed;
		top: var(--ui_header_px);
		right: 2px;
		z-index: 98;
		max-height: calc(90% - var(--ui_header_px));
		box-shadow: 0px 0px 5px grey;
		border-radius: 2px;
		overflow-y: scroll;
	}	
}

/* New classes for displaying welcome banner in IndexPage */

.container_frost {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff80;
  backdrop-filter: blur(5px);
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 250px;
  max-width: 75%;
  border-radius: 5px;
  box-shadow: 0px 5px 26px 0px rgba(0,0,0,0.22), 0px 20px 28px 0px rgba(0,0,0,0.30) !important;
}

.left_child {
    width: 250px;
    max-width: 250px;
    height: 200px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}

.right_child {
  flex: 1 1 0;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  max-width: 600px;
}


.home_heading_msg {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  width: 100%;
}

.home_subheading_msg {
  padding-top: 10px;
  text-align: justify;
  font-size: 15px;
  width: 100%;
}

.action_container {
  padding-top: 10px;
}

/* START: Special Classes related to flexbox */
.flex_justify-content_flex-start { justify-content: flex-start; }
.flex_justify-content_flex-end { justify-content: flex-end; }
.flex_justify-content_center { justify-content: center; }
.flex_justify-content_space-between { justify-content: space-between; }
.flex_justify-content_space-around { justify-content: space-around; }
.flex_justify-content_space-evenly { justify-content: space-evenly; }
/* END: Special Classes related to flexbox */




/* --- END OF mobile_menu_style.css FILE! --- */
/* --- START OF EXTRA_TEST.CSS FILE --- */

/* Experimental: Work-in-progress! */
/* Apply class "material_data_card" to table-div */
@media only screen and (min-resolution: 1.3dppx) {
    .material_data_card {
    	width: 95%;
    	margin-left: auto;
    	margin-right: auto;
    }

	.material_data_card table {
		width: 100% !important;
		background: transparent;
		border: 0px !important;
	}

	.material_data_card table tr {
		display: block;
	}

	.material_data_card tr {
		padding: 5px;
		margin-bottom: 10px;
		border: 0px;
		box-shadow: 1px 1px 5px silver;
		border-radius: 3px;
	}

	.material_data_card th, .material_data_card thead {
		display: none !important;
	}

	.material_data_card td {
		width: 100% !important;
		display: var(--mdc_default_disp);
		border-bottom: 0px;
		align-items: center;
	}

	.material_data_card td > div {
		display: var(--mdc_default_disp);
		float: right;
		width: 75%;
		flex-direction: row-reverse;
	}

	.nt-browse-gb1 .card_contract_expand,
	.nt-browse-gb2 .card_contract_expand	{
		display: none !important;
	}	
	
	.material_data_card td[title]:before {
		content: attr(title);
		font-weight: 800;
		width: 30%;
	}

	.material_data_card div:empty {
		height: 0px !important;
		background:red;
	}

	.material_data_card div > span {
		text-align: right;
		min-width: 100% !important;
	}

	.material_data_card td {
		 border-left: 0px #ffffff !important;
		 border-right: 0px #ffffff !important;
		 border-top: 0px #ffffff !important;
		 border-bottom: 0px #ffffff !important;
	}
	
	/* Changes display property of element with
	class of "card_contract_expand" to block */
	.nt-browse-selected .card_contract_expand {
		display: var(--mdc_default_disp);
	}		

}

/* Modifies Locator for small displays */

@media only screen and (min-resolution: 1.3dppx) {
.nt-locator {
	width: 100%;
	padding: 10px;
}

.nt-locator td, .nt-locator tr {
	display: block;
	width: 100%;
}

.nt-locator td:nth-of-type(1) {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.nt-locator td:nth-of-type(2) {
	width: calc(100% - 40px);
	display: inline-block;
	padding: 0px;
}

.nt-locator td:nth-of-type(3) {
	width: 40px;
	display: inline-block;
	padding: 0px;
}

.nt-locate-button {
	width: 100%;
	color: transparent !important;
	padding-top: 9px;
	padding-left: 12px;
}
}


.common_bg_center {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;  
}

.common_h32px {
    height: 32px !important;
}

.common_h64px {
    height: 64px !important;
}

.common_h96px {
    height: 96px !important;
}

.common_h128px {
    height: 128px !important;
}

.common_h160px {
    height: 160px !important;
}

.common_w32px {
    width: 32px !important;
}

.common_w64px {
    width: 64px !important;
}

.common_w96px {
    width: 96px !important;
}

.common_w128px {
    width: 128px !important;
}

.common_w160px {
    width: 160px !important;
}

.header-msg-base {
	padding: 8px;
	background-color: white;
	border-radius: 3px;
	box-shadow: 0 1px 3px silver, 0 1px 2px silver;
	margin-top: 2px;
	height: 35px;
}

.header-msg-icon {
	padding-left: 40px;
	min-height: auto;
	background-repeat: no-repeat;
	background-position-x: 8px;
	background-position-y: -3px;
	background-size: 24px;
}

.header-msg-background-success{
	background-color: #ccffdc;
}

.header-msg-background-info{
	background-color: #d8f0ff;
}

.header-msg-background-warning{
	background-color: #ffe0af;
}

.header-msg-background-error{
	background-color: #ffa8a8;
}

.header-msg-icon-success{
	background-image: url("images/mmsg-success.svg");
}

.header-msg-icon-warning{
	background-image: url("images/mmsg-warning.svg");
}

.header-msg-icon-info{
	background-image: url("images/mmsg-info.svg");
}

.header-msg-icon-error{
	background-image: url("images/mmsg-error.svg");
}

.inline-msg-base {
  padding: 8px;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px silver, 0 1px 2px silver;
  margin-top: 5px;
}

.inline-msg-icon {
  padding-left: 40px;
  min-height: auto;
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-position-y: 5px;
  background-size: 24px;
}

.inline-msg-success {
  background-color: #ccffdc;
  background-image: url("images/mmsg-success.svg");
}

.inline-msg-info {
  background-color: #d8f0ff;
  background-image: url("images/mmsg-info.svg");
}

.inline-msg-warning {
  background-color: #ffe0af;
  background-image: url("images/mmsg-warning.svg");
}

.inline-msg-error {
  background-color: #ffa8a8;
  background-image: url("images/mmsg-error.svg");
}

/* Desktop CSS */

.nt-accordion-icon-right:hover{
	background-color: #aaa;
}

.openclose_sidebar {
	font-size: 20px;
	cursor: pointer;
	background-color: #aaa;
	color: white;
	padding: 10px 15px;
	border: none;
}


.nt-form-header a {
	font-size: 18.2px;
	color: #424242;
	font-weight: inherit;
}

.nt-browse-header a {
	font-size: 14px;
	color: #20356F;
	font-weight: inherit;
}

/*
.nt-html{
	background-image: url(../../images/Home_Background2.png);
	background-size: cover;
}
*/

#content_index {
   width: 450px;
   height: auto;
   margin: auto;
   border: 1px #ccc solid;
   background: white;
}

#update_adb_saveset{
   position: relative;
   top: -20px;
   width: fit-content;
}

.custom_submit_button{
   color: green;
}

.openclose_sidebar {
	font-size: 20px;
	cursor: pointer;
	background-color: #444;
	color: white;
	padding: 10px 15px;
	border: none;
  }

/* Desktop News CSS */

.news-title{
	font: 30px bold;
	margin-top: 20px;
	white-space: normal;
    line-height: normal;
}

.news-image{
    width: 700px;
    min-width: 700px;
    margin-top: 20px;
}

.news-image-caption{
	color: gray;
	width: 700px;
    min-width: 700px;
	text-align: justify;
	margin-bottom: 20px;
	white-space: normal;
    line-height: normal;
}

.news-body{
	white-space: normal;
	line-height: normal;
	padding-right: 20%;
    text-align: justify;
}

.news-row{
    height: 140px;
    margin: 10px;
    display: flex;
}

.news-createinfo-row{
    color: rgba(40, 39, 41, 0.815);
    white-space: nowrap;
	overflow: hidden;
	line-height: normal;
}

.news-row-image{
    height: 100%;
    width: 220px !important;
}

.news-preview-content{
    margin-left: 20px;
    width: 100%;
}

.news-title-row{
    font-size: 20px;
    font-weight: bold;
    white-space: normal;
    max-height: 50px;
	overflow: hidden;
	line-height: normal;
	margin-top: 5px;
}

.news-title-row a{
    font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.news-title-row :hover{
    color: blue;
}

.news-content-row{
    white-space: normal;
    max-height: 75px;
	overflow: hidden;
	line-height: normal;
}

.news-content-row p{
    white-space: normal;
    max-height: 75px;
}

.cus-txtarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    height: 86px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: auto;
}

.cus-txtarea > textarea {
	height: 100%;
    width: 100%;
    border: 0;
}

.cus-crit-highlight {
	font-style: italic;
    color: red;
}

@media only screen and (max-width: 640px) {   
    .inline-msg-base {
      padding: 5%;
    }

    .inline-msg-icon {
      padding-top: 18%;
      background-repeat: no-repeat;
      background-position-x: center;
      background-position-y: 8px;
      background-size: 15%;
      text-align: center;
	}
	
	/* Mobile News CSS */
	.news-title{
		font: 30px bold;
		margin-top: 20px;
		white-space: normal;
		line-height: normal;
	}
	
	.news-image{
		width: 100%;
		min-width: 100%;
		margin-top: 20px;
	}
	
	.news-image-caption{
		color: gray;
		width: 100%;
		min-width: 100%;
		text-align: justify;
		margin-bottom: 20px;
		white-space: normal;
		line-height: normal;
	}
	
	.news-body{
		white-space: normal;
		line-height: normal;
		padding-right: 0;
		text-align: justify;
	}
}

/* Remove comment once done
.nt-body-index{
	margin-top: 5%;
}

#bg-image{
	opacity: 1;
}

.logout-form-div{
	margin-top: 10%;
	margin: auto;
	width: 300px;
	height: auto;
	padding: 25px;
	border: 2px #ccc solid;
}

.nt-body-div{
	position: absolute;
	margin: auto;
    margin-top: 10px;
    width: 1080px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#contentbody_div{
	width: 100%;
	border: 2px #ccc solid;
	min-height: 100%;
	padding: 10px;
}

 #content_index {
    width: 450px;
    height: 475px;
    margin: auto;
    background-color: transparent;
    border: 1px #ccc solid;
}

#update_adb_btn_adbstatus_value_div{
	position: absolute;
	width: 175px;
}

#update_adb_saveset{
	position: relative;
	top: -20px;
	width: fit-content;
}

.custom_submit_button{
	color: green;
}

#menu_1{
	position: absolute;
	z-index: 99;
	right: 0;
	top: 125px;
	width: auto;
}

.nt-menu-item-text{
	text-decoration: underline;
}

*/

@media only screen and (min-resolution: 1.3dppx) {
	.lace {
	    display: none;
	}
}

#update_adb_mimicsave_value_div {
	display: none !important;
}

.nt-menu-item-text:hover {
	color: #20356F;
}

.nt-menu-button:hover{
	background-color: #e8e8e8 !important;
}

.nt-accordion-icon-right:hover{
	background-color: #e8e8e8 !important;
}
/* --- END OF EXTRA_TEST.CSS FILE --- */
/* CSS Overrides for JDEL ADBSys */

#contentbody_div {
    background: white;
	/* padding-top: 35px; */
}

.ui-splash-header ~ #contentbody_div > div {
    padding: 0;
}

#x_menu_desktop {
    /*filter: invert(1);*/
}

#x_menu_mobile {
    /*filter: invert(1);*/
}

.ui_container_form .ui_input_search {
	border-radius: 200px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui_container_form button.ui-button {
	border-radius: 200px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

button.ui-button,
.nt-form-value > .nt-entry,
.nt-lookup, label.ui-button,
.ui-dialog-buttonset .ui-button:first-child,
.ui-dialog-buttonset .ui-button:last-child {
	border-radius: 200px;
}

.nt-form-value > textarea.nt-entry {
	border-radius: 10px;
	min-height: 7em;
}

.nt-lookup, .nt-form-value > .nt-entry {
    border: solid 1px #c0c0c085;
    overflow: hidden;
}

.nt-lookup > input.nt-lookup-entry {
    border-radius: 0;
    border: 0;
}

.nt-lookup, .nt-form-value > .nt-entry {
    border: solid 1px #c0c0c085;
}

.nt-entry-readonly {
    background-color: #f9f6fc;
    color: #98959b;
}

.nt-entry-required {
	background-color: #fdfdfd;
}

.nt-entry-error {
    background-color: #FFBBBB;
}

label.ui-checkboxradio-radio-label {
	background-color: white !important;
}

label.ui-checkboxradio-checked {
	background-color: #3595ca !important;
	background-image: none !important;
	color: white;
}

.ui-checkboxradio-checked .ui-checkboxradio-icon.ui-icon {
	filter: invert(100%) sepia(74%) saturate(0%) hue-rotate(237deg) brightness(104%) contrast(104%);
}

.nt-rounded div[data-elem="form-table"] {
    padding: 10px;
}

#contentbody_div div[id$="_saveset"] {
	padding-top: 0px;
}

.ui-dialog-titlebar.ui-draggable-handle {
	background-color: #3595ca;
}

.ui-dialog .ui-dialog-title {
	color: white;
}

.ui-dialog .ui-dialog-titlebar-close,
.nt-browse-data button {
	border-radius: 5px;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: none;
    border: 0;
    box-shadow: none;
    filter: invert(1);
}

.ui-dialog .ui-dialog-content {
    padding-top: 10px;
}

.nt-rounded-header {
	background-color:  #3595ca;
}

.nt-rounded-header > * {
	font-weight: bold;
}

@media only screen and (min-resolution: 1.3dppx), (-webkit-min-device-pixel-ratio: 1.3) {
	/* Style for mobile displays go here*/
	div[aria-describedby^="popup_"] > div.ui-dialog-titlebar {
       background-color:  #3595ca;
	}

	div[aria-describedby^="popup_"] button.ui-dialog-titlebar-close > span.ui-icon-closethick {
       filter: invert(0);
	}

	div[aria-describedby^="popup_"] span.ui-dialog-title {
		color: white;
	}
}

/* Styles exclusive to form rows that have .ui-row-pwentryonly class */
.nt-form-grid-row.ui-row-pwentryonly > .nt-form-grid-cell:nth-child(1) div > * {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.nt-form-grid-row.ui-row-pwentryonly > .nt-form-grid-cell:nth-child(2) div > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}