/*  PLEASE DO NOT MODIFY nubuilder4.css */
/*  Instead, please use the "Setup -> Style" section to insert any custom CSS code. */

:root {
	--nu-black: rgba(0, 0, 0, 0.8);
	--nu-label: #253858;
	--nu-php: #f3f0f7;
	--nu-js: #fffced;
	--nu-html: #faf3ef;
	--nu-sql: #eaf6ff;
	--nu-css: #f4f7f4;
	--nu-border: #e9ecef;
	--nu-body: #fdfdfd;
	--nu-edit-body: rgb(245 247 250 / 45%);
	--nu-font-sans-serif: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
	--nu-font-code: "Lucida Console", sans-serif;
}

.nu_browse {
	background-color: #b6e0fe !important;
}

.nu_button {
	background-color: #1e53c6 !important;
	color: #fff !important;
}

.nu_display {
	background-color: #f5d7a6 !important;
}

.nu_dropdown {
	background-color: #9ed9bb !important;
}

.nu_html {
	background-color: #e6b2b3 !important;
}

.nu_contentbox {
	background-color: #cdbcb4 !important;
}

.nu_editor {
	background-color: #b3a7e0 !important;
}

.nu_input {
	background-color: #9fcbe6 !important;
}

.nu_image {
	background-color: #ffd1a3 !important;
}

.nu_word {
	background-color: #7fcad1 !important;
}

.nu_lookup {
	background-color: #f7e6a6 !important;
}

.nu_subform {
	background-color: #b8dfc2 !important;
}

.nu_run {
	background-color: #cbe6a1 !important;
}

.nu_textarea {
	background-color: #a9c7e6 !important;
}

.nu_select {
	background-color: #e3b8cb !important;
}

.nu_calc {
	background-color: #cfc7c7 !important;
}

.nu_Report {
	background-color: #8fd1d7 !important;
}

.nu_Procedure {
	background-color: #a7e0c6 !important;
}

.nu_browseedit {
	background-color: #d3d5f7 !important;
}

.nu_edit {
	background-color: #cfeee0 !important;
}

.nu_launch {
	background-color: #f3cfe3 !important;
}

.nu_Form {
	background-color: #ffd59a !important;
}

/* noto-sans-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/noto-sans-v38-latin-regular.woff2') format('woff2')
}

/* noto-sans-italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/noto-sans-v38-latin-italic.woff2') format('woff2')
}

/* noto-sans-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/noto-sans-v38-latin-700.woff2') format('woff2')
}

/* noto-sans-700italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/noto-sans-v38-latin-700italic.woff2') format('woff2')
}

.input_file {
	background-color: #faf0e1;
}

.nuRelatedTab {
	color: red !important;
}

.php {
	background-color: var(--nu-php);
	font-family: var(--nu-font-code);
	font-size: 12px
}

.js {
	background-color: var(--nu-js);
	font-family: var(--nu-font-code);
	font-size: 12px
}

.html {
	background-color: var(--nu-html);
	font-family: var(--nu-font-code);
	font-size: 12px
}

.sql {
	background-color: var(--nu-sql);
	font-family: var(--nu-font-code);
}

textarea.css {
	background-color: var(--nu-css);
	font-family: var(--nu-font-code);
	font-size: 12px
}

input.css {
	background-color: var(--nu-css);
	font-family: var(--nu-font-code);
}

div {
	padding: 0;
	margin: 0
}

img {
	padding: 0;
	margin: 0
}

iframe {
	padding: 0;
	margin: 0;
	border-style: none
}

select {
	padding: 0;
	margin: 0;
	font-family: var(--nu-font-sans-serif);
	border: 1px solid var(--nu-border);
	border-radius: 0.25rem;
	box-sizing: initial
}

textarea {
	margin: 0;
	border: 1px solid var(--nu-border);
	border-radius: 0.25rem;
	font-family: var(--nu-font-sans-serif);
	font-size: 13.3333px;
	padding: 0.25rem 0.3rem;
}

body {
	background-color: var(--nu-body);
	transform-origin: top left;
	padding: 0;
	margin: 0;
	font-family: var(--nu-font-sans-serif);
	font-size: 13px
}

input {
	border: 1px solid var(--nu-border);
	border-radius: 0.25rem;
	font-family: var(--nu-font-sans-serif);
	padding: 0 2px;
}

button {
	border-radius: 4px;
	font-family: var(--nu-font-sans-serif);
}

input[type=range]::-webkit-slider-runnable-track {
	background: darkgrey;
	cursor: pointer
}

input:not(.nuDragSelected):focus,
select:not(.nuDragSelected):focus,
textarea:not(.nuDragSelected):focus {
	outline: none;
	box-shadow: 0 0 0 1px rgb(220 237 244)
}

input[type=checkbox],
input[type=radio] {
	margin: 0 0 0 4px;
}

#nuhtml {
	height: 100%
}

#nubody {
	height: 100%
}

.nuCell {
	border-bottom: 1px solid var(--nu-border);
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #34373a;
	line-height: 18px;
}

.nuCellEven {
	background-color: #fbfbfb;
}

.nuCellOdd {
	background-color: #ffffff;
}

.nuHomeGap {
	width: 10px;
	display: inline-block;
	white-space: nowrap
}

.nuIframe {
	border-color: lightgrey;
	border-style: solid;
	border-width: 1px
}

.nuBrowseBody {
	background-color: white
}

.nuEditBody {
	background-color: var(--nu-edit-body)
}

.nuTabHolder {
	display: flex;
	border-bottom: 1px solid #ddd;
	background-color: white;
	height: 30px;
	align-items: center;
	padding: 0;
	margin: 0;
	overflow: visible;
}

.nuSubformTitleHolder {
	background-color: white;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: lightgrey;
	padding: 10px 0 0;
	overflow: visible
}

.nuActionHolder {
	padding: 10px 0;
	background-color: white;
	height: 35px;
	text-align: left;
	user-select: none
}

.nuBreadcrumbHolder {
	border-bottom-color: #393b4ab3;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-color: #2d84d1;
	color: white;
	font-size: 12px;
	padding: 5px 0;
	position: sticky;
	top: 0;
	min-height: 22.5px;
	z-index: 999;
	width: 100vw;
	display: flex;
	flex: 1;
	flex-flow: row wrap;
	align-items: baseline
}

.nuBreadcrumb {
	color: white;
	display: inline-block;
	text-decoration: underline;
	font-size: 12px;
	user-select: none
}

.nuBreadcrumbArrow {
	color: white;
	display: inline-block;
	font-size: 12px;
	user-select: none
}

.nuBreadcrumb:hover {
	cursor: pointer
}

.nuBreadcrumbIcon {
	font-size: 17px;
	display: inline-block;
	cursor: pointer;
	padding-right: 12px;
	padding-left: 0px;
	position: absolute;
	color: white;
}

#nulink {
	position: absolute;
	right: 55px;
	padding: 5px;
	color: #dfdfdf
}

.nuDragIn {
	border-width: 4px;
	border-style: dotted;
	cursor: pointer
}

.nuScroll,
.input_nuScroll:hover::-webkit-inner-spin-button {
	background: url(../graphics/nu_scroll.png) no-repeat right 5px center;
}

@media (pointer: coarse) {

	.nuScroll,
	.input_nuScroll:hover::-webkit-inner-spin-button {
		background: none;
	}
}

.nuAutoNumber,
.input_nuAutoNumber {
	background-color: lightgrey;
	font-weight: 700
}

.nuNotBreadcrumb {
	color: white;
	display: inline-block;
	font-size: 12px;
	user-select: none;
}

.nuOptions {
	border-style: none;
	font-size: 17px !important;
	height: 15px;
	padding-left: 5px;
	padding-right: 10px;
	right: 5px;
	text-align: right;
	top: 5px;
	width: 15px
}

.nuOptions:hover {
	color: red
}

.nuOptions::before {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 5px
}

.nuSubformFilter {
	top: 1px;
	left: 0px;
	background-color: #afe9ff;
	position: relative
}

.nuSubformCheckbox {
	margin: 0 !important;
	margin-top: 3px !important;
}

.nuOptionsSubform {
	border-style: none;
	color: transparent !important;
	font-size: 20px !important;
	left: 3px;
	position: relative !important;
	text-align: center;
	top: 4px;
	z-index: 1
}

.nuOptionsSubform:hover {
	color: red !important;
}

.nuOptionsSubform::before {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-left: 0px
}

.nuOptionsBox {
	background-color: orange;
	box-shadow: 5px 5px 5px 0 rgba(150, 147, 150, 1);
	font-size: 12px;
	width: 150px;
	height: 150px;
	right: 5px;
	position: absolute;
	text-align: center;
	border-style: none;
	display: inline-block;
	z-index: 5000
}

.nuOptionsBox ul {
	margin-top: 20px
}

#nuOptionClose {
	height: 25px;
	width: 25px
}

.nuOptionsItem {
	color: #00223e;
	user-select: none
}

.nuOptionsItem:hover {
	background-color: #f6f8fa;
	border-width: 0;
	border-radius: 3px;
	border-style: none;
	cursor: pointer
}

.nuOptionsItem-divider {
	border: none;
	display: block;
	height: 1px;
	margin: .5rem 0 0;
	padding: 0 0 1px 1px;
	background-color: #ccc
}

.nuOptionList {
	color: #00223e
}

.nuShadow {
	box-shadow: 5px 5px 5px 0 rgba(150, 147, 150, 1)
}

.nuOptionsListTitle {
	color: #00223e;
	font-weight: bold;
	user-select: none
}

.nuOptionsList {
	background-color: white;
	box-shadow: 2px 2px 8px 0 rgba(150, 147, 150, 1);
	padding-top: 4px;
	height: 20px;
	border-radius: 4px;
	position: absolute;
	text-align: left;
	z-index: 3000
}

#nuSearchList {
	background-color: #fcfcfc;
	box-shadow: 2px 2px 8px 0 rgba(150, 147, 150, 1);
	padding-top: 4px;
	border-radius: 4px
}

.nuClose:hover {
	cursor: pointer;
	color: red
}

.nuSearchListTitle {
	color: red
}

.nuOptionsItemShortcutKey {
	background-color: white;
	color: darkslategray;
	height: 20px;
	display: inline-block;
	padding: 4px 10px 0 0;
	font-size: 10px;
	user-select: none
}

.nuRECORD {
	display: inline;
	margin: 0 5px;
	position: absolute;
	background-color: transparent;
	/*	border: 1px solid var(--nu-border);; */
	width: auto
}

.nuLogin {
	background-color: white;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	border-color: rgba(0, 0, 0, 0.08);
	height: 300px;
	width: 350px;
	margin: 50px auto 0;
	padding: 30px;
	border-radius: 10px
}

.nuLoginInput {
	height: 40px;
	width: 310px;
	border-width: 0 0 1px;
	padding: 0 0 0 10px
}

.nuDragBox:hover {
	color: red
}

.nuLookupCode {
	border: 1px solid lightgrey;
	text-align: left;
	position: absolute
}

.nuLookupButton {
	background-color: transparent;
	border-style: none;
	text-align: center;
	position: absolute;
	border-radius: 3px;
	margin-left: 1px
}

.nuLookupImg {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 3px;
	top: 4px
}

.nuLookupButton:not(.nuReadonly):hover {
	cursor: pointer
}

.nuLookupDescription {
	position: absolute
}

.nuLookupListContainer {
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: grey
}

.nuLookupList {
	background-color: #9ED374;
	overflow: hidden
}

.nuLookupListMatch {
	color: red
}

.nuLookupListSelect {
	background-color: #8DC9DC
}

.nuBuilderLink {
	text-decoration-line: none;
	color: #eeeded;
	user-select: none
}

.nuIcon {
	color: white;
	width: 12px;
	height: 12px
}

.nuIcon:hover {
	cursor: pointer
}

.nuButtonImage {
	background-repeat: no-repeat;
	background-size: 42px;
	text-align: left
}

.nuButtonImageSmall {
	background-repeat: no-repeat;
	background-size: 29px;
	padding: 0px 0px 0px 33px;
	text-align: left
}

.nuLanding {
	border: 1px solid red;
	cursor: pointer
}

.nuSort {
	font-size: 14px;
	padding: 0
}

.nuSort:hover {
	color: red;
	cursor: pointer
}

.nuNoSearch {
	color: #959595
}

.nuBlank::after,
.nuDuplicateOrBlank::after {
	content: "*";
	color: #e53600;
	margin-left: 4px;
}

.nuDuplicate {
	font-style: italic;
}

.nuDuplicateOrBlank {
	font-style: italic;
}

.nuBrowseTitle {
	position: absolute;
	left: auto;
	width: auto;
	background-color: transparent;
	padding-right: 20px;
	border-top: 1px solid var(--nu-border);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	border: none;
	font-size: 13px;
	color: #0073aa;
	height: 29px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.nuBrowseTitleSingeleline {
	/*	padding: 8px 12px 0 0px */
}

.nuBrowseTitleMultiline {
	font-size: 17px;
	height: auto;
	min-height: 50px;
	white-space: normal;
	cursor: default;
	/*	padding: 1px 20px 5px 0px; */
}

.nuBrowseTitle .nuSort {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	color: #0073aa;
}

.nuBrowseTable {
	height: 70px;
	padding: 1px 0px 5px 10px;
	position: absolute;
	top: 75px;
	font: 13px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	line-height: 150%;
	white-space: nowrap
}

.nuBrowseBorderTop {
	/*	border-top: solid #d0d0d0 1px !important */
}

.nuBrowseBorderBottom {
	border-bottom: solid #d0d0d0 1px !important
}

.nuBrowseFooter {
	position: absolute;
	bottom: 0;
	left: 7px;
	height: 30px;
	background-color: #ffffff;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	box-sizing: border-box;
}

.nuBrowseFooter .nuPaginationInfo {
	flex: 1 1 auto;
	padding-left: 16px;
}

.nuBrowseFooter .nuBrowsePage {
	margin: 0 4px;
	padding: 4px 2px;
	font-size: 13px;
	color: #0073aa;
	background-color: transparent;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	transition: color 0.15s ease
}

.nuBrowseFooter .nuBrowsePage:hover {
	color: #004a75;
}

.nuBrowseFooter .nuBrowsePage.disabled {
	color: #999999;
	cursor: default;
	pointer-events: none;
	opacity: 0.3;
}

.nuBrowseFooter .nuBrowsePage.disabled:hover {
	color: #999999;
}

.nuBrowseFooter .browsePage {
	margin: 0 8px;
	padding: 4px 8px;
	font-size: 13px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	text-align: center;
	outline: none;
	transition: border-color 0.15s ease;
	margin: 3px 0px 0px 0px
}

.nuBrowseFooter input.browsePage {
	width: 35px;
	text-align: center;
	margin: 0 8px !important;
	font-size: 13px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background-color: rgb(248 248 248 / 28%);
	color: black;
}

.nuBrowseFooter .browsePage:focus {
	border-color: #0073aa;
	box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
}

.nuBrowseFooter input.browsePage:focus {
	outline: none;
}

.nuSelectBrowse {
	height: 70px;
	border-style: solid;
	border-width: 1px;
	padding: 1px 0px 5px 10px;
	position: absolute;
	top: 75px;
	font: 13px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	background-color: #edf7ff !important;
	border-color: transparent;
	white-space: nowrap
}

.nuBrowseResize {
	background-color: #b6e9fb5c !important;
	border-radius: 4px
}

.nuBrowseSearch {
	color: red
}

#nuListerListBox {
	box-shadow: 5px 5px 5px 0 rgba(150, 147, 150, 1);
	background-color: #D0EABB;
	border: 1px solid rgba(0, 0, 0, 0.05);
	color: black
}

.nuScrollList {
	background-color: #D0EABB;
	display: inline
}

#nuNext {
	font-size: 18px;
	color: DimGrey
}

#nuLast {
	font-size: 18px;
	color: DimGrey
}

#nuFirst {
	font-size: 18px;
	color: DimGrey
}

#nuEnd {
	font-size: 18px;
	color: DimGrey
}

#nuNext:hover {
	color: Red
}

#nuLast:hover {
	color: Red
}

#nuFirst:hover {
	color: Red
}

#nuEnd:hover {
	color: Red
}

.nuTab {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	margin: 0 2px;
	background-color: var(--nu-edit-body);
	border: 1px solid #ddd;
	border-bottom: none;
	color: #333;
	font-size: 13px;
	font-family: 'Segoe UI', sans-serif;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
	border-radius: 5px 5px 0 0
}

.nuTab:hover {
	cursor: pointer;
	background-color: #f5f5f5;
}

.nuTabSelected {
	background-color: var(--nu-edit-body);
	border-top: 2px solid #2d84d1;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 2px solid rgb(250 251 253);
	font-weight: 600;
	color: #000;
}

.nuSubform {
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	position: absolute;
	background-color: white;
	border-radius: 3px
}

.nuSubform0 {
	background-color: white;
	border-style: solid !important;
	border-width: 0 0 1px !important;
	border-color: rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important
}

.nuSubform1 {
	background-color: white;
	border-style: solid !important;
	border-width: 0 0 1px !important;
	border-color: rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important
}

.nuSubform2 {
	background-color: white;
	border-style: solid !important;
	border-width: 0 0 1px !important;
	border-color: rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important
}

.nuSubformScrollDiv {
	background-color: white
}

.nuSubformDeleteTicked {
	color: #eb2314 !important;
	text-decoration: line-through
}

.nuButton,
.input_button {
	color: white;
	background-color: #378bd5;
	border-color: #0b456c;
	border-width: 0 0 1px;
	border-style: solid;
	display: inline;
	font-size: 14px;
	height: 40px;
	outline-color: #163446;
	padding: 0 6px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}

.nuButton:focus,
.input_button:focus {
	outline: none;
	box-shadow: 0 0 0 1px #1f4c75;
}

.nuButton:not(.nuReadonly):not(.nuUserHomeButton):not(.nuSaveButtonEdited):hover {
	background-color: #2e73b1;
	color: #e2eaff;
}

.nuUserHomeButton {
	color: white;
	background-color: #88cb51;
	display: inline;
	border-style: solid;
	font-size: 14px;
	height: 40px;
	padding: 0 6px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	border-color: #326e00;
	border-width: 0 0 1px
}

.nuUserHomeButton:focus {
	outline: none;
	box-shadow: 0 0 0 1px #7ee12c
}

.nuUserHomeButton:hover {
	background-color: #6aa738;
	color: #E2EAFF
}

.input_button_left {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input_button_right {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.nuButtonSelected {
	background-color: green;
}

.nuButtonHighlighted {
	font-weight: bolder;
}

.nuUserHomeButton:hover {
	color: #E2EAFF
}

.nuActionButton {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 14px;
	font-weight: 500;
	font-family: inherit;
	color: #1f2937;
	background-color: #f9fafbbf;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	transition: background-color 0.2s, box-shadow 0.2s;
	height: 31px;
	padding: 0 6px;
	margin-left: 8px;
}

.nuActionButton:hover {
	background-color: #f3f4f6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.nuActionButton:active:not([disabled]) {
	background: var(--btn-bg-active);
	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.2);
	transform: translateY(0);
}

.nuActionButton:focus {
	outline: none;
	box-shadow: 0 0 0 1px #a3a4a5;
}

.nuActionButtonIcon {
	height: 28px;
	width: 28px
}

.nuToolButton {
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
	outline: none;
}

.nuToolButton:hover {
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%) !important;
	background-color: #f6f6f6 !important;
}

.nuToolButton:active {
	box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.2);
	background: linear-gradient(to bottom, #e6e6e6 5%, #ffffff 100%);
	transform: translateY(1px);
	outline: none;
}

.nuQuickButton {
	background-color: #f7f7f7;
	color: var(--nu-black);
	border-color: #ffffff;
	border-style: solid;
	text-shadow: none;
	border-width: thin;
	padding-left: 10px;
	border-radius: 9px
}

.nuQuickButton:not(.nuReadonly):hover {
	background-color: #3c92de;
	color: white
}

.nuAdminButton {
	margin: 0 0 8px 10px;
	padding: 0 6px;
	height: 20px;
	font-size: 12px;
	color: var(--nu-label);
	background: #fafafa;
	border: none;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 3px;
	text-shadow: none;
	background-image: none;
	outline: none
}

.nuAdminButton:not(.nuReadonly):hover {
	background-color: #f5f5f5;
}

.nuAdminButton:not(.nuReadonly):active {
	background-color: #e7f3ea;
	transform: scale(0.90);
}

.nuAdminButton:focus-visible {
	outline: none
}

.nuAdminButtonUsed {
	color: #2a2929;
	font-weight: bold
}

#nuBackBtnButton.nuActionButton {
	background-color: #28A251
}

#nuBackBtnButton.nuActionButton:disabled {
	background-color: #f0f0f0
}

.nuSaveButtonEdited {
	background-color: #fff9f8 !important;
	background: unset;
	color: #d2182a;
	border-color: #efcfd2;
}

.nuDragOptionsSaveButtonEdited {
	background-color: #f44336 !important;
	background: unset;
	color: #fff;
	border-color: #dc3545
}

.nuDebugButtonHighlight {
	color: #ff5454;
}

.nuSaveButton {}

.nuDeleteButton {}

.nuCloneButton {}

.nuRefreshButton {}

.nuLabel {
	color: var(--nu-label);
	text-align: right;
	position: absolute
}

.nuCloning {
	background-color: rgb(226, 234, 255, 0.8);
	border: 1px solid #ffffff;
	color: red;
	border-radius: 5px;
	padding: 1px;
}

.nuText {}

.nuWindow {
	border: none
}

.nuReadonly:not(.nuPreventDblClick) {
	background-color: rgb(250, 250, 250);
	border: 1px solid #ebebeb;
	color: rgb(84, 84, 84)
}

.nuFormula {
	font-family: monospace, sans-serif;
	padding: 6px
}

.nuCalculator {
	background-color: #ebebeb
}

.nuCalculatorButton {
	border: 1px solid #a0a0a0;
	text-align: center;
	width: 30px;
	height: 30px;
	font: 20px bold;
	font-family: monospace, sans-serif;
	background-color: #f6f4f4;
	color: var(--nu-black)
}

.nuCalculatorButton:hover {
	background-color: darkgray;
	cursor: pointer;
	color: red
}

.nuCalculatorCurrency {
	border: 1px solid #a0a0a0;
	text-align: center;
	width: 30px;
	height: 30px;
	font: 16px bold;
	font-family: monospace, sans-serif;
	background-color: #f6f4f4
}

.nuSearch {
	border: none !important;
	outline: none !important;
	height: 100%;
	padding: 0 5px;
	font-size: 13px;
	color: #2c3e50;
	background: rgb(248 248 248 / 28%);
	margin-right: -5px;
	box-sizing: border-box;
	flex: 1;
	transition: box-shadow 0.2s ease;
	-webkit-appearance: none;
	appearance: none
}

.nuSearchWrapper {
	display: inline-flex;
	align-items: center;
	border: 1px solid #e3e3e3;
	border-radius: 9px;
	overflow: hidden;
	height: 30px;
	transition: border-color 0.2s ease;
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -5px;
}

.nuSearchWrapper:hover {
	border-color: #c8c8c8;
}

.nuSearchWrapper:focus-within {
	border-color: #66afe9;
	box-shadow: 0 0 0 1px #2d84d1;
}

.nuSearchBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 12px;
	background-color: #f8f8f8;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.nuSearchBtn:hover {
	background-color: #e0e0e0;
}

.nuSearchBtn:focus {
	outline: none;
	background-color: #e0e0e0;
}

#nuModal {
	background-color: #DEDEDE;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	opacity: .7;
	z-index: 4
}

#nuPopupModal {
	background-color: #DEDEDE;
	top: 40px;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 4
}

.nuDragOptionsField {
	background-color: #9BD16F
}

.nuDragSelected {
	outline: 1px solid red
}

.nuDragHidden {
	border-style: dotted;
	border-width: 2px;
	border-color: red
}

.nuDragSelected:hover {
	cursor: move
}

.nuDragObject {
	position: absolute;
	border-style: none;
	border-width: 0
}

.nuDragNoSelect {
	user-select: none
}

.nuDragArea {
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 1px;
	border-color: var(--nu-black);
	user-select: none;
	overflow: visible;
	background-color: white;
	background-image: url(graphics/grid.png);
	z-index: 1
}

.nuDragDialog {
	border-radius: 4px;
	box-shadow: 5px 5px 5px 0 rgba(150, 147, 150, 1);
	background-color: white
}

#dialogTitleWords {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 60%, rgba(237, 237, 237, 1) 100%);
	background: rgb(255, 255, 255);
	height: 30px;
	padding-top: 9px
}

.nuSection {
	border-width: 1px;
	font-size: 12px;
	font-family: var(--nu-font-sans-serif);
	user-select: none
}

.nuDragLine {
	position: absolute;
	height: 10px;
	background-color: darkgrey;
	border-style: none;
	z-index: 4000
}

.nuDragLine:hover {
	background-color: red;
	cursor: ns-resize
}

.nuChanged1 {
	background-color: #F7DC6F
}

.nuChanged2 {
	background-color: #F5B041
}

.nuChanged3 {
	background-color: #E67E22
}

.nuDragLineV {
	position: absolute;
	height: 10px;
	width: 10px;
	right: 0;
	top: 0;
	background-color: darkgrey;
	border-style: none;
	z-index: 4500
}

.nuDragLineV:hover {
	background-color: red;
	cursor: ew-resize
}

.nuDialogTitle {
	border-radius: 4px;
	background-color: #EAEDED;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 35px;
	font-size: 16px;
	font-family: Helvetica, sans-serif
}

.nuDragToolbar {
	cursor: pointer;
	list-style-type: none;
	text-align: center;
	padding-top: 4px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	z-index: 1000
}

.nuToolbar {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	width: 150px;
	height: 20px;
	font-family: Helvetica, sans-serif
}

.nuToolbar:hover {
	color: red
}

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

.nuDragOptionsBox {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ececec;
	z-index: -1;
	min-height: 440px
}

.nuDragOptionsBoxContainer {
	padding-left: 15px;
	background-color: #f2f2f2
}

.nuDragOptionsFieldsLabel {
	display: block;
	position: relative;
	text-align: left;
	margin-top: 25px
}

.nuDragOptionsFields {
	display: block;
	width: 296px;
	height: 250px
}

.nuDragOptionsButton {
	text-align: left;
	display: block;
	height: 25px;
	width: 140px;
	padding: 0 0 0 10px
}

.nuDragOptionsIcon {
	margin: 5px;
	color: white;
	width: 10px
}

.nuDragOptionsIcon45 {
	margin: 5px;
	color: white;
	transform: rotate(45deg);
	width: 10px
}

.nuDragOptionsIcon135 {
	margin: 5px;
	color: white;
	transform: rotate(135deg);
	width: 10px
}

.nuDragOptionsIcon90 {
	margin: 5px;
	color: white;
	transform: rotate(90deg);
	width: 10px
}

.nuDragOptionsIcon180 {
	margin: 5px;
	color: white;
	transform: rotate(180deg);
	width: 10px
}

.nuDragOptionsIcon270 {
	margin: 5px;
	color: white;
	transform: rotate(270deg);
	width: 10px
}

.nuDragOptionsButtonDisabled {
	color: gray !important;
	text-shadow: none
}

.nuValidate {
	background-color: yellow !important;
	border-color: red !important
}

.nuMust:after {
	content: " *";
	color: #f00
}

.nuUpdateMessageProgress {
	font-family: var(--nu-font-sans-serif);
	width: 100px;
	height: 22px;
	top: 10px;
	left: 0;
	color: #202020;
	position: absolute;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	z-index: 1000
}

.nuUpdateMessage {
	font-family: var(--nu-font-sans-serif);
	height: 20px;
	top: 4px;
	left: 0;
	color: #01A6F5;
	background-color: #EDEDED;
	border-style: solid;
	border-color: #01A6F5;
	border-width: 1px;
	position: absolute;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0 1px 1px #E1E8EA;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	opacity: .7;
	padding: 0px 5px 0px 5px;
	z-index: 1000
}

.nuUpdateMessageDelete {
	background-color: rgb(226, 234, 255, 0.8);
	border: 1px solid #ffffff;
	color: red
}

.nuUpdateMessageSave {
	background-color: #EDEDED;
	border-color: #01A6F5;
	color: #01A6F5
}

.nuUpdateMessageRefreshRequired {
	background-color: #EDEDED;
	border-color: #afafaf;
	color: #690024
}

.nuErrorDisplay {
	color: #555;
	border-radius: 10px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	padding: 10px 10px 10px 36px;
	margin: 0 auto;
	background: #fff8c4 url(graphics/warning.png) no-repeat 10px 10px;
	border: 1px solid #f2c779;
	width: 500px;
	height: 500px
}

.nuMessage {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 0;
	background-color: #fdfaeb;
	box-shadow: 2px 2px 2px 0 rgb(207 205 207);
	opacity: 1;
	word-break: break-word;
	z-index: 5000;
	border-radius: 4px;
	border-left: none;
	border-right: none;
	border-bottom: none
}

.nuMessageHeader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background-color: #f3eed4;
	border-bottom: 1px solid #ccc;
	position: relative
}

.nuMessageClose {
	position: absolute;
	touch-action: manipulation;
	left: 10px;
	cursor: pointer;
	font-size: 1.2em
}

.nuMessageClose:hover {
	color: red
}

.nuMessageBody {
	padding: 20px
}

#nuErrorCode {
	position: relative;
	height: 50px;
	background-color: var(--nu-black);
	color: white;
	overflow: scroll;
	overflow-x: hidden
}

.nuWord {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-weight: 700;
	background-color: transparent;
	border-style: none
}

.nuErrorPHP {
	color: #66A334
}

.nuErrorValidate {
	color: var(--nu-black)
}

#close_error {
	position: relative;
	left: 1px;
	top: 1px;
	width: 20px;
	height: 20px
}

#close_error:hover {
	color: red
}

.nuAce {
	position: absolute;
	border-style: none;
	font-family: helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	background-color: black;
	width: 300px;
	height: 20px;
	top: 40px
}

.nuHighlight {
	background-color: #FFEEA6
}

.nuBoxHeader {
	position: absolute;
	text-align: left;
	background-color: #e7e4e4;
	border: none;
	box-shadow: 5px 5px 5px 0 rgba(150, 147, 150, 1)
}

.nuBoxTitle {
	color: var(--nu-black)
}

.nuBoxTitle:hover {
	color: red;
	cursor: move
}

.nuBoxField:hover {
	color: red;
	cursor: w-resize
}

.nuButtonHover {
	cursor: pointer
}

.nuTabTitleColumn {
	font-size: 30px;
	font-weight: 700;
	width: 100%
}

.nuTabMarker:after {
	content: "\f00c";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: green;
	margin-left: 5px;
}

#nuResponseTabs {
	top: -5px;
	left: 5px;
	width: 150px;
	position: relative
}

span.nuActionButton {
	border-radius: 3px;
	margin: 5px 0 0
}

.nuPortraitTab {
	font-size: x-large;
	padding: 10px;
	font-weight: 900;
	position: absolute;
	height: 25px;
	width: max-content
}

.nuMobileViewLabel {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 15px
}

.nuMobileViewTabSelect {
	background-color: #dde8f2;
	position: absolute;
	top: 20px;
	height: 36px;
	left: 10px;
	width: 180px;
	font-size: larger;
	font-weight: bolder
}

.nuMobileViewTabNavDisabled {
	pointer-events: none;
	opacity: 0.5;
}

.nuMobileViewTabNavEnabled {
	pointer-events: auto;
	opacity: 1;
}

.nuMobileViewTabNavIcon {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #dde8f2;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: left;
	font-weight: 700
}

.ql-editor {
	background-color: #fff
}

.nuContentBoxContent {
	height: inherit;
	font-size: 15px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border: 1px solid var(--nu-border);
	background-color: #fff
}

.nuContentBoxTitle {
	height: 4px;
	line-height: 4px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: var(--nu-label);
	font-size: 14px;
	font-weight: 700;
	font-family: var(--nu-font-sans-serif);
	display: block;
	padding: 9px;
	letter-spacing: 1px
}

.nuContentBox {
	z-index: -1;
	position: absolute;
	height: 90px
}

.nuPaginationInfo {
	float: left;
	vertical-align: middle;
	line-height: 25px;
	padding-left: 5px
}

pre.nuFormInfoBrowseSQL {
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-left: 3px solid #f36d33;
	color: #666;
	page-break-inside: avoid;
	font-family: 'Courier New', monospace;
	font-size: 15px;
	line-height: 1.4;
	max-width: 100%;
	overflow: auto;
	display: block;
	padding: 7px;
	word-wrap: break-word;
	text-align: left;
	white-space: pre-wrap;
}

#nupromptmodal {
	display: none;
	background-color: #DEDEDE;
	opacity: 0.7;
	width: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 4;
}

#nuprompt {
	display: none;
	position: fixed;
	border: 1px solid rgba(0, 0, 0, .2);
	width: 510px;
	z-index: 1000;
	border-radius: 6px
}

#nuprompt div {
	background: #ffffff;
	user-select: none
}

#nuprompt #nuprompthead {
	background: #f9f8f8;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	font-size: 19px;
	padding: 10px;
	color: var(--nu-black);
	text-align: center;
	font-family: var(--nu-font-sans-serif);
}

#nuprompt #nupromptbody {
	background: #fff;
	padding: 20px;
	color: #000;
	font-family: var(--nu-font-sans-serif);
}

#nuprompt #nupromptfoot {
	background: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 10px;
	text-align: right;
	font-family: var(--nu-font-sans-serif);
}

.nuSearchablePopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.nuSearchablePopup .popup-header {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid #eee;
	background-color: #f8f9fa;
	border-radius: 4px 4px 0 0;
}

.nuSearchablePopup .filter-container {
	flex: 1;
	margin-right: 12px;
}

.nuSearchablePopup .filter-input {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}

.nuSearchablePopup .filter-input:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.nuSearchablePopup .close-btn {
	background: none;
	border: none;
	font-size: 24px;
	color: #666;
	cursor: pointer;
	padding: 4px 8px;
	margin-right: 8px;
	border-radius: 4px;
	line-height: 1;
	transition: all 0.2s ease;
}

.nuSearchablePopup .close-btn:hover {
	background-color: var(--nu-border);
	;
	color: #333;
}

.nuSearchablePopup .options-container {
	height: 400px;
	overflow-y: auto;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
}

.nuSearchablePopup .options {
	min-height: 100%;
	overflow-y: auto;
}

.nuSearchablePopup .no-results {
	padding: 20px 16px;
	text-align: center;
	color: #666;
	font-style: italic;
	background-color: #f9f9f9;
}

.nuSearchablePopup .listbox-item {
	padding: 5px 16px 5px 16px;
	font-family: var(--nu-font-sans-serif);
	font-size: 13px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	transition: background-color 0.2s ease;
	user-select: none;
}

.nuSearchablePopup .listbox-item:last-child {
	border-bottom: none;
}

.nuSearchablePopup .listbox-item:hover {
	background-color: #e6f3ff;
}

.nuSearchablePopup .listbox-item.even {
	background-color: #f9f9f9;
}

.nuSearchablePopup .listbox-item.odd {
	background-color: #ffffff;
}

.nuSearchablePopup .listbox-item.even:hover {
	background-color: #e6f3ff;
}

.nuSearchablePopup .listbox-item.odd:hover {
	background-color: #e6f3ff;
}

.nuSearchablePopup .popup-content {
	position: absolute;
	background-color: #fff;
	width: 300px;
	height: 450px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.nuBrowserFilterSelectedText {
	position: absolute;
	top: 27px;
	left: 10px;
	background-color: #e8f4fd;
	border: 1px solid #b3d9ff;
	border-radius: 3px;
	padding: 2px 6px;
	font-size: 11px;
	color: #0066cc;
	white-space: nowrap;
	z-index: 1000;
	margin-top: 2px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ctxmenu {
	position: fixed;
	max-height: 100vh;
	border: 1px solid #DADCE0;
	padding: 2px 0;
	box-shadow: 2px 2px 8px 0 rgb(195 195 195);
	background: #fff;
	font-size: 13px;
	margin: 0;
	z-index: 9999;
	overflow-y: auto;
	font: 15px Verdana, sans-serif
}

@media only screen and (max-device-width:480px) {
	.ctxmenu {
		font-size: 11px;
	}
}

.ctxmenu li {
	margin: 1px 0;
	display: block;
	position: relative;
	user-select: none
}

.ctxmenu li.heading {
	font-weight: bold;
	margin-left: -5px
}

.ctxmenu li span {
	display: block;
	padding: 2px 20px;
	cursor: default
}

.ctxmenu li a {
	color: inherit;
	text-decoration: none
}

.ctxmenu li.icon {
	padding-left: 15px
}

.ctxmenu img.icon {
	position: absolute;
	width: 18px;
	left: 10px;
	top: 2px
}

.ctxmenu li.disabled {
	color: #ccc
}

.ctxmenu li.divider {
	border-bottom: 1px solid #DADCE0;
	margin: 5px 0
}

.ctxmenu li.interactive:hover {
	background: rgba(0, 0, 0, 0.1)
}

.ctxmenu li.interactive:focus {
	background: rgba(171, 195, 244, 0.2);
}

.ctxmenu li.submenu::after {
	color: #655e5e;
	font-size: 11px;
	content: "";
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0.4em;
	margin: auto 0.1rem auto auto;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	transform: rotate(45deg);
	width: 0.3rem;
	height: 0.3rem
}

.ctxmenu li.submenu.disabled::after {
	border-color: #ccc;
}

.nuAccessHiddenUser {
	background-color: #f9f1f1
}

.nuTabAccessHiddenUser {
	background-color: #f9f1f1
}

.select2-results__option:empty {
	height: 10px;
}

.select2-container--default .select2-selection--single {
	border: 1px solid var(--nu-border) !important;
	padding-left: 2px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black !important;
}

.tox-promotion {
	visibility: hidden
}

.tox-statusbar__branding {
	visibility: hidden
}

.tox-statusbar__help-text {
	visibility: hidden
}

.tox .tox-edit-area::before {
	border: none !important
}