/* UIF Refreshed Tokens */
:root {
	--nsn-uif-refreshed-color-secondary-lightest: var(--uif-refreshed-color-secondary-lightest, rgb(239, 241, 245));
	--nsn-uif-refreshed-color-secondary-lighter: var(--uif-refreshed-color-secondary-lighter, rgb(223, 228, 235));
	--nsn-uif-refreshed-color-secondary-light: var(--uif-refreshed-color-secondary-light, rgb(191, 201, 214));
	--nsn-uif-refreshed-color-secondary-default: var(--uif-refreshed-color-secondary-default, rgb(96, 119, 153));
	--nsn-uif-refreshed-color-secondary-dark: var(--uif-refreshed-color-secondary-dark, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-secondary-darker: var(--uif-refreshed-color-secondary-darker, rgb(58, 71, 92));
	--nsn-uif-refreshed-color-secondary-darkest: var(--uif-refreshed-color-secondary-darkest, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-primary-100: var(--uif-refreshed-color-primary-100, rgb(223, 228, 235));
	--nsn-uif-refreshed-color-primary-200: var(--uif-refreshed-color-primary-200, rgb(191, 201, 214));
	--nsn-uif-refreshed-color-primary-300: var(--uif-refreshed-color-primary-300, rgb(160, 173, 194));
	--nsn-uif-refreshed-color-primary-400: var(--uif-refreshed-color-primary-400, rgb(128, 146, 173));
	--nsn-uif-refreshed-color-primary-500: var(--uif-refreshed-color-primary-500, rgb(96, 119, 153));
	--nsn-uif-refreshed-color-primary-600: var(--uif-refreshed-color-primary-600, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-primary-700: var(--uif-refreshed-color-primary-700, rgb(58, 71, 92));
	--nsn-uif-refreshed-color-primary-800: var(--uif-refreshed-color-primary-800, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-primary-900: var(--uif-refreshed-color-primary-900, rgb(19, 24, 31));
	--nsn-uif-refreshed-color-state-light-primary-selected-disabled: var(--uif-refreshed-color-state-light-primary-selected-disabled, rgba(96, 119, 153, 0.1));
	--nsn-uif-refreshed-color-state-light-primary-selected: var(--uif-refreshed-color-state-light-primary-selected, rgba(96, 119, 153, 0.2));
	--nsn-uif-refreshed-color-state-light-primary-selected-hover: var(--uif-refreshed-color-state-light-primary-selected-hover, rgba(96, 119, 153, 0.4));
	--nsn-uif-refreshed-color-state-light-primary-selected-active: var(--uif-refreshed-color-state-light-primary-selected-active, rgba(96, 119, 153, 0.6));
	--nsn-uif-refreshed-color-state-dark-primary-selected-disabled: var(--uif-refreshed-color-state-dark-primary-selected-disabled, rgba(96, 119, 153, 0.3));
	--nsn-uif-refreshed-color-state-dark-primary-selected: var(--uif-refreshed-color-state-dark-primary-selected, rgb(96, 119, 153));
	--nsn-uif-refreshed-color-state-dark-primary-selected-hover: var(--uif-refreshed-color-state-dark-primary-selected-hover, rgb(128, 146, 173));
	--nsn-uif-refreshed-color-state-dark-primary-selected-active: var(--uif-refreshed-color-state-dark-primary-selected-active, rgb(160, 173, 194));
	--nsn-uif-refreshed-size-none: var(--uif-refreshed-size-none, 0px);
	--nsn-uif-refreshed-size-4-xs: var(--uif-refreshed-size-4-xs, 2px);
	--nsn-uif-refreshed-size-3-xs: var(--uif-refreshed-size-3-xs, 4px);
	--nsn-uif-refreshed-size-2-xs: var(--uif-refreshed-size-2-xs, 8px);
	--nsn-uif-refreshed-size-xs: var(--uif-refreshed-size-xs, 12px);
	--nsn-uif-refreshed-size-s: var(--uif-refreshed-size-s, 16px);
	--nsn-uif-refreshed-size-m: var(--uif-refreshed-size-m, 24px);
	--nsn-uif-refreshed-size-l: var(--uif-refreshed-size-l, 32px);
	--nsn-uif-refreshed-size-xl: var(--uif-refreshed-size-xl, 40px);
	--nsn-uif-refreshed-size-2-xl: var(--uif-refreshed-size-2-xl, 80px);
	--nsn-uif-refreshed-size-3-xl: var(--uif-refreshed-size-3-xl, 120px);
	--nsn-uif-refreshed-size-4-xl: var(--uif-refreshed-size-4-xl, 160px);
	--nsn-uif-refreshed-border-radius-square: var(--uif-refreshed-border-radius-square, 0);
	--nsn-uif-refreshed-border-radius-rounded: var(--uif-refreshed-border-radius-rounded, 3px);
	--nsn-uif-refreshed-border-radius-rounded-large: var(--uif-refreshed-border-radius-rounded-large, 12px);
	--nsn-uif-refreshed-border-radius-round: var(--uif-refreshed-border-radius-round, 100%);
	--nsn-uif-refreshed-opacity-lowest: var(--uif-refreshed-opacity-lowest, 0.05);
	--nsn-uif-refreshed-opacity-lower: var(--uif-refreshed-opacity-lower, 0.1);
	--nsn-uif-refreshed-opacity-low: var(--uif-refreshed-opacity-low, 0.3);
	--nsn-uif-refreshed-opacity-mid: var(--uif-refreshed-opacity-mid, 0.5);
	--nsn-uif-refreshed-opacity-high: var(--uif-refreshed-opacity-high, 0.8);
	--nsn-uif-refreshed-opacity-full: var(--uif-refreshed-opacity-full, 1);
	--nsn-uif-refreshed-depth-xs: var(--uif-refreshed-depth-xs, 0 0 2px 0 rgba(0, 0, 0, 0.4));
	--nsn-uif-refreshed-depth-s: var(--uif-refreshed-depth-s, 0 1px 2px 0 rgba(0, 0, 0, 0.3));
	--nsn-uif-refreshed-depth-m: var(--uif-refreshed-depth-m, 0 4px 8px 0 rgba(0, 0, 0, 0.2));
	--nsn-uif-refreshed-depth-l: var(--uif-refreshed-depth-l, 0 8px 16px 0 rgba(0, 0, 0, 0.2));
	--nsn-uif-refreshed-depth-xl: var(--uif-refreshed-depth-xl, 0 12px 32px 0 rgba(0, 0, 0, 0.15));
	--nsn-uif-refreshed-font-family: var(--uif-refreshed-font-family, 'Open Sans',Helvetica,sans-serif);
	--nsn-uif-refreshed-font-weight-normal: var(--uif-refreshed-font-weight-normal, 400);
	--nsn-uif-refreshed-font-weight-semi-bold: var(--uif-refreshed-font-weight-semi-bold, 600);
	--nsn-uif-refreshed-font-weight-bold: var(--uif-refreshed-font-weight-bold, 700);
	--nsn-uif-refreshed-font-size-smaller: var(--uif-refreshed-font-size-smaller, 11px);
	--nsn-uif-refreshed-font-size-small: var(--uif-refreshed-font-size-small, 12px);
	--nsn-uif-refreshed-font-size-regular: var(--uif-refreshed-font-size-regular, 13px);
	--nsn-uif-refreshed-font-size-medium: var(--uif-refreshed-font-size-medium, 14px);
	--nsn-uif-refreshed-font-size-large: var(--uif-refreshed-font-size-large, 16px);
	--nsn-uif-refreshed-font-size-larger: var(--uif-refreshed-font-size-larger, 18px);
	--nsn-uif-refreshed-font-size-largest: var(--uif-refreshed-font-size-largest, 24px);
	--nsn-uif-refreshed-font-size-extra-large: var(--uif-refreshed-font-size-extra-large, 32px);
	--nsn-uif-refreshed-border-weight-thick: var(--uif-refreshed-border-weight-thick, 4px);
	--nsn-uif-refreshed-border-weight-medium: var(--uif-refreshed-border-weight-medium, 2px);
	--nsn-uif-refreshed-border-weight-default: var(--uif-refreshed-border-weight-default, 1px);
	--nsn-uif-refreshed-color-white: var(--uif-refreshed-color-white, rgb(255, 255, 255));
	--nsn-uif-refreshed-color-black: var(--uif-refreshed-color-black, rgb(0, 0, 0));
	--nsn-uif-refreshed-color-blue-50: var(--uif-refreshed-color-blue-50, rgb(239, 241, 245));
	--nsn-uif-refreshed-color-blue-100: var(--uif-refreshed-color-blue-100, rgb(223, 228, 235));
	--nsn-uif-refreshed-color-blue-200: var(--uif-refreshed-color-blue-200, rgb(191, 201, 214));
	--nsn-uif-refreshed-color-blue-300: var(--uif-refreshed-color-blue-300, rgb(160, 173, 194));
	--nsn-uif-refreshed-color-blue-400: var(--uif-refreshed-color-blue-400, rgb(128, 146, 173));
	--nsn-uif-refreshed-color-blue-500: var(--uif-refreshed-color-blue-500, rgb(96, 119, 153));
	--nsn-uif-refreshed-color-blue-600: var(--uif-refreshed-color-blue-600, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-blue-700: var(--uif-refreshed-color-blue-700, rgb(58, 71, 92));
	--nsn-uif-refreshed-color-blue-800: var(--uif-refreshed-color-blue-800, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-blue-900: var(--uif-refreshed-color-blue-900, rgb(19, 24, 31));
	--nsn-uif-refreshed-color-black-50: var(--uif-refreshed-color-black-50, rgb(241, 241, 241));
	--nsn-uif-refreshed-color-black-100: var(--uif-refreshed-color-black-100, rgb(228, 228, 228));
	--nsn-uif-refreshed-color-black-200: var(--uif-refreshed-color-black-200, rgb(201, 201, 201));
	--nsn-uif-refreshed-color-black-300: var(--uif-refreshed-color-black-300, rgb(173, 173, 173));
	--nsn-uif-refreshed-color-black-400: var(--uif-refreshed-color-black-400, rgb(146, 146, 146));
	--nsn-uif-refreshed-color-black-500: var(--uif-refreshed-color-black-500, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-black-600: var(--uif-refreshed-color-black-600, rgb(95, 95, 95));
	--nsn-uif-refreshed-color-black-700: var(--uif-refreshed-color-black-700, rgb(71, 71, 71));
	--nsn-uif-refreshed-color-black-800: var(--uif-refreshed-color-black-800, rgb(48, 48, 48));
	--nsn-uif-refreshed-color-black-900: var(--uif-refreshed-color-black-900, rgb(24, 24, 24));
	--nsn-uif-refreshed-color-purple-50: var(--uif-refreshed-color-purple-50, rgb(241, 239, 246));
	--nsn-uif-refreshed-color-purple-100: var(--uif-refreshed-color-purple-100, rgb(227, 224, 237));
	--nsn-uif-refreshed-color-purple-200: var(--uif-refreshed-color-purple-200, rgb(199, 193, 219));
	--nsn-uif-refreshed-color-purple-300: var(--uif-refreshed-color-purple-300, rgb(171, 161, 202));
	--nsn-uif-refreshed-color-purple-400: var(--uif-refreshed-color-purple-400, rgb(143, 130, 184));
	--nsn-uif-refreshed-color-purple-500: var(--uif-refreshed-color-purple-500, rgb(115, 99, 166));
	--nsn-uif-refreshed-color-purple-600: var(--uif-refreshed-color-purple-600, rgb(92, 79, 133));
	--nsn-uif-refreshed-color-purple-700: var(--uif-refreshed-color-purple-700, rgb(69, 59, 100));
	--nsn-uif-refreshed-color-purple-800: var(--uif-refreshed-color-purple-800, rgb(46, 40, 66));
	--nsn-uif-refreshed-color-purple-900: var(--uif-refreshed-color-purple-900, rgb(23, 20, 33));
	--nsn-uif-refreshed-color-pink-50: var(--uif-refreshed-color-pink-50, rgb(246, 235, 241));
	--nsn-uif-refreshed-color-pink-100: var(--uif-refreshed-color-pink-100, rgb(237, 214, 226));
	--nsn-uif-refreshed-color-pink-200: var(--uif-refreshed-color-pink-200, rgb(219, 173, 197));
	--nsn-uif-refreshed-color-pink-300: var(--uif-refreshed-color-pink-300, rgb(202, 132, 168));
	--nsn-uif-refreshed-color-pink-400: var(--uif-refreshed-color-pink-400, rgb(184, 91, 139));
	--nsn-uif-refreshed-color-pink-500: var(--uif-refreshed-color-pink-500, rgb(166, 50, 110));
	--nsn-uif-refreshed-color-pink-600: var(--uif-refreshed-color-pink-600, rgb(133, 40, 88));
	--nsn-uif-refreshed-color-pink-700: var(--uif-refreshed-color-pink-700, rgb(100, 30, 66));
	--nsn-uif-refreshed-color-pink-800: var(--uif-refreshed-color-pink-800, rgb(66, 20, 44));
	--nsn-uif-refreshed-color-pink-900: var(--uif-refreshed-color-pink-900, rgb(33, 10, 22));
	--nsn-uif-refreshed-color-red-50: var(--uif-refreshed-color-red-50, rgb(246, 235, 235));
	--nsn-uif-refreshed-color-red-100: var(--uif-refreshed-color-red-100, rgb(237, 214, 214));
	--nsn-uif-refreshed-color-red-200: var(--uif-refreshed-color-red-200, rgb(219, 173, 173));
	--nsn-uif-refreshed-color-red-300: var(--uif-refreshed-color-red-300, rgb(202, 132, 132));
	--nsn-uif-refreshed-color-red-400: var(--uif-refreshed-color-red-400, rgb(184, 91, 91));
	--nsn-uif-refreshed-color-red-500: var(--uif-refreshed-color-red-500, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-red-600: var(--uif-refreshed-color-red-600, rgb(133, 40, 40));
	--nsn-uif-refreshed-color-red-700: var(--uif-refreshed-color-red-700, rgb(100, 30, 30));
	--nsn-uif-refreshed-color-red-800: var(--uif-refreshed-color-red-800, rgb(66, 20, 20));
	--nsn-uif-refreshed-color-red-900: var(--uif-refreshed-color-red-900, rgb(33, 10, 10));
	--nsn-uif-refreshed-color-orange-50: var(--uif-refreshed-color-orange-50, rgb(246, 237, 231));
	--nsn-uif-refreshed-color-orange-100: var(--uif-refreshed-color-orange-100, rgb(237, 220, 207));
	--nsn-uif-refreshed-color-orange-200: var(--uif-refreshed-color-orange-200, rgb(219, 185, 160));
	--nsn-uif-refreshed-color-orange-300: var(--uif-refreshed-color-orange-300, rgb(202, 149, 112));
	--nsn-uif-refreshed-color-orange-400: var(--uif-refreshed-color-orange-400, rgb(184, 114, 65));
	--nsn-uif-refreshed-color-orange-500: var(--uif-refreshed-color-orange-500, rgb(166, 79, 17));
	--nsn-uif-refreshed-color-orange-600: var(--uif-refreshed-color-orange-600, rgb(133, 63, 14));
	--nsn-uif-refreshed-color-orange-700: var(--uif-refreshed-color-orange-700, rgb(100, 47, 10));
	--nsn-uif-refreshed-color-orange-800: var(--uif-refreshed-color-orange-800, rgb(66, 32, 7));
	--nsn-uif-refreshed-color-orange-900: var(--uif-refreshed-color-orange-900, rgb(33, 16, 3));
	--nsn-uif-refreshed-color-brown-50: var(--uif-refreshed-color-brown-50, rgb(246, 243, 235));
	--nsn-uif-refreshed-color-brown-100: var(--uif-refreshed-color-brown-100, rgb(237, 231, 215));
	--nsn-uif-refreshed-color-brown-200: var(--uif-refreshed-color-brown-200, rgb(219, 207, 175));
	--nsn-uif-refreshed-color-brown-300: var(--uif-refreshed-color-brown-300, rgb(202, 183, 134));
	--nsn-uif-refreshed-color-brown-400: var(--uif-refreshed-color-brown-400, rgb(184, 159, 94));
	--nsn-uif-refreshed-color-brown-500: var(--uif-refreshed-color-brown-500, rgb(166, 135, 54));
	--nsn-uif-refreshed-color-brown-600: var(--uif-refreshed-color-brown-600, rgb(133, 108, 43));
	--nsn-uif-refreshed-color-brown-700: var(--uif-refreshed-color-brown-700, rgb(100, 81, 32));
	--nsn-uif-refreshed-color-brown-800: var(--uif-refreshed-color-brown-800, rgb(66, 54, 22));
	--nsn-uif-refreshed-color-brown-900: var(--uif-refreshed-color-brown-900, rgb(33, 27, 11));
	--nsn-uif-refreshed-color-green-50: var(--uif-refreshed-color-green-50, rgb(244, 246, 239));
	--nsn-uif-refreshed-color-green-100: var(--uif-refreshed-color-green-100, rgb(233, 237, 224));
	--nsn-uif-refreshed-color-green-200: var(--uif-refreshed-color-green-200, rgb(212, 219, 193));
	--nsn-uif-refreshed-color-green-300: var(--uif-refreshed-color-green-300, rgb(190, 202, 161));
	--nsn-uif-refreshed-color-green-400: var(--uif-refreshed-color-green-400, rgb(169, 184, 130));
	--nsn-uif-refreshed-color-green-500: var(--uif-refreshed-color-green-500, rgb(147, 166, 99));
	--nsn-uif-refreshed-color-green-600: var(--uif-refreshed-color-green-600, rgb(118, 133, 79));
	--nsn-uif-refreshed-color-green-700: var(--uif-refreshed-color-green-700, rgb(88, 100, 59));
	--nsn-uif-refreshed-color-green-800: var(--uif-refreshed-color-green-800, rgb(59, 66, 40));
	--nsn-uif-refreshed-color-green-900: var(--uif-refreshed-color-green-900, rgb(29, 33, 20));
	--nsn-uif-refreshed-color-moss-green-50: var(--uif-refreshed-color-moss-green-50, rgb(239, 246, 242));
	--nsn-uif-refreshed-color-moss-green-100: var(--uif-refreshed-color-moss-green-100, rgb(224, 237, 229));
	--nsn-uif-refreshed-color-moss-green-200: var(--uif-refreshed-color-moss-green-200, rgb(193, 219, 202));
	--nsn-uif-refreshed-color-moss-green-300: var(--uif-refreshed-color-moss-green-300, rgb(161, 202, 176));
	--nsn-uif-refreshed-color-moss-green-400: var(--uif-refreshed-color-moss-green-400, rgb(130, 184, 149));
	--nsn-uif-refreshed-color-moss-green-500: var(--uif-refreshed-color-moss-green-500, rgb(99, 166, 123));
	--nsn-uif-refreshed-color-moss-green-600: var(--uif-refreshed-color-moss-green-600, rgb(79, 133, 98));
	--nsn-uif-refreshed-color-moss-green-700: var(--uif-refreshed-color-moss-green-700, rgb(59, 100, 74));
	--nsn-uif-refreshed-color-moss-green-800: var(--uif-refreshed-color-moss-green-800, rgb(40, 66, 49));
	--nsn-uif-refreshed-color-moss-green-900: var(--uif-refreshed-color-moss-green-900, rgb(20, 33, 25));
	--nsn-uif-refreshed-color-turquoise-50: var(--uif-refreshed-color-turquoise-50, rgb(239, 246, 245));
	--nsn-uif-refreshed-color-turquoise-100: var(--uif-refreshed-color-turquoise-100, rgb(224, 237, 235));
	--nsn-uif-refreshed-color-turquoise-200: var(--uif-refreshed-color-turquoise-200, rgb(193, 219, 215));
	--nsn-uif-refreshed-color-turquoise-300: var(--uif-refreshed-color-turquoise-300, rgb(161, 202, 195));
	--nsn-uif-refreshed-color-turquoise-400: var(--uif-refreshed-color-turquoise-400, rgb(130, 184, 175));
	--nsn-uif-refreshed-color-turquoise-500: var(--uif-refreshed-color-turquoise-500, rgb(99, 166, 155));
	--nsn-uif-refreshed-color-turquoise-600: var(--uif-refreshed-color-turquoise-600, rgb(79, 133, 124));
	--nsn-uif-refreshed-color-turquoise-700: var(--uif-refreshed-color-turquoise-700, rgb(59, 100, 93));
	--nsn-uif-refreshed-color-turquoise-800: var(--uif-refreshed-color-turquoise-800, rgb(40, 66, 62));
	--nsn-uif-refreshed-color-turquoise-900: var(--uif-refreshed-color-turquoise-900, rgb(20, 33, 31));
	--nsn-uif-refreshed-color-light-blue-50: var(--uif-refreshed-color-light-blue-50, rgb(239, 245, 246));
	--nsn-uif-refreshed-color-light-blue-100: var(--uif-refreshed-color-light-blue-100, rgb(224, 235, 237));
	--nsn-uif-refreshed-color-light-blue-200: var(--uif-refreshed-color-light-blue-200, rgb(193, 215, 219));
	--nsn-uif-refreshed-color-light-blue-300: var(--uif-refreshed-color-light-blue-300, rgb(161, 194, 202));
	--nsn-uif-refreshed-color-light-blue-400: var(--uif-refreshed-color-light-blue-400, rgb(130, 174, 184));
	--nsn-uif-refreshed-color-light-blue-500: var(--uif-refreshed-color-light-blue-500, rgb(99, 154, 166));
	--nsn-uif-refreshed-color-light-blue-600: var(--uif-refreshed-color-light-blue-600, rgb(79, 123, 133));
	--nsn-uif-refreshed-color-light-blue-700: var(--uif-refreshed-color-light-blue-700, rgb(59, 92, 100));
	--nsn-uif-refreshed-color-light-blue-800: var(--uif-refreshed-color-light-blue-800, rgb(40, 62, 66));
	--nsn-uif-refreshed-color-light-blue-900: var(--uif-refreshed-color-light-blue-900, rgb(20, 31, 33));
	--nsn-uif-refreshed-color-yellow-50: var(--uif-refreshed-color-yellow-50, rgb(253, 249, 232));
	--nsn-uif-refreshed-color-yellow-100: var(--uif-refreshed-color-yellow-100, rgb(250, 243, 209));
	--nsn-uif-refreshed-color-yellow-200: var(--uif-refreshed-color-yellow-200, rgb(245, 231, 162));
	--nsn-uif-refreshed-color-yellow-300: var(--uif-refreshed-color-yellow-300, rgb(240, 219, 116));
	--nsn-uif-refreshed-color-yellow-400: var(--uif-refreshed-color-yellow-400, rgb(235, 207, 69));
	--nsn-uif-refreshed-color-yellow-500: var(--uif-refreshed-color-yellow-500, rgb(230, 195, 23));
	--nsn-uif-refreshed-color-yellow-600: var(--uif-refreshed-color-yellow-600, rgb(184, 156, 18));
	--nsn-uif-refreshed-color-yellow-700: var(--uif-refreshed-color-yellow-700, rgb(138, 117, 14));
	--nsn-uif-refreshed-color-yellow-800: var(--uif-refreshed-color-yellow-800, rgb(92, 78, 9));
	--nsn-uif-refreshed-color-yellow-900: var(--uif-refreshed-color-yellow-900, rgb(46, 39, 5));
	--nsn-uif-refreshed-color-azure-50: var(--uif-refreshed-color-azure-50, rgb(230, 240, 255));
	--nsn-uif-refreshed-color-azure-100: var(--uif-refreshed-color-azure-100, rgb(204, 225, 255));
	--nsn-uif-refreshed-color-azure-200: var(--uif-refreshed-color-azure-200, rgb(153, 195, 255));
	--nsn-uif-refreshed-color-azure-300: var(--uif-refreshed-color-azure-300, rgb(102, 166, 255));
	--nsn-uif-refreshed-color-azure-400: var(--uif-refreshed-color-azure-400, rgb(51, 136, 255));
	--nsn-uif-refreshed-color-azure-500: var(--uif-refreshed-color-azure-500, rgb(0, 106, 255));
	--nsn-uif-refreshed-color-azure-600: var(--uif-refreshed-color-azure-600, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-azure-700: var(--uif-refreshed-color-azure-700, rgb(0, 64, 153));
	--nsn-uif-refreshed-color-azure-800: var(--uif-refreshed-color-azure-800, rgb(0, 42, 102));
	--nsn-uif-refreshed-color-azure-900: var(--uif-refreshed-color-azure-900, rgb(0, 21, 51));
	--nsn-uif-refreshed-color-neutral-white: var(--uif-refreshed-color-neutral-white, rgb(255, 255, 255));
	--nsn-uif-refreshed-color-neutral-lightest: var(--uif-refreshed-color-neutral-lightest, rgb(241, 241, 241));
	--nsn-uif-refreshed-color-neutral-lighter: var(--uif-refreshed-color-neutral-lighter, rgb(228, 228, 228));
	--nsn-uif-refreshed-color-neutral-light: var(--uif-refreshed-color-neutral-light, rgb(201, 201, 201));
	--nsn-uif-refreshed-color-neutral: var(--uif-refreshed-color-neutral, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-neutral-default: var(--uif-refreshed-color-neutral-default, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-neutral-dark: var(--uif-refreshed-color-neutral-dark, rgb(95, 95, 95));
	--nsn-uif-refreshed-color-neutral-darker: var(--uif-refreshed-color-neutral-darker, rgb(71, 71, 71));
	--nsn-uif-refreshed-color-neutral-darkest: var(--uif-refreshed-color-neutral-darkest, rgb(48, 48, 48));
	--nsn-uif-refreshed-color-neutral-black: var(--uif-refreshed-color-neutral-black, rgb(0, 0, 0));
	--nsn-uif-refreshed-color-accent-lightest: var(--uif-refreshed-color-accent-lightest, rgb(230, 240, 255));
	--nsn-uif-refreshed-color-accent-lighter: var(--uif-refreshed-color-accent-lighter, rgb(204, 225, 255));
	--nsn-uif-refreshed-color-accent-light: var(--uif-refreshed-color-accent-light, rgb(153, 195, 255));
	--nsn-uif-refreshed-color-accent-default: var(--uif-refreshed-color-accent-default, rgb(0, 106, 255));
	--nsn-uif-refreshed-color-accent-dark: var(--uif-refreshed-color-accent-dark, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-accent-darker: var(--uif-refreshed-color-accent-darker, rgb(0, 64, 153));
	--nsn-uif-refreshed-color-accent-darkest: var(--uif-refreshed-color-accent-darkest, rgb(0, 42, 102));
	--nsn-uif-refreshed-color-utility-focus: var(--uif-refreshed-color-utility-focus, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-utility-error: var(--uif-refreshed-color-utility-error, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-utility-warning: var(--uif-refreshed-color-utility-warning, rgb(166, 79, 17));
	--nsn-uif-refreshed-color-utility-info: var(--uif-refreshed-color-utility-info, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-utility-success: var(--uif-refreshed-color-utility-success, rgb(59, 100, 74));
	--nsn-uif-refreshed-color-utility-negative: var(--uif-refreshed-color-utility-negative, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-utility-focus-weak: var(--uif-refreshed-color-utility-focus-weak, rgb(230, 240, 255));
	--nsn-uif-refreshed-color-utility-error-weak: var(--uif-refreshed-color-utility-error-weak, rgb(246, 235, 235));
	--nsn-uif-refreshed-color-utility-warning-weak: var(--uif-refreshed-color-utility-warning-weak, rgb(246, 237, 231));
	--nsn-uif-refreshed-color-utility-info-weak: var(--uif-refreshed-color-utility-info-weak, rgb(239, 241, 245));
	--nsn-uif-refreshed-color-utility-success-weak: var(--uif-refreshed-color-utility-success-weak, rgb(239, 246, 242));
	--nsn-uif-refreshed-color-semantic-purple: var(--uif-refreshed-color-semantic-purple, rgb(115, 99, 166));
	--nsn-uif-refreshed-color-semantic-yellow: var(--uif-refreshed-color-semantic-yellow, rgb(230, 195, 23));
	--nsn-uif-refreshed-color-semantic-green: var(--uif-refreshed-color-semantic-green, rgb(147, 166, 99));
	--nsn-uif-refreshed-color-semantic-pink: var(--uif-refreshed-color-semantic-pink, rgb(166, 50, 110));
	--nsn-uif-refreshed-color-semantic-turquoise: var(--uif-refreshed-color-semantic-turquoise, rgb(99, 166, 155));
	--nsn-uif-refreshed-color-semantic-brown: var(--uif-refreshed-color-semantic-brown, rgb(166, 135, 54));
	--nsn-uif-refreshed-color-semantic-light-blue: var(--uif-refreshed-color-semantic-light-blue, rgb(99, 154, 166));
	--nsn-uif-refreshed-color-semantic-purple-weak: var(--uif-refreshed-color-semantic-purple-weak, rgb(241, 239, 246));
	--nsn-uif-refreshed-color-semantic-yellow-weak: var(--uif-refreshed-color-semantic-yellow-weak, rgb(253, 249, 232));
	--nsn-uif-refreshed-color-semantic-green-weak: var(--uif-refreshed-color-semantic-green-weak, rgb(244, 246, 239));
	--nsn-uif-refreshed-color-semantic-pink-weak: var(--uif-refreshed-color-semantic-pink-weak, rgb(246, 235, 241));
	--nsn-uif-refreshed-color-semantic-turquoise-weak: var(--uif-refreshed-color-semantic-turquoise-weak, rgb(239, 246, 245));
	--nsn-uif-refreshed-color-semantic-brown-weak: var(--uif-refreshed-color-semantic-brown-weak, rgb(246, 243, 235));
	--nsn-uif-refreshed-color-semantic-light-blue-weak: var(--uif-refreshed-color-semantic-light-blue-weak, rgb(239, 245, 246));
	--nsn-uif-refreshed-color-border: var(--uif-refreshed-color-border, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-border-hover: var(--uif-refreshed-color-border-hover, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-border-active: var(--uif-refreshed-color-border-active, rgb(0, 106, 255));
	--nsn-uif-refreshed-color-border-active-hover: var(--uif-refreshed-color-border-active-hover, rgb(153, 195, 255));
	--nsn-uif-refreshed-color-border-focus: var(--uif-refreshed-color-border-focus, rgb(0, 106, 255));
	--nsn-uif-refreshed-color-border-error: var(--uif-refreshed-color-border-error, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-border-success: var(--uif-refreshed-color-border-success, rgb(59, 100, 74));
	--nsn-uif-refreshed-color-border-warning: var(--uif-refreshed-color-border-warning, rgb(166, 79, 17));
	--nsn-uif-refreshed-color-border-info: var(--uif-refreshed-color-border-info, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-border-input-default: var(--uif-refreshed-color-border-input-default, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-border-input-hover: var(--uif-refreshed-color-border-input-hover, rgb(95, 95, 95));
	--nsn-uif-refreshed-color-border-input-pressed: var(--uif-refreshed-color-border-input-pressed, rgb(71, 71, 71));
	--nsn-uif-refreshed-color-border-input-active: var(--uif-refreshed-color-border-input-active, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-border-input-focus: var(--uif-refreshed-color-border-input-focus, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-border-input-disabled: var(--uif-refreshed-color-border-input-disabled, rgb(201, 201, 201));
	--nsn-uif-refreshed-color-icon-default: var(--uif-refreshed-color-icon-default, rgb(96, 119, 153));
	--nsn-uif-refreshed-color-icon-hover: var(--uif-refreshed-color-icon-hover, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-icon-pressed: var(--uif-refreshed-color-icon-pressed, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-icon-active: var(--uif-refreshed-color-icon-active, rgb(58, 71, 92));
	--nsn-uif-refreshed-color-icon-active-hover: var(--uif-refreshed-color-icon-active-hover, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-icon-disabled: var(--uif-refreshed-color-icon-disabled, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-scroll-bar: var(--uif-refreshed-color-scroll-bar, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-scroll-bar-hover: var(--uif-refreshed-color-scroll-bar-hover, rgb(95, 95, 95));
	--nsn-uif-refreshed-color-scroll-track: var(--uif-refreshed-color-scroll-track, rgb(228, 228, 228));
	--nsn-uif-refreshed-color-link-dark: var(--uif-refreshed-color-link-dark, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-link-dark-hover: var(--uif-refreshed-color-link-dark-hover, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-link-dark-active: var(--uif-refreshed-color-link-dark-active, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-link-light: var(--uif-refreshed-color-link-light, rgb(239, 241, 245));
	--nsn-uif-refreshed-color-link-light-hover: var(--uif-refreshed-color-link-light-hover, rgb(239, 241, 245));
	--nsn-uif-refreshed-color-link-light-active: var(--uif-refreshed-color-link-light-active, undefined);
	--nsn-uif-refreshed-color-a-link: var(--uif-refreshed-color-a-link, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-a-active: var(--uif-refreshed-color-a-active, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-a-hover: var(--uif-refreshed-color-a-hover, rgb(38, 48, 61));
	--nsn-uif-refreshed-color-a-visited: var(--uif-refreshed-color-a-visited, rgb(92, 79, 133));
	--nsn-uif-refreshed-color-a-disabled: var(--uif-refreshed-color-a-disabled, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-text-dark: var(--uif-refreshed-color-text-dark, rgb(48, 48, 48));
	--nsn-uif-refreshed-color-text-dark-secondary: var(--uif-refreshed-color-text-dark-secondary, rgba(48, 48, 48, 0.8));
	--nsn-uif-refreshed-color-text-dark-disabled: var(--uif-refreshed-color-text-dark-disabled, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-text-light: var(--uif-refreshed-color-text-light, rgb(255, 255, 255));
	--nsn-uif-refreshed-color-text-light-secondary: var(--uif-refreshed-color-text-light-secondary, rgba(255, 255, 255, 0.8));
	--nsn-uif-refreshed-color-text-light-disabled: var(--uif-refreshed-color-text-light-disabled, rgba(255, 255, 255, 0.5));
	--nsn-uif-refreshed-color-text-input-default: var(--uif-refreshed-color-text-input-default, rgb(48, 48, 48));
	--nsn-uif-refreshed-color-text-input-placeholder: var(--uif-refreshed-color-text-input-placeholder, rgb(201, 201, 201));
	--nsn-uif-refreshed-color-text-input-disabled: var(--uif-refreshed-color-text-input-disabled, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-text-input-readonly: var(--uif-refreshed-color-text-input-readonly, rgb(48, 48, 48));
	--nsn-uif-refreshed-color-text-disabled: var(--uif-refreshed-color-text-disabled, rgb(119, 119, 119));
	--nsn-uif-refreshed-color-text-dark-utility-focus: var(--uif-refreshed-color-text-dark-utility-focus, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-text-dark-utility-error: var(--uif-refreshed-color-text-dark-utility-error, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-text-dark-utility-warning: var(--uif-refreshed-color-text-dark-utility-warning, rgb(166, 79, 17));
	--nsn-uif-refreshed-color-text-dark-utility-info: var(--uif-refreshed-color-text-dark-utility-info, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-text-dark-utility-success: var(--uif-refreshed-color-text-dark-utility-success, rgb(59, 100, 74));
	--nsn-uif-refreshed-color-text-light-utility-focus: var(--uif-refreshed-color-text-light-utility-focus, rgb(102, 166, 255));
	--nsn-uif-refreshed-color-text-light-utility-error: var(--uif-refreshed-color-text-light-utility-error, rgb(219, 173, 173));
	--nsn-uif-refreshed-color-text-light-utility-warning: var(--uif-refreshed-color-text-light-utility-warning, rgb(219, 185, 160));
	--nsn-uif-refreshed-color-text-light-utility-info: var(--uif-refreshed-color-text-light-utility-info, rgb(191, 201, 214));
	--nsn-uif-refreshed-color-text-light-utility-success: var(--uif-refreshed-color-text-light-utility-success, rgb(161, 202, 176));
	--nsn-uif-refreshed-color-text-utility-focus: var(--uif-refreshed-color-text-utility-focus, rgb(0, 85, 204));
	--nsn-uif-refreshed-color-text-utility-error: var(--uif-refreshed-color-text-utility-error, rgb(166, 50, 50));
	--nsn-uif-refreshed-color-text-utility-warning: var(--uif-refreshed-color-text-utility-warning, rgb(166, 79, 17));
	--nsn-uif-refreshed-color-text-utility-info: var(--uif-refreshed-color-text-utility-info, rgb(77, 95, 122));
	--nsn-uif-refreshed-color-text-utility-success: var(--uif-refreshed-color-text-utility-success, rgb(59, 100, 74));
	--nsn-uif-refreshed-color-state-light-neutral-hover: var(--uif-refreshed-color-state-light-neutral-hover, rgba(0, 0, 0, 0.1));
	--nsn-uif-refreshed-color-state-light-neutral-selected: var(--uif-refreshed-color-state-light-neutral-selected, rgba(0, 0, 0, 0.2));
	--nsn-uif-refreshed-color-state-light-neutral-active: var(--uif-refreshed-color-state-light-neutral-active, rgba(0, 0, 0, 0.3));
	--nsn-uif-refreshed-color-state-dark-neutral-hover: var(--uif-refreshed-color-state-dark-neutral-hover, rgba(255, 255, 255, 0.1));
	--nsn-uif-refreshed-color-state-dark-neutral-selected: var(--uif-refreshed-color-state-dark-neutral-selected, rgba(255, 255, 255, 0.2));
	--nsn-uif-refreshed-color-state-dark-neutral-active: var(--uif-refreshed-color-state-dark-neutral-active, rgba(255, 255, 255, 0.3));
	--nsn-uif-refreshed-color-background-disabled: var(--uif-refreshed-color-background-disabled, rgb(241, 241, 241));
	--nsn-uif-refreshed-color-background-input-disabled: var(--uif-refreshed-color-background-input-disabled, rgb(241, 241, 241));
	--nsn-uif-refreshed-color-link-blue: var(--uif-refreshed-color-link-blue, rgb(24, 123, 242));
	--nsn-uif-refreshed-component-transition-duration: var(--uif-refreshed-component-transition-duration, 250ms);
	--nsn-uif-refreshed-component-transition: var(--uif-refreshed-component-transition, box-shadow 250ms,border-color 250ms);
	--nsn-uif-refreshed-component-active-highlight-color: var(--uif-refreshed-component-active-highlight-color, rgb(51, 136, 255));
	--nsn-uif-refreshed-component-margin: var(--uif-refreshed-component-margin, 3px);
	--nsn-uif-refreshed-shadow-modal: var(--uif-refreshed-shadow-modal, 0 0 3px 0 rgba(0, 0, 0, 0.3));
	--nsn-uif-refreshed-shadow-popup: var(--uif-refreshed-shadow-popup, 0 1px 4px 0 rgba(0, 0, 0, 0.5));
	--nsn-uif-refreshed-z-index-drag-drop-handle: var(--uif-refreshed-z-index-drag-drop-handle, 9999);
	--nsn-uif-refreshed-z-index-growl-panel: var(--uif-refreshed-z-index-growl-panel, 9998);
	--nsn-uif-refreshed-z-index-scrollbar: var(--uif-refreshed-z-index-scrollbar, 12);
	--nsn-uif-refreshed-z-index-scrollbar-disabled: var(--uif-refreshed-z-index-scrollbar-disabled, 11);
	--nsn-uif-refreshed-z-index-action-bar: var(--uif-refreshed-z-index-action-bar, 13);
	--nsn-uif-refreshed-z-index-loader: var(--uif-refreshed-z-index-loader, 13);
	--nsn-uif-refreshed-z-index-datagrid-resizer: var(--uif-refreshed-z-index-datagrid-resizer, 14);
	--nsn-uif-refreshed-z-index-top-most: var(--uif-refreshed-z-index-top-most, 15);
}
/* Resetter */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th {
	margin: 0;
	padding: 0;
}

/* Animation settings */
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

html *
{
    box-sizing: border-box;
}

:focus {
	outline: none;
}

#timeoutwindow {
    position: fixed !important;
}
#timeoutblocker {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html, body {
	padding: 0 !important;
	margin: 0 !important;
}

#pageContainer {
	display: flow-root;
}

.uir-loader
{
    display: block !important;
    text-align: center !important;
}
.uir-loader *
{
    display: none !important;
}

.uir-loader .loader
{
    margin: auto;
    position: relative;
    visibility: visible;
    display: inline-block !important;

    background-repeat:no-repeat;
    background-position: center center;

    -webkit-animation:spin 1.6s linear infinite;
    -moz-animation:spin 1.6s linear infinite;
    animation:spin 1.6s linear infinite;

}
.uir-loader.loading-128 .loader
{
    width: 128px;
    height: 128px;
    background-image: url('/images/loaders/loading_128.png');
}
.uir-loader.loading-64 .loader
{
    width: 64px;
    height: 64px;
    background-image: url('/images/loaders/loading_64.png');
}
.uir-loader.loading-32 .loader
{
    width: 32px;
    height: 32px;
    background-image: url('/images/loaders/loading_32.png');
}
.uir-loader.loading-16 .loader
{
    width: 16px;
    height: 16px;
    background-image: url('/images/loaders/loading_16.png');
}

/* UIR-Tooltip */
.uir-tooltip.uir-field-tooltip-wrapper
{
    border: 1px solid #187bf2 !important;
    box-shadow: none !important;
}

.uir-tooltip
{
    padding:0;
    background:#FFFFFF;
    display: inline-block;
    overflow: visible;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.6);
    position: absolute;
    z-index: 1050;
}

.uir-tooltip-content
{
    overflow: hidden;
}
.uir-tooltip .arrow
{
    background:transparent;
    display:inline-block;
    position:absolute;
    visibility: visible !important;
    border-left:10px solid transparent !important;
    border-right:10px solid transparent !important;
}

.uir-tooltip.align_top_right .arrow,
.uir-tooltip.align_top_left  .arrow
{
    top:-20px;
    border-bottom:10px solid #CCCCCC !important;
    border-top:10px solid transparent !important;
}

.uir-tooltip.align_bottom_right .arrow,
.uir-tooltip.align_bottom_left .arrow
{
    bottom:-20px;
    border-top:10px solid #CCCCCC !important;
    border-bottom:10px solid transparent !important;
}

.uir-tooltip.align_top_left .arrow,
.uir-tooltip.align_bottom_left .arrow
{
    left: 5px;
}
.uir-tooltip.align_top_right .arrow,
.uir-tooltip.align_bottom_right .arrow
{
    right: 5px;
}


.uir-tooltip .arrow i
{
    visibility: visible !important;
    display:inline-block;
    position:absolute;
    left:-9px;
    width:0;
    height:0;
    border-left:9px solid transparent !important;
    border-right:9px solid transparent !important;
}
.uir-tooltip.align_top_right .arrow i,
.uir-tooltip.align_top_left .arrow i
{
    top:-8px;
    border-bottom:9px solid  #FFFFFF !important;
    border-top:9px solid transparent !important;
}
.uir-tooltip.align_bottom_right .arrow i,
.uir-tooltip.align_bottom_left .arrow i
{
    top: -10px;
    border-bottom:9px solid  transparent !important;
    border-top:9px solid #FFFFFF !important;
}


* html .uir-tooltip .arrow
{
    border-top-color:white;
    border-left-color:white;
    border-right-color:white;
    filter: chroma(color=white);

}
* html .uir-tooltip .arrow i
{
    border-top-color:white;
    border-left-color:white;
    border-right-color:white;
    filter: chroma(color=white);
}

.uir-cover {
    background: #607799;
    border-radius: 5px;
    height: 3px;
    position: absolute;
    width: 23px;
    display: none ; /* Remove when we've properly resized helper buttons / input fields, fits properly once everything is sized correctly though! */
}

.align_top_right .uir-cover { top: -5px; right: 2px; }
.align_top_left .uir-cover { top: -5px; left: 0px; }
.align_bottom_right .uir-cover { bottom: -5px; right: 2px; }
.align_bottom_left .uir-cover { bottom: -5px; left: 0px; }

.align_top_left.uir-field-tooltip-wrapper,
.align_top_right.uir-field-tooltip-wrapper
{
    border-top: 1px solid #CCCCCC;
}
.align_bottom_left.uir-field-tooltip-wrapper,
.align_bottom_right.uir-field-tooltip-wrapper
{
    border-bottom: 1px solid #CCCCCC;
}

.ri_personalize, .ri_event, .ri_calendarevent, .ri_call, .ri_phonecall, .ri_task, .ri_customer, .ri_contact, .ri_opportunity, .ri_salesorder, .ri_cashsale, .ri_invoice, .ri_bill, .ri_case, .ri_project, .ri_job, .ri_activity, .ri_employeesched, .ri_employee, .ri_check, .ri_generic, .ri_informationitem, .ri_group, .ri_issue, .ri_expensereport, .ri_lead, .ri_item, .ri_campaign, .ri_partner, .ri_letter, .ri_partnersched, .ri_prospect, .ri_purchaseorder, .ri_payrolladjustment, .ri_solution, .ri_shippingitem, .ri_topic, .ri_quote, .ri_estimate, .ri_vendorcredit, .ri_email, .ri_note, .ri_pdf, .ri_time, .ri_weeklytime, .ri_file, .ri_transaction, .ri_workorder, .ri_journal, .ri_creditcard, .ri_payment, .ri_tax, .ri_customerpayment, .ri_inventory, .ri_build, .ri_vendor, .ri_competitor, .ri_employeecommission, .ri_itemfulfillment, .ri_transfer, .ri_deposit, .ri_customrecord, .ri_customerrefund, .ri_cashrefund, .returnauthorization, .ri_generic, .ri_resourceallocation, .ri_billingclass
{
    vertical-align: middle !important;
}

.uir-display-none
{
    display: none;
}

table.uir-table-block,
table.uir-table-block > tbody,
table.uir-table-block > tbody > tr,
table.uir-table-block > tbody > tr > td
{
    display: block;
}

/* AlertBox */
.uir-alert-box
{
    text-align: left;
    background: #fcf9cf;
    padding: 15px 30px;
    border-bottom: 1px solid #f6ec61;
    min-height: 65px;
}

.uir-alert-box.confirmation { border: 1px solid #2acc14; background: #D7FCCF;}
.uir-alert-box.info { border: 1px solid #417ed9; background: #CFEEFC;}
.uir-alert-box.warning { border: 1px solid #ffc000; background: #FCF9CF;}
.uir-alert-box.error { border: 1px solid #d94141; background: #FCCFCF;}

.uir-alert-box .icon
{
    float: left;
    width: 32px;
    height: 30px;
    background: url('/uirefresh/img/alertbox_icons.png') no-repeat top left;
}

.uir-alert-box .icon.info
{
    background-position: 0 -92px;
}
.uir-alert-box .icon.error
{
    background-position: 0 -33px;
}
.uir-alert-box .icon.warning
{
    background-position: 0 0;
}
.uir-alert-box .icon.confirmation
{
    background-position: 0 -63px;
}
.uir-alert-box .icon img { display: none; }

.uir-alert-box .content
{
    padding-left: 42px;
}
.uir-alert-box .title
{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}
.uir-alert-box .descr
{
    color: #666666;
    font-size: 14px;
}
.uir-alert-box .help
{
    margin-top: 20px;
}
.uir-alert-box .help a
{
    color: #255599;
    text-decoration: none;
}
.uir-alert-box .help a:hover
{
    text-decoration: underline;
}

.uir-alert-box .uir-alert-box__message-container
{
	display: flex;
	align-items: center;
}

.uir-alert-box .uir-alert-box__feedback-container
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	margin-left: 8px;

	border: 1px solid #c9c9c9;
	overflow: hidden;
	border-radius: 12px;
}

.uir-alert-box .uir-alert-box__feedback-container .uir-alert-box__content-message
{
	margin-right: 8px;
}

.uir-alert-box .uir-alert-box__feedback-container .uir-alert-box__feedback-icon
{
	margin-right: 2px;
}

.uir-alert-box .uir-alert-box__feedback-container .uir-alert-box__feedback-message
{
	font-weight: 700;
	overflow-wrap: break-word;
	margin: 0 2px;
}

.uir-alert-box .uir-alert-box__feedback-container .uir-alert-box__feedback-button
{
	color: #4d5f7a;
	cursor: pointer;
	margin: 3px;
	text-decoration: none;
}

.uir-alert-box .uir-alert-box__feedback-container .uir-alert-box__feedback-button:hover
{
	text-decoration: underline;
}

/* Legacy alert box */
.uir-alert-box-legacy .icon {
	width: 32px;
	height: 30px;
	background: url('/uirefresh/img/alertbox_icons.png') no-repeat top left;
	background-position: 0 -92px;
	margin-left: 30px;
	margin-right: 12px;
}

.uir-alert-box-legacy .content {
	font-size: 14px;
	margin-right: 30px;
}

.uir-alert-box-legacy .icon.info {
	background-position: 0 -92px;
}

.uir-alert-box-legacy .icon.error {
	background-position: 0 -33px;
}

.uir-alert-box-legacy .icon.warning {
	background-position: 0 0;
}

.uir-alert-box-legacy .icon.confirmation {
	background-position: 0 -63px;
}

/* Message popup dialog */
.uir-window-frame {
	display: flex;
	flex-direction: column;
}

.uir-message-popup {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	font-size: 14px;
	padding: 25px;
}

.uir-message-popup .uir-message-text {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	color: #666666;
}

.uir-message-popup .uir-message-buttons {
	flex: 0 0 auto;
	margin-top: 20px;
}

.uir-message-popup .uir-message-buttons button{
	margin: 0 10px 10px 0;
	border: solid #b2b2b2 1px;
	border-radius: 3px;
	min-height: 28px;
	padding: 0 13px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	background-color: #e9e9e9;
}

.uir-message-popup .uir-message-buttons button:hover{
	background-color: #d9d9d9;
}

.uir-message-popup .uir-message-progress-message:not(:empty) {
	padding-bottom: 10px;
}
.uir-message-popup .uir-message-progress-bar {
	position: relative;
	border: 1px solid #b2b2b2;
	height: 32px;
}
.uir-message-popup  .uir-message-progress-bar-value,
.uir-message-popup  .uir-message-progress-bar-text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.uir-message-popup  .uir-message-progress-bar-value {
	background-color: #607799;
}
.uir-message-popup  .uir-message-progress-bar-text {
	width: 100%;
	color: #607799;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 0 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff;
}
	/* end of Message popup dialog */

/* Buttons */
.uir-button .pgBntG .bntBgB,
.uir-button .tabBnt .bntBgB,
.uir-multibutton .pgBntG .bntBgB,
.uir-multibutton .tabBnt .bntBgB{
	background: var(--nsn-uif-refreshed-color-neutral-lighter) !important;
	border-color: var(--nsn-uif-refreshed-color-neutral-light) !important;
	color: var(--nsn-uif-refreshed-color-text-dark) !important;
	fill: var(--nsn-uif-refreshed-color-text-dark) !important;
}

.uir-button .pgBntG .bntBgB input[type=button],
.uir-button .pgBntG .bntBgB input[type=submit],
.uir-button .tabBnt .bntBgB input[type=button],
.uir-button .tabBnt .bntBgB input[type=submit],
.uir-multibutton .pgBntG .bntBgB input[type=button],
.uir-multibutton .pgBntG .bntBgB input[type=submit],
.uir-multibutton .tabBnt .bntBgB input[type=button],
.uir-multibutton .tabBnt .bntBgB input[type=submit]{
	color: var(--nsn-uif-refreshed-color-text-dark) !important;
	fill: var(--nsn-uif-refreshed-color-text-dark) !important;
}

.uir-button .pgBntB .bntBgB,
.uir-multibutton .pgBntB .bntBgB{
	background: var(--nsn-uif-refreshed-color-accent-default) !important;
	border-color: var(--nsn-uif-refreshed-color-accent-default) !important;

}

.uir-button .pgBntB .bntBgB input[type=button],
.uir-button .pgBntB .bntBgB input[type=submit],
.uir-multibutton .pgBntB .bntBgB input[type=button],
.uir-multibutton .pgBntB .bntBgB input[type=submit],
.uir-button .pgBntB_sel .bntBgB input[type=button],
.uir-button .pgBntB_sel .bntBgB input[type=submit],
.uir-multibutton .pgBntB_sel .bntBgB input[type=button],
.uir-multibutton .pgBntB_sel .bntBgB input[type=submit]{
	color: var(--nsn-uif-refreshed-color-text-light) !important;
	fill: var(--nsn-uif-refreshed-color-text-light) !important;
}

.uir-button .bntBgB,
.uir-multibutton .bntBgB,
.uir-multibutton .pgBntG {
	display: flex;
	height: auto !important;
	position: relative;

}

.uir-button .bntBgB{
	border-radius: var(--nsn-uif-refreshed-border-radius-rounded);
}

.uir-button .bntBgB:before,
.uir-multibutton .bntBgB:before{
	content: "";
	position: absolute;
	background-color: transparent;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: -1px;
	left: -1px;
	border: 1px solid transparent;
	pointer-events: none;
}

.uir-button .bntBgB:before{
	border-radius: var(--nsn-uif-refreshed-border-radius-rounded);
}

.uir-button :not([class$=Dis])>.bntBgB:hover:before,
.uir-multibutton :not([class$=Dis]):not([class$=Dis_sel])>.bntBgB:hover:before{
	background-color: rgba(0,0,0,0.08);
}

.uir-button :not([class$=Dis]):not([class$=Dis_sel])>.bntBgB:active:before,
.uir-multibutton :not([class$=Dis]):not([class$=Dis_sel])>.bntBgB:active:before{
	background-color: rgba(0,0,0,0.16);
}

.uir-button input[type=button],
.uir-button input[type=submit],
.uir-multibutton input[type=button],
.uir-multibutton input[type=submit] {
	font-size: var(--nsn-uif-refreshed-font-size-regular) !important;
	padding: var(--nsn-uif-refreshed-size-3-xs) var(--nsn-uif-refreshed-size-2-xs) !important;
	width: auto;
	line-height: 18px !important;
	height: 18px !important;
	box-sizing: content-box;
}

.uir-button input[type=button],
.uir-button input[type=submit]{
	border-radius: var(--nsn-uif-refreshed-border-radius-rounded);
}

/* Multibutton */
.uir-multibutton .pgBntB {
	display: flex;
	border-radius: var(--nsn-uif-refreshed-border-radius-rounded);

}

.uir-multibutton .bntBgB input{
	color: var(--nsn-uif-refreshed-color-text-light) !important;
}

.uir-multibutton .pgBntB_sel {
	display: flex !important;
}

.uir-multibutton .multiBnt{
	display: flex;
	align-items: center;
}

.uir-multibutton .pgBntB .bntBgB.multiBnt{
	border-left: 1px solid var(--nsn-uif-refreshed-color-neutral-white) !important;
}

.uir-multibutton .multiBnt,
.uir-multibutton .multiBnt .bntBgT{
	padding: 0 !important;
}

.uir-multibutton .multiBnt .multiBntTri {
	width: 24px;
	height: 24px;
	background: none !important;
}

.uir-multibutton .pgBntB .multiBnt .multiBntTri,
.uir-multibutton .pgBntY .multiBnt .multiBntTri{
	fill: var(--nsn-uif-refreshed-color-text-light);
}

.uir-multibutton .pgBntG .multiBnt .multiBntTri {
	fill: var(--nsn-uif-refreshed-color-text-dark);
}

/* Print button*/
.uir-button .uir-print-button-icon-wrap{
	position: absolute;

}
.uir-button .uir-print-button-icon{
	top: 1px !important;
	left: 1px !important;
	fill: var(--nsn-uif-refreshed-color-text-dark);
}
.uir-button input[type=button].uir-print-button{
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	padding: 1px !important;
	box-sizing: content-box;
}

/* Header Buttons*/
.uir-button-menu:hover {
    cursor: pointer;
    background-color: var(--nsn-uif-refreshed-color-state-light-neutral-hover);
}

.uir-button-menu:active {
    background-color: var(--nsn-uif-refreshed-color-state-light-neutral-active);
}

.uir-button-menu > .ns-menu {
	display: block;
	background: none;
	box-shadow: none;
	cursor: pointer;
}

.uir-button-menu > .ns-menu a {
	background: none !important;
	font-size: var(--nsn-uif-refreshed-font-size-regular) !important;
	font-weight: var(--nsn-uif-refreshed-font-weight-semi-bold) !important;
	color: var(--nsn-uif-refreshed-color-text-dark) !important;
}

.ns-horizontal-container > .ns-child-component
{
    display: inline-block;
}

.required_icon
{
    display: none;
}

.uir-required-icon, .listheaderreq
{
    background: none;
    font-size:14px;
    font-weight:600;
    color:#c77f02;
    padding: 0 2px;
}

.uir-required-icon
{
    padding-left:3px;
}

.listheaderreq::after
{
    content:"*";
    padding-right:3px;
}

.uir-tab-content-dot > img
{
    display:none;
}
.uir-tab-content-dot::before
{
    content:"•";
    padding-left:3px;
    font-weight:600 !important;
}

.record-icon
{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.record-icon-small
{
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
}

.uir-verticallyscrollable
{
    overflow-y: auto;
}

/* --MERGE-- reports.css */
.pt_container {
    margin-bottom: 10px !important;
}

.pt_title {
    margin-right: 10px;
    vertical-align: inherit !important;
}

.pt_body a img {
    vertical-align:middle;
}

.pt_body a .dleheadertext {
    font-size: 12px;
}

/* --MERGE-- colorpalette.js */
.uir-colorpalette td div {
    cursor: pointer;
    width: 12px;
    height: 12px;
    border: 1px solid #888888;
}

.uir-accessibility-hidden {
	position: absolute;
	left: -100px;
	top: -100px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.uir-ext-window-body {
	border: 0 none;
	background-color: #FFFFFF;
}

.uir-ext-frame-window-body {
	margin: 20px;
}

/* Page title menu */
.page-title-menu > .ns-menu
{
	display: flex;
	box-shadow: none !important;
}

.page-title-menu .ns-menu
{
	background-color: var(--nsn-uif-refreshed-color-neutral-white) !important;
}
.page-title-menu .ns-menu > .ns-menuitem:not(.uir-page-search__highlight--default)
{
	background-color: var(--nsn-uif-refreshed-color-neutral-white) !important;
}
.page-title-menu .ns-menu > .ns-menuitem > a
{
	display: flex;
	font-weight: var(--nsn-uif-refreshed-font-weight-semi-bold) !important;
	font-size: var(--nsn-uif-refreshed-font-size-regular) !important;
	color: var(--nsn-uif-refreshed-color-text-dark) !important;
	padding: var(--nsn-uif-refreshed-size-3-xs) var(--nsn-uif-refreshed-size-2-xs) !important;
	height: 24px;
	line-height:24px;
	box-sizing: content-box;
}
.page-title-menu .ns-menu > .ns-menuitem:not(.uir-page-search__highlight--default) > a
{
	background-color: var(--nsn-uif-refreshed-color-neutral-white) !important;
}

.page-title-menu .ns-menu > .ns-menuitem > a:hover,
.page-title-menu .ns-menu > .ns-menuitem.ns-active > a
{
	background-color: var(--nsn-uif-refreshed-color-state-light-neutral-hover) !important;
	text-decoration: none !important;
}

.page-title-menu .ns-menu > .ns-menuitem > a > img
{
	display: inline-flex;
	height: 24px;
	width: 24px;
}