/* ---------------------------------------------------------------- */
/* --- NetTalk Variables - All theme variables in a single place    */

/* --- Theme: eMik                                                  */ 
/* ---------------------------------------------------------------- */
: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:url("/icons/nt-icons-light.svg");
	--icons-scale:0.5;
	--icons-transform:scale(var(--icons-scale));
	--icons-hover:var(--icons);

	--icons-entry:var(--icons-black);
	--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-dark);
	--icons-button-scale:0.5;
	--icons-button-transform:scale(var(--icons-button-scale));
	--icons-button-hover:var(--icons-hover);

	--icons-menu:var(--icons);
	--icons-menu-scale:1;
	--icons-menu-transform:scale(var(--icons-menu-scale));

	--icons-tab:var(--icons-light);
	--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:12pt;
		--font-size-monster: 3rem;
		--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 0px 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: 0px 0px 0px 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-normal);
		--button-text-shadow: var(--text-shadow);

		--tab-active-font-weight: var(--font-weight-normal);
		--tab-inactive-font-weight: var(--font-weight-normal);
		--prompt-font-weight: var(--font-weight-bold);
		
		--widget-header-font-weight: bold;
		--tab-header-font-weight: normal;
		--font-size-tab-title: 1.2em;
		
	/* spacing */
		--line-height:1.7em;
		--letter-spacing: 0.05em;
		--word-spacing: 0.25em;

/* 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;
		--calendar-radius: 12px;
		
	/* 3D */
		--gradient:flat;
		--grad-start-primary:var(--color-primary);
		--grad-end-primary:var(--darkest-primary);
		--grad-start-primary-hover:var(--dark-primary);
		--grad-end-primary-hover:var(--darkest-primary);
		--grad-start-primary-inactive:var(--light-primary);
		--grad-end-primary-inactive: var(--dark-primary);
		--grad-start-primary-active:var(--color-primary);
		--grad-end-primary-active:var(--darkest-primary);

		--grad-start-secondary:var(--color-secondary);
		--grad-end-secondary:var(--darkest-secondary);
		--grad-start-secondary-hover:var(--dark-secondary);
		--grad-end-secondary-hover:var(--darkest-secondary);
		--grad-start-secondary-inactive:var(--light-secondary);
		--grad-end-secondary-inactive: var(--dark-secondary);
		--grad-start-secondary-active:var(--color-secondary);/*nt14*/
		--grad-end-secondary-active:var(--darkest-secondary);/*nt14*/
		
		--grad-start-tertiary:var(--color-tertiary);
		--grad-end-tertiary:var(--darkest-tertiary);
		--grad-start-tertiary-hover:var(--dark-tertiary);
		--grad-end-tertiary-hover:var(--darkest-tertiary);
		--grad-start-tertiary-inactive:var(--light-tertiary);
		--grad-end-tertiary-inactive: var(--dark-tertiary);
		--grad-start-tertiary-active:var(--color-tertiary);/*nt14*/
		--grad-end-tertiary-active:var(--darkest-tertiary);/*nt14*/

		--grad-start-accent:var(--color-accent);
		--grad-end-accent:var(--darkest-accent);
		--grad-start-accent-hover:var(--dark-accent);
		--grad-end-accent-hover:var(--darkest-accent);
		--grad-start-accent-inactive:var(--light-accent);
		--grad-end-accent-inactive: var(--dark-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(--color-affirm);
		--grad-end-affirm:var(--darkest-affirm);
		--grad-start-affirm-hover:var(--dark-affirm);
		--grad-end-affirm-hover:var(--darkest-affirm);

		--grad-start-warning:var(--color-warning);
		--grad-end-warning:var(--darkest-warning);
		--grad-start-warning-hover:var(--dark-warning);
		--grad-end-warning-hover:var(--darkest-warning);

		--grad-start-error:var(--color-error);
		--grad-end-error:var(--darkest-error);
		--grad-start-error-hover:var(--dark-error);
		--grad-end-error-hover:var(--darkest-error);

		--grad-start-nav:var(--color-nav);
		--grad-end-nav:var(--darkest-nav);
		--grad-start-nav-hover:var(--dark-nav);
		--grad-end-nav-hover:var(--darkest-nav);

		--grad-start-edit:var(--color-edit);
		--grad-end-edit:var(--darkest-edit);
		--grad-start-edit-hover:var(--dark-edit);
		--grad-end-edit-hover:var(--darkest-edit);
		
 /* COLORS */
	--black: #111;
	--white: #FFF;
	--none: transparent;

	--darkest-primary:#093561;
	--darker-primary:#234f7d;
	--dark-primary:#2e6aa6;
	--color-primary:#4c86c1;
	--light-primary:#78a9da;
	--lighter-primary:#a6cbef;
	--lightest-primary:#e2effc;

	--darkest-secondary:#093561;
	--darker-secondary:#27598c;
	--dark-secondary:#367dc4;
	--color-secondary:#5ca2e8;
	--light-secondary:#94bbe2;
	--lighter-secondary:#b7d4f2;
	--lightest-secondary:#e2effc;

	--darkest-tertiary:#093562;
	--darker-tertiary:#044d97;
	--dark-tertiary:#0665c6;
	--color-tertiary:#0080ff;
	--light-tertiary:#4fa4fa;
	--lighter-tertiary:#9bc9f9;
	--lightest-tertiary:#e2effc;

	--darkest-accent:#093561;
	--darker-accent:#476c92;
	--dark-accent:#84a3c3;
	--color-accent:#c4daf1;
	--light-accent:#d7e1ec;
	--lighter-accent:#dae8f5;
	--lightest-accent:#e2effc;

	--darkest-grey:#1c211a;
	--darker-grey:#3c413a;
	--dark-grey:#454545;
	--color-grey:#999999;
	--light-grey:#a6aba4;
	--lighter-grey:#c5c5c5;
	--lightest-grey:#f6f6f6;

	--darkest-affirm:#096119;
	--darker-affirm:#2f9040;
	--dark-affirm:#4fc564;
	--color-affirm:#78f58f;
	--light-affirm:#ade4b7;
	--lighter-affirm:#c3f3cb;
	--lightest-affirm:#e2fce7;

	--darkest-warning:#613509;
	--darker-warning:#90602f;
	--dark-warning:#c58a4f;
	--color-warning:#f5b778;
	--light-warning:#e4c9ad;
	--lighter-warning:#f3dbc3;
	--lightest-warning:#fcefe2;

	--darkest-error:#610909;
	--darker-error:#902f2f;
	--dark-error:#c64f4f;
	--color-error:#f57777;
	--light-error:#e4adad;
	--lighter-error:#f3c4c4;
	--lightest-error:#fce2e2;

	--darkest-nav:#613309;
	--darker-nav:#8b592b;
	--dark-nav:#c37e40;
	--color-nav:#e8a56a;
	--light-nav:#e1bf9f;
	--lighter-nav:#f2d6bd;
	--lightest-nav:#fceee2;

	--darkest-edit:#613309;
	--darker-edit:#8b592b;
	--dark-edit:#c37e40;
	--color-edit:#e8a56a;
	--light-edit:#e1bf9f;
	--lighter-edit:#f2d6bd;
	--lightest-edit:#fceee2;
	
/* ELEMENTS */	
	/* general site */
	--site-color:var(--black);
	--site-background:var(--white);
	--site-body-border:0.0rem solid var(--color-accent);
	--site-border:0.4rem solid var(--darkest-primary);
	--site-body-margin:0 0.3em 0.3em 0.3em;/*14.00*/

	/* widgets */
	--widget-border:1px solid var(--lightest-grey);
	--widget-background:var(--site-background);
	--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(--color-error);
	--dialog-close-background-image:var(--color-error);/*nt14*/
	--dialog-close-background-error:var(--light-error);
	--dialog-close-border:0px solid var(--dark-error);

	--dialog-title-text:var(--text-color-dark);
	--dialog-title-text-size: var(--font-size-large);
	--dialog-title-text-weight: var(--font-weight-bold);
	--dialog-title-background:var(--color-accent);

	--dialog-title-background-image:var(--none);
	--dialog-title-border:0px solid var(--color-primary);
	--dialog-title-border-bottom:0px solid var(--color-accent);

	/* buttons */
	--button-height:auto;/*nt14*/
	--button-text:var(--dark-grey);
	--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-header-padding: auto; /*nt14*/

	--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),var(--grad-end-primary));
	--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),var(--grad-end-primary));
	--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),var(--grad-end-secondary));
	--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),var(--grad-end-primary));
	--browse-header-border-empty:1px solid var(--color-primary);
	--browse-header-border-empty-bottom:1px solid var(--color-primary);
	
	--browse-header-text-cant-select:var(--text-color);
	--browse-header-background-cant-select:var(--color-primary);
	--browse-header-background-image-cant-select:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--browse-header-border-cant-select:1px solid var(--color-primary);
	--browse-header-border-cant-select-bottom:1px solid var(--color-primary);
	
	--browse-table-border:1px solid var(--none);
	--browse-table-row-border-color:var(--none);
	--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;
	--browse-line-padding-bottom:0.1em;
	
	--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-primary);

	--browse-mouseover-text:var(--text-color-dark);
	--browse-mouseover-background:var(--lighter-primary);

	--browse-row-selected-background:var(--lighter-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(--text-color);
	--browse-footer-background:var(--color-secondary);
	--browse-footer-border:1px solid var(--none);
	--browse-footer-border-top:1px solid var(--none);
	--browse-footer-padding:0.5em 0 0.5em 0;/*nt14*/

	--browse-footer-empty-text:var(--text-color);
	--browse-footer-empty-background:var(--white);
	--browse-footer-empty-border:1px solid var(--none);
	--browse-footer-empty-border-top:1px solid var(--none);

	--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);
	--browse-grid-cell-padding:0.2em 0.5em 0.2em 0.5em; /*nt14*/

	/* tabs */
	--tab-border:1px solid var(--lighter-grey);
	--tab-border-bottom:1px solid var(--lighter-grey);
	--tab-text:var(--text-color-dark);
	--tab-text-shadow:var(--text-shadow);
	--tab-background:var(--none);
	--tab-background-image:linear-gradient(var(--gradient),var(--none),var(--none));

	--tab-active-text:var(--text-color-light);
	--tab-active-background:var(--color-tertiary);
	--tab-active-background-image:linear-gradient(var(--gradient),var(--grad-start-tertiary),var(--grad-end-tertiary));
	--tab-active-border:1px solid var(--dark-tertiary);
	--tab-active-border-bottom:1px solid var(--dark-tertiary);

	--tab-active-text-hover:var(--text-color-light);
	--tab-active-background-hover:var(--color-tertiary);
	--tab-active-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));	
	--tab-active-border-hover:1px solid var(--dark-tertiary);

	--tab-inactive-text:var(--dark-grey);
	--tab-inactive-background:var(--lightest-grey);
	--tab-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-grey-inactive),var(--grad-end-grey-inactive));
	--tab-inactive-border:1px solid var(--lighter-grey);

	--tab-inactive-text-hover:var(--dark-grey);
	--tab-inactive-background-hover:var(--lightest-primary);
	--tab-inactive-border-hover:1px solid var(--lighter-grey);

	/* accordion tabs */
	--accordion-active-text:var(--text-color); 
	--accordion-active-background:var(--color-primary);
	--accordion-active-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--accordion-active-border:1px solid var(--color-primary);

	--accordion-active-text-hover:var(--text-color); 
	--accordion-active-background-hover:var(--color-primary);
	--accordion-active-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	--accordion-active-border-hover:1px solid var(--color-primary);

	--accordion-inactive-text:var(--dark-grey); 
	--accordion-inactive-background:var(--lighter-primary);
	--accordion-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-grey-inactive),var(--grad-end-grey-inactive));
	--accordion-inactive-border:1px solid var(--lighter-grey);

	--accordion-inactive-text-hover:var(--dark-grey); 
	--accordion-inactive-background-hover:var(--lightest-primary);
	--accordion-inactive-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));
	--accordion-inactive-border-hover:1px solid var(--darkest-primary);

	--accordion-content-border:1px solid var(--color-primary);

	/* taskpanel tabs */
	--taskpanel-active-text:var(--text-color); 
	--taskpanel-active-background:var(--color-primary);
	--taskpanel-active-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--taskpanel-active-border:1px solid var(--color-primary);
	--taskpanel-active-text-hover:var(--text-color); 
	--taskpanel-active-background-hover:var(--color-primary);
	--taskpanel-active-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-primary-hover),var(--grad-end-primary-hover));
	--taskpanel-active-border-hover:1px solid var(--color-primary);

	--taskpanel-inactive-text:var(--dark-grey); 
	--taskpanel-inactive-background:var(--lighter-primary);
	--taskpanel-inactive-background-image:linear-gradient(var(--gradient),var(--grad-start-grey-inactive),var(--grad-end-grey-inactive));
	--taskpanel-inactive-border:1px solid var(--lighter-grey);
	--taskpanel-inactive-text-hover:var(--dark-grey); 
	--taskpanel-inactive-background-hover:var(--lightest-primary);
	--taskpanel-inactive-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));
	--taskpanel-inactive-border-hover:1px solid var(--darkest-primary);

	--taskpanel-content-border:1px solid var(--color-primary);

	/* carousel tabs */
	--carousel-header-text:var(--text-color);
	--carousel-header-background:var(--color-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(--text-color);
	--wizard-header-background:var(--color-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(--text-color); 
	--rounded-header-background:var(--color-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(--text-color);
	--plain-legend-background:var(--color-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(--darkest-primary);
	--bread-margin:0 0 0 0; /* nt14 */

	--crumb-text: var(--text-color);
	--crumb-background: var(--color-primary);
	--crumb-border:1px solid var(--none);

	--crumb-text-active: var(--white);
	--crumb-background-active: var(--darkest-primary);
	--crumb-border-active:1px solid var(--none);

	--crumb-text-hover: var(--white);
	--crumb-background-hover: var(--darkest-primary);
	--crumb-border-hover:1px solid var(--darkest-primary);

	--crumb-text-active-hover: var(--white);
	--crumb-background-active-hover: var(--darkest-primary);
	--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:2.5em;
	--entry-padding:0 0.2em 0em 0.2em; /* nt14 */
	--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-checkbox-width:1.3em!important; /* nt14 */
	--naked-checkbox-height:1.3em; /* nt14 */
	--naked-checkbox-border:2px solid var(--naked-checkbox-color);/* nt14 */
	--naked-checkbox-border-checked:2px solid var(--naked-checkbox-color-checked);/* nt14 */
	--naked-checkbox-padding-checked:0 0 0 0.13em;/* nt14 */

	/*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(--lightest-secondary);
	--select-droplist-border:1px solid var(--darkest-primary);

	--select-droplist-text-hover:var(--text-color-light);
	--select-droplist-background-hover:var(--dark-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);
	--datepicker-current-background:var(--darkest-affirm);
	--datepicker-current-border:1px solid var(--darkest-affirm);

	/* radio / checkbox buttons */
	--checkbox-border:1px solid var(--color-primary);
	--checkbox-height:2em; /*nt14*/
	--checkbox-margin: 0 0 0 1.1em; /*nt14*/

	--radio-text:var(--dark-grey);
	--radio-background:var(--lightest-grey);
	--radio-background-image:linear-gradient(var(--gradient),var(--grad-start-grey),var(--grad-end-grey));
	--radio-border:1px solid var(--lighter-grey);
	
	--radio-text-hover:var(--dark-grey);
	--radio-background-hover:var(--lightest-primary);
	--radio-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-grey),var(--grad-end-grey));
	--radio-border-hover:1px solid var(--lighter-grey);

	--radio-checked-text:var(--text-color-light);
	--radio-checked-background:var(--color-tertiary);
	--radio-checked-background-image:linear-gradient(var(--gradient),var(--grad-start-tertiary-active),var(--grad-end-tertiary-active));
	--radio-checked-border:1px solid var(--dark-tertiary);
	
	--radio-checked-text-hover:var(--text-color-light);
	--radio-checked-background-hover:var(--color-tertiary);
	--radio-checked-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-tertiary-hover),var(--grad-end-tertiary-hover));
	--radio-checked-border-hover:1px solid var(--dark-tertiary);

	/* 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(--text-color-light);
	--menu-background:var(--color-primary);
	--menu-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--menu-border:0px solid var(--color-primary);
	
	--menu-text-hover:var(--text-color-light);
	--menu-background-hover:var(--color-tertiary);
	--menu-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-tertiary-hover),var(--grad-end-tertiary-hover));

	/* a menu that has no items, but has it's own URL */
	--menu-alone-text:var(--text-color-light);
	--menu-alone-background:var(--color-primary);
	--menu-alone-background-image:linear-gradient(var(--gradient),var(--grad-start-primary),var(--grad-end-primary));
	--menu-alone-border:0px solid var(--color-primary);
	--menu-alone-height:2.5em;/*nt14*/
	--menu-alone-text-hover:var(--text-color-light);
	--menu-alone-background-hover:var(--darkest-tertiary);
	--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-primary);
	--menu-item-text-hover:var(--text-color);
	--menu-item-background-hover:var(--color-primary);

	/* menu items container*/
	--menu-items-text:var(--text-color-light);
	--menu-items-background:var(--color-primary);
	--menu-items-background-image:linear-gradient(var(--gradient),var(--lightest-primary),var(--white));
	--menu-items-border:1px solid var(--color-primary);
	
	--menu-items-text-hover:var(--text-color-light);
	--menu-items-background-hover:var(--color-tertiary);

	/* menu item buttons*/
	--menu-item-button-text:var(--text-color-light);
	--menu-item-button-background:var(--color-primary);
	--menu-item-button-text-hover:var(--text-color-light);
	--menu-item-button-background-hover:var(--color-tertiary);
	--menu-item-button-background-image-hover:linear-gradient(var(--gradient),var(--grad-start-tertiary-hover),var(--grad-end-tertiary-hover)); /*nt14*/

	/* 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:var(--light-grey);
	
	--menu-accordion-items-text-hover:var(--text-color-dark);
	--menu-accordion-items-background-hover: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(--text-color-light);
	--menu-accordion-item-button-background-hover:var(--color-tertiary);

	/* 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-grey);
	--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-grey),var(--grad-end-grey));

	--button-default-text-hover:var(--dark-grey);
	--button-default-background-hover:var(--lightest-primary);
	--button-default-border-hover:1px solid var(--light-grey);
    --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-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-save-text-hover:var(--dark-grey);
	--button-save-background-hover:var(--lightest-primary);
	--button-save-border-hover:1px solid var(--light-grey);
    --button-save-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

	/* select */
	--button-select-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-select-text-hover:var(--dark-grey);
	--button-select-background-hover:var(--lightest-primary);
	--button-select-border-hover:1px solid var(--light-grey);
    --button-select-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

	/* close */
	--button-close-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-close-text-hover:var(--dark-grey);
	--button-close-background-hover:var(--lightest-primary);
	--button-close-border-hover:1px solid var(--light-grey);
    --button-close-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

	/* start */
	--button-start-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-start-text-hover:var(--dark-grey);
	--button-start-background-hover:var(--lightest-primary);
	--button-start-border-hover:1px solid var(--light-grey);
    --button-start-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

	/* logout */
	--button-logout-text:var(--dark-grey);
	--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-warning),var(--grad-end-warning));
	
	--button-logout-text-hover:var(--dark-grey);
	--button-logout-background-hover:var(--lightest-primary);
	--button-logout-border-hover:1px solid var(--light-grey);
	--button-logout-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-warning-hover),var(--grad-end-warning-hover));

	/* cancel */
	--button-cancel-text:var(--dark-grey);
	--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-warning),var(--grad-end-warning));
	
	--button-cancel-text-hover:var(--dark-grey);
	--button-cancel-background-hover:var(--lightest-primary);
	--button-cancel-border-hover:1px solid var(--light-grey);
	--button-cancel-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-warning-hover),var(--grad-end-warning-hover));

	/* delete */
	--button-delete-text:var(--dark-grey);
	--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-error),var(--grad-end-error));
	
	--button-delete-text-hover:var(--dark-grey);
	--button-delete-background-hover:var(--lightest-primary);
	--button-delete-border-hover:1px solid var(--light-grey);
	--button-delete-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-error-hover),var(--grad-end-error-hover));
		
	/* api buttons */
	--button-service-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-service-text-hover:var(--dark-grey);
	--button-service-background-hover:var(--lightest-primary);
	--button-service-border-hover:1px solid var(--light-grey);
	--button-service-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));

	--button-method-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-method-text-hover:var(--dark-grey);
	--button-method-background-hover:var(--lightest-primary);
	--button-method-border-hover:1px solid var(--light-grey);
	--button-method-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));
	
	
	/* nav */
	--button-first-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-first-text-hover:var(--dark-grey);
	--button-first-background-hover:var(--lightest-primary);
	--button-first-border-hover:1px solid var(--light-grey);
	--button-first-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));

	--button-previous-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-previous-text-hover:var(--dark-grey);
	--button-previous-background-hover:var(--lightest-primary);
	--button-previous-border-hover:1px solid var(--light-grey);
	--button-previous-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));

	--button-next-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-next-text-hover:var(--dark-grey);
	--button-next-background-hover:var(--lightest-primary);
	--button-next-border-hover:1px solid var(--light-grey);
	--button-next-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));

	--button-last-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));

	--button-last-text-hover:var(--dark-grey);
	--button-last-background-hover:var(--lightest-primary);
	--button-last-border-hover:1px solid var(--light-grey);
	--button-last-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));
	
		/* view */
	--button-view-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-view-text-hover:var(--dark-grey);
	--button-view-background-hover:var(--lightest-primary);
	--button-view-border-hover:1px solid var(--light-grey);
    --button-view-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

		/* export */
	--button-export-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-export-text-hover:var(--dark-grey);
	--button-export-background-hover:var(--lightest-primary);
	--button-export-border-hover:1px solid var(--light-grey);
    --button-export-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

		/* format */
	--button-format-text:var(--dark-grey);
	--button-format-background:var(--lightest-grey);
	--button-format-border:1px solid var(--lighter-grey);
    --button-format-background-image: linear-gradient(var(--gradient),var(--grad-start-affirm),var(--grad-end-affirm));

	--button-format-text-hover:var(--dark-grey);
	--button-format-background-hover:var(--lightest-primary);
	--button-format-border-hover:1px solid var(--light-grey);
    --button-format-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));

		/* print */
	--button-print-text:var(--dark-grey);
	--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-affirm),var(--grad-end-affirm));

	--button-print-text-hover:var(--dark-grey);
	--button-print-background-hover:var(--lightest-primary);
	--button-print-border-hover:1px solid var(--light-grey);
    --button-print-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-affirm-hover),var(--grad-end-affirm-hover));
	
		/* edit */
	--button-insert-text:var(--dark-grey);
	--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-edit),var(--grad-end-edit));
	
	--button-insert-text-hover:var(--dark-grey);
	--button-insert-background-hover:var(--lightest-primary);
	--button-insert-border-hover:1px solid var(--light-grey);
	--button-insert-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-edit-hover),var(--grad-end-edit-hover));

	--button-copy-text:var(--dark-grey);
	--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-edit),var(--grad-end-edit));
	
	--button-copy-text-hover:var(--dark-grey);
	--button-copy-background-hover:var(--lightest-primary);
	--button-copy-border-hover:1px solid var(--light-grey);
	--button-copy-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-edit-hover),var(--grad-end-edit-hover));

	--button-change-text:var(--dark-grey);
	--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-edit),var(--grad-end-edit));
	
	--button-change-text-hover:var(--dark-grey);
	--button-change-background-hover:var(--lightest-primary);
	--button-change-border-hover:1px solid var(--light-grey);
	--button-change-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-edit-hover),var(--grad-end-edit-hover));

	/*lookup*/
	--button-lookup-text:var(--dark-grey);
	--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-grey),var(--grad-end-grey));
	
	--button-lookup-text-hover:var(--dark-grey);
	--button-lookup-background-hover:var(--lightest-primary);
	--button-lookup-border-hover:1px solid var(--light-grey);
	--button-lookup-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));

	/*clear*/
	--button-clear-text:var(--dark-grey);
	--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-grey),var(--grad-end-grey));
	
	--button-clear-text-hover:var(--dark-grey);
	--button-clear-background-hover:var(--lightest-primary);
	--button-clear-border-hover:1px solid var(--light-grey);
	--button-clear-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));

	/*locate*/
	--button-locate-text:var(--dark-grey);
	--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-grey),var(--grad-end-grey));
	
	--button-locate-text-hover:var(--dark-grey);
	--button-locate-background-hover:var(--lightest-primary);
	--button-locate-border-hover:1px solid var(--light-grey);
	--button-locate-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-grey-hover),var(--grad-end-grey-hover));
	/*wizard*/
	--button-wizprevious-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-wizprevious-text-hover:var(--dark-grey);
	--button-wizprevious-background-hover:var(--lightest-primary);
	--button-wizprevious-border-hover:1px solid var(--light-grey);
	--button-wizprevious-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));

	--button-wiznext-text:var(--dark-grey);
	--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-nav),var(--grad-end-nav));
	
	--button-wiznext-text-hover:var(--dark-grey);
	--button-wiznext-background-hover:var(--lightest-primary);
	--button-wiznext-border-hover:1px solid var(--light-grey);
	--button-wiznext-background-image-hover: linear-gradient(var(--gradient),var(--grad-start-nav-hover),var(--grad-end-nav-hover));
	
	/* APIs and Methods */
	--method-header-text:var(--text-color);
	--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(--lightest-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 */
	--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 */
	--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;

	/* labels */ 		/*nt14*/
	/* labels float up over the border */
	--label-border: var(--entry-border);
	--label-padding: 0.5em;
    --label-margin: 0 0 0.1em 0; /* small bottom margin */
	--label-floating-top: 0.7em;
	--label-floating-left: 1em;
	--label-floating-font-style: italic;
    --label-floating-color: var(--darker-affirm);
    --label-floating-label-required: var(--darker-error);
	
	--label-fixed-top: -0.75em;
	--label-fixed-left: 0.75em;
	--label-fixed-height:1.2em;
	--label-fixed-font-size: 0.8em;
	--label-fixed-color: var(--color-primary);
    --label-fixed-background: var(--widget-background);
	--label-fixed-padding: 0 1em 0 1em;
	--label-fixed-font-style: normal;
	
	--label-carousel-top:0.1em;
	--label-carousel-left:1.5em;
}
.nt-no-labels{
}
.nt-labels-border{
}
.nt-labels-inside{	
	/* labels float up but still inside the border */
	--entry-height:3.5em;
	--entry-padding:1em 0.2em 0em 1.5em; 
	--label-padding: 1.5em 1.5em 0.5em 0.5em;
	--label-fixed-top: 0.25em;
    --label-fixed-background: transparent;
}
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
/* small tweaks for nettalk *nt*
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	/*margin: .2em 0;*/  /* already handled by nt*/
	vertical-align: middle;
	/*margin-left: .4em;*/ /* already handled by nt*/
	margin-right: 2em;
}
.ui-spinner-button {
	width: 2em;/*nt make same width as lookup buttons*/
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	display:flex; /* nt */
	align-items:center;/* nt */
	flex-wrap:nowrap;/* nt */
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	/*padding-bottom: 1px; nt */
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	/*background: none; nt*/
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23bcbcbc&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffba1&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23fefefe&bgTextureActive=flat&bgColorActive=%23344563&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23d5d5d5&bgTextureDefault=flat&bgColorDefault=%23e7e7e7&iconColorContent=%23444444&fcContent=%23292727&borderColorContent=%23e2e2e2&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23292727&borderColorHeader=%23d6d5d5&bgTextureHeader=flat&bgColorHeader=%23f6f6f6&cornerRadius=4px&fwDefault=normal&fsDefault=1em&ffDefault=Arial
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #d5d5d5;
}
.ui-widget-content {
	border: 1px solid #e2e2e2;
	background: #ffffff;
	color: #292727;
}
.ui-widget-content a {
	color: #292727;
}
.ui-widget-header {
	border: 1px solid #d6d5d5;
	background: #f6f6f6;
	color: #292727;
	font-weight: bold;
}
.ui-widget-header a {
	color: #292727;
}

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

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d5d5d5;
	background: #e7e7e7;
	font-weight: normal;
	color: #454545;
}
.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 {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.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: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #fefefe;
	background: #344563;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #fefefe;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffba1;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffba1;
}
.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: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

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

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

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


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

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

/* Overlays */
.ui-widget-overlay {
	background: #bcbcbc;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.colorpicker {
	width: 26em;
	height: 22em;
	overflow: hidden;
	position: absolute;
	display: none;
	z-index: 2000;
}

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

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

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

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

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

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

/* color boxes */

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

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

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

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

.colorpicker_prompt{
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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

.nt-label-empty-small{
}

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

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

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

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

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

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

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

.cal-grad{
}


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

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

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

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

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

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

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

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

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


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

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

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

.nt-relative{
position:relative;
}

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


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

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

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

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

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

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

.nt-formcell{position: relative;}

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

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

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

/* CSS Document */

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

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

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

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

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

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

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

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

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

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

.SelectList {border-collapse: collapse;}

option{padding:3px;}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nt-hide{display:none;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nt-browse-row-header{
position:sticky;
top:0em;
z-index:1
}
.nt-sticky-top-menu ~ .nt-contentpanel .nt-browse-row-header{
top:3.8em;
}
.nt-sticky-panel-top ~ .nt-contentpanel .nt-browse-row-header{
top:10em;
padding-top:1em;
font-style:italic;
}
/*theme: custom*/

body {
font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif;
font-size: 12px;
}

.nt-plain{margin-bottom: 1em;}

.nt-rounded{
background-color:#EEEEFF;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding: 5px;
}

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

.nt-wizard {
display: none;
padding: 1em;
}

.nt-html{}

.nt-body {
 background-color: #FFF;
 margin: 1em;
 height: 96%;
}

.nt-body-div { height:100%;}

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

/* general headers*/
.nt-header{color:#999999;font-weight:normal;padding: 0.2em;}

.nt-site-header{
border-bottom:5px solid #7190E0;
}

.nt-site-header-6{
border-bottom:5px solid #7190E0;
}

.nt-site-footer{
border-top:5px solid #7190E0;
}

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

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

/* form specific*/
.nt-tab-title{
font-size: 1.2em;
padding-left: 5px;
padding-right: 5px;
}

.nt-form-table {
 padding: 4px;
 border-collapse: collapse;
 text-align: left;
 margin-left: 10px;
 border: 0px;
/*  float: left; causes tab on xp-tabs to break*/
}

.nt-form-table td {
 border: 0px;
 font-weight: normal;
 vertical-align: top;
 /* white-space: nowrap; */
}

.nt-form-table img{
 margin-bottom: 4px;
}


.nt-form-div{
 border-collapse: collapse;
 float: left;
 margin-top: 0px;
 margin-right: 5px;
 display: inline;
}


.nt-formcell{
 display:table-cell;
 vertical-align:top;
 border-collapse: collapse;
 padding: 4px;
}

.nt-prompt{
 font-weight: bold;
 float: left; /*needed for multiple forms fields in a cell */
 margin-right: 5px;
 color: #444444;
}

.nt-prompt-span{
min-width: 130px;
}

.nt-display{
 float: left; /*needed for multiple forms fields in a cell */
 margin-right: 5px;
}

.nt-entry{
 background-color: #FDFDFD;
 border: 1px solid #888;
 padding-left: 2px;
 padding-right: 2px;
 /*height: 1.5em;  text boxes also use this class */
  min-height: 1.5em;
 /*display:table-cell; */
 vertical-align:top;
}

.nt-select{padding-right:0px;margin-right:1em;}

.nt-entry-right{ text-align: right;}
.nt-entry-normal { background-color: #FDFDFD;}
.nt-entry-required { background-color: #FEF5E2;}
.nt-entry-readonly { background-color: #E2F9FE;}
.nt-entry-error { background-color: #FFBBBB;}

.nt-comment{ color: #A0A0A0; float: left; margin-right: 1em;}
.nt-comment-error{padding-left: 0.5em;padding-right: 0.5em;}

.nt-tiny-form {
 font-size: 80%;
 padding: 0px;
 border-collapse: collapse;
 text-align: left;
 margin-left: 0px;
 border: 0px;
}

.nt-tiny-form th {
 color: #333;
}

.nt-tiny-form input { color: #333;}


/* browse specific */

.nt-browse-table{
 margin: 5px 0px 5px;
 border-color: #888;
 border-top: 1px solid #888;
 border-left: 1px solid #888;
 border-bottom: 1px solid #888;
 border-right: 1px solid #888;
 padding: 0px;
 border-spacing: 0px;
}

.nt-browse-table tr{
vertical-align: top;
}
.nt-browse-table th{
white-space: nowrap;
font-size:1.1em;
}

.nt-browse-table td {
padding-left: 5px;
padding-right: 5px;
border-left: 0px solid #AAA;
border-right: 1px solid #EEE;
border-bottom: 1px solid #CCC;
border-top: 1px solid #EEE;
}

.nt-browse-table-footer{
font-weight: bold;
color: #000080;
font-size:1.1em
}

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

.nt-locator td div img{
margin-bottom: 2px;
}

.nt-alert {
font-weight: bold;
padding-left:0.5em;
padding-top:0.5em;
margin: 0.5em;
}

.nt-contract-icon{
background: transparent;
border: 0px;
display: block;
margin-top: 0.3em;
}

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

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

.nt-menu-item{
margin-top: 0.3em;
margin-bottom: 0.3em;
}

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


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

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

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

.ui-tabs .nt-xptab-title li.ui-state-active a{
background: #F7F7F7;
}

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

.nt-countdown{font-size:1em!important;color: red;}
.nt-browse-gb1{background-color: #FFFFFF;}
.nt-browse-gb2{background-color: #F8F8F8;}
.nt-browse-mouseover{background-color: #DDDDDD;}
.nt-browse-selected{background-color: #CCCCCC;}
.nt-progress{min-width:100px;min-height:15px;}
.nt-panel-browse{ border-width:0;}
.nt-panel-browse td{ border-width:0;}

/*
 * eMik - Serwis informacyjny dla zakładów mleczarskich i dostawców mleka
 * Serwer: eMik
 * 
 * Centrum Informatyki ZETO S.A. w Białymstoku
 */
 
.PasekNawidacji{
	background-color: #344563;
	color: white;
	height: 40px;
}

.PasekNawidacji.PasekNawigacjiBialy{
	background-color: white;
	color: #344563;;
}

.PasekNawigacjiBialy > td{
	border-bottom: 2px solid #344563;
	border-left: 2px solid #344563;
	border-right: 2px solid #344563;
}

.SesjaDiv{
	display: table;
	height: 100%;
	float: right;
}

.SesjaDiv > div{
    display: table-cell;
    vertical-align: bottom;
    padding: 5px;
}

.SesjaCzas{
	float: right;
	font-size: 125%;
}

.SesjaOpis{
	float: right;
	line-height: 1.7;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #172b4d;
}

.WylogujPrzycisk{
    float: right;
    cursor: pointer;
    text-decoration: underline;
    padding: 8px;
    margin-right: 5px;
    background-color: #344563;
    border: none;
}

.WylogujPrzycisk:hover{
    background-color: #203050;
}

.Wyloguj-dropdown-content{
	margin-left: -147px;
	margin-top: 7px;
}

.WH24{
    width: 24px;
    height: 24px;
}

/*.WylogujPrzycisk:hover{
	text-decoration: underline;
}*/

.NazwaUzytkownika{
	float: right;
	padding: 11px;
}

.MainTable{
    min-width: 1000px;
    max-width: 1250px;
    border: 0;
    height: 100%;
    width: 100%;
}

.LogoZakladu{
    float: right;
    margin-right: 20px;
    width: 140px;
    height: 90px;
    margin-top: 5px;
}

.dropbtn {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  background-color: #344563;
  color: white;
  padding: 11px;
  padding-right: 25px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.PasekNawigacjiBialy .dropbtn{
	background-color: white;
	color: #344563;
	font-weight: 600;
}

.dropbtn::after{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0;
	font-family: Adgs Icons;
	font-weight: 400;
	font-style: normal;
	speak: none;
	content: url("./images/arrow_d.png");
	font-size: 16px;
	height: 16px;
	line-height: 1;
	margin-top: -8px;
	position: absolute;
	right: 4px;
	top: 50%;
	text-indent: 0;
	width: 16px;
}

.PasekNawigacjiBialy .dropbtn::after{
	content: url("./images/arrow_d2.png");
}

.PasekNawigacjiBialy .dropbtn:hover::after{
	content: url("./images/arrow_d3.png");
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 180px;
	box-shadow: 0px 8px 20px 2px rgba(0,0,0,0.3);
	z-index: 2;
  	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
	font-weight: 550;
}

.dropdown-content a {
  color: black;
  padding: 12px 11px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.dropdown-content a:hover {
	background-color: #0073aa;
	color:white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #203050;
}

.PasekNawigacjiBialy .dropdown:hover .dropbtn {
  background-color: unset;
  color: #0073aa;
}

.PasekNawigacjiBialy .dropdown:hover .dropbtn::after {
  content: url("./images/arrow_d3.png");
}

.MainTable{
    min-width: 1000px;
    max-width: 1250px;
    border: 0;
    height: 100%;
    width: 100%;
}


.TloBrowsera{
	 background-color: #FFF;
	 
	 margin-left: 0px;
}

.TloUstawienia {
	 background-color: #FFF;
	 padding: 5px;
	 margin-left: 5px;
}

.KomentarzeUstawien{
color: #a0a0a0;
margin-bottom: 10px;
margin-left: 315px;
text-align:left;
}

.TytulFormy{
 color: #344563 ! important;
 text-align: left;
 font-weight: bold;
 font-size: 14pt;
 padding-top: 7px;
 padding-bottom: 7px;
}

.TytulFormy2{
color: #344563 ! important;
 text-align: center;
 font-weight: bold;
 font-size: 14pt;
}

.BorderFormy {
	border-bottom: 1px solid #00000078;
}

.BorderFormyJasny {
	border-bottom: 1px solid #dfe1e6;
}

_:-ms-lang(x), .BorderFormy {
	border-bottom: 1px solid rgba(0, 0, 0, 0.478); 
	}

.PodtytulFormy{
	color: #344563 !important;
font-weight: bold;
font-size: 14pt;
padding: 10px
}

.TytulBrowsera{
 color: #344563;
 font-weight: 400;
 padding-bottom: 0.2em;
 padding-left: 0.2em;
 padding-right: 0.2em;
 padding-top: 0.2em;
 font-size: 2.0em;
 text-align: left;
}

/* Tytuł lub podtytuł browsera */
.PodtytulBrowsera{
 font-size: 12pt;
 font-weight: bold;
 color: #344563;
 padding: 0.2em;
 text-align: left;
}

/* Nagłówek browsera */
.NaglowekBrowsera{
  
  font-size: 9pt;
  color: #fff;
  border: 1px solid #a8a8a8;;
  font-weight: bold; 
  white-space: nowrap;
  background-color: #344563;
  position: sticky;
  top: 0;
 }
 .NaglowekBrowsera2{
 
  font-size: 9pt;
  color: #fff;
  background-color: #344563;
  border: 1px solid #a8a8a8;
  font-weight: bold; 
  white-space: nowrap;
 }

 /* Wygląd browsera */
.WygladBrowsera {
	font-size: 11px;
  color: Black;
  padding: 0px;
  border-spacing: 0px;
  width: 100%;
  border-left: 1px solid #ebebeb;
  border-right: none;
	border-bottom: none;
	border-top: none;
	margin: 0px;
}
.WygladBrowsera th {
 font-size: 13px;
 font-weight: bold;
 padding: 6px;
 text-align: center;
 border-right: 1px solid #ebebeb;
 border-top: 1px solid #ebebeb;
}
.WygladBrowsera td {
 font-size: 10pt;
 height: 30px;
 border-right: 1px solid #ebebeb;
 border-top: none;
 padding-left: 6px !important;
 padding-right: 6px !important;
}

.StopkaStrony-Copyright{
	background-color: #F8F8F8;
}

.LogowanieTlo {
	
}

.LogowanieZawartosc {
	/*margin: 80px auto;
	border: 1px solid #f8f8f8;
	padding: 70px 70px 0px 70px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);*/
	margin: 80px auto !important;
border: 1px solid #f8f8f8;
padding: 140px 35px 0px 385px;
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
background-image: url("./images/login.png");
background-size: 730px 480px;
background-repeat: no-repeat;
/*background-position: left;*/
	border-collapse: separate;
    width: auto !important;
}

.LogowanieZawartosc td {
	padding:0px;
}

.LogowaniePrompt{
	float: right;
	margin-right: 10px;
}

.LogowanieRow {
	height:50px;
}

.LogowanieMargin {
	margin-left: 85px;
}

/*.LogowanieCaptcha {
	margin-left: -10px;
	margin-top: 3px;
}*/

.LogowanieCaptcha {
	position:absolute;
	margin-top: -30px;
}

.LogowanieCaptcha img {
	width: 146px;
}
.LogowanieColorLink {
	color:#7d7d7d;
}

.LogowanieLinia {
	border-top: 1px solid #00000078;
	width: 300px;
}

.DisplayRuby {
	display: ruby;
}
	

.LogowanieButtonDiv {
	float:right;
}

.ui-button.ButtonPrzegladarki, .ButtonPrzegladarki {
	background: #0000000f;
	padding: 4px;
	margin: 2px;
	opacity: 0.7;
}

.ui-button.ButtonPrzegladarkiIkona, .ButtonPrzegladarkiIkona, .ui-button.ButtonPrzegladarkiIkona:active, .ButtonPrzegladarkiIkona:active  {
	background: none !important;
	border: none !important;
}

.Button_Save{
	float:right;
	width: 120px;
	height: 40px;
	opacity: 0.7;
	margin-bottom:30px;
	margin-right: 5px;
	justify-content: center;	
}


.ButtonOdswiez {
	opacity:0.7;
}

.ButtonWysli {
	margin-top: 4px;
	padding: 10px;
}

.ButtonZgoda, .ButtonOdwolaj  {
	opacity: 0.7;
	margin-bottom: 5px;
	margin-right: 5px;
}

/*.ButtonOdwolaj {
	
}*/

.ButtonOdwolaj img {
	width:16px;
	height:16px;	
}

.ButtonZgoda img {
	width:16px;
	height:16px;	
}

.ui-button.Button30, .Button30{
	width: 30px;
	height: 30px;
	padding: 6px;
}

.Linia {
	color: #00000078;
}

.margin-top-20 {
	margin-top:20px;
}

.margin-top-8 {
	margin-top:8px;
}

select {
 
  /* styling */
  background-color: #0000000f;
  border: thin solid #d5d5d500;
  border-radius: 4px;
  display: inline-block;
  line-height: 1.2em;
  padding: 5.6px 35px 5.6px 10px;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.custom-select, .ui-datepicker-month, .ui-datepicker-year, .custom-select:hover, .ui-datepicker-month:hover, .ui-datepicker-year:hover,
.custom-select:focus, .ui-datepicker-month:focus, .ui-datepicker-year:focus{
	 background-image: url("./images/down-arrow.png");
 background-position: calc(100% - 10px); 
  background-repeat: no-repeat;
}

.custom-select span:first-child, .ui-datepicker-month span:first-child, .ui-datepicker-year span:first-child{
	display: none;
}


 .ui-datepicker .ui-datepicker-month {
	 width: 120px;
 }
 
   .ui-datepicker .ui-datepicker-year {
	  width: 90px;
  }

.ui-button{
	/*box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);*/
	border: 1px solid #9f9f9f;
	padding: 4.5px 10px;
	opacity: 0.7;
	color: black !important;
}

a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #d5d5d5 !important;
	font-weight: normal;	
	background-color: #e7e7e7 !important;
	color: black !important;
}

.ButtonPrzyciskowArtykulu{
    height: 40px;
    width: 40px;
	padding: 0px;
	opacity:0.7;
	justify-content: center;
	align-items: center;
}

.ButtonPrzyciskowArtykulu img {
	margin-right: 0px !important;
}

.ButtonPrzyciskowArtykulu2{
  
	height: 83px;
}
.ButtonPrzyciskowArtykulu-Last{
    text-align: left;
    float:right;
}
.ButtonPrzyciskowArtykulu-Margin{
	text-align: left;
    margin-right:10px;
    float:right;
}

.IkonaPrzyciskowArtykulu{
/*  padding: 7px;*/
}

.Button-PobierzPlik{
	background-image: url(images/zgoda.png);
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
	padding-left: 25px;
	position: absolute;
	margin-top: 124px;
	margin-left: 330px;
	width: 85px;
	z-index: 999;
}
.Button-PobierzPlik:hover{
	background-image: url("images/zgoda.png");
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
}
.Button-PobierzPlik:focus{
	background-image: url("images/zgoda.png");
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
}
.Button-PobierzPlikOneLine{
	background-image: url(images/zgoda.png);
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
	padding-left: 30px;
	position: absolute;
	margin-top: 84px;
	margin-left: 334px;
	width: 86px;
	z-index: 999;
}
.Button-PobierzPlikOneLine:hover{
	background-image: url("images/zgoda.png");
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
}
.Button-PobierzPlikOneLine:focus{
	background-image: url("images/zgoda.png");
	background-repeat: no-repeat;
	background-position: 9px;
	background-size: 16px;
}
.Button-WyczyscPlik-Ukryj{
	display: none !important;
}
.Button-PrzerwijPlik-Ukryj{
	display: none !important;
}

.nt-upload-table{
	width: 574px;
	border: 1px solid #9f9f9f;
  border-radius: 4px;
  height: 30px;
	background-color: #E2F9FE;
	margin-top: 40px;
  position: absolute;
  z-index: 100;
}



.nt-browse-selected {
	background-color: #00accf;
  color: #fff;
}
.nt-browse-mouseover {
  background-color: #0073aa;
  color: #fff;
}

.nt-entry, .nt-entry-readonly{ 
	border: 1px solid #9f9f9f;
	border-radius: 4px;
	height: 30px;
}

input[type="file"]{
	padding: 2px;
}

.nt-entry:focus, .nt-entry-readonly:focus {
	box-shadow: 0px 0px 3px 1px rgba(34, 45, 63,0.2);
	
}

.nt-prompt{
 width: unset;
 margin-top: 5px;
 margin-left: 10px;
}

.nt-form-div.nt-prompt.nt-formcell{
    margin-top: 7px;
}


.drop-prompt{    
    font-weight: bold;
    float: left;
    margin-right: 5px;
    color: #444444;
    margin-top:5px;
    margin-left: 10px;
}

.ui-widget-content a {
    color: #fff;
}

.ui-widget-content td > a {
    color: #000;
}

.custom-select:hover{
    cursor:pointer;
}


.custom-radio{
	float: left;
	border-collapse: collapse;
	color: #444444;
	margin-left: 0px;
	text-align: left;
	width: auto;	
	padding: 4px;
}

.custom-radio label:hover, .custom-radio input:hover{
    cursor:pointer;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button  {
    font-family: unset;
}

.ui-dialog .ui-dialog-title{
    font-size: 20px;
    font-weight: normal;
    color: #172b4d;
    letter-spacing: -.008em;
}

.ui-dialog-titlebar{
    border: none;
    background-color: unset;
    border-bottom: 1px solid #dfe1e6;
    border-radius: 0;
}

.nt-form-table-cell{
	padding:5px;
}

.nt-form-table{
    width: 100%;
	margin-left: 0px;
}


.nt-form-table td {
    vertical-align: inherit;
}

.nt-formcell{
	padding:0px;
}


.ui-widget.ui-widget-content {
    border:0px;
}

.nt-plain {
    margin-bottom: 0px;
}

.margin-top-10{
    margin-top: 10px;
}

.nt-embedded-procedure {
    width: 100%;
}

.szukaj-float {
	float:right;
	
}

.ui-state-default{
	border: none;
	background-color: white;
	color: #344563;
	font-weight: bold;
	font-size: 14px;	
}

.DisplayNone {
	display: none;
}

.DisplayFlex {
	display: flex;
}

.DisplayBlock {
	display: block;
}

.PromptMarginLeft360 {
	margin-left: 360px;
}

.dropdown-content a.NrDostawcy{
	padding-bottom: 3px;
	border-bottom: 1px solid #dfe1e6 ;
	opacity: 0.7;
	padding-top: 3px;
	margin-bottom: 3px;
	cursor: default;
}

.dropdown-content a.NrDostawcy:hover {
	background-color: unset;
	color: initial;
}

.StopkaStrony-Copyright{
	width: 100%;
	min-width: 1000px;
}

.StopkaStrony-Copyright tr{
	margin-right: 5px;
	width: 100%;
	/*float: right;*/
	min-width: 1000px;
}

.StopkaStrony-Copyright td{
	/*width: 670px;*/
}

.StopkaStrony-Copyright td{
	/*float: right;*/
	padding: 7px;
	border-top: 1px solid #dfe1e6;
	width: 100%;
}

.dropdown-content a.MenuButtonLine{
	border-top: 1px solid #dfe1e6;
	margin-top: 3px;
	padding: 0;
	padding-top: 3px;
	cursor: default;
}

.dropdown-content a.MenuButtonLine:hover {
	background-color: unset;
	cursor: default;
}

.dropbtn.BezListy{
	padding-right: 11px;
}

.dropbtn.BezListy::after, .PasekNawigacjiBialy .dropbtn.BezListy::after{
	content: none !important;
}

.nt-browse-entry:hover {
	cursor:pointer;
}

.nt-browse-table-row {
	height: 40px;
}

.JakKorzystac {
	margin-left: 550px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: rgb(0, 0, 238);
	text-decoration: underline;
}

.ui-dialog-content.ui-widget-content > div > form > div:last-child {
    justify-content: flex-end;
	width: 100%;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{
	border: 1px solid #9f9f9f;
}

.ui-dialog-content.ui-widget-content{
	padding: 0px;
}

.ui-dialog-content.ui-widget-content .nt-rounded{
	background-color: unset;	
}

.ui-resizable-e{
	border: none;
}

.StronaGlownaArtykul{
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
	margin: 5px 15px 15px 15px;
	background-color: #fff;
}

.TytulArtykulu{
	color: #344563 !important;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
	padding: 10px 0px 0px 15px;
}

.TrescArtykulu{
	padding: 1px 15px;
}

.Artykul_Stopka{
	padding: 0px 15px 10px 15px;
}

.PokazTrescArtykulu{
	padding: 10px;
}

.PokazTrescArtykulu button{
	color: white;
	background-color: #0073aa;
	border: 1px solid #0073aa;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 14px;
	cursor: pointer;
}

.PokazTrescArtykulu button:hover{
	background-color: #344563;
	border: 1px solid #344563;
}

.TloKategorii{
	height: 40px;
}

.NaglowekKategorii{
	width: 100%;
	color: #344563 !important;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
	padding: 0px 10px;
}

.DataArtykulu{
	float: right;
	opacity: .7;
	color: unset;
	font-size: 14px;
	font-weight: normal;
	margin-right: 15px;
	margin-left: 10px;
}

.ArtykulNrStrony{
	font-style: italic;
	font-size: 14px;
	text-align: center;
	opacity: 0.7;
	float: right;
	padding-right: 25px;
}

.ArtykulIkonaPobierania{
	float: right;
	margin-left: 8px;
	opacity: .7;
}

.TabelaKategorii{
	height: 40px;
}

.Artykul_Zalacznik{
	text-decoration: none;
	color: #0073aa;
}

.Artykul_Zalacznik:hover {
	text-decoration: underline;
}

.ui-button.ui-state-disabled{
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none;
}

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

.DostawcyInstruktora td {
	width:250px;
}

.nt-lookup .ui-button {
	margin-left: 3px;
}

.nt-lookup > input {
	border: 1px solid #9f9f9f;
	height: auto;
}

.ui-datepicker {
	width: 285px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	background: #e7e7e7; 
	border: 1px solid #757575; 
	color: #454545;
}

.LokatorKontrolka{
	float: right;
}

.HomePrzycisk{
	margin-left: 5px;
	cursor: pointer;
	padding: 8px;
}

.HomePrzycisk:hover{
    background-color: #203050;
}

.ButtonPrzegladarkiCheck, .ButtonPrzegladarkiCheck:hover, .ButtonPrzegladarkiCheck:focus{
	background-color: transparent !important;
	border-color: transparent;
}

.Legenda img {
	width:20px;
	height: 20px;
}

.Legenda2 {
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 6px
}

.Legenda2 img {
	width:20px;
	height: 20px;
}

.WybraneDostawcy .nt-form-table-cell {
	vertical-align: top !important;
}

.WybraneDostawcy td {
	width: 610px;
}

#tab_administratorinstruktorzy_forma1_div table {
	width: 100%;
}

.DaneIns legend {
	font-size: 12pt;
 font-weight: bold;
 color: #344563;
 padding: 0.2em;
 text-align: left;
}

.ui-button-icon.ui-icon.ui-icon-closethick, .ui-button-icon.ui-icon.ui-icon-closethick:hover{
	background-image: url("images/cross16.png") !important;
	background-position: unset;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:focus {
	color: transparent;
	border: none;
	background-color: transparent;
	margin: -15px 0 0 0;
	width: 28px !important;
	height: 28px !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
	border: 1px solid #cccccc;
	background: #ededed;
}

.uwaga {
	position: absolute;
color: #bd2121;
font-style: italic;
line-height: 30px;
width: 700px;
}

.Uzytkownik_INFO {
 border: 0px;
 border-spacing: 0px;
 margin: 5px 5px 5px 0px;
}
.Uzytkownik_INFO td {
 height: 20px;
 border: 0px;
 font-size: 11px;
}

.ui-datepicker.ui-widget.ui-widget-content {
	border: 1px solid #e6e6e6 !important;
}

.nt-browse-data a {
	color:unset;
}

.StopkaBrowsera, .nt-form-table td.StopkaBrowsera{
/*border-top: 1px solid #344563;*/
border-bottom: 1px solid #e6e6e6;
background-color: #DDD;
}

.StopkaBrowseraBold, .nt-form-table td.StopkaBrowseraBold {
	font-weight: bold;
}

.StylIFrame{
	width: 100%;
	height: 600px;
	border: none;
	border-bottom: 1px solid #dfe1e6;
}

.nt-body{
	margin: 0;
}

.ButtonZamknij{
	margin: 5px;
}

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

#message_alert{
	min-height: 45px;
	padding: 5px 10px;
}

.ButtonPOPUP-Div1Right{
    float: right;
}

.ButtonPOPUP-AkceptacjaZgody{
    margin-right: 104px;
	margin-top: 4px;
}

.ButtonPOPUP-Div1Right button{
    margin-right: 5px;
}

.PrzesunButtonDoAkceptuj {
    float: unset !important;
}

.PrzesunButtonDoAkceptuj button{
	position: absolute;
	margin-top: -35px;
	margin-left: 797px;
	width: 94px;
	height: 30px;
}

.NiewidzialnyButton, .NiewidzialnyButton:hover, .NiewidzialnyButton:focus{
	width: 0px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 40px;
	box-shadow: none;
	cursor: unset;
}

.AkceptacjaButtonTab td{
    padding: 0;
}

.uwagaText {
	margin-top: 6px;
	 color: #ad1313;
	 text-align: center; 

}

.ButtonStart, .ButtonStart:hover {
background-image: url("./images/_generuj.png");
background-repeat: no-repeat;
background-position: 5px;
background-size: 20px;
padding-left: 29px;
}

.ButtonPrzerwij, .ButtonPrzerwij:hover {
background-image: url("./images/cancel.png");
background-repeat: no-repeat;
background-position: 5px;
background-size: 20px;
padding-left: 29px;
}

.ui-datepicker .ui-datepicker-next {
	margin-top: 4px;
}

.ui-datepicker .ui-datepicker-prev {
	margin-top: 4px;
}

.ui-datepicker .ui-datepicker-next span {
	background-image: url("./images/next.png");
background-position: 0 0;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url("./images/return.png");
    background-position: 0 0;
}

.nt-icon-left.nt-browse-header-icon.ui-icon.ui-icon-triangle-1-n {
	background-image: url("images/sort-up-16.png");
background-position: 0 0;
margin-top: 12px;
background-size: 12px;
}

.nt-icon-left.nt-browse-header-icon.ui-icon.ui-icon-triangle-1-s {
	background-image: url("images/sort-down-16.png");
background-position: 0 0;
margin-top: 12px;
background-size: 12px;
}

.opisFaktury{
  font-size: 10px;
  font-style: italic;
}

#tab_aktywnesesje_wiadomosc_div, #tab_usunkonto_potwierdzenie_div, #tab_edytujnaruszenie_div, #tab_usunnaruszenie_potwierdzenie_div, #tab_usunogloszenie_potwierdzenie_div, #tab_zablokowane_ip_odblokowanie_div, #tab_artykul_zalaczniki_usun_div, #tab_akceptacjafaktur_usuwanieakceptacji_div, #tab_harmonogramzadan_usun_div, #tab_zadanieharmonogramu_usun_div{
	border-bottom: 1px solid #dfe1e6;
	margin-bottom: 8px;
	min-height: 60px;
}

.ui-dialog{
	padding: 0;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
	z-index: 9999;
}

#masowaakceptacja__info_row, #wyslijwiadomoscogloszenie__tresc_row, #ognr__powod_row, #wyslijwiadomoscogloszenie__tresc_row, #tab_emik_mobilny_info_div, #statystyki_listauzytk_div, #tab_faktura_akceptacja1_div, #masowywydruk__info_row {
	border-bottom: 1px solid #dfe1e6;
}

.ProgressBar_DIV {
    width: 243px;
	margin-right: 4px;
	border-radius: 0px;
	float: left;	
	height: 100%;
	
}

.ProgressBar_DIV div.nt-entry {
	display: none;
}

.ProgressBar_DIV.ui-progressbar.ui-widget-content {
	border: 1px solid #9f9f9f;
	margin-top: 5px;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
	height: 22px;
	border-radius: 0;
	background: #00accf;
	
}

#tab_blokadazakladu_potwierdzenie_div{
	border-bottom: 1px solid #dfe1e6;
	margin-bottom: 5px;
	padding-left: 5px;
}

#tab_artykul_zalaczniki_dodaj_div, #tab_ustawnowyidentyfikator0_div, #tab_rodzajeartykulow_przegladarka_forma0_div{
	border-bottom: 1px solid #dfe1e6;
	margin-bottom: 5px;
}

.ZmienZalacznikInfo{
	color: #bd2121;
	font-style: italic;
	padding-left: 10px;
}



td.RightJustify {
	padding-right: 5px;
}

.DodatkiBorder {
	border-left: 1px solid #e6e6e6;
	padding-left: 5px;
}

.nt-fakeget.MenuKontekstowe_Opcja {
    color: initial;
}

.nt-redactor {
    min-height: 100px;
}

.ValueDataPublikacji{
	margin-top: 7px;
}

.PromptDataAktualnosci{
	margin-left: 30px;
	width: 110px;
}

#buttonzglos_row {
	border-top: 1px solid #dfe1e6;
}

.TabUkrujPrompt div.nt-prompt{
	display: none;
}

.TabUkrujComment div.nt-comment{
	display: none;
}

.DisplayNone{
	display: none;
}

.Width100P{
	width: 100% !important;
}

.Width59P{
	width: 59% !important;
}

.Width38P{
	width: 38% !important;
}

.Width485P{
	width: 48.5% !important;
}

.MarginTop7{
	margin-top: 7px;
}

.MarginRight10 {
	margin-right: 10px;
}

.Height50px{
	height: 50px;
}

.Height135px {
	height: 136px;
}

.Width400px {
	width: 400px;
}

.Width575px {
	width: 575px;
}

.Width529px {
	width: 529px;
}

.Width533px {
	width: 533px;
}

.Width230px{
	width: 230px;
}

.Width60px {
	width: 60px;
}

.MarginLeft5{
	margin-left: 5px;
}

.MarginBottom-15{
	margin-bottom: -15px;
}

.MarginBottom10{
	margin-bottom: 10px;
}

.MarginTop10{
	margin-top: 10px;
}

.BrakWynikowBrowser {
    background-color: #00accf;
    color: white;
}

th > div.nt-flex{ /* wyśrodkowuje wszystkie headery */
    justify-content: center;
}

.ListaKomunikatowDostepu a{
	color: unset;
}

.ListaKomunikatowDostepu {
	padding: 5px;
	padding-bottom: 0px;
}
	
#tab_administratordostawcy_dostepdozakladu0_div ul {
	margin-top: unset;
}

.ui-widget-content p > a {
	color: unset;
}

.BanerInfoKontener{
	--n: 0; /* początkowa pozycja reklamy */
	display: flex;
	align-items: center;
	width: 100%;
	transition-duration: 3s;
	transform: translateX(calc(-100% * var(--n)));
}

.Info{
	min-width: 100%;
	width: 100%;	
	transition-duration: 1s;
	background-color: #fff;
}

.TabZamknijInfo td{
	padding: 0;
}

.DivZamknijInfo{
	position: relative;
	float: right;
}

.ButtonZamknijInfo{
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 1;
	right: 0;
	background: white;
	border: none;
	background-image: url("images/cross16.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	border-radius: 4px;
	opacity: .5;
	margin-top: 4px;
  margin-right: 4px;
}

.ButtonZamknijInfo:hover{
	border: 1px solid #cccccc;
	opacity: 1;
}

.emikBack1{
	background-image: url("./images/eMikR1.png");
	height: inherit;
	position: relative;
}

.emikBack2{
	background-image: url("./images/eMikR2.png");
	height: inherit;
	position: relative;
}

.emikBack3{
	background-image: url("./images/eMikR3.png");
	height: inherit;
	position: relative;
}

:focus {
    outline: unset;
}


#TdInfo {
	border: 1px solid #9f9f9f;
	border-top: 1px solid white;
}

.Komunikat {	
    color: red;
    font-size: 24px;
    margin-top: -140px;
	display: none;
}

.Info > figure{
    margin: 0;
    position: relative;
}

.Info > figure > img{
    width: 100%;
}

.underline-hover:hover{
	text-decoration: underline !important;
}

.PositionAbsolute{
	position: absolute;
}

.ui-tabs .ui-tabs-panel{
	padding: 0;
}

.Margin0{
	margin: 0;
}

.OdstepSzukajArtykulStart{
	height: 34px;
	margin-top: 3px;
}

.SzerokoscSzukajArtykulStart{
	width: 23em;
}

.BrowseRowHover:hover{
	background-color: #0073aa;
	color: white;
}

.PasekNawigacjiBialy .dropbtn.ButtonZmienDostawce{
	border-radius: 6px;
	border: 1px solid #344563;
	margin: 8px 8px 8px 0px;
	padding: 2px 6px;
	color: white;
	background-color: #344563;
}

.PasekNawigacjiBialy .dropdown:hover .dropbtn.ButtonZmienDostawce{
	background-color: #203050;
	color: white;
}

.PasekNawigacjiBialy .dropdown:hover .dropbtn.ButtonZmienDostawce.ui-state-disabled{
	background-color: #344563;
	color: white;
}

.WygladBrowsera th.ui-corner-all,
.WygladBrowsera th.ui-corner-top,
.WygladBrowsera th.ui-corner-left,
.WygladBrowsera th.ui-corner-tl {
	border-top-left-radius: 0px;
}

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

#artykul_grdost_forma_artykul_grdost_przegladarka_mk_table_div .nt-flex.nt-browse-data{
	display: block;
}

.HarmonogramZadanIleDniDiv1{
	position: absolute;
	margin-top: 28px;
	margin-left: 222px;
}

.HarmonogramZadanIleDniDiv2{
	position: absolute;
	margin-top: 28px;
	margin-left: 579px;
}

.HarmonogramZadanIleDniEntry{
	height: 22px;
}

.HarmonogramZadanIleDniComment1{
	position: absolute;
	margin-top: 31px;
	margin-left: 260px;
	color: #444444;
}

.HarmonogramZadanIleDniComment2{
	position: absolute;
	margin-top: 31px;
	margin-left: 616px;
	color: #444444;
}

.ui-button .ui-icon{
	background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}

.NowyDok_BtnNast{
	position: absolute;
	margin-top: 18px;
}

.KomunikatNaStronie{
	color: #ba0101;
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
  padding: 8px;
  box-shadow: 2px 1px 10px 1px #888;
}

.Pinezka {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
	margin: -10px 0;
}

.PassEntry {
	position: absolute;
  margin-top: -15px;
}

.PassIcon {
	width: 20px;
	height: 20px;
  position: absolute;
  margin-top: -10px;
  margin-left: 184px;
	cursor: pointer;
}
/* OBRACANIE IKON */

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

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
			
/* KONIEC OBRACANIE IKON */

.Button_NoBorder {
	border: none;
	background: none;
	color: blue !important;
	font-style: italic;
}
.Button_NoBorder:hover {
	border: none;
	background: none;
	text-decoration: underline;
}
.Button_NoBorder:focus {
	border: none;
	background: none;
}
.Button_NoBorder:visited {
	border: none;
	background: none;
}
.MarginTop-14 {
	margin-top: -14px;
}

/* NetTalk 14 zmiany */
.nt-button {
	font-size: unset;
	min-width: 0em;
}

.CenterJustify {
	width: fit-content;
}

.CenterJustify > div {
    width: 100% !important;
    justify-content: center;
}

/*.nt-radio-div-hor {
	margin-top: 6px;
}*/

.ui-selectmenu-menu {
	border: 1px solid #8080803d;
}

.nt-form-table img {
	margin-bottom: 0px;
}

.nt-button img, .ui-button img {
	vertical-align: middle;
	margin-right: 4px;
}

.nt-form-table td, .nt-browse-table tr {
    vertical-align: middle;
}

.nt-radio {
	margin-top: 4px;
}

.ButtonZamknijInfo:focus, .ButtonZamknijInfo:hover, .ButtonZamknijInfo:active {
	background: transparent;
	background-image: url("images/cross16.png");
	background-repeat: no-repeat;
	background-position: center;
}

.RokDropHeight, .MiesiacDropHeight .WojDropHeight, .KatDropHeight {
	max-height: 30em;
}

.PowDropHeight {
	max-height: 40em;
}

.TloUstawienia h3 {
	margin: 0px;
}

.ui-datepicker {
	z-index: 10000 !important;
}

.ui-icon-circle-arrow-s {
	background-image: url("./images/down16.png") !important;
  background-position: calc(100% - 0px);
  background-repeat: no-repeat;
}

.ui-icon-circle-arrow-n {
	background-image: url("./images/up16.png") !important;
  background-position: calc(100% - 0px);
  background-repeat: no-repeat;
}

.StopkaBrowsera div {
	width: 100% !important;
}

.redactor-dropdown {
	z-index: 10000 !important;
}

.ui-icon-plus {
	display: none;
}

.ui-menu .ui-menu-item-wrapper {
	border: 0px !important;
}

.nt-entry-text {
	min-height: 100px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  border: 1px solid #fefefe;
  background: #344563 !important;
  font-weight: normal;
  color: #ffffff !important;
}

.nt-rounded {
	margin-bottom: 0px;
}

.ButtonOdswiezCaptcha {
	width: 145px;
	margin-bottom: 4px;
}

.LogowanieCaptchaDiv1 {
	margin-left: -156px;
}

.LogowanieCaptchaDiv2 {
	margin-left: -156px;
}

.LogowanieCaptchaDiv2 input {
	width: 145px;
}

.nt-upload-table span {
	display: none;
}

.OgloszenieImage {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.OgloszenieAktualizacjaImage {
	width: 200px;
	height: 150px;
	text-align: center;
	border: 1px solid black;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

.OgloszenieAktualizacjaImage img {
	width: 197px;
	height: 147px;
	object-fit: contain;
}

.OgloszenieAktualizacjaButtonsDiv {
	width: 200px;
	height: 45px;
	text-align: center;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

.OgloszenieAddButtonDiv1 {
	position: absolute;
	margin-left: 159px;
	margin-top: 152px;
}

.OgloszenieDeleteButtonDiv1 {
	position: absolute;
	margin-left: 126px;
	margin-top: 152px;
}

.OgloszenieAddButtonDiv2 {
	position: absolute;
	margin-left: 369px;
	margin-top: 152px;
}

.OgloszenieDeleteButtonDiv2 {
	position: absolute;
	margin-left: 336px;
	margin-top: 152px;
}

.OgloszenieHomeButtonDiv2 {
	position: absolute;
	margin-left: 303px;
	margin-top: 152px;
	}

.OgloszenieAddButtonDiv3 {
	position: absolute;
	margin-left: 579px;
	margin-top: 152px;
}

.OgloszenieDeleteButtonDiv3 {
	position: absolute;
	margin-left: 546px;
	margin-top: 152px;
}

.OgloszenieHomeButtonDiv3 {
	position: absolute;
	margin-left: 513px;
	margin-top: 152px;
}

.OgloszenieAddButton, .OgloszenieDeleteButton, .OgloszenieHomeButton {
	opacity: 0.7;	
	border: 0px;
	height: 40px;
	width: 40px;
	padding: 0px;
	justify-content: center;
	align-items: center;
	background-color: white;
}

.OgloszenieAddButton:hover, .OgloszenieAddButton:focus, .OgloszenieDeleteButton:hover, .OgloszenieDeleteButton:focus, .OgloszenieHomeButton:hover, .OgloszenieHomeButton:focus {
	background-color: white;
	border: 0px;
}

.OgloszenieAddButton:hover, .OgloszenieDeleteButton:hover, .OgloszenieHomeButton:hover {
	opacity: 0.9;
}

.FormaOuterDiv-width100 {
	width: 100%;
}

.GHG_PrzeniesButton {
	background-color: transparent;
	border: none;
	color: #0060df !important;
	font-weight: bold;
	cursor: pointer;
}
.GHG_PrzeniesButton:hover {
	background-color: transparent;
	border: none;
	text-decoration: underline;
	color: #0060df !important;
	font-weight: bold;
}

.GHG_PrzeniesButtonDiv {
	position: absolute;
	margin-left: 601px;
	margin-top: -27px;
	z-index: 100;	
}

.GHG_StatusDisplayDoZatwierdzenia {
	height: 80px;
	width: 1225px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	background-color: #344563;
	color: white;
	font-weight: 600;
	font-size: 13pt;
}

.GHG_StatusDisplayZatwierdzona {
	height: 50px;
	width: 1225px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	background-color: #38761d;
	color: white;
	font-weight: 600;
	font-size: 16pt;
}

.GHG_WygladBrowsera_Width {
	width: 600px !important;
}

.WygladBrowsera input[type="text"]{
	width: 80px;
}

.GHG_ObornikBydloBrowser {
	width: 400px !important;
	vertical-align: top !important;
}

.GHG_Obornik .nt-child-table-cell {
	width: 800px;
	vertical-align: top !important;
}

.GHG_UprawaSlownikBrowser {
	width: 200px !important;
	vertical-align: top !important;
}

.GHG_UprawaNawoz .nt-child-table-cell {
	width: 1000px;
	vertical-align: top !important;
}

.GHG_NawozScrollBrowserDiv {
	overflow: auto;
	/*max-height: 17em;*/
	width: 617px;
}

.GHG_ScrollBrowserDiv {
	overflow: auto;
	/*max-height: 17em;*/
}

.GHG_ObliczButtonDiv {
	position: absolute;
	margin-left: 450px;
	margin-top: 10px;
}

.GHG_ObliczButton {
	width: 120px;
	height: 70px;
  border: 1px solid;
}
.GHG_ObliczButton:hover {
  border: 1px solid;
}
.GHG_ObliczButton:visited {
  border: 1px solid;
}
.GHG_ObliczButton:active {
  border: 1px solid;
}

.GHG_WykresValue {
	display: flex;
	justify-content: center;
}

.GHGwykres {
  width: 1000px;
  height: 420px;
  border: none;
}


.GHG_OcenaDropBrowser .ui-selectmenu-button {
	background-color: white;
	opacity: 1;
	width: 15em;
}

.GHG_StadoRow {
	margin-top: 10px;
    display: table;
}

.nt-comment {
	margin-top: 3px;
}

.GHG_OcenaZakladkiUwagi {
	min-height: 70px !important;
}

.WygladBrowsera .nt-browse-entry:hover {
	cursor: text;
}

.GHG_Subheading {
	font-style: italic;
  margin-bottom: 5px;
  text-align: left;
  margin-top: 5px;
}

#AktywneSesje__Filtr__Firma-button, #AktywneSesje__Filtr__Uzytkownik-button, #NowyDokument__Typ-button, #NowyDokument__Rodzaj-button, #SzczegolyWizyty__Powod-button,
#GHG_OcenaNawozAkcja__NrKol_GHSNA-button, #GHG_OcenaNawozAkcja__Region-button, #GHPAS__NrKol_GHSPA-button {
	width: 400px;
}
#KAT__NrSekcji-button {
	width: 280px;
}
#ZadanieHarmonogramu_Forma__Rodzaj-button, #ZadanieHarmonogramu_Forma__Typ-button {
	width: 364px;
}
#Dokumenty__Szukaj__TypDok-button, #Dokumenty__Szukaj__RodzajDok-button, #TablicaOgloszen__Wojewodztwo-button, #TablicaOgloszen__Powiat-button{
	width: 250px;
}
#Button__SzukajdBuJ-image, #Button__CzyscHWlq-image {
	margin-bottom: 0px !important;
}
#Button_GenerujWykresm7YH-image {
	margin-right: 3px;
}
#ART__NrKol_KAT-button, #ART__NrRodzaju-button, #ART__Status-button {
	width: 250px;
}
#DzienneWynikiBadan_Forma__Rok-button, #DostawyBadania_Forma__Rok-button, #WartoscMlekaWyplata_Forma__Rok-button,
#Faktury_Forma__Rok-button, #Zobowiazania_Forma__Rok-button, #Naleznosci_Forma__Rok-button, #DaneStatystyczne_Forma__Rok-button, #HistoriaLogowan__Rok-button,
#GHOCE__Rok-button, #GHG_Akcja__Rok_Kopia-button, #GHPAS__NrJM-button,
#GHSCI__NrJM-button {
	width: 120px;
}
#DzienneWynikiBadan_Forma__Miesiac-button, #DostawyBadania_Forma__Miesiac-button, #Faktury_Forma__Miesiac-button,
#Zobowiazania_Forma__Miesiac-button, #Naleznosci_Forma__Miesiac-button, #HistoriaLogowan__Miesiac-button {
	width: 140px;
}
#TablicaOgloszen__Kategoria-button, #AdministratorDostawcy__Zablokowany-button, #Artykuly_Forma__Rodzaj-button, #Artykuly_Forma__NrKategorii-button, #GHG_Forma__Status-button {
	width: 230px;
}
#WyslijWiadomosc__Adres-button, #Dokumenty__Szukaj__TypDok-button, #Dokumenty__Szukaj__RodzajDok-button {
	width: 300px;
}
#Rpt__StatusRejestracji__Zgoda__Nr-button {
	width: 540px;
}	
#Artykul_GrDost__Typ-button {
	width: 252px;
}
#Rpt__HistoriaLogowan__GrDost-button, #Rpt__StatusRejestracji__GrDost-button {
	width: 450px;
}
#DostawcyInstruktora_Forma__GrDost-button {
	width: 500px;
}
#Wyjazdy_Forma__Rodzaj-button, #Wyjazdy_Forma__Powod-button {
	width: 220px;
}
#NowyWyjazd_Forma__Powod-button {
	width: 370px;
	margin-top: 4px;
}
#SzczegolyWyjazdu_Forma__Powod-button {
	width: 400px;
	margin-top: 4px;
}

#GHG_Forma__Rok-button, #GHG_Raport__Rok-button, #GHG_MasoweZatwierdzanie__Rok-button {
	width: 150px;
}

#GHUPR__NrKol_GHSUP-button, #GHG_OcenaEnergiaAkcja__Zrodlo-button, #GHSPA__NrKol_GHSPA-button, #GHOBO__NrKol_GHSBY-button, 
#GHTRA__NrKol_GHSTR-button, #GHG_OcenaPaszaAkcja__Skladnik-button {
	width: 350px;	
}

#GHSCI__NrKol_GHSSC-button {
	width: 240px;
}

#GHOBO__NrKol_GHSOB-button, #GHUPR__NrKol_GHSRP-button {
	width: 500px;
}