/* ---------------------------------------------------------------- */
/* --- NetTalk Variables - All theme variables in a single place    */
/* --- Theme: redmond                                                  */ 
/* ---------------------------------------------------------------- */
:root{
/* ICONS */
	--icon-size:32px; /* don't change this, change the scales instead */

	--icons-light:url("/icons/nt-icons-light.svg");
	--icons-dark:url("/icons/nt-icons-grey-777.svg");
	--icons-black:url("/icons/nt-icons-dark.svg");
	
	--icons-hover:url("/icons/nt-icons-orange.svg");
	--icons:url("/icons/nt-icons-blue.svg");
	--icons-scale:0.5;
	--icons-transform:scale(var(--icons-scale));
	--icons-hover:var(--icons);/*12.29*/

	--icons-active:url("/icons/nt-icons-orange.svg");
	--icons-active-transform:scale(var(--icons-scale));
		
	--icons-entry:var(--icons);
	--icons-entry-scale:0.5;
	--icons-entry-transform:scale(var(--icons-entry-scale));

	--icons-tree:var(--icons-dark);
	--icons-tree-scale:0.75;
	--icons-tree-transform:scale(var(--icons-tree-scale));
	
	--icons-button:var(--icons);
	--icons-button-scale:0.50;
	--icons-button-transform:scale(var(--icons-button-scale));
	--icons-button-hover:var(--icons-hover);/*12.29*/

	--icons-menu:var(--icons);
	--icons-menu-hover:var(--icons-hover);
	--icons-menu-scale:1;
	--icons-menu-transform:scale(var(--icons-menu-scale));

	--icons-tab:var(--icons);
	--icons-tab-scale:0.8;
	--icons-tab-transform:scale(var(--icons-tab-scale));
	
	--icons-highlight:var(--icons);
	--icons-highlight-scale:1.5;
	--icons-highlight-transform:scale(var(--icons-highlight-scale));

	--icons-error:var(--icons);
	--icons-error-scale:1.75; 
	--icons-error-transform:scale(var(--icons-error-scale));

	
/* TYPOGRAPHY */
	/* font */
		--font-family:"Open Sans","Segoe UI", Tahoma, Verdana,  Arial, Helvetica, sans-serif;
		--font-size:10pt;
		--font-size-monster: 3rem;/*12.28*/
		--font-size-largest: 2rem;
		--font-size-larger: 1.5rem;
		--font-size-large: 1.25rem;
		--font-size-big: 1.1rem;
		--font-size-small: 0.8rem;
		--font-size-smallest: 0.5rem;
		--font-weight-lighter: lighter;
		--font-weight-normal: normal;
		--font-weight-bold: bold;
		--font-style-normal: normal;
		--font-style-italic: italic;
		--text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);

		--text-color: var(--white);
		--text-color-light: var(--white);
		--text-color-dark: var(--black);
		
		--fixed-font-family: "Lucida Console", Monaco, "Courier New",Courier, monospace;
		--fixed-font-size: var(--font-size);
		--fixed-font-weight: var(--font-weight-normal);

		--header-font-family: var(--header-font-family);
		--header-font-size: var(--font-size-largest);
		--header-font-weight: var(--font-weight-normal);
		--header-text-shadow: 1px 1px 1px var(--lighter-grey);
		--header-text: var(--darkest-primary);
		--header-background: var(--none);
		--header-border: 0;

		--sub-header-font-family: var(--header-font-family);
		--sub-header-font-size: var(--font-size-large);
		--sub-header-font-weight: var(--font-weight-bold);
		--sub-header-text-shadow: 0px 0px 0px var(--lighter-grey);
		--sub-header-text: var(--darkest-primary);
		--sub-header-background: var(--none);
		--sub-header-border: 0;
		
		--input-font-family: var(--font-family);
		--input-font-size: var(--font-size);
		--input-font-weight: var(--font-weight-normal);

		--text-area-font-family: var(--font-family);
		--text-area-font-size: var(--font-size);
		--text-area-font-weight: var(--font-weight-normal);

		--button-font-family: var(--font-family);
		--button-font-size: var(--font-size);
		--button-font-weight: var(--font-weight-bold);
		--button-text-shadow: var(--text-shadow);

		--tab-active-font-weight: var(--font-weight-normal); /*new*/
		--tab-inactive-font-weight: var(--font-weight-normal); /*new*/
		--prompt-font-weight: var(--font-weight-bold);
		
		--widget-header-font-weight: bold;
		--tab-header-font-weight: bold;
		--font-size-tab-title: 1.2em;
		
	/* spacing */
		--line-height:1.7em;
		--letter-spacing: 0.01em;
		--word-spacing: 0.1em;
	
/* CURVATURE */		
	/* 2D */
		--radius:4px;
		--tab-radius-left:var(--radius);
		--tab-radius-right:var(--radius);
		--header-radius:var(--radius);
		--content-radius:var(--radius);
		--button-radius:var(--radius);
		--entry-radius:var(--radius);
		--browse-entry-radius: var(--radius);
		--menu-radius: var(--radius);
		--calendar-small-radius: 6px; /*12.28*/
		--calendar-radius: 12px; /*12.28*/		
		
	/* 3D */
		--gradient:to top;
		--grad-start-primary:var(--lighter-primary);
		--grad-end-primary:var(--lightest-primary);
		--grad-start-primary-hover:var(--light-primary);
		--grad-end-primary-hover:var(--lightest-primary);
		--grad-start-primary-inactive:var(--lightest-primary);
		--grad-end-primary-inactive:var(--lighter-primary);
		--grad-start-primary-active:var(--color-primary);
		--grad-end-primary-active:var(--light-primary);

		--grad-start-secondary:var(--lighter-secondary);
		--grad-end-secondary:var(--lightest-secondary);
		--grad-start-secondary-hover:var(--lighter-secondary);
		--grad-end-secondary-hover:var(--lightest-secondary);
		--grad-start-secondary-inactive:var(--lightest-secondary);
		--grad-end-secondary-inactive:var(--lighter-secondary);
		--grad-start-secondary-active:var(--color-secondary);
		--grad-end-secondary-active:var(--light-secondary);
		
		--grad-start-tertiary:var(--lighter-tertiary);
		--grad-end-tertiary:var(--lightest-tertiary);
		--grad-start-tertiary-hover:var(--light-tertiary);
		--grad-end-tertiary-hover:var(--lighter-tertiary);
		--grad-start-tertiary-inactive:var(--lightest-tertiary);
		--grad-end-tertiary-inactive:var(--lighter-tertiary);

		--grad-start-accent:var(--lighter-accent);
		--grad-end-accent:var(--lightest-accent);
		--grad-start-accent-hover:var(--light-accent);
		--grad-end-accent-hover:var(--lighter-accent);
		--grad-start-accent-inactive:var(--lightest-accent);
		--grad-end-accent-inactive:var(--lighter-accent);
		
		--grad-start-grey:var(--light-grey);
		--grad-end-grey:var(--lightest-grey);
		--grad-start-grey-hover:var(--dark-grey);
		--grad-end-grey-hover:var(--lighter-grey);
		--grad-start-grey-inactive:var(--lighter-grey);
		--grad-end-grey-inactive:var(--lightest-grey);

		--grad-start-affirm:var(--lighter-affirm);
		--grad-end-affirm:var(--lightest-affirm);
		--grad-start-affirm-hover:var(--light-affirm);
		--grad-end-affirm-hover:var(--lighter-affirm);

		--grad-start-warning:var(--lighter-warning);
		--grad-end-warning:var(--lightest-warning);
		--grad-start-warning-hover:var(--light-warning);
		--grad-end-warning-hover:var(--lighter-warning);

		--grad-start-error:var(--lighter-error);
		--grad-end-error:var(--lightest-error);
		--grad-start-error-hover:var(--light-error);
		--grad-end-error-hover:var(--lighter-error);

		--grad-start-nav:var(--lighter-nav);
		--grad-end-nav:var(--lightest-nav);
		--grad-start-nav-hover:var(--light-nav);
		--grad-end-nav-hover:var(--lighter-nav);

		--grad-start-edit:var(--lighter-edit);
		--grad-end-edit:var(--lightest-edit);
		--grad-start-edit-hover:var(--light-edit);
		--grad-end-edit-hover:var(--lighter-edit);
		
 /* COLORS */
	--black: #111;
	--white: #FFF;
	--none: transparent;

	--darkest-primary:#093961;
	--darker-primary:#194971;
	--dark-primary:#1e5a8c;
	--color-primary:#2e6d9e;
	--light-primary:#8db8d9;
	--lighter-primary:#b0d1eb;
	--lightest-primary:#e2f0fc;

	--darkest-secondary:#623309;
	--darker-secondary:#8d4708;
	--dark-secondary:#b55b0a;
	--color-secondary:#e17109;
	--light-secondary:#f59946;
	--lighter-secondary:#f5ceab;
	--lightest-secondary:#fceee2;

	--darkest-tertiary:#093562;
	--darker-tertiary:#044d97;
	--dark-tertiary:#0665c6;
	--color-tertiary:#0080ff;
	--light-tertiary:#4fa4fa;
	--lighter-tertiary:#9bc9f9;
	--lightest-tertiary:#e2effc;

	--darkest-accent:#096131;
	--darker-accent:#197141;
	--dark-accent:#1e8c50;
	--color-accent:#2e9c60;
	--light-accent:#4dd88c;
	--lighter-accent:#92efbc;
	--lightest-accent:#e2fcee;

	--darkest-grey:#1c211a;
	--darker-grey:#3c413a;
	--dark-grey:#454545;
	--color-grey:#999999;
	--light-grey:#a6aba4;
	--lighter-grey:#c5c5c5;
	--lightest-grey:#f6f6f6;

	--darkest-affirm:#09611d;
	--darker-affirm:#159131;
	--dark-affirm:#1cc543;
	--color-affirm:#29f559;
	--light-affirm:#74eb8f;
	--lighter-affirm:#aaf5bb;
	--lightest-affirm:#e2fce8;

	--darkest-warning:#623309;
	--darker-warning:#8d4708;
	--dark-warning:#b55b0a;
	--color-warning:#e17109;
	--light-warning:#f59946;
	--lighter-warning:#f7c394;
	--lightest-warning:#fceee2;

	--darkest-error:#611409;
	--darker-error:#912415;
	--dark-error:#c5311c;
	--color-error:#f54129;
	--light-error:#eb8274;
	--lighter-error:#f5b3aa;
	--lightest-error:#fce5e2;

	--darkest-nav:#093961;
	--darker-nav:#194971;
	--dark-nav:#1e5a8c;
	--color-nav:#2e6d9e;
	--light-nav:#4f9ad9;
	--lighter-nav:#94c6ef;
	--lightest-nav:#e2f0fc;

	--darkest-edit:#093961;
	--darker-edit:#194971;
	--dark-edit:#1e5a8c;
	--color-edit:#2e6d9e;
	--light-edit:#4f9ad9;
	--lighter-edit:#94c6ef;
	--lightest-edit:#e2f0fc;
	
/* ELEMENTS */	
	/* general site */
	--site-color:var(--black);/*12.29*/
	--site-background:var(--white);
	--site-body-border:0.0rem solid var(--color-accent);
	--site-border:0.4rem solid var(--color-primary);
	--site-body-margin:0.3em;

	/* widgets */
	--widget-border:1px solid var(--lightest-grey);
	--widget-background: linear-gradient(to top, var(--lightest-grey), var(--lightest-grey), var(--lightest-grey),white);
	--widget-hover:var(--lightest-grey);

	/* errors */
	--error-text:var(--dark-error);
	--error-background:var(--lightest-error);
	--error-border:1px solid var(--dark-error);

	/* warnings */
	--warning-text:var(--dark-warning);
	--warning-background:var(--lightest-warning);
	--warning-border:1px solid var(--dark-warning);

	/* vtip */
	--tip-text:var(--dark-accent);
	--tip-background:var(--lightest-accent);
	--tip-border:1px solid var(--dark-accent);

	/* dialog */
    --dialog-background:var(--none);
	--dialog-background-image:var(--none);
    --dialog-border:0;
    --dialog-padding:0.5em 1em;

	--dialog-close-background:var(--white);
	--dialog-close-background-error:var(--light-error);
	--dialog-close-border:0px solid var(--dark-error);

	--dialog-title-text:var(--text-color-light);
	--dialog-title-text-size: var(--font-size-big);
	--dialog-title-text-weight: var(--font-weight-bold);
	--dialog-title-background:var(--color-primary);
	--dialog-title-background-image:linear-gradient(to top,var(--grad-start-primary),var(--grad-end-primary));
	--dialog-title-border:0px solid var(--color-primary);
	--dialog-title-border-bottom:0px solid var(--color-accent);

	/* buttons */
	--button-text:var(--color-secondary);
	--button-background:var(--lightest-grey);
	--button-background-image: linear-gradient(var(--gradient),var(--grad-start-grey),var(--grad-end-grey));
	--button-border:1px solid var(--lighter-grey);

	--button-text-hover:var(--dark-grey);
	--button-background-hover:var(--lightest-primary);
	--button-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));
	--button-border-hover:1px solid var(--light-grey);

	/* browse */
	--browse-header-text:var(--color-grey);
	--browse-header-background:var(--none);
	--browse-header-background-image:var(--none);
	--browse-header-border:0px solid var(--darkest-secondary);
	
	--browse-sub-header-text:var(--color-grey);
	--browse-sub-header-background:var(--none);
	--browse-sub-header-background-image:var(--none);
	--browse-sub-header-border:0px solid var(--darkest-secondary);

	--browse-header-text-not-selected:var(--text-color);
	--browse-header-background-not-selected:var(--color-primary);
	--browse-header-background-image-not-selected:linear-gradient(var(--gradient),var(--grad-start-primary-active),var(--grad-end-primary-active));
	--browse-header-border-not-selected:1px solid var(--color-primary);
	--browse-header-border-not-selected-bottom:1px solid var(--color-primary);
	
	--browse-header-text-not-selected-hover:var(--text-color);
	--browse-header-background-not-selected-hover:var(--color-primary);
	--browse-header-background-image-not-selected-hover:linear-gradient(var(--gradient),var(--grad-start-primary-active),var(--grad-end-primary-active));
	--browse-header-border-not-selected-hover:1px solid var(--color-primary);
	--browse-header-border-not-selected-bottom-hover:1px solid var(--color-primary);

	--browse-header-text-selected:var(--text-color);
	--browse-header-background-selected:var(--color-secondary);
	--browse-header-background-image-selected:linear-gradient(var(--gradient),var(--grad-start-secondary-active),var(--grad-end-secondary-active));
	--browse-header-border-selected:1px solid var(--color-secondary);
	--browse-header-border-selected-bottom:1px solid var(--color-secondary);
	
	--browse-header-text-empty:var(--text-color);
	--browse-header-background-empty:var(--color-primary);
	--browse-header-background-image-empty:linear-gradient(var(--gradient),var(--grad-start-primary-active),var(--grad-end-primary-active));
	--browse-header-border-empty:1px solid var(--white);
	--browse-header-border-empty-bottom:1px solid var(--white);
	
	--browse-header-text-cant-select:var(--white);
	--browse-header-background-cant-select:var(--color-primary);
	--browse-header-background-image-cant-select:linear-gradient(var(--gradient),var(--grad-start-primary-active),var(--grad-end-primary-active));
	--browse-header-border-cant-select:1px solid var(--white);
	--browse-header-border-cant-select-bottom:1px solid var(--white);
	
	--browse-table-border:1px solid var(--color-grey);
	--browse-table-row-border-color:var(--lighter-grey);
	--browse-table-cell-border-color:var(--none);

	--browse-line-border-top: 1px solid var(--light-grey);
	--browse-line-border-bottom: 1px solid var(--light-grey);
	--browse-line-padding-top:0.1em; /*new*/
	--browse-line-padding-bottom:0.1em; /*new*/
	
	--browse-prompt-text:var(--text-color);
	--browse-prompt-background:var(--light-secondary);
	--browse-prompt-border:1px solid var(--none);

	--browse-greenbar1-text:var(--text-color-dark);
	--browse-greenbar1-background:var(--white);
	--browse-greenbar2-text:var(--text-color-dark);
	--browse-greenbar2-background:var(--lightest-grey);

	--browse-mouseover-text:var(--text-color-dark);
	--browse-mouseover-background:var(--lighter-grey);

	--browse-row-selected-background:var(--light-grey);
	--browse-row-selected-text:var(--text-color-dark);

	--browse-deleted-text:var(--text-color);
	--browse-deleted-background:var(--lightest-error);

	--browse-footer-text:var(--darker-primary);
	--browse-footer-background:var(--white);
	--browse-footer-border:1px solid var(color-grey);
	--browse-footer-border-top:1px solid var(color-grey);

	--browse-footer-empty-text:var(--text-color-light);
	--browse-footer-empty-background:var(--color-white);
	--browse-footer-empty-border:1px solid var(color-grey);
	--browse-footer-empty-border-top:1px solid var(color-grey);

	--browse-empty-text:var(--text-color);
	--browse-empty-background:var(--lightest-secondary);
	--browse-empty-border:1px solid var(--darkest-secondary);
	--browse-empty-border-top:1px solid var(--darkest-secondary);

	--browse-entry-text:var(--entry-text);
	--browse-entry-background:var(--entry-background);
	--browse-entry-border:1px solid var(--entry-border);
	
	
	/* tabs */
	--tab-border:1px solid var(--light-primary);
	--tab-border-bottom:0px solid var(--white);
	--tab-text:var(--color-primary);
	--tab-text-shadow:var(--text-shadow);
	--tab-background:var(--color-primary);
	--tab-background-image:linear-gradient(to top,var(--grad-start-primary-active),var(--grad-end-primary-active));

	--tab-active-text:var(--color-secondary);
	--tab-active-background:var(--white);
	--tab-active-background-image:linear-gradient(var(--gradient),var(--grad-start-white),var(--grad-end-white));
	--tab-active-border:0px solid var(--lightest-grey);
	--tab-active-border-bottom:0px solid var(--white);

	--tab-active-text-hover:var(--color-primary);
	--tab-active-background-hover:var(--white);
	--tab-active-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-grey),var(--grad-end-grey));
	--tab-active-border-hover:0px solid var(--lightest-grey);

	--tab-inactive-text:var(--color-primary);
	--tab-inactive-background:var(--lighter-primary);
	--tab-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--tab-inactive-border:0px solid var(--white);

	--tab-inactive-text-hover:var(--color-primary);
	--tab-inactive-background-hover:var(--white);
	--tab-inactive-border-hover:0px solid var(--lighter-grey);

	/* accordion tabs */
	--accordion-active-text:var(--color-secondary); 
	--accordion-active-background:var(--white);
	--accordion-active-background-image:linear-gradient(var(--gradient),var(--lightest-secondary),var(--white));
	--accordion-active-border:1px solid var(--color-primary);

	--accordion-active-text-hover:var(--color-secondary); 
	--accordion-active-background-hover:var(--white);
	--accordion-active-background-image-hover:linear-gradient(var(--gradient),var(--lightest-secondary),var(--white));
	--accordion-active-border-hover:1px solid var(--color-primary);

	--accordion-inactive-text:var(--color-primary); 
	--accordion-inactive-background:var(--white);
	--accordion-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--accordion-inactive-border:1px solid var(--color-primary);

	--accordion-inactive-text-hover:var(--color-primary); 
	--accordion-inactive-background-hover:var(--white);
	--accordion-inactive-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	--accordion-inactive-border-hover:1px solid var(--color-primary);

	--accordion-content-border:1px solid var(--color-primary);

	/* taskpanel tabs */
	--taskpanel-active-text:var(--color-secondary); 
	--taskpanel-active-background:var(--lightest-primary);
	--taskpanel-active-background-image:linear-gradient(var(--gradient),var(--lightest-secondary),var(--white));
	--taskpanel-active-border:1px solid var(--color-primary);
	
	--taskpanel-active-text-hover:var(--color-secondary); 
	--taskpanel-active-background-hover:var(--lightest-primary);
	--taskpanel-active-background-image-hover:linear-gradient(var(--gradient),var(--lightest-secondary),var(--white));
	--taskpanel-active-border-hover:1px solid var(--color-primary);
	
	--taskpanel-inactive-text:var(--color-primary); 
	--taskpanel-inactive-background:var(--lightest-primary);
	--taskpanel-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--taskpanel-inactive-border:1px solid var(--color-primary);

	--taskpanel-inactive-text-hover:var(--color-primary); 
	--taskpanel-inactive-background-hover:var(--lightest-primary);
	--taskpanel-inactive-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	--taskpanel-inactive-border-hover:1px solid var(--color-primary);

	--taskpanel-content-border:1px solid var(--color-primary);

	/* carousel tabs */
	--carousel-header-text:var(--color-primary);
	--carousel-header-background:var(--lightest-primary);
	--carousel-header-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--carousel-header-border:1px solid var(--color-primary);
	--carousel-header-border-bottom:1px solid var(--color-primary);

	/* wizard tabs */
	--wizard-header-text:var(--color-primary);
	--wizard-header-background:var(--lightest-primary);
	--wizard-header-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--wizard-header-border:1px solid var(--color-primary);
	--wizard-header-border-bottom:1px solid var(--color-primary);

	/* rounded tabs */
	--rounded-background:var(--lightest-primary);
	--rounded-background-image:linear-gradient(var(--gradient),var(--lightest-primary),var(--white));
	--rounded-border:1px solid var(--darkest-primary);

	--rounded-header-text:var(--color-primary); 
	--rounded-header-background:var(--lighter-primary);
	--rounded-header-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--rounded-header-border:1px solid var(--color-primary);
	--rounded-header-border-bottom:1px solid var(--color-primary);

	/* plain tabs */
	--plain-background:var(--none);
	--plain-border:1px solid var(--none);

	--plain-fieldset-color:var(--darkest-primary);
	--plain-fieldset-background:var(--lightest-primary);
	--plain-fieldset-background-image:linear-gradient(var(--gradient),var(--lightest-primary),var(--white));
	--plain-fieldset-border:1px solid var(--darkest-primary);

	--plain-legend-color:var(--color-primary);
	--plain-legend-background:var(--lighter-primary);
	--plain-legend-border:1px solid var(--color-primary);
	--plain-legend-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	/*breadcrumbs */
	--bread-background:var(--lightest-primary);
	--bread-border:1px solid var(--color-primary);

	--crumb-text: var(--dark-primary);
	--crumb-background: var(--lighter-primary);
	--crumb-border:1px solid var(--none);

	--crumb-text-active: var(--dark-secondary);
	--crumb-background-active: var(--lighter-secondary);
	--crumb-border-active:1px solid var(--none);
	
	--crumb-text-hover: var(--white);
	--crumb-background-hover: var(--light-primary);
	--crumb-border-hover:1px solid var(--light-primary);

	--crumb-text-active-hover: var(--dark-secondary);
	--crumb-background-active-hover: var(--lighter-secondary);
	--crumb-border-active-hover:1px solid var(--none);

	/* auto complete */
	--autocomplete-droplist-text:var(--text-color-dark);
	--autocomplete-droplist-background:var(--lightest-primary);
	--autocomplete-droplist-border:1px solid var(--darkest-primary);

	--autocomplete-droplist-text-hover:var(--text-color-light);
	--autocomplete-droplist-background-hover:var(--dark-primary);
	--autocomplete-droplist-border-hover:1px solid var(--none);

	/* entry */
	--entry-height:1.9em;
	--entry-text:var(--text-color-dark);
	--entry-background:var(--white);
	--entry-border:1px solid var(--darkest-primary);
	--entry-required:var(--lightest-warning);
	--entry-read-only:var(--lightest-secondary);
	--entry-error:var(--lighter-error);

	/*naked-checkbox*/
	--naked-checkbox-color:var(--color-primary);
	--naked-checkbox-color-checked:var(--dark-primary);

	/*naked-Radio*/
	--naked-radio-color:var(--color-primary);
	--naked-radio-color-checked:var(--darkest-primary);

	/* select */
	--select-text:var(--entry-text);
	--select-background:var(--entry-background);
	--select-border:var(--entry-border);

	--select-droplist-text:var(--text-color-dark);
	--select-droplist-background:var(--lightest-primary);
	--select-droplist-background-2:var(--white);
	--select-droplist-border:1px solid var(--color-grey);

	--select-droplist-text-hover:var(--text-color-dark);
	--select-droplist-background-hover:var(--color-primary);
	--select-droplist-border-hover:1px solid var(--none);

	/* slider */
	--slider-background:var(--lightest-primary);
	--slider-border:1px solid var(--darkest-primary);

	--slider-handle-background:var(--color-primary);
	--slider-handle-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--slider-handle-border:1px solid var(--color-primary);

	/* spinner */
	--spinner-text:var(--entry-text);
	--spinner-background:var(--entry-background);
	--spinner-border:var(--entry-border);

	--spinner-button-text:var(--text-color);
	--spinner-button-background:var(--white);
	--spinner-button-border:0px solid var(--color-primary);

	--spinner-button-text-hover:var(--text-color-light);
	--spinner-button-background-hover:var(--white);
	--spinner-button-border-hover:0px solid var(--darkest-primary);

	/* color picker */
	--colorpicker-text:var(--text-color-dark);
	--colorpicker-background:var(--lightest-primary);
	--colorpicker-border:1px solid var(--darkest-primary);

	/* date picker */
	--datepicker-background:var(--lightest-primary);
	--datepicker-border:1px solid var(--darkest-primary);

	--datepicker-header-text:var(--text-color);
	--datepicker-header-background:var(--color-primary);
	--datepicker-header-border:1px solid var(--color-primary);
	
	--datepicker-daynames-text:var(--darker-primary);
	--datepicker-daynames-background:var(--none);
	--datepicker-daynames-border:1px solid var(--none);

	--datepicker-weekend-text:var(--dark-grey);
	--datepicker-weekend-background:var(--none);
	--datepicker-weekend-border:1px solid var(--none);

	--datepicker-days-text:var(--darkest-primary);
	--datepicker-days-background:var(--white);
	--datepicker-days-border:1px solid var(--darkest-primary);

	--datepicker-days-text-hover:var(--text-color-light);
	--datepicker-days-background-hover:var(--darkest-primary);
	--datepicker-days-border-hover:1px solid var(--darkest-primary);

	--datepicker-today-text:var(--lightest-primary);
	--datepicker-today-background:var(--darkest-primary);
	--datepicker-today-border:1px solid var(--darkest-primary);

	--datepicker-current-text:var(--lightest-affirm); /*new*/
	--datepicker-current-background:var(--darkest-affirm);/*new*/
	--datepicker-current-border:1px solid var(--darkest-affirm);/*new*/

	/* radio / checkbox buttons */
	--checkbox-border:1px solid var(--color-primary);
	
	--radio-text:var(--color-primary);
	--radio-background:var(--lightest-primary);
	--radio-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--radio-border:1px solid var(--lighter-primary);
	
	--radio-text-hover:var(--color-primary);
	--radio-background-hover:var(--lightest-primary);
	--radio-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--radio-border-hover:1px solid var(--color-primary);

	--radio-checked-text:var(--color-secondary);
	--radio-checked-background:var(--lightest-grey);
	--radio-checked-background-image:linear-gradient(var(--gradient),var(--grad-start-secondary),var(--grad-end-secondary));
	--radio-checked-border:1px solid var(--color-secondary);
	
	--radio-checked-text-hover:var(--color-secondary);
	--radio-checked-background-hover:var(--lightest-grey);
	--radio-checked-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-secondary-hover),var(--grad-end-secondary-hover));
	--radio-checked-border-hover:1px solid var(--color-secondary);

	/* progress bar */

	--progress-container-text:var(--text-color-dark);
	--progress-container-background:var(--light-primary);
	--progress-container-border:1px solid var(--dark-primary);

	--progress-text:var(--text-color-light);
	--progress-background:var(--dark-primary);
	--progress-border:1px solid var(--dark-primary);

	--nt-progress-hyperlink-text:var(--darkest-primary);
	--nt-progress-hyperlink-background:var(--lightest-primary);
	--nt-progress-hyperlink-border:1px solid var(--darkest-primary);

	/* gauges */
	--gauge-pointer:var(--color-secondary);
	--gauge-dial-color:var(--dark-primary);
	--gauge-dial-background-color:var(--lightest-primary);
	--gauge-dial-border:1px solid var(--dark-primary);
	--gauge-prefix-text:var(--text-color-dark);
	--gauge-text:var(--color-primary);
	--gauge-suffix-text:var(--text-color-dark);
	--gauge-label-text:var(--text-color-dark);
	
	/* form */
	--form-table-border:1px solid var(--none);
	
	--form-prompt-text:var(--text-color-dark);
	--form-prompt-background:var(--none);
	--form-prompt-border:1px solid var(--none);

	--comment-text:var(--color-grey);
	--comment-background:var(--none);
	--comment-border:1px solid var(--none);

	/* main menu options */
	--menu-text:var(--dark-primary);
	--menu-background:var(--white);
	--menu-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--menu-border:1px solid var(--color-grey);
	
	--menu-text-hover:var(--dark-secondary);
	--menu-background-hover:var(--white);
	--menu-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-secondary-hover),var(--grad-end-secondary-hover));

	/* a menu that has no items, but has it's own URL */
	--menu-alone-text:var(--dark-primary);
	--menu-alone-background:var(--white);
	--menu-alone-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--menu-alone-border:1px solid var(--color-grey);
	
	--menu-alone-text-hover:var(--color-primary);
	--menu-alone-background-hover:var(--white);
	--menu-alone-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-tertiary-hover),var(--grad-end-tertiary-hover));

	/* menu item */
	--menu-item-text:var(--text-color-light);
	--menu-item-background:var(--color-primary);
	--menu-item-border:0px solid var(--color-grey);
	--menu-item-text-hover:var(--text-color);
	--menu-item-background-hover:var(--color-primary);

	/* menu items container*/
	--menu-items-text:var(--dark-primary);
	--menu-items-background:var(--lightest-grey);
	--menu-items-background-image:linear-gradient(var(--gradient),var(--lightest-grey),var(--white));
	--menu-items-border:1px solid var(--color-grey);
	
	--menu-items-text-hover:var(--dark-secondary);
	--menu-items-background-hover:var(--color-tertiary);

	/* menu item buttons*/
	--menu-item-button-text:var(--dark-primary);
	--menu-item-button-background:var(--white);
	--menu-item-button-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--menu-item-button-text-hover:var(--dark-secondary);
	--menu-item-button-background-hover:var(--white);
	--menu-item-button-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-secondary),var(--grad-end-secondary));

	/* menu accordion item */
	--menu-accordion-item-text:var(--text-color-light);
	--menu-accordion-item-background:var(--color-primary);
	--menu-accordion-item-text-hover:var(--text-color);
	--menu-accordion-item-background-hover:var(--color-primary);

	/* menu accordion items container*/
	--menu-accordion-items-text:var(--text-color-dark);
	--menu-accordion-items-background:var(--lightest-grey);
	--menu-accordion-items-background-image:linear-gradient(var(--gradient),var(--lightest-grey),var(--white));
	--menu-accordion-items-border:1px solid var(--light-grey);
	
	--menu-accordion-items-text-hover:var(--text-color-dark);
	--menu-accordion-items-background-hover:1px solid var(--lightest-grey);

	/* menu accordion item buttons*/
	--menu-accordion-item-button-text:var(--text-color-dark);
	--menu-accordion-item-button-background:var(--lightest-grey);
	--menu-accordion-item-button-text-hover:var(--color-secondary);
	--menu-accordion-item-button-background-hover:var(--lightest-grey);

	/* specific buttons */
	--dialog-button-text-error:var(--text-color-dark);
	--dialog-button-background-error:var(--light-error);
	--dialog-button-border-error:1px solid var(--white);

	--dialog-button-text-warning:var(--text-color);
	--dialog-button-background-warning:var(--light-warning);
	--dialog-button-border-warning:1px solid var(--white);

	/* default */ 
	--button-default-text:var(--dark-primary);
	--button-default-background:var(--lightest-grey);
	--button-default-border:1px solid var(--lighter-grey);
    --button-default-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-default-text-hover:var(--dark-primary);
	--button-default-background-hover:var(--lightest-primary);
	--button-default-border-hover:1px solid var(--light-primary);
    --button-default-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/*back*/ 
	--button-back-background:var(--none);
	--button-back-border:0px solid var(--dark-primary);
    --button-back-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-back-background-hover:var(--none);
	--button-back-border-hover:0px solid var(--dark-primary);
    --button-back-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* save */
	--button-save-text:var(--dark-primary);
	--button-save-background:var(--lightest-grey);
	--button-save-border:1px solid var(--lighter-grey);
    --button-save-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-save-text-hover:var(--dark-primary);
	--button-save-background-hover:var(--lightest-primary);
	--button-save-border-hover:1px solid var(--light-primary);
    --button-save-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* select */
	--button-select-text:var(--dark-primary);
	--button-select-background:var(--lightest-grey);
	--button-select-border:1px solid var(--lighter-grey);
    --button-select-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-select-text-hover:var(--dark-primary);
	--button-select-background-hover:var(--lightest-primary);
	--button-select-border-hover:1px solid var(--light-primary);
    --button-select-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* close */
	--button-close-text:var(--dark-primary);
	--button-close-background:var(--lightest-grey);
	--button-close-border:1px solid var(--lighter-grey);
    --button-close-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-close-text-hover:var(--dark-primary);
	--button-close-background-hover:var(--lightest-primary);
	--button-close-border-hover:1px solid var(--light-primary);
    --button-close-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* start */
	--button-start-text:var(--dark-primary);
	--button-start-background:var(--lightest-grey);
	--button-start-border:1px solid var(--lighter-grey);
    --button-start-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-start-text-hover:var(--dark-primary);
	--button-start-background-hover:var(--lightest-primary);
	--button-start-border-hover:1px solid var(--light-primary);
    --button-start-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* logout */
	--button-logout-text:var(--dark-primary);
	--button-logout-background:var(--lightest-grey);
	--button-logout-border:1px solid var(--lighter-grey);
	--button-logout-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-logout-text-hover:var(--dark-primary);
	--button-logout-background-hover:var(--lightest-primary);
	--button-logout-border-hover:1px solid var(--light-primary);
	--button-logout-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* cancel */
	--button-cancel-text:var(--dark-primary);
	--button-cancel-background:var(--lightest-grey);
	--button-cancel-border:1px solid var(--lighter-grey);
	--button-cancel-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-cancel-text-hover:var(--dark-primary);
	--button-cancel-background-hover:var(--lightest-primary);
	--button-cancel-border-hover:1px solid var(--light-primary);
	--button-cancel-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/* delete */
	--button-delete-text:var(--dark-primary);
	--button-delete-background:var(--lightest-grey);
	--button-delete-border:1px solid var(--lighter-grey);
	--button-delete-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-delete-text-hover:var(--dark-primary);
	--button-delete-background-hover:var(--lightest-primary);
	--button-delete-border-hover:1px solid var(--light-primary);
	--button-delete-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
		
	/* api buttons */
	--button-service-text:var(--dark-primary);
	--button-service-background:var(--lightest-grey);
	--button-service-border:1px solid var(--lighter-grey);
	--button-service-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-service-text-hover:var(--dark-primary);
	--button-service-background-hover:var(--lightest-primary);
	--button-service-border-hover:1px solid var(--light-primary);
	--button-service-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-method-text:var(--dark-primary);
	--button-method-background:var(--lightest-grey);
	--button-method-border:1px solid var(--lighter-grey);
	--button-method-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-method-text-hover:var(--dark-primary);
	--button-method-background-hover:var(--lightest-primary);
	--button-method-border-hover:1px solid var(--light-primary);
	--button-method-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	
	
	/* nav */
	--button-first-text:var(--dark-primary);
	--button-first-background:var(--lightest-grey);
	--button-first-border:1px solid var(--lighter-grey);
	--button-first-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-first-text-hover:var(--dark-primary);
	--button-first-background-hover:var(--lightest-primary);
	--button-first-border-hover:1px solid var(--light-primary);
	--button-first-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-previous-text:var(--dark-primary);
	--button-previous-background:var(--lightest-grey);
	--button-previous-border:1px solid var(--lighter-grey);
	--button-previous-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-previous-text-hover:var(--dark-primary);
	--button-previous-background-hover:var(--lightest-primary);
	--button-previous-border-hover:1px solid var(--light-primary);
	--button-previous-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-next-text:var(--dark-primary);
	--button-next-background:var(--lightest-grey);
	--button-next-border:1px solid var(--lighter-grey);
	--button-next-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-next-text-hover:var(--dark-primary);
	--button-next-background-hover:var(--lightest-primary);
	--button-next-border-hover:1px solid var(--light-primary);
	--button-next-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-last-text:var(--dark-primary);
	--button-last-background:var(--lightest-grey);
	--button-last-border:1px solid var(--lighter-grey);
	--button-last-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-last-text-hover:var(--dark-primary);
	--button-last-background-hover:var(--lightest-primary);
	--button-last-border-hover:1px solid var(--light-primary);
	--button-last-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	
		/* view */
	--button-view-text:var(--dark-primary);
	--button-view-background:var(--lightest-grey);
	--button-view-border:1px solid var(--lighter-grey);
    --button-view-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-view-text-hover:var(--dark-primary);
	--button-view-background-hover:var(--lightest-primary);
	--button-view-border-hover:1px solid var(--light-primary);
    --button-view-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

		/* export */
	--button-export-text:var(--dark-primary);
	--button-export-background:var(--lightest-grey);
	--button-export-border:1px solid var(--lighter-grey);
    --button-export-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-export-text-hover:var(--dark-primary);
	--button-export-background-hover:var(--lightest-primary);
	--button-export-border-hover:1px solid var(--light-primary);
    --button-export-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

		/* print */
	--button-print-text:var(--dark-primary);
	--button-print-background:var(--lightest-grey);
	--button-print-border:1px solid var(--lighter-grey);
    --button-print-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));

	--button-print-text-hover:var(--dark-primary);
	--button-print-background-hover:var(--lightest-primary);
	--button-print-border-hover:1px solid var(--light-primary);
    --button-print-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	
		/* edit */
	--button-insert-text:var(--dark-primary);
	--button-insert-background:var(--lightest-grey);
	--button-insert-border:1px solid var(--lighter-grey);
	--button-insert-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-insert-text-hover:var(--dark-primary);
	--button-insert-background-hover:var(--lightest-primary);
	--button-insert-border-hover:1px solid var(--light-primary);
	--button-insert-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-copy-text:var(--dark-primary);
	--button-copy-background:var(--lightest-grey);
	--button-copy-border:1px solid var(--lighter-grey);
	--button-copy-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-copy-text-hover:var(--dark-primary);
	--button-copy-background-hover:var(--lightest-primary);
	--button-copy-border-hover:1px solid var(--light-primary);
	--button-copy-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-change-text:var(--dark-primary);
	--button-change-background:var(--lightest-grey);
	--button-change-border:1px solid var(--lighter-grey);
	--button-change-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-change-text-hover:var(--dark-primary);
	--button-change-background-hover:var(--lightest-primary);
	--button-change-border-hover:1px solid var(--light-primary);
	--button-change-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/*lookup*/
	--button-lookup-text:var(--dark-primary);
	--button-lookup-background:var(--lightest-grey);
	--button-lookup-border:1px solid var(--lighter-grey);
	--button-lookup-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-lookup-text-hover:var(--dark-primary);
	--button-lookup-background-hover:var(--lightest-primary);
	--button-lookup-border-hover:1px solid var(--light-primary);
	--button-lookup-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/*clear*/
	--button-clear-text:var(--dark-primary);
	--button-clear-background:var(--lightest-grey);
	--button-clear-border:1px solid var(--lighter-grey);
	--button-clear-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-clear-text-hover:var(--dark-primary);
	--button-clear-background-hover:var(--lightest-primary);
	--button-clear-border-hover:1px solid var(--light-primary);
	--button-clear-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	/*locate*/
	--button-locate-text:var(--dark-primary);
	--button-locate-background:var(--lightest-grey);
	--button-locate-border:1px solid var(--lighter-grey);
	--button-locate-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-locate-text-hover:var(--dark-primary);
	--button-locate-background-hover:var(--lightest-primary);
	--button-locate-border-hover:1px solid var(--light-primary);
	--button-locate-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	/*wizard*/
	--button-wizprevious-text:var(--dark-primary);
	--button-wizprevious-background:var(--lightest-grey);
	--button-wizprevious-border:1px solid var(--lighter-grey);
	--button-wizprevious-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-wizprevious-text-hover:var(--dark-primary);
	--button-wizprevious-background-hover:var(--lightest-primary);
	--button-wizprevious-border-hover:1px solid var(--light-primary);
	--button-wizprevious-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));

	--button-wiznext-text:var(--dark-primary);
	--button-wiznext-background:var(--lightest-grey);
	--button-wiznext-border:1px solid var(--lighter-grey);
	--button-wiznext-background-image: linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	
	--button-wiznext-text-hover:var(--dark-primary);
	--button-wiznext-background-hover:var(--lightest-primary);
	--button-wiznext-border-hover:1px solid var(--light-primary);
	--button-wiznext-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	
	/* APIs and Methods */
	--method-header-text:var(--color-primary);
	--method-header-background:var(--color-primary);
	--method-header-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--method-header-border:1px solid var(--color-primary);

	--nt-example-header-text:var(--color-primary);
	--nt-example-header-background:	var(--none);
	--nt-example-header-background-image: 'x';
	--nt-example-header-border: 0px solid var(--color-primary);

	/* calendar */	/*12.28*/
	--nt-month-header-cell-background: #F8F8FF;
	--nt-empty-cell-background: transparent;
	--nt-empty-cell-border: 1px solid transparent; 
	--nt-month-big-border:1px solid #DDDDDD;
	--nt-month-big-background: #FFFFFF;
	--nt-label-color:#DDDDDD;
	--nt-label-empty-color:#DDDDDD;
	--nt-month-small-border:1px solid #DDDDDD;
	--nt-holiday-color:#DDDDDD;
	--nt-holiday-background:#444444;

	/* planner */	/*12.28*/
	--nt-planner-row-size-border:0px solid #DDDDDD;
	--nt-planner-border-border:1px solid #DDDDDD;
	--nt-planner-data-border:1px solid #888888;
	--nt-planner-back-border:1px solid #FAFAFA;    
	--nt-planner-back-color:#EEEEEE;  	
}/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * heavily modified for NetTalk 12 - no longer compatible with ThemeRoller
 * theme: redmond
 */

/* Component containers
----------------------------------*/
.ui-widget-content {
	background: var(--widget-background);
}
.ui-button .ui-icon {/*margin-right:0.5rem;*/}
.ui-menu .ui-menu-item {margin-right:0.3em;}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: var(--icon-size); 
	height: var(--icon-size);
	background-image: var(--icons);
	transform:var(--icons-transform);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: var(--icons-active);
	transform:var(--icons-active-transform);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: var(--icons-highlight);
	transform:var(--icons-highlight-transform);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon,
.ui-icons-error {
	background-image: var(--icons-error);
	transform:var(--icons-error-transform);
}
.ui-icons-light{
	background-image: var(--icons-light);
}
.ui-icons-dark{
	background-image: var(--icons-dark);
}
.ui-icons-16{transform:scale(0.5)}
.ui-icons-20{transform:scale(0.62)}
.ui-icons-24{transform:scale(0.75)}
.ui-icons-32{transform:scale(1)}
.ui-icons-48{transform:scale(1.5)}
.ui-icons-64{transform:scale(2)}

.ui-button .ui-icon {
	background-image: var(--icons-button);
	transform:var(--icons-button-transform);
}
.ui-button:hover .ui-icon{ /*12.29*/
	background-image: var(--icons-button-hover);
	transform:var(--icons-button-transform);
}
.ui-back-icon {
    background-image: var(--icons);
	transform:scale(1);
}
.ui-tab-icon {
    background-image: var(--icons-tab);
	transform:var(--icons-tab-transform);
}
.ui-button-icon {
	background-image: var(--icons-button);
	transform:var(--icons-button-transform);
}
.ui-menuitem-icon {
    background-image: var(--icons-menu);
	transform:var(--icons-menu-transform);
}
.ui-checkboxradio-icon {
    background-image: var(--icons-entry)!important;
	transform:var(--icons-entry-transform)!important;
}
.ui-checkboxradio-icon.ui-icon-check{
    background-image: var(--icons-active)!important;
}
.ui-checkboxradio-label .ui-icon-background {
	background-color:transparent!important;
}
.ui-checkboxradio-icon-space{
	margin-right:0.5em;
}

/* Interaction states
----------------------------------*/

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	/*color: var(--widget-hover);*/
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: var(--color-secondary);
	background-color: var(--entry-background);
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	text-decoration: none;
}

/* tabs */
.ui-tabs{
	padding:0;
	border:0;
}

.ui-tabs-content{
	border-width:1px!important;
	border-left:var(--tab-border);
	border-right:var(--tab-border);
	border-bottom:var(--tab-border);
	border-top:0;
}

.ui-tabs-nav{
	border:var(--tab-border);
	background: var(--tab-background);
	background-image: var(--tab-background-image);
	color: var(--tab-text); 
	font-weight: var(--tab-header-font-weight); 
}	

.ui-tabs-tab ,.ui-tabs-tab  >a{
	border:var(--tab-inactive-border);
	background: var(--tab-inactive-background);
	color: var(--tab-inactive-text); 
	background-image:var(--tab-inactive-background-image);
	text-shadow: var(--tab-text-shadow);
	border-radius: var(--radius) var(--radius) 0 0;
}

.ui-tabs-tab:hover,.ui-tabs-tab:hover >a{
	border:var(--tab-inactive-border-hover);
	background: var(--tab-inactive-background-hover);
	color: var(--tab-inactive-text-hover); 
}

.ui-tabs-active,.ui-tabs-active >a{
	border: var(--tab-active-border);
	border-bottom: var(--tab-active-border-bottom);
	background: var(--tab-active-background);
	color: var(--tab-active-text); 
	background-image:var(--tab-active-background-image);
	border-radius: var(--radius) var(--radius) 0 0;
}

.ui-tabs-active:hover,.ui-tabs-active:hover >a{
	border:var(--tab-active-border);
	background: var(--tab-active-background);
	color: var(--tab-active-text); 
}

/*accordion tabs*/
.ui-accordion-tab-header{
	color: var(--accordion-inactive-text); 
	background: var(--accordion-inactive-background);
	border:var(--accordion-inactive-border);
	background-image:var(--accordion-inactive-background-image);	
}
.ui-accordion-tab-header:hover{
	color: var(--accordion-inactive-text-hover); 
	background: var(--accordion-inactive-background-hover);
	background-image: var(--accordion-inactive-background-image-hover);
	border:var(--accordion-inactive-border-hover);
}
.ui-accordion-tab-header.ui-state-active{
	color: var(--accordion-active-text); 
	background: var(--accordion-active-background);
	border:var(--accordion-active-border);
	background-image:var(--accordion-active-background-image);	
}
.ui-accordion-tab-header.ui-state-active:hover{
	color: var(--accordion-active-text-hover); 
	background: var(--accordion-active-background-hover);
	background-image: var(--accordion-active-background-image-hover);
	border:var(--accordion-active-border-hover);
}
.ui-accordion-tab-content{
	border-left:var(--accordion-content-border);
	border-right:var(--accordion-content-border);
	border-bottom:var(--accordion-content-border);	
}

/*taskpanel tabs*/
.ui-taskpanel-tab-header{
	color: var(--taskpanel-inactive-text); 
	background: var(--taskpanel-inactive-background);
	border:var(--taskpanel-inactive-border);
	background-image:var(--taskpanel-inactive-background-image);
}
.ui-taskpanel-tab-header:hover{
	color: var(--taskpanel-inactive-text-hover); 
	background: var(--taskpanel-inactive-background-hover);
	background-image:var(--taskpanel-inactive-background-image-hover);
	border:var(--taskpanel-inactive-border-hover);
}
.ui-taskpanel-tab-header.ui-state-active{
	color: var(--taskpanel-active-text); 
	background: var(--taskpanel-active-background);
	border:var(--taskpanel-active-border);
	background-image:var(--taskpanel-active-background-image);
}
.ui-taskpanel-tab-header.ui-state-active:hover{
	color: var(--taskpanel-active-text-hover); 
	background: var(--taskpanel-active-background-hover);
	background-image:var(--taskpanel-active-background-image-hover);
	border:var(--taskpanel-active-border-hover);
}

.ui-taskpanel-tab-content{
	border-left:var(--taskpanel-content-border);
	border-right:var(--taskpanel-content-border);
	border-bottom:var(--taskpanel-content-border);	
}


/* date picker */
.ui-datepicker{
	border:var(--datepicker-border);
	background: var(--datepicker-background);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	left:auto;
	top:auto;
	margin-left:auto;
	margin-top:auto;
	transform: scale(0.66);
}
.ui-datepicker-header {
	border:var(--datepicker-header-border);
	background: var(--datepicker-header-background);
	color: var(--datepicker-header-text); 
	font-weight: var(--widget-header-font-weight); 
}
.ui-datepicker-calendar {
	border:var(--datepicker-daynames-border);
	background: var(--datepicker-daynames-background);
	color: var(--datepicker-daynames-text); 
}

.ui-datepicker-calendar td a{
	text-align: center;
}
.ui-datepicker-week-end{
	border:var(--datepicker-weekend-border);
	background: var(--datepicker-weekend-background);
	color: var(--datepicker-weekend-text); 
}

.ui-datepicker td a{
	border-radius:var(--radius);
	border:var(--datepicker-days-border);
	background: var(--datepicker-days-background);
	color: var(--datepicker-days-text); 
}
.ui-datepicker td a:hover{
	border:var(--datepicker-days-border-hover);
	background: var(--datepicker-days-background-hover);
	color: var(--datepicker-days-text-hover); 
}

.ui-datepicker-today a{
	border-radius:var(--radius);
	border:var(--datepicker-today-border)!important;
	background: var(--datepicker-today-background)!important;
	color: var(--datepicker-today-text)!important; 
}

.ui-datepicker-current{ /*today button*/
	color:var(--button-text);
	background:var(--button-background);
	background-image:var(--button-background-image);
	border:var(--button-border)
}
.ui-datepicker .ui-datepicker-current-day a{ /*current selection button*/
	color:var(--datepicker-current-text);
	background:var(--datepicker-current-background);
	border:var(--datepicker-current-border);
}
.ui-datepicker-close{ /*cancel button*/
	color:var(--button-cancel-text);
	background:var(--button-cancel-background);
	background-image:var(--button-cancel-background-image);
	border:var(--button-cancel-border)
}
.ui-datepicker-current:hover{ /*today button*/
	color:var(--button-text-hover);
	background:var(--button-background-hover);
	background-image:var(--button-background-image-hover);
	border:var(--button-border-hover)
}
.ui-datepicker-close:hover{ /*cancel button*/
	color:var(--button-cancel-text-hover);
	background:var(--button-cancel-background-hover);
	background-image:var(--button-cancel-background-image-hover);
	border:var(--button-cancel-border-hover)
}

/* buttons */
.ui-button{
	/*border:0*/
	color:var(--button-text);
	background:var(--button-background);
	border:var(--button-border);
	text-shadow:var(--button-text-shadow);
	min-height: 2.5em; /*redmond*/
	margin:0.3rem;	
    padding: 0.0em 1em; /*smaller button */
    justify-content: center;
}
.nt-button-with-icon{/*redmond*/
    padding: 0em 1em 0em 0.1em;
}
.nt-button-without-icon{/*redmond*/
    padding: 0em 1em 0em 1em;
}

.ui-button-warning{
	background:var(--color-warning);
}
.ui-button-error{
	background:var(--color-error);
}

.ui-button:hover{
	color:var(--button-text-hover);
	background:var(--button-background-hover);
	border:var(--button-border-hover);
}

/* radio buttons */
.ui-checkboxradio-label{
	color:var(--radio-text);
	background:var(--radio-background);
	border:var(--radio-border);
	background-image:var(--radio-background-image);
	font-weight:var(--button-font-weight);
}
.ui-checkboxradio-label:hover{
	color:var(--radio-text-hover);
	background:var(--radio-background-hover);
	background-image:var(--radio-background-image-hover);
	border:var(--radio-border-hover);
}
.ui-checkboxradio-checked{
	color:var(--radio-checked-text);
	background:var(--radio-checked-background);
	background-image:var(--radio-checked-background-image);
	border:var(--radio-checked-border);	
}
.ui-checkboxradio-checked:hover{
	color:var(--radio-checked-text-hover);
	background:var(--radio-checked-background-hover);
	background-image:var(--radio-checked-background-image-hover);
	border:var(--radio-checked-border-hover);
}

.ui-dialog .ui-dialog-buttonpane button{
	min-width:7em;
	padding-left: 1em;
	padding-right: 1em;
}

/* progress bars*/
.ui-progressbar{
	color:var(--progress-container-text);
	background:var(--progress-container-background);
	border:var(--progress-container-border);
}
.ui-progressbar-value {background:var(--progress-background);}

/* slider */
.ui-slider{
background:var(--slider-background);
border:var(--slider-border);
}

.ui-slider-container{
padding-top:0.5em;
padding-bottom:0.5em;
}

.ui-slider-handle{
background:var(--slider-handle-background);
background-image:var(--slider-handle-background-image);
border:var(--slider-handle-border);
}

/* spinner */
.ui-spinner{
width:100%;
color:var(--spinner-text);
background:var(--spinner-background);
border:var(--spinner-border);
}
.ui-spinner a.ui-spinner-button{
margin:0;
color:var(--spinner-button-text);
background:var(--spinner-button-background);
border:var(--spinner-button-border);
}
.ui-spinner a.ui-spinner-button:hover{
color:var(--spinner-button-text-hover);
background:var(--spinner-button-background-hover);
border:var(--spinner-button-border-hover);
}

.ui-spinner-button >.ui-button-icon{
	background-image: var(--icons-entry);
	transform:var(--icons-entry-transform); /* transforms the icons to 16px from whatever they are */
}

.ui-tree-icon{
	background-image: var(--icons-tree);
	transform:var(--icons-tree-transform); 
    margin-top: -.25em!important;	
}
/* select */
.ui-selectmenu-text{
	height:auto;
}
.ui-selectmenu-button >.ui-selectmenu-icon{
	margin-right:0; margin-top:0.2em;
	background-image: var(--icons-entry);
	transform:var(--icons-entry-transform);
}
.ui-selectmenu-button.ui-button {
    padding-right: 0em;
	width:100%;
	margin:0;
	color:var(--select-text);
	background:var(--select-background);
	border:var(--select-border);
	height:var(--entry-height);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.ui-selectmenu-open ul{
	color:var(--select-droplist-text);
	background:var(--select-droplist-background);
	border:var(--select-droplist-border);
}

.ui-selectmenu-open ul li:hover{
	color:var(--select-droplist-text-hover);
	background:var(--select-droplist-background-hover);
	border:var(--select-droplist-border-hover);
}
.ui-selectmenu-open .ui-menu-item{
	margin-right:0;
}
.nt-select-height>.ui-menu-item:nth-child(odd){
	background-color:var(--select-droplist-background);
}
.nt-select-height>.ui-menu-item:nth-child(even){
	background-color:var(--select-droplist-background-2);
}
.nt-select-height>.ui-menu-item:hover{
	background-color:var(--select-droplist-background-hover);
}

/* dialogs */
.ui-dialog{max-width:100%;}
.ui-dialog-title{
/*	padding:0.5em 0em 0.5em 0em; */ /* smaller dialog header */
}
.ui-dialog-titlebar{
	font-size:var(--dialog-title-text-size);
	font-weight:var(--dialog-title-text-weight);
	color:var(--dialog-title-text);
	background:var(--dialog-title-background);
	background-image:var(--dialog-title-background-image);
	border:var(--dialog-title-border);
	border-bottom:var(--dialog-title-border-bottom);
}
.ui-dialog .ui-dialog-content {/*new*/
    border: var(--dialog-border);
    padding: var(--dialog-padding);
    background: var(--dialog-background);
	background-image: var(--dialog-background-image);
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
/*	border: 1px solid #dad55e;*/
/*	background: #fffa90;*/
/*	color: #777620; */
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border:var(--error-border);
	background: var(--error-background);
	color: var(--error-text);
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color:var(--error-text);
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: var(--error-text);
}
.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;*/
/*	font-weight: normal;*/
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

.ui-button-icon-only .ui-icon{
margin-top: calc(-0.5 * var(--icon-size));
margin-left:  calc(-0.5 * var(--icon-size));
}

/* icons positioning */
.ui-icon-blank { background-position: calc(var(--icon-size)) calc(var(--icon-size)); }

/* row 1 */
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: calc(-1 * var(--icon-size)) 0; }
.ui-icon-caret-1-e { background-position: calc(-2 * var(--icon-size)) 0; }
.ui-icon-caret-1-se { background-position: calc(-3 * var(--icon-size)) 0; }
.ui-icon-caret-1-s { background-position: calc(-4 * var(--icon-size)) 0; }
.ui-icon-caret-1-sw { background-position: calc(-5 * var(--icon-size)) 0; }
.ui-icon-caret-1-w { background-position: calc(-6 * var(--icon-size)) 0; }
.ui-icon-caret-1-nw { background-position: calc(-7 * var(--icon-size)) 0; }
.ui-icon-caret-2-n-s { background-position: calc(-8 * var(--icon-size)) 0; }
.ui-icon-caret-2-e-w { background-position: calc(-9 * var(--icon-size)) 0; }
.ui-icon-chevron-2-n { background-position: calc(-10 * var(--icon-size)) 0; } /*nt*/
.ui-icon-chevron-2-e { background-position: calc(-11 * var(--icon-size)) 0; } /*nt*/
.ui-icon-chevron-2-s { background-position: calc(-12 * var(--icon-size)) 0; } /*nt*/
.ui-icon-chevron-2-w { background-position: calc(-13 * var(--icon-size)) 0; } /*nt*/

/* row 2 */
.ui-icon-triangle-1-n { background-position: 0 calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-ne { background-position: calc(-1 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-e { background-position: calc(-2 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-se { background-position: calc(-3 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-s { background-position: calc(-4 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-sw { background-position: calc(-5 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-w { background-position: calc(-6 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-1-nw { background-position: calc(-7 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-2-n-s { background-position: calc(-8 * var(--icon-size)) calc(-1 * var(--icon-size)); }
.ui-icon-triangle-2-e-w { background-position: calc(-9 * var(--icon-size)) calc(-1 * var(--icon-size)); }

/* row 3 */
.ui-icon-arrow-1-n { background-position: 0 calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-ne { background-position: calc(-1 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-e { background-position: calc(-2 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-se { background-position: calc(-3 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-s { background-position: calc(-4 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-sw { background-position: calc(-5 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-w { background-position: calc(-6 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-1-nw { background-position: calc(-7 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-2-n-s { background-position: calc(-8 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-2-ne-sw { background-position: calc(-9 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-2-e-w { background-position: calc(-10 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrow-2-se-nw { background-position: calc(-11 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrowstop-1-n { background-position: calc(-12 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrowstop-1-e { background-position: calc(-13 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrowstop-1-s { background-position: calc(-14 * var(--icon-size)) calc(-2 * var(--icon-size)); }
.ui-icon-arrowstop-1-w { background-position: calc(-15 * var(--icon-size)) calc(-2 * var(--icon-size)); }

/* row 4 */
.ui-icon-arrowthick-1-n { background-position: 0px calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-ne { background-position: calc(-1 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-e { background-position: calc(-2 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-se { background-position: calc(-3 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-s { background-position: calc(-4 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-sw { background-position: calc(-5 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-w { background-position: calc(-6 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-1-nw { background-position: calc(-7 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-2-n-s { background-position: calc(-8 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-2-ne-sw { background-position: calc(-9 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-2-e-w { background-position: calc(-10 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthick-2-se-nw { background-position: calc(-11 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthickstop-1-n { background-position: calc(-12 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthickstop-1-e { background-position: calc(-13 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthickstop-1-s { background-position: calc(-14 * var(--icon-size)) calc(-3 * var(--icon-size)); }
.ui-icon-arrowthickstop-1-w { background-position: calc(-15 * var(--icon-size)) calc(-3 * var(--icon-size)); }

/* row 5 */
.ui-icon-arrowreturnthick-1-w { background-position: 0 calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturnthick-1-n { background-position: calc(-1 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturnthick-1-e { background-position: calc(-2 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturnthick-1-s { background-position: calc(-3 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturn-1-w { background-position: calc(-4 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturn-1-n { background-position: calc(-5 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturn-1-e { background-position: calc(-6 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowreturn-1-s { background-position: calc(-7 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowrefresh-1-w { background-position: calc(-8 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowrefresh-1-n { background-position: calc(-9 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowrefresh-1-e { background-position: calc(-10 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-arrowrefresh-1-s { background-position: calc(-11 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-back-w { background-position: calc(-12 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-access-yes { background-position: calc(-13 * var(--icon-size)) calc(-4 * var(--icon-size)); }
.ui-icon-access-no { background-position: calc(-14 * var(--icon-size)) calc(-4 * var(--icon-size)); }

/* row 6 */
.ui-icon-arrow-4 { background-position: 0 calc(-5 * var(--icon-size)); }
.ui-icon-arrow-4-diag { background-position: calc(-1 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-extlink { background-position: calc(-2 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-newwin { background-position: calc(-3 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-refresh { background-position: calc(-4 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-shuffle { background-position: calc(-5 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-transfer-e-w { background-position: calc(-6 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-transferthick-e-w { background-position: calc(-7 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-contract { background-position: calc(-8 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-expand { background-position: calc(-9 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-group { background-position: calc(-10 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-group-yes { background-position: calc(-11 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-group-no { background-position: calc(-12 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-default-yes { background-position: calc(-13 * var(--icon-size)) calc(-5 * var(--icon-size)); }
.ui-icon-default-no { background-position: calc(-14 * var(--icon-size)) calc(-5 * var(--icon-size)); }

/* row 7 */
.ui-icon-folder-collapsed { background-position: 0 calc(-6 * var(--icon-size)); }
.ui-icon-folder-open { background-position: calc(-1 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-document { background-position: calc(-2 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-document-b { background-position: calc(-3 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-note { background-position: calc(-4 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-mail-closed { background-position: calc(-5 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-mail-open { background-position: calc(-6 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-suitcase { background-position: calc(-7 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-comment { background-position: calc(-8 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-person { background-position: calc(-9 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-print { background-position: calc(-10 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-trash { background-position: calc(-11 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-locked { background-position: calc(-12 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-unlocked { background-position: calc(-13 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-bookmark { background-position: calc(-14 * var(--icon-size)) calc(-6 * var(--icon-size)); }
.ui-icon-tag { background-position: calc(-15 * var(--icon-size)) calc(-6 * var(--icon-size)); }

/* row 8 */
.ui-icon-home { background-position: 0 calc(-7 * var(--icon-size)); }
.ui-icon-flag { background-position: calc(-1 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-calculator { background-position: calc(-2 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-cart { background-position: calc(-3 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-pencil { background-position: calc(-4 * var(--icon-size)) calc(-7 * var(--icon-size));}
.ui-icon-clock { background-position: calc(-5 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-disk { background-position: calc(-6 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-calendar { background-position: calc(-7 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-zoomin { background-position: calc(-8 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-zoomout { background-position: calc(-9 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-search { background-position: calc(-10 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-wrench { background-position: calc(-11 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-gear { background-position: calc(-12 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-heart { background-position: calc(-13 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-star { background-position: calc(-14 * var(--icon-size)) calc(-7 * var(--icon-size)); }
.ui-icon-link { background-position: calc(-15 * var(--icon-size)) calc(-7 * var(--icon-size)); }

/* row 9 */
.ui-icon-cancel { background-position: 0 calc(-8 * var(--icon-size)); }
.ui-icon-plus { background-position: calc(-1 * var(--icon-size)) calc(-8 * var(--icon-size));}
.ui-icon-plusthick { background-position: calc(-2 * var(--icon-size)) calc(-8 * var(--icon-size));}
.ui-icon-minus { background-position: calc(-3 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-minusthick { background-position: calc(-4 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-close { background-position: calc(-5 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-closethick { background-position: calc(-6 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-key { background-position: calc(-7 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-lightbulb { background-position: calc(-8 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-scissors { background-position: calc(-9 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-clipboard { background-position: calc(-10 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-copy { background-position: calc(-11 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-contact { background-position: calc(-12 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-image { background-position: calc(-14 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-video { background-position: calc(-14 * var(--icon-size)) calc(-8 * var(--icon-size)); }
.ui-icon-script { background-position: calc(-15 * var(--icon-size)) calc(-8 * var(--icon-size)); }

/* row 10 */
.ui-icon-alert { background-position: 0 calc(-9 * var(--icon-size)); }
.ui-icon-info { background-position: calc(-1 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-notice { background-position: calc(-2 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-help { background-position: calc(-3 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-check { background-position: calc(-4 * var(--icon-size)) calc(-9 * var(--icon-size)); } 
.ui-icon-bullet { background-position: calc(-5 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-radio-on { background-position: calc(-6 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-radio-off { background-position: calc(-7 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-pin-w { background-position: calc(-8 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-pin-s { background-position: calc(-9 * var(--icon-size)) calc(-9 * var(--icon-size)); }
.ui-icon-shield { background-position: calc(-10 * var(--icon-size)) calc(-9 * var(--icon-size)); } /*nt*/
.ui-icon-cloud { background-position: calc(-11 * var(--icon-size)) calc(-9 * var(--icon-size)) } /*nt*/
.ui-icon-cloud-up { background-position: calc(-12 * var(--icon-size)) calc(-9 * var(--icon-size)); } /*nt*/
.ui-icon-cloud-down{ background-position: calc(-13 * var(--icon-size)) calc(-9 * var(--icon-size)); } /*nt*/
.ui-icon-menu{ background-position: calc(-14 * var(--icon-size)) calc(-9 * var(--icon-size)); } /*nt*/
.ui-icon-menu-dot{ background-position: calc(-15 * var(--icon-size)) calc(-9 * var(--icon-size)); } /*nt*/

/* row 11 */
.ui-icon-play { background-position: 0 calc(-10 * var(--icon-size)); }
.ui-icon-pause { background-position: calc(-1 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-seek-next { background-position: calc(-2 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-seek-prev { background-position: calc(-3 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-seek-end { background-position: calc(-4 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-seek-start { background-position: calc(-5 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-seek-first { background-position: calc(-5 * var(--icon-size)) calc(-10 * var(--icon-size)); }  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-stop { background-position: calc(-6 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-eject { background-position: calc(-7 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-volume-off { background-position: calc(-8 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-volume-on { background-position: calc(-9 * var(--icon-size)) calc(-10 * var(--icon-size)); }
.ui-icon-gps-off { background-position: calc(-10 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/
.ui-icon-gps-on { background-position: calc(-11 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/
.ui-icon-bell { background-position: calc(-12 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/
.ui-icon-share { background-position: calc(-13 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/
.ui-icon-thumbs-up { background-position: calc(-14 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/
.ui-icon-thumbs-down { background-position: calc(-15 * var(--icon-size)) calc(-10 * var(--icon-size)); } /*nt*/

/* row 12 */
.ui-icon-power { background-position: 0 calc(-11 * var(--icon-size)); }
.ui-icon-signal-diag { background-position: calc(-1 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-signal { background-position: calc(-2 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-battery-0 { background-position: calc(-3 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-battery-1 { background-position: calc(-4 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-battery-2 { background-position: calc(-5 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-battery-3 { background-position: calc(-6 * var(--icon-size)) calc(-11 * var(--icon-size)); }
.ui-icon-import { background-position: calc(-7 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-export { background-position: calc(-8 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-upload { background-position: calc(-9 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-download{ background-position: calc(-10 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-camera{ background-position: calc(-11 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-database{ background-position: calc(-12 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-location{ background-position: calc(-13 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-map{ background-position: calc(-14 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/
.ui-icon-navigation{ background-position: calc(-15 * var(--icon-size)) calc(-11 * var(--icon-size)); } /*nt*/

/* row 13 */
.ui-icon-circle-plus { background-position: 0 calc(-12 * var(--icon-size)); }
.ui-icon-circle-minus { background-position: calc(-1 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-close { background-position: calc(-2 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-triangle-e { background-position: calc(-3 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-triangle-s { background-position:calc(-4 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-triangle-w { background-position: calc(-5 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-triangle-n { background-position: calc(-6 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-arrow-e { background-position: calc(-7 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-arrow-s { background-position: calc(-8 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-arrow-w { background-position: calc(-9 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-arrow-n { background-position: calc(-10 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-zoomin { background-position: calc(-11 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-zoomout { background-position: calc(-12 * var(--icon-size))calc(-12 * var(--icon-size)); }
.ui-icon-circle-check { background-position: calc(-13 * var(--icon-size)) calc(-12 * var(--icon-size)); }
.ui-icon-circle-chevron-2-n { background-position: calc(-14 * var(--icon-size)) calc(-12 * var(--icon-size)); } /*nt*/
.ui-icon-circle-chevron-2-s { background-position: calc(-15 * var(--icon-size)) calc(-12 * var(--icon-size)); } /*nt*/

/* row 14 */
.ui-icon-circlesmall-plus { background-position: 0 calc(-13 * var(--icon-size)); }
.ui-icon-circlesmall-minus { background-position: calc(-1 * var(--icon-size)) calc(-13 * var(--icon-size)); }
.ui-icon-circlesmall-close { background-position: calc(-2 * var(--icon-size)) calc(-13 * var(--icon-size)); }
.ui-icon-squaresmall-plus { background-position: calc(-3 * var(--icon-size)) calc(-13 * var(--icon-size)); }
.ui-icon-squaresmall-minus { background-position: calc(-4 * var(--icon-size)) calc(-13 * var(--icon-size)); }
.ui-icon-squaresmall-close { background-position: calc(-5 * var(--icon-size)) calc(-13 * var(--icon-size)); }
.ui-icon-check-contrast{ background-position: calc(-6 * var(--icon-size)) calc(-13 * var(--icon-size)); }/*nt*/
.ui-icon-close-contrast{ background-position: calc(-6 * var(--icon-size)) calc(-13 * var(--icon-size)); }/*nt*/
.ui-icon-menu-contrast{ background-position: calc(-8* var(--icon-size)) calc(-13 * var(--icon-size)); }/*nt*/
.ui-icon-menu-dot-contrast{ background-position: calc(-9 * var(--icon-size)) calc(-13 * var(--icon-size)); }/*nt*/

/* row 15 */
.ui-icon-grip-dotted-vertical { background-position: 0 calc(-14 * var(--icon-size)); }
.ui-icon-grip-dotted-horizontal { background-position: calc(-1 * var(--icon-size)) calc(-14 * var(--icon-size)); }
.ui-icon-grip-solid-vertical { background-position: calc(-2 * var(--icon-size)) calc(-14 * var(--icon-size)); }
.ui-icon-grip-solid-horizontal { background-position: calc(-3 * var(--icon-size)) calc(-14 * var(--icon-size)); }
.ui-icon-gripsmall-diagonal-se { background-position: calc(-4 * var(--icon-size)) calc(-14 * var(--icon-size)); }
.ui-icon-grip-diagonal-se { background-position: calc(-5 * var(--icon-size)) calc(-14 * var(--icon-size)); }
.ui-icon-gripsmall-diagonal-solid-se { background-position: calc(-6 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-grip-diagonal-solid-se { background-position: calc(-7 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-eye { background-position: calc(-8 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-phone { background-position: calc(-9 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-microphone { background-position: calc(-10 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-headphone { background-position: calc(-11 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-headset { background-position: calc(-12 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-paperclip { background-position: calc(-13 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-gauge { background-position: calc(-14 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/
.ui-icon-graph { background-position: calc(-15 * var(--icon-size)) calc(-14 * var(--icon-size)); } /*nt*/

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

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

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.ui-button-icon-space{
	width:0.0em;
}
.nt-smallbutton .ui-button-icon-space{
	width:0.0em;
}
.ui-menuitem-icon-space{
	float:right;
	width:1em;
}
.ui-menu-icon-space{
	float:right;
	width:1em;
}
.ui-tab-icon{
	margin-left:0.3em;
	float:left;
}
.ui-tab-icon-space{
	width:0.3em;
	height:1px;
	float:left;
}

/*theme: redmond*/

	/* site */
	/*------*/
*:focus {outline: none;}
html {font-size: var(--font-size)}
body {font-family: var(--font-family);font-size: var(--font-size);font-weight: var(--font-weight-normal);letter-spacing:var(--letter-spacing);line-height:var(--line-height);height:100%}
input,select,option {font-family: var(--input-font-family);font-size: var(--input-font-size);font-weight: var(--input-font-weight);}
textarea {font-family: var(--text-area-font-family);font-size: var(--text-area-font-size);font-weight: var(--text-area-font-weight);line-height: 1.5em;}
button {font-family: var(--button-font-family);font-size: var(--button-font-size);font-weight: var(--button-font-weight);}
h1{color:var(--color-accent);margin-right: var(--icon-size);}

.nt-browse-move{
position:relative;
top:300px;
margin: auto;
}

.nt-html{}
.nt-body {
	margin-top: 1rem; 
	min-height: 100%;
	color:var(--site-color);/*12.29*/
	background-color:var(--site-background);
	border:var(--site-body-border);/*new*/
	margin:var(--site-body-margin);/*new*/
}

.nt-body-div {
	/*height:100%;*/
	min-height:calc(100vh - var(--footer-height) - 2.4rem);
	margin-bottom:0; /*var(--minus-footer-height);*/
	position:relative;
}
.nt-endbody{clear:both;}
.nt-fakeget {text-decoration: underline; cursor: pointer;}

.nt-site-header,.nt-site-header-6{
	width:100%;
	border-bottom:var(--site-border);
}
.nt-site-header-logo{
	margin: 0.4rem;
}
.nt-site-footer{
	width:100%;
	margin-top: 1rem;
	height:var(--footer-height);
	position:relative;
	border-top:var(--site-border); 
}
.nt-countdown{
	color:var(--lighter-primary);
}
.no-close .ui-dialog-titlebar-close {display: none;}

.nt-display{float: left;margin-right: 5px;}
.nt-embedded-procedure{width:100%}

	/* Corner radius */
.nt-corner-all,.nt-corner-top,.nt-corner-left,.nt-corner-tl {border-top-left-radius: var(--radius);}
.nt-corner-all,.nt-corner-top,.nt-corner-right,.nt-corner-tr {border-top-right-radius: var(--radius);}
.nt-corner-all,.nt-corner-bottom,.nt-corner-left,.nt-corner-bl {	border-bottom-left-radius: var(--radius);}
.nt-corner-all,.nt-corner-bottom,.nt-corner-right,.nt-corner-br {border-bottom-right-radius: var(--radius);}

	/*buttons general*/
	/*---------------*/
.nt-update-button-set{margin-top:0.3rem;margin-left: 0.2rem;flex-wrap:wrap;}
.nt-nav-button-set{margin-top:0.3rem;margin-left: 0.5rem;flex-wrap:wrap;}
.nt-cancel-button-set{margin-top:0.3rem;margin-left: 0.3rem;flex-wrap:wrap;}
.nt-close-button-set{margin-top:0.3rem;margin-left: 0.3rem;flex-wrap:wrap;}
.nt-wizard-buttonset{/*margin-left:1em;*/}

.nt-button{
	color:var(--button-text);
	background:var(--button-background);
	background-image: var(--button-background-image);
	border:var(--button-border);
	min-width: 7em;
	border-radius: var(--button-radius);/*moved from below*/
}
.nt-button:hover{
	color:var(--button-text-hover);
	background:var(--button-background-hover);
	background-image: var(--button-background-image-hover);
	border:var(--button-border-hover);
}
.nt-small-button{
	margin: 0!important; 
	margin-right:0.5em!important; 
    min-width: var(--entry-height);
    min-height: var(--entry-height);
	padding: 0;	
	justify-content:center;
	width:2.4em;
	height:2.4em;
}	
.nt-small-button span{
	/*padding: 0.1em ! important;*/
}

.ui-button-icon-only{height: var(--entry-height);width: var(--entry-height) !important;min-width: 2em !important;}
.ui-button-icon-only span{padding: 0.1em ! important; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding: .3em 1em .3em 2.1em;}

.nt-large-button{min-height:4em;min-width:15em;}
.nt-font-icon-tab{
	float:left;
	text-align:center;
}

.ui-button.ui-corner-left{
	border-radius: var(--button-radius) 0 0 var(--button-radius);
}
.ui-button.ui-corner-right{
	border-radius: 0 var(--button-radius) var(--button-radius) 0;
}
.ui-button.ui-corner-none{
	border-radius: 0 0 0 0;
}
.ui-controlgroup >.ui-button.ui-corner-all{
	border-radius: var(--button-radius);
}
.ui-button.ui-corner-all{
/*border-radius: var(--button-radius);*/ /* breaks select boxes if entry & button radius different. moved to nt-button */
}

	/*buttons Specific*/
	/*----------------*/
	/*Default*/
.nt-default-button{
	color:var(--button-default-text);
	background:var(--button-default-background);
	border:var(--button-default-border);
	background-image: var(--button-default-background-image);	
}
.nt-default-button:hover{
	color:var(--button-default-text-hover);
	background:var(--button-default-background-hover);
	border:var(--button-default-border-hover);
	background-image: var(--button-default-background-image-hover);
}
	/*Back*/
.nt-back-button{
	background-color: var(--button-back-background);
	background-image: var(--button-back-background-image);
    border: var(--button-back-border);	
	border-radius:var(--radius);
}
.nt-back-button:hover{
	background-color: var(--button-back-background-hover);
	background-image: var(--button-back-background-image-hover);
    border: var(--button-back-border-hover);	
}
	/*Save*/
.nt-save-button{
	color:var(--button-save-text);
	background:var(--button-save-background);
	border:var(--button-save-border);
	background-image: var(--button-save-background-image);
}
.nt-save-button:hover{
	color:var(--button-save-text-hover);
	background:var(--button-save-background-hover);
	border:var(--button-save-border-hover);
	background-image: var(--button-save-background-image-hover);
}
	/*select*/
.nt-select-button{
	color:var(--button-select-text);
	background:var(--button-select-background);
	border:var(--button-select-border);
	background-image: var(--button-select-background-image);
}
.nt-select-button:hover{
	color:var(--button-select-text-hover);
	background:var(--button-select-background-hover);
	border:var(--button-select-border-hover);
	background-image: var(--button-select-background-image-hover);
}
	/*close*/
.nt-close-button{
	color:var(--button-close-text);
	background:var(--button-close-background);
	border:var(--button-close-border);
	background-image: var(--button-close-background-image);
}
.nt-close-button:hover{
	color:var(--button-close-text-hover);
	background:var(--button-close-background-hover);
	border:var(--button-close-border-hover);
	background-image: var(--button-close-background-image-hover);
}

	/*start*/
.nt-start-button{
	color:var(--button-start-text);
	background:var(--button-start-background);
	border:var(--button-start-border);
	background-image: var(--button-start-background-image);
}
.nt-start-button:hover{
	color:var(--button-start-text-hover);
	background:var(--button-start-background-hover);
	border:var(--button-start-border-hover);
	background-image: var(--button-start-background-image-hover);
}

	/*logout*/
.nt-logout-button{
	color:var(--button-logout-text);
	background:var(--button-logout-background);
	border:var(--button-logout-border);
	background-image: var(--button-logout-background-image);
}
.nt-logout-button:hover{
	color:var(--button-logout-text-hover);
	background:var(--button-logout-background-hover);
	border:var(--button-logout-border-hover);
	background-image: var(--button-logout-background-image-hover);
}

	/*cancel*/
.nt-cancel-button{
	color:var(--button-cancel-text);
	background:var(--button-cancel-background);
	border:var(--button-cancel-border);
	background-image: var(--button-cancel-background-image);
}
.nt-cancel-button:hover{
	color:var(--button-cancel-text-hover);
	background:var(--button-cancel-background-hover);
	border:var(--button-cancel-border-hover);
	background-image: var(--button-cancel-background-image-hover);
}

	/*deleteb & deletef*/
.nt-deleteb-button,.nt-deletef-button,.nt-delete-button{
	color:var(--button-delete-text);
	background:var(--button-delete-background);
	border:var(--button-delete-border);
	background-image: var(--button-delete-background-image);
}
.nt-deleteb-button:hover,.nt-deletef-button:hover,.nt-delete-button:hover{
	color:var(--button-delete-text-hover);
	background:var(--button-delete-background-hover);
	border:var(--button-delete-border-hover);
	background-image: var(--button-delete-background-image-hover);
}

	/* nav */
.nt-first-button{
	color:var(--button-first-text);
	background:var(--button-first-background);
	border:var(--button-first-border);
	background-image: var(--button-first-background-image);
}

.nt-first-button:hover{	
	color:var(--button-first-text-hover);
	background:var(--button-first-background-hover);
	border:var(--button-first-border-hover);
	background-image: var(--button-first-background-image-hover);
}

.nt-previous-button{	
	color:var(--button-previous-text);
	background:var(--button-previous-background);
	border:var(--button-previous-border);
	background-image: var(--button-previous-background-image);
}

.nt-previous-button:hover{	
	color:var(--button-previous-text-hover);
	background:var(--button-previous-background-hover);
	border:var(--button-previous-border-hover);
	background-image: var(--button-previous-background-image-hover);
}

.nt-next-button{	
	color:var(--button-next-text);
	background:var(--button-next-background);
	border:var(--button-next-border);
	background-image: var(--button-next-background-image);
}

.nt-next-button:hover{	
	color:var(--button-next-text-hover);
	background:var(--button-next-background-hover);
	border:var(--button-next-border-hover);
	background-image: var(--button-next-background-image-hover);
}

.nt-last-button{	
	color:var(--button-last-text);
	background:var(--button-last-background);
	border:var(--button-last-border);
	background-image: var(--button-last-background-image);
}

.nt-last-button:hover{	
	color:var(--button-last-text-hover);
	background:var(--button-last-background-hover);
	border:var(--button-last-border-hover);
	background-image: var(--button-last-background-image-hover);
}
.nt-locate-button{	
	color:var(--button-locate-text);
	background:var(--button-locate-background);
	border:var(--button-locate-border);
	background-image: var(--button-locate-background-image);
}

.nt-locate-button:hover{	
	color:var(--button-locate-text-hover);
	background:var(--button-locate-background-hover);
	border:var(--button-locate-border-hover);
	background-image: var(--button-locate-background-image-hover);
}

.nt-clear-button{	
	color:var(--button-clear-text);
	background:var(--button-clear-background);
	border:var(--button-clear-border);
	background-image: var(--button-clear-background-image);
}

.nt-clear-button:hover{	
	color:var(--button-clear-text-hover);
	background:var(--button-clear-background-hover);
	border:var(--button-clear-border-hover);
	background-image: var(--button-clear-background-image-hover);
}
.nt-lookup-button{	
	color:var(--button-lookup-text);
	background:var(--button-lookup-background);
	border:var(--button-lookup-border);
	background-image: var(--button-lookup-background-image);
}

.nt-lookup-button:hover{	
	color:var(--button-lookup-text-hover);
	background:var(--button-lookup-background-hover);
	border:var(--button-lookup-border-hover);
	background-image: var(--button-lookup-background-image-hover);
}

.nt-wizprevious-button{	
	color:var(--button-wizprevious-text);
	background:var(--button-wizprevious-background);
	border:var(--button-wizprevious-border);
	background-image: var(--button-wizprevious-background-image);
}

.nt-wizprevious-button:hover{	
	color:var(--button-wizprevious-text-hover);
	background:var(--button-wizprevious-background-hover);
	border:var(--button-wizprevious-border-hover);
	background-image: var(--button-wizprevious-background-image-hover);
}

.nt-wiznext-button{	
	color:var(--button-wiznext-text);
	background:var(--button-wiznext-background);
	border:var(--button-wiznext-border);
	background-image: var(--button-wiznext-background-image);
}

.nt-wiznext-button:hover{	
	color:var(--button-wiznext-text-hover);
	background:var(--button-wiznext-background-hover);
	border:var(--button-wiznext-border-hover);
	background-image: var(--button-wiznext-background-image-hover);
}

	/*view*/
.nt-view-button{
	color:var(--button-view-text);
	background:var(--button-view-background);
	border:var(--button-view-border);
	background-image: var(--button-view-background-image);
}
.nt-view-button:hover{
	color:var(--button-view-text-hover);
	background:var(--button-view-background-hover);
	border:var(--button-view-border-hover);
	background-image: var(--button-view-background-image-hover);
}

	/*export*/
.nt-export-button{
	color:var(--button-export-text);
	background:var(--button-export-background);
	border:var(--button-export-border);
	background-image: var(--button-export-background-image);
}
.nt-export-button:hover{
	color:var(--button-export-text-hover);
	background:var(--button-export-background-hover);
	border:var(--button-export-border-hover);
	background-image: var(--button-export-background-image-hover);
}
	/*print*/
.nt-print-button{
	color:var(--button-print-text);
	background:var(--button-print-background);
	border:var(--button-print-border);
	background-image: var(--button-print-background-image);
}
.nt-print-button:hover{
	color:var(--button-print-text-hover);
	background:var(--button-print-background-hover);
	border:var(--button-print-border-hover);
	background-image: var(--button-print-background-image-hover);
}
	/*edit*/
.nt-insert-button{
	color:var(--button-insert-text);
	background:var(--button-insert-background);
	border:var(--button-insert-border);
	background-image: var(--button-insert-background-image);
}
.nt-insert-button:hover{
	color:var(--button-insert-text-hover);
	background:var(--button-insert-background-hover);
	border:var(--button-insert-border-hover);
	background-image: var(--button-insert-background-image-hover);
}

.nt-copy-button{
	color:var(--button-copy-text);
	background:var(--button-copy-background);
	border:var(--button-copy-border);
	background-image: var(--button-copy-background-image);
}
.nt-copy-button:hover{
	color:var(--button-copy-text-hover);
	background:var(--button-copy-background-hover);
	border:var(--button-copy-border-hover);
	background-image: var(--button-copy-background-image-hover);
}

.nt-change-button{
	color:var(--button-change-text);
	background:var(--button-change-background);
	border:var(--button-change-border);
	background-image: var(--button-change-background-image);
}
.nt-change-button:hover{
	color:var(--button-change-text-hover);
	background:var(--button-change-background-hover);
	border:var(--button-change-border-hover);
	background-image: var(--button-change-background-image-hover);
}

	/* api buttons */
.nt-service-button{
	color:var(--button-service-text);
	background:var(--button-service-background);
	border:var(--button-service-border);
	background-image: var(--button-service-background-image);
	padding: 0.4em 1em;
}
.nt-service-button:hover{	
	color:var(--button-service-text-hover);
	background:var(--button-service-background-hover);
	border:var(--button-service-border-hover);
	background-image: var(--button-service-background-image-hover);
}

.nt-method-button{
	color:var(--button-method-text);
	background:var(--button-method-background);
	border:var(--button-method-border);
	background-image: var(--button-method-background-image);
	padding: 0.4em 1em;
}
.nt-method-button:hover{	
	color:var(--button-method-text-hover);
	background:var(--button-method-background-hover);
	border:var(--button-method-border-hover);
	background-image: var(--button-method-background-image-hover);
}

	/* Headers General*/
	/*----------------*/
.nt-header{
	font-family: var(--header-font-family);
	font-weight:var(--header-font-weight);
	text-shadow:var(--header-text-shadow);
	padding:0.2em 0.2em 0.2em 0; 
	margin-left:0.5rem;
	margin-bottom:0.5rem;
	color: var(--header-text); 
	background: var(--header-background);
	border:var(--header-border);
}
.nt-sub-header{
	font-family: var(--sub-header-font-family);
	font-weight:var(--sub-header-font-weight);
	text-shadow:var(--sub-header-text-shadow);
	padding:0.2em 0.2em 0.2em 0; 
	margin-left:0.5rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	color: var(--sub-header-text); 
	background: var(--sub-header-background);
	border:var(--sub-header-border);
}

	/* Headers Specific*/
	/*-----------------*/
.nt-form-header{font-size: var(--font-size-largest);}
.nt-form-header-sub{font-size: var(--font-size-larger);}
.nt-browse-header{
	font-size: var(--font-size-largest);
	color:var(--browse-header-text);
}
.nt-browse-header-sub{
	font-size: var(--font-size-larger);
	color:var(--browse-sub-header-text);
	background:var(--browse-sub-header-background);
	background-image:var(--browse-sub-header-background-image);
	border:var(--browse-sub-header-border);
}

.nt-browse-header-row, .nt-browse-header-row>div{
	color:var(--darker-secondary)!important;
	background-color:var(--light-secondary)!important; 
	font-weight: var(--font-weight-bold)!important;
}
	/* tabs */
	/*------*/
	
	/*tab*/
.nt-tab-title{
	font-size: var(--font-size-tab-title);
	padding-left: 5px;
	padding-right: 5px;
	border-radius:0;
}
.ui-tabs-tab.ui-corner-top{
	border-radius: var(--tab-radius-left) var(--tab-radius-right) 0 0;
}
.ui-tabs-tab.ui-corner-top a{
	border-radius: var(--tab-radius-left) var(--tab-radius-right) 0 0;
}

	/*carousel*/
.nt-tab-carousel{
	margin-bottom: 3em;
	display:inline-grid;
}
.nt-tab-carousel-header{
	margin-bottom: 1rem;
	margin-top: 0rem;
	padding: 0.5rem;
	border-radius: var(--header-radius);	
	color: var(--carousel-header-text); 
	background: var(--carousel-header-background);
	background-image:var(--carousel-header-background-image);
	border: var(--carousel-header-border);
	border-bottom: var(--carousel-header-border-bottom);
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

	/*wizard*/
.nt-wizard {
	display: none;
	/*padding: 0 1rem;*/
}
.nt-wizard-header{
	margin-bottom: 1rem;
	margin-top: 0rem;
	padding: 0.5rem;
	border-radius: var(--header-radius);	
	color: var(--wizard-header-text); 
	background: var(--wizard-header-background);
	background-image:var(--wizard-header-background-image);
	border: var(--wizard-header-border);
	border-bottom: var(--wizard-header-border-bottom);
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}
	/*rounded*/
.nt-rounded{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	padding: 0.5rem;
	border-radius: var(--content-radius);
	background:var(--rounded-background);
	border:var(--rounded-border);
	background-image:var(--rounded-background-image);
}
.nt-rounded-header{
	padding:0.5rem;
	margin-bottom: 1rem;
	margin-top: 0rem;
	color:var(--rounded-header-text);
	background:var(--rounded-header-background);
	background-image:var(--rounded-header-background-image);	
	border:var(--rounded-header-border);
	border-bottom:var(--rounded-header-border-bottom);
	border-radius: var(--header-radius);
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

	/*plain*/
.nt-plain{
	margin-bottom: 1rem;
	background:var(--plain-background);
	border:var(--plain-border);
}
.nt-plain-fieldset{
	padding:1rem;
	border-radius: var(--content-radius);	
	color:var(--plain-fieldset-color);
	background:var(--plain-fieldset-background);
	border:var(--plain-fieldset-border);
	background-image:var(--plain-fieldset-background-image);
}
.nt-plain-legend{
	font-size:1.3rem;
	font-weight: bold;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:var(--plain-legend-color);
	background:var(--plain-legend-background);
	border:var(--plain-legend-border);
	border-radius: var(--header-radius);
	background-image:var(--plain-legend-background-image);
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

	/* forms */
	/*-------*/
.nt-form{margin: 0; padding: 0; } /*nt 12.42 - horizontal scrollbars on popup forms. */
.nt-form-div{border-collapse: collapse;float: left;margin-top: 0px;margin-right: 5px;display: inline;}
.nt-form-grid{
	border-spacing: 0;
	border:var(--form-table-border);
}
.nt-form-table {
	padding: 4px;
	border-collapse: collapse;
	text-align: left;
	margin-left: 10px;
	border-spacing: 0;
	border:var(--form-table-border);
}
.nt-form-table td { border: 0px;vertical-align: top;}
.nt-form-table img{ margin-bottom: 4px;}
.nt-formcell{display:table-cell;vertical-align:top;border-collapse: collapse; padding: 4px;}
.nt-form-table-cell{padding:0.25em;}

.nt-prompt{
	font-weight: var(--prompt-font-weight);
	float: left;
	margin-right:5px;
	min-height:2em;
	color:var(--form-prompt-text);
	background:var(--form-prompt-background);
	border:var(--form-prompt-border);	
}
.nt-prompt-align-top{valign:top;}
.nt-prompt-align-middle{valign:top;}
.nt-prompt-span{min-width: 130px;}
.nt-prompt-method{min-width: 10em;font-weight:font-weight: var(--prompt-font-weight);padding:0.3em} /*apis */  /*12.41*/
.nt-value-method{min-width: 20em;font-weight:font-weight: var(--prompt-font-weight);padding:0.3em} /*apis */  /*12.41*/

.nt-entry{
	padding-left:0.2em;
	padding-right: 0.2em;
	height: var(--entry-height);
	vertical-align:top;
	color:var(--entry-text);
	background-color:var(--entry-background);
	border:var(--entry-border);
	border-radius:var(--entry-radius);
}
.nt-entry-text{
	height:auto;
	min-height: var(--entry-height);
}
.nt-entry-normal { background-color:var(--entry-background);}
.nt-entry-required { background-color:var(--entry-required);}
.nt-entry-readonly { background-color:var(--entry-read-only);}
.nt-entry-error { background-color:var(--entry-error);}

.nt-tiny-form th {color: #333;}
.nt-tiny-form input {color: #333;}
.nt-literal{background-color: #DFE1F7;}
.nt-export-progress{background-color: rgba(66, 218, 59, 0.75);}

.nt-entry-right{ text-align: right;}
.nt-lookup-button{
	border-radius: 0 var(--entry-radius) var(--entry-radius) 0!important;
	border: var(--entry-border);
	border-left:0;
	height:var(--entry-height);
}
.nt-lookup-entry {border-radius: var(--entry-radius) 0 0 var(--entry-radius);border-right: 0 none;}
.nt-select{/*padding-right:0px;margin-right:1em;*/ /*no longer needed*/}
.nt-entry-select{} /* for the new select-menu */
.nt-select-height>.ui-menu-item:nth-child(odd){}
.nt-select-height>.ui-menu-item:nth-child(even){}

.nt-comment{float:left;margin-right:1rem;min-height:2em;}
.nt-comment{
	color: var(--comment-text);
	background: var(--comment-background);
	border: var(--comment-border);
}
.nt-comment-error{padding-left: 0.5rem;padding-right: 0.5rem;}
.nt-tiny-form {font-size: var(--font-size-small);padding: 0px;border-collapse: collapse;text-align: left;margin-left: 0px;border: 0px;}

  /* browse generic entry - comes before form */
  .nt-browse-entry{
	padding-left: 0.2em;
	padding-right: 0.2em;
	height: 2em;
	vertical-align:middle;
	color:var(--browse-entry-text);
	background-color:var(--browse-entry-background);
	border:var(--browse-entry-border);
	border-radius:var(--browse-entry-radius);
}
.nt-color-entry{
	background-color:transparent;
	border:0;
	color:var(--browse-text);
}

	/* form field types */
	/*------------------*/

	/* auto-complete */
.nt-autocomplete-droplist .ui-menu-item{
	margin-right:0;
}
.nt-autocomplete-droplist{
	color:var(--autocomplete-droplist-text);
	background:var(--autocomplete-droplist-background);
	border:var(--autocomplete-droplist-border);
}

.nt-autocomplete-droplist li:hover{
	color:var(--autocomplete-droplist-text-hover);
	background:var(--autocomplete-droplist-background-hover);
	border:var(--autocomplete-droplist-border-hover);
}

	/* checkbox */
.nt-checkbox{
	/*border: var(--checkbox-border);*//*removed 12.10*/
	height:var(--entry-height);
	padding-left:0;
	margin-left:0;
}

	/* naked checkbox */
.nt-naked-checkbox{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 1.3em!important;
  height: 1.3em;  
  border: 2px solid var(--naked-checkbox-color);
}

.nt-naked-checkbox:checked{
  border: 2px solid var(--naked-checkbox-color-checked); 
}

.nt-naked-checkbox:checked::after{
    content: '\2713';
    display: block;
    text-align: center;
    color: var(--naked-checkbox-color-checked);
	position: relative;
    top: -0.05em;/*nt12.09*/
	left: -0.1em;/*nt12.09*/	
	padding-left:0.2em;
	font-weight: bold;
}
.nt-naked-checkbox:disabled{
  border: 2px solid var(--color-grey);
}
.nt-naked-checkbox:checked:disabled::after{
  color: var(--color-grey); 
}

.nt-browse-gb1 .nt-naked-checkbox,.nt-browse-gb2 .nt-naked-checkbox{
	border: 2px solid var(--browse-greenbar1-text);
}
.nt-browse-gb1.nt-naked-checkbox:checked{
	border: 2px solid var(--browse-greenbar1-text); 
}
.nt-browse-gb2.nt-naked-checkbox:checked{
	border: 2px solid var(--browse-greenbar2-text); 
}

.nt-browse-gb1 .nt-naked-checkbox:checked::after{
    color: var(--browse-greenbar1-text);
    top: -0.2em;
	left: -0.1em;/*nt12.09*/	
	padding-left:0em;
}
.nt-browse-gb2 .nt-naked-checkbox:checked::after{
    color: var(--browse-greenbar2-text);
    top: -0.2em;
	left: -0.1em;/*nt12.09*/	
	padding-left:0em;
}

.nt-browse-mouseover .nt-naked-checkbox{
	border: 2px solid var(--browse-mouseover-text);
}
.nt-browse-mouseover .nt-naked-checkbox:checked{
	border: 2px solid var(--browse-mouseover-text); 
}
.nt-browse-mouseover .nt-naked-checkbox:checked::after{
    color: var(--browse-mouseover-text);
    top: -0.2em;
	padding-left:0em;
}

.nt-browse-selected .nt-naked-checkbox{
	border: 2px solid var(--browse-row-selected-text);
}
.nt-browse-selected .nt-naked-checkbox:checked{
	border: 2px solid var(--browse-row-selected-text); 
}
.nt-browse-selected .nt-naked-checkbox:checked::after{
    color: var(--browse-row-selected-text);
    top: -0.2em;
	padding-left:0em;
}

	/* radio */
.nt-radio-div-buttons-hor > label{margin-right:0;margin-left: 0;}

	/* naked radio */
.nt-naked-radio{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  width: 0.9em;
  height: 0.9em;  
  margin-top:0;
  border: 2px solid var(--naked-radio-color);
}
.nt-naked-radio:checked{
  border: 0.4em solid var(--naked-radio-color-checked);
}
.nt-naked-radio:disabled{
   border-color: var(--color-grey);
}
	/*spinner*/
.nt-entry-spinner-right{ text-align: right;padding-right: 1.5em !important;}
.ui-spinner-input{border: medium none;}
.ui-spinner-up{min-height:1em;}
.ui-spinner-down{min-height:1em;}
.ui-spinner-button {height:50%;}
	
	/* progress */
.nt-progress{
	min-width:100px;
	min-height:15px;
	padding:0;
}
.nt-progress-comment{
	position:relative;
	left:-4em;
	color:var(--progress-text);
	background-color:transparent
}
.nt-progress-hyperlink a{
	padding:1rem;
	color:var(--nt-progress-hyperlink-text);
	background:var(--nt-progress-hyperlink-background);
	border:var(--nt-progress-hyperlink-border);
}

	/* file upload */
.nt-upload-table {
    border: 1px solid var(--darkest-primary);
}

	/* html editors*/
.cke_editable{
	font-size:1rem;
	font-family:var(--font-family);
}	

	/*gauges*/
	/*------*/
.nt-gauge-canvas{    
	padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.nt-gauge-pointer{color:var(--gauge-pointer)} 
.nt-gauge-dial{
	color:var(--gauge-dial-color);
	background-color:var(--gauge-dial-background-color);
	border:var(--gauge-dial-border);
}
.nt-gauge-text-group{}
.nt-gauge-text-prefix{color: var(--gauge-suffix-text);}
.nt-gauge-text-number{color: var(--gauge-text);}
.nt-gauge-text-suffix{color: var(--gauge-suffix-text);}
.nt-gauge-labels{color:var(--gauge-label-text);}
.nt-gauge-labels{ font-size: var(--font-size-small);}

	/* browses */
	/*---------*/

.nt-browse{
	margin: 0 0.5rem 0 0.5rem; 
	padding: 0; 
}
.nt-browse-resizable{
	height: 99%;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}

.nt-browse-table{
	border-spacing: 0;
	border:var(--browse-table-border);
}
.nt-browse-grid{
	border-spacing: 0;
	border:var(--browse-table-border);
}

.nt-browse-body{}
.nt-browse-table-body{}
.nt-browse-flex-body{}
.nt-browse-flex-body-scroll{overflow-y: scroll; height: 50vh;}
.nt-browse-grid-body{}
.nt-browse-grid-body-scroll{overflow-y: scroll; height: 50vh;}

.nt-browse-row{}
.nt-browse-table-row{}
.nt-browse-flex-row{}
.nt-browse-grid-row{}

	/* browse column headers */

.nt-browse-head{}
.nt-browse-table-header{}
.nt-browse-header-icon{
	background-image: var(--icons-light);
}

.nt-browse-row-header{
	vertical-align: top;
	min-height:2em;
	height:fit-content;
}

.nt-browse-header-all{
	display:flex;
}	
.nt-browse-header-all > div{	
	font-weight:bold;/*redmond*/
	font-size: 1.1rem;/*redmond*/
}
.nt-browse-header-all-table{
}

.nt-browse-header-selected, .nt-browse-header-not-selected{
	white-space: nowrap;
	font-size:var(--font-size);
	padding: 0em 0.5em 0em 0.5em;;
}
.nt-browse-header-selected {
	color:var(--browse-header-text-selected);
	background-color:var(--browse-header-background-selected);
	background-image:var(--browse-header-background-image-selected);
	border:var(--browse-header-border-selected);
	border-bottom:var(--browse-header-border-selected-bottom);
}
.nt-browse-header-selected  a{
	color:var(--browse-header-text-selected);
}

.nt-browse-header-not-selected {
	color:var(--browse-header-text-not-selected);
	background-color:var(--browse-header-background-not-selected); 
	background-image:var(--browse-header-background-image-not-selected); 
	border:var(--browse-header-border-not-selected);
	border-bottom:var(--browse-header-border-not-selected-bottom);
}

.nt-browse-header-not-selected  a{
	color:var(--browse-header-text-not-selected);
}

.nt-browse-header-not-selected:hover{
	color:var(--browse-header-text-not-selected-hover);
	background-color:var(--browse-header-background-not-selected-hover); 
	background-image:var(--browse-header-background-image-not-selected-hover); 
	border:var(--browse-header-border-not-selected-hover);
	border-bottom:var(--browse-header-border-not-selected-bottom-hover);
}

.nt-browse-header-not-selected  a:hover{
	color:var(--browse-header-text-not-selected-hover);
}

.nt-browse-header-cant-select{
	color:var(--browse-header-text-cant-select);
	background-color:var(--browse-header-background-cant-select); 
	background-image:var(--browse-header-background-image-cant-select); 
	border:var(--browse-header-border-cant-select);
	border-bottom:var(--browse-header-border-cant-select-bottom);
}
.nt-browse-header-cant-select:hover{
	color:var(--browse-header-text-cant-select);
	background-color:var(--browse-header-background-cant-select); 
	background-image:var(--browse-header-background-image-cant-select); 
	border:var(--browse-header-border-cant-select);
	border-bottom:var(--browse-header-border-cant-select-bottom);
}

.nt-browse-header-empty {
	color:var(--browse-header-text-empty);
	background-color:var(--browse-header-background-empty); 
	background-image:var(--browse-header-background-image-empty); 
	border:var(--browse-header-border-empty);
	border-bottom:var(--browse-header-border-empty-bottom);
}
.nt-browse-header-empty:hover{
	color:var(--browse-header-text-empty);
	background-color:var(--browse-header-background-empty); 
	background-image:var(--browse-header-background-image-empty); 
	border:var(--browse-header-border-empty);
	border-bottom:var(--browse-header-border-empty-bottom);
}

.nt-browse-header-empty a{
	color:var(--browse-header-text-empty);
}

	/*rows*/
.nt-browse-row-data{}

.nt-browse-only-line,.nt-browse-only-line >.nt-browse-table-cell,.nt-browse-only-line >.nt-browse-grid-cell{
	padding-top:var(--browse-line-padding-top);
	padding-bottom:var(--browse-line-padding-bottom);
	border-top:var(--browse-line-border-top);
	border-bottom: var(--browse-line-border-bottom);
}

.nt-browse-first-line,.nt-browse-first-line >.nt-browse-table-cell,.nt-browse-first-line >.nt-browse-grid-cell{
	padding-top:var(--browse-line-padding-top);
	border-top:var(--browse-line-border-top)
}

.nt-browse-middle-line{}

.nt-browse-last-line,.nt-browse-last-line >.nt-browse-table-cell,.nt-browse-last-line >.nt-browse-grid-cell{
	padding-bottom:var(--browse-line-padding-bottom);
	border-bottom: var(--browse-line-border-bottom);
}

.nt-contract-icon{border: 0px;display: block;margin-top: 0.3em;background: transparent;}

.nt-browse-table-row-deleted{color: var(--browse-deleted-text);background-color: var(--browse-deleted-background)!important}
.nt-browse-gb1,.nt-browse-gb1>div{color: var(--browse-greenbar1-text);background-color: var(--browse-greenbar1-background);}
.nt-browse-gb2,.nt-browse-gb2>div{color: var(--browse-greenbar2-text);background-color: var(--browse-greenbar2-background);}
.nt-browse-mouseover,.nt-browse-mouseover>div{color: var(--browse-mouseover-text);background-color: var(--browse-mouseover-background);}
.nt-browse-selected,.nt-browse-selected>div{color: var(--browse-row-selected-text);background-color: var(--browse-row-selected-background);}

	/*cells*/

.nt-browse-data{min-height:2em;}
.nt-browse-data >input{width:100%;}
.nt-browse-table-cell{min-height:2em;}
.nt-browse-grid-cell-prompt,.nt-browse-flex-cell-prompt{
	margin-right:1em;
	color:var(--browse-prompt-text);
	background-color: var(--browse-prompt-background); 
	border-color:var(--browse-prompt-border);
	font-weight:var(--prompt-font-weight);
}

.nt-browse-grid-cell,.nt-browse-flex-cell{
	/*padding: 0.2em 0.5em 0.2em 0.5em; */ /*redmond*/
}
.nt-browse-cell{
	padding-left: 0.5em; 
	padding-right: 0.5em;
}
.nt-browse-cell{
	border-left: 0px solid var(--browse-table-row-border-color);
	border-right: 1px solid var(--browse-table-row-border-color);
	border-bottom: 1px solid var(--browse-table-row-border-color);
	border-top: 1px solid var(--browse-table-row-border-color);
}


	/*footers*/
.nt-browse-row-footer{
	font-weight: bold;
	font-size:var(--font-size-large);
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.nt-browse-table-footer{
	color: var(--browse-footer-text);
	background-color: var(--browse-footer-background);
	border:var(--browse-footer-border);
	border-top:var(--browse-footer-border-top);
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.nt-browse-footer-empty{
	color: var(--browse-footer-empty-text);
	background-color: var(--browse-footer-empty-background);
	border:var(--browse-footer-empty-border);
	border-top:var(--browse-footer-empty-border-top);
}

	/* empty */
.nt-browse-empty{
	padding:1em;
	color: var(--browse-empty-text);
	background-color: var(--browse-empty-background);
	border: var(--browse-empty-border);
}

	/*locator*/
.nt-locator {padding-left:0.5rem}
.nt-locator td div img{margin-bottom: 2px;}

	/* "_busy" graphic */
.nt-busy {
	position: absolute;
	top: 100%;
	left: 100%;
	margin-top: -40px;
	margin-left: -40px;
	width: 32px;
	height: 32px;
	z-index:9999;
	background-color: transparent; 
}

	/*panels*/
.nt-panel-browse{ border-width:0;}
.nt-panel-browse td{ border-width:0;}

	/*ui overrides*/
.ui-dialog .ui-dialog-titlebar-close {right:0.3em;top:0.35em;width: 2em!important;margin: 0;padding: 1px;height: 2em;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:.35em 1em;}
.ui-tabs .ui-tabs-nav {
	min-height:2em;
	border-bottom:var(--tab-border-bottom);
}
.ui-tabs .ui-tabs-nav li {
	height:100%;
	padding:0.25em 1em;
	border-bottom-width: 0px; /*redmond*/
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:0.25em 0.5em;height:1.75em}

	/*dialogs*/
.ui-dialog-titlebar-close > .ui-icon {background-image: var(--icons);}
.ui-dialog .ui-dialog-titlebar-close {
	background-color: var(--dialog-close-background);
	border: var(--dialog-close-border);
}

	/* menu, hamburger icon */	
	@media screen and (max-width: 640px){
		.nt-small-menu{
			background-image: var(--icons);
			width:var(--icon-size);
			height:var(--icon-size);
		}
	}

	/*menus*/
	/*-----*/
.ui-menu .ui-menu-item-wrapper{
	padding: 0.3em;
	padding-left:1em;
	padding-right:1em;
}
.nt-menu-text{
	padding-left:0.25em;
	padding-right:var(--icon-size);
}
.nt-menu-item-text{
	padding-left:0;
}
.nt-menu a{
	color:var(--menu-text);
	background: var(--menu-background);
	background-image: var(--menu-background-image);	
	border: var(--menu-border);	
	font-weight:var(--button-font-weight);
}
.nt-menu-button{
	/*border: 0px solid var(--color-grey)!important;*/ /* breaks border on ddm main menu */
}
.nt-menu a:link, .nt-menu a:visited, .nt-menu a:hover, .nt-menu a:active {
	padding-top:0.3em;
	padding-bottom:0.3em;
}

.nt-menu a:hover{
	color:var(--menu-text-hover);
	background: var(--menu-background-hover);
	background-image: var(--menu-background-image-hover);	
} 
.nt-menu-button:hover >.ui-menu-icon{
	background-image: var(--icons-menu-hover);
}
.ui-menu-item-wrapper:hover>.ui-menu-icon{
	background-image: var(--icons-menu-hover);
}

.nt-menu-item a{
	color:var(--menu-item-text);
	background: var(--menu-item-background);
	border:var(--menu-item-border);
	padding:0.3em;
}
.nt-menu-item:hover{
	color:var(--menu-items-text-hover);
	background: var(--menu-items-background-hover);
}

.nt-menu-item-alone{
	color:var(--menu-alone-text);
	background: var(--menu-alone-background);
	background-image: var(--menu-alone-background-image);
	border: var(--menu-alone-border);
	height:2.5em;
	font-weight: var(--button-font-weight);
}
.nt-menu-item-alone:hover{
	color:var(--menu-alone-text-hover);
	background: var(--menu-alone-background-hover);
	background-image: var(--menu-alone-background-image-hover);
}

.nt-menu-items{
	color:var(--menu-items-text);
	background: var(--menu-items-background);
	background-image: var(--menu-items-background-image);	
	border:var(--menu-items-border);
	border-radius:0 0 var(--menu-radius) var(--menu-radius);
	margin-left:var(--menu-radius);
}
.nt-menu-items-background{background: var(--menu-items-background);}

.nt-menu-accordion h3{
	color:var(--menu-text);
	background: var(--menu-background);
	background-image: var(--menu-background-image);
	border: var(--menu-border);
	font-weight:var(--button-font-weight);
	height:2.5em;
}
.nt-menu-accordion >.ui-state-active{
	color:var(--menu-text-hover);
	background: var(--menu-background-hover);
	background-image: var(--menu-background-image-hover);
}
.nt-menu-accordion >.ui-state-active>.ui-accordion-header-icon{
	background-image: var(--icons-menu-hover);
}

	
.nt-accordion-menu-body{
	background: var(--menu-accordion-items-background);
	background-image: var(--menu-accordion-items-background-image);
	border:var(--menu-accordion-items-border);
}
.nt-menu-item a{
	color:var(--menu-item-button-text);
	background: var(--menu-item-button-background);
	background-image: var(--menu-item-button-background-image);
}
.nt-menu-button-accordion{
	color:var(--menu-accordion-item-button-text)!important;
	background: var(--menu-accordion-item-button-background)!important;
}
.nt-menu-item a:hover{
	color:var(--menu-item-button-text-hover);
	background: var(--menu-item-button-background-hover);
	background-image: var(--menu-item-button-background-image-hover);
}
.nt-menu-button-accordion:hover{
	color:var(--menu-accordion-item-button-text-hover)!important;
	background: var(--menu-accordion-item-button-background-hover)!important;
}

.nt-menu-taskpanel h3{
	color:var(--menu-text);
	background: var(--menu-background);
	background-image: var(--menu-background-image);
	border: var(--menu-border);
	font-weight:var(--button-font-weight);
	height:2.5em;
}
.nt-menu-taskpanel div >.ui-state-active{
	color:var(--menu-text-hover);
	background: var(--menu-background-hover);
	background-image: var(--menu-background-image-hover);
}
.nt-menu-taskpanel div >.ui-state-active>.ui-accordion-header-icon{
	background-image: var(--icons-menu-hover);
}

.nt-menu-button-taskpanel{
	color:var(--menu-accordion-item-button-text)!important;
	background:var(--menu-accordion-item-button-background)!important;
}
.nt-menu-button-taskpanel:hover{
	color:var(--menu-accordion-item-button-text-hover)!important;
	background:var(--menu-accordion-item-button-background-hover)!important;
}

	/* services and service methods */
	/*------------------------------*/
	
.nt-service-heading{}	
.nt-service-methodheading{}
.nt-service-methodname{
	color: var(--color-primary);
	background: var(--none);
	background-image:'';
	border:0;
}
.nt-tryit-javascript{
	background-color: var(--lightest-accent);
}
.nt-example{
	color:var(--nt-example-header-text);
	background:var(--nt-example-header-background);
	background-image:var(--nt-example-header-background-image);
	border:var(--nt-example-header-border);
}
.nt-service-info{color: var(--dark-warning);}
.nt-service-fieldname{color:var(--dark-primary);}
.nt-service-fieldtype{color:var(--dark-secondary);}
.nt-service-fieldcomment{color:var(--comment-text);}
.nt-service-divider{background-color:var(--darkest-grey);}
.nt-request{background-color: var(--lightest-primary);}
.nt-service-parametername{color: var(--darker-primary);}
.nt-service-returnname{color: var(--color-primary);}

.nt-http-method{  
	font-weight: var(--font-weight-bold); 
	color: var(--method-header-text); 
	background-color:var(--method-header-background);
	background-image:var(--method-header-background-image);
	border: var(--method-header-border);
}
.nt-place{color:var(--color-error);}
.nt-response{background-color: var(--lightest-secondary);}
.nt-code{}
.nt-code-clarion{background-color: var(--lightest-tertiary);}
.nt-code-curl{background-color: var(--lightest-tertiary);}
.nt-code-javascript{background-color: var(--lightest-tertiary);}
.nt-code-php{background-color: var(--lightest-tertiary);}
.nt-tryit{padding: 1em;margin: 1em;}


	/* Alert Dialogs*/
	/*--------------*/
.nt-alert {
	font-weight: var(--font-weight-bold);
	padding:1em;
	margin: auto;
	text-align: center;
	width:70%;
	margin-top:1em
}

.nt-error-dialog{background:var(--lightest-error)}
.nt-error-dialog .ui-dialog-titlebar{background:var(--light-error); color:var(--dark-warning)}
.nt-error-dialog .ui-dialog-buttonpane{background:var(--lightest-error)}
.nt-error-dialog .ui-dialog-titlebar-close{background: var(--dialog-close-background-error);}
.nt-error-dialog .nt-error-button{background: var(--dialog-button-background-error);color:var(--dialog-button-text-error);border-color:var(--dialog-button-border-error);}

.nt-warning-dialog{
	background:var(--lightest-warning)
}
.nt-warning-dialog .ui-dialog-titlebar{
	background:var(--light-warning);
	color:var(--dark-warning);
	border: 0;
    border-bottom: 0px solid;
    border-radius: 0;
}
.nt-warning-dialog >.ui-dialog-titlebar>.ui-dialog-title{
	justify-content:flex-start;
	height:2em;
}
.nt-warning-dialog .ui-dialog-buttonpane{background:var(--lightest-warning)}
.nt-warning-dialog .ui-dialog-titlebar-close{background: var(--dialog-close-background-warning);}
.nt-warning-dialog .nt-warning-button{background: var(--dialog-button-background-warning);color:var(--dialog-button-text-warning);border-color:var(--dialog-button-border-warning);}

	/* breadcrumbs */
	/*-------------*/
.nt-bread {
	background-color: var(--bread-background);
	border:var(--bread-border);
	border-radius: var(--content-radius);
}

.nt-crumb, .nt-crumb-first, .nt-crumb-last{
	font-size:var(--font-size-tab-title);
	color: var(--crumb-text);
	background: var(--crumb-background);
	background-image: var(--crumb-background-image);	
}
.nt-crumb-last{margin-left:0;margin-right:0;border: 0;} /* override netweb.css*/
.nt-crumb-last.nt-crumb-first{margin-left:0.5em;margin-right:0.5em;border: 0;} /*12.28*/
.nt-crumb-right {
	border-left-color:var(--crumb-background);
	border-top-color:var(--none);
	border-bottom-color:var(--none);
	font-size:var(--font-size-tab-title);
}

.nt-crumb-left{
	border-left-color:var(--none);
	border-top-color:var(--crumb-background);
	border-bottom-color:var(--crumb-background);
	font-size:var(--font-size-tab-title);
}

.nt-whole-crumb:hover  a{
	color:var(--crumb-text-hover);
	background:var(--crumb-background-hover);
}
.nt-whole-crumb:hover .nt-crumb-right{
	border-left-color:var(--crumb-background-hover);
}
.nt-whole-crumb:hover .nt-crumb-left{
	border-top-color:var(--crumb-background-hover);
	border-bottom-color:var(--crumb-background-hover);
}
.nt-active-crumb a {
	color: var(--crumb-text-active);
	background: var(--crumb-background-active);
	background-image:var(--crumb-background-image-active);
}
.nt-active-crumb .nt-crumb-right{
	border-left-color:var(--crumb-background-active)
}
.nt-active-crumb .nt-crumb-left{
	border-top-color:var(--crumb-background-active);
	border-bottom-color:var(--crumb-background-active);
}
.nt-active-crumb:hover .nt-crumb-left{
	border-top-color:var(--crumb-background-active-hover);
	border-bottom-color:var(--crumb-background-active-hover);
}
.nt-active-crumb:hover .nt-crumb-right{
	border-left-color:var(--crumb-background-active-hover)
}
.nt-active-crumb:hover a {
	color: var(--crumb-text-active-hover);
	background: var(--crumb-background-active-hover);
	background-image:var(--crumb-background-image-active-hover);
}

/* overrides of netweb.css, for backward compatibility */
.FixedWidth{font-family: var(--fixed-font-family)!important;}
.FixedPitch{font-family: var(--fixed-font-family)!important;}
.nt-fixed-pitch{font-family: var(--fixed-font-family)!important;}
.nt-bold{font-weight: var(--font-weight-bold);}
.nt-normal{font-style:var(--font-style-normal);font-weight:var(--font-weight-normal);}
.nt-italic {font-style:var(--font-style-italic)}
.nt-sec-key-form-heading{font-size: var(--font-size-smallest);background-color: transparent;border:0;}
.nt-service-heading{
font-size:var(--header-font-size);
font-weight:var(--header-font-weight);
font-family:var(--header-font-family);
}
.nt-service-subheading{
font-size:var(--sub-header-font-size);
font-weight:var(--sub-header-font-weight);
font-family:var(--sub-header-font-family);
border-top:3px solid var(--dark-primary);
}
.nt-service-methodheading{
font-size:var(--font-size-large)
}
.nt-service-description{
font-size:var(--font-size-big);
}
.nt-service-info{font-weight: var(--font-weight-normal);}
.nt-service-fieldname{font-family: var(--fixed-font-family);}
.nt-service-fieldtype{font-family: var(--fixed-font-family);}
.nt-example{
font-size:var(--font-size-large);
font-weight:var(--font-weight-bold);
}
.nt-response,.nt-request{
font-size:var(--font-size-big);
font-family: var(--fixed-font-family);
}
.nt-place{font-weight:var(--font-weight-bold);}
.nt-tryit-javascript-textarea{
font-family: var(--fixed-font-family)!important;
font-size:var(--font-size-big);
}
.nt-current-user{color:var(--color-primary);}
.nt-ace{font-size:var(--font-size)}


	/* various overrides of things in \styles\ folder */
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	/*background: var(--lightest-primary);
	color: var(--black);	*/
}	
.slick-prev:before, .slick-next:before{
	font-size: var(--font-size-largest);
}
.slick-dots li button {
	font-size: var(--font-size);  /*nt*/
}
.colorpicker{
	color: var(--colorpicker-text);
	background: var(--colorpicker-background);
	border:var(--colorpicker-border);
}
.nt-sig-clear-button{
	margin-top:0;
}

p#vtip {
font-size: var(--font-size)!important; 
background-color: var(--tip-background)!important;
border:var(--tip-border)!important; 
border-radius: var(--radius)!important;
}
.fa,.fas,.far,.fal,.fab{
margin-left:0.6em;margin-right:0.6em;
}

/*calendar */ /* 12.28 */
	
.cal-corner-all-small,.cal-corner-top-small,.cal-corner-left-small,.cal-corner-tl-small {border-top-left-radius: var(--calendar-small-radius);}
.cal-corner-all-small,.cal-corner-top-small,.cal-corner-right-small,.cal-corner-tr-small {border-top-right-radius: var(--calendar-small-radius);}
.cal-corner-all-small,.cal-corner-bottom-small,.cal-corner-left-small,.cal-corner-bl-small {	border-bottom-left-radius: var(--calendar-small-radius);}
.cal-corner-all-small,.cal-corner-bottom-small,.cal-corner-right-small,.cal-corner-br-small {border-bottom-right-radius: var(--calendar-small-radius);}

.cal-corner-all,.cal-corner-top,.cal-corner-left,.cal-corner-tl {border-top-left-radius: var(--calendar-radius);}
.cal-corner-all,.cal-corner-top,.cal-corner-right,.cal-corner-tr {border-top-right-radius: var(--calendar-radius);}
.cal-corner-all,.cal-corner-bottom,.cal-corner-left,.cal-corner-bl {	border-bottom-left-radius: var(--calendar-radius);}
.cal-corner-all,.cal-corner-bottom,.cal-corner-right,.cal-corner-br {border-bottom-right-radius: var(--calendar-radius);}

.nt-month-header-cell > div{
font-weight: var(--font-weight-bold);
background-color: var(--nt-month-header-cell-background)!important;

}
.nt-monthday-empty-cell{
border: var(--nt-empty-cell-border) !important;
background-color: var(--nt-empty-cell-background);
}

.nt-month-big > div > div {
border: var(--nt-month-big-border);
background-color: var(--nt-month-big-background);

}
.nt-label{
font-size: var(--font-size-monster);
color: var(--nt-label-color);
}
.nt-label-empty{
font-size: var(--font-size-monster);
color: var(--nt-label-empty-color);
}
.nt-month-small > div > div {
border: var(--nt-month-small-border);
}
.nt-holiday{
color: var(--nt-holiday-color)!important;
background-color: var(--nt-holiday-background)!important;
}
.planner-row-size{
border: var(--nt-planner-row-size-border);
}
.planner-border{
border: var(--nt-planner-border-border);
}
.planner-data{
border: var(--nt-planner-data-border);
}
.planner-back{
border:var(--nt-planner-back-border);    
color:var(--nt-planner-back-color);  
font-size:var(--font-size);
}
	/*hide*/
	/* keep this near the bottom */
	/*---------------------------*/
.nt-hidden{
	visibility: hidden;
	border-collapse: collapse;
	margin: 0 !important;
	padding: 0 !important;
	display: none; 
	height: 0 !important;
}
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.pageclass{
  background-color: #f3f3f3; 
  height: 1160px;
  width 100vw;
}

.pagecenter{
  max-width: 1135px;
  margin: auto;
}

.navbar {
  overflow: hidden;
  background-color: #ffffff;
  z-index: 1;
}

.navbar-centered {
  overflow: hidden;
  background-color: #ffffff;
  float: none;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbarfullwidth {
  position: absolute;
  top: 20px;
  left 0px;
  width: 100vw;
  height: 70px;
  background-color: #ffffff;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: blue;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #3f8cff;
  color: white;
}

.subnav-content {
  display: none;
  position: absolute;
  background-color: #3f8cff;
  width: 338px;
  height:50px;
  z-index: 1;
  margin:auto;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}

h3{
  color: white;
}

.button {
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 40px;
  cursor: pointer;
}

.buttonblue{
  background-color: #3f8cff;
}

.buttonred{
  background-color: #fe4141;
}

.textgold{
  background-color: #edd763;
  color: black;
}

.textblue{
  background-color: #3f8cff;
  color: white;
}

.textblack{
  background-color: black;
  color: white;
}

.smalltext{
  font-size: 12px;
  color:#c0c0c0;
}

.moveright{
  position: relative;
  left: 15%;
}

.navbutton{
  color: black;
}

</style>
