/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,28): run-time error CSS1039: Token not allowed after unary operator: '-RenderBodySection-Background-Color'
(187,54): run-time error CSS1039: Token not allowed after unary operator: '-RenderBodySection-BoxShadow-Color'
(214,28): run-time error CSS1039: Token not allowed after unary operator: '-EnvoiPanel-Background-Color'
(215,28): run-time error CSS1039: Token not allowed after unary operator: '-EnvoiPanel-Border-Color'
(217,34): run-time error CSS1039: Token not allowed after unary operator: '-FlashMessage-BoxShadow-Color'
(271,36): run-time error CSS1030: Expected identifier, found '~'
(271,50): run-time error CSS1031: Expected selector, found ')'
(271,50): run-time error CSS1025: Expected comma or open brace, found ')'
(285,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIPanel-TitleBar-Button-Color'
(286,28): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIPanel-TitleBar-Button-Border-Color'
(327,28): run-time error CSS1039: Token not allowed after unary operator: '-DropDownButtonChildren-Background-Color'
(329,34): run-time error CSS1039: Token not allowed after unary operator: '-DropDownButtonChildren-BoxShadow-Color'
(336,21): run-time error CSS1039: Token not allowed after unary operator: '-DropDownButtonChildren-Link-Color'
(345,36): run-time error CSS1039: Token not allowed after unary operator: '-DropDownButtonChildren-Link-Hover-Color'
(355,28): run-time error CSS1039: Token not allowed after unary operator: '-DropDownButton-Background-Color'
(456,28): run-time error CSS1039: Token not allowed after unary operator: '-WorkOnOrderLongPanel-Saving-ContentDiv-Background-Color'
(542,28): run-time error CSS1039: Token not allowed after unary operator: '-EnvoiPanel-Background-Color'
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-EnvoiPanel-Border-Color'
(551,28): run-time error CSS1039: Token not allowed after unary operator: '-ModalMask-Background-Color'
(557,38): run-time error CSS1039: Token not allowed after unary operator: '-PanelWidget-TitleBar-Background-Gradient-Start'
(557,93): run-time error CSS1039: Token not allowed after unary operator: '-PanelWidget-TitleBar-Background-Gradient-End'
(558,17): run-time error CSS1039: Token not allowed after unary operator: '-PanelWidget-TitleBar-Text-Color'
(574,17): run-time error CSS1039: Token not allowed after unary operator: '-PanelWidget-TitleBar-Text-Color'
(670,28): run-time error CSS1039: Token not allowed after unary operator: '-Body-Background-Color'
(687,28): run-time error CSS1039: Token not allowed after unary operator: '-Layout-Border-Bar-Background-Color'
(691,28): run-time error CSS1039: Token not allowed after unary operator: '-Layout-Top-Bar-Background-Color'
(711,35): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-Border-Color'
(712,28): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-Background-Color'
(728,21): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-ListItem-Color'
(736,25): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-ListItem-Hover-Color'
(741,25): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-ListItem-Link-Color'
(746,25): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-ListItem-Link-Hover-Color'
(752,17): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-Color'
(755,38): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-Background-Gradient-Start'
(755,82): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-Background-Gradient-End'
(762,34): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-BoxShadow-Color'
(785,25): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-ListItem-Hover'
(790,21): run-time error CSS1039: Token not allowed after unary operator: '-OrderMenu-Link'
(798,38): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-Background-Gradient-Start'
(798,80): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-Background-Gradient-End'
(806,34): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-BoxShadow-Color'
(807,17): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-Color'
(820,42): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-UnlockMyOrder-Background-Gradient-Start'
(820,98): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-UnlockMyOrder-Background-Gradient-End'
(824,42): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-UnlockOtherOrder-Background-Gradient-Start'
(824,101): run-time error CSS1039: Token not allowed after unary operator: '-LockBar-UnlockOtherOrder-Background-Gradient-End'
(852,17): run-time error CSS1039: Token not allowed after unary operator: '-Footer-Color'
(854,32): run-time error CSS1039: Token not allowed after unary operator: '-Footer-Border-Color'
(911,17): run-time error CSS1039: Token not allowed after unary operator: '-BtnInvalidateSession-Color'
(912,28): run-time error CSS1039: Token not allowed after unary operator: '-BtnInvalidateSession-Border-Color'
(916,38): run-time error CSS1039: Token not allowed after unary operator: '-BtnInvalidateSession-Background-Gradient-Start'
(916,93): run-time error CSS1039: Token not allowed after unary operator: '-BtnInvalidateSession-Background-Gradient-End'
(928,28): run-time error CSS1039: Token not allowed after unary operator: '-Restore-Outer-Background-Color'
(932,28): run-time error CSS1039: Token not allowed after unary operator: '-Restore-Outer-Inner-Border-Color'
(940,32): run-time error CSS1039: Token not allowed after unary operator: '-Restore-Outer-Hover-Color'
(959,28): run-time error CSS1039: Token not allowed after unary operator: '-DropDownMenuItem-Background-Color'
(961,34): run-time error CSS1039: Token not allowed after unary operator: '-DropDownMenuItem-BoxShadow-Color'
(968,21): run-time error CSS1039: Token not allowed after unary operator: '-DropDownMenuItemChildren-Link-Color'
(977,36): run-time error CSS1039: Token not allowed after unary operator: '-DropDownMenuItemChildren-Link-Hover-Color'
(987,17): run-time error CSS1039: Token not allowed after unary operator: '-MenuBar-ListItem-Link-Hover-Color'
(998,28): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIToast-Border-Color'
(1004,42): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIToast-Title-Background-Gradient-Start'
(1004,93): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIToast-Title-Background-Gradient-End'
(1017,29): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIToast-Title-Hover-Color'
(1021,26): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIToast-Body-Color'
(1055,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-With-Opacity'
(1068,28): run-time error CSS1039: Token not allowed after unary operator: '-Black-With-Opacity'
(1077,29): run-time error CSS1039: Token not allowed after unary operator: '-Black-No-Opacity'
(1079,33): run-time error CSS1039: Token not allowed after unary operator: '-Layout-Top-Bar-Background-Color'
(1080,36): run-time error CSS1039: Token not allowed after unary operator: '-Layout-Top-Bar-Background-Color'
(1127,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Color'
(1128,28): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Border-Color'
(1132,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Background-Gradient-Start'
(1132,84): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Background-Gradient-End'
(1158,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Close-Background-Gradient-Start'
(1158,90): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Close-Background-Gradient-End'
(1162,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Cancel-Background-Gradient-Start'
(1162,91): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Cancel-Background-Gradient-End'
(1166,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Reset-Background-Gradient-Start'
(1166,90): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Reset-Background-Gradient-End'
(1170,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Save-Background-Gradient-Start'
(1170,89): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Save-Background-Gradient-End'
(1174,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Add-Background-Gradient-Start'
(1174,88): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Add-Background-Gradient-End'
(1178,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Send-Background-Gradient-Start'
(1178,89): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Send-Background-Gradient-End'
(1182,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Continue-Background-Gradient-Start'
(1182,93): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Continue-Background-Gradient-End'
(1186,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Clear-Background-Gradient-Start'
(1186,90): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIButton-Clear-Background-Gradient-End'
(1192,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Color'
(1193,28): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Border-Color'
(1197,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Background-Gradient-Start'
(1197,94): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Background-Gradient-End'
(1210,42): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Active-Background-Gradient-Start'
(1210,105): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormInput-Submit-Active-Background-Gradient-End'
(1219,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-UnsavedData-0'
(1223,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-UnsavedData-50'
(1227,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-UnsavedData-100'
(1248,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-SavingData-0'
(1253,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-SavingData-50'
(1258,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-SavingData-100'
(1265,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-TitleBar-UnsavedData-0'
(1270,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-TitleBar-UnsavedData-50'
(1275,32): run-time error CSS1039: Token not allowed after unary operator: '-KeyFrames-TitleBar-UnsavedData-100'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-DataTable-Row-Odd-Background-Color'
(1285,32): run-time error CSS1039: Token not allowed after unary operator: '-DataTable-Row-Odd-Selected-Background-Color'
(1297,38): run-time error CSS1039: Token not allowed after unary operator: '-DataTable-Header-Gradient-Start'
(1297,78): run-time error CSS1039: Token not allowed after unary operator: '-DataTable-Header-Gradient-End'
(1400,28): run-time error CSS1039: Token not allowed after unary operator: '-Input-Url-Border-Color'
(1412,30): run-time error CSS1039: Token not allowed after unary operator: '-Input-Focus-Border-Color'
(1413,28): run-time error CSS1039: Token not allowed after unary operator: '-Input-Focus-BoxShadow-Color'
(1468,28): run-time error CSS1039: Token not allowed after unary operator: '-DualEntryFailed-Background-Color'
(1472,28): run-time error CSS1039: Token not allowed after unary operator: '-DualEntryConfirming-Background-Color'
(1490,17): run-time error CSS1039: Token not allowed after unary operator: '-Combobox-Placeholder-Color'
(1495,17): run-time error CSS1039: Token not allowed after unary operator: '-Combobox-Placeholder-Color'
(1499,17): run-time error CSS1039: Token not allowed after unary operator: '-Combobox-Placeholder-Color'
(1514,17): run-time error CSS1039: Token not allowed after unary operator: '-InfoLabel-Color'
(1521,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIDataLabel-Color'
(1526,32): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIDataLabel-NotInteractable-Border-Color'
(1532,32): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIDataLabel-Interactable-Border-Color'
(1551,36): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIDataLabel-Interactable-Focus-Border-Color'
(1587,28): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormLabel-Unsaved-Data-Color'
(1628,45): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormLabel-Gradient-Start'
(1628,83): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIFormLabel-Gradient-End'
(1648,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIModalErrorLabel-Color'
(1657,17): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIModalSuccessLabel-Color'
(1663,38): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIHeaderLabel-Gradient-Start'
(1663,78): run-time error CSS1039: Token not allowed after unary operator: '-EnVOIHeaderLabel-Gradient-End'
 */
:root {
    /*Core CSS Folder*/
    /*Layout*/
    --Body-Background-Color: #f5f4e6;
    --Layout-Border-Bar-Background-Color: #a6bedd;
    --Layout-Top-Bar-Background-Color: #f78e1e;
    --MenuBar-Background-Color: #fff;
    --MenuBar-Border-Color: #00f;
    --MenuBar-ListItem-Color: #888;
    --MenuBar-ListItem-Hover-Color: #f78e1e;
    --MenuBar-ListItem-Link-Color: #888;
    --MenuBar-ListItem-Link-Hover-Color: #f78e1e;
    --OrderMenu-Color: #fff;
    --OrderMenu-Background-Gradient-Start: #000;
    --OrderMenu-Background-Gradient-End: #666;
    --OrderMenu-BoxShadow-Color: #000;
    --OrderMenu-ListItem-Hover: #f78e1e;
    --OrderMenu-Link: white;
    --LockBar-Background-Gradient-Start: #000;
    --LockBar-Background-Gradient-End: #666;
    --LockBar-BoxShadow-Color: #000;
    --LockBar-Color: white;
    --LockBar-UnlockMyOrder-Background-Gradient-Start: #a80000;
    --LockBar-UnlockMyOrder-Background-Gradient-End: #660b0b;
    --LockBar-UnlockOtherOrder-Background-Gradient-Start: #a80000;
    --LockBar-UnlockOtherOrder-Background-Gradient-End: #660b0b;
    --Footer-Color: #888;
    --Footer-Border-Color: #00f;
    --BtnInvalidateSession-Color: #fff;
    --BtnInvalidateSession-Border-Color: #ccc;
    --BtnInvalidateSession-Background-Gradient-Start: #a80000;
    --BtnInvalidateSession-Background-Gradient-End: #660b0b;
    --Restore-Outer-Inner-Border-Color: #777;
    --Restore-Outer-Background-Color: rgba(255, 255, 255, 0.2);
    --Restore-Outer-Hover-Color: rgba(255, 255, 255, 0.6);
    --DropDownMenuItem-Background-Color: #f1f1f1;
    --DropDownMenuItem-BoxShadow-Color: black;
    --DropDownMenuItemChildren-Link-Color: black;
    --DropDownMenuItemChildren-Link-Hover-Color: #6699cc;
    --PanelWidget-TitleBar-Text-Color: white;
    --PanelWidget-TitleBar-Background-Gradient-Start: orange;
    --PanelWidget-TitleBar-Background-Gradient-End: black;
    --Black-No-Opacity: rgba(0, 0, 0, 1);
    --Black-With-Opacity: rgba(0, 0, 0, 0.6);
    /*EnVOIPanel*/
    --RenderBodySection-Background-Color: #fff;
    --RenderBodySection-BoxShadow-Color: #ccc;
    --EnvoiPanel-Background-Color: white;
    --EnvoiPanel-Border-Color: #000;
    --EnvoiPanel-BoxShadow-Color: #ccc;
    --ModalMask-Background-Color: #000;
    --EnVOIPanel-TitleBar-Button-Color: #fff;
    --EnVOIPanel-TitleBar-Button-Border-Color: #fff;
    --DropDownButtonChildren-Background-Color: #f1f1f1;
    --DropDownButtonChildren-BoxShadow-Color: black;
    --DropDownButtonChildren-Link-Color: black;
    --DropDownButtonChildren-Link-Hover-Color: #6699cc;
    --DropDownButton-Background-Color: #FFB733;
    --WorkOnOrderLongPanel-Saving-ContentDiv-Background-Color: #333;
    /*Flash Message*/
    --FlashMessage-Background-Color: #ff7a7a;
    --FlashMessage-Color: white;
    --FlashMessage-BoxShadow-Color: #666;
    /*Generic Message*/
    --EnVOIFormTextArea-Color: black;
    /*EnVOI Toast*/
    --EnVOIToast-Border-Color: #ddd;
    --EnVOIToast-Body-Color: rgba(255, 255, 255, .8);
    --EnVOIToast-Title-Background-Gradient-Start: orange;
    --EnVOIToast-Title-Background-Gradient-End: black;
    --EnVOIToast-Title-Hover-Color: #a80000;
    /*Form Fields CSS Folder*/
    /*Buttons*/
    --EnVOIButton-Color: #fff;
    --EnVOIButton-Border-Color: #ccc;
    --EnVOIButton-Background-Gradient-Start: #00a86b;
    --EnVOIButton-Background-Gradient-End: #0b6623;
    --EnVOIButton-Close-Background-Gradient-Start: #a80000;
    --EnVOIButton-Close-Background-Gradient-End: #660b0b;
    --EnVOIButton-Cancel-Background-Gradient-Start: #a80000;
    --EnVOIButton-Cancel-Background-Gradient-End: #660b0b;
    --EnVOIButton-Reset-Background-Gradient-Start: #a80000;
    --EnVOIButton-Reset-Background-Gradient-End: #660b0b;
    --EnVOIButton-Clear-Background-Gradient-Start: #a80000;
    --EnVOIButton-Clear-Background-Gradient-End: #660b0b;
    --EnVOIButton-Save-Background-Gradient-Start: #00a86b;
    --EnVOIButton-Save-Background-Gradient-End: #0b6623;
    --EnVOIButton-Add-Background-Gradient-Start: #00a86b;
    --EnVOIButton-Add-Background-Gradient-End: #0b6623;
    --EnVOIButton-Send-Background-Gradient-Start: #00a86b;
    --EnVOIButton-Send-Background-Gradient-End: #0b6623;
    --EnVOIButton-Continue-Background-Gradient-Start: #00a86b;
    --EnVOIButton-Continue-Background-Gradient-End: #0b6623;
    --EnVOIFormInput-Submit-Color: #fff;
    --EnVOIFormInput-Submit-Border-Color: #ccc;
    --EnVOIFormInput-Submit-Background-Gradient-Start: #00a86b;
    --EnVOIFormInput-Submit-Background-Gradient-End: #0b6623;
    --EnVOIFormInput-Submit-Active-Background-Gradient-Start: #0b6623;
    --EnVOIFormInput-Submit-Active-Background-Gradient-End: #00a86b;
    --KeyFrames-UnsavedData-0: #edf;
    --KeyFrames-UnsavedData-50: #b8b8ff;
    --KeyFrames-UnsavedData-100: #edf;
    --KeyFrames-SavingData-0: #1f9416;
    --KeyFrames-SavingData-50: #16b50b;
    --KeyFrames-SavingData-100: #1f9416;
    --KeyFrames-TitleBar-UnsavedData-0: transparent;
    --KeyFrames-TitleBar-UnsavedData-50: orange;
    --KeyFrames-TitleBar-UnsavedData-100: transparent;
    --MaximizeButton-Border-Color: #777;
    --MaximizeButton-Background-Color: rgba(255,255,255,0.2);
    --MinimizeButton-Border-Color: #777;
    --MaximizeButton-Hover-Background-Color: rgba(255, 255, 255, 0.6);
    /*Labels*/
    --InfoLabel-Color: #f00;
    --EnVOIDataLabel-Color: #555;
    --EnVOIDataLabel-NotInteractable-Border-Color: #945d22;
    --EnVOIDataLabel-Interactable-Border-Color: #DDDDDD;
    --EnVOIDataLabel-Interactable-Focus-Border-Color: #000;
    --EnVOIFormLabel-Unsaved-Data-Color: #ff5353;
    /*Inputs*/
    --Input-Url-Border-Color: #DDDDDD;
    --Input-Focus-Border-Color: rgba(81, 203, 238, 1);
    --Input-Focus-BoxShadow-Color: rgba(81, 203, 238, 1);
    --DualEntryFailed-Background-Color: #ff5353;
    --DualEntryConfirming-Background-Color: #cfc;
    --Combobox-Placeholder-Color: #000;
    /*DataTable*/
    --DataTable-Row-Odd-Background-Color: #f5dbbf;
    --DataTable-Row-Odd-Selected-Background-Color: #7da3ea;
    --DataTable-Header-Gradient-Start: transparent;
    --DataTable-Header-Gradient-End: #945d22;
    /*Divs*/
    --FloatingDiv-Background-Color: #fff;
    /*Textboxes*/
    --EnVOIFormLabel-Gradient-Start: transparent;
    --EnVOIFormLabel-Gradient-End: #f78e1e;
    --EnVOIModalErrorLabel-Color: #ff5353;
    --EnVOIModalSuccessLabel-Color: #0b6623;
    --EnVOIHeaderLabel-Gradient-Start: #f78e1e;
    --EnVOIHeaderLabel-Gradient-End: transparent;
    /*Panel CSS Folder*/
    --Hue-Rotate: 0deg;
    --Error-Text: #a80000;
    --Order-Number-Search-Gradient-Start: transparent;
    --Order-Number-Search-Gradient-End: Lime;
    --Loader-Spinner-Color: #ccc;
    --Data-Table-Row-Selected: #aab7d1;
    --Error-Link-Color: #444;
    --Error-Link-Hover-Color: #00f;
    --Attchments-Button-Color: #459dcc;
    --Notepad-Panel-Background: #fff;
    --Notepad-Panel-Title-Gradient-Start: cyan;
    --Notepad-Panel-Title-Gradient-End: black;
    --Reverify-Order-Number: blue;
    --Notice-Color: #EAFF6F;
    --Notice-Background-Color: white;
    --BtnGrabNextFive-Gradient-Start: #096a9e;
    --BtnGrabNextFive-Gradient-End: #459dcc;
    --Screenshot-Empty-Pasteable-Area: #ccc;
    --Screenshot-Drag-Drop-Area: #ccc;
    --BtnUserProfileResetPassword-Gradient-Start: #a80000;
    --BtnUserProfileResetPassword-Gradient-End: #660b0b;
    --BtnOpenInNewTab-Gradient-Start: #096a9e;
    --BtnOpenInNewTab-Gradient-End: #459dcc;
    --PreviousOrderDetail-Message-color: red;
    --PreviousOrder-Table-Header-Gradient-Start: transparent;
    --PreviousOrder-Table-Header-Gradient-End: #A6BEDD;
    --PreviousOrder-Table-Background-Color: #F5DBBF;
    --PreviousOrder-Potential-Duplicate-Color: #009516;
    --Legend-Background-Color: white;
    --Legend-Border-Color: #f0f;
    --Legend-Hover-Color: #f78e1e;
    --Legend-Selected-Color: #0A2CF7;
    --Dashboard-Table-Background-Color: #F5DBBF;
    --Dashboard-LockedByLoggedInProcessor-Rush-Color: #ccc;
    --Dashboard-LockedByLoggedInProcessor-Color: #ccc;
    --Dashboard-Rush-Color: #fcc;
    --Dashboard-LockedByOther-Color: #00f;
}

div#RenderBodySection {
    display: block;
    position: relative;
    bottom: 10px;
    background-color: var(--RenderBodySection-Background-Color);
    border-radius: 8px;
    box-shadow: 3px 2px 3px #ccc, -3px -2px 3px var(--RenderBodySection-BoxShadow-Color);
    margin: 15px 5px 0;
}

div#ContentHeader {
    /*width: calc(100% - 6px);*/
    position: relative;
    /*margin-left: 8px;*/
    height: 86vh;
    padding-top: 8px;
    overflow: auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*#region "EnvoiPanel"*/
.EnvoiPanel,
.EnvoiGroup {
    display: inline-block;
}

.EnvoiPanel {
    transition: opacity 0.25s;
    background-color: var(--EnvoiPanel-Background-Color);
    border: 1px solid var(--EnvoiPanel-Border-Color);
    border-radius: 8px;
    box-shadow: 4px 4px 8px var(--FlashMessage-BoxShadow-Color);
    margin: 0px;
}

        div.EnvoiPanel > div.ContentDiv {
            margin: 10px;
        }

        div.EnvoiPanel form {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap;
            align-content: space-around;
            align-items: stretch;
        }

/* This fixes the discrepancy between the Dashboard and OrderDetails form caused by the Blocksit positioning of EnvoiPanels in WorkOnOrder. */
/*main #RenderBodySection .EnvoiPanel.WorkOnOrderPanel {
    transform: translate(0px, 3px);
}*/

div.EnvoiGroup:not(.modal-actions):not(.actions) > div.EnvoiElement:not(.full-width) {
    margin: 2px 30px 2px 0px;
    display: inline-block;
}

div.EnvoiElement.full-width {
    margin: 2px 0px 2px 0px;
    display: block;
}
/*#endregion*/

/*#region "TitleBar"*/
.TitleBar {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 10pt;
    height: 30px;
    display: inline-block;
    width: 100%;
}

div.TitleBar span.PanelButton {
    float: right;
    cursor: pointer;
    font-size: 12pt;
    display: inline-block;
    margin: 5px 5px 5px 5px;
}

    div.TitleBar span.PanelButton:hover {
        color: #a80000;
    }

div.TitleBar span:not(.PanelButton ~ .PanelButton).PanelButton {
    margin-right: 10px;
}

div.TitleBar span {
    font-size: 12pt;
    display: inline-block;
    margin: 5px 5px 5px 15px;
}

div.TitleBar button {
    height: auto;
    width: 150px;
    margin: 2px 10px;
    color: var(--EnVOIPanel-TitleBar-Button-Color);
    border: 1px solid var(--EnVOIPanel-TitleBar-Button-Border-Color);
    font-size: 8pt;
    padding: 3px;
    border-radius: 8px;
    background: transparent;
    opacity: 0.5;
    transition: all 0.1s;
    cursor: pointer;
    z-index: 21001;
}

    div.TitleBar button:hover {
        opacity: 1;
    }
/*#endregion*/

/*#region "TitleBar Save Button"*/
button.SavePanelEditButton.ActiveSaveButton {
    opacity: 1;
    animation-name: TitleBarButtonUnsavedData;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

button.SavePanelEditButton.saving,
button.SaveModalPanelEditButton.saving {
    animation-name: SavingData;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
/*#endregion*/

/*#region TitleBar DropDown Menu*/
.DropDownButtonWrapper {
    position: relative;
    display: inline-block;
}

.DropDownButtonChildren {
    display: none;
    position: absolute;
    background-color: var(--DropDownButtonChildren-Background-Color);
    min-width: 100%;
    box-shadow: 1px 1px 5px var(--DropDownButtonChildren-BoxShadow-Color);
    z-index: 1;
    margin-left: 10px;
    border-radius: 8px;
}

    .DropDownButtonChildren a {
        color: var(--DropDownButtonChildren-Link-Color);
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        border-radius: 8px;
        font-size: 12px;
    }

        .DropDownButtonChildren a:hover {
            background-color: var(--DropDownButtonChildren-Link-Hover-Color);
            cursor: pointer;
        }

.DropDownButtonWrapper:hover .DropDownButtonChildren {
    display: block;
}

div.TitleBar button:hover,
div.TitleBar .DropDownButtonWrapper:hover .DropDownButton {
    background-color: var(--DropDownButton-Background-Color); /*#3e8e41;*/
}
/*#endregion*/

/*#region "Actions and Modal Actions Groups"*/
.modal-actions,
.actions {
    text-align: right;
    width: 100%;
    margin-top: 10px;
}

    .modal-actions .EnvoiElement,
    .actions .EnvoiElement {
        display: inline-block;
    }

        .modal-actions .EnvoiElement:not(:first-of-type),
        .actions .EnvoiElement:not(:first-of-type) {
            margin-left: 10px;
        }

.actions {
    margin-bottom: 10px;
}
/*#endregion*/

/*#region "Modal Dialog"*/
.modal label:not(.EnvoiDataLabel):not(.EnvoiErrorLabel) {
    font-size: 12pt;
    margin: 0;
    padding: 3px 6px;
}
/*#endregion*/

/*#region "WorkOnOrder Panels"*/
div.WorkOnOrderLongPanel form > div.EnvoiElement {
    min-width: 295px;
    margin: 2px 30px 2px 0px
}

div.WorkOnOrderPanel label.EnvoiFormLabel:not(.IsCheckboxLabel) {
    margin: 0;
    padding: 3px 6px;
    white-space: nowrap;
    width: 10em;
}

div.WorkOnOrderLongPanel input.EnvoiFormInput:not(.IsCheckboxInput):not(input[type=file]),
div.modal input.EnvoiFormInput:not(.IsCheckboxInput):not(input[type=file]) {
    height: 19px;
    width: 245px;
}

    div.WorkOnOrderLongPanel input.EnvoiFormInput:not(.IsCheckboxInput):not(input[type=file]):not(input[type=tel]),
    div.modal input.EnvoiFormInput:not(.IsCheckboxInput):not(input[type=file]):not(input[type=tel]) {
        margin-right: 0px;
    }

div.WorkOnOrderLongPanel label.EnvoiFormLabel:not(.IsCheckboxLabel),
div.WorkOnOrderLongPanel input.EnvoiFormInput:not(.IsCheckboxInput),
div.WorkOnOrderLongPanel textarea.EnvoiFormTextArea {
    font-size: 12pt;
    vertical-align: top;
}
/*#endregion*/

/*#region "DirtyData"*/
    div.WorkOnOrderLongPanel input.EnvoiFormInput.DirtyData:not(.invalidValue),
    div.Floating input.EnvoiFormInput.DirtyData:not(.invalidValue),
    div.WorkOnOrderLongPanel textarea.EnvoiFormTextArea.DirtyData:not(.invalidValue),
    div.Floating textarea.EnvoiFormTextArea.DirtyData:not(.invalidValue) {
        animation-name: UnsavedData;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
    }

div.WorkOnOrderLongPanel input[type=checkbox].EnvoiFormInput.DirtyData,
div.Floating input[type=checkbox].EnvoiFormInput.DirtyData {
    position: relative;
}

    div .WorkOnOrderLongPanel input[type=checkbox].EnvoiFormInput.DirtyData:after,
    div.Floating input[type=checkbox].EnvoiFormInput.DirtyData:after {
        position: absolute;
        content: ' ';
        animation-name: UnsavedData, UnsavedDataOpacity;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        right: 4px;
        height: 16px;
        width: 16px;
        z-index: 0;
        top: 0px;
    }

div.WorkOnOrderLongPanel input.EnvoiFormInput.Confirming {
    animation: none !important;
}

div.WorkOnOrderPanel.saving div.ContentDiv {
    background-color: var(--WorkOnOrderLongPanel-Saving-ContentDiv-Background-Color);
    opacity: 0.4;
}
/*#endregion*/

/*#region "Phone Group FormFields"*/
div.EnvoiGroup.phone-group {
    margin-right: 30px;
}

    div.EnvoiGroup.phone-group > div.EnvoiElement {
        margin: 2px 0px !important;
    }

    div.EnvoiGroup.phone-group .phone-number {
        width: 160px !important;
    }

    div.EnvoiGroup.phone-group input.phone-number {
        margin-right: 9px;
    }

    div.EnvoiGroup.phone-group .phone-extension {
        width: 70px !important;
    }
/*#endregion*/

/*#region "Date Group FormFields"*/
div.EnvoiGroup.date-group {
    margin-right: 30px;
}

    div.EnvoiGroup.date-group > div.EnvoiElement {
        margin: 2px 0px !important;
    }

    div.EnvoiGroup.date-group input {
        width: 115px !important;
    }

    div.EnvoiGroup.date-group div.EnvoiElement:not(:last-child) input {
        margin-right: 9px !important;
    }
/*#endregion*/

/*#region "Address Group FormFields*/
.address-widget-container {
    width: 100%;
}

    .address-widget-container label.EnvoiDataLabel.address-widget {
        width: 704px !important;
        padding-top: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 15px;
    }
/*#endregion*/

.modal {
    display: none
}

.EnvoiModalErrorLabelContainer,
.EnvoiModalSuccessLabelContainer {
    margin-top: 10px;
    margin-left: 10px;
}

    .EnvoiModalErrorLabelContainer ul,
    .EnvoiModalSuccessLabelContainer ul {
        padding: 0px 0px 0px 18px;
        margin: 0px;
    }

.ui-dialog-content.EnvoiDialogPanel:not(.resizable) {
    overflow-y: hidden;
}

.ui-dialog {
    padding: 0px !important;
    margin: 0px !important;
    width: auto;
    height: auto;
    transition: opacity 0.25s;
    background-color: var(--EnvoiPanel-Background-Color);
    border: 1px solid var(--EnvoiPanel-Border-Color);
    border-radius: 8px;
    /*box-shadow: 4px 4px 8px var(--FlashMessage-BoxShadow-Color);*/
    box-shadow: 20px 20px 100px #000, -20px -2px 100px #000 !important;
    margin: 0px;
}

.ui-widget-overlay {
    background-color: var(--ModalMask-Background-Color);
    opacity: 0.7;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0px;
    background: linear-gradient(var(--PanelWidget-TitleBar-Background-Gradient-Start), var(--PanelWidget-TitleBar-Background-Gradient-End));
    color: var(--PanelWidget-TitleBar-Text-Color);
    font-family: Arial;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 10pt;
    height: 30px;
    display: block;
    width: 100%;
}

.ui-dialog .ui-dialog-title {
    font-size: 12pt;
    font-family: Arial;
    font-weight: normal;
    color: var(--PanelWidget-TitleBar-Text-Color);
    display: inline-block;
    margin: 5px 5px 5px 15px;
    padding: 0px;
    user-select: none;
    width: 50%
}

.ui-dialog .ui-widget-header {
    border: 0px;
}

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

.ui-dialog .ui-icon-gripsmall-diagonal-se {
    height: 15px;
    width: 15px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #000000;
}

.ui-dialog .modal form.EnvoiForm {
    padding: 10px;
}

.ui-dialog-extended .ui-dialog-title {
    float: none
}

.ui-dialog-extended .ui-dialog-titlebar-button {
    float: right;
    margin: -10px 0px 0px 1px;
    position: relative;
    right: 0.3em;
}

.ui-dialog-maximize {
    opacity: 1
}

    .ui-dialog-maximize .ui-dialog-content {
        width: auto !important;
    }

.ui-dialog-extended .ui-state-default, .ui-dialog-extended .ui-widget-content .ui-dialog-extended .ui-state-default, .ui-dialog-extended .ui-widget-header .ui-dialog-extended .ui-state-default {
    background: none;
    border: none
}

#dialog-extend-fixed-container {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

    #dialog-extend-fixed-container .ui-dialog-extended {
        height: auto !important;
        left: auto !important;
        opacity: 1;
        position: relative !important;
        top: auto !important;
        width: auto !important
    }

        #dialog-extend-fixed-container .ui-dialog-extended.left {
            float: left
        }

        #dialog-extend-fixed-container .ui-dialog-extended.right {
            float: right
        }

        #dialog-extend-fixed-container .ui-dialog-extended .ui-dialog-content, #dialog-extend-fixed-container .ui-dialog-extended .ui-dialog-buttonpane {
            display: none !important
        }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-restore {
    top: 50%;
    width: 20px;
    padding: 1px;
    height: 20px;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    background-color: var(--Body-Background-Color);
    overflow: hidden;
    box-sizing: content-box;
}

main {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100vh;
}

#EnvoiHeaderLogo {
    cursor: pointer;
}

.GreyBlue {
    background-color: var(--Layout-Border-Bar-Background-Color);
}

.vtOrange {
    background-color: var(--Layout-Top-Bar-Background-Color);
}

#topBar {
    width: 100%;
    height: 10px;
    position: fixed;
    top: 0;
    border-style: inset;
    border-right: none;
    border-left: none;
    border-right: none;
    border-left: none;
    z-index: 11200;
}

#menuBar {
    height: 35px;
    position: relative;
    padding-top: 22px;
    border-bottom: 1px solid var(--MenuBar-Border-Color);
    background-color: var(--MenuBar-Background-Color);
}

    #menuBar img {
        margin: 2px 2% 5%;
    }

ul#MainMenu {
    float: right;
    margin-right: 20px;
}

    ul#MainMenu li {
        float: left;
        padding: 3px 10px;
        list-style: none;
        color: var(--MenuBar-ListItem-Color);
        font-size: 14px;
        margin-top: -5px;
        min-height: 19px;
        transition: color 0.25s;
    }

        ul#MainMenu li:hover {
            color: var(--MenuBar-ListItem-Hover-Color);
            cursor: pointer;
        }

        ul#MainMenu li a {
            color: var(--MenuBar-ListItem-Link-Color);
            text-decoration: none;
        }

        ul#MainMenu li:hover a:hover {
            color: var(--MenuBar-ListItem-Link-Hover-Color);
            cursor: pointer;
        }

/* Menu */
div#OrderMenu {
    color: var(--OrderMenu-Color);
    position: absolute;
    z-index: 11238; /*11300;*/
    background: linear-gradient(var(--OrderMenu-Background-Gradient-Start), var(--OrderMenu-Background-Gradient-End));
    padding: 8px 5px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition: opacity 0.5s;
    opacity: 0.8;
    display: none;
    box-shadow: 3px 3px 5px var(--OrderMenu-BoxShadow-Color);
}

    div#OrderMenu:hover {
        opacity: 1;
    }

    div#OrderMenu ul {
        list-style: none;
        margin: auto;
        padding: 0;
        display: block;
    }

    div#OrderMenu li {
        display: inline-block;
        padding: 2px 10px;
        transition: color 0.5s;
        cursor: pointer;
    }

        div#OrderMenu li:hover,
        div#OrderMenu a:hover {
            color: var(--OrderMenu-ListItem-Hover);
        }

    div#OrderMenu a,
    div#OrderMenu a:link {
        color: var(--OrderMenu-Link);
        text-decoration: none;
    }

/* LockBar */
div#lockbar {
    position: absolute;
    z-index: 11239; /*11310;*/
    background: linear-gradient(var(--LockBar-Background-Gradient-Start), var(--LockBar-Background-Gradient-End));
    padding: 4px 15px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    transition: opacity 0.5s;
    opacity: 0.8;
    display: none;
    top: 38px !important;
    box-shadow: 3px 3px 5px var(--LockBar-BoxShadow-Color);
    color: var(--LockBar-Color);
}

    div#lockbar:hover {
        opacity: 1;
    }

    div#lockbar #lockedByMe,
    div#lockbar #lockedByOther {
        display: none;
    }

    div#lockbar .unlockMyOrder {
        background: linear-gradient(var(--LockBar-UnlockMyOrder-Background-Gradient-Start), var(--LockBar-UnlockMyOrder-Background-Gradient-End));
    }

    div#lockbar .unlockOtherOrder {
        background: linear-gradient(var(--LockBar-UnlockOtherOrder-Background-Gradient-Start), var(--LockBar-UnlockOtherOrder-Background-Gradient-End));
    }

    div#lockbar .renewLock {
        width: auto;
    }

    div#lockbar .envoiButton {
        padding: 5px 20px;
        width: auto;
        font-size: 12px;
        margin-left: 10px;
    }

div#OrderLockTimeoutModal {
    min-width: 560px;
}

    div#OrderLockTimeoutModal .renewLock {
        width: auto;
    }

footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 20px;
    text-align: center;
    color: var(--Footer-Color);
    border-style: inset;
    border-top: 1px solid var(--Footer-Border-Color);
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 3px 0px 0px;
}

#footerWrapper {
    display: flex;
}

#Version {
    flex: 0 0 33%;
    text-align: left;
    padding: 0 0 0 10px;
    justify-content: end !important;
}

#Copyright {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 20px;
    text-align: center;
}

.ui-tooltip {
    z-index: 11250;
}

img.Icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
}

/* Images/Icons */
img.EnvoiIcon {
    width: 25px;
    height: 25px;
    margin: 0 5px;
}

#SessionTimeoutModal {
    min-width: 500px;
    width: 500px;
}

#btnRefreshSession {
    float: right;
}

#btnInvalidateSession {
    float: right;
    width: 15em;
    height: auto;
    color: var(--BtnInvalidateSession-Color);
    border: 1px solid var(--BtnInvalidateSession-Border-Color);
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(var(--BtnInvalidateSession-Background-Gradient-Start), var(--BtnInvalidateSession-Background-Gradient-End));
    opacity: 0.75;
    transition: opacity 0.2s, background 0.2s;
    z-index: 21001;
    cursor: pointer;
    margin-bottom: 10px;
}

.restoreOuter {
    float: right;
    position: relative;
    margin: 12px 10px 10px 10px;
    background-color: var(--Restore-Outer-Background-Color);
}

.restoreOuter, .restoreInner {
    border: 2px ridge var(--Restore-Outer-Inner-Border-Color);
    width: 13px;
    height: 13px;
    cursor: pointer;
    user-select: none;
}

    .restoreOuter:hover {
        background-color: var(--Restore-Outer-Hover-Color) !important;
    }

.restoreInner {
    position: absolute;
    margin: -4px 0 0 3px;
    border-bottom: none;
    border-left: none;
}

/*#region MenuBar DropDown Menu*/
.DropDownMenuItemWrapper {
    position: relative;
    display: inline-block;
}

.DropDownMenuItemChildren {
    display: none;
    position: absolute;
    background-color: var(--DropDownMenuItem-Background-Color);
    min-width: 100%;
    box-shadow: 1px 1px 5px var(--DropDownMenuItem-BoxShadow-Color);
    z-index: 1;
    margin-top: 20px;
    border-radius: 0px 0px 8px 8px;
}

    .DropDownMenuItemChildren a {
        color: var(--DropDownMenuItemChildren-Link-Color);
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        border-radius: 8px;
        font-size: 12px;
    }

        .DropDownMenuItemChildren a:hover {
            background-color: var(--DropDownMenuItemChildren-Link-Hover-Color);
            cursor: pointer;
        }

.DropDownMenuItemWrapper:hover .DropDownMenuItemChildren {
    display: block;
}

div#menuBar li:hover,
div#menuBar .DropDownMenuItemWrapper:hover .DropDownMenuItem {
    color: var(--MenuBar-ListItem-Link-Hover-Color);
}
/*#endregion*/
#vtToaster {
    position: fixed;
    bottom: 70px;
    right: 20px;
}

.envoi-toast {
    margin-bottom: 10px;
    border: 1px solid var(--EnVOIToast-Border-Color);
    border-radius: 5px;
    max-width: 440px;
}

    .envoi-toast .toast-title {
        background: linear-gradient(var(--EnVOIToast-Title-Background-Gradient-Start), var(--EnVOIToast-Title-Background-Gradient-End));
        color: White;
        font-family: Arial;
        border-radius: 5px 5px 0 0;
        padding: 5px;
    }

        .envoi-toast .toast-title .toast-close {
            float: right;
            cursor: pointer;
        }

            .envoi-toast .toast-title .toast-close:hover {
                color: var(--EnVOIToast-Title-Hover-Color);
            }

    .envoi-toast .toast-body {
        background: var(--EnVOIToast-Body-Color);
        border-radius: 0 0 5px 5px;
        padding: 20px;
    }

.show-spinner
{
    display:block;
}

.show-spinner .loader
{
    display:block;
}
.hide-spinner {
    display: none;
}
.center-div {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.spinner {
    position: fixed;
    z-index: 30000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--Black-With-Opacity);
    /*filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;*/
}

.show-Overlay {
    position: fixed;
    z-index: 30000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--Black-With-Opacity);
}

.show-Overlay .loader {
    display: none;
}

.loader {
    margin: auto;
    border: 16px solid var(--Black-No-Opacity);
    border-radius: 50%;
    border-top: 16px solid var(--Layout-Top-Bar-Background-Color);
    border-bottom: 16px solid var(--Layout-Top-Bar-Background-Color);
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.inner-div {
    background-color: transparent;
    border-radius: 15px;
    margin: auto;
    padding: 2%;
    width: 150px;
}

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

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.floating-container {
}

.floating-child {
    display: inline-block;
    margin: 15px;
    vertical-align: top;
}

button.envoiButton {
    width: 15em;
    height: auto;
    color: var(--EnVOIButton-Color);
    border: 1px solid var(--EnVOIButton-Border-Color);
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(var(--EnVOIButton-Background-Gradient-Start), var(--EnVOIButton-Background-Gradient-End));
    opacity: 0.75;
    transition: opacity 0.2s, background 0.2s;
    z-index: 21001;
    cursor: pointer;
}

    button.envoiButton:hover {
        opacity: 1;
        cursor: pointer;
    }


/* #region Buttons */
.envoiButton.close,
.envoiButton.cancel,
.envoiButton.reset,
.envoiButton.save,
.envoiButton.add,
.envoiButton.send,
.envoiButton.continue,
.envoiButton.clear {
    width: 120px;
}

.envoiButton.close {
    background: linear-gradient(var(--EnVOIButton-Close-Background-Gradient-Start), var(--EnVOIButton-Close-Background-Gradient-End)) !important;
}

.envoiButton.cancel {
    background: linear-gradient(var(--EnVOIButton-Cancel-Background-Gradient-Start), var(--EnVOIButton-Cancel-Background-Gradient-End)) !important;
}

.envoiButton.reset {
    background: linear-gradient(var(--EnVOIButton-Reset-Background-Gradient-Start), var(--EnVOIButton-Reset-Background-Gradient-End)) !important;
}

.envoiButton.save {
    background: linear-gradient(var(--EnVOIButton-Save-Background-Gradient-Start), var(--EnVOIButton-Save-Background-Gradient-End));
}

.envoiButton.add {
    background: linear-gradient(var(--EnVOIButton-Add-Background-Gradient-Start), var(--EnVOIButton-Add-Background-Gradient-End)) !important;
}

.envoiButton.send {
    background: linear-gradient(var(--EnVOIButton-Send-Background-Gradient-Start), var(--EnVOIButton-Send-Background-Gradient-End)) !important;
}

.envoiButton.continue {
    background: linear-gradient(var(--EnVOIButton-Continue-Background-Gradient-Start), var(--EnVOIButton-Continue-Background-Gradient-End)) !important;
}

.envoiButton.clear {
    background: linear-gradient(var(--EnVOIButton-Clear-Background-Gradient-Start), var(--EnVOIButton-Clear-Background-Gradient-End)) !important;
}
/* #endregion Buttons */
input[type=submit].EnvoiFormInput {
    width: 14em;
    height: auto;
    color: var(--EnVOIFormInput-Submit-Color);
    border: 1px solid var(--EnVOIFormInput-Submit-Border-Color);
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(var(--EnVOIFormInput-Submit-Background-Gradient-Start), var(--EnVOIFormInput-Submit-Background-Gradient-End));
    opacity: 0.75;
    transition: opacity 0.2s, background 0.2s;
    z-index: 21001;
    margin-top: 10px;
}

    input[type=submit].EnvoiFormInput:hover {
        opacity: 1;
        cursor: pointer;
    }

    input[type=submit].EnvoiFormInput:active {
        background: linear-gradient(var(--EnVOIFormInput-Submit-Active-Background-Gradient-Start), var(--EnVOIFormInput-Submit-Active-Background-Gradient-End));
    }

.SaveDisabledModal .SaveModalPanelEditButton {
    visibility: hidden;
}

@keyframes UnsavedData {
    0% {
        background-color: var(--KeyFrames-UnsavedData-0);
    }

    50% {
        background-color: var(--KeyFrames-UnsavedData-50);
    }

    100% {
        background-color: var(--KeyFrames-UnsavedData-100);
    }
}

@keyframes UnsavedDataOpacity {
    0% {
        opacity: .8;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: .8;
    }
}

@keyframes SavingData {
    0% {
        background: initial;
        background-color: var(--KeyFrames-SavingData-0);
    }

    50% {
        background: initial;
        background-color: var(--KeyFrames-SavingData-50);
    }

    100% {
        background: initial;
        background-color: var(--KeyFrames-SavingData-100);
    }
}

@keyframes TitleBarButtonUnsavedData {
    0% {
        background: initial;
        background-color: var(--KeyFrames-TitleBar-UnsavedData-0);
    }

    50% {
        background: initial;
        background-color: var(--KeyFrames-TitleBar-UnsavedData-50);
    }

    100% {
        background: initial;
        background-color: var(--KeyFrames-TitleBar-UnsavedData-100);
    }
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: var(--DataTable-Row-Odd-Background-Color);
}

    table.dataTable.stripe tbody tr.odd.selected,
    table.dataTable.display tbody tr.odd.selected {
        background-color: var(--DataTable-Row-Odd-Selected-Background-Color);
    }

table.dataTable div.dataTables_wrapper tbody tr {
    cursor: pointer;
}

.dataTables_paginate, .dataTables_filter {
    margin-right: 50px;
}

table.dataTable thead, table.dataTable thead {
    background: linear-gradient(var(--DataTable-Header-Gradient-Start), var(--DataTable-Header-Gradient-End)) !important;
}

.custom-sorter {
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */
}

    .custom-sorter.sorting::after,
    .custom-sorter.sorting_asc::after,
    .custom-sorter.sorting_desc::after {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
    }

    .custom-sorter.sorting::after {
        background-image: url(/Content/DataTables/images/sort_both.png);
    }

    .custom-sorter.sorting_asc::after {
        background-image: url(/Content/DataTables/images/sort_asc.png);
    }

    .custom-sorter.sorting_desc::after {
        background-image: url(/Content/DataTables/images/sort_desc.png);
    }

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after {
    top: 45%;
}

/* #region DataTable Styling */
.datatable-wrapper {
    width: 100%;
    margin: 0 !important;
}

    .datatable-wrapper table {
        font-size: 8pt !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .datatable-wrapper .dataTables_scrollHeadInner {
        width: 100% !important;
    }

    .datatable-wrapper .dataTables_info,
    .datatable-wrapper .dataTables_paginate {
        font-size: 8pt;
    }
/* #endregion DataTable Styling */


td.details-control {
    background: url(/Content/DataTables/images/details_open.png) no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url(/Content/DataTables/images/details_close.png) no-repeat center center;
}

div.selectWrapper,
div.comboBoxWrapper {
    display: inline-block;
}

div.daterangeWrapper {
    display: inline-block;
    vertical-align: top;
}
.EnvoiFormInput {
    width: 250px;
    display: inline-block;
    height: 25px;
    font-size: 17px;
}

    .EnvoiFormInput:not(input[type=submit]) {
        text-indent: 5px;
    }

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='password'],
textarea,
input[type='url'] {
    transition: all 0.2s;
    outline: none;
    border: 1px solid var(--Input-Url-Border-Color);
}

input.EnvoiFormInput[type='checkbox'] {
    height: 21px;
    margin: 0 6px 0 0;
    height: 15px;
    vertical-align: middle;
    margin-top: 1px;
}

input[type='text']:focus, input[type='tel']:focus, input[type='email']:focus, input[type='password']:focus, textarea:focus, input[type='url']:focus {
    box-shadow: 0 0 5px var(--Input-Focus-Border-Color) !important;
    border: 1px solid var(--Input-Focus-BoxShadow-Color) !important;
}

input[type='tel'].EnvoiFormInput {
    background-image: url(/Content/Images/phone-icon.png);
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: center;
    background-size: contain;
    text-indent: 1.7em;
}

input[type='url'].EnvoiFormInput {
    background-image: url(/Content/Images/globe-icon.png);
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: center;
    background-size: contain;
    text-indent: 1.7em;
}

input.EnvoiDateTime, input.EnvoiDateAndTime {
    width: 118px;
    margin: 0 8px 0 0;
    background-image: url(/Content/Images/calendar.gif);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    font-weight: normal;
    font-family: Arial !important;
}

input.IsCheckboxInput {
    width: 25px;
}

.envoi-textarea-wrapper *,
.envoi-textinput-wrapper *,
.envoi-combobox-wrapper *,
.envoi-file-input-wrapper * {
    vertical-align: top;
}

.modal form div.EnvoiElement.envoi-textinput-wrapper,
.modal form div.EnvoiElement.envoi-combobox-wrapper,
.modal form div.EnvoiElement.envoi-textarea-wrapper,
.modal form div.EnvoiElement.envoi-file-input-wrapper,
.modal form div.EnvoiElement.envoi-datalabel-wrapper {
    margin: 2px 0px 2px 0px;
}

input.invalidValue,
input.DualEntryFailed,
textarea.invalidValue,
textarea.DualEntryFailed {
    background-color: var(--DualEntryFailed-Background-Color) !important;
}

input.DualEntryConfirming {
    background-color: var(--DualEntryConfirming-Background-Color) !important;
}

.hidden {
    visibility: hidden !important;
    display: none !important;
}

input.EnvoiFormInput.ChangeForcesRefresh {
    background-image: url(/Content/Images/question_icon.png);
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: center;
    background-size: contain;
    text-indent: 1.7em;
}

.EnvoiComboBox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--Combobox-Placeholder-Color);
    opacity: 1; /* Firefox */
}

.EnvoiComboBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--Combobox-Placeholder-Color);
}

.EnvoiComboBox::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--Combobox-Placeholder-Color);
}

input:read-only:not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea:read-only,
[contenteditable]:read-only {
    cursor: not-allowed;
}

input[type="checkbox"]:disabled {
    cursor: not-allowed;
}
label.infoLabel {
    width: auto;
    margin: 20px;
    color: var(--InfoLabel-Color);
}

label.EnvoiDataLabel {
    margin-left: 5px;
    padding: 0 2px;
    display: inline-block;
    color: var(--EnVOIDataLabel-Color);
    min-height: 17px;
}

    label.EnvoiDataLabel:not(.interactable) {
        border: 1px solid var(--EnVOIDataLabel-NotInteractable-Border-Color);
        width: 140px;
    }

    label.EnvoiDataLabel.interactable {
        outline: none;
        border: 1px solid var(--EnVOIDataLabel-Interactable-Border-Color);
        text-indent: 5px;
        margin-left: 0px;
        width: 251px;
        box-sizing: border-box;
        height: 23px;
        vertical-align: top;
        overflow: initial;
        position: relative;
        cursor: pointer;
        padding-right: 15px;
    }
      
        label.EnvoiDataLabel.interactable:not(:focus) {
            padding-left: 2px !important;
            padding-top: 2px !important;
        }

        label.EnvoiDataLabel.interactable:focus {
            border: 2px solid var(--EnVOIDataLabel-Interactable-Focus-Border-Color) !important;
            border-radius: 2px !important;
            padding-left: 1px !important;
            padding-top: 1px !important;
        }

   label.EnvoiDataLabel.interactable:hover::after {
            position: absolute;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f0d7";
            right: 6px;
            font-size: 19px;
      }  

    label.EnvoiDataLabel:not(.interactable) {
        width: 240px;
        vertical-align: top;
        padding-top: 3px;
    }

#OrderDetailsPanel label.EnvoiDataLabel {
    overflow: hidden;
    white-space: nowrap;
}

label.EnvoiFormLabel.IsCheckboxLabel {
    width: 325px;
    font-size: 9pt;
    white-space: nowrap;
    margin: 0px;
    padding: 3px 6px;
}

.EnvoiSelectErrorState,
label.unsavedData {
    background-color: var(--EnVOIFormLabel-Unsaved-Data-Color);
}
.EnvoiFormRadioInput {
    display: inline;
    height: 25px;
    font-size: 17px;
}

.EnvoiRadioContainer {
    display: inline;
    margin-right: 10px;
}

input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
    display: inline;
}

.EnvoiRadioContainer label {
    display: inline-block;
}

.EnvoiFormRadioInputLabel
{
    vertical-align:middle;
}

.rdoGroupWrapper, .rdoGroupWrapper div.EnvoiElement {
    display: inline;
}
textarea.EnvoiFormTextArea {
    font-family: Arial;
    font-size: 12pt;
    width: 245px;
    height: 95px;
}

.EnvoiFormLabel:not(.EnvoiModalErrorLabel):not(.EnvoiModalSuccessLabel) {
    width: 8em;
    text-align: right;
    background: linear-gradient(45deg, var(--EnVOIFormLabel-Gradient-Start), var(--EnVOIFormLabel-Gradient-End));
    opacity: 0.9;
    padding: 6px;
    /* if labels are messed up start here!*/
    margin: 0px 0px 5px 0px;
    display: inline-block;
    border-radius: 8px 0 0 24px;
    height: 17px;
}

.EnvoiFormLabel.IsCheckboxLabel:not(.EnvoiModalErrorLabel):not(.EnvoiModalSuccessLabel) {
    margin: 0px;
    padding: 3px 6px;
}

.EnvoiModalErrorLabel {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--EnVOIModalErrorLabel-Color);
    display: none;
}

.EnvoiModalSuccessLabel {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--EnVOIModalSuccessLabel-Color);
    display: none;
}

.EnvoiHeaderLabel {
    width: 92px;
    background: linear-gradient(var(--EnVOIHeaderLabel-Gradient-Start), var(--EnVOIHeaderLabel-Gradient-End));
    padding: 5px 10px;
    display: inline-block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 9pt;
}