/* Minification failed. Returning unminified contents.
(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 '-'
(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 '-'
(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 '-'
(45,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 '-'
(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 '-'
(60,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 '-'
(64,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 '-'
(66,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 '-'
(72,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 '-'
(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 '-'
(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 '-'
(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 '-'
(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 '-'
(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 '-'
(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 '-'
(113,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 '-'
(138,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(145,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(217,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(218,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(220,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(226,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(240,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(241,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(245,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(250,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(251,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(255,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(256,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(257,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(261,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(262,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(266,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(267,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(268,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(269,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(278,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(286,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(287,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(288,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(289,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(295,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(298,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(304,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(305,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(307,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(312,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(327,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(328,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(335,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(336,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(341,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(342,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(343,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(354,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(362,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(373,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(374,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(375,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(380,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(381,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(384,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(389,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(390,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(391,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(392,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(399,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(400,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(409,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(413,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(414,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(415,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(431,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(438,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(439,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(441,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(472,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(473,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(474,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(475,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(492,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(497,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(498,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(504,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(505,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(506,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(511,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(512,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(534,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(550,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(567,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(568,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight3'
(569,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight3'
(570,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight3'
(589,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(593,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(611,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(668,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(686,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(687,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(688,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(698,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(708,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(776,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(789,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(801,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(806,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(821,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(826,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(827,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(828,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(838,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(839,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(840,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(845,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(846,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(847,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(856,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(860,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(865,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(873,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(884,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(898,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(908,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(962,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(971,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(980,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(992,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1014,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1027,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(1111,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1119,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1135,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1145,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(1149,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull2'
(1161,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1168,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(1177,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1181,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1211,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1218,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1222,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1223,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1225,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1229,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1233,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1234,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1265,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1269,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1377,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1386,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1394,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1395,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1397,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(1405,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1415,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1417,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1418,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(1434,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1435,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1442,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1448,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1483,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1511,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1526,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1538,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1549,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(1567,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1576,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1603,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1617,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1631,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1636,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1649,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1653,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1662,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1684,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(1685,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(1686,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1693,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1721,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1725,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(1794,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(1806,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1837,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(1859,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(1863,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(1883,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1884,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(1891,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1892,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(1936,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(1937,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1945,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1963,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1967,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(1971,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(1975,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(2011,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(2029,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2043,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(2049,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2056,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(2063,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(2070,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(2088,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2089,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2096,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(2103,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(2134,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(2218,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(2248,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2253,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2254,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2255,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(2427,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(2449,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2459,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(2510,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2528,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(2557,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2565,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(2583,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2584,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(2585,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(2588,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2609,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2682,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2694,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2700,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2702,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2717,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2723,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2727,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2732,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2751,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2752,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2757,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2761,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2764,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2765,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2767,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(2790,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2812,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2849,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(2862,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2870,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(2876,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(2914,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(2948,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(2949,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(2958,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(2991,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(3002,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(3006,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(3007,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(3011,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(3017,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(3018,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(3025,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3032,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(3033,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3037,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3047,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(3051,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(3052,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3056,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3057,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3060,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3074,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3089,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(3100,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(3157,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(3158,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3262,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3264,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3269,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3282,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3300,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3302,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3303,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight'
(3313,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3314,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3315,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3336,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3337,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3351,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3352,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3373,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(3375,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3382,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(3384,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3400,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3402,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight'
(3409,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3410,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3432,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3439,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(3444,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3462,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(3464,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3472,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(3474,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3485,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3486,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3487,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3492,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3495,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3500,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3502,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3503,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3507,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(3511,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(3512,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3516,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(3517,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3522,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3526,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3527,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(3532,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3533,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(3542,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3555,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3556,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3557,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3561,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3562,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(3563,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3568,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3572,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3573,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(3574,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3623,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3654,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(3664,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(3668,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3676,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(3686,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(3720,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3724,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3728,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(3732,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(3741,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3742,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(3744,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(3748,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(3765,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(3769,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3773,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(3779,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(3785,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(3789,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(3793,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(3797,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(3802,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(3806,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(3810,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(3814,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(3818,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(3822,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3826,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(3830,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(3834,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(3838,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(3844,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(3850,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight2'
(3856,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(3865,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(3872,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(3874,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(4018,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4024,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4031,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4039,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4053,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4062,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4073,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(4082,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(4087,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4155,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(4159,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4166,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4184,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4186,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4190,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4192,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(4193,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(4198,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4202,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4204,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(4205,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(4210,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4212,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4213,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4223,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4227,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4234,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4236,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(4237,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(4241,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4248,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4250,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4254,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4256,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4260,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4268,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4276,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4278,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4279,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4291,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4298,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4299,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(4303,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4305,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4310,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(4311,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(4312,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4318,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4319,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(4320,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4332,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(4333,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4337,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4339,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(4344,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4345,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4346,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4351,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4352,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4362,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4364,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4368,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4370,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4375,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4377,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(4381,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4383,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(4388,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4395,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4397,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4402,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(4404,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4405,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4409,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4413,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4415,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(4416,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(4421,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4423,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3'
(4424,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3'
(4429,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4431,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(4432,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(4436,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4438,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(4439,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(4443,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4445,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(4446,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(4450,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4452,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(4453,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(4457,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4459,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4460,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(4464,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4466,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(4467,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(4471,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4473,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark2'
(4474,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark2'
(4478,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4480,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(4481,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(4485,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4487,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(4488,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(4492,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4494,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4495,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4499,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4501,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(4502,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4506,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4508,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(4509,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(4514,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(4519,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(4520,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(4521,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4525,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(4526,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4529,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4534,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4548,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(4553,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4554,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4555,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(4571,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(4572,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4580,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(4581,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4589,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(4590,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4643,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(4666,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(4674,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4692,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4697,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4706,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4712,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4718,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(4725,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4731,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4736,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4744,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4745,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(4746,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4845,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4855,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4861,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4865,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(4872,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(4880,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(4887,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(4895,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4899,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(4905,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(4927,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(4949,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4957,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4971,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(4975,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(4979,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(4983,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(5020,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5021,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5028,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5051,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5053,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5070,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5076,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5081,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5085,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5095,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5111,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5125,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5165,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5172,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5177,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5182,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5187,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5193,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5201,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5208,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5215,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5226,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5236,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5244,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5258,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5275,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5283,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5291,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5299,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5308,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5313,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5319,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5329,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5337,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(5344,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5356,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5360,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5361,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(5393,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5395,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(5401,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5408,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5416,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5421,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5429,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5438,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(5457,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5477,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5553,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5561,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(5568,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(5581,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5610,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5616,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(5620,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5631,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5644,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(5653,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5663,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5684,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5691,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5703,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5706,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(5718,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(5719,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5727,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5730,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(5753,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(5754,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5758,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(5759,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5767,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(5774,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5777,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(5882,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5884,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(5887,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5892,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5899,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5901,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5904,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(5911,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5912,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5924,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5925,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5938,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5939,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5951,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(5952,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(5962,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(6023,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6030,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6039,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6042,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6043,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6044,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6054,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6057,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6058,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6059,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6069,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6072,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(6073,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6076,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6080,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6081,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6082,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6086,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6087,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6088,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6092,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(6093,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6094,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6107,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6118,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(6136,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6146,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6158,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6220,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6237,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6241,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6282,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6288,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6327,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6334,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(6335,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(6336,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6341,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6342,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6343,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6349,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6350,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6391,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6392,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6393,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6416,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6417,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6418,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6425,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6426,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6427,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6453,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6454,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(6463,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(6464,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6465,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6475,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6476,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6508,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6512,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6513,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6527,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6528,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6588,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6589,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6590,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6596,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6597,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6598,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6603,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6604,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6605,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6610,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6611,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6612,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6617,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6618,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6619,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6625,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6626,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6627,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6632,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6633,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6634,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6638,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6639,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6640,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6657,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6664,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6671,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6677,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6678,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6679,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(6704,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6708,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(6712,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6716,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6720,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6724,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6728,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6736,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6737,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6746,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6761,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6770,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6775,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6784,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(6785,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(6800,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(6801,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(6808,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6821,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6830,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(6834,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6836,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6842,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6846,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(6851,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6856,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6861,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6866,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6871,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6876,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6894,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6899,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(6904,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(6909,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(6914,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(6919,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6924,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(6929,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(6935,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(6937,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(6964,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6969,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(6977,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7000,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7007,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7018,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7043,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7059,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7060,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7066,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7074,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7079,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7084,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7085,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7092,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(7093,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7100,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(7101,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7108,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7115,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7116,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7123,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7129,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(7236,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7248,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7257,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7258,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7265,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7269,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7270,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7277,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7288,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7289,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7330,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7336,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7340,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7369,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7390,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7394,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(7400,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7407,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7432,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7439,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7466,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7470,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7500,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7501,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7530,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7531,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(7532,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(7543,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7544,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7545,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7553,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7561,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7591,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7624,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7769,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(7770,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7781,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7789,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(7797,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(7798,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7867,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7868,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7923,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(7925,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7934,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7936,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(7943,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7952,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7961,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(7962,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7968,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(7969,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7975,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(7976,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(7991,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(7996,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8001,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8005,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(8009,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(8013,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(8021,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8033,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8046,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8065,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(8070,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(8078,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(8095,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(8172,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8179,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8183,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(8206,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8207,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8214,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8219,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(8220,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8227,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(8250,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8256,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8260,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(8261,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8265,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(8266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8270,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(8271,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8275,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(8276,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8296,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(8301,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(8310,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(8331,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8337,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(8338,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(8341,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8347,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8360,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(8369,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(8395,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(8399,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(8407,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark2'
(8411,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8415,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(8419,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(8427,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(8439,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(8443,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(8448,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(8458,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(8467,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(8537,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8541,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8542,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(8598,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(8636,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(8637,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8638,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8655,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8659,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8660,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(8661,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8679,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8719,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull2'
(8728,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8781,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(8786,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(8791,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(8807,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(8816,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(8828,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(8847,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(8914,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1dull1'
(9088,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(9089,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(9092,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9113,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9146,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(9157,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(9166,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(9189,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(9200,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(9211,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9222,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(9232,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(9247,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(9257,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(9327,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-maroondark1'
(9359,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9369,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(9392,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(9393,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(9397,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(9399,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(9404,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(9428,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(9433,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9434,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(9443,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(9444,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(9445,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(9455,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9463,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9473,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(9480,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(9488,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9520,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(9627,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9641,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9642,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(9643,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(9681,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(9687,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9705,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9714,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(9748,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(9754,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(9767,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9843,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(9865,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9936,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9963,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9974,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(9975,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(9985,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(9986,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(9995,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(9996,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(9998,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10005,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10027,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(10060,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(10061,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(10062,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10067,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10068,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(10069,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10088,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(10141,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(10154,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(10155,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(10156,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10157,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(10177,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(10206,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(10210,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(10220,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(10235,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(10238,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10243,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(10246,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10264,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(10297,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10307,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10317,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10328,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10339,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10350,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10365,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10375,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10385,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10396,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10423,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(10430,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10446,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10456,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10467,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10476,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(10477,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(10478,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10485,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(10492,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(10494,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10534,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10535,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10536,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(10537,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(10551,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10552,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10553,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(10557,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10558,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10559,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(10569,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(10581,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10591,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(10628,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10635,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(10639,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(10643,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10653,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10664,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(10671,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(10693,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10696,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10713,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10717,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(10722,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10750,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(10767,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10771,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(10791,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10845,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10846,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(10850,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10923,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10928,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10929,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10937,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10945,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(10962,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(10987,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(10996,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(11006,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(11025,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(11029,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(11039,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(11051,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11064,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11070,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(11088,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(11121,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11123,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(11156,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11162,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(11173,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(11175,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(11184,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11190,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11208,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11209,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11211,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(11224,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11241,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11243,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11264,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11265,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11270,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11271,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11279,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11280,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11288,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(11290,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11307,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11317,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11348,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11354,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11371,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(11375,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(11414,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11420,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11450,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(11467,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(11526,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(11580,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11585,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(11586,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(11697,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11745,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(11749,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(11753,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(11756,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(11760,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(11764,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(11765,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(11769,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(11773,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(11777,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(11789,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11790,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(11817,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3dull1'
(11823,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3'
(11829,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3dull1'
(11839,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11851,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11867,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(11879,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(11885,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1dull1'
(11898,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(11902,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(11909,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11910,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(11919,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11922,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(11927,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(11931,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(11949,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(11957,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(11965,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(11966,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(11969,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(11974,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(11996,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(12002,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3dull1'
(12009,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12023,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(12033,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(12049,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12061,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1dull1'
(12075,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12080,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12086,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12097,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(12098,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(12099,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(12118,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12137,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12144,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12149,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12181,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12198,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12206,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(12218,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12224,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12228,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12232,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12240,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12265,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12277,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12280,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(12283,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(12319,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12326,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12327,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12332,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12333,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12338,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(12345,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12357,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12359,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12360,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12361,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12381,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(12382,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(12386,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(12387,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(12391,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(12392,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12413,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12417,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(12418,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(12422,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12426,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(12430,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12431,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12436,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12440,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12444,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(12450,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12454,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(12471,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12472,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12476,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12477,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12502,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12503,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12507,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12508,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12610,42): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(12611,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(12616,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(12617,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(12618,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12622,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12623,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12624,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12632,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12633,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(12645,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12660,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12672,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12678,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(12682,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12687,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12692,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12698,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12706,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12711,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12719,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12745,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(12746,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12759,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(12784,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12793,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12797,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12802,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(12816,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(12817,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(12828,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(12835,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(12884,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12908,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(12909,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(12916,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12922,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12928,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12946,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(12947,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(12949,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12953,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(12982,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(12983,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(12985,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(12992,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(12996,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13000,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(13007,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(13008,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(13010,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13033,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13038,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13044,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(13048,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(13053,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(13059,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(13068,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(13086,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13115,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13126,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13131,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(13132,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13136,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(13137,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13141,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(13142,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13147,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13151,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13152,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13156,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(13157,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13161,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(13167,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13177,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(13182,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13211,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(13212,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(13217,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13226,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13230,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13248,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(13255,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13263,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13278,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(13283,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(13288,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(13296,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13312,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(13333,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13343,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13369,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(13380,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(13400,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(13446,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(13447,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13453,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13485,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(13489,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(13497,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(13498,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(13502,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13514,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(13515,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13518,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13538,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(13554,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(13562,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(13577,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13583,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(13587,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13594,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark4'
(13598,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(13600,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13618,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(13669,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(13688,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(13691,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13713,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13714,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(13715,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(13744,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(13753,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(13766,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(13771,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13813,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(13820,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(13827,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(13834,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(13841,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(13848,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(13855,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(13876,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(13883,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(13890,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(13897,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(13904,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(13911,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(13918,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(13938,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(13943,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13949,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13955,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(13975,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(14013,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14014,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14043,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14047,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(14052,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(14057,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14062,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(14067,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14072,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(14077,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(14083,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14092,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14119,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14137,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14144,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(14154,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14178,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14183,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(14184,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14185,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14197,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(14212,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14245,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(14266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14275,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14284,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14312,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(14320,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(14339,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14340,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14355,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14356,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14357,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14373,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14387,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14391,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14410,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14422,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14427,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14434,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14453,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(14459,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14467,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14473,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14474,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(14476,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14495,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-bold'
(14509,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14513,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14519,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(14524,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(14530,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(14580,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14590,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14596,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14621,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14625,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(14630,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(14639,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14651,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(14652,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(14657,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14658,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(14666,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14678,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14694,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(14695,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(14701,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14702,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(14709,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14726,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14731,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14742,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14762,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14763,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14764,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14765,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14771,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14772,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(14773,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14774,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14779,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14786,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(14801,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(14812,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(14813,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14826,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14838,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(14839,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14843,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14844,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14848,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(14849,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14859,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14860,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(14869,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14883,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14885,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark4'
(14896,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(14897,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(14902,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(14903,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(14907,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(14908,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14916,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14920,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(14927,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14931,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(14939,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(15074,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15083,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15089,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15090,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15094,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(15095,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(15100,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(15101,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(15111,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(15121,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15131,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(15154,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(15162,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(15169,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark2'
(15181,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15182,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(15190,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15198,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(15219,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(15283,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(15292,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15328,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15337,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15392,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15410,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(15411,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(15415,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(15416,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(15420,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(15421,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(15425,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(15426,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(15430,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15431,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15478,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15500,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(15507,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15553,28): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-blue'
(15554,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15586,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(15587,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15608,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15612,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15641,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15642,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15643,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15655,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15656,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15657,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15662,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(15663,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(15664,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15674,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15692,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15697,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15718,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15726,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(15732,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(15738,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15760,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15772,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15776,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(15780,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(15784,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(15794,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(15798,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(15846,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(15847,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(15858,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(15874,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(15875,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15881,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(15886,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15890,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15894,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(15898,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15902,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(15906,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15910,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(15914,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15921,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(15922,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(15923,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15930,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(15946,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(15952,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(15954,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15975,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(15986,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16011,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(16012,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16018,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16019,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16025,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16026,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16032,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16033,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16039,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16040,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16046,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16057,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(16065,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16074,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16075,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16100,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16110,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16124,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(16128,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16137,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16143,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16156,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16164,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16169,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(16187,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16192,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16207,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16212,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16218,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16237,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16241,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16245,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(16249,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(16253,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16265,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(16266,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16277,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16286,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(16287,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pinklight1'
(16291,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(16292,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(16297,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(16299,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16312,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16322,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(16331,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16336,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(16344,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16346,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(16347,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16355,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16361,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16367,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16368,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16381,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16385,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16396,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16410,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16432,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16433,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16498,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16502,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16516,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16517,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(16538,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16539,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(16547,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16584,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16585,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(16591,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16592,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16593,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16600,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16601,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16602,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16613,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16614,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16615,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16623,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16629,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16650,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16663,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(16675,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(16686,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(16702,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16718,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16721,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(16734,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(16739,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16740,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16741,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16742,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16743,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16756,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16758,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight'
(16765,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16766,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16779,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16781,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight'
(16788,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16789,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16804,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16809,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16812,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(16825,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16836,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16837,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16840,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16856,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16857,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16864,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(16865,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16876,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(16881,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16898,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(16899,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(16903,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(16907,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16909,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16920,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(16925,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(16926,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16943,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(16953,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(16971,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(16976,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(16984,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(16989,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(16993,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(17078,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17116,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(17150,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17154,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(17168,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17214,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17230,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17245,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17253,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(17254,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17262,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17263,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17293,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17309,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17315,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17319,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17328,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(17331,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17342,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(17346,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(17381,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17392,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17399,31): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17400,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17401,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17403,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17408,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17474,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17479,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17483,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17484,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17505,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17511,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17559,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(17560,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17562,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17564,46): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17565,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17581,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17586,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17590,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17628,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17635,46): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17636,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17640,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17641,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17642,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17648,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17649,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(17650,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17674,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17677,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17679,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17680,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17716,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17718,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17731,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17741,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17743,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17745,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17770,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17797,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17798,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(17804,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(17862,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17863,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(17867,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(17871,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(17875,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(17879,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17883,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(17887,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(17888,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(17889,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17893,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(17894,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(17895,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17899,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-maroondark1'
(17900,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-maroondark1'
(17901,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17905,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17906,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(17907,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17911,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(17912,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(17913,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17921,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17925,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17926,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(17927,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(17967,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(17990,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(17997,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18007,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18017,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18023,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(18035,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18039,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(18049,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18077,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18097,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18100,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(18106,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18113,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(18159,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18165,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18173,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(18181,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18187,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18192,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(18197,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(18202,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18207,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(18212,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18217,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18240,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(18250,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(18269,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18271,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18281,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18283,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18342,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(18344,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18361,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(18363,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18397,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18398,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(18404,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18410,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18411,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(18417,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18422,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18423,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18445,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(18451,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(18452,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18453,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(18529,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(18543,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18554,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18555,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(18556,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(18584,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18588,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18593,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18598,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18599,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18608,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18609,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18610,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18620,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18635,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18644,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18650,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18680,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18687,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18726,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18739,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18743,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(18747,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18753,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18757,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18766,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(18791,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18817,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18851,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18856,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(18861,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18894,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18898,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18915,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(18920,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(18925,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18930,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(18935,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(18940,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(18945,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(18950,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(18960,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(18987,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(19000,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19057,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(19072,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(19082,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19083,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19087,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19093,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19095,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19099,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19101,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19105,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19107,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19128,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19133,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(19160,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19170,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19174,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19195,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19204,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19213,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(19214,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19222,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19245,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19247,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19276,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19294,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19309,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19312,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19347,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19362,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19365,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19368,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19413,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19419,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19427,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19428,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(19431,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19435,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19436,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19437,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19441,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19442,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19446,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19447,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(19453,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19456,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(19459,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(19460,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19471,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19492,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(19502,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19503,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(19514,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19530,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19540,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19555,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(19559,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19571,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(19576,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19581,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19587,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19594,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19603,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19606,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19612,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(19637,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19638,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19639,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19640,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19643,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19650,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19651,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19652,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19653,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19655,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19662,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19663,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19664,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19665,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19667,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19676,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(19696,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(19725,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(19796,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(19801,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(19810,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19817,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19839,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19884,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19885,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(19886,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(19894,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19895,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(19896,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19900,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19901,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19902,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(19906,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(19934,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(19949,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19950,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19951,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(19964,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(19985,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(20015,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20022,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20024,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20065,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(20071,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20077,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(20108,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20129,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20148,46): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(20149,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(20189,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20197,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20210,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(20266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20272,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20279,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20286,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20291,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20299,54): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20299,79): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20300,52): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20300,77): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20301,81): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20301,110): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20302,57): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20302,82): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20306,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20321,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2'
(20340,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(20341,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20346,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(20347,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20352,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(20353,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20358,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(20359,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20364,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(20365,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(20369,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20370,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(20381,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20394,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20467,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20473,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20497,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(20584,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20670,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(20682,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20690,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20701,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20712,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(20718,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20719,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(20725,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(20736,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20739,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20751,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20753,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20758,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20770,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20771,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20776,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20788,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20795,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20805,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20814,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20833,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20841,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20858,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20859,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20879,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20883,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(20884,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(20885,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20890,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3'
(20891,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(20892,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20897,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20898,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20899,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(20924,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(20930,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(20931,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(20948,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20949,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(20950,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(20956,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(20965,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(20981,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(20985,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(20990,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(20995,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21001,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(21006,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21015,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21019,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(21028,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21040,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21053,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(21067,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21068,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(21075,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21084,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(21085,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(21090,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21091,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21116,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21121,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21130,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(21134,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark2'
(21141,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21194,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21199,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21201,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(21210,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21212,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(21218,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21222,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(21227,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21229,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(21236,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21238,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(21243,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21254,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(21259,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21261,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(21266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21268,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21273,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21275,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21313,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21318,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(21323,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21362,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(21387,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21393,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(21437,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21441,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21472,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(21478,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(21484,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(21500,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(21518,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(21532,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(21548,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21549,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21592,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(21596,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(21629,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(21630,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21634,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(21635,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21639,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21640,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(21646,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21657,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21658,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21659,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21662,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21667,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21668,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(21680,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21681,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(21686,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21705,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21718,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21729,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(21745,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(21765,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New3'
(21766,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(21767,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(21782,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21783,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21785,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(21815,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(21816,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(21818,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(21830,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21854,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(21870,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(21874,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1'
(21892,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21893,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21901,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21902,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(21910,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(21914,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21915,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(21920,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark3'
(21921,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(21928,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21931,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(21937,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21940,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21946,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(21947,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(21973,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(21983,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(22004,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22012,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22068,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22069,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22070,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22072,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22076,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22077,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22078,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22115,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(22151,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(22156,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(22157,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(22166,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22167,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(22169,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22234,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(22251,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22313,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull3'
(22318,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(22326,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22330,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull2'
(22334,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22338,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull3'
(22364,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(22368,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22372,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22410,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22422,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22424,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22433,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22434,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22435,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(22439,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22444,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22445,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(22462,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(22475,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(22477,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22483,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22488,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull3'
(22493,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22498,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(22502,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(22507,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22511,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22556,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(22557,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(22565,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(22574,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22575,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(22588,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22607,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(22619,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22645,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(22654,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22699,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(22726,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(22744,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22753,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22758,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22809,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(22811,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22815,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(22819,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22820,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22821,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(22877,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22900,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(22917,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(22918,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(22922,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(22950,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(22957,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(22964,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22968,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(22972,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(23071,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23073,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(23084,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(23095,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(23101,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(23117,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(23142,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23152,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(23157,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23161,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23172,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(23185,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(23193,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(23249,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23255,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23296,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23308,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(23321,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23330,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23334,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23339,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23368,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(23369,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(23370,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23376,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(23381,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(23382,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(23383,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23389,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(23393,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(23394,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(23395,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23400,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23410,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(23411,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23416,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23489,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark2'
(23498,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark3'
(23507,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23515,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23550,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(23553,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(23555,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23572,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(23576,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(23590,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(23597,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(23604,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(23605,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23613,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(23628,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23643,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(23647,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23652,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(23657,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23662,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23666,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(23673,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23679,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23686,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23693,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23698,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23704,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23711,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(23719,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(23724,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(23730,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23745,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(23758,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(23782,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(23791,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(23799,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23868,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(23891,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23901,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(23904,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(23911,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(23928,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(23939,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(23965,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(23973,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(23974,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(23982,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(23999,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24003,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24007,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24014,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24019,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(24088,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24090,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24101,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(24104,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24105,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(24148,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24149,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24161,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(24162,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(24163,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24167,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(24168,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24169,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(24178,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(24217,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24225,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24234,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(24242,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(24251,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(24259,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(24267,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(24325,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(24364,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24366,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24371,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24372,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24394,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(24399,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24410,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24416,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(24425,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(24429,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(24433,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(24437,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(24445,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(24449,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-maroon'
(24453,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(24457,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(24461,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(24465,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24479,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1dull1'
(24530,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24551,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24558,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24579,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24602,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24622,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24628,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(24633,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24636,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24648,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24649,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24661,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24670,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24696,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(24707,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(24708,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(24712,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24741,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24754,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(24764,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(24765,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(24767,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(24771,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(24772,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(24804,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24805,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24823,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24836,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24848,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(24858,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24859,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24860,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24876,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(24920,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24921,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24922,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24929,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24930,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24934,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(24949,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(24954,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(24990,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25023,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25073,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25074,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25075,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25103,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25111,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(25112,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(25113,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25131,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25132,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25133,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25144,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25147,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25174,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(25179,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25184,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25189,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(25198,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25209,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25225,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25249,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(25251,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25271,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25272,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25319,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25320,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25331,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25332,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25341,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25343,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25375,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25376,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(25377,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(25417,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25442,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25447,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25451,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25460,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25536,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(25559,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25564,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25590,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(25598,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25606,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25613,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(25618,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25622,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(25626,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(25630,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(25634,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25639,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(25644,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(25645,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(25655,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(25659,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(25663,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25667,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(25671,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25672,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25676,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark4'
(25677,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(25681,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(25682,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25686,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25687,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25691,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(25717,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(25724,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(25747,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25748,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25749,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25757,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25758,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25759,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25771,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25772,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25773,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25781,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25782,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25783,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25792,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25796,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(25809,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25810,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(25816,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(25817,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25879,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(25885,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(25890,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25895,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25896,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(25897,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25976,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(25984,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(25986,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26026,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26051,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(26068,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(26087,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(26097,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3dull1'
(26098,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3dull1'
(26099,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3dull1'
(26112,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26116,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(26117,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(26118,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(26122,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull2'
(26126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(26134,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(26136,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26143,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26144,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(26172,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26173,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26174,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(26175,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26181,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26182,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26183,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(26188,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26189,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26190,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(26203,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26204,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26205,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26255,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26273,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26278,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26279,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26284,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26285,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26291,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26298,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26305,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26309,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(26313,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26319,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26328,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(26330,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(26334,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26384,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(26390,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26396,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26397,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26398,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26402,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26403,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(26404,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26412,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26434,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26441,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26450,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26477,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26489,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26500,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26512,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(26516,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26517,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(26521,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(26569,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26602,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(26640,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26644,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26651,41): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26652,44): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26653,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26657,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26658,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(26673,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26677,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26681,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(26685,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26689,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26693,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26710,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26716,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26774,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(26778,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(26782,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(26786,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(26790,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(26794,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26798,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(26812,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(26872,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(26876,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(26885,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(26890,49): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(26954,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(26955,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(26985,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(27019,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27025,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(27028,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(27032,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(27034,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(27113,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(27138,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-Greendark1'
(27142,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27146,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-Greendark1'
(27150,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(27154,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27158,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27166,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(27170,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(27174,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(27178,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(27182,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(27190,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(27194,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(27198,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27202,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(27232,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27236,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27240,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(27244,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27248,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27256,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(27260,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(27264,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(27268,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(27276,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27280,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(27327,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(27353,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(27370,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-pink'
(27371,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(27381,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark3'
(27382,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27386,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27387,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27391,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27392,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(27393,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(27398,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27399,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27403,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(27404,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27408,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27409,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27413,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(27414,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27418,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27419,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27423,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27424,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27428,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(27429,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27433,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27434,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27438,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(27439,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27443,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(27444,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27448,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27449,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27453,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(27454,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(27455,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(27459,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangelight1'
(27460,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27464,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(27465,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27469,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(27470,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27474,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27478,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27492,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(27496,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(27502,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27511,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27524,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27525,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27526,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27531,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(27535,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(27536,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(27543,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27551,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(27553,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27561,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27613,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(27614,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(27615,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(27678,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27687,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27700,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27709,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(27737,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(27745,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(27753,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27799,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(27808,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(27814,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(27854,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(27855,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1'
(27863,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(27865,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27870,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27871,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedull2'
(27875,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27876,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27881,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27882,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27886,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27887,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27891,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27892,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27897,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27898,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(27903,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(27912,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27925,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27936,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27951,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27970,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(27974,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(27977,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(27986,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28001,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28007,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(28016,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28017,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28027,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(28112,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull2'
(28114,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28115,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28136,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(28171,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28181,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(28182,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(28183,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28188,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28189,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28190,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(28233,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(28243,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(28257,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(28266,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28275,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28290,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(28291,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28296,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28306,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28308,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28314,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28347,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28359,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28361,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28366,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28449,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28465,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(28466,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28477,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(28486,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28491,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28507,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(28518,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28531,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28532,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28535,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28555,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28569,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28578,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28584,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28615,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(28619,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28620,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28629,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28630,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(28636,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28654,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28663,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28668,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(28670,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(28673,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(28682,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(28683,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(28694,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2New2'
(28713,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28721,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(28724,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(28730,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28740,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2New2'
(28749,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(28752,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28760,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28766,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(28768,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28773,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(28785,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28786,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28794,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28795,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28800,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28808,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28818,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28834,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28842,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28843,16): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(28864,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28868,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(28873,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28879,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(28899,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28906,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28916,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(28969,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(29054,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull3'
(29063,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(29065,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29086,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(29087,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29092,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29157,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29161,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29165,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(29169,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(29178,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(29183,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull3'
(29189,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29193,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(29198,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29202,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(29215,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29224,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull4'
(29240,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(29241,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29247,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29252,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight2'
(29271,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29272,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29275,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29282,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(29298,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29388,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29390,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(29392,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29399,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29401,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2New4'
(29403,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29408,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29409,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29422,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29426,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29437,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(29442,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29446,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29452,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2New3'
(29453,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29470,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29476,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull2'
(29480,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(29485,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29488,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(29494,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(29495,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29498,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(29502,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(29520,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(29530,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29540,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29548,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29552,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29553,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29565,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29569,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29570,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29657,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(29662,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(29676,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(29689,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29690,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark3'
(29691,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark3'
(29692,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29696,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(29721,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(29722,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(29723,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29727,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(29732,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(29744,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(29757,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29761,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(29786,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(29788,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29798,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(29806,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29814,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29831,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(29842,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(29881,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(29912,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29913,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(29927,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(29976,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(29993,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(29995,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(29996,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(30036,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(30049,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(30056,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(30063,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(30064,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(30068,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(30069,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(30073,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(30145,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(30156,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(30157,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(30163,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(30167,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(30175,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(30178,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(30346,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(30486,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(30498,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(30517,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(30518,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(30519,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(30525,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(30526,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(30527,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(30535,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(30675,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(30690,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(30771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(30830,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(31004,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31012,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31078,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31085,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31086,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31087,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31097,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31098,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31099,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31103,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(31112,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31119,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark2'
(31120,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31126,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(31127,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(31234,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(31913,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31919,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(31923,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31966,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(31971,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(31972,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31977,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(31978,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(31979,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31983,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(31984,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(31985,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(31990,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31991,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(31992,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31997,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(31999,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(32004,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32005,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(32012,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(32064,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New2'
(32085,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32089,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(32090,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(32097,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(32110,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(32150,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32157,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32165,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32174,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32180,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32208,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(32216,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(32217,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(32243,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32247,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32258,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32827,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(32828,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32833,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32887,48): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32915,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedull1'
(32919,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32951,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(32964,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(32971,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(32981,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(32990,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(32991,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(32998,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(33006,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(33007,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33015,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(33023,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(33029,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(33037,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33038,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(33043,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33044,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(33048,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33049,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(33053,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33062,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(33066,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(33076,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(33084,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(33143,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33193,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight4'
(33194,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1'
(33195,31): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(33202,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33203,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1'
(33239,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(33246,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark3'
(33260,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(33268,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(33276,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(33327,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(33333,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purple'
(33334,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight1'
(33344,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(33349,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33377,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(33408,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(33411,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(33453,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33457,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33458,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(33465,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33466,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(33467,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(33477,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(33482,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33483,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33525,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33526,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33539,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33547,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33548,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33553,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33563,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33564,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33569,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(33640,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(33641,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(33645,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(33646,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(33663,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(33667,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(33673,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(33677,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(33683,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(33684,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(33708,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33709,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(33715,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(33818,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(33825,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(33860,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33867,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33868,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33872,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33875,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33900,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33901,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark2'
(33918,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33926,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33933,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(33960,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(33967,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33968,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33969,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(33975,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(33980,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(33981,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34058,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34088,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34115,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34162,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34163,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(34203,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(34216,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34217,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34244,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34245,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34268,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34273,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(34286,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34287,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(34389,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(34393,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(34399,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(34457,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34461,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34476,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(34480,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(34505,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34506,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34518,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(34519,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(34548,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(34568,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34593,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(34631,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34651,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(34662,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(34672,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(34676,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34685,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34689,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34698,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(34725,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34747,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(34751,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34760,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34766,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34793,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34797,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34805,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(34826,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(34847,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(34867,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34871,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(34879,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(34880,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight2dull2'
(34945,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(34957,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(34958,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34962,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(34963,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34967,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(34968,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34972,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(34973,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34978,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(34999,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35031,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(35074,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(35079,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(35095,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35150,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(35154,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(35193,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35198,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(35240,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(35246,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35250,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(35288,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(35301,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35310,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(35314,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-purplelight3'
(35318,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35320,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35344,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(35345,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35346,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35371,47): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(35372,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35389,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35390,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35391,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35442,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(35443,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(35444,30): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35449,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(35450,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(35466,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(35469,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-yellow'
(35478,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull2'
(35479,35): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35494,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(35509,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(35540,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1'
(35552,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35560,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35618,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35623,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(35631,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(35644,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35650,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35660,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35662,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35668,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35679,42): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35683,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35688,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35698,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35702,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-purpledark1'
(35708,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(35709,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull2'
(35713,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(35714,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendull1'
(35718,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-orangedark1'
(35719,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(35766,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35777,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35791,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(35795,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35830,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(35834,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(35838,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(35848,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35905,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(35908,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35918,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(35922,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(35935,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(35937,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(35958,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(36023,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluelight1dull2'
(36085,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36091,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36096,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36105,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36186,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull2'
(36193,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(36236,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36263,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(36286,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(36288,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(36294,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(36295,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36413,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(36418,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(36422,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36423,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36424,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36428,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36429,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36430,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36434,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36435,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-greendark1'
(36436,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36448,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(36452,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-orange'
(36456,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-red'
(36460,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36463,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(36471,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddark1'
(36476,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36477,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-reddull1'
(36499,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(36513,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight1'
(36558,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-green'
(36561,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36562,34): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(36566,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36572,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-blacklight2'
(36589,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-whitedull1'
(36607,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36613,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36681,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36890,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(36894,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36898,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36900,47): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(36915,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36920,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36922,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(36926,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36930,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36931,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(36935,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36937,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(36941,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36943,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(36946,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(36947,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(36951,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(36952,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(36957,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(37098,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(37110,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(37197,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graydark1'
(37240,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(37248,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(37789,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(37794,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(37803,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(37812,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(37994,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(37998,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38002,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38004,47): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38032,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38037,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38067,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(38068,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38069,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38073,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38094,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38097,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38099,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38103,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(38104,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38105,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38109,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(38118,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38155,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38157,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38166,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38167,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(38231,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(38253,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38258,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38262,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38266,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38267,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(38271,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38273,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38274,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38278,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38280,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38281,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38284,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38285,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38289,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38290,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(38295,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(38303,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38311,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38444,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38445,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(38449,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(38450,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(38455,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(38491,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38499,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(38787,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(38814,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(38968,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(38999,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(39008,38): run-time error CSS1039: Token not allowed after unary operator: '-clr-blackdull1'
(39012,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2'
(39044,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39048,21): run-time error CSS1039: Token not allowed after unary operator: '-main-bgcolor-black'
(39058,21): run-time error CSS1039: Token not allowed after unary operator: '-main-bgcolor-black'
(39141,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39216,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-bluedark1'
(39292,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39496,1): run-time error CSS1019: Unexpected token, found '}'
(39524,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39554,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39797,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39859,29): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39874,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39900,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(39901,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(39902,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39906,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39911,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39921,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(39925,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(39929,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39930,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(39934,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(39936,39): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(39941,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-gray'
(39944,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(39947,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39949,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(39952,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(39953,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1'
(39957,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(39958,43): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight2dull1New'
(39963,40): run-time error CSS1039: Token not allowed after unary operator: '-clr-blue'
(40004,25): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(40014,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(40038,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-graylight1dull1'
(40039,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-black'
(40040,32): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(40073,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
(40083,21): run-time error CSS1039: Token not allowed after unary operator: '-clr-white'
 */

@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.ttf") format("truetype");
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/FontAwesome.otf") format("opentype"), url("../fonts/fontawesome-webfont.svg") format("svg");
}


@font-face {
    font-family: 'LatoRegular';
    font-style: normal;
    font-weight: 400;
    /*https://css-tricks.com/snippets/css/using-font-face-in-css/*/
    src: url('../fonts/lato-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/lato-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-regular-webfont.svg') format('svg'); /* Legacy iOS */
}

:root {
    /*white color shade*/
    --clr-white: #FFFFFF; /*8 Selectors hover for row in panel 282 Selectors 13 Selectors reaplce flyout label*/
    --clr-whitedull1: rgba(255,255,255, 0.6);
    --clr-whitedull2: rgba(255,255,255, 0.3);
    /*black color shade*/
    --clr-black: black; /*148 Selectors*/
    --clr-blacklight1: #2d2d2d; /*17 Selectors for lowemphasis buttons*/
    --clr-blacklight2: #373737; /*8 Selectors fontawesome icons have to be of lighter shade so we use this*/
    --clr-blacklight3: #484545;
    --clr-blackdull1: rgba(0,0,0, 0.5); /*used for low imp Icon Color*/
    --clr-blackdull2: rgba(0,0,0, 0.8);
    --clr-blackdull3: rgba(0,0,0, 0.3);
    --clr-blackdull4: rgba(0,0,0, 0.05);
    --clr-blacklight1dull1: rgba(45,45,45, 0.4);
    /*gray color shade*/
    --clr-graydark4: #17212D;
    --clr-graydark3: #273340;
    --clr-graydark2: #404040;
    --clr-graydark1: #5b5b5b;
    --clr-gray: #808080; /*59 Selectors lowemphasis text color, 15 Selectors lowemphasis border color, 8 Selectors replace discontinue, btnapphistory*/
    --clr-graylight1: #b6b6b6; /*50 Selectors replace color before currency and %*/
    /*SM have change the color code from #E7E7E7 to #EBEBEB*/
    --clr-graylight2: #f1f2f9; /*49 Selectors replace howver arrows for lowemphasis, 119 Selectors replace grid header*/
    --clr-graylight1dull1: rgba(182,182,182, 0.6);
    --clr-graylight1dull2: rgba(182,182,182, 0.3);
    --clr-graylight1dull3: rgba(182,182,182, 0.15);
    --clr-graylight2dull1: rgba(241,242,249, 0.6);
    --clr-graylight2dull1New: #ECF0F3;
    --clr-graylight2dull1New2: #F8F9FA;
    --clr-graylight2dull1New3: #F9F8FD;
    --clr-graylight2New2: rgba(249, 251, 251, 1);
    --clr-graylight2New3: #edf5f8;
    --clr-graylight2New4: #f5f5f5;
    /*purple color shade* #b8b7e0/
    --clr-purpledark3: #515078; /* replace with the new medicalsummary backgroundcolor, 6 Selectors new medsummary bkground*/
    --clr-purpledark5: #6f53de;
    --clr-purpledark4: #202030;
    --clr-purpledark3: #515078;
    --clr-purpledark2: #626185; /*6 Selectors new medsummary lightdivcolor*/
    --clr-purpledark1: #AAA7C4; /*.btnMedImportant new medsummary lighticon color*/
    --clr-purple: #8e44ad; /*9 Selectors primary button hover color*/
    --clr-purplelight1: #9708CC; /*.bg-primary navbar gradient*/
    --clr-purplelight2: #7B4F9D; /*.dvCustomRowPurple replace this its used in investigation border, 22 Selectors primary button*/
    --clr-purplelight3: #7c5df7; /*.navbar*/
    --clr-purplelight4: #bc8de0;
    --clr-purplelight5: #e7d5f5;
    --clr-purplelight3dull1: rgba(46, 45, 72, 0.3);
    --clr-purplelight2dull1: rgba(98,97,133, .5);
    --clr-purplelight2dull2: #5F62A2;
    --clr-purplelight2dull3: #edebfc;
    /*blue color shade*/
    --clr-bluedark3: #576e84; /*10 Selectors for blueflyouts*/
    --clr-bluedark3: #34495E; /*10 Selectors for blueflyouts*/
    --clr-bluedark2: #5c6d7e; /*Report Toolbar*/
    --clr-bluedark1: #00326E; /*15 Selectors button group selected color*/
    --clr-blue: #0060A6;
    /*?   --clr-blue: #1f5ff1;   reaplce border for blue flyouts 68 Selectors- .dvInvgCriticalSumrRecorded, .spanInvgCriticalResultRecorded, .spanInvgCriticalResultRecorded, .dvInvgCriticalSumrNotRecorded replace*/
    --clr-bluelight1: #43CBFF; /*38 Selectors grid hover color, 10 Selectors inputfield hover border color*/
    --clr-bluelight2: rgba(0, 96, 166, .7);
    --clr-bluelight1dull1: rgba(67,203,255, 0.5);
    --clr-bluelight1dull2: #1b55d8;
    --clr-bluedark2dull1: rgba(92,109,126, .2);
    --clr-bluedull1: rgba(0, 96, 166, .2);
    --clr-bluedull2: rgba(0, 96, 166, .6);
    /*green color shade*/
    --clr-greendark3: #075B05; /*.EMRToggleStateNo, .EMRToggleStateNormal, .EMRToggleStateMinus, .EMRToggleStateAfter, .ImageEditorCan1ToggleStateAfter, 6 Selectors replace setgoal, apply template - should have something else*/
    --clr-greendark2: #208e4f; /* .dvEMRTotalLow, .FlyOutModalBodyContainer,*/
    --clr-greendark1: #369960; /*.dvCustomRowGreen, .dvCustomRowGreen:hover, .dvCustomRowGreen2, .dvCustomRowGreen2:hover, color in between borders*/
    --clr-green: #2ecc71; /*15 Selectors replace ivf, previous visit, .dvRxSubtitutionNotAllowed, .dvRxReprescribed, .divVchrTypeDN replace, 40 Selectors replace-no image document, consent done ,45 Selectors replace complete package, 6 Selectors replace ivf page*/
    --clr-greendull1: rgba(46,204,113, 0.7);
    --clr-greendull2: rgba(46,204,113, 0.5);
    --clr-greendark3dull1: rgba(36, 113, 34, 0.4);
    /*orange color shade*/
    --clr-orangedark1: #F39C12; /* 20 Selectors recall border color, search background color .btnDueRecallsNBew, .dvIVFCurrentCycle, .divVchrTypeSV, .orange, 9 Selectors replace bullets*/
    --clr-orange: #FFB43E;
    --clr-orangelight1: #ffc364;
    --clr-orangedull1: rgba(255, 180, 62, 0.5);
    /*yellow color shade*/
    --clr-yellow: #FFFFA5; /*17 Selectors tooltip*/
    --clr-yellowdull1: rgba(255,255,165, 0.7);
    /*maroon color shade*/
    --clr-maroondark1: #D6602C; /*.divBillTotalAmountWrapperNew border*/
    --clr-maroon: #EC723C; /*.divBillTotalAmountWrapperNew backgorund*/
    /*red color shade*/
    --clr-reddark2: #CE0203; /*.EMRToggleStateYes, .EMRToggleStateAbnormal, .EMRToggleStatePlus,.EMRToggleStateBefore, .ImageEditorCan1ToggleStateBefore*/
    --clr-reddark1: #c0392b; /*29 selectors p and a walla color allergy and pregnancy, non batch, .InventoryHorizontalOutStockNew , .dvEMRVisitLocked, .lblGridFristColumnOutOfStock, .btnEMRAllergyPregnancy */
    --clr-red: #E74C3C; /*.divApptSearchBlockEngaged, .divApptSearchBlockEngagedActive, .divApptStatusBarEngagedCallList, .divApptStatusBarEngaged, .divApptStatusBarApptDetEngaged, .divUnssuccDataLoader, .dvPatConsentNeeded, .lblEmail, .divApptStatusBarEngagedPast, .divApptStatusBarCheckedOutPast, .Calender_AptContent_EngagedStatusClass ,39 selectors replace low stock, .dvInvgCriticalSumrAbDate, .lblEmailPatHis replace*/
    --clr-reddull1: rgba(231, 76, 60, .7);
    --clr-reddull2: rgba(231, 76, 60, .4);
    /*pink color shade*/
    --clr-pink: #f8c9c4; /*Selectors in use- .dvBillItemPromotion*/
    --clr-pinklight1: #F9D4C4; /*Selectors in use- .dvBillDueInfoText, .dvBillItemPromotion(Border)*/
    --clr-pinkdull1: rgba(248,201,196, 0.5);
    --font-weight-normal: normal;
    --font-weight-bold: 700;
}


@media print {
    .myDivToPrint {
        font-family: "Times New Roman", Times, serif !important;
        display: block !important;
    }

    #dvPrintMainday {
        display: none;
    }
}

.myDivToPrint {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    display: none;
    z-index: 1200;
    background-color: var(--clr-white);
}

.dvClinPageContainer {
    font-family: LatoRegular;
    font-size: 14px;
    line-height: 1.5;
    color: var(--clr-black);
    background-color: transparent;
    padding: 0 !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100% !important;
    margin: 0px !important;
}

.unselectable {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.modal.in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.btnCommon {
    font-family: LatoRegular;
    padding: 1px;
    cursor: pointer;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none !important;
    height: 36px !important;
    border-radius: 0 !important;
    letter-spacing: .025em;
    transition: all .15s ease;
    min-width: 38px;
    border-radius: 3px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btnCommon.small {
        height: 30px !important;
    }

    .btnCommon.checkbox {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .btnCommon.checkbox input[type="checkbox"] {
            width: 20px;
            height: 30px;
        }

.btnFixedWidth {
    width: 100px !important;
}

.btnEmptyContainer {
    line-height: 38px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    background-color: transparent;
    font-size: 16px;
    line-height: 25px;
    padding-right: 0;
    font-weight: 700;
}

.btnSearchColor {
    background-color: var(--clr-orange);
    border: 1px solid var(--clr-orangedark1);
    color: var(--clr-blacklight2) !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    border-radius: 0 3px 3px 0 !important;
    width: 40px !important;
}

.btnSearchShadow {
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnSearchColorGreeen {
    background-color: rgba(46, 204, 113, 0.5) !important;
    border: 1px solid rgba(46, 204, 113, 0.5) !important;
}

.btnSearchColorPink {
    background-color: rgba(248, 201, 196, 0.5) !important;
    border: 1px solid rgba(248, 201, 196, 0.5) !important;
}

.btnSearchColor:hover {
    color: var(--clr-black) !important;
    background-color: var(--clr-orangedark1) !important;
}

.btnSearchColorGreeen:hover {
    color: var(--clr-black) !important;
    background-color: rgba(46, 204, 113, 0.7) !important;
}

.btnSearchColorPink:hover {
    color: var(--clr-black) !important;
    background-color: var(--clr-pink) !important;
}

.btnSearchColorOrange {
    background-color: var(--clr-orangedull1);
    border: 1px solid var(--clr-orangedull1);
    color: var(--clr-blacklight2);
}

    .btnSearchColorOrange:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-orangelight1) !important;
    }

.btnLowEmphasis {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    border-radius: 3px;
}

.btnCheckBox input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnCheckBox {
    padding: 3px 5px !important;
}

.btnImportantRedBorder {
    background-color: var(--clr-white);
    border: 3px solid var(--clr-red);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    border-radius: 3px;
}

.btnLowEmphasisDropdown {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    border-radius: 3px;
}

.btnLBlackEmphasis {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-white);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
}

    .btnLBlackEmphasis:hover {
        background-color: var(--clr-green);
    }

.btnIconCalendar:hover {
    margin-top: 3px !important;
}

.btnIcon2Calendar:hover {
    margin-top: 5px !important;
    height: 36px !important;
    border: 1px solid black;
    border-radius: 3px !important;
}

.btnLowEmphasis:hover {
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-black) !important;
    background-color: var(--clr-graylight2) !important;
    transform: translateY(-2px);
}

.btnImportantRedBorder:hover {
    color: var(--clr-black) !important;
    border: 3px solid var(--clr-red) !important;
    background-color: var(--clr-red) !important;
    transform: translateY(-2px);
}

.btnLowEmphasisDropdown:hover {
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-black) !important;
    background-color: var(--clr-graylight2) !important;
}

.btnLowEmphasis.btnIcon:hover {
    border: none !important;
    background: none !important;
}

.btnCustom {
    font-size: 14px !important;
    line-height: 36px;
    color: var(--clr-blue) !important;
    overflow: hidden;
}

.btnCustomNew {
    font-size: 14px !important;
    min-height: auto !important;
    line-height: 36px;
    color: var(--clr-blacklight2) !important;
    overflow: hidden;
}

.btnCalendarAll {
    margin-top: 7px;
}

.btnLowEmphasisDv {
    padding: 1px 5px !important;
    float: right;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-gray);
    color: var(--clr-blacklight2);
}

.btnsignin {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-white);
    color: var(--clr-white);
    border-radius: 0 0 0 0;
    padding: 0 10px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    width: 110px;
}

.btnImportant {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
    margin-right: 10px !important;
}

.btnImportantRed {
    background-color: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
    margin-right: 10px !important;
}

.dvPatientNotes .btnImportantRed {
    margin-right: 0px !important;
}

.btnImportant:before {
    color: var(--clr-white);
}

.btnImportant:hover {
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green);
    color: var(--clr-white) !important;
    transform: translateY(-2px);
}






.btnImportantNoPadding {
    margin-right: 0px !important;
}
/*Used for Transparent Button all over the Flyout*/
.btnLowEmphasisPanel {
    background-color: transparent;
    border: 1px solid var(--clr-gray);
    color: var(--clr-whitedull1) !important;
    transition: all .15s ease;
    border-radius: 3px;
    font-size: 12px !important;
}
    /*Used for Transparent Button all over the Flyout Hover*/
    .btnLowEmphasisPanel:hover {
        box-shadow: 0 0 2px var(--clr-graylight1);
        color: var(--clr-white) !important;
        background-color: transparent !important;
        border: 1px solid var(--clr-graylight2);
        transform: translateY(-2px);
    }

.dvSearchContainer {
    margin-top: 5px;
}

.dvSearchContainerNew {
    margin-top: 15px;
}

    .dvSearchContainerNew.new {
        margin-top: 15px;
    }

.btnSmallIcon {
    width: 36px !important;
    font-family: LatoRegular;
    padding: 0 !important;
    text-align: center;
    line-height: 34px;
    border-radius: 3px !important;
}

    .btnSmallIcon:before {
        font: normal normal normal 14px/1 FontAwesome;
    }

.btnWhite {
    max-width: 40px;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
}

.btnSearch {
    float: left;
}

    .btnSearch:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        font-size: 14px;
    }

.txtSrch {
    height: 40px;
    outline: none;
    border: 1px solid var(--clr-graylight1);
}

    .txtSrch:focus {
        outline: none;
        box-shadow: 0 0 2px var(--clr-graylight1);
        border-color: var(--clr-purplelight3) !important;
    }

.btnSrch {
    padding: 7px;
    cursor: pointer;
    background-color: var(--clr-orange);
    border: 1px solid var(--clr-orangedark1);
    color: var(--clr-blacklight2) !important;
    width: 40px !important;
}

    .btnSrch:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-orangedark1) !important;
    }

    .btnSrch:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        margin-left: 8px;
        font-size: 16px;
        padding-right: 8px;
    }

.btnSearchIcon {
    float: left;
}

    .btnSearchIcon:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        font-size: 16px;
    }

.boxShadow {
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.lblMakeBold {
    margin-top: 6px;
    background-color: transparent;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 700;
}

.btnNoMarginRight {
    margin-right: 0 !important;
}

.dvCustomOddRowBlackNewStyle {
    background-color: var(--clr-blacklight1) !important;
    /*border-left: 1px solid var(--clr-blacklight3);
    border-top: 1px solid var(--clr-blacklight3);
    border-right: 1px solid var(--clr-blacklight3);
    border-bottom: 1px solid var(--clr-blacklight3);*/
    padding: 3px 7px !important;
    margin-bottom: 15px !important;
    border-radius: 3px 3px 0px 0px !important;
    margin-top: 15px !important;
    /*box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);*/
}

    .dvCustomOddRowBlackNewStyle:first-child {
        margin-top: 0px !important;
    }

.dvCustomEvenRowBlackNewStyle {
    background-color: var(--clr-blacklight2) !important;
    border-left: 1px solid var(--clr-blacklight3);
    border-right: 1px solid var(--clr-blacklight3);
    border-bottom: 1px solid var(--clr-blacklight3);
    border-top: none !important;
    border-radius: 0px !important;
    padding: 5px 7px !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    /*box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);*/
}

.btnIcon {
    width: 26px;
    height: 26px;
    padding: 0px !important;
    font: normal normal normal 14px/1 FontAwesome;
    cursor: pointer;
    background-color: transparent !important;
    font-weight: normal;
    border: none !important;
    outline: none !important;
    color: var(--clr-blacklight2);
}

    .btnIcon:hover {
        color: var(--clr-black) !important;
    }

.btnTxPrint {
    float: left !important;
    margin-right: 0 !important;
}

.btnTxPrintDropdown {
    min-width: 35px !important;
    border: none !important;
}

.btnDownWithImage,
.btnUpWithImage {
    padding: 3px !important;
    width: 40px;
    outline: none !important;
    color: var(--clr-blacklight2);
}

    .btnUpWithImage:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f077";
        font-size: 14px;
        line-height: 19px;
        margin-right: 0 !important;
    }

    .btnDownWithImage:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f078";
        font-size: 14px;
        line-height: 19px;
        margin-right: 0 !important;
    }

.lblIsActive,
.lblNextApptDate {
    color: rgba(0, 0, 0, 0.5) !important;
    cursor: pointer;
}

    .lblIsActive:hover,
    .lblNextApptDate:hover {
        color: var(--clr-black) !important;
    }

    .lblNextApptDate:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f274";
        font-size: 16px;
        line-height: 25px;
    }

    .lblIsActive:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f00c";
        font-size: 26px;
        line-height: 38px;
    }

.lblNextApptDateWhite {
    color: rgba(255, 255, 255, 0.7) !important;
}

    .lblNextApptDateWhite:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f274";
        font-size: 20px;
        line-height: 29px;
        color: rgba(255, 255, 255, 0.7) !important;
    }

    .lblNextApptDateWhite:hover {
        color: var(--clr-white) !important;
    }

.btnCOPY:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c5";
    font-size: 14px;
    line-height: 29px;
}

.btnCOPY.small:before {
    line-height: 18px;
    margin-left: 10px;
}
/*Used for Grid Column Panel Row*/
.dvGridFieldHeaderPanelRow {
    font-family: LatoRegular;
    padding: 0;
    border-left: 1px solid var(--clr-graylight1dull1);
    border-right: 1px solid var(--clr-graylight1dull1);
    border-bottom: 1px solid var(--clr-graylight1dull1);
}
/*Used for Grid Column Panel*/
.dvGridFieldHeaderPanel {
    font-family: LatoRegular;
    font-weight: 700;
    padding: 2px 2px 2px 2px;
    text-transform: uppercase;
    line-height: 25px !important;
    background-image: none;
    color: var(--clr-white);
    font-size: 12px;
}
/*Used for Grid Column Panel Row*/
.dvGridFieldHeaderPanelColumn {
    font-family: LatoRegular;
    padding: 4px 5px 4px 4px;
}

.btnCOPYBig {
    color: var(--clr-gray);
    cursor: pointer;
}
/*Used for List Value Panel*/
.lblListValuePanel2 {
    font-size: 12px;
    line-height: 20px;
}
/*Used for Panel Inner*/
.DvPaddingPanelInner {
    padding: 0 10px 0 10px !important;
    /*overflow-x: hidden !important;*/
}
/*Used for PastMenu Container*/
.dvPastMenuContainer, .dvPastMenuContainerWithoutBorder {
    padding: 5px 7px 5px 7px;
    width: 100%;
}

.dvPastMenuContainer {
    border-bottom: 1px solid gray;
}

    .dvPastMenuContainer.new {
        padding: 5px 0 5px 0;
        border-bottom: none !important;
    }

    .dvPastMenuContainer .border {
        padding-bottom: 5px;
        padding-top: 10px;
    }

.dvPastMenuSeperation {
    width: 100%;
    border-bottom: 1px solid gray;
    padding: 7px 7px 0 7px;
}

.dvPastData {
    padding: 0px 7px 0 7px;
    overflow-x: hidden;
    overflow-y: auto;
}

.btnHomeNewExtraSmall:before {
    font: normal normal normal 20px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    content: "\f0f8";
    vertical-align: text-top;
    font-size: 12px;
    margin-right: 4px;
    line-height: 18px;
}

.btnHomeNewBig2:before {
    font: normal normal normal 20px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    content: "\f0f8";
    vertical-align: text-top;
    font-size: 12px;
    margin-right: 4px;
    line-height: 18px;
}

.btnCOPYBig:hover {
    color: var(--clr-black);
}

.btnCOPYBig:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c5";
    line-height: 36px;
    font-size: 14px;
}

.btnApptVideoCall {
    font-size: 23px;
    text-align: center;
    color: var(--clr-blacklight2) !important;
    line-height: 30px;
}

    .btnApptVideoCall:before {
        content: "\f03d";
        line-height: 36px;
        font: normal normal normal 14px/1 FontAwesome;
    }

.dvVideoCall a {
    line-height: 30px !important;
    color: var(--clr-blacklight2) !important;
}

.btnImportantRedBorder a {
    line-height: 25px !important;
    color: var(--clr-blacklight2) !important;
}
/*Used for PackageIcon*/
.dvVideoIcon {
    float: right;
    margin-right: 2px;
    margin-left: 2px;
    line-height: 13px !important;
}

    .dvVideoIcon:before {
        content: "\f03d";
        font: normal normal normal 18px/1 FontAwesome;
        font-size: 12px;
        margin-right: 3px;
        color: var(--clr-blacklight2);
    }

.btnHignEmpOnlyNegitiveColor,
.btnHignEmpOnlyNegitive {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-gray);
    color: var(--clr-blacklight2);
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    border-radius: 3px 0px 0px 3px !important;
    line-height: 34px !important;
}

    .btnHignEmpOnlyNegitiveColor:hover,
    .btnHignEmpOnlyNegitive:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

.btnHignEmpAddStockColor,
.btnHignEmpAddStock {
    background-color: var(--clr-green);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    border-radius: 0px 3px 3px 0px !important;
}

.btnHignEmpOnlyNegitiveColor,
.btnHignEmpAddStockColor {
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnHignEmpAddStockColor {
    box-shadow: 0 0 2px var(--clr-graylight1);
}

    .btnHignEmpAddStockColor:hover,
    .btnHignEmpAddStock:hover {
        background-color: var(--clr-greendark1);
    }

.btnHignEmpOnlyNegitive:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f068";
    line-height: 37px;
    font-size: 14px;
    color: var(--clr-reddark1);
}

.dvApptListHeadarSection {
    padding: 5px;
    padding-bottom: 0;
}
/*Used for Appointment List Headar Section*/
.dvApptListHeadarSectionQueue {
    padding: 5px;
    padding-bottom: 0;
    background-color: var(--clr-graylight2dull1New) !important;
    border-bottom: 1px solid rgba(182,182,182,.3) !important;
}

.btnApptOpenPatient:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
    font-size: 16px;
}

.dvAppointmentListContainer {
    padding: 0 !important;
    background-color: #fff;
    min-height: 99.3vh;
    border-right: 1px solid var(--clr-graylight1) !important;
}

.dvSearchTopGap {
    padding-top: 10px !important;
}

.dvCalendarToolbar {
    min-height: 45px !important;
    padding: 5px;
    background-color: var(--clr-graylight2dull1New) !important;
    border-bottom: 1px solid rgba(182,182,182,.3) !important;
    margin-bottom: 0 !important;
}

.btnApptNextCopy:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f061";
    font-size: 14px;
}

/*.btnConfig:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c0";
    font-size: 14px;
}*/
/*Used for Icons Home*/
.btnHome:before {
    font: normal normal normal 20px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    content: "\f0f8";
    vertical-align: text-top;
    line-height: 16px !important;
    font-size: 14px;
    margin-right: 4px;
}

.btnConfigSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c0";
    font-size: 14px;
}

.dvHomeMenuContainer {
    height: auto !important;
    left: auto !important;
    right: 0 !important;
    left: auto !important;
    float: right !important;
    clear: both !important;
}

.dvReportMenuContainer {
    height: auto !important;
    left: auto !important;
    right: 0 !important;
    left: auto !important;
    float: right !important;
    clear: both !important;
}

.dvHomeMenuContainerOuter .dropdown-menu {
    height: auto !important;
    color: var(--clr-black);
    background-color: white !important;
    /*max-width: 300px !important;*/
    min-width: 200px !important;
    float: right !important;
    max-height: 300px !important;
    overflow-y: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--clr-gray) !important;
    border-radius: 3px !important;
}

.dvHomeMenuContainerOuter .dropdown-menu-left {
    min-width: 100px !important;
}

.dvDotMenuContainerOuter .dropdown-menu {
    border: 1px solid var(--clr-gray) !important;
}

.dvContainerMibble {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

a:not([href]):not([tabindex]) {
    color: var(--clr-black);
    text-decoration: none;
}

.dvHomeMenuContainerOuter {
    padding-left: 0px !important;
}

.dvDotMenuContainerOuter {
    padding-left: 0px !important;
    width: 30px;
    border: none !important;
    box-shadow: none !important;
}

    .dvDotMenuContainerOuter:hover {
        border: none !important;
        background-color: transparent !important;
    }

.lblSelectedName {
    font-weight: 700 !important;
    color: var(--clr-black) !important;
    cursor: pointer;
    margin-left: 0;
    font-size: 14px;
    margin: 0;
    padding-right: 4px;
    padding-left: 3px;
    line-height: 30px !important;
}

.dvApptBookedonDiffClinics {
    overflow: hidden;
    font-size: 12px;
    border: 1px solid var(--clr-graylight1);
}

    .dvApptBookedonDiffClinics .my_event_body {
        font-family: LatoRegular;
        padding-top: 1px;
        padding-left: 8px;
    }

.btnHomeContainer {
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/*.btnHome:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    content: "\f0f8";
    font-size: 20px;
    margin-right: 3px;
}*/

.btnHomeSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f8";
    font-size: 14px;
    margin-right: 5px;
}

.btnIconRefresh::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f021";
    font-size: 14px;
}

.btnIconPrint::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f02f";
    font-size: 14px;
}

.btnApptCut:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c4";
    font-size: 14px;
}

.btnApptOpenPatientSearch:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
    font-size: 14px;
}

.btnStaffIconFlyout:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
    font-size: 14px;
    margin-right: 3px;
}

.btnApptOpenPatientDet::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f0";
    font-size: 14px;
}

.NonImageDocument,
.ImageNotAvailablePortrait,
.ImageNotAvailable,
.ImageBlankPerson {
    height: 75px;
    width: 77px;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    line-height: 90px;
    cursor: pointer;
    float: left;
}

.NonImageDocument {
    background-color: var(--clr-green);
    float: left;
}

    .NonImageDocument:before {
        content: "\f046";
        font-size: 40px;
        line-height: 50px;
        color: var(--clr-white);
    }

.lblVideoIcon {
    float: right;
    margin-right: 2px;
    margin-left: 2px;
    line-height: 13px !important;
}

    .dvVideoIcon:before,
    .lblVideoIcon:before {
        content: "\f03d";
        font: normal normal normal 18px/1 FontAwesome;
        font-size: 12px;
        margin-right: 3px;
        color: var(--clr-blacklight2);
    }

.lblVideoIcononly:before {
    content: "\f03d";
    font: normal normal normal 16px/1 FontAwesome;
    margin-right: 5px;
}

.lblVideoIcon:before {
    color: var(--clr-whitedull1);
}

.lblVideoIconBlack:before {
    color: var(--clr-blackdull2) !important;
}

.lblVideoIcon {
    float: left !important;
}

.lblVideoIconMenu:before {
    content: "\f03d";
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 14px;
    margin-right: 3px;
    color: var(--clr-red);
    line-height: 30px;
}

.lblVideoIconCon {
    width: 40px;
    height: 40px;
    background-color: var(--clr-orange);
    padding: 2px 6px 4px;
    border-radius: 13px;
}

    .lblVideoIconCon:before {
        content: "\f03d";
        font: normal normal normal 18px/1 FontAwesome;
        font-size: 12px;
        color: var(--clr-black);
    }

.lblVideoIconMenuWhite {
    color: var(--clr-white);
    cursor: pointer;
}

    .lblVideoIconMenuWhite:before {
        content: "\f03d";
        font: normal normal normal 18px/1 FontAwesome;
        font-size: 18px;
        margin-right: 10px;
        line-height: 20px;
        vertical-align: text-top;
    }

.btnCallMenu,
.btnCallSettings,
.btnCallMenuRec {
    float: right !important;
    margin-left: 4px !important;
    margin-top: 11px !important;
    margin-right: 0px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    color: rgba(255,255,255,.7);
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    border-radius: 50%;
    float: left;
    text-decoration: none !important;
    color: var(--clr-white) !important;
    width: 30px;
    height: 30px;
    margin-top: 7px !important;
}

.btnCallMenu {
    background-color: var(--clr-red) !important;
}

.btnCallSettings {
    background-color: var(--clr-white) !important;
    color: var(--clr-black) !important;
    margin: 7px 10px 0 !important;
    box-shadow: 0px 1px 6px 0px var(--clr-black);
}

.btnCallMenuRec {
    background-color: var(--clr-green) !important;
}

.lblCallingIcon {
    color: var(--clr-red);
    box-shadow: 0px 1px 6px 0px var(--clr-black);
}

    .lblCallingIcon:before {
        content: "\f2a0";
        font: normal normal normal 18px/1 FontAwesome;
        font-size: 14px;
        margin: 0 3px;
        line-height: 7px;
        vertical-align: text-top;
    }


.lblCallingSettings:before {
    content: "\f013";
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 14px;
    margin: 0 3px;
    line-height: 7px;
    vertical-align: text-top;
}

.user-online:before,
.user-offline:before {
    content: "\f111";
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 12px;
    margin-right: 5px;
}

.user-online:before {
    color: var(--clr-green) !important;
}

.user-offline:before {
    color: var(--clr-red) !important;
}

.btnCallingIcon:before {
    content: "\f2a0";
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 14px;
    margin: 0 3px;
    line-height: 4px;
}

.dvMenuVideoText {
    float: left;
}

.blinkinfinite {
    /*animation: blinkerinfinite 1s step-start infinite;*/
}

@keyframes blinkerinfinite {
    50% {
        opacity: 0;
    }
}

.dvMenuVideo {
    width: 22px;
    float: left;
}

.ImageBlankPerson:before {
    content: "\f007";
    font-size: 40px;
    line-height: 50px;
}

.ImageNotAvailablePortrait:before {
    content: "\f007";
    font-size: 40px;
    line-height: 50px;
}

.ImageNotAvailable:before {
    content: "\f030";
    font-size: 37px;
    line-height: 60px;
}

.btnApptOpenCalendarSearch::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f234";
    font-size: 14px;
}

.btnApptFeedbackSearch:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0a1";
    font-size: 14px;
}

.btnApptHomeVisit:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f015";
    font-size: 14px;
    line-height: 30px;
}

.btnApptServiceLink:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c1";
    font-size: 14px;
    line-height: 30px;
}

.btnApptPatHisSearch::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f044";
    font-size: 14px;
    line-height: 30px;
}

.btnConsentSmall::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f044";
    font-size: 14px;
    line-height: 30px;
    margin-right: 5px;
}

.btnApptPatHisNoConsentSearch:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f044";
    font-size: 14px;
}

.btnPatConsentDue {
    border: 3px solid #E74C3C !important;
    box-shadow: 0 0 2px #B6B6B6;
    transition: all .15s ease;
    cursor: pointer;
}

    .btnPatConsentDue:before {
        content: "\f044";
        font-size: 14px;
    }

.btnApptPatHisConsentDoneFly {
    color: var(--clr-white);
    border: none !important;
    transition: all .15s ease;
    cursor: pointer;
}

    .btnApptPatHisConsentDoneFly:before {
        content: "\f044";
        font-size: 14px;
        color: var(--clr-white);
    }

    .btnApptPatHisConsentDoneFly:hover {
        transform: translateY(-2px);
    }

.btnApptPatHisConsentDoneSearch {
    background-color: var(--clr-green);
    color: var(--clr-white);
    border: none !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    cursor: pointer;
}

    .btnApptPatHisConsentDoneSearch:before {
        content: "\f044";
        font-size: 14px;
        color: var(--clr-white);
    }

    .btnApptPatHisConsentDoneSearch:hover {
        transform: translateY(-2px);
    }

.btnApptBilled,
.btnApptBilledBig,
.btnApptFeedbackGiven {
    color: var(--clr-white);
    border: none !important;
    background-color: var(--clr-green);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    cursor: pointer;
    font-weight: 700;
}

.dvImageSection {
    max-height: 165px;
    text-align: center;
    padding: 2px !important;
}

.btnApptBilled:hover,
.btnApptBilledBig:hover,
.btnApptFeedbackGiven:hover {
    transform: translateY(-2px);
    background-color: var(--clr-green) !important;
    color: var(--clr-white) !important;
    border: none !important;
}

.btnApptFeedbackGiven:before {
    content: "\f005";
    font-size: 14px;
    color: var(--clr-white) !important;
}

.btnApptBilledIcon {
    font-size: 21px;
    font-weight: 700;
    color: var(--clr-green);
}

.btnCaptureImg:before {
    content: "\f083";
    margin-left: 5px;
    font-size: 14px;
    line-height: 32px;
}

.btnSlider:before {
    content: "\f04b";
    margin-left: 5px;
    font-size: 14px;
    line-height: 38px;
}

.btnApptVideo:before {
    content: "\f03d";
    margin-left: 5px;
    font-size: 14px;
    line-height: 32px;
}

.btnCaseSheetDefault:before {
    content: "\f08d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    color: var(--clr-green) !important;
}

.btnCaseSheetNotDefault:before {
    content: "\f08d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 38px;
    display: inline-block;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.btnPrnt:before {
    content: "\f02f";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 30px;
}

.btnDismissed:before {
    content: "\f056";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 38px;
    color: var(--clr-red);
}

.btnNotDismissed:before {
    content: "\f056";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 35px;
}

.btnNotDismissedGreen:before {
    content: "\f056";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 35px;
    color: var(--clr-green);
}

.btnExternalHospital:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 32px;
    content: "\f0f8";
    margin-left: 10px;
}

.btnFamilyHeadMark::before {
    color: var(--clr-green);
}

.btnFamilyHead:before {
    content: "\f007";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 35px;
}

.btnGreen {
    color: var(--clr-purple);
}

.btnCollapseExpandBig,
.btnCollapse,
.btnExpand {
    float: right !important;
    text-align: right;
}

.btnExpandBig {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 0px !important;
}

.btnCollapseBig {
    font-size: 16px;
    color: var(--clr-white);
    padding-left: 0px !important;
}

    .btnCollapseBig:after {
        content: "\f147";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 28px;
        line-height: 40px;
        color: var(--clr-white);
        margin-left: 5px;
    }

.lblMedSummaryHeader {
    font-size: 15px !important;
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    padding: 0;
    margin: 0;
    float: left;
    font-weight: 700;
    line-height: 38px !important;
}

.btnExpand:before {
    content: "\f196";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    line-height: 40px;
}

.btnCollapse:before {
    content: "\f147";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    line-height: 40px;
    color: var(--clr-white);
}

.btnCollapseWhite,
.btnCollapseBlack,
.btnExpandWhite,
.btnExpandBlack {
    float: left;
    height: 25px !important;
    display: inline;
}

.btnCollapseBlack,
.btnExpandBlack {
    color: var(--clr-blacklight2);
}

    .btnExpandWhite:after,
    .btnExpandBlack:after {
        content: "\f196";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        line-height: 22px;
        margin-left: 7px !important;
    }

    .btnCollapseBlack:hover,
    .btnExpandBlack:hover {
        color: var(--clr-black) !important;
    }

.btnCollapseWhite:hover,
.btnExpandWhite:hover {
    color: var(--clr-white) !important;
}

.btnCollapseWhite:after,
.btnCollapseBlack:after {
    content: "\f147";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    line-height: 30px;
    margin-left: 5px !important;
}

.btnCollapseExpandBig {
    color: var(--clr-blacklight2) !important;
}

    .btnCollapseExpandBig:hover {
        color: var(--clr-black) !important;
    }

    .btnCollapseExpandBig::after {
        font-size: 28px;
        /*color: var(--clr-white) !important;*/
    }

    .btnCollapseExpandBig::before {
        color: var(--clr-blacklight2) !important;
    }

.dvLastThreeAppt {
    width: fit-content !important;
    float: left !important;
    margin-top: 2px;
    display: inline;
}

.dvFieldSetBorder2 {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #B6B6B6;
    margin-bottom: 30px;
    width: 100%;
}

.btnPregnant,
.btnAllergic {
    width: 26px;
    height: 26px;
    border: 1px solid var(--clr-reddark1) !important;
    background-color: var(--clr-reddark1) !important;
    color: var(--clr-white);
    margin-top: 3px;
    text-align: center;
}

    .btnPregnant:hover,
    .btnAllergic:hover {
        color: var(--clr-white) !important;
    }

.btnPregnant {
    border-radius: 50%;
}

    .btnPregnant::before {
        content: "P";
        font-family: 'LatoRegular';
        font-size: 20px;
        line-height: 25px;
    }

.btnAllergic:before {
    content: "A";
    font-family: 'LatoRegular';
    font-size: 20px;
    line-height: 23px;
}

.ImgGalleryPlay:before {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 7px;
    font-size: 15px;
    line-height: 25px;
    margin-right: 4px;
    color: var(--clr-green);
}

.ImgGalleryPlay {
    background-color: var(--clr-purple);
    line-height: 25px;
    height: 25px !important;
    box-shadow: none !important;
    text-align: center !important;
    min-width: 15px !important;
}

.ImgImageDownload {
    line-height: 20px !important;
    height: 17px !important;
    box-shadow: none !important;
    text-align: center !important;
    color: rgba(0, 0, 0, 0.5);
    min-width: 15px !important;
}

    .ImgImageDownload:before {
        content: "\f019";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 17px;
        line-height: 20px !important;
    }

.ImgImageDownloadBig:before {
    content: "\f019";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    line-height: 38px !important;
}

.btnCall:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    line-height: 30px;
    margin-right: 6px;
}

.btnCall.small:before {
    line-height: 25px !important;
}

.btnCallSmall:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 15px;
    margin-right: 6px;
}

.btnForrowedCall:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 30px;
}

.btnCalenderBorder:before,
.btnCalenderBorderSmall:before,
.btnCalender:before {
    content: "\f073";
    line-height: 30px;
    font: normal normal normal 14px/1 FontAwesome;
}

.btnCalenderBorder:before,
.btnCalenderBorderSmall:before,
.btnCalender:before {
    color: var(--clr-graylight1);
}

.btnCalenderBorderSmall:before {
    margin-right: 4px;
    font-size: 12px;
    vertical-align: text-top;
    line-height: 14px;
}

.btnCommon.btnCalenderBorder:before,
.btnCommon.btnCalender:before {
    color: var(--clr-blacklight2);
}

.btnCalenderSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f073";
    font-size: 17px;
    line-height: 20px;
}

.btnCalander:hover {
    border: none !important;
    box-shadow: none !important;
    background-color: none !important;
}

.btnCalander {
    border: none !important;
}

    .btnCalander:before {
        content: "\f073";
        line-height: 30px;
        font: normal normal normal 16px/1 FontAwesome;
        margin-right: 3px;
    }

.btnTime:before {
    content: "\f017";
    line-height: 30px;
    font: normal normal normal 16px/1 FontAwesome;
    color: var(--clr-graylight1);
}

.lblNonLinkResources {
    padding: 2px;
}

.lblLinkResourcesRed,
.lblLinkResourcesGreen {
    cursor: pointer;
    padding: 2px;
}

    .lblLinkResourcesRed:before,
    .lblLinkResourcesGreen:before {
        content: "\f017";
        line-height: 30px;
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 4px;
    }

    .lblLinkResourcesGreen:before {
        color: var(--clr-greendark1);
    }

    .lblLinkResourcesRed:before {
        color: var(--clr-red);
    }

.btnPackCompleted,
.btnApplyPackage,
.btnCopyPackage,
.btnPackageUpgrade,
.btnPackageCompleted,
.btnPackNotCompleted {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    cursor: pointer;
    text-align: center;
    margin: 6px auto;
}

ll,
.btnPackNotCompleted {
    background-color: rgba(255, 255, 255, 0.7) !important;
    border: 2px solid var(--clr-blacklight2) !important;
    color: var(--clr-blacklight2);
    cursor: pointer;
    margin-top: 6px;
}

    .btnRecurringRecall:hover,
    .btnPackNotCompleted:hover {
        background-color: var(--clr-white) !important;
        color: var(--clr-black) !important;
    }

.btnSmilyBig {
    float: right;
}

    .btnSmilyBig:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 40px;
        line-height: 28px;
        float: left;
        padding: 3px 0 0 0;
        content: "\f119";
        color: rgba(255, 255, 255, 0.7);
    }

.btnAll {
    width: 100px;
}

.dvSummaryContainer {
    padding: 5px;
    background-color: rgba(92, 109, 126, 0.2);
    border-radius: 3px;
}

.btnPackageCompleted:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    font-size: 14px;
    line-height: 24px;
    margin-left: 4px;
}

.btnPackNotCompleted:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    font-size: 14px;
    line-height: 23px;
    margin-left: 1px;
}

.btnPackageCompleted {
    color: var(--clr-white) !important;
    background-color: var(--clr-green) !important;
}

.btnCompleted::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f058";
    font-size: 14px;
    line-height: 35px;
    color: var(--clr-green) !important;
}

.btnNotCompleted::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f058";
    font-size: 14px;
    line-height: 35px;
}

.btnDiscontinue:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f05c";
    font-size: 14px;
    line-height: 25px;
}

.btnBatch {
    color: var(--clr-green);
}

    .btnBatch:hover {
        color: var(--clr-green) !important;
    }

.btnNonBatch {
    color: var(--clr-reddark2);
}

    .btnNonBatch:hover {
        color: var(--clr-reddark2) !important;
    }

.btnBatch:before {
    content: "D";
    font-family: 'LatoRegular';
    font-size: 18px;
    line-height: 35px;
}

.btnNonBatch:before {
    content: "D";
    font-family: 'LatoRegular';
    font-size: 18px;
    line-height: 35px;
}

.btnUpgrade:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 35px;
    content: "\f148";
}

.btnDowngrade:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 35px;
    content: "\f149";
}

.dvEMRTotalContainerHigh:before,
.dvEMRTotalContainerLow:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 28px;
    color: var(--clr-blacklight2);
    float: left;
    padding: 3px 0 0 0;
}

.dvEMRTotalContainerLow:before {
    content: "\f118";
}

.dvEMRTotalContainerHigh:before {
    content: "\f119";
}

.btnExchangedItem:before {
    content: "\f0ec";
    font-size: 20px;
    margin-left: 6px;
    line-height: 28px;
    color: var(--clr-white);
}

.btnCopyPackage:before {
    content: "\f0c5";
    margin-left: 4px;
    font-size: 16px;
    line-height: 24px;
}

.btnApplyPackage:before {
    content: "\f00c";
    font-size: 20px;
    line-height: 26px;
    color: var(--clr-green);
    margin-left: 2px;
}

.btnRemoveAccess,
.btnAccess {
    background-color: var(--clr-white);
}

    .btnAccess:before {
        content: "\f235";
        font-size: 14px;
        line-height: 36px;
        color: var(--clr-green);
    }

    .btnRemoveAccess:before {
        content: "\f235";
        font-size: 14px;
        line-height: 36px;
        color: var(--clr-reddark1);
    }

.btnMarkNotImportant:before {
    content: "\f024";
    font-size: 14px;
    line-height: 36px;
    color: var(--clr-reddark1);
}

.btnIconLeft:before {
    float: left !important;
}

.btnMarkImportant:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f024";
    font-size: 14px;
    line-height: 36px;
}

.btnSearchBrands {
    width: 28px;
    height: 29px;
    border-radius: 50%;
    border: 2px solid var(--clr-white);
    background-color: var(--clr-white);
}

    .btnSearchBrands:before {
        content: "B";
        margin-left: 5px;
        font-size: 21px;
        color: var(--clr-reddark1);
        line-height: 26px;
    }

.btnPatientHandout:before {
    content: "\f02d";
    font-size: 23px;
    color: var(--clr-white);
    line-height: 30px;
}

.btnPaddRight:before {
    line-height: 32px !important;
}

.btnFamilyMember:before {
    content: "\f234";
    margin-left: 4px;
    font-size: 41px;
    line-height: 19px;
}

.divCalculationAge {
    margin-top: 3px;
}

.btnCalculate {
    width: 25px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid var(--clr-reddark1);
}

    .btnCalculate:before {
        content: "c";
        margin-left: 2px;
        font-size: 34px;
        line-height: 15px;
        color: var(--clr-reddark1);
    }

.btnAdd:before {
    content: "\f055";
    font-size: 20px;
    line-height: 30px;
}

.dvAdminSupport {
    width: fit-content;
    cursor: pointer;
    margin-top: 5px;
    float: left;
}

.dvLoginPageLogo {
    margin-left: 5px;
    line-height: 28px;
    float: left;
}

.dvAllSocialMediaLink {
    padding-top: 10px !important;
    min-height: 50px;
}

.btnSocialMedia {
    font-family: LatoRegular;
    cursor: pointer;
    outline: none !important;
    height: 40px !important;
    letter-spacing: .025em;
    transition: all .15s ease;
    min-width: 40px;
    border-radius: 3px !important;
    padding: 0px !important;
    margin-right: 10px;
}

.pnlLoginMargin {
    margin-left: 48px;
}

.btnFacebook::before,
.btnTwitter::before,
.btnInstagram::before,
.btnLinkedIn::before,
.btnGooglePlus::before {
    font: normal normal normal 16px/1 FontAwesome;
    font-size: 44px;
    line-height: 40px;
}

.btnFacebook::before {
    content: "\f082";
    color: #3b5998;
}

.btnTwitter::before {
    content: "\f081";
    color: #1dcaff;
}

.btnInstagram::before {
    content: "\f16d";
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.btnLinkedIn::before {
    content: "\f08c";
    color: #4b5158;
}

.btnGooglePlus::before {
    content: "\f0d4";
    color: #d34836;
}

.btnPackageUpgrade {
    background-color: var(--clr-green);
}

    .btnPackageUpgrade:before {
        content: "\f07d";
        font-size: 18px;
        line-height: 32px;
    }

    .btnPackageUpgrade:after {
        content: "\f07d";
        font-size: 18px;
        line-height: 32px;
    }

.btnEditLeft {
    float: left;
    margin-left: 7px;
    margin-top: 2px;
}

    .btnEditLeft:before {
        line-height: 20px !important;
    }

.btnEdit {
    box-shadow: none !important;
}

    .btnEdit.shadow {
        box-shadow: 0 0 2px var(--clr-graylight1) !important;
    }

    .btnEdit.small {
        cursor: pointer;
        background-color: var(--clr-white);
        border: 1px solid var(--clr-graylight1);
        color: var(--clr-blacklight2);
        height: 25px;
        margin-left: 10px;
        padding: 5px 7px !important;
        border-radius: 4px !important;
        cursor: pointer !important;
    }

        .btnEdit.small:before {
            margin-right: 0px !important;
            line-height: 25px !important;
        }

    .btnEdit:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f040";
        font-size: 14px;
        line-height: 30px;
    }

    .btnEDIT:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f040";
        font-size: 14px;
        line-height: 30px;
    }

.btnEditgap:before {
    margin-right: 6px;
    line-height: 20px !important;
}

.btnEditBorder {
    margin-bottom: 5px !important;
}
/*All Lock Button*/
.btnLock,
.btnInfoBig {
    background-color: #E74C3C;
    border-radius: 50%;
    line-height: 30px;
    width: 35px;
    height: 35px;
    float: left;
    margin-left: 0.5rem;
}
    /*All Lock Button before*/
    .btnLock:before,
    .btnInfoBig:before {
        font: normal normal normal 23px/1 FontAwesome;
        content: "\f023";
        color: #ffffff !important;
        margin-left: 10px;
        line-height: 35px;
    }

    .btnInfoBig:before {
        content: "\f129";
        padding-left: .3rem;
    }

.dvBtnLock.alignment {
    padding-top: 5px !important;
}

    .dvBtnLock.alignment .btnLock {
        margin-left: 0rem;
    }

.dvAppointmentRow.w-90 {
    width: 90%;
}

.btnEditBorder:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f040";
    font-size: 18px;
    line-height: 38px;
}

.btnEditSmall,
.btnEditSmallAfter {
    height: 20px !important;
    box-shadow: none !important;
}

    .btnEditSmall:before {
        content: "\f040";
        font-size: 14px;
        line-height: 30px;
        font: normal normal normal 14px/1 FontAwesome;
    }

    .btnEditSmallAfter:after {
        content: "\f040";
        font-size: 12px;
        line-height: 30px;
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 5px;
    }

.btnEditTotal:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f040";
    font-size: 14px;
    line-height: 30px;
    margin-right: 7px;
}

.btnEmail:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f003";
    font-size: 14px;
    line-height: 30px;
}

.btnEmail.small:before {
    line-height: 22px !important;
    margin-right: 6px !important;
}

.btnLabInicator:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1fb";
    font-size: 14px;
    line-height: 30px;
}


.btnDeleteSmall {
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    height: 20px !important;
}

.btnDeleteSmall,
.btnDeleteBorder,
.btnDelete {
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.btnDeleteSmall {
    box-shadow: none !important;
    height: 32px !important;
}

.btnDeleteSmallHeight {
    height: 30px !important;
    box-shadow: none !important;
    text-align: center;
    margin-top: 2px;
    line-height: 30px !important;
}

.btnDeleteExtraSmall {
    height: 25px !important;
    padding-left: 5px !important;
    box-shadow: none !important;
}

.btnDeleteSmallHeight:before,
.btnDeleteBorder:before,
.btnDeleteSmall:before,
.btnDelete:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f014";
}

dvButtonWrapperPetty
.btnLock {
    padding: 16px 9px 3px 0px;
    background-color: var(--clr-gray) !important;
    border-radius: 5px 5px 2px 2px;
    border-radius: 50%;
    line-height: 30px;
}

/*.btnLock:before {
    font: normal normal normal 30px/1 FontAwesome;
    content: "\f023";
    color: var(--clr-white) !important;
    margin-left: 8px;
    line-height: 35px;
}*/

.btnLock.small {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

    .btnLock.small:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f023";
        color: var(--clr-white) !important;
        margin-left: 7px;
        line-height: 25px;
        vertical-align: top;
    }

.btnRecallNotification::before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f0f3";
    line-height: 25px;
    color: var(--clr-reddull1) !important;
    font-weight: 700;
    margin-left: 5px;
}

.btnSmallDelete {
    height: 20px !important;
}

.btnStaffImage {
    width: 36px;
    height: 36px;
    float: right;
    border-radius: 50%;
    margin: 5px 5px 0 0
}

.btnPatientImage {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
}

.btnStaffIcon {
    float: right;
    margin-top: 6px !important;
}

.btnStaffSmallImage {
    display: inline;
    height: 33px;
    width: 33px;
    margin-right: 5px;
    float: left;
}

.btnStaffIconLeftBlack {
    float: left;
    margin-top: 3px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 5px;
}

    .btnStaffIconLeftBlack:before {
        font: normal normal normal 21px/1 FontAwesome;
        content: "\f2bd";
        margin-right: 4px;
        font-size: 32px;
        color: var(--clr-white);
    }

    .btnStaffIconLeftBlack:before {
        color: #808080;
    }

.btnStaffIconLeft,
.btnStaffIconBlack {
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
}
/*Used for Patient Name pn Quick Info*/
.lblFontPatNameNew {
    font-size: 14px;
    line-height: 16px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    /*float:left;*/
    text-overflow: ellipsis;
}

    .lblFontPatNameNew.format {
        overflow: auto;
        display: table;
    }

    .lblFontPatNameNew.align-name {
        line-height: 32px !important;
    }
/*Used for FontSize*/
.lblFontSizePara {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
}

.btnStaffIconLeft:before,
.btnStaffIcon:before {
    font: normal normal normal 21px/1 FontAwesome;
    content: "\f2bd";
    margin-right: 5px;
    font-size: 34px;
    color: var(--clr-white);
}

.btnStaffIconBlack:before {
    font: normal normal normal 21px/1 FontAwesome;
    content: "\f2bd";
    margin-right: 5px;
    font-size: 34px;
    color: var(--clr-gray);
}

.btnStaffIconWhiteDull:before {
    color: rgba(255, 255, 255, 0.7) !important;
}

.btnDeleteBorder:before {
    font-size: 22px;
    line-height: 38px;
}

.btnDelete:before {
    font-size: 14px;
    line-height: 32px !important;
}
/*Used for Color Yellow*/
.lblCalendarToday {
    color: var(--clr-black) !important;
    background-color: var(--clr-yellow) !important;
    border: 1px solid var(--clr-graylight1dull1) !important;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnDeleteSmall:before {
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 18px;
    line-height: 25px;
}

.btnDeleteExtraSmall:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f014";
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 18px;
    line-height: 20px;
}

.btnDeleteSmallHeight,
.btnDeleteBorder:before,
.btnDeleteSmall:hover,
.btnDelete:hover {
    color: var(--clr-black) !important;
}

.btnImage1:before {
    content: "\f044";
    font-size: 20px;
}

.btnImage2:before {
    content: "\f044";
    font-size: 20px;
}

.btnCommand1:before {
    content: "\f044";
    font-size: 20px;
}

.btnCommand2:before {
    content: "\f044";
    font-size: 20px;
}

.btnMakeHead:before {
    content: "\f044";
    font-size: 20px;
}

.btnApptOpenBillSearchBig {
    width: 42px !important;
}

.lblSelectedDiagnosisName {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-family: LatoRegular;
    background-color: transparent;
    color: var(--clr-black) !important;
    border: 0;
    font-size: 15px;
    line-height: 30px;
    float: left;
    padding-left: 5px;
}

.openSmallWindowFrame {
    width: 100%;
    border: none;
}

.btnResponsiveBack {
    display: none;
}

/*BootStrap Grid*/
.dvGridColumnCenter,
.dvGridColumnNew,
.dvGridColumn {
    padding-left: 2px;
    padding-right: 2px;
}

.dvGridColumnAdjustment {
    padding-top: 5px !important;
}

.dvGridColumnAlignRightWhite,
.dvGridColumnAlignRightBlack,
.dvGridColumnAlignRight {
    padding-left: 1px;
    padding-right: 1px;
    text-align: right !important;
    color: var(--clr-white);
}

.dvGridColumnAlignRightWhite {
    text-align: right;
}

.dvGridColumnCenter {
    text-align: center !important;
}

.dvGridColumnAlignRightBlack {
    color: var(--clr-black) !important;
}

.dvGridFieldHeader,
.dvGridFieldHeaderTextCenter,
.dvGridFieldHeaderTextRight {
    background-color: var(--clr-graylight2dull1New);
    background-image: none;
    color: var(--clr-black);
    border-bottom: none !important;
    line-height: 20px;
    font-size: 12px;
    font-family: LatoRegular;
    font-weight: 700;
    padding: 4px 5px 4px 4px;
    text-transform: uppercase;
}

.dvGridFieldHeaderTextCenter {
    text-align: center;
}

.dvGridFieldHeaderTextCenterBG {
    background-color: var(--clr-graylight2dull1New);
    text-align: left !important;
}

.dvGridFieldHeaderTextCenterNoBG {
    background-color: transparent !important;
    border-bottom: 1px solid var(--clr-graylight2dull1New) !important;
}

.dvGridRowHeader {
    background-color: var(--clr-graylight2dull1New);
    padding: 0px !important;
}

.dvGridFieldHeaderBorderRight {
    border-right: 1px solid var(--clr-graylight2dull1New);
}

.dvGridFieldHeaderTextRight {
    text-align: right;
}

.dvGridValue {
    padding-left: 0px !important;
    padding-right: 5px !important;
}

.dvGridValueRight {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Search Container*/
.dvFormControlNotFirst {
    border-top: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
    border-right: none;
    height: 32px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: var(--clr-white) !important;
}

    .dvFormControlNotFirst span RadComboBox_Search {
        background-color: var(--clr-white) !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid var(--clr-graylight1);
        border-bottom: 1px solid var(--clr-graylight1);
        border-right: none;
        border-left: 1px solid var(--clr-white);
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

.dvFormControlLast {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding: 0;
}

.lblSubHeaderSimpleRightAlign {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 16px;
    line-height: 25px;
    color: var(--clr-black);
    background-color: transparent;
    border: 0;
    vertical-align: middle;
}

/*Global float left*/
.divFloatLeft {
    float: left;
}

/*Common button Container*/
.divAddNewButtonContainer {
    float: left;
    padding-left: 15px;
    line-height: 20px;
}

.btnNextWithArrow,
.btnPrevWithArrow {
    height: 36px !important;
    width: 38px !important;
    border: 1px solid var(--clr-graylight1);
    cursor: pointer;
    outline: none !important;
    padding: 0 !important;
}

.btnPrevWithArrow {
    border-right: none !important;
}

.btnNextWithArrow {
    border-left: none !important;
}

.btnPrevWithArrow,
.btnNextWithArrow {
    border-radius: 0 !important;
}

    .btnNextWithArrow:before {
        content: "\f054";
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 5px;
        font-size: 14px;
        line-height: 30px;
    }

    .btnPrevWithArrow:before {
        content: "\f053";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 30px;
    }

.btnNextWithArrowSmall,
.btnPrevWithArrowSmall {
    width: 30px !important;
    border: 1px solid var(--clr-graylight2);
    cursor: pointer;
    outline: none !important;
    border-radius: 0 !important;
    height: 32px !important;
}

.dvDateBtnGroup {
    float: left;
}

.dvAttDay {
    padding: 4px 10px;
    border: 1px solid var(--clr-graylight1) !important;
    text-align: center;
    height: 40px;
    line-height: 33px;
    font-weight: 700;
}

.dvDateBtnGroup .RadInput {
    border: 1px solid var(--clr-graylight2) !important;
}

.btnNextWithArrow:hover,
.btnPrevWithArrow:hover,
.btnPrevWithArrowSmall:hover {
    background-color: var(--clr-graylight2);
}

.dvControlNotLast,
.dvFormControl {
    height: 32px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*Inactiive patient container*/
.dvIsPatientInActive {
    width: auto;
    float: right;
    padding-right: 0;
}

/*Search Text Box*/
.FormControlWidthFull {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.dvSearchContainerBorder {
    border-right: none !important;
}

.GridButtonContainerLeft {
    float: left;
    margin-left: 8px !important;
}

.btnNoMarginLeft {
    margin-left: 0 !important;
}

.dvPaymentCards {
    padding: 15px;
    border: 1px solid var(--clr-graylight1);
    border-radius: 3px;
    margin-bottom: 15px;
}

.GridButtonContainerLeft0 {
    float: left;
    margin-left: 0;
}

.dvButtonFromRight2 {
    float: right !important;
    margin-left: 20px !important;
}

.GridButtonwithText {
    float: left;
    margin-left: 0;
    line-height: 38px;
}

.ButtonContainerLeft {
    float: left;
    padding-left: 5px;
}

    .ButtonContainerLeft .btnSmallLink {
        line-height: 30px !important;
    }

.btnSmallNonLinkBold {
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid var(--clr-gray);
    color: var(--clr-black);
    padding: 1px 10px !important;
    text-align: left;
    margin: 0;
    line-height: 35px;
    cursor: default;
}

.dvBorderBottom {
    border-bottom: 1px solid var(--clr-graylight2dull1New) !important;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.GridButtonContainerLast {
    float: right;
    padding-left: 0;
    width: auto !important;
}

.GridButtonContainer {
    float: right;
    padding-left: 15px;
}

.dvGridButtonContainer {
    text-align: right;
    padding-left: 15px;
}

.btnSmallLinkBoldRed {
    font-family: LatoRegular;
    font-weight: 700;
    cursor: pointer;
    font-size: 16px;
    background-color: transparent;
    border: none !important;
    padding: 1px 10px;
    text-align: left;
    margin: 0;
    line-height: 35px;
    color: var(--clr-bluelight1dull2);
}

.btnBillStatus {
    padding: 3px 10px;
    border-radius: 4px;
}

.dvTxCalculation {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid var(--clr-green);
}

.btnSmallLinkBoldRedBorder {
    border: 1px solid var(--clr-reddark1);
    background-color: var(--clr-reddull1);
}

.btnSmallLinkBoldGreenBorder {
    border: 1px solid var(--clr-green);
}

/*All Button */
.btnRedOnly,
.btnGreenOnly {
    border: 1px solid var(--clr-graylight2);
    background-color: var(--clr-graylight2);
    cursor: pointer;
    padding: 3px;
    min-height: 29px;
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-black);
    font-size: 15px;
    outline: none !important;
    height: 32px;
}

.btnGreen {
    border: 1px solid var(--clr-purplelight2);
    color: var(--clr-white);
    cursor: pointer;
    outline: none !important;
    height: 32px;
    background-color: var(--clr-white);
}

    .btnGreen:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f055";
        margin-right: 4px;
        margin-left: 4px;
        font-size: 23px;
        line-height: 25px;
        color: var(--clr-purplelight2);
    }

.formCtrlText {
    background-color: var(--clr-graylight2) !important;
    color: var(--clr-black);
    border-radius: 0 !important;
    font-family: LatoRegular;
    box-shadow: none !important;
    border-top: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1) !important;
    border-left: none !important;
    border-right: none !important;
    text-shadow: 0 -1px 0 var(--clr-white);
    transition: none;
    font-size: 16px !important;
    outline: none !important;
    padding-left: 5px !important;
    font-weight: 500;
    width: 120px !important;
    padding: 0 !important;
    float: left;
    text-align: center;
    height: 31px;
}

.dvBorderAll {
    border: 1px solid var(--clr-graylight1) !important;
}
/*Used for Remove Fev Rx on EMRMater*/


.btnRemoveFromGiven:before {
    content: "\f005";
}



.btnRemoveFromFav:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005";
    font-size: 14px;
    color: var(--clr-orangedark1);
    line-height: 26px;
}

.btnRemoveFromFav,
.btnAddFromFav {
    text-align: center;
    line-height: 35px !important;
}

.btnAddFromFav {
    color: var(--clr-blackdull1);
}

    .btnRemoveFromFav:before,
    .btnRemoveFromGiven:before,
    .btnAddFromFav:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f005";
        font-size: 14px;
        line-height: 26px;
    }

/*Used for Remove From Fav/Add From Fav */
.btnRemoveFromGiven {
    background-color: #2ecc71;
}
    /*Used for Remove From Fav/Add From Fav */
    .btnRemoveFromGiven:hover {
        background-color: #2ecc71 !important;
    }

    .btnRemoveFromGiven:before {
        color: #FFFFFF;
    }

.btnStarSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005";
    font-size: 13px;
    line-height: 7px;
}

.btnStarSmall {
    margin-top: 7px;
    height: 10px;
}

.btnR {
    margin-right: 2px;
    float: right !important;
    text-align: left;
}

.btnL {
    margin-left: 4px;
    float: left !important;
    text-align: left;
    margin-top: 0px !important;
}

.btnPackageP:before {
    content: "P";
    font-size: 9px;
    line-height: 5px;
}

.btnPackageP {
    background-color: var(--clr-blacklight2);
    color: var(--clr-white);
    border-radius: 50%;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 10px !important;
    margin-top: 4px !important;
}

.btnStar:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005";
    font-size: 14px;
}

.btnStar {
    float: left;
    margin-left: 6px;
}

.btnStarsBig {
    float: left;
    margin-left: 8px;
    top: -3px;
}

    .btnStarsBig:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f005";
        font-size: 14px;
        /* line-height: 21px; */
        vertical-align: middle;
        /* margin-bottom: 3px; */
    }

.btnStarBigAfter {
    float: left;
    margin-left: 4px;
}

    .btnStarBigAfter:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f005";
        font-size: 13px;
    }

.btnStarBig {
    float: left;
    margin-left: 4px;
}

.btnStarBigAfter {
    float: left;
    margin-right: 4px;
}

.btnStarBig:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f005";
    font-size: 13px;
}

.btnStarBigM {
    float: left;
    margin-left: 4px;
}

    .btnStarBigM:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f005";
        font-size: 16px;
    }

.btnStarExtraBig {
    float: left;
    margin-left: 4px;
}

    .btnStarExtraBig:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f005";
        font-size: 30px;
        line-height: 38px;
        margin-left: 5px;
    }

.btn-group, .btn-group-vertical {
    vertical-align: baseline !important;
    margin-left: 0;
}

.divButtonGroupContainerOuter,
.divButtonGroupContainer {
    border-radius: 2px;
    float: left;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.divButtonGroupContainer {
    font-size: 0;
    border: 1px solid var(--clr-graylight1);
    margin-right: 15px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    border-radius: 3px !important;
}

.divButtonGroupContainer2 input[type="submit"]:last-child {
    border-left: 1px solid var(--clr-gray) !important;
}

.divButtonGroupContainer.new {
    margin-right: 0px !important;
}

    .divButtonGroupContainer.new input[type="button"]:before {
        margin-right: 6px !important;
    }

.divButtonGroup {
    font-size: 0;
    box-shadow: 0 0 2px var(--clr-gray);
}

    .dvPatientShortInfo.same-line,
    .divButtonGroup.same-line {
        display: flex !important;
    }

.btnLightBG,
.btnLightBGSelected {
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    font-weight: 700;
    cursor: pointer;
    margin-left: 0;
    font-size: 15px;
    margin: 0;
    background-color: var(--clr-white);
    border: none;
    border: 1px solid var(--clr-gray);
    color: var(--clr-blacklight);
    padding: 6px;
    border-radius: 0px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 39px;
    min-width: 40px;
}

.btnLightBGSelected {
    color: var(--clr-white);
    background-color: var(--clr-gray);
    border: 2px inset var(--clr-graylight1);
}

.divGroup {
    display: inline !important;
    margin-bottom: 15px;
}

.divGroupNew {
    display: inline !important;
    margin-bottom: 0px;
}
/*.divButtonGroupContainerGreen {
    border: 1px solid var(--clr-gray);
}*/

.divButtonGroupRightMargin {
    margin-right: 15px !important;
}

.dvButtonContainerNew {
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}

    .dvButtonContainerNew:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f055";
        font-size: 14px;
        margin-right: 5px;
    }

.dvButtonContainerSearch {
    background-color: var(--clr-gray);
    color: var(--clr-white);
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}

    .dvButtonContainerSearch:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        font-size: 14px;
        margin-right: 5px;
    }

.divButtonGroupContainerOutereSearch {
    margin-left: 15px;
    float: left;
}

.lblFinancialNew {
    font-size: 10px;
    font-family: LatoRegular;
    background-color: var(--clr-purple);
    padding: 3px 5px;
    color: var(--clr-white);
    border-radius: 5px 5px 0px 0px;
}

.lblFinancialSearch {
    font-size: 10px;
    font-family: LatoRegular;
    background-color: var(--clr-orange);
    padding: 3px 5px;
    color: var(--clr-white);
    border-radius: 5px 5px 0px 0px;
}

.btnNormalLightBG,
.btnNormalLightBGSelectedRed,
.btnNormalLightBGSelectedBlue,
.btnNormalLightBGSelected,
.btnNormalLightBGSelectedGreen {
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    font-size: 14px;
    margin: 0;
    background-color: var(--clr-white);
    border: none;
    color: var(--clr-blacklight);
    padding: 6px;
    border-radius: 0px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 35px;
    min-width: 42px;
    border-right: 1px solid var(--clr-graylight1);
    background-color: var(--clr-white);
    line-height: 15px !important;
}

.btnNormalLightBGMultiple {
    padding: 11px 6px 1px 6px !important;
}

.btnNormalLightBGMultipleBottom {
    padding: 0px 6px 1px 6px !important;
    text-align: left;
}

    .btnNormalLightBGMultipleBottom p {
        padding: 0px;
        margin: 0px !important;
        line-height: 19px;
    }

.btnTooltipBottom {
    font-size: 11px;
    top: 0px;
    color: var(--clr-black);
}

.btnTooltip {
    position: absolute;
    font-size: 11px;
    top: 0px;
    color: var(--clr-blacklight1);
    margin-top: 2px;
}

.btnNormalLightBGSelected .btnTooltip {
    color: var(--clr-black) !important;
}

.btnNormalLightBGSelected .desc
.btnNormalLightBG .desc {
    text-align: left !important;
    line-height: 30px !important;
}

.btnNormalLightBGSelected.imp,
.btnNormalLightBG.imp {
    padding: 6px 15px !important;
}



.btnTooltipRed {
    margin-left: 5px;
    background-color: var(--clr-bluelight1) !important;
    padding: 2px 5px 3px;
    color: var(--clr-white);
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: .4px;
}

.btnTooltipRedSmall {
    margin-left: 1px;
    background-color: var(--clr-bluelight1) !important;
    padding: 1px 5px 2px;
    color: var(--clr-white);
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: .4px;
}

.btnNormalLightBGSelected .btnTooltipBottom {
    line-height: 10px !important;
}

.btnNormalLightBGSelectedBlue {
    color: var(--clr-white);
    background-color: var(--clr-greendark1);
    border: 0px inset var(--clr-greendark1);
}

.btnNormalLightBGSelected,
.btnNormalLightBGSelectedGreen {
    background-color: var(--clr-white) !important;
    color: #000 !important;
    font-weight: 700;
    border-bottom: 5px inset var(--clr-greendark1) !important;
    line-height: 14px !important;
}

.btnNavigateButtonSelected {
    color: var(--clr-white) !important;
    padding: 9px 20px;
    border: 1px solid var(--clr-blue);
    background-color: var(--clr-blue);
}

.btnToday {
    background-color: var(--clr-yellow) !important;
}

.btnRed {
    background-color: var(--clr-red) !important;
    color: var(--clr-white) !important;
}

.btnGray {
    background-color: var(--clr-graydark1) !important;
    color: var(--clr-white) !important;
}

    .btnRed .btnTooltip,
    .btnGray .btnTooltip {
        color: var(--clr-white) !important;
    }

.btnNormalLightBGSelectedRed {
    color: var(--clr-white);
    background-color: var(--clr-reddull1);
}

.ListOptionValue:hover,
.btnNormalLightBG:hover {
    color: var(--clr-black);
    background-color: var(--clr-graylight2);
}

.dvPageInsideModal {
    padding: 15px !important;
    padding-bottom: 0px !important;
}

.borderRight {
    border-right: 1px solid var(--clr-graylight1);
}

.ListOptionValue,
.ListOptionValueSelected {
    cursor: pointer;
    font-family: LatoRegular;
    font-size: 14px;
    outline: none !important;
    padding: 5px 10px;
}

.ListOptionValueSelected {
    background-color: var(--clr-blue) !important;
    border: 1px solid var(--clr-blue) !important;
    color: var(--clr-white) !important;
}

.ListOptionValueSelectedNew {
    background-color: var(--clr-blue) !important;
    border: 1px solid var(--clr-blue) !important;
    color: var(--clr-white) !important;
    padding: 4px;
}

    .ListOptionValueSelectedNew span {
        color: var(--clr-white) !important;
    }

.ListOptionValue {
    background-color: var(--clr-white);
    border-bottom: 1px solid var(--clr-graylight2);
    color: var(--clr-black);
}


.BigTextArea {
    height: 300px !important;
    overflow: auto !important;
}

.MedTextArea {
    height: 150px !important;
    overflow: auto !important;
}

.MedTextArea2 {
    height: 100px !important;
    overflow: auto !important;
}

.lblNoPadding {
    padding: 0px !important;
}

.lblGridLineHeight {
    line-height: 32px !important;
}

.ContainerPastother {
    padding: 10px 10px 0px 10px !important;
}
/*Used for Button Group Panel*/
.divButtonGroupCenterSmall {
    padding: 4px 0 3px 0 !important;
}

.lblTooltipGap {
    margin-left: 3px !important;
    white-space: nowrap;
    font-size: 10px !important;
}

.lblTooltipsGap {
    margin-left: 3px !important;
    white-space: nowrap;
    font-size: 11px;
}

.lblInvStatus {
    margin-left: 5px !important;
    background-color: var(--clr-gray) !important;
    color: white !important;
}

.lblMinWidth {
    min-width: 110px;
}

.lblPastDataDate {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.7);
}

.lblCommon {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    outline: none !important;
}

    .lblCommon a {
        color: var(--clr-bluelight1dull2) !important;
        cursor: pointer;
        text-decoration: none !important;
    }

.lblBold {
    font-weight: 700 !important;
}

.lblRedText {
    color: var(--clr-red) !important;
}

.lblGreenText {
    color: var(--clr-greendark1) !important;
}

.lblFieldNameWithBullet {
    line-height: 35px !important;
}

.lblLowEmphasis {
    color: var(--clr-blacklight2);
    line-height: 20px;
}

    .lblLowEmphasis.new {
        color: #5e5e5e !important;
        line-height: 20px;
    }

.lblLowEmphasisGray {
    color: var(--clr-gray);
    line-height: 20px;
}

.lblLowEmphasisForReport {
    color: rgba(0, 0, 0, 0.5) !important;
    line-height: 20px;
}

.lblLowEmphasisSec {
    color: rgba(255, 255, 255, 0.7);
}

    .lblLowEmphasisSec a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

.lblLowEmphasisWhite {
    color: rgba(255, 255, 255, 0.7);
}

    .lblLowEmphasisWhite a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

.lblSecondLowEmphasis {
    color: rgba(255, 255, 255, 0.7);
}

    .lblSecondLowEmphasis a {
        color: rgba(255, 255, 255, 0.7) !important;
    }

.lblColorBlack {
    color: var(--clr-black);
}

.lblColorBlackImp {
    color: var(--clr-black) !important;
}

.lblColorBlackLight1 {
    color: var(--clr-blacklight1);
}

.lblColorPurple {
    color: var(--clr-purple) !important;
}

.lblSeperator {
    padding-left: 5px;
}


.lblBGColorBlack {
    color: var(--clr-white);
    background-color: var(--clr-blacklight1);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-blacklight1);
}

.lblColorWhite {
    color: var(--clr-white) !important;
}

.lblLinkLabel {
    text-decoration: underline;
}

/*.lblColorWhitedull {
    color: var(--clr-whitedull1) !important;
}*/
/*.lblColorWhiteLowEmphasis {
    color: var(--clr-graylight2) !important;
}*/
hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid var(--clr-graylight1) !important;
}

.hr-black {
    border-top: 1px solid var(--clr-black) !important;
}

.lblSmilyBg {
    background-color: var(--clr-orangedark1);
    border-radius: 50%;
    line-height: 25px;
}

.lblSmilyBgBig {
    background-color: var(--clr-orangedark1);
    border-radius: 50%;
    line-height: 30px;
}

.lblColorRed {
    color: var(--clr-red);
}

.lblColorRedImp {
    color: var(--clr-red) !important;
}

.lblColorGray {
    color: var(--clr-graydark1);
}

.lblColorRedDull {
    color: var(--clr-reddull1);
    letter-spacing: 0.2px !important;
}

.lblColorRedDark1 {
    color: var(--clr-reddark1);
}

.lblColorOrange {
    color: var(--clr-orangedark1);
}

.lblColorPurple {
    color: var(--clr-purplelight3);
}

.lblColorGreen {
    color: var(--clr-green);
}

.lblColorGreenImp {
    color: var(--clr-green) !important;
}

.lblColorDark1Green {
    color: var(--clr-greendark1);
}

.lblColorDark1GreenImp {
    color: var(--clr-greendark1) !important;
}

.lblColorbluelight {
    color: var(--clr-bluelight1);
}

.lblColororangedark {
    color: var(--clr-orangedark1);
}

.lblColorBlue {
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
    outline: none !important;
}

.lblColorBluelight {
    color: var(--clr-bluelight1) !important;
    cursor: pointer;
    outline: none !important;
}

.lblColorBlueLight2 {
    color: var(--clr-bluelight2) !important;
    cursor: pointer;
    outline: none !important;
}

.lblColorBlueLine {
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
    outline: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblListSecondaryValue .lblPackage {
    border: 1px solid var(--clr-blacklight1);
    padding: 0px 5px 1px;
    border-radius: 4px;
    margin-right: 5px;
}

.lblColorYellow {
    color: var(--clr-black);
    padding: 2px 5px;
    background: var(--clr-yellow);
}

.lblFontSizeVeryVerySmall {
    font-size: 10px;
    line-height: 15px;
}

.lblFontSizeVerySmall {
    font-size: 12px;
    line-height: 15px;
}

.lblFontSizeVerySmallLine {
    line-height: 15px !important;
}

.lblFontSizeExtraSmall {
    font-size: 12px;
    line-height: 20px;
}

    .lblFontSizeExtraSmall.big {
        line-height: 25px;
    }

.lblFontSizeSmall {
    font-size: 14px;
    line-height: 25px;
}

.lblSmallLine {
    line-height: 10px;
}

.lblFontSizeLargerSmall {
    font-size: 13px;
    line-height: 25px;
}

.lblChkBoxText {
    font-size: 14px;
    padding-left: 5px !important;
    line-height: 30px;
}

    .lblChkBoxText.small {
        line-height: 20px !important;
    }

.lblChkBoxText_n {
    font-size: 14px;
    padding-left: 5px !important;
    line-height: 30px;
    font-weight: bold;
}

.lblChkBoxText.big {
    line-height: 30px !important;
    padding: 0 !important;
    font-weight: bold;
}

.lblFontSizeMedium {
    font-size: 14px;
    line-height: 25px;
}

.lblFontSizePara {
    font-size: 14px;
    line-height: 20px;
}

.lblFontSizeExMedium {
    font-size: 12px;
    line-height: 25px;
}

.lblFontSizeExMedium2 {
    font-size: 12px;
    line-height: 25px;
}

.lblFontSizeSecondMedium {
    font-size: 15px;
    line-height: 25px;
}

.lblCommentText {
    padding-left: 20px;
    line-height: 20px;
}

.lblFontSizeMediumSec {
    font-size: 16px;
    line-height: 25px;
}

.lblFontSizeMediumAutho {
    font-size: 14px;
    line-height: 25px;
}

.lblFontSizeLink {
    font-size: 14px;
    line-height: 25px;
    padding-left: 2px !important;
    text-decoration: underline !important;
}

.gap-small {
    padding-left: 4px !important;
}

.lblFontSizeMediumThird {
    font-size: 18px;
    line-height: 25px;
}

.lblFontSizeExtraMedium {
    font-size: 19px;
    padding: 0 !important;
    line-height: 25px;
}

.lblFontSizeSmallLarge {
    letter-spacing: 0.01em;
    font-size: 20px;
    padding: 0 !important;
    line-height: 30px !important;
}

.lblFontSizeSubHeader {
    font-size: 18px;
    line-height: 25px;
    padding-right: 0;
    font-weight: 700;
}

.lblFontHeader,
.lbl-font-sectiom-header {
    letter-spacing: 0.01em;
    font-size: 23pt;
    line-height: 30px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
}

.lbl-font-sectiom-header {
    font-size: 22px !important;
    color: var(--clr-white);
}

.lblFontHeaderBig {
    letter-spacing: 0.01em;
    font-size: 30pt;
    line-height: 55px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
}

.lblFontHeaderSubTxt {
    letter-spacing: 0.01em;
    font-size: 23pt;
    line-height: 55px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
}

.lblFontHeaderSmall {
    letter-spacing: 0.01em;
    font-size: 20pt;
    line-height: 30px !important;
    font-weight: normal;
}

.lblFontPatName {
    font-size: 20px;
    line-height: 35px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
    float: left;
}

.lblFontHeaderWhite {
    letter-spacing: 0.01em;
    font-size: 23pt;
    line-height: 35px !important;
    color: var(--clr-blacklight1);
    font-weight: normal;
}

.lblChkBoxTextBold {
    letter-spacing: .02rem;
    padding-left: 5px !important;
    font-weight: 700;
}

.lblPatientBillDue {
    color: var(--clr-reddark2);
}

.lblPara {
    font-size: 14px;
    line-height: 20px;
}

.lblPatientBillAdvance {
    color: var(--clr-greendark2) !important;
}

.dvPurpleBorderContainer {
    background-color: rgba(98, 97, 133, 0.5);
    border: 1px solid var(--clr-gray);
    padding: 10px !important;
    margin-top: 5px;
}

.lblPageHeaderAnim {
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
}

.lblRecallLinkedAppt {
    border: 1px solid transparent;
    text-align: left;
    padding: 3px 5px !important;
    margin-bottom: 5px;
}

.lblBulltCaption {
    font-size: 15px;
    line-height: 36px;
    float: left;
}

.lblBulltNormalCaption {
    line-height: 40px;
    padding-left: 5px;
}

.lblBulltCaptionSec {
    font-size: 20px;
    line-height: 40px;
    float: left;
}

.lblPaddingLeft {
    padding-left: 5px !important;
}

.lblBulltCaptionLink {
    font-size: 15px;
    line-height: 36px;
    float: left;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-family: LatoRegular;
    background-color: transparent;
    border: 0;
}

.btnSmallCirclePlus:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f055";
    font-size: 24px;
    line-height: 12px;
    margin-left: 3px;
    width: 22px;
    height: 20px;
    border-radius: 50%;
    vertical-align: super;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnSmallCirclePlus:hover {
    color: var(--clr-white) !important;
}

.lblBulltCaptionWhite {
    font-size: 15px;
    line-height: 36px;
    float: left;
    color: var(--clr-white);
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-family: LatoRegular;
    background-color: transparent;
    border: 0;
}

.lblCaps {
    text-transform: uppercase !important;
}

.lblGap {
    margin-left: 3px !important;
}

.lblGreen {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-greendark1);
}

.lblBGPurple {
    color: var(--clr-white) !important;
    padding: 1px 3px 2px;
    background: var(--clr-purple);
    border: 1px solid var(--clr-purplelight1);
    width: fit-content !important;
}

    .lblBGPurple span {
        color: var(--clr-white) !important;
    }

.lblBGPurpleConfirm {
    color: var(--clr-white) !important;
    padding: 1px 3px 2px;
    background: var(--clr-purplelight3);
    border: 1px solid var(--clr-purplelight3);
    width: fit-content !important;
}

.lblBGGreen {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    width: fit-content !important;
}
/*Used for Margin Right Less*/
.btnRightLMargin2 {
    float: left;
    padding-left: 5px !important;
}

.lblBGGreen span {
    color: var(--clr-white) !important;
}

.lblBGGreenLight {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: rgba(46, 204, 113, 0.7);
    border: 1px solid rgba(46, 204, 113, 0.7);
}

.lblBGGreenDark {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-greendark2);
    border: 1px solid var(--clr-greendark2);
}

.lblBGGreenDull {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: rgba(46, 204, 113, 0.7);
    border: 1px solid rgba(46, 204, 113, 0.7);
}

.lblBorderGreen {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-greendark1);
}

.lblBorderGreenBlack {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-greendark1);
}

.lblBGBlack {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.lblMainService,
.lblNormalService {
    border: 1px solid var(--clr-gray);
    margin-right: 10px;
    padding: 1px 5px 3px;
    border-radius: 3px;
    display: initial;
}

.lblBGBlackLight {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-blacklight1);
    border: 1px solid var(--clr-blacklight1);
}

.lblBGBlackLightGap {
    margin-top: 3px;
}

.lblToolTipNew {
    font-size: 10px;
}

.lblBGSyatem {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}
/*Used for ToolTip gray*/
.lblBGPurpleLight2 {
    color: var(--clr-white);
    background: var(--clr-purplelight2dull2);
}

.lblBorderBlack {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-black);
}

.lblBGOrange {
    padding: 1px 3px 2px;
    background-color: var(--clr-orangedark1);
    border: 1px solid var(--clr-orangedark1);
    color: var(--clr-black);
    width: fit-content !important;
}

.lblBGOrangeBorder {
    padding: 1px 3px 2px;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-orangedark1) !important;
    color: var(--clr-black);
    width: fit-content !important;
}

.lblBGOrangeWithText {
    margin-right: 5px;
    padding: 0px 5px;
    font-weight: bold;
}

.lblBGOrangeLight {
    padding: 2px 3px 3px;
    background-color: var(--clr-orangelight1);
    color: var(--clr-black);
}

.lblBorderOrange {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-orangedark1);
}

.lblBGEGray {
    padding: 1px 3px 2px;
    background-color: var(--clr-gray);
    border: 1px solid var(--clr-gray);
    color: var(--clr-white);
}

.lblBGEGrayInactive {
    padding: 0px 3px 1px;
    background-color: var(--clr-gray);
    border: 1px solid var(--clr-gray);
    color: rgba(255, 255, 255, 0.7);
    margin-top: 6px;
    margin: 0;
    font-family: LatoRegular;
    font-size: 12px;
    margin-top: 6px;
}

.lblBorderEGray {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-gray);
}

.lblBorderWhite {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-white);
    display: initial;
}

.lblBorderRed {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    border: 1px solid var(--clr-red);
}

.lblBGRedDark1 {
    color: var(--clr-white);
    padding: 2px 5px 3px;
    background: var(--clr-reddark1);
    width: fit-content !important;
}

.lblBGRed {
    color: var(--clr-white);
    padding: 2px 5px 3px;
    background: #E74C3C;
    width: fit-content !important;
}

.lblBGGrayDark1 {
    color: var(--clr-white);
    padding: 2px 5px 3px;
    background: var(--clr-gray);
    width: fit-content !important;
}

.lblBGWhite {
    color: var(--clr-blacklight2);
    padding: 1px 3px 2px;
    background: var(--clr-white);
    border: 1px solid var(--clr-white);
}

    .lblBGWhite.border {
        border: 1px solid var(--clr-gray);
    }

.lblBGRedSmall {
    color: var(--clr-white);
    padding: 0px 2px 0px;
    background: var(--clr-reddull1);
    border: 1px solid var(--clr-reddull1);
    margin-left: 2px !important;
}

.lblBGGreenSmall {
    color: var(--clr-white);
    padding: 0px 2px 0px;
    background: var(--clr-greendark3);
    border: 1px solid var(--clr-greendark3);
    margin-left: 2px !important;
}

.lblBGBule {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-blue);
    border: 1px solid var(--clr-blue);
}

.lblBGBuleLight {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-bluelight1);
    border: 1px solid var(--clr-bluelight1);
}

.lblBGRedDull {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-reddull1);
    border: 1px solid var(--clr-red);
}

.lblBGBlue {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-blue);
    border: 1px solid var(--clr-bluedark3);
}

.lblBGBlueBorder {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    background: var(--clr-white);
    border: 1px solid var(--clr-bluedark3) !important;
}

.lblBGBlueLight1 {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-bluelight1);
    border: 1px solid var(--clr-bluelight1);
}

.lblBGBlueLight {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-bluedark2);
    border: 1px solid var(--clr-bluedark2);
}

.lblBGBlueDark {
    color: var(--clr-white);
    padding: 1px 3px 2px;
    background: var(--clr-bluedark3);
    border: 1px solid var(--clr-bluedark3);
}

.lblBGYellow {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    background: var(--clr-yellow);
    border: 1px solid var(--clr-graylight1dull1) !important;
}

.lblBGGray {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    background: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
}

.lblBGGrayLight {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    background: var(--clr-graylight1);
    border: 1px solid var(--clr-graylight2);
}

.lblBGPink {
    color: var(--clr-black);
    padding: 1px 3px 2px;
    background: var(--clr-pink);
    border: 1px solid var(--clr-pink);
    width: fit-content;
}

.lblBorderPink {
    border: 1px solid var(--clr-pink);
    padding: 1px 3px 2px;
}

.dvOptionSelected {
    background-color: var(--clr-blue) !important;
    border: 1px solid var(--clr-blue) !important;
    color: var(--clr-white) !important;
}

.dvMakeInsPatSel {
    background-color: var(--clr-green);
    color: var(--clr-white);
    padding: 3px 5px;
    border-radius: 4px;
    border: 2px solid var(--clr-greendark1);
}

.SplitAmountSeelcted {
    color: black;
    border: 2px solid var(--clr-white);
    background-color: transparent;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 25px;
    display: flex;
}

    .SplitAmountSeelcted .lblColorBlue {
        padding-left: 5px !important;
    }

.dvInsuranceSeperator {
    border-bottom: 1px solid var(--clr-graylight1);
    margin-bottom: 15px;
}

.SplitAmountSeelcted.selcted {
    color: var(--clr-white);
    border: 2px solid var(--clr-greendark1);
    background-color: var(--clr-green);
}

.dvMorePadding {
    padding: 10px;
}

.lblSmallCircle {
    border-radius: 50%;
    margin-top: 2px;
    margin-left: 3px;
    width: 10px;
    height: 10px;
}

.lblTooltip {
    background-color: var(--clr-bluedark3);
    color: var(--clr-white);
    padding: 1px 5px;
    margin-left: 2px;
    bottom: -5px;
    font-size: 12px;
}

.lblTooltipRed {
    background-color: var(--clr-reddull1);
    color: var(--clr-white);
    padding: 1px 5px;
    margin-left: 5px;
    bottom: -5px;
    font-size: 12px;
}

.lblTooltipGreen {
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
    padding: 1px 5px;
    margin-left: 5px;
    bottom: -5px;
    font-size: 12px;
}

.lblRight {
    float: right;
}

.lblSecondRowValue {
    padding-left: 5px !important;
}

.lblBorderPadding {
    padding: 1px 5px;
}

.lblTextUnderLine {
    text-decoration: underline;
    cursor: pointer;
}

.lblTextStrikThrought {
    text-decoration: line-through;
    /*color: var(--clr-blacklight2) !important;*/
}

.lblFontSizeLineHeightSmall {
    line-height: 15px !important;
    text-align: right;
}

.lblPositive:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f139";
    margin-right: 3px;
    font-size: 14px;
}

.lblNegitive:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f13a";
    margin-right: 3px;
    font-size: 14px;
}

.lblQuestionMark:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f059 ";
    margin-left: 3px;
    font-size: 14px;
    color: var(--clr-purple);
}

/*Grid value with Link*/
.btnGridSmallTextBoldNoLink,
.btnGridSmallTextBoldNoLinkValue,
.btnGridFirstColumnSmallLink,
.btnGridPastActivietesSecondaryGreyNew,
.btnGridFirstColumnSmallNoLink,
.lblPatientBillAdvance,
.lblPatientBillDue,
.btnGridPastActivietesSecondaryGrey {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: 1px solid transparent;
}

.btnGridFirstColumnValue {
    cursor: pointer;
    font-size: 19px;
    color: var(--clr-bluelight1dull2);
    padding: 0 !important;
    line-height: 25px;
    letter-spacing: .05rem;
}

.btnGridFirstColumnValueNonLink {
    font-size: 19px;
    color: var(--clr-black);
    padding: 0 !important;
    line-height: 25px;
    letter-spacing: .05rem;
    margin-bottom: 0px !important;
}

.lblGridFirstColumnblack {
    font-size: 15px !important;
    line-height: 25px !important;
    font-family: LatoRegular;
    background-color: transparent;
    border: 0;
    padding: 0 !important;
    font-weight: normal;
}

.lblGridFirstColumnblack {
    color: var(--clr-black);
}

.btnGridSmallTextBoldNoLink {
    font-size: 14px;
    color: var(--clr-gray);
    font-family: LatoRegular;
    font-weight: 700;
    float: left;
    line-height: 24px;
}

.btnGridSmallTextBoldNoLinkValue {
    font-size: 14px;
    color: var(--clr-gray);
    font-family: LatoRegular;
    line-height: 24px;
}

.btnGridSmallTextNoLinkValue a {
    color: var(--clr-black) !important;
}

.btnGridFirstColumnSmallLink {
    cursor: pointer;
    font-size: 16px;
    color: var(--clr-bluelight1dull2);
    line-height: 24px;
}

.btnGridFirstColumnSmallNoLink {
    cursor: pointer;
    font-size: 16px;
    color: var(--clr-black);
    line-height: 24px;
}

.btnGridPastActivietesSecondaryGreyNew {
    font-size: 14px;
    color: var(--clr-graylight2);
}

.btnGridPastActivietesSecondaryGrey {
    font-size: 14px;
    color: var(--clr-graylight2);
}

.DvInnerNestedDiv {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    left: 0 !important;
    background-color: var(--clr-graylight2);
    color: var(--clr-gray);
    border: 1px solid var(--clr-graylight2);
    border-bottom: none !important;
}

.dvGridCol {
    padding-left: 0 !important;
    padding-right: 3px !important;
}

/*Use CtrlEMR Master*/
.dvContainerLeft {
    padding-left: 0 !important;
}

.dvContainerTop {
    padding-top: 8px;
}

.dvContainerRight {
    padding-right: 0 !important;
}

.dvSignRight {
    margin-left: 31px;
}

.dvContainerPaddLeft0 {
    padding-left: 0 !important;
}

.dvContainerPaddRight0 {
    padding-right: 0 !important;
}

.dvMasterListConSmall {
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 10px;
}

.dvMasterListCon {
    padding-left: 0 !important;
    padding-right: 2px !important;
}

.dvMasterListConRight {
    padding-right: 0 !important;
    padding-left: 2px !important;
}

/*Use CtrlEMR Master*/
.dvVitalsMonitor,
.dvMedSummaryClinicalSectionLink,
.dvMedSummaryClinicalSection {
    text-transform: uppercase !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

/*Use for Field Name Caption with Background Color*/
.lblFieldNameHelper,
.lblFieldNameWhite,
.lblFieldNameWhiteBold,
.lblFieldNameInsideGrid,
.lblFieldName,
.lblFieldName_n,
.lblFieldName2,
.lblFieldNameLong,
.lblFieldNameMidium {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 12px;
    line-height: 25px;
}

.lblFieldName2 {
    line-height: 20px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px !important;
}

.lblFieldNameWhite,
.lblFieldNameWhiteBold {
    font-size: 14px;
}

.lblFieldNameLong {
    line-height: 15px;
}

.lblFieldNameWhite {
    color: var(--clr-white) !important;
}

.lblFieldNameUnderline {
    text-decoration: underline;
    cursor: pointer !important;
}

.lblFieldNameHelper {
    line-height: 15px !important;
    color: var(--clr-black);
}

.lblFieldNameWhiteBold {
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-white);
}

.lblFieldName {
    color: var(--clr-graydark2);
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: bold;
}

    .lblFieldName.low {
        color: var(--clr-graydark1);
    }

.lblLowEmphasis.low {
    color: #6a6565;
}

.lblFieldName_n {
    color: var(--clr-graydark2);
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: bold;
}

.lblFieldNameLighter {
    color: var(--clr-purplelight3);
    font-size: 14px !important;
    font-weight: bold;
}

.lblFieldNameMidium {
    font-size: 16px !important;
    line-height: 20px !important;
    color: var(--clr-black);
}

.lblFieldNameRed {
    color: var(--clr-red);
}

.lblFieldNameInsideGrid {
    line-height: 15px !important;
    margin-bottom: -10px;
    color: var(--clr-black);
}

.lblParagraph {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 12px;
}

.lblParagraphs {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 14px;
}

.lblNoRecords,
.rgNoRecordsWhite,
.rgNoRecords,
.rgNoRecordsLeft {
    font-size: 12px;
    color: var(--clr-blacklight1);
    font-family: LatoRegular;
    padding-left: 3px;
}

.rgNoRecordsWhite {
    color: rgba(255, 255, 255, 0.7) !important;
}

.rgNoRecordsLeft {
    padding-left: 0px !important;
}

.lblNoRecords {
    padding-left: 5px;
}

/*Use to show the Receipt Details on the Past Payment Section*/
.lblGridPatDetailsWhite {
    font-size: 13px !important;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--clr-white);
    text-align: left;
    float: left;
    line-height: 20px !important;
    opacity: .6;
}

    .lblGridPatDetailsWhite a {
        color: var(--clr-white) !important;
        text-decoration: none !important;
    }

.btnAddNewItemDropdown {
    padding-top: 20px;
}

.dynamicDivGridEven,
.dynamicDivGridOdd {
    padding-left: 5px;
}

.dynamicDivGridEven {
    background-color: var(--clr-graylight2) !important;
}

    .dynamicDivGridEven:hover {
        background-color: var(--clr-bluelight1) !important;
    }

.dynamicDivGridOdd {
    background-color: var(--clr-white) !important;
}

    .dynamicDivGridOdd:hover {
        background-color: var(--clr-bluelight1) !important;
    }

.dvDynamicGridMain {
    line-height: 35px;
    font-size: 18px;
}

label {
    margin-bottom: 0px !important;
}

.lblPrefChkCaption {
    font-family: LatoRegular;
    font-size: 13px;
    margin-bottom: 0;
}

    .lblPrefChkCaption label {
        width: 92% !important;
        margin-left: 3px !important;
        line-height: 18px;
    }

    .lblPrefChkCaption input {
        width: 15px !important;
        float: left !important;
        margin-top: 6px !important;
    }

.btnMoreOptions:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f013";
    font-size: 20px;
}

.billcustomcaret::after {
    border-right: 0.3em solid var(--clr-gray) !important;
    border-left: 0.3em solid var(--clr-gray) !important;
}

/*Use for Field Name Helper Caption Italic*/
.lblInfoText {
    font-size: 11px;
    margin-bottom: 0 !important;
    color: var(--clr-gray);
}

.btnMoreOptionsMenu {
    float: left;
    margin-left: 15px;
}

.billcustomcaret {
    vertical-align: top;
    padding-left: 0 !important;
}

.btnMoreOptions {
    padding: 6px 8px !important;
    font-size: 15px;
    height: 36px !important;
}

.dropdownmenu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--clr-graylight2);
    top: 100% !important;
    border: 1px solid var(--clr-graylight1) !important;
}

    .dropdownmenu li {
        padding: 3px 0 3px 10px;
    }

    .dropdownmenu .divider {
        padding: 0 0 1px 10px !important;
    }

    .dropdownmenu .liMore {
        padding: 0px !important;
    }

.dropdown-menu .divider {
    margin: 0 0;
    background-color: var(--clr-graylight2) !important;
}

.dropdownmenu li a {
    font-size: 16px;
    font-family: LatoRegular;
    color: var(--clr-black);
    text-decoration: none !important;
}

.dropdownmenu li:hover {
    background-color: var(--clr-gray);
}

    .dropdownmenu li:hover a {
        color: var(--clr-white) !important;
    }

/*Use on MasterList*/
.lblGridFirstColumnWhiteForFlyout,
.lblGridFirstColumnWhiteMid,
.lblGridFirstColumnWhiteStrike {
    font-family: LatoRegular;
    font-size: 14px;
    line-height: 25px;
    color: var(--clr-white);
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
}

/*Use on MasterList*/
.lblGridFirstColumnWhiteMid {
    margin-left: 9px !important;
}

/*Use on MasterList*/
.lblGridFirstColumnWhiteStrike {
    padding-right: 10px !important;
    text-decoration: line-through;
    text-decoration-color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblEmailPatHis,
.lblSMSPatHis,
.lblCallInPatHis,
.lblCallOutPatHis,
.lblNotesPatHis {
    font-family: LatoRegular;
    margin: 0;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 20px;
    color: var(--clr-black);
    text-align: center;
    float: left;
    width: auto;
    border: 0;
}

/*Use on CtrlPatPastData_v1*/
.lblGridFirstColumnWhiteSmall,
.lblGridFirstColumnFullWhite,
.lblGridSecondEmailSmS1ColumnGreyNew,
.lblGridSecondSmS1ColumnGreyNew,
.lblGridSecondEmail1ColumnGreyNew,
.lblGridSecondEmailSmS2ColumnGreyNew,
.lblGridSecondNotes2ColumnGreyNew,
.lblGridSecondSMS2ColumnGreyNew,
.lblGridSecondCall2ColumnGreyNew,
.lblGridSecondNotes3ColumnGreyNew,
.lblGridSecondSMS3ColumnGreyNew,
.lblGridFirstColumnWhiteBold,
.lblGridFirstColumnWhiteDateFixed,
.lblGridSecondColumnOffWhite,
.lblGridThirdColumnOffWhite,
.lblGridFourthColumnOffWhite,
.lblGridFifthColumnOffWhite,
.lblGridFifthColumnOffWhiteNext,
.lblGridFirstColumnSmallWhite,
.lblGridFirstColumnSmallGray,
.lblGridFirstColumnSmallGray a,
.btnGridFirstColumnSmallNonLink {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    background-color: transparent;
    border: 0;
    line-height: 25px;
    font-size: 16px;
}

.lblGridFirstColumnFullWhite {
    color: var(--clr-white);
    padding-right: 10px !important;
}

/*Use on CtrlPatPastData_v1*/
.lblGridFirstColumnWhiteSmall {
    font-size: 14px !important;
    color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondEmailSmS1ColumnGreyNew {
    color: var(--clr-gray);
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondSmS1ColumnGreyNew {
    color: var(--clr-gray);
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondEmail1ColumnGreyNew {
    color: var(--clr-white);
    margin-top: 2px !important;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondEmailSmS2ColumnGreyNew {
    color: var(--clr-white);
    float: left;
    position: absolute;
    padding-left: 6px !important;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondNotes2ColumnGreyNew {
    color: var(--clr-white);
    float: left;
    position: absolute;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondSMS2ColumnGreyNew {
    color: var(--clr-white);
    position: relative;
    top: -28px;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondCall2ColumnGreyNew {
    color: var(--clr-white);
    float: left;
    position: absolute;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondNotes3ColumnGreyNew {
    font-size: 14px !important;
    width: 555px;
    float: left;
    text-align: left;
    color: var(--clr-white);
    word-wrap: break-word;
    word-break: normal;
}

/*Use on CtrlPatPastData_v1*/
.lblGridSecondSMS3ColumnGreyNew {
    font-size: 14px !important;
    float: left;
    text-align: left;
    color: var(--clr-white);
    word-wrap: break-word;
    word-break: normal;
    padding-bottom: 5px !important;
}

/*Use on CtrlEMRPopupMaster_v1*/
.lblGridFirstColumnWhiteBold {
    color: var(--clr-white);
    padding-right: 10px !important;
    font-family: LatoRegular;
    font-weight: 700;
}

/*Use on Financial Page Tx Histiry*/
.lblGridFirstColumnWhiteDateFixed {
    color: var(--clr-white);
    padding-right: 10px !important;
}

/*Use on CtrlMasterList*/
.lblGridSecondColumnOffWhite {
    color: var(--clr-white);
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

/*Use on CtrlMasterList*/
.lblGridThirdColumnOffWhite {
    color: var(--clr-white);
    padding-right: 10px !important;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

/*Use on CtrlMasterList*/
.lblGridFourthColumnOffWhite {
    color: var(--clr-white);
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

/*Use on CtrlMasterList*/
.lblGridFifthColumnOffWhite {
    color: var(--clr-white);
    padding-right: 10px !important;
    float: left;
}

/*Use on CtrlMasterList*/
.lblGridFifthColumnOffWhiteNext {
    font-size: 14px !important;
    color: var(--clr-white);
    margin-left: 7px !important;
}

/*Use on CtrlEMRPopupMaster*/
.lblGridFirstColumnSmallWhite {
    font-size: 12px !important;
    line-height: 15px !important;
    color: var(--clr-white);
    padding-right: 10px !important;
}

/*Use on CtrlEMRPopupMaster*/
.lblGridFirstColumnSmallGray a,
.lblGridFirstColumnSmallGray {
    font-size: 12px !important;
    line-height: 20px !important;
    color: var(--clr-graylight2) !important;
    padding-right: 0 !important;
}

    .lblGridFirstColumnSmallGray a:hover {
        color: var(--clr-graylight1) !important;
    }

.btnGridFirstColumnSmallNonLink {
    font-size: 14px;
    border: 1px solid transparent;
    color: var(--clr-black);
}

/*Use on CallCenter*/
.lblGridFirstColumnSmallBlack {
    font-family: LatoRegular;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 15px;
    color: var(--clr-black);
}

.btnGridFirstColumnSmall {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 15px;
    border: 1px solid transparent;
    color: var(--clr-bluelight1dull2);
    outline: none !important;
}

.btnGridFirstColumnSmallGray {
    font-size: 12px;
    border: 1px solid transparent;
    color: var(--clr-graylight1);
}

/*Use on CtrlBillableItems*/
.lblGridFristColumnBlack {
    margin: 0;
    font-family: LatoRegular;
    font-size: 16px;
    line-height: 20px;
    padding: 2px 0 2px 0;
    background-color: transparent !important;
    border: 0;
    color: var(--clr-black);
}

.lblGridFristColumnLowStock {
    color: var(--clr-white);
    border-left: 4px solid var(--clr-red);
}

/*Use on CtrlBillableItems*/
.dvButtonGroup {
    float: left;
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
  lblSubHeaderInfo  
    
*/
/*Use on CtrlBillableItems*/
.lblSubHeaderInfo,
.lblSubHeaderInfoItalics,
.lblPreviousSMSMsg,
.lblSubHeaderSimple,
.lblSubHeaderSimpleRed,
.lblSubHeaderInfoPlain {
    margin: 0;
    line-height: 25px;
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-family: LatoRegular;
}

.lblSubHeaderInfo {
    font-size: 15px;
    color: var(--clr-black);
    padding: 2px 5px;
    background: var(--clr-yellow);
}

/*Use on AddressBook*/
.lblSubHeaderInfoPlain {
    font-size: 12px;
    color: var(--clr-white);
}

/*Use on AddressBook*/
.lblSubHeaderInfoItalics {
    font-size: 12px;
    line-height: 18px !important;
    color: var(--clr-white);
    padding-right: 0;
}

/*Use on CtrlAppointmentDetails*/
.lblSubHeaderInfoItalicsBlack {
    font-size: 12px;
    font-family: LatoRegular;
    color: var(--clr-black);
}

.lblPreviousSMSMsg {
    font-size: 14px;
    color: var(--clr-black);
    text-align: right;
    padding-right: 0 !important;
}

/*Use on CtrlAppointmentList*/
.lblSubHeaderSimple {
    font-size: 16px;
    color: var(--clr-black);
    background-color: transparent;
}

/*Use on BillPayment*/
.lblSubHeaderSimpleRed {
    font-size: 14px;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-reddark1);
    background-color: transparent;
}

/*Use on Data Loader*/
.lblSubHeaderUnsuccDataloader,
.lblSubHeaderSuccesDataloader,
.lblSubHeaderTotDataloader {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-weight: 700;
    font-size: 38px;
    line-height: 41px;
    margin-bottom: 12px;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    margin-top: -10px !important;
    color: var(--clr-white);
}

/*Use on SubHeader for Page*/
.lblSubHeaderSmallItalicsNotBold,
.lblSubHeaderSmallItalicsNoBold,
.lblSubHeaderSmallItalics,
.lblInfo,
.lblSubHeader,
.lblNoData,
.lblBulltCaption,
.lblSubHeaderBig,
.lblSubHeaderForBillTotal,
.lblSubHeaderOrangeBig,
.lblSubHeaderVeryBig {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-family: LatoRegular;
    background-color: transparent;
    color: var(--clr-black) !important;
    border: 0;
}

.lblSubHeaderForBillTotal {
    font-size: 16px;
    line-height: 25px;
    text-align: right;
}

.lblNoData {
    font-size: 12px;
    line-height: 25px;
}

/*Use on Tax List*/
.lblSubHeaderSmallItalicsNotBold {
    font-size: 24px;
    line-height: 25px;
}

/*Use on CtrlImage*/
.lblSubHeaderSmallItalicsNoBold {
    font-size: 14px;
    line-height: 25px;
    padding-right: 10px !important;
}

/*Use on Tax List*/
.lblSubHeaderSmallItalics {
    font-size: 14px;
    line-height: 25px;
    padding-right: 10px !important;
}

/*Make subHeader bullet*/
.smallInputField {
    width: 20% !important;
    float: left;
}

.font9rem {
    width: 50% !important;
    float: left;
    margin-left: 5%;
}

.dvWidthDocumentContainer {
    width: 100% !important;
    float: left;
    padding-left: 35px !important;
}

.dvWidthHalf {
    width: 50% !important;
    float: left;
}

/*Use on AddressBook*/
.lblInfo {
    font-size: 12px;
    line-height: 15px;
    padding-right: 10px !important;
}

.lblSubHeader {
    font-size: 18px;
    line-height: 25px;
    padding-right: 0;
}

.lblSubHeaderLoadingMsg {
    font-size: 21px;
    line-height: 25px;
    padding-right: 0;
    font-weight: bold;
    color: var(--clr-black);
}

.lblSubHeaderLoadingMsgDetails {
    font-size: 12px;
    line-height: 25px;
    padding-right: 0;
    font-weight: bold;
    color: var(--clr-blacklight2);
}

.lblSubHeaderLoadingMsgDetailsWhite {
    font-size: 16px;
    line-height: 25px;
    padding-right: 0;
    color: var(--clr-whitedull1);
}
/*Use on Patient IVFCalendar*/
.lblSubHeaderBig {
    font-size: 18px;
    line-height: 25px;
    padding-right: 10px !important;
}

/*Use on CallCenter Selected Clinic*/
.lblSubHeaderOrangeBig {
    font-size: 20px;
    padding: 0 4px 4px 4px !important;
    color: var(--clr-black) !important;
}

/*Use on InsuranceBITS*/
.lblSubHeaderVeryBig {
    font-size: 40px;
    line-height: 25px;
    padding-right: 10px !important;
}

.lblSubHeaderWhite,
.dvPatientBlankEncText,
.lblRedBold,
.lblSubHeaderWhiteBigLink,
.lblSubHeaderWhiteBig,
.lblSubHeaderWhiteBigBold,
.lblSubHeaderSmall,
.lblInfoDisplay {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 25px;
    background-color: transparent;
    border: 0;
}

/*Use on AddressBook*/
.lblSubHeaderWhite {
    font-size: 16px;
    color: var(--clr-white);
    padding-right: 5px;
    font-weight: bold;
}

    .lblSubHeaderWhite.low {
        color: var(--clr-whitedull1);
    }

.dvListdata {
    color: var(--clr-white);
    padding-right: 5px;
    margin: 0;
    font-family: LatoRegular;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}

/*Use on Patient Profile*/
.dvPatientBlankEncText {
    color: var(--clr-white);
    padding-right: 2px !important;
    vertical-align: middle;
    padding-left: 4px;
    font-size: 20pt;
    padding-top: 10px;
    text-align: center;
}

/*Use on CtrlAddStock*/
.lblRedBold {
    font-size: 13px;
    line-height: 15px !important;
    color: var(--clr-red);
    padding-right: 10px;
    font-weight: 700;
}

/*Use on CtrlBillAbleItems*/
.lblSubHeaderWhiteBigLink {
    font-size: 16px;
    line-height: 38px !important;
    color: var(--clr-white);
    padding-right: 0;
    cursor: pointer;
    text-decoration: underline;
}

/*Use on CtrlBillAbleItems*/
.lblSubHeaderWhiteBig {
    font-size: 16px;
    line-height: 15px !important;
    color: var(--clr-white);
    padding-right: 0;
    line-height: 38px !important;
}

    .lblSubHeaderWhiteBigLink.small,
    .lblSubHeaderWhiteBig.small {
        line-height: 15px !important;
    }
/*Use on BillPayment*/
.lblSubHeaderWhiteBigBold {
    font-size: 16px;
    line-height: 15px !important;
    padding-right: 0;
    font-family: LatoRegular;
    font-weight: 700;
}

/*Use on BillPayment*/
.lblSubHeaderSmall {
    font-size: 12px;
    color: var(--clr-black);
    padding-right: 2px;
}

/*Use on CallCenter*/
.lblInfoDisplay {
    font-size: 18px;
    color: var(--clr-black);
    margin-top: 0;
    margin-bottom: 10px;
    font-family: LatoRegular;
}

/*Make bullet circle*/
.divclrcelno,
.divclrcelnoBorder {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    color: var(--clr-black);
    float: left;
    font-size: 18px;
    background-color: var(--clr-orange);
    margin-top: 5px;
    text-align: center;
    font-weight: 700;
    font-family: LatoRegular;
    margin-right: 10px;
    margin-left: 0;
    line-height: 24px;
}
/*Used on Promotion page*/
.divclrcelnoBorder {
    background-color: transparent !important;
    border: 1px solid var(--clr-orangedark1) !important;
    color: var(--clr-black);
    line-height: 22px;
}

.divclrcelnoBig {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    color: var(--clr-black);
    float: left;
    font-size: 20px;
    background-color: var(--clr-orange);
    margin-top: 2px;
    text-align: center;
    font-family: LatoRegular;
    font-weight: 700;
    margin-right: 6px;
    margin-left: 0;
    line-height: 26px;
}

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

.divclrcelno.top {
    margin-top: -1px !important;
}

.divclrcelGreen {
    background-color: rgba(46, 204, 113, 0.5) !important;
}

.divclrcelGray {
    background-color: var(--clr-gray) !important;
    color: var(--clr-white) !important;
}

.divclrcelRed {
    background-color: var(--clr-reddull1) !important;
    color: var(--clr-white) !important;
}

.divclrcelPink {
    background-color: rgba(248, 201, 196, 0.5) !important;
}

.divclrcelOrange {
    background-color: var(--clr-orangedull1) !important;
}

.divclrcelnoSmall {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: var(--clr-black);
    float: left;
    font-size: 17px;
    background-color: var(--clr-orange);
    margin-top: 0;
    text-align: center;
    font-weight: 700;
    font-family: LatoRegular;
    margin-right: 0px;
    margin-left: 0px;
}

.dvContainerWithBullet {
    padding-left: 35px;
}

.dvContainerInline,
.dvContainerInlineFixed {
    padding-left: 0px !important;
    padding-right: 5px !important;
    margin-right: 0px !important;
}

    .dvContainerInline.small {
        padding-right: 2px !important;
        font-size: 100%;
    }

        .dvContainerInline.small .lblColorBlue {
            margin-top: 1px !important;
        }

.dvContainerInlineFixed {
    width: 100px !important;
}

.dvContainerWithBullet2 {
    padding-left: 5px;
    padding-right: 5px;
}

/*.dvContainerWithBulletNew {
    padding-left: 33px;
}*/
.dvContainerWithBulletNew {
    padding-left: 33px;
}

.dvContainerWithBulletLess {
    padding-left: 7px;
    padding-right: 7px;
}

/*Use on BillPayment*/
.divFormControlWrapper100 {
    width: 100%;
}

.divFormControlWrapper80 {
    width: 80%;
}

.divFormControlWrapper60 {
    width: 60%;
}

.divFormFieldBetweenGap {
    height: 10px;
    width: 100%;
}

.divFormFieldBetweenGapDouble {
    height: 20px;
    width: 100%;
}

.divFormFieldBetweenGapGroup {
    height: 30px;
    width: 100%;
}

.dvStaffRosterGap {
    height: 26px;
    width: 100%;
}

.divFormFieldBetweenBigGap {
    height: 180px;
    width: 100%;
}

.divFormGridBetweenGap {
    height: 5px;
    width: 100%;
}

.divGapBwtnTwoContrl2 {
    height: .2rem;
}

.divApptDetailFormFieldBetweenGap {
    height: 5px;
    width: 100%;
}

/*Use on CtrlDropdown*/
.divAmountSuffix {
    height: 30px;
    border: 1px solid var(--clr-graylight1);
    width: 30px;
    background-color: var(--clr-white);
    border-left: 0;
    line-height: 18px;
    color: var(--clr-black);
    text-align: center;
}

    .divAmountSuffix .btnCalander:before {
        color: var(--clr-graylight1);
    }

.divAmountPrefixNew {
    float: left;
    font-size: 16px;
    height: 30px;
    border: 1px solid var(--clr-graylight1);
    width: 15%;
    background-color: var(--clr-graylight2);
    border-right: 0;
    line-height: 28px;
    color: var(--clr-black);
    text-align: center;
}

.dvImageControlWrapperLandscape {
    width: 79px;
    height: 79px;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
}

/*Use on CtrlImage*/
.dvImageControlWrapperPortrait {
    height: 75px;
    width: 75px;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
}

/*Use on CtrlImage*/
.imgControlLandscape {
    margin-left: 1px;
    cursor: pointer;
    margin-top: 1px;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
    height: 75px;
    width: 75px;
    border-radius: 4px;
}

/*Use on CtrlImage*/
.imgControlPortrait {
    cursor: pointer;
    height: 74px;
    width: 73px;
    border: none;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
    border-radius: 4px;
}

.dvCustomLightBlue {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding: 4px;
}

    .dvCustomLightBlue:hover {
        background-color: var(--clr-blue);
    }

.divPageHeaderWrapper {
    min-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1px;
}

.dvOverFlowNormal {
    overflow: initial !important;
}

.divPageHeaderWrapper.immu {
    overflow: initial !important;
    white-space: normal !important;
}
/*Use on HIPPA*/
.divDetailsPageStaticFooterWrapperHIPA {
    margin: 25px 40px 15px 40px;
}

.divDetailsPageWrapperLessMargin {
    margin: 10px 0 0 0;
}

/*Use for Footer Button*/
.divFormButtonWrapper,
.divFormButtonWrapperNew {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.divFormButtonWrapper {
    margin-top: 0 !important;
}

.divFormButtonWrapperNew {
    height: 20px;
}

.dvSMSAll {
    float: left;
    /*background-color: var(--clr-purple);
    border: 1px solid var(--clr-purplelight2);
    color: var(--clr-white);*/
    line-height: 38px;
    /*background-color: var(--clr-purplelight2);*/
}

.SuccessTooltip,
.WarningTooltip,
.SuccessSmallTooltip,
.ErrorTooltip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 10px 4px 10px;
    color: var(--clr-white);
    min-height: 55px;
    min-width: 100px;
    font-family: LatoRegular;
    margin: 0 auto;
    z-index: 1200;
    display: flex;
    box-shadow: 0 0 2px var(--clr-graylight1);
    display: inline-block;
}

.LongRunningTooltip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 20px 7px 20px;
    color: var(--clr-white);
    font-family: LatoRegular;
    margin: 0 auto;
    background-color: var(--clr-green);
    box-shadow: 0 0 2px var(--clr-graylight1);
    color: var(--clr-white) !important;
    text-align: center;
    z-index: 1200;
}

.LongRunningTooltipNormal {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 20px 7px 20px;
    color: var(--clr-white);
    font-family: LatoRegular;
    margin: 0 auto;
    background-color: var(--clr-green);
    box-shadow: 0 0 2px var(--clr-graylight1);
    color: var(--clr-white) !important;
    text-align: center;
    z-index: 1200;
}

.LongRunningTooltipNew {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 20px 15px 20px;
    color: var(--clr-white);
    font-family: LatoRegular;
    margin: 0 auto;
    background-color: var(--clr-purple);
    color: var(--clr-white) !important;
    text-align: center;
    z-index: 1200;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.SuccessTooltip {
    background-color: var(--clr-green);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.WarningTooltip {
    background-color: var(--clr-orange);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.ErrorTooltip {
    background-color: var(--clr-reddark1);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.WarningTooltip:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f071";
    margin-right: 10px;
    font-size: 25px;
    line-height: 25px;
    margin-top: 5px;
}
/*Used for */
.SuccessSmallTooltip {
    background-color: var(--clr-orange);
}

    .SuccessSmallTooltip:before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 10px;
        line-height: 25px;
        margin-top: 5px;
        content: "\f129";
        font-size: 25px;
        padding: 2px 10px;
        background-color: var(--clr-orangedark1);
        border-radius: 3px;
    }

.ErrorTooltip:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    font-size: 20px;
    content: "\f05a";
    line-height: 25px;
    margin-top: 5px;
}

.alertImg {
    cursor: pointer;
    background-color: transparent;
    border: none !important;
    top: 20px;
    color: var(--clr-white);
    font-weight: 700;
    font-size: 22px;
    margin-left: 6px;
    margin-right: 0px;
    padding-right: 0px !important;
}

    .alertImg:hover {
        transform: translateY(-2px);
        color: var(--clr-white);
    }

.LongRunningLoading {
    margin: auto;
    width: 10%;
    position: absolute;
    height: auto;
    left: 0;
    right: 0;
    top: 45%;
    z-index: 1200;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.LongRunningLoadingBG {
    background-color: rgba(182, 182, 182, 0.6);
}

.LongRunningLoading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    margin-right: 6px;
    font-size: 50px;
    z-index: 1101;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

.LongRunningTooltip:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    font-size: 35px;
    z-index: 1101;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.LongRunningTooltipNew:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    font-size: 35px;
    z-index: 1101;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.btnLongPleaseWait:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    font-size: 35px;
    z-index: 1101;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnLongPleaseWaitBig:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    font-size: 40px;
    z-index: 1101;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

.btnLongPleaseWaitGreen:before {
    color: var(--clr-green) !important;
}

.btnLongPleaseWaitWhite:before {
    color: var(--clr-white) !important;
}

.dvLoadingPreviousVisit {
    height: 150px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    margin-bottom: 10px;
    box-shadow: none !important;
}

.dvLoadingFull {
    min-height: 80px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dvLoadingFull2 {
    min-height: 80px;
    width: 100%;
    text-align: center;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
}

.dvLoading {
    height: 97%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-white);
    margin-bottom: 10px;
}

.dvWhite {
    width: 100%;
    background-color: var(--clr-white);
    padding: 10px;
}

.dvLoadingReport {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background-color: transparent;
    margin-bottom: 0px;
}

.dvLoading_Report {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    background-color: transparent;
    margin-bottom: 0px;
    padding-top: 30px !important;
}

.dvContainerCalendarRight,
.dvContainerCallBoxRight {
    padding-left: 10px !important;
    padding-right: 0 !important;
}

.dvApptWaitingTime,
.dvApptWaitingTimeWarning,
.dvApptCompletedTime {
    float: right;
    margin-right: 3px;
    margin-top: 1px;
    border: 1px solid var(--clr-graylight2);
    padding: 1px 3px;
    font-size: 12px;
    line-height: 15px;
}

.dvApptWaitingTimeWarning {
    background-color: var(--clr-reddark1);
    border: 1px solid var(--clr-reddark1);
    color: var(--clr-white);
    font-size: 10px !important;
}

.dvApptCompletedTime {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    font-size: 10px !important;
}

.dvApptCreateNew {
    margin-right: 2px;
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
    border-radius: 50%;
    font-size: 9px;
    width: 13px;
    margin-left: 2px;
    height: 13px;
    text-align: center;
    line-height: 13px !important;
    margin-top: 6px;
}

.dvApptCreateNew1 {
    float: left !important;
    margin-top: 5px;
    float: left;
}

.dvApptCreateNew2 {
    margin-top: 0px !important;
    float: right;
}

.dvApptCreateNew3 {
    margin-right: 4px !important;
}

.lblApptSecondRowValue {
    font-size: 13px !important;
    line-height: 22px;
    padding-right: 0px !important;
}

.lblApptSecondRowValue2 {
    font-size: 13px;
    line-height: 15px;
}

.btnSmallIconLab,
.btnSmallIconLabSmall {
    margin-right: 3px;
    padding: 1px 5px;
    background-color: var(--clr-green) !important;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-white);
    /* font-size: 13px; */
    margin-top: 1px;
    float: right;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-bottom: 3px !important;
}

.btnSmallIconLabSmall {
    line-height: 18px !important;
    margin-left: 5px !important;
}

    .btnSmallIconLab:before,
    .btnSmallIconLabSmall:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 13px;
        content: "\f1fb";
    }

.btnSmallIconRxLabSel {
    background-color: var(--clr-green) !important;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-white) !important;
}

.btnSmallIconRx,
.btnSmallIconRxSmall {
    /*margin-right: 5px;*/
    padding: 1px 5px;
    background-color: var(--clr-green) !important;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-white);
    /* font-size: 13px; */
    margin-top: 1px;
    float: right;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-bottom: 3px !important;
}

.btnSmallIconRx,
.btnSmallIconRxSmall {
    line-height: 18px !important;
    margin-left: 2px !important;
}

.btnSmallIconLabSmall:before {
    line-height: 20px !important;
    vertical-align: text-top;
}

.btnSmallIconRxSmall,
.btnSmallIconLabSmall {
    width: 25px;
    height: 25px;
    font-size: 12px !important;
    background-color: var(--clr-green) !important;
    border: 1px solid var(--clr-greendark1) !important;
}

.btnSmallIconRxSmall {
    font-size: 12px !important;
}

.btnSmallIconService {
    margin-right: 4px;
    border: 1px solid var(--clr-orangedark1);
    background-color: var(--clr-orange);
    color: var(--clr-black);
    margin-top: 2px;
    float: right;
    width: 27px;
    height: 25px;
    cursor: pointer;
}

.btnSmallIconServiceNotCompleted {
    padding: 1px 5px;
    background-color: var(--clr-green);
    color: var(--clr-black);
    font-size: 13px;
    float: right;
    width: 25px;
    height: 13px;
    cursor: pointer;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

    .btnSmallIconServiceNotCompleted:before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 10px;
        font-size: 14px;
        content: "\f236";
    }

.ApptWaiting1stRow,
.ApptWaiting1stRowSearch {
    line-height: 20px;
    width: 100%;
    font-family: LatoRegular;
    font-size: 14px;
    height: 25px;
    padding-left: 0;
    border-bottom: 0;
    margin-top: 0;
}

.ApptWaiting1stRow {
    color: var(--clr-white);
}

.ApptWaiting1stRowSearch {
    border-top: 0 solid var(--clr-graylight2);
    color: var(--clr-black);
}

.htmlCombo,
.htmlComboSearch {
    font-family: LatoRegular;
    margin: 0;
    font-size: 12px !important;
    outline: none !important;
    height: 20px !important;
    padding: 0px 5px !important;
}

.htmlCombo {
    border: 2px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
}

/*Use for CtrlAppointmentList Status*/
.comboBorder {
    margin-top: 2px;
}

    .comboBorder select {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

/*Use for Calendar*/
.pnlWaitingSearchWrapper {
    /*position: fixed;*/
    top: 0;
    left: 0;
    bottom: 0;
    width: 355px;
    overflow: hidden;
    z-index: 100;
}

/*Use for CtrlAppointmentList*/
.pnlApptListSearchWrapperNew {
    padding: 0 !important;
    overflow: auto;
    z-index: 100;
}

/*Use for CtrlAppointmentList*/
.dvApptStatusBlockWrapper {
    width: 100%;
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockScheduled,
.divApptSearchBlockWaiting,
.divApptSearchBlockEngaged,
.divApptSearchBlockCheckedOut,
.divApptSearchBlockScheduledActive,
.divApptSearchBlockWaitingActive,
.divApptSearchBlockEngagedActive,
.divApptSearchBlockCheckedOutActive {
    position: relative;
    height: 100%;
    width: 20%;
    cursor: pointer;
    text-align: center;
    font-size: 38px;
    float: left;
    line-height: 10px;
    padding-top: 14px;
    padding-bottom: 20px;
    margin-left: 6.66%;
    border-radius: 3px !important;
}

.divApptSearchBlockScheduled {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-bluelight1);
    margin-left: 0% !important;
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockWaiting {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-orange);
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockEngaged {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-red);
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockCheckedOut {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-green);
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockScheduledActive {
    background-color: var(--clr-bluelight1);
    border: 1px solid var(--clr-bluelight1);
    color: var(--clr-white);
    margin-left: 0% !important;
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockWaitingActive {
    background-color: var(--clr-orange);
    border: 1px solid var(--clr-orange);
    color: var(--clr-white);
}

/*Use for CtrlAppointmentList*/
.divApptSearchBlockCheckedOutActive {
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green);
    color: var(--clr-white);
}

.divApptSearchBlockEngagedActive {
    background-color: var(--clr-red);
    border: 1px solid var(--clr-red);
    color: var(--clr-white);
}

/*Use for CtrlAppointmentList*/
.spanApptSearchBlockInnerHTMLSpan,
.spanPatToTotConInnerHTMLSpan,
.spanApptSearchBlockInnerHTMLSpanActive {
    position: absolute;
    top: 3px;
    right: 0;
    width: 100%;
    padding-top: 2px;
    font-family: LatoRegular;
}

.spanApptSearchBlockInnerHTMLSpan {
    font-size: 11px;
    color: var(--clr-black) !important;
}

/*Use for Lead*/
.spanPatToTotConInnerHTMLSpan {
    font-size: 12px;
    font-family: LatoRegular;
    color: var(--clr-white) !important;
}

/*Use for Lead*/
.spanApptSearchBlockInnerHTMLSpanActive {
    font-size: 11px;
    font-family: LatoRegular;
    color: var(--clr-white) !important;
}

/*Use for Lead*/
.divPatientToToTalConversionRate {
    position: relative;
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green);
    color: var(--clr-white);
    text-align: center;
    font-size: 38px;
    float: left;
    line-height: 10px;
    padding-top: 14px;
    min-height: 80px;
}

.divApptStatusBarScheduledCallList,
.divApptStatusBarWaitingCallList,
.divApptStatusBarEngagedCallList,
.divApptStatusBarCheckedOutCallList,
.divApptStatusBarCancelledCallList,
.divApptStatusBarNoShowCallList,
.divApptStatusBarConfirmedCallList {
    padding-left: 5px !important;
    margin-top: 2px;
    float: left;
    width: 100%;
    border-radius: 3px 0px 0px 3px;
    margin-bottom: 5px;
}

.divApptStatusBarScheduledCallList {
    border-left: 5px solid var(--clr-bluelight1);
}

.divApptStatusBarConfirmedCallList {
    border-left: 5px solid var(--clr-bluedark1);
}

.divApptStatusBarWaitingCallList {
    border-left: 5px solid var(--clr-orange);
}

.divApptStatusBarEngagedCallList {
    border-left: 5px solid var(--clr-red);
}

.divApptStatusBarCheckedOutCallList {
    border-left: 5px solid var(--clr-green);
}

.divApptStatusBarCancelledCallList {
    border-left: 5px solid var(--clr-graylight1);
}

.divApptStatusBarNoShowCallList {
    border-left: 5px solid var(--clr-black);
}

/*Use for CtrlAppointmentDetails*/
.btnAppointmentDetailOptionsBilledBig,
.btnAppointmentDetailOptionsBilled {
    margin-top: 2px;
    height: 30px;
    background-color: var(--clr-green);
    border: 0 solid var(--clr-green);
    cursor: pointer;
}

.btnAppointmentDetailOptions {
    float: left;
    margin-top: 2px;
    height: 30px !important;
    width: 30px !important;
    color: var(--clr-graylight2);
}

/*Use for CtrlAppointmentDetails*/
.btnAppointmentDetailOptionsBilled {
    width: 30px;
}

/*Use for CtrlAppointmentDetails*/
.btnAppointmentDetailOptionsBilledBig {
    width: 42px;
}

/*Use for CtrlAppointmentDetails*/
.divApptStatusBarBillDue {
    border-right: 4px solid var(--clr-red);
}

.divApptStatusBarBillNoDue {
    border-right: 4px solid transparent;
}
/*Used for Disabled Container*/
.dvDisabledContainerAll {
    padding-right: 0;
    background-color: var(--clr-graylight2);
    padding-top: 5px !important;
}
    /*Used for Disabled Container btnLowEmphasis*/
    .dvDisabledContainerAll .btnLowEmphasis {
        background-color: var(--clr-graylight2) !important;
    }

.ContainerNoDrop input[type='checkbox'] {
    cursor: no-drop !important;
}

.ContainerNoDrop .toggle-group label {
    cursor: no-drop !important;
    background-color: var(--clr-blue) !important;
    border-color: var(--clr-blue) !important;
}

.ContainerNoDrop .toggle-group .toggle-handle {
    display: none !important;
}




.ContainerNoDrop .toggle-group .btn-primary:hover,
.ContainerNoDrop .toggle-group .btn-primary:active,
.ContainerNoDrop .toggle-group .btn-primary:focus,
.ContainerNoDrop .btn-primary.dropdown-toggle:hover {
    cursor: no-drop !important;
    background-color: var(--clr-blue) !important;
    border-color: var(--clr-blue) !important;
}




.DisabledLook {
    background-color: var(--clr-graylight2);
    padding: 0px 10px 5px 10px;
    border-radius: 3px !important;
    cursor: no-drop !important;
}

    .DisabledLook .select2-selection,
    .DisabledLook input {
        cursor: no-drop !important;
        pointer-events: none !important;
    }

.DisabledLookNew {
    background-color: var(--clr-graylight2);
    padding: 0px 8px;
    border-radius: 3px !important;
}

.DisabledLookApptList {
    background-color: rgba(241, 242, 249, 0.6);
    padding: 0;
    border-radius: 3px !important;
    border: 1px solid var(--clr-graylight1dull2) !important;
}

.DisabledLookRow {
    background-color: var(--clr-graylight2);
    border: 1px;
    border-color: var(--clr-graylight1);
    padding: 5px 0px !important;
}

.DisabledLookContainer {
    padding: 2px 0;
    border-bottom: 1px solid var(--clr-graylight1);
}

.divApptStatusBarConfirmed {
    border-left: 6px solid var(--clr-purplelight3) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarScheduled {
    border-left: 6px solid var(--clr-bluelight1) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarWaiting {
    border-left: 6px solid var(--clr-orange) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarEngaged {
    border-left: 6px solid var(--clr-red) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarCheckedOut {
    border-left: 6px solid var(--clr-green) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarCancelled {
    border-left: 6px solid var(--clr-graylight1) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarNoShow {
    border-left: 6px solid var(--clr-black) !important;
    border-radius: 4px 0 0 4px !important;
}

.divApptStatusBarApptDetScheduled,
.divApptStatusBarApptDetWaiting,
.divApptStatusBarApptDetEngaged,
.divApptStatusBarApptDetCheckedOut,
.divApptStatusBarApptDetCancelled,
.divApptStatusBarApptDetNoShow,
.divApptStatusBarApptDetConfirmed {
    float: left;
    width: 100%;
    border-radius: 5px;
    line-height: 38px !important;
}

.divApptStatusBarApptDetWaiting {
    border-left: 5px solid var(--clr-orange);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetScheduled {
    border-left: 5px solid var(--clr-bluelight1);
    padding-left: 3px !important;
}

.divApptStatusBarApptDetrWaiting {
    border-left: 5px solid var(--clr-orange);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetEngaged {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetConfirmed {
    border-left: 5px solid var(--clr-bluedark1);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetCheckedOut {
    border-left: 5px solid var(--clr-green);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetCancelled {
    border-left: 5px solid var(--clr-graylight1);
    padding-left: 5px !important;
}

.divApptStatusBarApptDetNoShow {
    border-left: 5px solid var(--clr-black);
    padding-left: 5px !important;
}

/*Use for PatIVFCalendar*/
.dvManualGridHeader {
    background-color: var(--clr-graylight2);
    background-image: none;
    color: var(--clr-gray);
    font-size: 11px;
    font-family: LatoRegular;
    font-weight: 700;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
}

/*Use for PatIVFCalendar*/
.dvIVFGridWorkCell,
.dvIVFGridEncWorkCell {
    cursor: pointer;
    font-family: LatoRegular;
    width: 80px;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 25px;
    text-align: right;
    padding-Right: 4px;
}

.dvIVFGridWorkCell {
    background-Color: var(--clr-green);
}

/*Use for PatIVFCalendar*/
.dvIVFGridEncWorkCell {
    background-Color: var(--clr-green);
}

/*Use for PatIVFCalendar*/
.dvIVFGridNonWorkCell,
.dvIVFGridEventCell {
    float: left;
    padding-Right: 4px;
    background-Color: var(--clr-green);
    width: 80px;
    display: block;
    font-family: LatoRegular;
    font-size: 12px;
    line-height: 25px;
}

.dvIVFGridEventCell {
    cursor: pointer;
}

/*Use for PatIVFCalendar*/
.dvIVFGridNonWorkCellHeader,
.dvIVFGridEventCellHeader {
    float: left;
    padding-Right: 4px;
    display: block;
    width: 8%;
    line-height: 25px;
}

.dvIVFGridNonWorkCellHeader {
    background-Color: var(--clr-white);
    font-family: LatoRegular;
    font-size: 14px;
}

/*Use for PatIVFCalendar*/
.dvIVFGridEventCellHeader {
    background-Color: var(--clr-green);
    font-family: LatoRegular;
    font-weight: 700;
}

/*Use for PatIVFCalendar*/
.dvIVFGridMedInvgCellHeader,
.dvIVFGridMedInvgCell {
    float: left;
    padding-Right: 4px;
    display: block;
    background-Color: var(--clr-white);
    font-family: LatoRegular;
    line-height: 25px;
}

.dvIVFGridMedInvgCellHeader {
    width: 8%;
    font-family: LatoRegular;
    font-weight: 700;
}

/*Use for PatIVFCalendar*/
.dvIVFGridMedInvgCell {
    width: 80px;
    font-size: 12px;
}

/*Use for PatIVFCalendar*/
.dvIVFMasterSummaryNotSel,
.dvIVFSummary {
    float: left;
    margin-right: 1%;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
    border: 1px solid var(--clr-green);
    font-family: LatoRegular;
    font-weight: 700;
}

.dvIVFMasterSummaryNew {
    height: 140px;
    margin-left: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
    font-family: LatoRegular;
    font-weight: 700;
    padding: 10px;
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green) !important;
}

.dvIVFMasterSummaryNotSel {
    height: 140px;
    width: 100%;
    background-color: var(--clr-graylight2);
    padding: 10px;
}

/*Use for PatIVFCalendar*/
.dvIVFSummary {
    height: 70px;
    width: 11%;
    background-color: var(--clr-green);
}

/*Use for PatIVFCalendar*/
.dvIVFSummarySelected {
    border: 2px solid var(--clr-black) !important;
}

/*Use for PatIVFCalendar*/
.spnIVFInvResultNormal {
    background-color: var(--clr-green);
    color: var(--clr-white);
    padding-left: 2px;
    padding-right: 2px;
}

/*Use for PatIVFCalendar*/
.spnIVFInvResultAbnormal {
    background-color: var(--clr-red);
    color: var(--clr-white);
    padding-left: 2px;
    padding-right: 2px;
}

/*Use for PatIVFCalendar*/
.spnIVFInvResultBorderline {
    background-color: var(--clr-orange);
    color: var(--clr-white);
    padding-left: 2px;
    padding-right: 2px;
}

/*Use for PatIVFCalendar*/
.spnIVFInvResultRecorded {
    color: var(--clr-black);
    padding-left: 2px;
    padding-right: 2px;
}

/*Use for PatIVFCalendar*/
.spnIVFInvResultNotRecorded {
    background-color: var(--clr-graylight2);
    color: var(--clr-white);
    padding-left: 2px;
    padding-right: 2px;
}

/*Use for PatIVFCalendar*/
.dvPreviousVisit {
    background-color: var(--clr-white);
    overflow: auto;
    width: 93%;
    padding: 20px;
    border-style: solid;
    border-width: 4px;
    border-color: var(--clr-green);
}

.divReportNavigateWrapper {
    float: right;
    text-align: right;
    margin-right: 0 !important;
}

.divInformFont {
    font-size: 14px;
    font-family: LatoRegular;
    font-weight: 700;
}

/*Cleaer Div*/
.clearboth {
    clear: both;
}

.btnRight {
    float: right !important;
    text-align: right;
    margin-right: 0 !important;
}

.dvVoucherMsgRight {
    border-radius: 3px !important;
}

.btnCalendarRight {
    float: right !important;
    text-align: right;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

.IconRight {
    float: right !important;
    margin-right: 0 !important;
}

.IconRightCancel {
    float: right !important;
    line-height: 35px;
    margin-right: 5px;
}

.btnLeft {
    float: left !important;
    text-align: left;
}

.btnLeftCon {
    float: left !important;
    text-align: left;
    margin-right: 5px !important;
    margin-left: 0px !important;
    line-height: 25px;
}

.btnNormal {
    float: none !important;
    text-align: left;
}

.btnLeftMargin {
    float: left !important;
    text-align: left;
    padding-right: 0px;
}

.btnCenter {
    float: left;
    text-align: center;
}

.btnLeftLMargin {
    float: left;
    text-align: center;
    padding-left: 15px;
}

.btnRightLMargin {
    float: left;
    padding-right: 15px;
}

.txtRight {
    text-align: right !important;
}

.txtCenter {
    text-align: center;
}

.tblLoginImage {
    width: 100%;
}

    .tblLoginImage td {
        height: 280px;
    }
/*Modal Container with Full Width*/
.modalContainerwithoutList {
    width: auto;
    margin-top: 0;
    background-color: var(--clr-white);
    z-index: -1 !important;
    left: 25px !important;
    top: 20px !important;
    transform: none !important;
    position: inherit;
}

/*Common Outline remove*/
.inputAddonSearch {
    padding: 0 !important;
    border-radius: 0;
    border-left: 1px solid var(--clr-graylight2) !important;
    outline: none !important;
}

.divSmallIcon {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    float: right;
    border: 1px solid var(--clr-graylight2);
    background-color: var(--clr-graylight2);
    text-align: center;
    cursor: pointer;
    outline: none !important;
}

    .divSmallIcon:hover {
        background-color: var(--clr-graylight2);
    }

.divSmallIconSmall {
    border: 1px solid var(--clr-graylight2);
    background-color: var(--clr-graylight2);
    text-align: center;
    cursor: pointer;
    outline: none !important;
}

    .divSmallIconSmall:hover {
        background-color: var(--clr-graylight2);
    }

/*flyout*/
.btnImgContainer {
    cursor: pointer;
    height: 30px !important;
    width: 30px !important;
}

.btnImgContainer {
    border: 1px solid var(--clr-graylight2);
    background-color: var(--clr-graylight2);
}

/*Make Call Button*/
.btnIconRight {
    margin-right: 8px !important;
    float: right;
}

.btnIconRightNew {
    margin-right: 0px !important;
    float: right;
}

/*Icon Button Container*/
.divButtonContainerRight,
.divButtonContainerLeftLast,
.divButtonContainerLeft {
    float: left;
}

.divButtonContainerLeft {
    padding-right: 15px;
}

.divButtonContainerRight {
    padding-left: 15px;
}

.divButtonContainerLeftLast {
    padding-right: 0;
}

.btnLinkGroup {
    float: left;
    margin-right: 10px;
}

/*CallBox Inbox Container*/
.dvCallCenterInboxGridSelect,
.dvCallCenterInboxOuterGrid {
    border: 1px solid var(--clr-blue);
    margin-right: 15px;
    margin-bottom: 10px;
}

.dvCallCenterInboxGridSelect {
    color: var(--clr-white) !important;
}

.dvCallCenterInboxOuterGrid {
    color: var(--clr-black) !important;
}

.dvCallCenterInboxGrid {
    cursor: pointer;
    text-align: center;
    font-size: 38px;
    padding: 20px 0 20px 0;
}

.dvCallCenterInboxCaption {
    font-family: LatoRegular;
    font-weight: 700;
    font-size: 10px;
}

.btnGridFirstColumnLink,
.btnGridFirstColumnWithRedbar,
.btnGridFirstColumn,
.btnGridFirstColumnBlack {
    font-family: LatoRegular;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
}

.btnGridFirstColumn {
    font-size: 19px;
    color: var(--clr-blue);
    line-height: 30px;
    margin-bottom: 0;
}

.btnGridNonLink {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
    font-family: LatoRegular;
    background-color: transparent;
    border: none !important;
    padding: 0;
}

.btnGridFirstColumnLink {
    line-height: 20px !important;
}

.btnGridFirstColumnWithRedbar {
    font-size: 19px;
    color: var(--clr-blue);
    text-align: left;
    margin: 0;
    line-height: 35px;
    border-left: 4px solid var(--clr-red);
    padding-left: 6px;
}

.btnGridFirstColumnBlack {
    font-size: 16px;
    color: var(--clr-black);
    line-height: 20px;
    float: left;
}

.dvEMRCurrentVisitContainer {
    padding: 0px;
    background-color: var(--clr-white) !important;
}

.DisabledLookPad {
    padding: 6px;
}

.dvPageBodyContainer {
    padding-left: 35px;
    padding-right: 0px;
}

    .dvPageBodyContainer .fixed-height {
        min-height: 68vh !important;
        padding: 0 !important;
    }

    .dvPageBodyContainer.small {
        padding-left: 23px !important;
    }

.dvDisabledContainerNew {
    padding: 5px 10px !important;
    margin-left: 35px;
    padding-right: 0px;
    background-color: var(--clr-graylight2);
    border-radius: 6px 6px 0px 0px !important;
}

.dvDisabledContainerFull {
    padding: 5px 10px !important;
    margin-right: 15px;
    background-color: var(--clr-graylight2);
    border-radius: 6px 6px 0px 0px !important;
}
/*Used for Gap*/
.divFormSubHeaderBetweenGap {
    height: 30px;
    width: 100%;
}

.dvPageBodyContainerBig {
    padding-left: 35px;
    padding-right: 35px;
}

.dvPageBodyContainerLeft {
    padding-left: 10px;
    padding-right: 10px;
}

.dvPageBodyContainerInner {
    padding-left: 7px;
    padding-right: 7px;
}

/*Flyout Container for History of Calls*/
.divSearchAppointmentContainerCallCenter {
    position: fixed;
    background-color: var(--clr-white) !important;
    top: 0;
    right: 0;
    bottom: 0;
    border: 5px solid var(--clr-blue);
    overflow: auto;
    z-index: 1000;
    padding: 0px;
}

/*Used for date search*/
.divContainerStartDate,
.divContainerEndDate {
    float: left;
    width: 50%;
}

.dtPicker {
    z-index: 0 !important;
}

.divContainerStartDate .dtPicker,
.divContainerEndDate .dtPicker {
    /*height: 34px !important;*/
    border: none !important;
}

.dvrxProtocolButtongrp {
    font-size: 0;
    margin-bottom: 2px;
}

.dvCalnedarDocbtnModal {
    padding: 2px 5px 2px 5px;
    border: 1px solid var(--clr-graylight2);
    background-color: var(--clr-graylight2);
    text-align: center;
    margin-left: 7px;
    float: right;
    cursor: pointer;
    font-family: LatoRegular;
    font-size: 1rem;
    font-weight: 700;
}

.btnBackNew,
.btnBackWhite {
    float: left;
    cursor: pointer;
    margin-right: 4px;
    outline: none !important;
    border-radius: 50%;
    background-color: transparent !important;
    padding: 0 !important;
}

.btnBackNew,
.btnBackWhite {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.btnBackNew {
    background-color: var(--clr-white);
    border: 2px solid var(--clr-blacklight2);
    color: var(--clr-blacklight2);
}

    .btnBackNew:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f060";
        font-size: 18px;
        line-height: 25px;
    }

    .btnBackNew:hover {
        color: var(--clr-black) !important;
        border: 2px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

.btnBackNewTopGap {
    margin-top: 10px;
}

.btnBackWhite {
    border: 2px solid var(--clr-white) !important;
}

    .btnBackWhite:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f060";
        font-size: 18px;
        line-height: 25px;
        color: var(--clr-white);
    }

.btnBack {
    margin-top: 4px;
    margin-right: 8px;
}

/*Should Remove*/
.btnBackFlyout,
.btnBackSmall {
    float: left;
    cursor: pointer;
    margin-right: 4px;
    outline: none !important;
    border-radius: 50%;
    background-color: transparent !important;
    padding: 0 !important;
}

.btnBackSmall {
    height: 30px;
    width: 30px;
}

.btnBackWhite:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f060";
    font-size: 18px;
    line-height: 25px;
    color: var(--clr-white);
}

.btnBackSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f060";
    margin-right: 2px;
    font-size: 15px;
    line-height: 30px;
}

.dvRePrescribe {
    float: right;
    font-size: .9rem !important;
    padding: 2px;
    font-family: LatoRegular;
}

    .dvRePrescribe:before {
        content: "\f040";
        margin-right: 4px;
        font-size: 20px;
        line-height: 30px;
        font: normal normal normal 14px/1 FontAwesome;
    }

/*Flyout Header with White Color*/
.lblPageHeaderWhite,
.lblPageHeaderWhiteAnim {
    font-family: LatoRegular;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    margin: 0;
    padding: 0;
    float: left;
    font-weight: normal;
}

.lblPageHeaderWhite {
    font-size: 22pt !important;
    line-height: 30px;
}

.lblPageHeaderWhiteAnim {
    padding-left: 0;
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
}

/*All Button*/
.btnFromRight {
    float: right !important;
    margin-left: 5px !important;
}

.btnFromLeft {
    float: left !important;
    margin-right: 5px !important;
}

/*Appointment List Container*/
.dvAppointmentRow {
    float: right !important;
    margin-left: 10px !important;
}
/*Appointment List Container*/
.dvExportDropdown {
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0px !important;
    border: none !important;
}

    .dvExportDropdown .btnExport {
        border-radius: 3px 0 0 3px !important;
        width: 42px !important;
    }

    .dvExportDropdown .btnPrintDropdown {
        border-radius: 0 3px 3px 0 !important;
        width: 42px !important;
    }

.dvButtonsFromLeft {
    float: right !important;
    margin-left: 15px !important;
}

.dvAppointmentRowLeft {
    float: left;
    margin-left: 10px;
}
/*Used for Buttons From Right*/
.dvButtonsFromRight {
    float: right !important;
    margin-left: 15px !important;
}

/*Used for Buttons From Right*/
.dvButtonsFromRightSmall {
    float: right !important;
    margin-left: 10px !important;
    margin-left: 3px !important;
}

.dv-Flex {
    display: flex !important;
}
/*Used for Buttons From Right*/
.dvButtonsFromLeft2 {
    float: left !important;
    margin-right: 15px !important;
}

.dvContainerMiddle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

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

.dvButtonContainerRightBig {
    float: right;
    margin-right: 17px;
}

.dvApptAllIconFromLeft {
    float: left;
    margin-right: 10px;
}

.dvContinueLeft {
    float: left;
    padding-right: 3px;
}

.dvApptListPosLeft {
    float: left;
}

.dvApptListPosRight {
    float: right !important;
}

.pnlApptListSearchWrapperNew {
    padding: 0 !important;
    overflow: auto;
    z-index: 100;
    width: 100%;
    clear: both;
}

.ApptWaiting1stRowSearch,
.ApptWaiting1stRow {
    height: 25px;
    padding-left: 0;
    border-bottom: 0;
    margin-top: 0;
    font-family: LatoRegular;
    font-size: 14px;
    line-height: 20px;
}

.ApptWaiting1stRowSearch {
    border-top: 0 solid var(--clr-graylight2);
    color: var(--clr-black);
    width: 100%;
}

.ApptWaiting2ndRow {
    padding-left: 0;
    padding-right: 0;
}

.ApptWaiting1stRow {
    border-top: 0;
    color: var(--clr-white);
}

.ApptListbtnSearchLinkWhite {
    cursor: pointer;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--clr-bluelight1dull2);
}

.tooltip.in {
    opacity: 1 !important;
}

.tooltip .tooltip-inner {
    background-color: var(--clr-yellow);
    color: var(--clr-black);
    /*max-width: 300px;*/
}

    .tooltip .tooltip-inner .row-dispensed {
        text-align: left;
        margin-top: 10px;
        border-top: 2px solid gray;
        padding-top: 15px;
    }

    .tooltip .tooltip-inner .row-refill {
        text-align: left;
        margin-bottom: 5px;
    }

        .tooltip .tooltip-inner .row-refill .primaryValue {
            margin: 0;
            font-weight: bold;
            line-height: 20px;
        }

        .tooltip .tooltip-inner .row-refill .descValue {
            margin: 0;
            font-size: 12px;
            font-style: italic;
            line-height: 15px;
        }

.divAppointmentListNormalRow {
    float: left;
    width: 100%;
    padding: 2px;
    margin-bottom: 10px;
    padding-right: 4px;
    border-radius: 3px !important;
}

/* ALL BUTTONS CSS*/
.btnApptOpenBillBig {
    width: 42px !important;
}

.btnApptOpenBillSearch,
.btnApptOpenQueue {
    font-size: 16px;
    font-family: LatoRegular;
}
.btnApptOpenQueue {
    font-weight:bold;
}
.btnApptOpenQueue {
    text-transform: lowercase !important;
}

.btnGapRight:before {
    margin-right: 5px !important;
}

.btnApptOpenBillSearchSmall {
    font-size: 14px;
    font-family: LatoRegular;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(0, 0, 0, 0.5);
    padding: 2px 5px !important;
}

    .btnApptOpenBillSearchSmall:hover {
        background-color: var(--clr-white);
        color: var(--clr-black);
    }

.aApptVideoCall {
    height: 23px;
    width: 28px;
    display: block;
}

.divCheckPermition ul {
    list-style: none;
    margin-left: 0;
    font-family: LatoRegular;
}

    .divCheckPermition ul li {
        font-size: 15px;
        margin-bottom: 15px;
    }

        .divCheckPermition ul li ul li {
            margin-bottom: 2px;
            margin-top: 0;
            padding-top: 0;
        }

            .divCheckPermition ul li ul li .checkbox {
                margin-bottom: 0;
            }

.dvNormalList ul {
    padding-left: 15px;
}

.btnApptBilledBig {
    width: 38px;
    height: 36px;
}

.dvHoliday .dtPicker {
    text-align: center;
    font-weight: 700;
    z-index: 0 !important;
}

.dvHolidayMsg {
    display: none;
    margin-top: 4px;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;
}

.lblSmallRedBG {
    font-family: LatoRegular;
    background-color: var(--clr-reddark1);
    font-size: 12px;
    color: var(--clr-white);
    padding: 4px 5px;
    margin: 0;
    float: right;
    border-radius: 4px 4px 0 0;
}

.dvPatQuickInfo {
    float: left;
    background-color: var(--clr-blue);
    padding: 5px;
    border: 1px solid var(--clr-blue);
}

.dvInventoryAuthoToolTip,
.dvPaymentAuthoToolTip,
.dvDiscountAuthoToolTip {
    padding: 2px 5px;
    color: var(--clr-white);
    font-size: 11px;
    border-radius: 2px;
}

.dvAuthoToolTipApproved,
.dvAuthoToolTipReject,
.dvAuthoToolTipPending {
    padding: 2px 5px;
    color: var(--clr-white);
    font-size: 11px;
    position: absolute;
    margin-left: 4px;
    border-radius: 2px;
    margin-top: 3px;
}

.dvInventoryAuthoToolTip {
    background-color: var(--clr-bluelight1);
    color: var(--clr-black);
    padding: 5px;
    font-size: 14px;
}

.dvPaymentAuthoToolTip {
    background-color: var(--clr-yellow);
    color: var(--clr-black);
    padding: 5px;
    font-size: 14px;
}

.dvDiscountAuthoToolTip {
    background-color: var(--clr-blacklight1);
    color: var(--clr-white);
    padding: 5px;
    font-size: 14px;
}

.dvMarginLeft {
    margin-left: 5px !important;
}

.dvMarginRight {
    margin-right: 5px !important;
}

.dvInventoryAutho {
    background-color: none !important;
    color: var(--clr-black);
}

.dvPaymentAutho {
    background-color: none !important;
    color: var(--clr-black) !important;
}

.dvDiscountAutho {
    background-color: none !important;
    color: var(--clr-white);
}

.dvAuthoToolTipApproved {
    background-color: var(--clr-green);
}

.dvAuthoToolTipReject {
    background-color: var(--clr-red);
}

.dvAuthoToolTipPending {
    background-color: var(--clr-orange);
}

.btnSmallLinkBlue {
    font-family: LatoRegular;
    font-size: 16px;
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--clr-black);
    padding-left: 0;
    text-align: left;
    margin: 0;
    outline: none !important;
}

.btnSmallNonLink {
    font-family: LatoRegular;
    font-size: 16px;
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--clr-black);
    padding-left: 0;
    text-align: left;
    margin: 0;
    outline: none !important;
}

.btnSmallNonLinkForApptPat,
.btnSmallLinkForApptPat {
    font-family: LatoRegular;
    font-size: 16px;
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--clr-black);
    padding-left: 0;
    text-align: left;
    margin: 0;
    border-radius: 1px 1px 1px 1px !important;
    outline: none !important;
}

.btnSmallNonLinkForApptPat {
    width: 90%;
}

    .btnSmallNonLinkForApptPat .dvApptCreateNew {
        margin-bottom: 8px !important;
        padding: 2px 3px !important;
        line-height: 30px !important;
    }

.btnSmallLinkForApptPat {
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
}

.BillListDueForButton {
    border-left: 5px solid var(--clr-red) !important;
    padding-left: 5px;
    border-radius: 5px;
    padding-top: 0;
}

.dvApptPatientCon {
    min-height: 36px;
    border: 1px solid var(--clr-gray);
    padding: 2px 10px 0px 10px;
    border-radius: 3px;
    width: 100%;
}

.dvApptPatAddDetails {
    float: left !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvFieldSetCon {
    padding: 4px !important;
    border-radius: 3px;
    border: 1px solid var(--clr-graylight1);
}

    .dvFieldSetCon legend {
        font-size: 14px !important;
        width: auto;
        padding: 0;
        font-size: 1.5rem;
        line-height: inherit;
        margin-bottom: 0px;
    }

.dvAddContainerText {
    float: left;
    margin-left: 0;
    margin-top: 4px;
}

.smallInputField {
    float: left !important;
    width: 60% !important;
}

.smallSelectField {
    float: left !important;
    width: 30% !important;
}

.BtnAddContainer {
    float: left;
    margin-left: 4px;
    cursor: pointer;
}

    .BtnAddContainer .btnAddNew:before {
        line-height: 32px !important;
    }

/*address Book List CSS*/
.AddBookListSMSGrid {
    position: absolute;
    float: right;
    right: 20px;
}

.toggle-group .toggle-on {
    font-size: 13px;
    font-family: LatoRegular;
    line-height: 24px;
}

.toggle-group .toggle-off {
    font-size: 13px;
    font-family: LatoRegular;
    line-height: 24px;
}

    .toggle-group .toggle-on:hover,
    .toggle-group .toggle-off:hover {
        font-weight: 700;
    }

.toggle-group .toggle-off {
    padding-left: 8px;
}

.btnContainer {
    padding-left: 12px !important;
    padding-right: 2px !important;
}

.AddBookListSMSContent {
    font-size: 36px;
    text-align: center;
}

.AddBookListSMSFlyoutCount {
    color: var(--clr-white);
    font-size: 46px;
    text-align: left;
    line-height: 30px;
}

.AddBookListCallFlyoutCount {
    color: var(--clr-black);
    font-size: 40px;
    text-align: center;
    line-height: 45px;
    background-color: var(--clr-graylight2);
    padding: 10px 20px;
    border-radius: 5px;
    float: left;
}

/*Use for Bult Caption*/
.dvConPadLeftForBult {
    padding-left: 42px;
}

.Customform-group,
.Customform-group-field {
    margin-bottom: 0 !important;
}

.dvGridColLast,
.dvGridColFirst {
    padding-left: 0;
    padding-right: 0;
}

.dvInvgRowBackgroundOdd {
    background-color: var(--clr-blue);
    color: var(--clr-white) !important;
    min-height: 50px;
    clear: both;
    overflow: hidden;
}

.dvInvgRowBorderOdd {
    border-left: 5px solid var(--clr-blue);
    padding: 0;
}

.dvInvgRowBackgroundEven {
    background-color: var(--clr-purplelight2);
    color: var(--clr-white) !important;
    min-height: 50px;
    clear: both;
    overflow: hidden;
}

.dvInvgRowBorderEven {
    border-left: 5px solid var(--clr-purplelight2);
    padding-left: 0;
}

.dvInvgCriticalSumrRecorded {
    /*float: left;*/
    height: 90px;
    background-color: rgba(67, 203, 255, 0.5);
    /*padding: 4px;
    font-family: LatoRegular;
    font-weight: 700;
    font-size: 10pt;
    margin: 8px;
    cursor: pointer;
    overflow: hidden;*/
}

.spanInvgCriticalResultRecorded,
.spanInvgCriticalResultNotRecorded,
.spanInvgCriticalResultNormal,
.spanInvgCriticalResultBorderLine,
.spanInvgCriticalResultAbnormal {
    padding: 2px 5px;
    color: var(--clr-white);
    font-size: 12px;
    margin-left: 4px;
}

.spanInvgCriticalResultNotRecorded {
    background-color: var(--clr-blue);
}

.spanInvgCriticalResultRecorded {
    background-color: var(--clr-greendark1);
    color: var(--clr-white) !important;
}

.spanInvgCriticalResultBorderLine {
    background-color: var(--clr-orange);
    color: var(--clr-black) !important;
}

.spanInvgCriticalResultNormal {
    background-color: var(--clr-green);
    color: var(--clr-white) !important;
}

.spanInvgCriticalResultAbnormal {
    background-color: var(--clr-red);
    color: var(--clr-white) !important;
}

.InventoryHorizontalInStockNew,
.InventoryHorizontalOutStockNew {
    margin-top: 2px;
    float: left;
    width: 100%;
}

.InventoryHorizontalInStockNew {
    border-left: 5px solid transparent;
    padding-left: 5px !important;
}

.width20 {
    width: 250px;
}

.InventoryHorizontalOutTargetQtyNew {
    border-left: 5px solid var(--clr-reddull1);
    padding-left: 5px !important;
}

.InventoryHorizontalOutStockNew {
    border-left: 5px solid var(--clr-blacklight1);
    padding-left: 5px !important;
}

.dvInvBtnGrpEdited .btn:hover {
    background-color: none !important;
}

.dvInvBtnGrp {
    box-shadow: 0 0 2px var(--clr-graylight1);
    border-radius: 3px !important;
}

    .dvInvBtnGrp .btn:hover {
        margin-left: 0px !important;
        z-index: 0 !important;
    }

    .dvInvBtnGrp .btn + .btn,
    .dvInvBtnGrp .btn + .dvInvBtnGrp,
    .dvInvBtnGrp .dvInvBtnGrp + .btn,
    .dvInvBtnGrp .dvInvBtnGrp + .dvInvBtnGrp {
        margin-left: 0px !important;
        font-size: 14px !important;
    }

.lblBigLinkLabel,
.lblgrdBigLabelCenter,
.lblgrdBigLabel {
    font-size: 18px !important;
    color: var(--clr-black);
    line-height: 34px !important;
    height: 36px;
    min-width: 120px;
    text-align: center;
    border: none;
    border-top: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
    outline: none !important;
    padding: 0px 5px !important;
    background-color: var(--clr-white);
}

.lblgrdBigLabelCenterBorderNone {
    border: none !important;
    font-size: 18px !important;
    color: var(--clr-black);
    line-height: 38px !important;
    height: 40px;
    min-width: 120px;
    text-align: center;
    line-height: 28px;
    outline: none !important;
    padding: 0px 5px !important;
    background-color: transparent !important;
    cursor: default;
}

.lblBigLinkLabel {
    color: var(--clr-bluelight1dull2) !important;
}

.btnShapeWithOutBorder {
    height: 40px;
    padding: 0px 2px !important;
}

.lblgrdBigLinkLabel {
    color: var(--clr-bluelight1dull2) !important;
}

.lblgrdBigLabel {
    float: right;
}

.BillListPink,
.BillListBlue,
.dvBarGreen,
.BillListGreenLight,
.BillListBlueLight,
.BillListOrange,
.BillListSystem,
.BillListInactive,
.PatListNoDueNew,
.BillListDue,
.BillListNotDue,
.BillListBlueDark,
.BillListGray,
.BillListYellow,
.PharmacyPending {
    padding-left: 5px !important;
}

.BillListYellow {
    border-left: 5px solid var(--clr-yellow) !important;
}

.dvBarGreen {
    border-left: 5px solid var(--clr-greendark1) !important;
}

.BillListGreenLight {
    border-left: 5px solid rgba(46, 204, 113, 0.7) !important;
}

.BillListBlueLight {
    border-left: 5px solid var(--clr-bluedark2) !important;
}

.BillListBlueDark {
    border-left: 5px solid var(--clr-blue) !important;
}

.BillListPink {
    border-left: 5px solid var(--clr-pink) !important;
}

.BillListGray {
    border-left: 5px solid var(--clr-gray) !important;
}

.PatListNoDue {
    border-left: 10px solid transparent !important;
}

.BillListBlue {
    border-left: 5px solid var(--clr-bluelight1) !important;
}

.BillListNotDue {
    border-left: 5px solid transparent !important;
}

.PatListNoDueNew {
    border-left: 0 solid transparent;
}

.BillListOrange {
    border-left: 5px solid var(--clr-orangedark1);
}

.BillListDue {
    border-left: 5px solid var(--clr-reddull1);
    border-radius: .25rem;
}

.BillListInactive {
    border-left: 5px solid var(--clr-blacklight1);
    border-radius: .25rem;
}

.BillListSystem {
    border-left: 5px solid rgba(0, 0, 0, 0.5);
    border-radius: .25rem;
}

.PharmacyPendingNew {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px !important;
}

.btnSearchContainer {
    border: none !important;
    line-height: 13px;
    border-radius: 0 !important;
    padding: 0rem !important;
    background-color: var(--clr-graylight2);
}

.dvControlsIcon {
    float: left;
    width: 20px;
}

    .dvControlsIcon .btnIcon {
        min-width: 15px !important;
        height: 21px !important;
    }

.dvDupGrdSlNo {
    float: left;
    width: 5%;
    min-width: 35px;
}

.btnExpandSmall,
.btnMinusSmall,
.btnPlusSmall {
    color: rgba(0, 0, 0, 0.5);
}

    .btnExpandSmall:before {
        content: "\f103";
        font: normal normal normal 34px/1 FontAwesome;
        font-size: 30px !important;
        line-height: 40px;
    }

    .btnPlusSmall:before {
        content: "\f067";
        font: normal normal normal 34px/1 FontAwesome;
        font-size: 20px !important;
        line-height: 40px;
    }

    .btnMinusSmall:before {
        content: "\f068";
        font: normal normal normal 34px/1 FontAwesome;
        font-size: 24px !important;
        line-height: 40px;
    }

.dvDupGrdValue {
    float: left;
    width: 95%;
}

.dvDuplicateRows {
    height: 250px;
    overflow: auto;
}

.btnNormalDarkBG,
.btnNormalDarkBGSelected {
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0;
    min-height: 29px;
    font-family: LatoRegular;
    font-size: 15px;
    padding-right: 10px;
    outline: none !important;
}

.btnNormalDarkBG {
    background-color: transparent;
    color: var(--clr-white);
}

.btnNormalDarkBGSelected {
    background-color: var(--clr-white);
    color: var(--clr-bluedark1);
    padding-left: 6px;
}


.LoginPageBodyContainer {
    margin-top: 0;
    margin-left: 10%;
    margin-right: 10%;
}

.loginpageleftimage {
    max-width: 75%;
}

.dvMasterListContainer {
    padding: 0 20px 0 20px;
}

.SuccessTooltip::before {
    content: "\f087";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    font-size: 33px;
    line-height: 25px;
    margin-top: 5px;
}

.spnQuestMark {
    border: none !important;
    float: left;
    box-shadow: none !important;
}

    .spnQuestMark:hover {
        border: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .spnQuestMark::before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 10px;
        font-size: 30px;
        content: "\f128";
        line-height: 20px;
        float: left;
    }

.spnExclamationMark::before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    font-size: 30px;
    content: "\f071";
    line-height: 20px;
    float: left;
    color: var(--clr-orangedark1);
    padding-left: 10px;
    padding-right: 10px;
}

.spnInformation {
    border: none !important;
    float: left;
    box-shadow: none !important;
}

    .spnInformation:hover {
        border: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .spnInformation::before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 10px;
        font-size: 30px;
        content: "\f05a";
        line-height: 30px;
        float: left;
    }

.bootboxSpanstyle {
    font-size: 14px;
    float: left;
    width: 80%;
    text-align: left;
}

    .bootboxSpanstyle .strikthrough {
        text-decoration: line-through !important;
    }

.btnConfirm {
    background-color: var(--clr-bluelight1) !important;
    border: 1px solid var(--clr-blue) !important;
    color: var(--clr-white) !important;
    font-size: 0.8rem;
    font-family: LatoRegular;
    line-height: 1;
    margin-top: 1rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    outline: none !important;
    user-select: none;
    border-radius: 0 !important;
}

    .btnConfirm:hover {
        background-color: var(--clr-blue);
    }

.btnConfirmCancel {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-blue);
    color: var(--clr-black) !important;
    margin-top: 1rem;
    margin-right: 0rem;
    font-size: 0.8rem;
    font-family: LatoRegular;
    line-height: 1;
    text-align: center;
    border-radius: 0 !important;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    outline: none !important;
}

    .btnConfirmCancel:hover {
        background-color: var(--clr-white);
    }

.btnImportNewOne,
.btnExportNewOne {
    margin-left: 0;
    font-weight: 700;
    font-family: LatoRegular;
    padding: 3px;
    cursor: pointer;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
    outline: none !important;
    border-radius: 0 !important;
    height: 32px !important;
}

.btnImportNewOne {
    content: "\f112";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0;
    font-size: 20px;
    line-height: 36px;
}

.btnExportNewOne {
    content: "\f064";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 0;
    font-size: 20px;
    line-height: 36px;
}

.btnExportPrint {
    border: none !important;
    outline: none !important;
}

.btnIconImportant {
    color: var(--clr-whitedull2) !important;
    text-align: center;
}

    .btnIconImportant.btnPrint:before {
        line-height: 30px !important;
    }

    .btnIconImportant:hover {
        color: var(--clr-white) !important;
    }

.btnSearchWithText:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    margin-right: 6px;
    font-size: 16px;
}

.btnAppointment,
.btnSaveAndOpenProfileDetails {
    margin-right: 10px;
}

.btnAppointmentHistory {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.btnCallHistory:before {
    content: "\f1da";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 32px;
}
/*Used for Icons Common*/
.btnNew:before,
.btnCalculation:before,
.btnSmallSearch:before,
.btnMap:before,
.btnHome:before,
.btnHomeNewSmall:before,
.btnHomeNewExtraSmall:before,
.btnHomeNewBig2:before,
.btnHomeNewExtraExtraSmall:before,
.btnVendorBig:before,
.btnHomeBig:before,
.btnVendor:before {
    font: normal normal normal 20px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
}
/*Used for Icons New*/
.btnNew:before,
.btnCalculation:before,
.btnSmallSearch:before {
    font-size: 14px;
    margin-right: 10px;
}
/*Used for New on the Bill on Smaller Device New*/
.btnNew:before {
    content: "\f055";
    color: var(--clr-bluedark1);
}
/*Used for New on the Bill on Smaller Device Calculation*/
.btnCalculation:before {
    content: "\f1ec";
    color: var(--clr-gray);
}
/*Used for New on the Bill on Smaller Device Search*/
.btnSmallSearch:before {
    content: "\f002";
    color: var(--clr-orangedark1);
}

.lblListPrimaryValue,
.lblListPrimaryValuePanel {
    padding: 0 !important;
    display: initial;
    font-size: 16px;
    line-height: 25px;
}

.lblListPrimaryValueSmall {
    padding: 0 !important;
    display: initial;
    font-size: 14px;
    line-height: 20px;
    color: var(--clr-black);
}

/*Helper Text*/
.lblHelperText,
.lblHelperText2,
.lblHelperTextWhite {
    font-size: 14px;
    line-height: 15px !important;
    color: var(--clr-gray);
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-family: LatoRegular;
}

.lblHelperText2 {
    font-size: 14px;
}

.lblHelperTextWhite {
    color: var(--clr-whitedull1);
}

.lblHelperText2 {
    font-size: 14px;
    line-height: 18px !important;
    letter-spacing: 0;
}

    .lblHelperText2:before {
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 !important;
        margin: 0 4px 0 0;
        vertical-align: text-top;
    }

.lblCountBig {
    font-size: 28px;
    line-height: 20px !important;
    color: var(--clr-white);
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-family: LatoRegular;
}

.table-striped .rowdata {
    padding: .5rem;
    margin-bottom: 10px;
    border-radius: 4px;
}

    .table-striped .rowdata.p-none {
        padding: .5rem 0;
    }

    .table-striped .rowdata .grd-data {
        padding: 0 4px;
    }

    .table-striped .rowdata .grd-data-right {
        padding: 0 4px;
        text-align: right;
    }

    .table-striped .rowdata.boot5 {
        padding: 5px 0;
        margin: 0;
        border-radius: 4px;
    }

        .dvCustomOddRowBlueNewStyle.new3 .column-value,
        .table-striped .rowdata.boot5 .column-value {
            padding: 0 10px;
        }

            .table-striped .rowdata.boot5 .column-value .lblTooltipCommon {
                margin-left: 0 !important;
            }

.dvAllLeadRawData {
    background-color: white !important;
}

.table-striped .rowdata-small,
.table-striped .rowdata-small-panel {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}

.table-striped.height {
    min-height: 50px;
}

.table-striped .rowdata-list {
    cursor: pointer;
    font-family: LatoRegular;
    font-size: 14px;
    outline: none !important;
    padding: 0 5px;
    line-height: 35px;
}

.lblCountBackground {
    padding: 5px 15px;
    background-color: var(--clr-blacklight1dull1) !important;
    border-radius: 20px 20px 20px 0px;
}

.table-striped .rowdata:nth-of-type(odd),
.table-striped .rowdata-small:nth-of-type(odd),
.table-striped .rowdata-list:nth-of-type(odd) {
    background-color: #edebfc;
    margin-bottom: 5px !important;
}

.table-striped.mb-none .rowdata:nth-of-type(odd) {
    margin-bottom: 0 !important;
}

.table-striped .rowdata-small.mb-0,
.table-striped .rowdata.mb-0 {
    margin-bottom: 0 !important;
}
/*Used for Right*/
.float-Right {
    float: right !important;
}
/*Used for Left*/
.float-Left {
    float: left !important;
}

    .float-Left.left-small {
        padding-left: 5px !important;
    }

    .float-Left.align {
        line-height: 36px !important;
        margin-right: 5px !important;
    }

    .float-Left.width-100 {
        min-width: 100px !important;
    }
/*Used for Msg Con on CallCenter*/
.dvMsgLeftCon {
    width: 80%;
    float: left;
    margin-bottom: 1.5rem;
}

.dvStickerWithText {
    font-size: 14px;
    background-color: #FFB43E;
    display: inline-block;
    padding: 10px 10px;
    margin: 5px 5px;
    border-radius: 4px;
    color: #000000;
    text-align: left !important;
}

    .dvStickerWithText.fit-width {
        width: fit-content;
        /*margin-left: 35px!important;*/
    }

    .dvStickerWithText .connecting {
        font-weight: bold;
        font-size: 16px !important;
    }

    .dvStickerWithText.fit-width:before {
        float: left !important;
    }
/*Used for Icons Common*/
.btnMap:before,
.btnHomeNewSmall:before,
.btnVendor:before {
    content: "\f2ba";
    font-size: 14px;
    margin-right: 4px;
    line-height: 15px;
}

.btnVendorBig:before {
    content: "\f2ba";
    font-size: 14px;
    margin-right: 4px;
    line-height: 15px;
    vertical-align: text-top;
}

.btnVendorBig:before {
    margin-right: 4px;
    line-height: 21px;
    font-size: 14px;
}
/*Used for Icons Map*/
.btnMap:before {
    font-size: 20px !important;
    content: "\f041";
}
/*Used for Icons Home*/
.btnHomeNewSmall:before {
    content: "\f0f8";
    vertical-align: text-top;
    line-height: 16px;
}
/*Used for Icons Home*/
.btnHome:before {
    content: "\f0f8";
    vertical-align: text-top;
    line-height: 22px;
    font-size: 14px;
    margin-right: 4px;
    vertical-align: text-top;
}
/*Used for Icons Home*/
.btnHomeBig:before {
    content: "\f0f8";
    vertical-align: text-top;
    line-height: 22px;
    font-size: 16px;
    margin-right: 4px;
    vertical-align: text-top;
    line-height: 20px !important;
}
/*Used for Icons Home*/
.btnHomeNewExtraSmall:before,
.btnHomeNewBig2:before,
.btnHomeNewExtraExtraSmall:before {
    content: "\f0f8";
    vertical-align: text-top;
}

.dvPatSearchResultsContainer .btnHomeNewExtraExtraSmall:before {
    vertical-align: bottom !important;
    line-height: 22px !important;
}

.lblHome:before {
    line-height: 20px !important;
}

.lblHome2:before {
    line-height: 16px !important;
}

.btnHomeNewExtraSmall:before {
    font-size: 14px;
    margin-right: 4px;
    line-height: 15px;
}

.btnHomeNewBig2:before {
    font-size: 18px !important;
    margin-right: 4px;
    line-height: 25px;
}

.btnHomeNewExtraExtraSmall:before {
    margin-right: 4px;
    margin-left: 0;
    line-height: 12px;
    font-size: 12px;
}
/*Used for Icons Vendor*/
.btnVendor:before {
    content: "\f2ba";
    font-size: 14px;
}
/*Used for External Clinic*/
.lblBgExternal:before {
    font-size: 14px !important;
}
/*Used for External Clinic*/
.lblBgExternal {
    background-color: var(--clr-purpledark2) !important;
    border: 1px solid var(--clr-purpledark2) !important;
    padding: 2px 4px 2px !important;
    border-radius: 3px;
    color: var(--clr-white) !important;
}
/*Used for Home and Staff Extra Small*/
.btnHomeExtraSmall:before,
.btnHomeNewBig:before,
.btnStaff:before,
.btnStaffNewSmall:before,
.btnStaffNewDropdown:before,
.btnStaffNewVerySmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
}

.btnIncomingCompletedCall:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    line-height: 31px;
    color: var(--clr-greendark1);
    padding: 3px 5px;
    border-radius: 3px;
}

.btnRotateBottom {
    transform: rotate(315deg);
    float: left;
    margin-right: 5px;
}

.btnRotateTop {
    transform: rotate(135deg);
    float: left;
    margin-right: 5px;
}

.btnDate {
    float: left;
    padding: 3px 0px;
}
/*Used for Outgoing Due Call*/
.btnOutgoingDueCall:after {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    line-height: 20px;
    padding: 0 1px;
    border-radius: 3px;
    transform: rotate(135deg);
    float: left;
    margin-right: 0px;
    margin-left: -9px;
    color: var(--clr-reddull1);
}
/*Used for Outgoing Due Call*/
.btnOutgoingDueCall:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 27px;
    padding: 0 1px;
    border-radius: 3px;
    float: left;
    color: var(--clr-reddull1);
}

.btnOutgoingDueCallCircle {
    width: 35px;
    height: 35px;
    /* background-color: gray; */
    border-radius: 50%;
    padding: 6px 8px;
    border: 1px solid var(--clr-reddull1);
}

.btnFlipCamera {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 80px !important;
    padding-top: 15px !important;
    outline: none !important;
}

/*Used for Outgoing Due Call*/
.btnFlipCameraIcon:after {
    content: "\f030";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 20px;
    padding: 0 1px;
    border-radius: 3px;
    float: left;
    margin-right: 11px;
    margin-left: -25px;
    color: var(--clr-graydark1);
}
/*Used for Outgoing Due Call*/
.btnFlipCameraIcon:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 27px;
    padding: 0 1px;
    border-radius: 3px;
    float: left;
    color: var(--clr-graydark1);
    margin-top: 22px;
    margin-left: 20px;
}


.btnOutgoingCompletedCall:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    line-height: 31px;
    color: var(--clr-greendark1);
    padding: 3px 5px;
    border-radius: 3px;
}

.btnMessage:before {
    content: "\f0e0";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 31px;
    margin-right: 5px;
    color: var(--clr-green);
    border-radius: 3px;
}

.btnVideo:before {
    content: "\f03d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 34px;
    margin-right: 5px;
    color: var(--clr-orange);
    border-radius: 3px;
}

.lblListValuePanel {
    font-size: 12px;
    line-height: 20px;
}

.btnEmails:before {
    content: "\f112";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 31px;
    margin-right: 5px;
    color: var(--clr-green);
    border-radius: 3px;
}

.btnNote:before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 31px;
    margin-right: 5px;
    color: var(--clr-green);
    border-radius: 3px;
}

.btnAppointmentHistory:before {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 34px;
}

.dvPaddingBottom {
    margin-bottom: 20px !important;
}

.btnViewVisit:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00b";
    font-size: 14px;
    line-height: 6px;
}

.btnSmall {
    min-width: 25px !important;
    height: 25px !important;
    padding: 2px !important;
    width: 25px !important;
}

    .btnSmall:before {
        margin-left: 0px;
        font-size: 23px;
        line-height: 33px;
        font: normal normal normal 19px/1 FontAwesome;
        content: "\f055";
    }

.btnUnlock,
.btnReview,
.btnFollwup,
.btnSendSMS,
.btnOK,
.btnSignDoc,
.btnMarginRight,
.btnCopyText,
.btnPay,
.btnSave {
    margin-right: 10px;
}

    /*Used for button Review*/
    .btnReview:before {
        content: "\f06e";
    }

.btnOK {
    min-width: 65px;
}

.btnAllergy {
    width: 90px;
    text-align: center;
    margin-right: 7px !important;
}

.btnSnapCapture:before {
    font: normal normal normal 19px/1 FontAwesome;
    font-size: 25px;
    line-height: 33px;
    content: "\f192";
    color: var(--clr-maroondark1);
}

.dvVideoContainer {
    width: 100%;
    height: 400px;
}

.videoInsert {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
/*Used for Button Approve*/
.btnApprove {
    margin-right: 15px !important;
}
    /*Used for Button Approve*/
    .btnApprove:before {
        font: normal normal normal 19px/1 FontAwesome;
        font-size: 14px;
        line-height: 33px;
        margin-right: 4px;
        content: "\f087";
        font-weight: bold;
        color: var(--clr-greendark1);
    }
/*Used for Button Reject*/
.btnReject:before {
    font: normal normal normal 19px/1 FontAwesome;
    font-size: 14px;
    line-height: 33px;
    margin-right: 4px;
    content: "\f088";
    font-weight: bold;
    color: var(--clr-reddark1);
}

.dvMoreOption {
    margin-left: 30px !important;
}
/*Panel Search with Combo*/
.dvSearchContPanel .select2-selection select2-selection--single,
.dvSearchContPanel .select2-container .selection .select2-selection,
.dvComboPanelGray,
.dvComboPanel {
    padding-left: 0 !important;
    border-radius: 3px 0 0 3px !important;
    height: 36px;
}

.dvSearchContPanelOnlyCombo .select2-container .selection .select2-selection {
    border-radius: 3px !important;
}
/*Panel Search with Combo*/
.dvSearchContPanel .select2-selection select2-selection--single,
.dvSearchContPanel .select2-container .selection .select2-selection,
.dvComboPanelGray {
    background-color: var(--clr-graylight2) !important;
    border: 1px solid var(--clr-graylight1) !important;
}
/*Panel Search with Combo*/
.dvComboPanel {
    border-right: 1px solid var(--clr-graylight2);
    padding-right: 0 !important;
    background-color: var(--clr-graylight2dull1New2) !important;
}
/*Panel Search with input Search*/
.dvSearchContPanel input[type="search"] {
    border-radius: 0 !important;
    border: 1px solid var(--clr-graylight1) !important;
}
/*Panel Search with input Search*/
.dvSearchContPanel div input[type="search"] {
    border-radius: 0 !important;
}
    /*Panel Search with input Search*/
    .dvSearchContPanel div input[type="search"]:focus {
        border-radius: 3px !important;
    }

.dvCategory .select2-selection select2-selection--single,
.dvCategory .select2-container .selection .select2-selection,
.dvCategory {
    border-right: none !important;
    padding-left: 5px !important;
}


.dvSearchContPanelOnlyCombo .select2-container .selection .select2-selection {
    border-radius: 3px !important;
}

.btnIconBlack {
    color: var(--clr-black);
}

.btnAddNew {
    margin-right: 0px !important;
    background-color: var(--clr-white) !important;
    border: 1px solid var(--clr-graylight1);
    color: #000 !important;
}

    .btnAddNew.border-none {
        border: none !important;
    }

    .btnAddNew:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }

    .btnAddNew:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        margin-right: 6px;
        line-height: 35px;
        font-size: 14px;
        color: var(--clr-greendark1);
    }
.btnScan:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f029";
    margin-right: 6px;
    line-height: 35px;
    font-size: 14px;
    color: var(--clr-greendark1);
}
.btnAddNew2 {
    border: none !important;
}

.btnAddNewBill {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    color: var(--clr-bluelight1dull2) !important
}

    .btnAddNewBill:hover {
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        color: var(--clr-bluelight1dull2) !important
    }

    .btnAddNewBill:before {
        line-height: 25px !important;
    }

.dvImageSectionNew .btnAddNew:before {
    background-color: var(--clr-white) !important;
}

.btnAddNewBig {
    height: 46px !important;
}

.btnAddNewRightMargin {
    margin-right: 10px !important;
}

.btnClar {
    width: 23px !important;
    height: 20px !important;
}

.btnClear {
    float: right;
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.5);
}

    .btnClear:before {
        content: "\f05e";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 24px;
        line-height: 38px;
    }

.btnClearLead {
    height: 15px !important;
    float: left;
    color: var(--clr-gray);
    margin-left: 10px;
    cursor: pointer;
    font-size: 25px;
    line-height: 15px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.btnAddNewSmall {
    margin-right: 0px !important;
    min-width: 38px !important;
    text-align: center;
}

.btnPackage {
    margin-right: 0px !important;
    min-width: 40px;
    text-align: center;
    font-size: 25px;
    line-height: 38px;
    font-family: LatoRegular;
    width: 42px !important;
    padding: 0 !important;
    text-align: center;
}

.btnAddNewSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f055";
    font-size: 14px;
    line-height: 36px;
}

.btnAddNewSmall-small:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: 16px;
    line-height: 20px;
    margin-right: 6px;
}

.btnAddNewSmall.small {
    border: none !important;
}

.btnViewPackage {
    margin-right: 0px !important;
    min-width: 40px;
    text-align: center;
    line-height: 38px;
}

.btnAddNewBig:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f055";
    font-size: 25px;
    line-height: 24px;
}

.lblVisibilityHidden {
    visibility: hidden;
}

.btnShowOnHover {
    visibility: hidden;
}
/*Used for Blink always*/
.item-Blink-Always {
    -webkit-animation: blinker 1s step-start 0s infinite;
    -moz-animation: blinker 1s step-start 0s infinite;
    animation: blinker 1s step-start 0s infinite;
}
/*Used for Blink*/
.item-Blink {
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;
}

.dvContainerCasesheetRow:hover .btnShowOnHover,
.dvPlanRow:hover .btnShowOnHover {
    visibility: visible;
}

.dvMedSummarySeperator {
    border-bottom: 1px solid rgba(182, 182, 182, 0.6);
}

.btnFollowup:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 36px;
}

.btnNotes:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f044";
    margin-right: 4px;
    font-size: 14px;
}

.btnAddNewGreenWhite {
    width: 35px;
    background-color: var(--clr-white) !important;
}

.btnAddNewGreenBig {
    width: 35px;
    background-color: transparent !important;
}

    .btnAddNewGreenBig:before {
        font-size: 24px !important;
    }

.btnPrevious,
.btnNext {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-gray);
    color: var(--clr-gray);
    outline: none !important;
}

    .btnNext:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f054";
        font-size: 20px;
    }

.btnNextNew:after {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f061";
    margin-left: 4px;
    display: inline;
}

.btnPrevNew:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f060";
    margin-right: 4px;
    display: inline;
}

.btnPrevious:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f053";
    margin-right: 1px;
    font-size: 20px;
    line-height: 26px;
}

.btnAddNewGreenBig:before,
.btnAddNewGreenWhite:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f055";
    margin-right: 7px;
    font-size: 20px;
    color: var(--clr-purplelight2);
    line-height: 25px;
}

.btnMakeCircle {
    border-radius: 50% !important;
    color: var(--clr-white);
    width: 36px !important;
}

.btnMakeCalls:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 36px;
}

.dvLeadCallStatusCon {
    clear: both;
    padding-top: 2px !important;
}

.lblGreenBackWhiteFont {
    font-size: 12px;
    background-color: var(--clr-greendark1);
    margin-top: 2px !important;
    padding: 0px 5px;
    color: white;
    border-radius: 3px;
}

.lblRedBackWhiteFont {
    font-size: 12px;
    background-color: var(--clr-reddark1);
    margin-top: 2px !important;
    padding: 0px 5px;
    color: white;
    border-radius: 3px;
}

.btnMakeCallsReceive {
    -ms-transform: rotate(180deg);
    /* IE 9 
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

    .btnMakeCallsReceive:before {
        content: "\f095";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        line-height: 40px;
    }

.btnSMSReply:before {
    content: "\f1d9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.ImageIconOnly:before {
    text-align: center;
    border-radius: 0 !important;
    padding: 0 !important;
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    color: var(--clr-black);
    font-weight: normal;
}

.ImageIconOnly:hover {
    font-weight: 600;
    color: var(--clr-black);
}


.btnLoading,
.btnServiceLoading,
.btnIconLoading {
    pointer-events: none;
    /*padding: 0px !important;*/
    /*background-color: var(--clr-orange)!important;*/
}

.btnLoadingNoBorder {
    color: var(--clr-greendark1);
    background-color: none !important;
    border: none !important;
}

.btnIconLoading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110";
    font-size: 16px;
    width: 16px;
    height: 16px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
}

.btnLoading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110";
    margin-right: 6px;
    font-size: 16px;
    width: 16px;
    height: 16px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
}

.btnServiceLoading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110";
    margin-right: 6px;
    font-size: 15px;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
}

.btnSearchColor:before {
    margin-right: 0px !important;
}

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

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

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

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

.btnLoadingNoBorder:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    font-size: 40px;
    color: var(--clr-greendark1);
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

.dvSearchContPanel .input-group-addon {
    font-size: unset !important;
}

/*.btnLoading:hover {
    background-color: var(--clr-orangedark1) !important;
}*/

.btnSaving:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    margin-right: 6px;
    font-size: 20px;
    color: var(--clr-white);
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

.btnSaveAndOpenProfileDetails:before,
.btnSaveAndOpenProfileNew:before {
    content: "\f234";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
}

.btnSaveAndOpenProfileDetails:before {
    margin-right: 4px;
}

.btnCopySmall:before {
    content: "\f0c5";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
    font-size: 16px;
}

.btnIconLoading {
    pointer-events: none !important;
}

.btnIconLoading,
.btnDownloadNew {
    margin-right: 0px !important;
}

    .btnDownloadNew:before,
    .btnDownload:before {
        content: "\f019";
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 8px;
        font-size: 14px;
    }

    .btnDownloadNew:before {
        margin-right: 0px !important;
        line-height: 40px !important;
    }

.btnSelectStaff:before {
    content: "\f2c0";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.btnUpload:before {
    content: "\f093";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
    font-size: 20px;
}

.dvSMSAll:before,
.btnSendSMS:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1d9";
    margin-right: 8px;
    font-size: 18px;
}

.btnSendMail:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1d9";
    margin-right: 8px;
    font-size: 20px;
    color: var(--clr-white);
}

.btnExportExcel:before {
    content: "\f1c3";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 27px;
}

.btnIconGap:before {
    margin-right: 10px;
    margin-left: 3px;
}

.btnNormalLightBGSelected:before {
    /*color: var(--clr-white) !important;*/
    margin-right: 0 !important;
}

.btnNormalLightBGSelected.req:before {
    /*color: var(--clr-white) !important;*/
    margin-right: 6px !important;
}

.btndropdowntoggleExport {
    padding: .3rem .6rem !important;
    border: 1px solid var(--clr-white) !important;
    line-height: 1.15 !important;
    outline: none !important;
    height: 35px !important;
}

    .btndropdowntoggleExport:hover {
        padding: .3rem .6rem !important;
    }

.btnPrintDropDwn {
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green);
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 10px !important;
    float: right !important;
    width: 32px;
}

.dvBillSummaryHeader {
    padding: 10px;
    background-color: var(--clr-white) !important;
    border-bottom: 1px solid var(--clr-graylight1dull1) !important;
    margin-bottom: 0 !important;
}

    .dvBillSummaryHeader.heigth {
        height: 55px !important;
    }

.btnMoreNormal {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-gray);
    margin-left: 0 !important;
    color: var(--clr-black);
    font-size: 15px;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

    .btnMoreNormal:hover {
        background-color: var(--clr-gray);
    }

.dropdownmenuPrint {
    min-width: 70px !important;
}

    .dropdownmenuPrint li {
        margin-right: 0 !important;
    }

.btnAppointment::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f073";
    margin-right: 7px;
}

.dvControlComboOver {
    position: absolute;
    top: 0;
    width: 93%;
    height: 28px;
    background-color: var(--clr-graylight2);
    margin: 2px;
    padding: 2px;
}

.dvControlComboSearch {
    width: 16%;
    position: absolute;
    float: right;
    right: 0;
    top: 0;
}

.btnPrintWhite:before,
.btnPrint:before {
    content: "\f02f";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btnPrintWhite:before {
    line-height: 35px;
    margin-right: 0 !important;
}

.btnClearAll {
    padding-top: 0px !important;
    color: rgba(0, 0, 0, 0.5);
    font-family: LatoRegular;
    font-weight: 700;
}

.btnUploadOrDownload {
    background-color: var(--clr-bluelight1);
    border: 1px solid var(--clr-blue);
    color: var(--clr-white);
    text-transform: uppercase;
}

.btnPrintNormal {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-blue);
    color: var(--clr-black);
    font-size: 15px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-right: 10px;
    text-transform: uppercase;
}

.copyDOOnlineBk:before {
    content: "\f0c5";
    width: 17px;
    height: 22px;
    float: left;
}

.dvSuccess::before {
    font: normal normal normal 40px/1 FontAwesome;
    content: "\f046";
    margin-right: 7px;
    color: var(--clr-green);
    line-height: 55px;
}

.btnInventory::before {
    content: "\f1b2";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 15px;
    margin-right: 4px;
}

.btnInventorySmall::before {
    content: "\f1b2";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    margin-right: 4px;
    line-height: 20px;
}

.btnService::before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    margin-right: 4px;
    content: "\f004";
}
/*Used for Tools Button Package*/
.btnPendingPackage:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0fa";
    font-size: 14px;
    margin-right: 4px;
}
/*Used for Tools Button Package*/
.icon-Package:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f2";
    font-size: 14px;
    margin-right: 4px;
}

.btnSave:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c7";
    margin-right: 7px;
}

.btnSignDoc:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f044";
    margin-right: 7px;
}

.doc-signed {
    background-color: var(--clr-greendark1);
    padding: 10px 15px;
    color: white;
    border-radius: 4px;
}

    .doc-signed:before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f087";
        margin-right: 7px;
    }

.btnConfirmDeleteRed {
    background-color: var(--clr-reddull1) !important;
    border: 1px solid var(--clr-reddull1) !important;
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
    margin-right: 10px !important;
}

.btnConfirmDelete:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f014";
    margin-right: 7px;
    line-height: 15px;
}

.btnExclamation {
    float: right;
}

    .btnExclamation:before {
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f071";
        margin-right: 7px;
        font-size: 40px;
        color: var(--clr-reddull1);
    }

.ulListContainer {
    padding-left: 17px;
    padding-top: 5px;
}

    .ulListContainer li {
        font-size: 14px;
        list-style-type: circle;
        margin-bottom: 5px;
    }

.dvContainerAlg {
    width: 100%;
    height: auto;
    min-height: 40px !important;
    cursor: pointer;
    outline: none !important;
    border-radius: 3px !important;
}

.btnDX {
    height: 15px;
    line-height: 15px;
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    color: var(--clr-blue);
}

.btnDetailsAddedNote:before {
    color: var(--clr-bluelight1) !important;
    font-weight: 700 !important;
}

.btnDetails:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f065";
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: var(--clr-blue) !important;
}

.dvNextPrev {
    padding: 0px 10px 3px 10px !important;
}

.lblHighChangePercentage {
    padding: 0px;
    line-height: 20px;
    padding-left: 3px;
}

.lblPositivePercentage {
    padding: 2px 4px;
    background-color: var(--clr-greendark1);
    border-radius: 3px;
    font-size: 11px;
    color: var(--clr-white);
}

.lblNegetivePercentage {
    padding: 4px 4px;
    background-color: var(--clr-reddark1);
    border-radius: 3px;
    font-size: 12px;
    color: var(--clr-white);
}

.lblPositivePercentage:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0d8";
    font-size: 16px;
    margin-right: 3px;
}

.lblNegetivePercentage:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0d7";
    font-size: 16px;
    margin-right: 3px;
}

.lblHighChangePercentage:before {
    color: var(--clr-greendark1);
}

.btnPause:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f04c";
    margin-right: 7px;
}

.btnExclude:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f112";
    margin-right: 0px;
    line-height: 38px;
}

.btnInclude:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f064";
    margin-right: 0px;
    line-height: 38px;
}

.btnUnlock:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f13e";
    margin-right: 7px;
    margin-right: 0 !important;
}

.btnXML:before {
    content: "\f1c9";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnPrintEmailButton:before {
    content: "\f003";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnOpenPrintTemplate:before {
    content: "\f14c";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnToolConsent:before {
    content: "\f044";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnPrintQueueButton:before {
    content: "\f016";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnEMRSaveAndPrint:before {
    content: "\f02f";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

/*.btnToggleMedicalSummary,
.btnBackMedicalSummary {
    display: none;
}*/

.btnToggleMedicalSummary:before {
    content: "\f21e";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnEMRSave:before {
    content: "\f0c7";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnEMRSelectTemplate:before {
    content: "\f15b";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnEMRDentalChart:before {
    content: "\f0ec";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnNewEMRTotal .lblEMRTotCurrency {
    font: normal normal normal 22px/1 FontAwesome;
    padding-left: 0 !important;
    line-height: 25px !important;
    font-size: 14px;
}

.btnNewEMRTotal .lblEMRTotalAMount {
    line-height: 25px !important;
}
/*Used for EMR Total*/
.btnNewEMRTotal {
    min-width: 50px;
}

.dvPatDocumentSumrAbDate {
    float: left;
    padding: 4px;
    margin: 2px;
    background-color: var(--clr-purpledark2) !important;
    font-size: 9pt;
}

    .dvPatDocumentSumrAbDate:before {
        content: "\f15b";
        font: normal normal normal 15px/1 FontAwesome;
        color: var(--clr-white);
        padding-right: 4px !important;
        font-size: 13px;
    }

.btnEMRPackage:before {
    content: "\f0f2";
    margin-right: 5px;
    font: normal normal normal 20px/1 FontAwesome;
    padding-left: 0 !important;
    font-size: 24px;
}

.btnPatientAttachments:before {
    content: "\f0c6";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px !important;
    line-height: 25px;
}

.btnPatientImaging:before {
    content: "\f1c5";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnHealthReminder:before {
    content: "\f0f3";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px !important;
    margin-right: 0 !important;
}

.btnLowEmphasisDisablelook {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-gray);
}

.btnReset:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0e2";
    margin-right: 4px;
    color: var(--clr-red);
}

.lblPregnantRed,
.lblAllergyRed {
    margin-left: 5px;
    padding: 1px 7px;
    background-color: var(--clr-reddark1) !important;
    margin-top: 3px;
    color: var(--clr-white);
}

.lblPregnantRed {
    font-size: 14px;
    border-radius: 50%;
    line-height: 16px;
}

.lblPregnantRed2 {
    width: 17px;
    height: 17px;
    float: left;
    text-align: center !important;
    padding: 1px 4px !important;
    margin-top: 8px;
}
/*Used for Allergy Red*/
.lblAllergyRed {
    font-size: 14px;
    border-radius: 3px;
    line-height: 15px;
}

.dvPatNameProfileSameLine.header .lblAllergyRed,
.dvPatNameProfileSameLine.header .lblPregnantRed {
    padding: 4px 7px !important;
    cursor: pointer;
}

.dvPatNameProfileSameLine.header span {
    margin-bottom: 0 !important;
}

.dvEMRTopMenu .dvSelectedPatient .dvPatNameProfileSameLine {
    padding-top: 5px !important;
}

.btnSetGoal,
.btnApplyTemplate {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-gray);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    padding: 3px 8px;
    cursor: pointer;
    font-size: 14px;
    outline: none !important;
    height: 40px;
    line-height: 34px !important;
}

    .btnApplyTemplate:before {
        padding: 1px 5px !important;
    }

    .btnSetGoal:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

    .btnApplyTemplate:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

.divSearchAppointment {
    height: 120px;
    width: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -60px;
    background-color: var(--clr-blue);
    cursor: pointer;
    z-index: 1000;
    padding-top: 48px;
}

    .divSearchAppointment:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        margin-left: 12px;
        font-size: 20px;
        margin-top: 30px;
        color: var(--clr-white);
    }

.dvItemAddedSmall {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: var(--clr-graylight1);
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    height: 36px !important;
}

.dvItemAddedSmallList .btnEdit:before {
    margin-right: 0 !important;
}

.dvItemAddedSmall.no-border {
    border: none !important;
    padding: 2px 0 !important;
}

.dvItemAddedSmall.no-border,
.dvItemAddedSmall.Small {
    margin-bottom: 0 !important;
}

.dvItemAddedSmallMulti {
    height: auto !important;
}

.dvItemAddedSmallFull {
    display: grid;
    width: 100%;
}

.dvItemAddedSmallPanel {
    float: left;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: var(--clr-gray);
    border-radius: 3px;
    padding: 2px 10px;
    cursor: pointer;
}

    .dvItemAddedSmallPanel p {
        color: var(--clr-whitedull1) !important;
    }

.dvItemAddedSmallPanelSelected {
    border-bottom: 3px inset var(--clr-greendark1) !important;
}

    .dvItemAddedSmallPanelSelected p {
        color: var(--clr-white) !important;
        font-weight: bold !important;
    }

    .dvItemAddedSmallPanelSelected .lblFieldValue2 {
        line-height: 16px !important;
    }

.dvItemAddedSmallPanel:hover {
    opacity: 1 !important;
    border: 1px solid var(--clr-gray);
}

.dvItemAddedSmall2 {
    float: left;
    margin-right: 5px;
    margin-bottom: 3px;
    margin-top: 3px;
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: var(--clr-graylight1);
    border-radius: 3px;
    padding: 0px 5px;
}

    .dvItemAddedSmall2:hover {
        opacity: 1 !important;
        border: 1px solid var(--clr-graydark1);
    }

.dvItemAddedBig {
    margin-right: 15px;
    margin-bottom: 5px;
    cursor: default;
    width: fit-content;
    float: left;
}

.dvItemAddedSmallValue, .dvItemAddedSmallValueWhite {
    float: left;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvItemAddedSmallValue {
    color: var(--clr-black);
}
.dvItemAddedSmallValueWhite {
    color: var(--clr-white);
}

.dvItemAddedSmallCon {
    max-width: 90%;
}

.dvItemAddedSmallValueCon {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    padding: 1px 10px;
}


.dvItemAddedSmall.white {
    background-color: var(--clr-white) !important;
}

.dvItemAddedSmall.gray {
    background-color: var(--clr-graydark1) !important;
}

.dvItemAddedSmallCancel {
    float: right;
    color: var(--clr-gray);
    margin-left: 10px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 16px;
    line-height: 28px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-transform: uppercase;
}
/*Used for EMR Current Visit*/
.txtAreaBig {
    min-height: 36px !important;
    overflow-x: hidden !important;
}

.dvItemAddedSmallCancelSmall {
    line-height: 19px !important;
}

.dvItemAddedSmallCancel:hover {
    border: none !important;
    background: transparent !important;
}

.dvItemAddedSmallCancelBig {
    float: right;
    color: var(--clr-gray);
    margin-left: 15px;
    cursor: pointer;
    font-size: 20px;
    line-height: 26px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-transform: uppercase;
}

    .dvItemAddedSmallCancelBig:hover {
        border: none !important;
        background: transparent !important;
    }

.dvItemAddedSmall.pre .dvItemAddedSmallValue {
    color: var(--clr-white) !important;
}

.dvItemAddedSmall.pre .dvItemAddedSmallCancel {
    color: var(--clr-whitedull1) !important;
}

.dvLeadStatusSelected {
    border-radius: 4px 0 0 4px !important;
}
/*.dvLeadStatusSelected .select2-selection {
        border-radius: 0 4px 4px 0 !important;
        margin-left: -2px!important;
    }*/
.lblAllCaps {
    text-transform: uppercase;
}
/*Used for All Caps*/
.lblCapFirst {
    text-transform: capitalize;
}

.dvItemAddedSmallCancelWhite {
    float: left;
    color: var(--clr-white);
    margin-left: 10px;
    cursor: pointer;
    font-size: 25px;
    line-height: 15px;
}

.btnCross {
    font-size: 35px;
    line-height: 30px;
    color: white;
    padding: 0px 0px 4px;
    width: 30px;
    outline: none !important;
    float: right;
    cursor: pointer;
    background: transparent !important;
    box-shadow: none !important;
}

.ComboAppointmentQueueBG .btnCross2 {
    font-size: 16px;
    background-color: #f1f2f9;
    border: 1px solid rgba(182,182,182, 0.6) !important;
    margin-top: -8px;
    padding: 0px 6px;
    border-radius: 50%;
    margin-right: -14px !important;
    cursor: pointer;
}

.ComboAppointmentQueue {
    width: 250px !important;
    padding: 0px 5px 5px;
    border-radius: 3px;
}

.ComboAppointmentQueueBG {
    width: 430px !important;
    background-color: #F39C12 !important;
    padding: 0px 5px 5px;
    border-radius: 3px;
}

.dvPopUpModalBodyNew {
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 0;
    padding-right: 20px;
}

.divModalHeaderForPopUpNew {
    padding: 10px;
    padding-bottom: 0 !important;
    background-color: var(--clr-white);
    border-bottom: 1px solid var(--clr-graylight1dull2) !important;
}

.dvSelectedValue {
    background-color: var(--clr-white);
    padding: 2px 10px;
    border: 1px solid rgba(182,182,182, 0.6);
    float: left;
    width: auto !important;
    border-radius: 3px !important;
    line-height: 15px;
    min-height: 40px;
    margin-right: 10px;
}

    .dvSelectedValue .lblColorBlack,
    .dvSelectedValue .lblColorBlue {
        font-size: 16px;
        line-height: 15px;
    }

    .dvSelectedValue .lblLowEmphasis {
        font-size: 12px;
        line-height: 15px;
    }

    .dvSelectedValue .lblFontNormal {
        font-size: 12px;
        line-height: 15px;
    }

.dvGridColumns {
    padding-left: 0 !important;
    padding-right: 0px !important;
}

.dvGridColumnRight {
    padding-right: 0 !important;
    padding-left: 15px !important;
}

.dvGridColumnSmallLeft {
    padding-left: 0 !important;
    padding-right: 7px !important;
}

.dvGridColumnSmallRight {
    padding-right: 0 !important;
    padding-left: 0px !important;
}

.dvGridColumnsRight {
    padding-right: 0 !important;
    padding-left: 0px !important;
}

.btnGridFirstColumnSmallNonLinkBlack,
.lblGridColumnWithWorkingTime,
.lblGridColumnWithNonWorkingTime {
    font-family: LatoRegular;
    font-size: 16px;
    border: 1px solid transparent;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.divGridWrapper {
    min-height: 150px;
}

.divGridWrapperPriceListNew {
    min-height: 270px;
}

.lblGridColumnWithWorkingTime {
    color: var(--clr-black);
    padding: 0;
}

.lblGridColumnWithNonWorkingTime {
    color: var(--clr-white);
    background-color: var(--clr-black);
    padding: 0px 5px;
}

.btnGridFirstColumnSmallNonLinkBlack {
    font-size: 14px !important;
    background-color: transparent !important;
    border: 1px solid transparent;
    color: var(--clr-black);
    padding: 0 !important;
}

.lblCallCenterListNavigate {
    font-family: LatoRegular;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: var(--clr-black);
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 38px;
}

.btnIncomingCall,
.btnCallForwading {
    width: 35px;
    height: 35px;
}

.btnSmallLinkWithIcon {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 15px;
    color: var(--clr-bluelight1dull2);
    text-align: left;
    margin: 0;
    line-height: 25px;
    float: left;
    border: none;
    background: none;
    padding-left: 0;
    outline: none !important;
}

.btnSmallLinkWithIconBig {
    line-height: 30px !important;
}

.btnLinkBorder {
    border: 1px solid black;
    padding: 8px 10px;
    font-weight: 700;
}

.btnMedicalSummaryLink {
    cursor: pointer;
    font-size: 16px;
    background-color: transparent;
    color: var(--clr-white);
    padding: 0;
    text-align: left;
    margin: 0;
    text-decoration: underline;
    font-family: LatoRegular;
}

.lblLinkColor {
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
}

.lblgrdBigLinkLabel,
.lblRecallLinkedAppt {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 16px;
    outline: none !important;
    color: var(--clr-bluelight1dull2) !important;
}

.lblgrdBigLinkLabel {
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 25px;
    padding: 0;
}

.btnSmallLink {
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 20px;
    padding: 0;
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 16px;
    outline: none !important;
    color: var(--clr-bluelight1dull2) !important;
}

    .btnSmallLink.black {
        color: var(--clr-black) !important;
        cursor: default !important;
    }

    .btnSmallLink.small-value {
        font-size: 14px !important;
    }

.lblRecallLinkedAppt {
    font-size: 14px !important;
    background-color: var(--clr-yellow);
    border: 1px solid transparent;
    text-align: left;
    padding: 3px 5px !important;
    margin-bottom: 5px;
}

.lblSubHeaderWithColorGray {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 25px;
    color: var(--clr-graylight2) !important;
}

divButtonGroupContainer .dvFlyoutPageContainer {
    bottom: 0;
    top: 0;
    margin: 0;
    position: fixed;
    overflow-y: auto;
    padding-top: 0px;
}

.dvPatNameProfileNew {
    background-color: var(--clr-white);
    padding: 2px 5px 0;
    border: none !important;
    cursor: pointer;
    float: right;
    width: auto !important;
    box-shadow: 0 0 2px var(--clr-gray);
    border-radius: 3px !important;
}

    .dvPatNameProfileNew span {
        line-height: 15px !important;
    }

.float-Left .dvPatNameProfileNew {
    float: left !important;
}

.dvPatNameProfileSameLine span,
.dvPatNameProfileNew span {
    line-height: 15px !important;
}

.data-grid-lead {
    border: 1px solid var(--clr-graylight1dull1);
    border-radius: 4px;
    background-color: #FFFFFF !important;
    padding: 10px 15px !important;
}

.dvPatNameProfileSameLine .lblFontPatNameNew {
    float: left !important;
}

.dvPatNameProfileSameLine.header .additionalInfo {
    padding-left: 5px !important;
    padding-top: 2px !important;
}

    .dvPatNameProfileSameLine.header .additionalInfo .lblMembership,
    .dvPatNameProfileSameLine.header .additionalInfo .lblAllergyRed,
    .dvPatNameProfileSameLine.header .additionalInfo .lblPregnantRed {
        top: -5px;
        position: relative;
        display: inline-block;
    }

.dvWrapContainerEMR .dvPageHeader .pastdata {
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}

.float-Left .dvPatNameProfileNew {
    float: left !important;
}

.dvPatShortInfo {
    background-color: var(--clr-white);
    padding: 2px 10px;
    border: 1px solid var(--clr-graylight1);
    float: left;
    width: auto !important;
    border-radius: 3px !important;
    line-height: 15px;
    min-height: 36px;
}

    .dvPatShortInfo .lblColorBlack,
    .dvPatShortInfo .lblColorBlue {
        font-size: 16px;
        line-height: 15px;
    }

    .dvPatShortInfo .lblLowEmphasis {
        font-size: 12px;
        line-height: 15px;
    }

.dvPatShortInfoNameOnly .lblColorBlack,
.dvPatShortInfoNameOnly .lblColorBlue {
    font-size: 16px;
    line-height: 32px;
}

.dvPatShortInfoBoBG {
    background-color: transparent !important;
}

    .dvPatShortInfoBoBG .lblColorBlack,
    .dvPatShortInfoBoBG .lblColorBlue {
        font-size: 16px;
        line-height: 15px;
        color: var(--clr-white) !important;
    }

    .dvPatShortInfoBoBG .lblLowEmphasis {
        font-size: 12px;
        line-height: 15px;
        color: var(--clr-whitedull1) !important;
    }


.dvPatNameProfileLeft {
    float: left;
    text-align: left;
    margin-left: 35px;
}

.dvPatNameProfileInactive {
    background-color: var(--clr-blue);
    padding: 2px 5px;
    border: 1px solid var(--clr-blue);
    cursor: pointer;
    float: right;
    width: auto !important;
}

/*Button Group Section Close*/
.dvGenericTable {
    height: 240px;
    border: 1px solid var(--clr-graylight2);
    overflow: auto;
}

.dvCalendarConfigTable {
    height: 300px;
    border: 1px solid var(--clr-graylight2);
    overflow: auto;
}

.dvSMSCountCaption {
    font-size: 25px;
}

.dvButtonWrapperPettyNew,
.dvButtonWrapperPetty2,
.dvButtonWrapperPetty {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    height: 45px;
    background-color: var(--clr-graylight2);
    border-color: var(--clr-graylight2);
    padding: 2px 5px !important;
    border-top: 1px solid var(--clr-graylight1);
}

.dvButtonWrapperPetty2 {
    height: 40px !important;
}

.dvButtonWrapperPettyNoBG {
    background-color: transparent !important;
    border-top: none !important;
}
/*Used for Wrap Container Modal*/
.dvWrapContainerModal {
    background-color: var(--clr-white) !important;
    box-shadow: none !important;
    bottom: 0 !important;
    border-radius: 5px 5px 0 0 !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.dvButtonWrapper {
    width: 100%;
    text-align: center;
    height: 50px;
    background-color: var(--clr-white);
    padding: 4px 5px !important;
    border-top: 1px solid var(--clr-white);
}

.dvGridContainerDivGrpAddNew {
    width: auto;
    float: right;
}

.dvComboFixedWidth {
    width: 120px !important;
    margin-right: 20px !important;
}

.dvinnnerNoInvCommPref {
    width: 50px;
    float: left;
    padding: 0 4px 0 0;
}

/*Top Save Container*/
.divPageToolBarWrapperTop {
    background-color: var(--clr-bluelight1);
    border-right: 1px solid var(--clr-bluelight1);
}

.divAdmissionPageToolBarWrapper {
    height: 75px;
    background-color: var(--clr-bluelight1);
    border-right: 1px solid var(--clr-bluelight1);
    width: 99.9%;
    float: left;
    position: fixed;
    z-index: 1000;
}

.divPageToolBarWrapperTopApply {
    background-color: var(--clr-bluelight1);
    border-right: 1px solid var(--clr-bluelight1);
    position: fixed;
}

.btnCaseSheetEdited {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 14px;
    background-color: var(--clr-reddull1);
    border: 1px solid transparent;
    color: var(--clr-white);
    text-align: left;
    text-decoration: underline;
    margin: 10px;
    line-height: 35px;
    margin-top: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

.divEMRTlbButtonWrapper {
    float: left;
    margin-left: 10px;
}

/*EMR Buttons Group*/
.btnPatConsent {
    color: var(--clr-white);
    outline: none !important;
    cursor: pointer;
    font-family: LatoRegular;
    border: none !important;
}

    .btnPatConsent:before {
        content: "\f044";
        font: normal normal normal 20px/1 FontAwesome;
        color: var(--clr-white);
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

.btnExportPdf:before {
    content: "\f1c1";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 20px;
    line-height: 25px;
}

.btnLowEmphasisMedicalSummary {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 15px;
    padding: 0;
    text-align: left;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px;
    height: 40px;
    line-height: 38px;
}

.btnPatientDelete,
.btnDischargeComplete,
.btnSaveAndOpenProfile {
    background-color: transparent;
    border: 0 solid var(--clr-graylight2);
    cursor: pointer;
    min-height: 54px;
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-white);
    font-size: 13px;
    text-align: center;
    min-width: 54px;
    padding-top: 45px;
    outline: none !important;
}

    .btnDischargeComplete:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f044";
        margin-left: 6px;
        font-size: 16px;
        line-height: 28px;
    }

    .btnDischargeComplete:hover {
        background-color: var(--clr-purpledark3) !important;
    }

    .btnPatientDelete:hover {
        background-color: var(--clr-purpledark3) !important;
    }

.btnExportPdf,
.btnToggleMedicalSummary,
.btnEMRSaveAndPrint,
.btnEMRSave,
.btnEMRSelectTemplate,
.btnEMRDentalChart,
.btnNewEMRTotal,
.btnEMRNew,
.btnEMRPastVisits,
.btnEMRNextPatient,
.btnEMRTodayEnc,
.btnPrintEmailButton,
.btnPrintQueueButton,
.btnOpenPrintTemplate,
.btnToolConsent,
.btnUnlockEMR,
.btnXML,
.btnPatientAttachments,
.btnPatientImaging,
.btnHealthReminder,
.btnReportPrint,
.btnReportExport,
.btnReportExportLoading,
.btnReportSettings,
.btnReportRefresh,
.btnReportDashboard,
.btnReportMassSMSButton,
.btnReportGrid,
.btnReportChart,
.btnEMRMoreOption,
.btnReportCustomButton,
.btnImageEditorPencil,
.btnRunReport,
.btnPatConsent,
.btnReportBack {
    background-color: transparent;
    border: 0 solid var(--clr-graylight2);
    cursor: pointer;
    min-height: 44px;
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-white);
    font-size: 14px;
    text-align: center;
    outline: none !important;
    float: left;
    padding: 1px 7px;
}

    .btnEMRSaveAndPrint:hover,
    .btnEMRSave:hover,
    .btnXML:hover,
    .btnEMRSelectTemplate:hover,
    .btnEMRDentalChart:hover,
    .btnNewEMRTotal:hover,
    .btnEMRNew:hover,
    .btnEMRPastVisits:hover,
    .btnEMRNextPatient:hover,
    .btnEMRTodayEnc:hover,
    .btnPrintEmailButton:hover,
    .btnPrintQueueButton:hover,
    .btnOpenPrintTemplate:hover,
    .btnToolConsent:hover,
    .btnUnlockEMR:hover,
    .btnPatientAttachments:hover,
    .btnHealthReminder:hover,
    .btnPatientImaging:hover,
    .btnEMRMoreOption:hover,
    .btnToggleMedicalSummary:hover,
    .btnPatientConsent:hover,
    .btnPatConsent:hover {
        background-color: var(--clr-greendark1) !important;
        float: left;
    }

    .btnExportPdf:hover,
    .btnReportPrint:hover,
    .btnReportExport:hover,
    .btnReportExportLoading:hover,
    .btnReportSettings:hover,
    .btnReportChart:hover,
    .btnReportCustomButton:hover,
    .btnImageEditorPencil:hover,
    .btnReportRefresh:hover,
    .btnReportDashboard:hover,
    .btnReportMassSMSButton:hover,
    .btnRunReport:hover,
    .btnReportGrid:hover {
        background-color: var(--clr-bluedark3) !important;
        float: left;
    }

    .btnImageEditorLibrary p,
    .btnImageEditorAdd p,
    .btnImageEditorCamera p,
    .btnImageEditorEdit p,
    .btnImageEditorCompare p,
    .btnImageEditorUnpin p,
    .btnImageEditorpin p,
    .btnImageEditorRotate p,
    .btnImageEditorCrop p,
    .btnImageEditorOptions p,
    .btnImageEditorClear p,
    .btnImageEditorAnnotation p,
    .btnImageEditorRectangle p,
    .btnImageEditorLine p,
    .btnImageEditorPencil p,
    .btnImageSave p,
    .btnExportPdf p,
    .btnEMRSaveAndPrint p,
    .btnEMRSave p,
    .btnXML p,
    .btnEMRSelectTemplate p,
    .btnEMRDentalChart p,
    .btnNewEMRTotal p,
    .btnEMRNew p,
    .btnEMRPastVisits p,
    .btnEMRNextPatient p,
    .btnEMRTodayEnc p,
    .btnPrintEmailButton p,
    .btnPrintQueueButton p,
    .btnOpenPrintTemplate p,
    .btnToolConsent p,
    .btnUnlockEMR p,
    .btnPatientAttachments p,
    .btnPatientImaging p,
    .btnHealthReminder p,
    .btnReportPrint p,
    .btnReportExport p,
    .btnReportExportLoading p,
    .btnReportSettings p,
    .btnReportRefresh p,
    .btnReportDashboard p,
    .btnReportMassSMSButton p,
    .btnReportGrid p,
    .btnEMRMoreOption p,
    .btnReportCustomButton p,
    .btnImageEditorPencil p,
    .btnRunReport p,
    .btnReportChart p,
    .btnToggleMedicalSummary p,
    .btnPatConsent p,
    .btnReportBack p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        color: var(--clr-whitedull1);
    }

        .btnImageEditorLibrary:hover p,
        .btnImageEditorAdd:hover p,
        .btnImageEditorCamera:hover p,
        .btnImageEditorEdit:hover p,
        .btnImageEditorCompare:hover p,
        .btnImageEditorUnpin:hover p,
        .btnImageEditorpin:hover p,
        .btnImageEditorRotate:hover p,
        .btnImageEditorCrop:hover p,
        .btnImageEditorOptions p:hover,
        .btnImageEditorClear p:hover,
        .btnImageEditorAnnotation p:hover,
        .btnImageEditorRectangle:hover p,
        .btnImageEditorLine:hover p,
        .btnImageEditorPencil:hover p,
        .btnImageSave:hover p,
        .btnExportPdf:hover p,
        .btnEMRSaveAndPrint:hover p,
        .btnEMRSave:hover p,
        .btnXML:hover p,
        .btnEMRSelectTemplate:hover p,
        .btnEMRDentalChart:hover p,
        .btnNewEMRTotal:hover p,
        .btnEMRNew:hover p,
        .btnEMRPastVisits:hover p,
        .btnEMRNextPatient:hover p,
        .btnEMRTodayEnc:hover p,
        .btnPrintEmailButton:hover p,
        .btnPrintQueueButton:hover p,
        .btnOpenPrintTemplate:hover p,
        .btnToolConsent:hover p,
        .btnUnlockEMR:hover p,
        .btnPatientAttachments:hover p,
        .btnPatientImaging:hover p,
        .btnHealthReminder:hover p,
        .btnReportPrint:hover p,
        .btnReportExport:hover p,
        .btnReportExportLoading:hover p,
        .btnReportSettings:hover p,
        .btnReportRefresh:hover p,
        .btnReportDashboard:hover p,
        .btnReportMassSMSButton:hover p,
        .btnReportGrid:hover p,
        .btnEMRMoreOption:hover p,
        .btnReportCustomButton:hover p,
        .btnImageEditorPencil:hover p,
        .btnRunReport:hover p,
        .btnReportChart:hover p,
        .btnToggleMedicalSummary:hover p,
        .btnPatConsent:hover p,
        .btnReportBack:hover p {
            color: var(--clr-white) !important;
        }

.btnEMRPackage {
    background-color: transparent;
    border: 0 solid var(--clr-graylight2);
    color: var(--clr-gray);
    cursor: pointer;
    min-height: 30px;
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    outline: none !important;
}

.btnUnlockEMR:before {
    content: "\f084";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 20px;
    line-height: 25px;
}

.btnReportPrint:before {
    content: "\f013";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

.btnReportExport:before {
    content: "\f019";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

.btnReportExportLoading {
    pointer-events: none !important;
}

    .btnReportExportLoading:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f1ce";
        font-size: 26px;
        line-height: 35px;
        -webkit-animation: fa-spin 3s infinite linear;
        animation: fa-spin 3s infinite linear;
    }

.btnReportSettings:before {
    content: "\f013";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

.btnReportRefresh:before {
    content: "\f021";
    font: normal normal normal 34px/1 FontAwesome;
    margin-left: 0;
    font-size: 26px;
    line-height: 35px;
}

.btnReportDashboard:before {
    content: "\f0e4";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

.btnReportMassSMSButton:before {
    content: "\f1d9";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

.btnReportGrid:before {
    content: "\f0db";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px !important;
    line-height: 35px;
}

.btnRunReport:before {
    content: "\f14c";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px !important;
    line-height: 35px;
}

.btnRunReportSmall:before {
    content: "\f08e";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px !important;
    line-height: 35px;
}

.btnEMRMoreOption:before,
.btnReportCustomButton:before {
    content: "\f013";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px !important;
    line-height: 35px;
}

.btnEMRMoreOption p:after {
    content: "\f0d7";
    margin-left: 5px;
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    font-size: 14px;
}

.btnReportBack:before {
    content: "\f013";
    font: normal normal normal 34px/1 FontAwesome;
}

.btnReportChart:before {
    content: "\f080";
    font: normal normal normal 34px/1 FontAwesome;
    font-size: 26px;
    line-height: 35px;
}

/*Common Flyout style*/
.pnlCommon {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
}

.pnlNoPadding {
    padding: 0px !important;
}

.pnlPaddingRight {
    padding-right: 25px !important;
}

.DvPaddingPanel {
    padding: 10px !important;
}

.DvPaddingPanelQuick {
    padding: 10px !important;
}



.pnlYellow {
    background-color: var(--clr-yellow);
}

.pnlBlackLight {
    background-color: var(--clr-blacklight2);
}

.pnlPurpleLight {
    background-color: var(--clr-purplelight2);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--clr-purplelight2);
}

.pnlPurpleDark {
    background-color: var(--clr-purpledark3);
}

.pnlBlueDark {
    background-color: var(--clr-bluedark3);
    border-color: var(--clr-blue);
}

.pnlNormalBlue {
    background-color: var(--clr-blue);
}

.pnlBlue {
    background-color: var(--clr-bluedark1);
}

.pnlBlueLight {
    background-color: var(--clr-bluelight1);
}

.pnlSearchAppointment {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    background-color: var(--clr-white) !important;
    border: 5px solid var(--clr-blue);
    padding: 0px !important;
}

.pnlContainer {
    padding: 0px 5px;
    clear: both;
}

.pnlContainerCtrl {
    padding: 0px 5px;
    clear: both;
}

.lblValueSameLine {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblPageHeader.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvCustomOddRowGreen {
    background-color: var(--clr-greendark3dull1) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 10px;
}

.dvCustomEvenRowGreen {
    background-color: var(--clr-greendark3) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 10px;
}

.dvCustomEvenRowBorderGreen {
    border-bottom: 1px solid var(--clr-greendark3dull1) !important;
}

.dvCustomRowOddSmall2 {
    background-color: rgba(241, 242, 249, 0.6) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 2px;
}

.dvCustomRowEvenSmall2 {
    background-color: var(--clr-white) !important;
    padding: 2px 3px 2px 10px;
    margin-bottom: 2px;
}

.dvCustomRowOdd {
    background-color: rgba(182,182,182,.2) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 5px;
}

.dvCustomRowEven {
    background-color: var(--clr-white) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 0px;
}

.dvCustomOddRowBlue {
    background-color: rgba(0, 96, 166, 0.2) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 10px;
}

.dvRowTopGap {
    margin-top: 15px !important;
}

.dvCustomEvenRowBlue {
    background-color: var(--clr-bluedark1) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 5px;
}

.dvCustomOddRowBlueDark {
    background-color: rgba(92, 109, 126, 0.2) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 5px;
}

.dvCustomEvenRowBlueDark {
    background-color: var(--clr-bluedark3) !important;
    padding: 5px 3px 5px 10px;
    margin-bottom: 5px;
}

.dvCustomOddRowBlackSmall {
    background-color: var(--clr-blacklight1dull1) !important;
    padding: 5px 3px 3px 5px;
    margin-bottom: 0px;
}

.dvCustomOddRowBlack {
    background-color: rgba(182,182,182,.15) !important;
    padding: 7px 3px 7px 10px;
    margin-bottom: 5px;
}
/*Used for textarea Invalid*/
.textarea[aria-invalid="true"],
.errInvalid {
    border-color: var(--clr-red) !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    box-shadow: 0 0 0 3px var(--clr-red) !important;
    background-position: center right 16px;
    border-radius: 3px;
}

.lblBGRedOnly,
.lblBGRed2 {
    color: var(--clr-white);
    background: var(--clr-red) !important;
    padding: 2px 5px 3px !important;
    padding: 2px 5px 2px !important;
    white-space: nowrap;
    font-size: 11px !important;
}

.dvCallCompleted,
.dvCallDue {
    background-color: var(--clr-white);
    padding: 3px 10px;
    border-radius: 3px;
    border: 1px solid var(--clr-graylight1);
    display: inline-block;
}

.dvCallCompleted {
    border-left: 5px solid var(--clr-greendark1);
}

.dvCallDue {
    border-left: 5px solid var(--clr-red);
}
/*Used for Incoming Due Call Common*/
.btnIncomingDueCall:after,
.btnIncomingDueCall:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 1px;
    border-radius: 3px;
    float: left;
}
/*Used for Incoming Due Call*/
.btnIncomingDueCall:after {
    content: "\f060";
    font-size: 11px;
    line-height: 18px;
    transform: rotate(315deg);
    margin-right: 2px;
    margin-left: -8px;
    color: var(--clr-green);
}
/*Used for Incoming Due Call*/
.btnIncomingDueCall:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 28px;
    color: var(--clr-green);
}
/*Used for External Clinic*/
.lblBgExternal:before {
    font-size: 12px !important;
}
/*Used for External Clinic*/
.lblBgExternal {
    background-color: var(--clr-purpledark2) !important;
    border: 1px solid var(--clr-purpledark2) !important;
    padding: 2px 4px 2px !important;
    border-radius: 3px;
    color: var(--clr-white) !important;
}

.dvCustomOddRowBlackRx {
    background-color: rgba(45, 45, 45, 0.4) !important;
    border-bottom: 1px solid var(--clr-blacklight1) !important;
    padding: 3px;
    margin-bottom: 10px;
}

.dvCustomRowLessPad {
    margin-bottom: 2px !important;
}

.dvCustomEvenRowBlack {
    background-color: transparent !important;
    padding: 7px 3px 7px 10px;
    margin-bottom: 10px;
}

.dvCustomEvenRowBlackSmall {
    background-color: transparent !important;
    padding: 5px 3px 3px 5px;
    margin-bottom: 0px;
}

.dvCustomEvenRowBlackNew {
    background-color: var(--clr-blacklight2) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvCustomOddRowPurple {
    background-color: var(--clr-purplelight3dull1) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvApptSeperator {
    width: 100%;
    border: 1px solid var(--clr-graylight1);
    clear: both;
    margin-top: 5px;
    padding-top: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 5px 0px 5px;
    border-radius: 3px 3px 3px 3px;
}

.lblApptCount {
    position: absolute;
    right: 15px;
    padding: 1px 3px;
    background-color: var(--clr-orangedark1);
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

.dvCustomEvenRowPurple {
    background-color: var(--clr-purpledark3) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvContainerDisabled {
    cursor: no-drop;
}

.dvCustomOddRowGray {
    background-color: rgba(241, 242, 249, 0.6) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvCustomEvenRowGray {
    background-color: var(--clr-white) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvCustomRowBlack {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvCustomRowBlue {
    border-bottom: 1px solid var(--clr-blacklight1dull1) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.lblListPrimaryValue {
    font-size: 20px;
    line-height: 25px;
}

.dvCustomRowSmall,
.dvCustomRow {
    padding: 7px;
    clear: both;
    border-bottom: 1px solid var(--clr-graylight2);
    margin-bottom: 5px;
}

.dvCustomRowHR {
    border-top: 1px solid var(--clr-gray);
    margin: 0px !important;
}

.dvCustomRowSmall:hover,
.dvCustomRow:hover {
    background-color: var(--clr-graylight2);
}

.dvCustomRowSmall {
    margin-bottom: 0 !important;
    padding: 2px 3px !important;
}

.dvCustomRowSmallBorderAll {
    padding: 2px 3px !important;
    clear: both;
    border-left: 1px solid var(--clr-graylight2dull1New);
    border-right: 1px solid var(--clr-graylight2dull1New);
    border-bottom: 1px solid var(--clr-graylight2dull1New);
    margin-bottom: 0px;
}

.lblLineHeightBig {
    line-height: 38px !important;
}

.lblLineHeightMed {
    line-height: 34px !important;
}

.lblLineHeightSmall {
    line-height: 30px !important;
}

.dvCustomRowSmallBG {
    background-color: rgba(241, 242, 249, 0.6);
    clear: both;
    border-bottom: 1px solid var(--clr-graylight1);
    margin-bottom: 0 !important;
    padding: 2px 3px !important;
}

.lblGapRight {
    padding-right: 7px !important;
}

.dvNoPadd {
    margin-bottom: 0 !important;
    padding: 0px !important;
    line-height: 38px !important;
    border-bottom: 1px solid gray !important;
}

.dvCustomTodaysServiceRow {
    padding: 2px 0;
    clear: both;
    border-bottom: 1px solid var(--clr-gray);
    margin-bottom: 5px;
}

.dvCustomForCallRow {
    padding: 2px 3px 7px;
    clear: both;
    border-bottom: 1px solid var(--clr-graylight2);
    margin-bottom: 7px;
}

    .dvCustomForCallRow:hover {
        background-color: var(--clr-white);
    }

.divPageWrapperLessMarginNew {
    margin: 10px 0 0 0;
}

.dvEMRSearchGridContainer {
    padding-top: 10px;
}

.divAddNewCircleButtonContainer {
    padding-left: 10px;
}

.divAddNewCircleButtonContainer,
.dvExpiresNo,
.dvExpiresUnit {
    float: left;
}

.dvFlyoutBodyContainer {
    padding: 0 5px;
}

.dvExpiresNo {
    width: 30%;
}

.dvRegular,
.btnRegular,
.dvSOS {
    color: var(--clr-white);
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 3px;
    margin-left: 0px;
    text-transform: uppercase;
}

.btnRegular {
    margin-left: 3px !important;
}

.dvRegular,
.btnRegular {
    background-color: var(--clr-green);
}

.dvRegular {
    float: left;
}

.dvSOS {
    background-color: var(--clr-reddark1);
    float: left;
}

.dvRxSubtitutionNotAllowed,
.dvRxSubtitutionAllowed,
.dvRxReprescribe {
    font-family: LatoRegular;
    font-weight: 700;
    line-height: 38px;
    cursor: pointer;
    font-size: 32px;
    color: var(--clr-graylight1);
    cursor: pointer;
}

.divSummaryDetails {
    padding: 3px 10px;
    color: var(--clr-white);
}

.dvRxSubtitutionNotAllowed {
    color: var(--clr-green);
}

.dvRxReprescribed {
    background-color: var(--clr-green);
}

.dvGridColumnWhiteRight,
.dvGridColumnWhite {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
    color: var(--clr-white);
}

.dvGridColumnWhiteRight {
    text-align: right;
}

.dvGridHeaderRow {
    padding-top: 5px;
    border-bottom: 1px solid rgba(182, 182, 182, 0.6);
}

    .dvGridHeaderRow.b-none {
        border-bottom: none !important;
    }

.dvGridHeaderRowBlue {
    padding-top: 5px;
    border-bottom: 1px solid rgba(92, 109, 126, 0.2);
}

.lblPageHeaderWhiteSmallBold {
    font-family: LatoRegular;
    font-size: 22px !important;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    padding: 0;
    margin: 0;
    float: left;
    padding-left: 5px;
    line-height: 30px;
}

.lblPageHeaderWhiteSmallBoldHighlight {
    font-family: LatoRegular;
    font-size: 22px;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    margin: 0;
    float: left;
    background-color: var(--clr-greendark1);
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid var(--clr-greendark1);
}

.btnCursorPointer {
    cursor: pointer;
}

.btnRemoveCursorPointer {
    cursor: default !important;
}

.dvPadLeft30 {
    margin-left: 30px;
}

.dvExpiresUnit {
    width: 65%;
    margin-left: 5px;
}

.dvPointEqualSymbol {
    float: left;
    line-height: 30px;
    background-color: transparent;
    font-size: 24px;
    text-align: center;
    padding: 0;
}

.dvPointsCurrencyCaptionTextBox {
    padding: .15rem;
    border-radius: 0;
    text-align: right;
    font-family: LatoRegular;
    font-weight: 700;
    padding-right: 8px;
    border: 1px solid var(--clr-graylight1) !important;
}

.divTemplateContainer {
    height: 400px;
    font-family: LatoRegular;
    font-size: 16px !important;
    color: var(--clr-gray);
    border: 1px solid var(--clr-graylight1);
    overflow: auto;
}

.divTemplateRow {
    border-bottom: 1px solid var(--clr-graylight2);
    background-color: var(--clr-white);
    padding: 4px;
}

    .divTemplateRow:hover {
        background-color: var(--clr-bluelight1);
        cursor: pointer;
    }

    .divTemplateRow:visited,
    .divTemplateRow:active,
    .divTemplateRow:focus {
        background-color: var(--clr-green) !important;
    }

.divTemptrshAppt {
    height: 22px;
    margin-top: 4px;
    opacity: .6;
    cursor: pointer;
    float: right;
}

.dvListRowSelected {
    background-color: var(--clr-green) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--clr-graylight2) !important;
    color: var(--clr-black) !important;
    text-shadow: 0 0 0 var(--clr-white);
    padding: 4px;
}

.divSuccDataLoader,
.divTotDataLoader,
.divUnssuccDataLoader {
    position: relative;
    height: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 42px;
    font-family: LatoRegular;
    font-weight: 700;
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}

.divTotDataLoader {
    background-color: var(--clr-bluelight1);
    border: 1px solid var(--clr-blue);
}

.divUnssuccDataLoader {
    background-color: var(--clr-red);
    border: 1px solid var(--clr-red);
}

.divSuccDataLoader {
    background-color: var(--clr-purplelight2);
    border: 1px solid var(--clr-green);
}

.dvGridColumnLastNew,
.dvGridColumnLast {
    padding-right: 5px;
    padding-left: 0;
}

.dvPatServiceCategory {
    width: 100%;
    margin-bottom: 10px;
}

.progress,
.progressPackage,
.progressPackagePending {
    font-size: .6em;
    line-height: 1.5em;
    text-indent: .5em;
    height: 1.3em;
    background: var(--clr-white);
}

progress {
    color: var(--clr-blue);
    border: 1px solid var(--clr-blue);
}

    progress::-webkit-progress-bar {
        background: var(--clr-white);
    }

    progress::-webkit-progress-value {
        background: var(--clr-blue);
    }

.progressPackage {
    color: var(--clr-green) !important;
    border: 1px solid var(--clr-green);
    margin-top: 6px;
}

    .progressPackage::-webkit-progress-bar {
        background: var(--clr-white);
    }

    .progressPackage::-webkit-progress-value {
        background: var(--clr-green) !important;
    }

.progressPackagePending {
    color: var(--clr-orangedark1) !important;
    border: none !important;
    margin-top: 6px;
}

    .progressPackagePending::-webkit-progress-bar {
        background: var(--clr-white);
    }

    .progressPackagePending::-webkit-progress-value {
        background: var(--clr-orangedark1) !important;
    }

.select2-selection,
.chzn-container-single .chzn-single,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="numeric"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="date"],
textarea,
select {
    padding: 5px 7px 5px 10px !important;
    background-color: var(--clr-white) !important;
    color: var(--clr-black);
    border-radius: 0 !important;
    font-family: LatoRegular;
    box-shadow: none;
    border: 1px solid var(--clr-graylight1);
    text-shadow: 0 -1px 0 var(--clr-white);
    transition: none;
    font-size: 14px !important;
    width: 100% !important;
    font-weight: 500;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-radius: 3px !important;
    outline: none;
    line-height: 23px;
}

/*.select2-selection,*/
.chzn-container-single .chzn-single,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="numeric"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="date"],
textarea {
    padding: 5px 7px 5px 10px !important;
    background-color: var(--clr-white) !important;
    color: var(--clr-black);
    border-radius: 0 !important;
    font-family: LatoRegular;
    box-shadow: none;
    border: 1px solid var(--clr-graylight1);
    text-shadow: 0 -1px 0 var(--clr-white);
    transition: none;
    font-size: 14px !important;
    width: 100% !important;
    font-weight: 500;
    border-radius: 3px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*.select2-selection,*/
.chzn-container-single .chzn-single,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="numeric"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="date"],
select {
    height: 36px !important;
}



input[type="text"],
input[type="password"],
input[type="number"],
input[type="numeric"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="date"],
textarea,
select {
    outline: none;
}

input[type="numeric"],
input[type="number"] {
    text-align: right !important;
    padding-right: 5px !important;
}

input[type="submit"],
input[type="image"] {
    outline: none !important;
}

input[type="checkbox"] {
    margin-bottom: 5px;
}

    input[type="checkbox"]:disabled {
        cursor: no-drop;
    }
/*.select2-hidden-accessible {
    display: none;
}

.select2-container {
    width: auto !important;
    outline: none !important;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    display: block;
}*/

/*.select2:active,
    .select2-container:active,
    .select2-hidden-accessible:active,
    .select2-hidden-accessible:focus,
    .select2:focus,
    .select2-container:focus,*/
.dvFormControlContainertxt .searchTextBox:active,
.dvFormControlContainertxt .searchTextBox:focus,
.dvFormControlNotFirst:active,
.dvFormControlNotFirst:focus,
textarea:active,
textarea:focus,
input[type="text"]:active,
input[type="password"]:active,
input[type="password"]:focus,
input[type="number"]:active,
input[type="numeric"]:active,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="numeric"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:active,
input[type="date"]:active,
input[type="url"]:active,
input[type="email"]:active {
    outline: none;
    box-shadow: inset 0 0 0 0.15rem var(--clr-purplelight3) !important;
    border-color: var(--clr-purplelight3) !important;
}

.btn-primary,
.toggle-group .toggle-on {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
}

    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
        background-color: var(--clr-green) !important;
        border: 1px solid var(--clr-green) !important;
        color: var(--clr-white);
        outline: none;
        transition: none;
    }

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:focus {
        background-color: var(--clr-green) !important;
        border-color: var(--clr-green) !important;
    }

.txtSearchControl {
    border-right: none !important;
}

.pnlGreen .btnSearch {
    border-left: none !important;
}

.dvVideoCallDropdown select {
    background-color: var(--clr-white) !important;
    text-shadow: none !important;
    color: var(--clr-black) !important;
}

.dvFlyoutNormalDropdown .select2-container .selection .select2-selection,
.dvFlyoutDropdown .select2-container .selection .select2-selection,
.pnlGreen .select2-selection select2-selection--single,
.pnlGreen .select2-container .selection .select2-selection {
    background-color: transparent !important;
    padding-left: 5px !important;
    border: none !important;
}

.pnlGreen.dropdown .select2-container .selection .select2-selection {
    background-color: var(--clr-white) !important;
}

.dvFlyoutNormalDropdown .select2-container .selection .select2-selection .select2-selection__rendered,
.dvFlyoutDropdown .select2-container .selection .select2-selection .select2-selection__rendered,
.pnlGreen .select2-selection select2-selection--single .select2-selection__rendered,
.pnlGreen .select2-container .selection .select2-selection .select2-selection__rendered {
    /*color: var(--clr-white) !important;*/
    text-shadow: none !important;
}

.dvFlyoutNormalDropdownReport .select2-container .selection .select2-selection .select2-selection__rendered {
    color: var(--clr-black) !important;
    text-shadow: none !important;
}

.dvSearchContainerNew .select2-container .select2-selection--single .select2-selection__rendered,
.dvSearchContainer .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--clr-blacklight2) !important;
}

.FlyOutSearchCombo .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-black) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
}

.dvFlyoutDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-white) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
}

.dvFlyoutNormalDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-black) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
}

.dvFlyoutDropdown .select2-container--default .select2-selection--single .select2-selection__placeholder,
.dvFlyoutDropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--clr-white) !important;
    padding-left: 0 !important;
    outline: none !important;
    font-weight: normal !important;
    letter-spacing: 0.03em !important;
}

.dvFlyoutDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b .pnlGreen .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-white) transparent transparent transparent;
}

.dvFlyoutNormalDropdown .select2-container--default .select2-selection--single .select2-selection__placeholder,
.dvFlyoutNormalDropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--clr-black) !important;
    padding-left: 0 !important;
    outline: none !important;
    font-weight: normal !important;
    letter-spacing: 0.03em !important;
}

.dvFlyoutNormalDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b .pnlGreen .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-black) transparent transparent transparent;
}

.InputNumeric {
    text-align: right;
    padding-right: .3rem;
}

textarea {
    resize: none;
    height: 70px;
    overflow-x: hidden !important;
    max-height: 500px;
}

.textareaSingleLine {
    height: 41px !important;
    line-height: 35px !important;
}

.textareaSingleLineNew {
    height: 41px;
    line-height: 35px;
}

select option {
    background-color: var(--clr-graylight2);
    color: var(--clr-black) !important;
    padding: 10px 10px !important;
    height: 25px;
}

.dvradio label,
.radio label {
    margin-bottom: 0px !important;
}

input[type="checkbox"].onlineBook:not(:checked) + label,
input[type="checkbox"].onlineBook:checked + label,
input[type="radio"].onlineBook + label {
    color: var(--clr-blacklight1);
    font-family: LatoRegular;
    font-size: 14px;
    font-weight: 700 !important;
}

input[type="checkbox"].onlineBook:not(:checked) + label,
input[type="checkbox"].onlineBook:checked + label {
    position: relative;
    cursor: pointer;
}

.lblDisplayInlineBlock {
    display: inline-table !important;
}

.dvWidth90 {
    width: 90%;
}

.chkboxDescStyle {
    cursor: auto !important;
    font-size: 14px;
    font-family: LatoRegular;
    padding-left: 0rem !important;
    color: var(--clr-gray);
}

.chzn-drop .chzn-search input {
    width: 100% !important;
}

.borderBigger {
    padding-top: 1.5rem;
    border-top: 1px solid var(--clr-gray);
}

.borderSmaller {
    border-bottom: 1px solid var(--clr-gray);
}

.subheaderNew {
    padding: 0.9rem 0.9rem 0.5rem;
    color: var(--clr-black);
    font-family: LatoRegular;
    font-weight: 700;
    line-height: 25px;
    font-size: 18px;
}

.lblField {
    font-size: 14px;
    font-family: LatoRegular;
}

.divEMRPageToolBarWrapper {
    height: 75px;
    background-color: var(--clr-bluelight1);
    border-right: 1px solid var(--clr-bluelight1);
    width: 55%;
    float: left;
}

.dvPatProfileLeftContainer {
    padding-left: 0rem;
    padding-right: 0rem;
}

.dvToolsBar {
    background-color: var(--clr-purpledark2);
    min-height: 60px;
    padding: 3px 5px;
    border-radius: 3px 3px 0px 0px;
}

.dvEMRToolsBar {
    background-color: var(--clr-greendark1);
    padding: 3px 5px;
    border-radius: 0px;
}

.dvEMRToolsBarLeft {
    text-align: left;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    float: left;
}

.dvEMRToolsBarRight {
    text-align: right;
    padding: 0rem;
    float: right;
}

.dvMedicalSummary {
    background-color: #4b5158;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px !important;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
}

.dvEMRTopMenu {
    position: relative;
}

.dvPatientNameTopRow {
    padding: 7px !important;
    position: relative;
    min-height: 50px;
}

.dvMedSumDetailsContainer {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 0px;
}

.dvMedicalSummary .btnIcon {
    color: var(--clr-white) !important;
    padding: 0;
    padding-left: 4px;
}

.dvMedicalSummary .btnPackNotCompleted {
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 0;
    padding-left: 4px;
}

.dvMedicalSummaryFamMember {
    cursor: pointer;
    float: left;
}

.dvFamMember {
    cursor: pointer;
    float: left;
    line-height: 15px;
    padding: 10px 10px 5px;
    padding-left: 10px;
    display: flex;
    font-size: 16px;
    background-color: var(--clr-purpledark3);
    border: 1px solid var(--clr-gray);
    margin-right: 10px;
}

.btnMedImportant {
    background-color: rgba(182, 182, 182, 0.6);
    border: 1px solid rgba(182, 182, 182, 0.6);
    color: var(--clr-white);
}

    .btnMedImportant:hover {
        background-color: rgba(46, 204, 113, 0.7) !important;
        border: 1px solid rgba(46, 204, 113, 0.7) !important;
        color: var(--clr-white) !important;
    }

.btnEMRNextPatient:before {
    content: "\f14d";
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--clr-white);
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px;
}

.btnEMRAllergyPregnancy,
.btnPreviousVisit {
    font-family: LatoRegular;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
    min-height: 32px;
}

.btnEMRAllergyPregnancy {
    background-color: var(--clr-reddull1);
    border: 1px solid var(--clr-reddark1);
    cursor: pointer;
    color: var(--clr-white);
    padding: 6px !important;
    line-height: 16px;
    margin-bottom: 10px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnPreviousVisit {
    float: left;
    padding: 6px;
    text-align: center;
}

.dvMedSummaryClinicalSection {
    font-family: LatoRegular;
    width: fit-content;
    padding: 0px 4px;
    padding-left: 6px;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 38px;
}

.btnPastVisits:before {
    content: "\f1da";
    font: normal normal normal 20px/1 FontAwesome;
    padding-left: 0 !important;
    font-size: 24px;
    line-height: 38px;
}

.btnGrowthChartNew {
    height: inherit;
    background-color: var(--clr-purple);
    border: 1px solid var(--clr-purplelight2);
    cursor: pointer;
    color: var(--clr-white);
    padding: 4px 6px 4px 6px;
    line-height: 16px;
    text-align: center;
}

    .btnGrowthChartNew:hover {
        background-color: var(--clr-purplelight2);
    }

.divPreviousVisitNew {
    background-color: var(--clr-white);
    overflow: auto;
    /*width: 92%;*/
    padding: 20px;
    border-color: var(--clr-bluedark3);
    margin-top: 5px;
    margin-bottom: 5px;
}

.btnDueRecallsNBew {
    height: 30px;
    background: var(--clr-orange);
    border-color: var(--clr-orange);
    cursor: pointer;
    color: var(--clr-white);
    padding: 6px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.dvIVFCurrentCycle,
.dvPatDocumentMedSummary,
.dvInvgCriticalSumrNotRecorded,
.dvInvgCriticalSumrNormal,
.dvInvgCriticalSumrBorderline,
.dvInvgCriticalSumrAbnormal,
.dvInvgCriticalSumrRecorded,
.dvPatConsentMedSummary {
    float: left;
    width: 85%;
    padding: 4px;
    font-family: LatoRegular;
    font-size: 14px;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--clr-gray);
    box-shadow: none !important;
}

.dvInvgCriticalSumrNotRecorded {
    background-color: var(--clr-gray);
    height: 90px;
}

.dvInvgCriticalSumrNormal {
    height: 90px;
    background-color: var(--clr-greendark1);
}

.dvInvgCriticalSumrBorderline {
    background-color: var(--clr-orange);
    height: 90px;
}

.dvInvgCriticalSumrAbnormal {
    background-color: var(--clr-reddull1);
    height: 90px;
}

.dvIVFCurrentCycle {
    width: 124px !important;
    background-color: var(--clr-orange);
}

.dvPatConsentMedSummary {
    background-color: rgba(67, 203, 255, 0.5);
    height: 90px;
}

.dvPatDocumentMedSummary {
    background-color: var(--clr-purpledark3);
    height: 90px;
}

.dvMedSummaryClinicalSectionLink {
    font-family: LatoRegular;
    width: fit-content;
    padding: 0px 4px;
    padding-left: 6px;
    margin-bottom: 0px;
    cursor: pointer;
    font-weight: 700;
    line-height: 38px;
}

.lblPageHeaderWhiteSmallWithNoPadding {
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.dvInvgCriticalSumrAbDate,
.dvInvgCriticalSumrBordDate,
.dvInvgCriticalSumrNrmDate,
.dvPatConsentSumrAbDate,
.dvPatInvestigationSumrAbDate,
.dvInvgCriticalSumrNRDate,
.dvInvgCriticalSumrRecDate {
    float: left;
    padding: 2px 4px;
    margin: 0;
    font-size: 9pt;
    margin-bottom: 2px;
}

    .dvInvgCriticalSumrAbDate:before,
    .dvInvgCriticalSumrBordDate:before,
    .dvInvgCriticalSumrNrmDate:before,
    .dvPatConsentSumrAbDate:before,
    .dvPatInvestigationSumrAbDate:before,
    .dvInvgCriticalSumrNRDate:before,
    .dvInvgCriticalSumrRecDate:before {
        font: normal normal normal 15px/1 FontAwesome;
        content: "\f15b";
        color: var(--clr-white);
        padding-right: 3px !important;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 13px;
        vertical-align: text-top;
    }

.dvPatInvestigationSumrAbDate {
    background-color: rgba(182, 182, 182, 0.6) !important;
    border: none !important;
    color: var(--clr-black) !important;
    font-family: LatoRegular;
}

.dvInvgCriticalSumrAbDate {
    background-color: var(--clr-reddark1);
    color: var(--clr-white) !important;
}

.dvInvgCriticalSumrBordDate {
    background-color: var(--clr-yellow);
    color: var(--clr-black) !important;
}

.dvInvgCriticalSumrNrmDate {
    background-color: var(--clr-greendark2);
    color: var(--clr-white) !important;
}

.dvInvgCriticalSumrRecDate {
    background-color: rgba(67, 203, 255, 0.5);
    color: var(--clr-white) !important;
}

.dvInvgCriticalSumrNRDate {
    background-color: var(--clr-graylight1);
    color: var(--clr-black) !important;
}

.dvPatConsentSumrAbDate {
    background-color: var(--clr-bluedark1);
    color: var(--clr-white) !important;
}

    .dvPatConsentSumrAbDate:hover {
        background-color: var(--clr-bluedark1) !important;
    }

    .dvPatConsentSumrAbDate:before {
        font: normal normal normal 15px/1 FontAwesome;
        content: "\f15b";
        color: var(--clr-white);
        padding-right: 3px !important;
        text-transform: uppercase;
        font-size: 15px;
    }

.dvIVFCurrentCycleData {
    float: left;
    padding: 4px;
    margin: 2px;
    background-color: var(--clr-orange);
    font-size: 9pt;
}

.dvEMRVitalChartLastVal {
    color: var(--clr-white);
    font-size: 16px;
    padding: 2px;
    text-align: center;
    line-height: 20px !important;
}

.pnlWidth100Per {
    width: 100%;
    height: 236px;
    overflow: auto;
}

.dvPastVisitImgLast,
.dvPastVisitImg {
    float: right;
    margin-left: 8px;
}

    .dvPastVisitImg img {
        cursor: pointer;
    }

.dvPastVisitImgLast {
    margin-left: 10px;
}

.dvPatientNameWithBorder {
    float: right;
    background-color: var(--clr-blue);
    border: 1px solid var(--clr-blue);
    padding: 3px 5px;
    cursor: pointer;
    line-height: 30px;
    font-size: 20px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.divInvestigationEMRFav {
    float: left;
    /*display: none;*/
    border-style: solid;
    border-width: 1px;
    margin-right: 10px;
    color: var(--clr-black);
    cursor: pointer;
    padding: 4px 6px;
    font-size: 16px;
    border-color: var(--clr-graylight1);
    margin-bottom: 10px;
    border-radius: 3px !important;
}

.dvCaseSheetDetails {
    padding-left: .3rem !important;
    padding-right: .3rem !important;
}

.dvEMREdit,
.dvEMRNew {
    min-height: 25px;
    padding: 2px 7px !important;
    line-height: 25px;
}

.dvEMRNew {
    background-color: var(--clr-graylight2dull1New);
}

    .dvEMREdit .btnCasesheet,
    .dvEMRNew .btnCasesheet {
        cursor: default !important;
        text-decoration: none !important;
        color: var(--clr-black) !important;
        outline: none !important;
    }

        .dvEMREdit .btnCasesheet:hover,
        .dvEMRNew .btnCasesheet:hover {
            cursor: default !important;
            text-decoration: none !important;
            color: var(--clr-black) !important;
            outline: none !important;
        }
/*Used for icon Casesheet*/
.btnCasesheet:before {
    font: normal normal normal 18px/1 FontAwesome;
    margin-right: 4px;
    line-height: 22px;
    vertical-align: text-top;
    content: "\f0f6";
    font-size: 12px;
    line-height: 16px !important;
}

.dvEMREdit {
    background-color: var(--clr-orangelight1);
}

.dvEMRConsent {
    height: 64px;
    background-color: var(--clr-reddark1);
    cursor: pointer;
}

.dvEMRTotalLow {
    background-color: var(--clr-greendark1) !important;
    border-radius: 5px;
}

.dvEMRTotalHigh,
.dvEMRTotalLow {
    font-family: LatoRegular;
    float: left;
    color: var(--clr-white);
    cursor: pointer;
    min-width: 90px;
    padding: 0px 5px 3px;
    font-size: 14px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
    line-height: 30px;
    min-height: 30px;
}

.dvEMRTotalContainerHigh,
.dvEMRTotalContainerLow {
    font-family: LatoRegular;
    float: right;
    color: var(--clr-blacklight2);
    cursor: pointer;
    padding: 5px 0px;
    font-size: 16px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
}

.lblSmilySaddyWhite:before,
.lblSmilySaddy:before,
.lblSmilyWhite:before,
.lblSmily:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 28px;
    float: left;
    padding: 3px 0 0 0;
}

.lblSmilySaddy:before {
    color: var(--clr-gray);
    content: "\f119";
}

.lblSmilySaddyWhite:before {
    color: rgba(255, 255, 255, 0.7);
    content: "\f119";
}

.lblSmily:before {
    color: var(--clr-gray);
    content: "\f118";
}

.lblSmilyWhite:before {
    color: rgba(255, 255, 255, 0.7);
    content: "\f118";
}

.lblSmilyGreen:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    line-height: 28px;
    float: left;
    padding: 3px 0 0 0;
    content: "\f118";
}

.lblGiftCard:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    line-height: 24px;
    float: left;
    padding: 3px 0 0 0;
    content: "\f06b";
    margin-right: 5px;
    color: var(--clr-orangedark1);
}

.lblGiftCardSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 20px;
    float: left;
    padding: 3px 0 0 0;
    content: "\f06b";
    margin-right: 5px;
    color: var(--clr-orangedark1);
}

.lblGiftCardSmall.list:before {
    font-size: 16px;
    line-height: 17px;
}

.lblGiftCardBig {
    line-height: 38px !important;
}

    .lblGiftCardBig:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 45px;
        line-height: 24px;
        float: left;
        padding: 3px 0 0 15px;
        content: "\f06b";
        margin-right: 5px;
        color: var(--clr-orangedark1);
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg);
        margin-top: 5px;
    }

.dvGiftCardAmount {
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 5px;
}
/*Flyout Search*/
.dvSearchContNew .select2-selection,
.dvSearchContNew .select2:active,
.dvSearchContNew .select2-container:active,
.dvSearchContNew .select2:focus {
    border-radius: 0 !important;
}
/*Flyout Search Container div*/
.dvSearchContNew div {
    padding: 0 !important;
}
    /*Flyout Search Container input search*/
    .dvSearchContNew div input[type="search"] {
        border-radius: 3px 0 0 3px !important;
    }
/*Flyout Search Container Add New*/
.dvSearchContNew .divAddNewCircleButtonContainer {
    padding-left: 15px !important;
}
/*Panel Search with Combo*/
.dvSearchContPanel .select2-selection select2-selection--single,
.dvSearchContPanel .select2-container .selection .select2-selection,
.dvComboPanelGray,
.dvComboPanel {
    padding-left: 0 !important;
    border-radius: 3px 0 0 3px !important;
    height: 36px;
}
/*Panel Search with Combo*/
.dvSearchContPanel .select2-selection select2-selection--single,
.dvSearchContPanel .select2-container .selection .select2-selection,
.dvComboPanelGray {
    background-color: var(--clr-graylight2) !important;
    border: 1px solid var(--clr-graylight1) !important;
}

/*Panel Search with input Search*/
.dvSearchContPanel input[type="search"] {
    border-radius: 0 !important;
    border: 1px solid var(--clr-graylight1) !important;
}
/*Panel Search with input Search*/
.dvSearchContPanel div input[type="search"] {
    border-radius: 0 !important;
}

.dvCategory .select2-selection select2-selection--single,
.dvCategory .select2-container .selection .select2-selection,
.dvCategory {
    border-right: none !important;
}

.lblSmilyRed:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    line-height: 28px;
    float: left;
    padding: 3px 0 0 0;
    content: "\f119";
}

.lblSmilyBlack:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    line-height: 28px;
    float: left;
    padding: 3px 0 0 0;
    content: "\f119";
}

.lblSmilyGreen:before {
    color: var(--clr-greendark1);
}

.lblSmilyRed:before {
    color: var(--clr-red);
}

.lblSmilyBlack:before {
    color: rgba(0, 0, 0, 0.5);
}

.dvContainerBGGray {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    border-radius: 5px;
    font-family: LatoRegular;
    float: left;
    color: var(--clr-black);
    min-width: 90px;
    padding: 0px 5px 3px;
    font-size: 16px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
    line-height: 30px;
    min-height: 30px;
}

.dvContainerGiftCard {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight1);
    border-radius: 5px;
    font-family: LatoRegular;
    color: var(--clr-black);
    min-width: 90px;
    font-size: 16px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
    line-height: 30px;
    min-height: 30px;
    padding: 10px;
    min-width: 400px;
}

.dvSeperator {
    padding-left: 5px !important;
    padding: 0 !important;
    height: 44px;
    width: 2px;
    border: none !important;
    margin-right: 5px;
    margin-left: 5px;
    background-color: var(--clr-whitedull1);
    float: left;
    outline: none;
    cursor: default;
}

.lblItemAddWhiteNormal2 {
    cursor: pointer !important;
    text-align: center !important;
    width: 25px;
    float: right;
}

    .lblItemAddWhiteNormal:after,
    .lblItemAddWhiteNormal2:after {
        font-weight: normal;
        color: var(--clr-blue);
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        font-size: 14px;
        line-height: 13px;
    }

    .lblItemAddWhiteNormal2:after {
        color: var(--clr-blue);
    }

.dvSeperatorWhite {
    border-left: 2px solid rgba(255, 255, 255, 0.7);
    padding-left: 5px !important;
}

.dvSeperatorWhiteDull {
    border-left: 2px solid rgba(255, 255, 255, 0.7);
    padding-left: 2px !important;
    margin-left: 2px !important;
}

.dvSeperatorRight {
    border-right: 2px solid var(--clr-gray);
    padding-right: 5px !important;
}

.dvEMRVisitLocked,
.dvEMRVisitAvailable {
    color: var(--clr-blacklight2);
    margin-top: 0px;
    cursor: pointer;
    float: left;
    background-color: var(--clr-white);
    height: 28px;
    width: 28px;
    margin-top: 0px;
    padding: 4px 7px;
    border-radius: 50%;
    margin-right: 5px !important;
    box-shadow: 0 0 3px var(--clr-purpledark4);
}

.dvEMRVisitLocked {
    background-color: var(--clr-red);
    padding: 4px 7px;
    color: var(--clr-white);
}

.dvEMRVisitCasesheetName {
    float: left !important;
    text-align: left;
    border-radius: 0px 3px 3px 0px;
    line-height: 24px;
}

.dvEMRVisitLocked:before {
    font: normal normal normal 15px/1 FontAwesome;
    content: "\f023";
    font-size: 22px;
    line-height: 22px;
}

.dvEMRVisitLocked.small {
    background-color: var(--clr-red);
    height: 19px;
    width: 19px;
    margin-top: 0px;
    padding: 3px 4px;
    cursor: auto;
    box-shadow: none !important;
}

    .dvEMRVisitLocked.small:before {
        font-size: 14px;
        line-height: 8px;
        vertical-align: text-top;
        padding-left: 1px;
    }

.dvEMRVisitLockedNew:before {
    font: normal normal normal 15px/1 FontAwesome;
    content: "\f023";
    font-size: 22px;
    line-height: 38px;
}

.dvEMRVisitAvailable:before {
    font: normal normal normal 15px/1 FontAwesome;
    content: "\f13e";
    font-size: 22px;
    line-height: 20px;
}

.dvEMRVisitAvailableNew:before {
    font: normal normal normal 15px/1 FontAwesome;
    content: "\f13e";
    font-size: 20px;
    line-height: 38px;
}

.callout_Confidential {
    display: none !important;
}

.dvConfidential:hover + .callout_Confidential {
    display: block !important;
}

.lblCSDeatils {
    font-size: 12px !important;
    float: left !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 6px !important;
    color: var(--clr-bluelight1dull2);
    cursor: pointer;
}

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

.divGridWrapperBill {
    height: 525px;
    overflow: hidden;
    border-top: 0;
    background-color: transparent;
}
/*Used for Selected ClinicalContainer*/
.dvSelectedClinicalContainer,
.dvAttachmentContainer,
.dvServiceContainer {
    padding: 5px 7px 0 7px;
    color: var(--clr-black);
    display: flex;
    border-radius: 0;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    line-height: 30px;
}
/*Used for Selected ClinicalContainer*/
.dvSelectedClinicalContainer {
    min-height: 30px;
}

.btnStaffNewSmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f0f0" !important;
    font-size: 14px;
}
/*Used for Selected ClinicalContainer*/
.dvServiceContainer,
.dvAttachmentContainer {
    min-height: 30px;
    padding: 0px 7px 0 7px !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    border-top: 1px solid var(--clr-graylight1) !important;
    background-color: var(--clr-graylight2dull1New2);
}

.dvAttachmentContainer {
    border-bottom: none !important;
    padding: 5px 7px 0 7px !important;
}
/*Used for Editor Details*/
.btnLinkOther:before,
.btnLinkOtherSmall:before,
.btnLinkOtherSmallWhite:before,
.btnLinkOtherSmallList:before,
.btnLinkOtherSmall2:before,
.btnLinkOtherSmall2White:before {
    content: "\f0c1";
    font: normal normal normal 13px/1 FontAwesome;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    vertical-align: text-top;
}

.btnLinkOtherSmall:before,
.btnLinkOtherSmallWhite:before,
.btnLinkOtherSmallList:before,
.btnLinkOtherSmall2:before,
.btnLinkOtherSmall2White:before {
    font-size: 12px;
    color: var(--clr-blacklight2);
    line-height: 18px;
}

.btnNormalLinkButton {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
    border-bottom: 1px dashed;
}

    .btnNormalLinkButton:hover {
        font-weight: 700 !important;
        border-bottom: 1px solid !important;
        background-color: transparent !important;
        border: none !important;
        border-bottom: 1px solid !important;
        outline: none !important;
        box-shadow: none !important;
        color: var(--clr-bluelight1dull2) !important;
        transform: none !important;
    }

.btnLinkOtherSmallWhite:before {
    color: var(--clr-white) !important;
    font-weight: normal !important;
}

.btnLinkOtherSmallList:before {
    vertical-align: super !important;
    line-height: 15px;
}

.btnLinkOtherSmall2:before,
.btnLinkOtherSmall2White:before {
    line-height: 15px !important;
    margin-left: 3px;
}

.IconOnlineSmall,
.IconCalendar,
.IconEMR,
.IconRecall,
.IconCallcenter,
.IconHealthReminderl,
.IconExcel {
    margin-top: 1px;
}

    .IconOnlineSmall:before,
    .IconEMR:before,
    .IconCallcenter:before,
    .IconRecall:before,
    .IconExcel:before,
    .IconCalendar:before,
    .IconHealthReminderl:before {
        font: normal normal normal 12px/1 FontAwesome;
        float: right;
        line-height: 10px !important;
        line-height: 15px !important;
        padding: 1px;
    }

    .IconOnlineSmall:before {
        content: "\f0e7";
        font-size: 13px;
        color: var(--clr-bluelight1);
    }

    .IconRecall:before {
        content: "\f0f3";
        font-size: 13px;
        line-height: 12px !important;
        color: var(--clr-reddull1) !important;
    }

    .IconExcel:before {
        content: "\f1c3";
        font-size: 13px;
        line-height: 12px !important;
        color: var(--clr-green) !important;
    }

    .IconHealthReminderl:before {
        content: "\f0f3";
        font-size: 13px;
        line-height: 12px !important;
        color: var(--clr-purple) !important;
    }

    .IconCalendar:before {
        content: "\f073";
        font-size: 12px;
        line-height: 12px !important;
        color: var(--clr-greendark1) !important;
    }

    .IconEMR:before {
        content: "\f21e";
        font-size: 13px;
        line-height: 12px !important;
        color: var(--clr-reddark2) !important;
    }

    .IconCallcenter:before {
        content: "\f095";
        font-size: 16px;
        line-height: 10px !important;
        color: var(--clr-reddark2) !important;
        font-weight: bold;
        margin-bottom: 2px !important;
    }

.IconOnlineSmallAfter:after,
.IconEMRAfter:after,
.IconCallcenterAfter:after,
.IconRecallAfter:after,
.IconCalendarAfter:after,
.IconHealthReminderlAfter:after,
.IconExcelAfter:after {
    font: normal normal normal 12px/1 FontAwesome;
    line-height: 10px !important;
    line-height: 15px !important;
    margin-left: 5px !important;
}

.IconOnlineSmallAfter:after {
    content: "\f0e7";
    font-size: 14px;
    color: var(--clr-bluelight1);
}

.IconRecallAfter:after {
    content: "\f0f3";
    font-size: 14px;
    line-height: 12px !important;
    color: var(--clr-reddull1) !important;
}

.IconExcelAfter:after {
    content: "\f1c3";
    font-size: 14px;
    line-height: 12px !important;
    color: var(--clr-green) !important;
}

.IconHealthReminderlAfter:after {
    content: "\f0f3";
    font-size: 14px;
    line-height: 12px !important;
    color: var(--clr-purple) !important;
}

.IconCalendarAfter:after {
    content: "\f073";
    font-size: 12px;
    line-height: 12px !important;
    color: var(--clr-greendark1) !important;
}

.IconEMRAfter:after {
    content: "\f21e";
    font-size: 14px;
    line-height: 12px !important;
    color: var(--clr-reddark2) !important;
}

.IconCallcenterAfter:after {
    content: "\f095";
    font-size: 16px;
    line-height: 10px !important;
    color: var(--clr-reddark2) !important;
    font-weight: bold;
    margin-bottom: 2px !important;
}


.TxtLeft {
    float: left !important;
}

.IconLeft {
    float: left !important;
}

    .IconLeft:before {
        margin-left: 10px;
        line-height: 20px !important;
    }

.btnLinkOtherSmall2White:before {
    color: var(--clr-white);
}

.dvLinkOtherAppointment {
    border: 1px dashed;
    border-color: var(--clr-gray);
    opacity: .7;
    height: 22px;
}

.dvAddingAppointment {
    border: 1px solid var(--clr-gray);
    height: 22px;
}

.dvLinkOtherAppointmentDtls {
    border: 1px dashed;
    border-color: var(--clr-gray);
    opacity: .7;
}

    .dvLinkOtherAppointmentDtls .lblPrimaryValue {
        line-height: 15px !important;
    }

.dvAppointmentService {
    float: left !important;
    text-align: left;
    line-height: 10px !important;
}

.dvVideoCallDetails {
    padding: 0px 0 0 5px !important;
}

.dvVideoCallSummary {
    padding: 0px;
    border-top: 1px solid var(--clr-graydark2);
}

.dvAppointmentService span {
    line-height: 16px !important;
}

.dvLinkMainAppointment span {
    line-height: 15px !important;
}
/*.dvAppointmentService .btnLinkOtherSmall {
        line-height: 20px !important;
    }*/
.dvAppointmentService .btnLinkOtherSmall:before {
    line-height: 14px !important;
    vertical-align: unset !important;
}

.dvAppointmentService .lblLowestFont {
    line-height: 11px !important;
}

.dvAppointmentService .lblFieldValue {
    line-height: 29px !important;
}

.dvAppointmentService2 {
    margin-right: 10px !important;
}

.dvServiceSingileLine span {
    line-height: 30px !important;
}

.AppointmentBilled {
    line-height: 12px !important;
    float: right;
    margin-right: 2px;
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
    border-radius: 50%;
    font-size: 10px;
    width: 13px;
    margin-left: 2px;
    text-align: center;
    height: 13px;
    text-align: center;
}

.divGridWrapperPackage {
    /*height: 390px;*/
    /*overflow: auto;*/
    border-top: 0;
    background-color: transparent;
}

.divEMRControlGridFirstLevelLabel,
.divEMRControlGridLabelWithoutInput {
    float: left;
}

.PastGridBlankDivHorizontalBar {
    /*border-left: 5px solid transparent;
    padding-left: 5px !important;*/
}

.PackageCompleted,
.PackageNotCompleted {
    color: var(--clr-white);
}

.PackageNotCompleted {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px !important;
}

.PackageCompleted {
    border-left: 5px solid var(--clr-green);
    padding-left: 5px !important;
}

.InactiveLook {
    background-color: var(--clr-graylight2);
    margin-bottom: 3px;
}

.BillItemBilled {
    background-color: var(--clr-green);
    margin-bottom: 3px;
}

.BillItemCancelled {
    background-color: var(--clr-black);
    margin-bottom: 3px;
}

.BillItemPayment {
    background-color: var(--clr-green);
    margin-bottom: 3px;
}

.PackageVisitCheckedOut {
    background-color: var(--clr-green);
    margin-bottom: 3px;
}

.lblPendingPackageItemName {
    font-size: 14px;
    color: var(--clr-white);
    line-height: 25px;
    width: 100%;
    padding: 0 5px;
}

.lblPendingPackageItemInfo,
.lblPendingPackageItemInfoAppt {
    font-size: 12px;
    color: var(--clr-graylight1);
    line-height: 20px;
    text-indent: 0;
    padding-left: 4px;
}

.lblPendingPackageItemInfoAppt {
    text-decoration: underline;
    cursor: pointer;
}

.btnNewEncounter {
    cursor: pointer;
    font-family: LatoRegular;
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    margin-right: 0px;
    font-size: 12px;
    outline: none !important;
    line-height: 22px !important;
}

.PkgApplyTemplate input {
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: var(--clr-white);
    cursor: pointer;
    font-size: 11px;
    outline: none !important;
}

.btnGridPastAssessmentSecGrey,
.btnGridFirstColumnSmallNonLinkBorder,
.btnGridFirstColumnSmallNonLinkRed {
    font-family: LatoRegular;
    font-size: 14px;
    border: 1px solid transparent;
    padding: 0;
    text-align: left;
    margin: 0;
}

.btnGridPastAssessmentSecGrey {
    color: var(--clr-graylight2);
    float: left;
    padding-right: 10px;
}

.btnGridFirstColumnSmallNonLinkRed {
    background-color: transparent;
    color: var(--clr-red);
}

.btnGridFirstColumnSmallNonLinkBorder {
    line-height: 25px !important;
}

.lblEMRControlLevelThreeWhiteFontSmallNew {
    font-family: LatoRegular;
    font-size: 14px;
    color: var(--clr-white);
    line-height: 30px;
    letter-spacing: normal;
    word-spacing: 0;
    font-variant: normal;
    text-transform: none;
    text-align: start;
    text-indent: 0;
    padding-left: 8px;
    background-color: transparent;
}

.dvCaseSheetLeft {
    padding-left: 0;
    padding-right: 0px;
}

.dvCaseSheetRight {
    padding-right: 0;
    padding-left: 0px;
}

.dvEncounterToggle {
    padding: 5px;
    background-color: var(--clr-graylight2);
}

.dvSelectedClinicalContainer {
    /*padding: 3px 0px 0px 0px;*/
    background-color: var(--clr-graylight2dull1New2);
    color: var(--clr-black);
    border-bottom: 1px solid var(--clr-graylight1);
}

.emdivEMRRowHeaderSimple,
.emdivEMRRowHeader,
.emdivEMRRowHeaderNormal,
.emdivEMRRowHeaderToday,
.emdivEMRRowHeaderNoLink,
.emdivEMRRowHeaderFirst,
.emdivEMRRowHeaderFirstSimple {
    font-family: LatoRegular;
    font-size: 14px;
    color: var(--clr-purplelight3);
    float: left;
    line-height: 1.3em;
    box-sizing: border-box;
    font-weight: 700;
    padding: 0px;
}

.emdivEMRRowHeaderSimple,
.emdivEMRRowHeaderFirstSimple {
    cursor: default;
    pointer-events: none;
}

.emdivEMRRowHeaderNoLink {
    color: var(--clr-blacklight1) !important;
}

.emdivEMRRowHeader,
emdivEMRRowHeaderToday,
.emdivEMRRowHeaderFirst {
    cursor: pointer;
    font-weight: 700;
    margin-top: 10px !important;
}

.emdivEMRRowHeaderToday {
    margin-top: 5px !important;
    cursor: pointer;
}

.emdivEMRRowHeaderFirst,
.emdivEMRRowHeader,
emdivEMRRowHeaderToday,
.emdivEMRRowGroup,
.emdivEMRRowGroupFull::after {
    padding-left: 0;
    cursor: pointer;
    margin-top: 0;
    margin-left: 0;
}

    .emdivEMRRowHeaderFirst::after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        font-size: 14px;
        line-height: 13px;
        margin-left: 6px;
        color: var(--clr-greendark1);
    }

.emdivEMRRowHeaderNoLinkWithSearch {
    margin-right: 10px;
    font-family: LatoRegular;
    font-size: 14px;
    color: var(--clr-purplelight3);
    float: left;
    line-height: 1.3em;
    box-sizing: border-box;
    font-weight: 700;
    padding: 4px 10px 4px 0px;
    cursor: pointer;
    font-weight: 700;
    margin-top: 2px !important;
    cursor: pointer;
    margin-left: 0;
}

.emdivEMRRowSelected::after {
    color: var(--clr-white) !important;
}

.emdivEMRRowHeader::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: 14px;
    line-height: 13px;
    margin-left: 6px;
    color: var(--clr-greendark1);
}

.emdivEMRRowHeaderToday::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: 14px;
    line-height: 13px;
    margin-left: 6px;
    color: var(--clr-greendark1);
}
/*.emdivEMRRowHeader {
    background-color: var(--clr-purplelight5);
    padding: 5px 10px;
    color: var(--clr-blacklight2);
    border-radius: 3px;
}*/

.emdivEMRRowGroup,
.emdivEMRRowGroupFull,
.emdivEMRRowSimpleGroup,
.emdivEMRRowSimpleGroupFull,
.emdivEMRRowSimpleGroupFullGray,
.emdivEMRRowGroupItem,
.emdivEMRRowGroupItemAbnormal,
.emdivEMRRowGroupItemBold,
.emdivEMRRowSeperator,
.emdivEMRRowSeperatorItem {
    font-family: LatoRegular;
    font-size: 13px !important;
    float: left;
    line-height: 1.2em;
    box-sizing: border-box;
    padding-left: 5px;
}

.emdivEMRRowSeperator {
    color: var(--clr-gray) !important;
    font-size: 14px !important;
    padding-left: 10px;
    line-height: 32px;
}
/*Page Header Container with Border*/
.dvPageHeader {
    padding: 10px !important;
    border-bottom: 1px solid var(--clr-graylight1dull1);
}

    .dvPageHeader.SecRow {
        padding-left: 45px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .dvPageHeader .column-first {
        float: left !important;
        margin-right: 30px !important;
    }

    .dvPageHeader .column-second {
        float: left !important;
    }
/*Used for Grid Column Header Color with Border*/
.dvGridHeaderColor {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    border-radius: 3px 3px 0 0;
    margin-top: 20px;
}
    /*Used for Grid Column Header*/
    .dvGridHeaderColor:first-child {
        margin-top: 0 !important;
    }
/*Used for Search Bottom Gap*/
.divFormFieldBetweenSearch {
    height: 20px;
    width: 100%;
}
/*Row used on Lab Page with Border*/
.dvCustomRowWithBorder {
    border-bottom: 1px solid var(--clr-graylight2);
    border-left: 1px solid var(--clr-graylight2);
    border-right: 1px solid var(--clr-graylight2);
    margin-bottom: 0;
    padding: 3px 0 3px 0;
}

.dvContainerCasesheetRowOdd {
    background-color: rgba(182,182,182,.15);
    border: none !important;
}

.dvContainerCasesheetRowEven {
    background-color: #fff;
    border: none !important;
}

.emdivEMRRowGroup {
    color: var(--clr-blacklight1);
    cursor: pointer;
    font-weight: 700;
    line-height: 35px;
    padding-top: 5px;
}

    .emdivEMRRowGroupFull::after,
    .emdivEMRRowGroup::after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        font-size: 14px;
        line-height: 13px;
        margin-left: 6px;
        color: var(--clr-greendark1);
    }

.emdivEMRRowGroupFull {
    color: var(--clr-blacklight1);
    margin-top: 5px;
    margin-right: 0 !important;
    cursor: pointer;
    font-weight: 700;
}

.item-before-none:after {
    content: none !important;
}

.emdivEMRRowSimpleGroupFullGray,
.emdivEMRRowSimpleGroupFull,
.emdivEMRRowSimpleGroup {
    padding-left: 5px;
    line-height: 32px;
}

.emdivEMRRowSimpleGroup {
    color: var(--clr-blacklight1);
    margin-top: 5px;
    margin-right: 0 !important;
    cursor: pointer;
    font-weight: 700;
}

.emdivEMRRxItem {
    padding: 0px !important;
}

.emdivEMRRowSimpleGroupFull {
    color: var(--clr-blacklight1);
    pointer-events: none !important;
}

.emdivEMRRowSimpleGroupFullGray {
    color: var(--clr-black);
    width: 96%;
    margin-top: 5px;
}

.emdivEMRRowGroupItem {
    font-size: 14px !important;
    color: var(--clr-blacklight1);
    padding-left: 10px;
    margin-top: 5px;
}

    .emdivEMRRowGroupItem.inner {
        padding-left: 20px !important;
    }

.emdivEMRRowContent {
    box-sizing: border-box;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px;
    /*line-height: 32px !important;*/
}

.emdivEMRRowGroupItemAbnormal {
    font-size: 15px;
    color: var(--clr-red);
    line-height: 32px;
}

.emdivEMRRowGroupItemBold {
    font-size: 15px !important;
    color: var(--clr-blacklight1);
    font-family: LatoRegular;
    font-weight: 700;
    line-height: 32px;
}

.emdivEMRRowSeperatorItem {
    font-size: 15px !important;
    color: var(--clr-blacklight1);
    padding-left: 15px;
    line-height: 32px;
}

.emdivEMRRowSelected {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark2);
    padding: 4px 10px 4px;
    color: var(--clr-white) !important;
    border-radius: 3px;
    /*-webkit-animation: blinker .1s linear infinite;
    animation: blinker .1s linear infinite;
    animation-iteration-count: 2;*/
}

.emdivEMRRowContentFull {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 5px;
}

.emlblPackageSmallBlackBold,
.emlblImmItemSmallBlack,
.emlblSmallGreenBold,
.emlblImmSmallRedBold,
.emlblSmallRedBold {
    font-family: var(--font-family-bold);
    font-size: 12px;
    padding: 0;
    margin: 0;
    float: left;
}

.emlblSmallRedBold,
.emlblPackageSmallBlackBold {
    width: 23%;
    margin-left: 25px;
}

.emlblPackageSmallBlackBold {
    color: var(--clr-black);
}

.emlblImmItemSmallBlack {
    color: var(--clr-black);
    font-size: 14px !important;
    line-height: 25px !important;
}

.emlblSmallGreenBold {
    color: var(--clr-green);
    margin-left: 25px;
}

.emlblImmSmallRedBold {
    color: var(--clr-reddark1);
    font-size: 14px !important;
    line-height: 25px !important;
}

.emlblSmallRedBold {
    color: var(--clr-red);
}

.emGlobalInputTextAreaField,
.emGlobalInputTextAreaFieldLab,
.emGlobalInputField,
.emGlobalInputFieldLab,
.emGlobalInputFieldAbnormal,
.emGlobalInputFieldAbnormalLab {
    font-family: LatoRegular;
    margin-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
    line-height: 34px;
}

.emGlobalInputTextAreaField,
.emGlobalInputTextAreaFieldLab {
    min-height: 40px !important;
    overflow-x: hidden !important;
    /*ls padding: 0 6px;*/
    /*background-color: var(--clr-graylight2);
    color: var(--clr-graydark1) !important;
    box-shadow: none !important;
    border: 1px solid var(--clr-graylight1);
    text-shadow: 0 -1px 0 var(--clr-white);
    margin-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;*/
    /*box-sizing: border-box;*/
}

    .emGlobalInputTextAreaField:focus,
    .emGlobalInputTextAreaFieldLab:focus {
        /*background-color: var(--clr-graylight2);
        color: var(--clr-graydark1) !important;
        box-shadow: none !important;
        border: 1px solid var(--clr-graylight1);
        text-shadow: 0 -1px 0 var(--clr-white);*/
    }

.emGlobalInputField,
.emGlobalInputFieldLab {
    height: 40px;
    width: 100%;
}

    .emGlobalInputFieldLab:disabled,
    .emGlobalInputTextAreaFieldLab:disabled {
        color: var(--clr-black) !important;
    }

.emDivToggleWithInput {
    float: right;
    margin-left: 10px;
    min-height: 32px !important;
}

.divImageEditorTlbButtonWrapper div:first-child {
    border-left: 1px solid var(--clr-graylight1);
}

.emdivEMRRowGroupInvgItem {
    font-family: LatoRegular;
    font-size: 16px;
    color: var(--clr-blacklight1);
    padding: 5px 0 0 0;
    float: left;
    line-height: 1.2em;
    box-sizing: border-box;
}

.emdivEMRRowGroupPkgItem,
.emdivEMRRowGroupInvgItemAbnormal,
.emdivEMRRowInvgSeperator {
    font-family: LatoRegular;
    width: 43%;
    float: left;
    line-height: 1.2em;
    box-sizing: border-box;
}

.emdivEMRRowGroupPkgItem,
.emdivEMRRowGroupInvgItemAbnormal {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 20px;
}

.emdivEMRRowGroupPkgItem {
    color: var(--clr-blacklight1);
}

.emdivEMRRowGroupInvgItemAbnormal {
    color: var(--clr-red);
}

.emdivEMRRowInvgSeperator {
    font-size: 16px;
    color: var(--clr-blacklight1);
    margin-right: 20px;
}

.EMRToggleStateYes,
.EMRToggleStateNo {
    height: 36px;
    min-width: 38px;
    cursor: pointer;
    color: var(--clr-white);
    text-align: center;
    float: left;
    line-height: 30px;
    font-size: 15px;
    padding: 0 5px;
    border-radius: 3px;
    display: table-cell;
}

.EMRToggleStateYes,
.EMRToggleStateAbnormal {
    background-color: var(--clr-reddark1);
    border: 2px solid var(--clr-reddull1);
}

.EMRToggleStateNo,
.EMRToggleStateNormal {
    background-color: var(--clr-greendark1);
    border: 2px solid var(--clr-greendark2);
    border-radius: 3px;
}

.EMRToggleStateAbnormal,
.EMRToggleStateNormal {
    height: 36px;
    cursor: pointer;
    color: var(--clr-white);
    float: left;
    line-height: 30px;
    font-size: 16px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}

.EMRToggleStatePlus,
.EMRToggleStateMinus {
    cursor: pointer;
    color: var(--clr-white);
    text-align: center;
    font-size: 32px;
    line-height: 30px;
    float: left;
    height: 36px;
    min-width: 40px;
    border-radius: 3px;
}

.EMRToggleStateMinus {
    font-size: 40px;
}

.EMRToggleStatePlus,
.EMRToggleStateBefore {
    background-color: var(--clr-reddark2);
    border: 2px solid var(--clr-reddark1);
    border-radius: 3px;
}

.EMRToggleStateMinus,
.EMRToggleStateAfter {
    background-color: var(--clr-greendark1);
    border: 2px solid var(--clr-greendark2);
    border-radius: 3px;
}

.EMRToggleStateBefore,
.EMRToggleStateAfter {
    cursor: pointer;
    color: var(--clr-white);
    float: left;
    line-height: 26px;
    font-size: 16px;
    padding-left: 3px;
    padding-right: 3px;
    height: 36px;
    border-radius: 3px;
}

.EMRToggleStateBlankYesNo,
.EMRToggleStateBlankPlusMinus,
.EMRToggleStateBlankNormalAbnormal,
.EMRToggleStateBlankBeforeAfter {
    height: 36px;
    width: 38px;
    cursor: pointer;
    color: var(--clr-white);
    text-align: center;
    font-size: 38px;
    line-height: 19px;
    float: left;
    border: 1px solid var(--clr-graylight1) !important;
    border-radius: 3px;
    outline: none !important;
    background-color: white;
}

.btnToggleStateOptIn,
.btnToggleStateOptOut,
.btnToggleStateNotAvl,
.btnToggleStateAvl {
    cursor: pointer;
    color: var(--clr-white);
    display: block;
    line-height: 26px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
}

.btnToggleStateNotAvl {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btnToggleStateOptIn,
.btnToggleStateAvl {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    box-shadow: 0 0 2px var(--clr-graylight1);
    border-radius: 3px;
}

.btnToggleStateOptOut,
.btnToggleStateNotAvl {
    background-color: var(--clr-graylight1);
    border: 1px solid var(--clr-gray);
    color: var(--clr-black);
    box-shadow: 0 0 2px var(--clr-graylight1);
    border-radius: 3px;
}

.dvEMRSearchContainerGrd {
    border-bottom: 1px solid var(--clr-greendark1);
    padding-left: 3px;
    padding-bottom: 5px;
    padding-top: 2px;
}

    .dvEMRSearchContainerGrd:hover {
        background-color: var(--clr-greendark1);
    }

.dvEMRSearchContainerGrdBlue {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding: 4px;
}

.lblInvgRangeValue {
    font-size: 12px !important;
    font-family: LatoRegular;
    line-height: 15px;
}

.dvEMRSearchContainerGrdLightBlue {
    border-bottom: 1px solid var(--clr-bluedark3);
    padding: 0px 2px 5px 2px;
}

.dvAllCaseSheetData {
    padding: 5px 2px;
}

.dvCasesheetHeader {
    height: 30px;
    padding: 2px 4px !important;
    border-color: var(--clr-gray);
    background-color: var(--clr-graylight1);
}

.lblCasesheetHeaderCaption {
    font-size: 14px !important;
    font-family: LatoRegular;
}

.DvCasesheetRow {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid var(--clr-graylight2);
}

.DvCasesheetRowNotSelect,
.DvCasesheetRowSelect {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.DvCasesheetRowSelect {
    background-color: var(--clr-bluelight1);
    color: var(--clr-white);
}

.DvCasesheetRowNotSelect {
    background-color: var(--clr-white);
    color: var(--clr-black);
}

.DvCasesheetRow:hover {
    color: var(--clr-black);
    background-color: var(--clr-graylight2);
}

.dvEncTemplateSettingsContainer {
    clear: both;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    background-color: var(--clr-white);
    border-color: var(--clr-graylight2);
}

.dvContainerModalTo {
    padding-left: 0;
    text-align: center;
}

.DvCurrentDetails {
    background-color: var(--clr-white);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 0px 0px 5px 5px;
}

.colvisitdetails {
    padding: 5px;
    width: 100%;
}

.dvEMRCurrentSectionWrapperInner {
    height: 97vh;
    background: var(--clr-white);
    border-radius: 15px;
    box-shadow: 0 0 5px var(--clr-purpledark4);
}

.dvEMRCurrentVisit {
    padding: 0px !important;
    border: 7px solid #4b5158;
    background-color: #4b5158;
}

.dvEMRCurrentVisitGray {
    padding: 0px !important;
    border: 7px solid var(--clr-graydark1);
    background-color: var(--clr-graydark1);
}

.dvEMRCurrentVisitBlue {
    padding: 0px !important;
    border: 7px solid var(--clr-bluedark1);
    background-color: var(--clr-bluedark1);
}
/*Used for Calendar Row*/
.DvRowSelect {
    background-color: var(--clr-purpledark3) !important;
    color: var(--clr-white);
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .DvRowSelect div {
        color: var(--clr-white) !important;
    }

.RadComboBox_PkgItem {
    border: 0 solid var(--clr-graylight1) !important;
    margin-top: 8px;
    height: 28px;
    padding: 0 6px;
    background-color: transparent !important;
    color: transparent;
    box-shadow: none !important;
    text-shadow: 0 0 0 var(--clr-white);
}

.dvEMRLeftContainer {
    background-color: var(--clr-white) !important;
}

.btnImageWithOpacity {
    cursor: pointer;
}

.dvDeperator {
    border-bottom: 1px solid var(--clr-gray);
    width: 100%;
    margin-top: 4px;
    margin-bottom: 10px;
}

.dvApptAllIconRight {
    float: right;
    margin-left: 3.5%;
}

.dvMarginLeftBig {
    margin-left: 35px !important;
}

.lblChkBoxCaption {
    font-size: 14px;
    padding-left: 3px;
    margin-bottom: 0rem !important;
    line-height: 10px !important;
    font-family: LatoRegular;
}

.divBillTotalAmountWrapperNew,
.divBillTotalAmountWrapperPaid {
    min-height: 65px;
    overflow: hidden;
}

.dvGridFieldHeaderTextRightWithBack {
    padding-left: 5px;
    padding-right: 5px;
}

.dvVoucherItemsNew table td {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.divBillSymbolCircleNew,
.divBillSymbolCircleNewWithChan {
    color: rgba(255, 255, 255, 0.7);
    height: 18px;
    width: 18px;
    margin-top: 36px;
    text-align: center;
    font-size: 24px;
    border-radius: 50%;
    float: right;
}

.divBillSymbolCircleNew {
    line-height: 15px !important;
    font-size: 28px;
    bottom: 0;
}

.divBillSymbolCircleMinas {
    font-size: 55px !important;
}

.dvBarCodeContainer,
.divBillSymbolCircleNewWithChan {
    margin: 0 auto;
}

.divBillSymbolCircleNewWithChan {
    font-size: 36px !important;
    line-height: 10px !important;
}

.GridContainerHeight {
    border: 1px solid rgba(182, 182, 182, 0.6);
    border-top: none !important;
    height: 235px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .GridContainerHeight.height {
        border-top: 1px solid rgba(182, 182, 182, 0.6) !important;
        height: 250px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .GridContainerHeight.height-small {
        border-top: 1px solid rgba(182, 182, 182, 0.6) !important;
        height: 250px !important;
        min-height: 270px !important;
        max-height: 270px !important;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

.btnFixed {
    width: 62px !important;
    text-align: left !important;
}

.GridContainerHeightLab {
    border: 1px solid rgba(182, 182, 182, 0.6);
    border-top: none !important;
    height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.GridContainer {
    min-height: 275px;
}

.dvVoucherItemsNew {
    border: 1px solid rgba(182, 182, 182, 0.6);
    min-height: 275px;
    overflow: auto;
}

.dvBillCalcuIcon {
    padding-left: 0;
    text-align: right;
    padding-right: 0;
}

.divVchrTypeDN,
.divVchrTypeCN,
.divVchrTypeSV {
    position: relative;
    cursor: pointer;
    color: var(--clr-white);
    text-align: center;
    float: right;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    padding: 5px 10px;
    font-family: LatoRegular;
    border-radius: 3px;
    color: var(--clr-black);
    font-weight: 700;
    margin-top: 5px;
}

.divVchrTypeDN {
    background-color: var(--clr-green);
    border: 1px solid var(--clr-green);
}

.divVchrTypeCN {
    background-color: var(--clr-bluelight1);
    border: 1px solid var(--clr-bluelight1);
    margin-left: 5%;
}

.divVchrTypeSV {
    background-color: var(--clr-pink);
    border: 1px solid var(--clr-pink);
}

.dvConnectedUpOrange {
    width: 10px;
    float: right;
    margin-right: 10px;
    border-bottom: 3px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--clr-orange);
}

.dvConnectedUpGreen {
    width: 10px;
    float: right;
    margin-right: 10px;
    border-bottom: 3px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--clr-green);
}

.dvConnectedUpBlue {
    width: 10px;
    float: right;
    margin-right: 10px;
    border-bottom: 3px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--clr-bluelight1);
}

.spanVchrType {
    top: 3px;
    right: 0;
    width: 100%;
    font-family: LatoRegular;
    font-size: 12px;
    letter-spacing: 1pt;
}

.dvInputFieldWithCurrency {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}

.divReportPageWrapper {
    margin: 0;
    min-height: 500px;
}

.divReportPageToolBarWrapperNew {
    background-color: var(--clr-greendark2);
    height: 50px;
    padding: 3px 7px 3px;
    border-radius: 0;
    border-radius: 13px 13px 0px 0px;
}

.divReportPageToolBarWrapperNew2 {
    background-color: var(--clr-greendark2);
    height: 50px;
    padding: 3px 7px 3px;
    border-radius: 0;
}

.divImagePageToolBarWrapperNew {
    background-color: var(--clr-bluedark2);
    height: 50px;
    padding: 3px 7px 3px;
    border-radius: 0;
}

.btnReportButtonsWrapper {
    float: left;
    padding: 1px;
}

.btnReportNavigateWrapperNew {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-blue);
    height: 32px;
    padding-bottom: 4px;
    width: 224px;
    margin: 0 auto;
}

.dvReportExportStatusSuccess {
    background-color: var(--clr-greendark1);
    border: none !important;
    width: 100%;
    padding: 0px 5px !important;
    border-radius: 3px !important;
}

.dvReportExportStatusInfo {
    background-color: var(--clr-orange);
    border: none !important;
    width: 100%;
    padding: 0px 5px !important;
    border-radius: 3px !important;
}

.lblLoading:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    margin-right: 6px;
    font-size: 20px;
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}

.dvReportExportStatusError {
    background-color: var(--clr-red);
    border: none !important;
    width: 100%;
    padding: 0px 5px !important;
}

.icon-Membership-Small {
    width: 10px;
    height: 11px;
    padding: 0;
    margin-left: 0px;
    margin-top: 2px;
    line-height: 9px !important;
}

    .icon-Membership-Small:before,
    .icon-Membership:before {
        font: normal normal normal 14px/16px FontAwesome;
        content: "\f0a3";
        text-shadow: 1px 1px 1px #4b5158;
    }

    .icon-Membership-Small.calendar {
        margin-right: 8px !important;
    }
/*Used for Icon Size Extra small*/
.icon-Extra-Small,
.icon-Extra-Small-Left {
    float: right;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 10px !important;
    vertical-align: text-top;
}

.icon-past-Small:before {
    font: normal normal normal 12px/16px FontAwesome;
    vertical-align: text-top;
    margin-right: 4px;
}
/*Used for Icon Size Extra small*/
.icon-Extra-Small-Left {
    float: none;
}

    /*Used for Icon Size Extra small*/
    .icon-Extra-Small:before,
    .icon-Extra-Small-Left:before {
        font: normal normal normal 12px/16px FontAwesome;
        line-height: 10px !important;
        vertical-align: text-top;
    }

.icon-Left:before {
    float: left !important;
    color: #000000;
}

/*Used for Icon Size Extra small*/
.icon-Extra-Small-Left:before {
    margin-right: 3px !important;
}

.divReportPageToolBarWrapperNewForDayView {
    background-color: var(--clr-bluedark3);
    width: 100%;
    min-height: 30px;
}

.lblReportPageHeaderWhiteSmallNew {
    font-family: LatoRegular;
    font-size: 20px;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dvCurrentReportNameSection,
.dvCurrentReportOrgSection {
    padding-left: 5px;
    padding-right: 5px;
}

.dvCurrentReportOrgSectionInner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.dvCurrentReportNameSection {
    text-align: left;
}

.dvCurrentReportOrgSection {
    text-align: right;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.lblReportPageHeaderWhiteNew {
    font-family: LatoRegular;
    font-size: 23pt;
    letter-spacing: 0.01em;
    color: var(--clr-white);
}

.lblSubHeaderWhiteNew {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 14px;
    line-height: 20px;
    color: var(--clr-white);
    padding-right: 2px;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.linha,
.pagina {
    width: auto;
    height: auto;
}

.linha {
    padding: 5px;
    display: table;
}

.tile {
    height: 100px;
    width: 216px;
    float: left;
    margin: 5px;
    padding: 15px;
    font-family: LatoRegular;
    color: var(--clr-white);
    text-align: center;
    vertical-align: middle;
    border-width: 3px;
    border-style: solid;
    cursor: default;
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
    border-radius: 3px;
}

.purple {
    background: var(--clr-purplelight2);
    border-color: var(--clr-purple);
}

.vermelho {
    background: var(--clr-reddark1);
    border-color: var(--clr-red);
}

.lightorange {
    background: var(--clr-orangedark1);
    border-color: var(--clr-orange);
}

.azul {
    background: var(--clr-bluedark1);
    border-color: var(--clr-blue);
}

.verde {
    background: var(--clr-greendark1);
    border-color: var(--clr-green);
}

.titlecontent {
    opacity: .7;
    width: 100%;
    padding-bottom: 5px;
    font-size: medium;
}

.titleheader {
    font-size: small;
    letter-spacing: 2px;
    opacity: .5;
}

.titleoldvalue {
    font-size: medium;
    opacity: .5;
}

.titlemainvalue,
.titlemainamtvalue {
    opacity: 1;
    vertical-align: middle;
}

.titlemainvalue {
    font-size: 48px;
}

.titlemainamtvalue {
    font-size: 26px;
}

.dvReportForAllFullWidth {
    width: 100% !important;
    padding: 0 !important;
}

.dvReportForAppointment {
    height: 140px !important;
    width: 100% !important;
    float: left;
    margin: 0 !important;
    padding: 1% !important;
    font-family: LatoRegular;
    color: var(--clr-white);
    margin-top: 20px !important;
    text-align: center;
    vertical-align: middle;
    border-width: 3px;
    border-style: solid;
    cursor: default;
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
}

.lblGridColumnSmallDull {
    font-family: LatoRegular;
    font-size: 12px;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--clr-gray);
    padding: 0;
    margin: 0;
}

.dvBillItemsOuterContainer {
    height: 240px;
    border: 1px solid var(--clr-graylight2);
}

.dvBillItems,
.dvBillItemsContainer {
    height: 210px;
    overflow: auto;
}

.dvbtnAllNewButton {
    margin-top: 5px;
    float: left;
    display: none;
    font-size: 0;
    margin-left: 10px;
    width: 60%;
}

.dvAddNewBillItem {
    float: right;
    text-align: right;
}

.dvBtn1Cmmd {
    margin-right: 4px;
}

.dvBtn1Cmmd,
.dvInvesExpiry,
.dvDiagCode {
    float: left;
}

.dvInvesExpiry {
    margin-left: 20px;
}

.dvDiagCode,
.dvtdTax {
    width: 200px;
}

.dvSmallNumber {
    font-family: LatoRegular;
    width: 24px;
    height: 24px;
    background-color: var(--font-weight-blue);
    color: var(--clr-white);
    padding: 1px;
    border-radius: 50%;
    text-align: center;
    float: left;
    font-size: 14px;
    font-weight: 700;
}

.dvSmallNumberValue {
    margin-left: 5px;
    font-family: LatoRegular;
    width: auto;
    float: left;
    font-weight: 700;
    margin-right: 10px;
    line-height: 24px;
}

.dvSmallNumberValue2 {
    margin-left: 0px;
    font-family: LatoRegular;
    width: auto;
    float: left;
    font-weight: 700;
    margin-right: 0px;
    line-height: 24px;
}

.lblInvNameForPharmacy {
    float: left;
    margin-left: 5px;
    background-color: var(--clr-orange);
    color: var(--clr-white);
    padding: 1px 12px;
    font-size: 13px;
    border-radius: 12px !important;
}

.lblSignConsent,
.lblChkBoxTextBold,
.lblChkBoxTextWhite {
    font-size: 13px;
    padding-left: 5px !important;
    font-family: LatoRegular;
}

.lblSignConsent {
    padding-left: 0 !important;
    height: 2px;
}

.lblChkBoxTextWhite {
    font-size: 14px !important;
    color: var(--clr-white);
}

.dvSMSAllNumber {
    color: var(--clr-white);
    float: left;
    font-size: 36px;
    padding: 10px 0 0;
    line-height: 25px;
}

.btn-group-xs > .btn, .btn-xs {
    font-family: LatoRegular;
}

.dvIVFMasterSummaryOuter {
    margin-bottom: 10px;
}

.dvCalculateAgeIcon {
    padding-left: 10px;
    display: initial;
    float: left;
    padding-top: 3px;
}

.dvSMSNoOfPatient {
    float: right;
    font-size: 18px;
    text-align: center;
    padding: 8px;
    font-family: LatoRegular;
    border-radius: 3px;
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-black);
    font-weight: 700;
    margin-left: 10px;
}

.dvBackgroundHeighlited {
    float: left;
    font-size: 18px;
    text-align: center;
    padding: 10px 15px;
    font-family: LatoRegular;
    border-radius: 3px;
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
    color: var(--clr-black);
    font-weight: 700;
}

    .dvBackgroundHeighlited.highlight {
        background-color: var(--clr-purplelight2dull2);
        border: 1px solid var(--clr-purplelight2dull2);
        color: var(--clr-white);
    }

.dvBackgroundHeighlitedBorder {
    float: left;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    font-family: LatoRegular;
    border-radius: 3px;
    color: var(--clr-black);
}

.dvHeighlitedArea {
    float: left;
    font-size: 18px;
    text-align: center;
    padding: 10px 15px;
    font-family: LatoRegular;
    border-radius: 3px;
    font-weight: 700;
}

.dvConnected {
    width: 10px;
    float: right;
    margin-top: 25px;
    border-top: 6px solid transparent;
    border-left: 8px solid var(--clr-graylight2);
    border-bottom: 6px solid transparent;
}

.dvConnectedDownGreen {
    border-right: 10px solid var(--clr-greendark1) !important;
    margin-top: 7px !important;
}

.dvConnectedDownBlack {
    border-right: 10px solid rgba(0, 0, 0, 0.5) !important;
    margin-top: 7px !important;
}

.dvConnectedDownBlack,
.dvConnectedDownTotalGreen,
.dvConnectedDownTotalOrange,
.dvConnectedDownTotalRed,
.dvConnectedDownBlue,
.dvConnectedDownGreen,
.dvConnectedLeft {
    width: 10px;
    float: left;
    margin-top: 18px;
    border-bottom: 3px solid transparent;
    border-top: 10px solid transparent;
    border-right: 12px solid var(--clr-graylight2);
}

.dvConnectedLeft {
    margin-top: 8px !important;
}

.dvConnectedDownTotalOrange {
    border-right: 12px solid var(--clr-orangelight1) !important;
    margin-top: 10px !important;
    float: left;
}

.dvConnectedDownTotalRed {
    border-right: 12px solid var(--clr-reddull1) !important;
    margin-top: 10px !important;
    float: left;
}

.dvConnectedDownTotalGreen {
    border-right: 12px solid var(--clr-greendark1) !important;
    margin-top: 10px !important;
    float: left;
}

.dvConnectedDownTotalBlue {
    border-right: 12px solid rgba(92, 109, 126, 0.2) !important;
    margin-top: 10px !important;
    float: left;
    width: 10px;
    float: left;
    margin-top: 18px;
    border-bottom: 8px solid transparent;
    border-top: 10px solid transparent;
}

.dvConnectedDown {
    width: 10px;
    float: left;
    margin-left: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid var(--clr-graylight2);
}

.dvConnectedArrow {
    width: 10px;
    float: left;
    margin-left: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.dvConnectedGreen {
    border-bottom: 10px solid var(--clr-greendark1) !important;
}

.dvConnectedRed {
    border-bottom: 10px solid var(--clr-red) !important;
}

.dvConnectedYellow {
    border-bottom: 10px solid var(--clr-yellow) !important;
}

.dvConnectedOrange {
    border-bottom: 10px solid var(--clr-orangedark1) !important;
}

.dvConnectedUp {
    width: 10px;
    float: left;
    margin-left: 10px;
    border-bottom: 3px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--clr-graylight2);
}

    .dvConnectedUp.highlight {
        border-top: 10px solid var(--clr-purplelight2dull2);
    }

.btnBorderRadiusLeft {
    border-radius: 20px 0px 0px 20px !important;
}

.btnBorderRadiusRight {
    border-radius: 0px 20px 20px 0px !important;
}

.btnBorderRadius {
    border-radius: 20px !important;
}

.divFloatRight {
    float: right;
}

.form-group {
    margin-bottom: 0rem;
}

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

.lblDiagnosisPosi {
    float: left;
}

.dvSaveTemplate {
    padding-left: 0rem !important;
    padding-right: 2.9rem !important;
}

.dvLeftContainerForPrint {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.MarginTop {
    margin-top: 5px !important;
    margin-right: 5px !important;
}

.divPrintPageToolBarWrapperNew {
    min-height: 60px;
    background-color: var(--clr-bluelight1);
    border-right: 1px solid var(--clr-bluelight1);
    width: 100%;
    float: left;
    padding: 5px 5px 2px 5px;
}

.pnlPrintTmplSettingsWrapperNew {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--clr-bluedark3);
    overflow: auto;
    z-index: 1000;
}

.dvPatConsentGiven {
    float: right !important;
    margin-top: 0;
}

.dvPatConsentNeeded {
    float: right !important;
    margin-top: 0;
}

.dvCanvasForSig {
    border: 1px inset var(--clr-graylight1);
    background-color: var(--clr-white);
    cursor: crosshair
}

/*Row Red with on Cancel Quatation*/
.dvCustomRowSmallRed {
    background-color: var(--clr-reddull1) !important;
    margin-bottom: 5px !important;
}

.lblSignby {
    background-color: var(--clr-green);
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px !important;
    color: var(--clr-white);
}

.lblSignbyPoor {
    background-color: var(--clr-red);
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px !important;
    color: var(--clr-white);
}

.lblSignbySatis {
    background-color: var(--clr-orangedark1);
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px !important;
    color: var(--clr-black);
}

.lblSignbyGood {
    background-color: var(--clr-greendark1);
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px !important;
    color: var(--clr-white);
}

.lblNoSignby {
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px !important;
    background-color: var(--clr-gray);
    border: 1px solid var(--clr-gray);
    color: var(--clr-white);
}

.dvSignatureAreaCancel {
    margin-left: 10px;
    margin-top: 0px;
    cursor: pointer;
    color: var(--clr-black);
    font-size: 14px;
    width: 40px;
    line-height: 34px;
    text-align: center;
}

.dvSignatureArea {
    padding: 0px !important;
}

.pnlPrintTmplSettingsWrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--clr-bluedark3);
    overflow: auto;
    z-index: 1000;
}

.dvExchangeBillMsgContainer {
    background-color: var(--clr-green);
    padding: 5px;
    color: var(--clr-white);
    float: left;
    font-size: 14px;
}

.dvDueAmountCapOnBill {
    padding-bottom: 5px;
    font-family: LatoRegular;
    font-weight: 700;
}

.dvPaymentSectionCaption {
    padding: 0;
    font-family: LatoRegular;
    font-weight: 700;
    text-align: right;
}

.dvFlyoutDropdown input {
    background-color: transparent !important;
    border: none !important;
    color: var(--clr-white) !important;
    text-shadow: none !important;
}

.dvFlyoutDropdown .rcbInner {
    background-color: transparent !important;
}

.dvFlyoutNormalDropdown input {
    background-color: transparent !important;
    border: none !important;
    color: var(--clr-black) !important;
    text-shadow: none !important;
}

.dvFlyoutNormalDropdown .rcbInner {
    background-color: transparent !important;
}

.dvFlyoutDropdown .rcbActionButton {
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
}

.dvFlyoutNormalDropdown .rcbActionButton {
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
}

.radio-inline label {
    margin-bottom: 0px !important;
}

.lblNotes {
    background-color: var(--clr-orange);
    color: var(--clr-black);
    margin-top: 0;
    padding: 2px 10px;
}

.lblEmail {
    background-color: var(--clr-red);
    color: var(--clr-white);
    margin-top: 0;
    padding: 2px 10px;
}

.lblOutGoing {
    background-color: var(--clr-green);
    color: var(--clr-white);
    margin-top: 0;
    padding: 2px 10px;
}

.lblInComing {
    background-color: var(--clr-green);
    color: var(--clr-white);
    margin-top: 0;
    padding: 2px 10px;
}

.lblSMS {
    background-color: var(--clr-green);
    color: var(--clr-white);
    margin-top: 0;
    padding: 2px 10px;
}

.dvSelWithBorderRed {
    background-color: var(--clr-graylight2);
    cursor: default;
    border-radius: 30px;
    padding: 3px 10px;
}

.dvSelWithBorderPink {
    background-color: rgba(248, 201, 196, 0.5) !important;
}

.dvSelWithBorderOrange {
    background-color: var(--clr-orangedull1) !important;
}

.dvSelWithBorderGreen {
    background-color: rgba(46, 204, 113, 0.5) !important;
}

.dvSelWithBorderRed {
    border: 1px solid var(--clr-red) !important;
    padding-left: 5px !important;
}

.dvSelWithBorderOrangeClinic {
    background-color: rgba(248, 201, 196, 0.5) !important;
    padding: 14px 11px 11px;
    text-align: center;
    border-radius: 0;
    border-bottom: 1px solid var(--clr-graylight2) !important;
    border-left: 1px solid var(--clr-graylight2) !important;
}

.btnHomeNewBig:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    font-size: 18px;
    content: "\f0f8";
    vertical-align: text-top;
    line-height: 23px;
}
/*Used for Buttons From Right*/
.dvButtonsFromRight {
    float: right !important;
    margin-left: 15px !important;
}
/*Used for Call Center Calenda*/
.dvCallCenterCalenda {
    border-top: 1px solid rgba(182,182,182,.3) !important;
    padding: 0 !important;
}

.dvSelWithBorder {
    background-color: var(--clr-graylight2);
    cursor: default;
    border-radius: 3px;
    padding: 3px 5px;
}

.topArrowRed,
.topArrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--clr-graylight2);
    margin-left: 6%;
    width: 0;
}

.topArrowGreen {
    border-bottom: 10px solid rgba(46, 204, 113, 0.5) !important;
}

.topArrowPink {
    border-bottom: 10px solid rgba(248, 201, 196, 0.5) !important;
}

.topArrowOrange {
    border-bottom: 10px solid var(--clr-orangedull1) !important;
}

.topArrowRed {
    border-bottom: 10px solid var(--clr-red) !important;
}

.leftArrow {
    margin-top: 15%;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    float: left;
    border-right: 15px solid var(--clr-graylight2);
}

.bottomArrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--clr-graylight2);
    margin-left: 11%;
    width: 0;
}

.PastRxRegular,
.PastRxPastDated {
    height: 30px;
    line-height: 40px;
    padding-left: 5px;
}

.PastRxRegular {
    border-left: 5px solid var(--clr-red);
}

.PastRxPastDated {
    border-left: 5px solid transparent;
}

.PastAssessmentFlagged {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px !important;
}

.PastRecallDue {
    border-left: 5px solid var(--clr-reddull1);
    padding-left: 5px !important;
}

.PastRecallNoDue {
    padding-left: 10px !important;
}

.dvRecallNoDue {
    padding-left: 20px !important;
}

.dvPastDataDateField {
    padding-right: 5px !important;
}

.PastRecallCompleted {
    line-height: 30px;
    border-left: 5px solid var(--clr-green);
    padding-left: 5px;
}

.BillListNotDueSmall {
    border-left: 5px solid var(--clr-green);
    padding-left: 5px;
    margin-top: 5px;
    float: left;
}

.BillListNotDueCC,
.BillListDueCC {
    padding-left: 5px;
    margin-top: 2px;
    float: left;
    width: 100%;
}

.BillListNotDueCC {
    border-left: 5px solid var(--clr-green);
    padding-left: 5px !important;
}

.BillListDueCC {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px !important;
}

.BillListDueSmall {
    height: 20px;
    border-left: 4px solid var(--clr-red);
    padding-left: 5px;
    margin-top: 5px;
    float: left;
}

.PastInvResultEmpty,
.PastInvResultNormal,
.PastInvResultAbnormal,
.PastInvResultNotRecorded,
.PastInvResultBorderline {
    padding-left: 5px !important;
}

.PastInvResultEmpty {
    border-left: 5px solid transparent;
}

.PastInvResultNormal {
    border-left: 5px solid var(--clr-green);
}

.PastInvResultAbnormal {
    border-left: 5px solid var(--clr-red);
}

.PastInvResultBorderline {
    border-left: 5px solid var(--clr-orange);
}

.PastInvResultNotRecorded {
    border-left: 5px solid var(--clr-gray);
}

.dvBillItemsEdit {
    background-color: var(--clr-graylight2);
}

.dvBillItemsPromotionParent {
    float: left;
    margin: 0 0 0 10px !important;
    overflow-y: auto;
}

.btnClearDueBill {
    line-height: 1rem;
    float: right;
    border: 1px solid var(--clr-gray) !important;
    background-color: var(--clr-graylight2) !important;
    border-radius: 0 !important;
    outline: none !important;
}

.dvBillItemPromotionType,
.dvBillItemPromotion,
.dvBillItemPromotionServiceAndInv {
    font-family: LatoRegular;
    padding: 0 10px 0 10px;
    font-size: 14px;
    color: var(--clr-black) !important;
    float: left;
    margin-bottom: 5px !important;
    height: 30px;
    line-height: 30px;
    border-radius: 30px !important;
}

.dvBillItemPromotion {
    background-color: var(--clr-pink);
    border: 1px solid var(--clr-pinklight1) !important;
}

.dvBillItemPromotionServiceAndInv {
    background-color: var(--clr-yellow);
    border: 1px solid var(--clr-yellow) !important;
}

.dvBillItemPromotionType {
    background-color: transparent;
    border: 1px solid var(--clr-orange) !important;
    border-left: none !important;
    color: var(--clr-white) !important;
    padding: 0 8px 0 8px !important;
}

.dvBillStatusBigTop {
    float: right;
    display: block;
}

.dvBillStatusBigTopGreen {
    float: right;
    display: block;
    padding: 0px;
    border: 1px solid var(--clr-green);
}

.dvBillCommentsInfo {
    margin-right: 10px !important;
    float: right !important;
    text-align: right;
}

.lblBillComments {
    background-color: var(--clr-yellow);
}

.lblSubHeaderWithWhite {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 16px;
    line-height: 25px;
    color: var(--clr-white);
    font-weight: 700;
}

.dvInsuranceBillTotal {
    border: 1px solid var(--clr-greendark1);
    padding-left: 7px;
    width: 100%;
    margin-top: 10px;
    padding: 5px;
}

.dvDueBox {
    background-color: var(--clr-green);
    cursor: pointer;
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    text-align: center;
    padding: 10px;
    margin-bottom: 0px !important;
}

.dvSMSCountCaptionNew {
    margin-top: 5px;
    color: var(--clr-white);
    cursor: default;
    font-size: 24px;
}

.dvProgressPackage {
    color: var(--clr-green) !important;
    font-size: .6em;
    line-height: 1.5em;
    text-indent: .5em;
    width: 15em;
    height: 1.8em;
    border: 1px solid var(--clr-green) !important;
    background: var(--clr-white);
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.dvProgressBarPageLoad {
    width: 25%;
    margin-top: 15%;
    margin-right: 37%;
    margin-left: 37%;
}

.dvProgressPackage::-webkit-progress-bar {
    background: var(--clr-white);
}

.dvProgressPackage::-webkit-progress-value {
    background: var(--clr-green) !important;
}

.RadPicker {
    width: auto !important;
}

.lblPageHeaderWhiteSmallerBold {
    font-family: LatoRegular;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: var(--clr-white);
    padding: 0px 0px 0px 5px;
    margin: 0;
    float: left;
    font-weight: 700;
}

.dropdowmenu2 {
    float: right !important;
    clear: both !important;
}

    .dropdowmenu2 > li {
        padding: 0;
        background-color: var(--clr-green) !important;
    }

.dropdowmenu2 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    min-width: 33px !important;
    padding: 0 0;
    text-align: center;
}

    .dropdowmenu2 > ul:hover {
        border: none !important;
    }

    .dropdowmenu2 > li > a {
        padding: 1px 11px;
        border: none !important;
        font-family: LatoRegular;
    }

    .dropdowmenu2 > li :hover {
        background-color: var(--clr-green) !important;
        color: var(--clr-black) !important;
        border: none !important;
    }

.dvBillItemName {
    width: 66%;
    float: left;
}

.dvBillItemNameFull {
    width: 90%;
    float: left;
}

.dvBillItemNameSmall {
    width: 60%;
    float: left;
}

.dvBillButtonCon {
    width: 28%;
    float: left;
}

.dvBillItemSlNo {
    width: 6%;
    float: left;
    padding-left: 3px;
}

.dvSmallSlNo,
.dvSmallSlNoSmall {
    width: 5%;
    float: left;
    padding-left: 0px;
    text-align: center;
}

.dvSmallSlNoSmall {
    width: 3%;
}

    .dvSmallSlNoSmall .lblBulltCaption {
        float: none !important;
    }

.dvConttainer,
.dvConttainerSmall {
    width: 95%;
    float: left;
    padding-left: 3px;
}

.dvConttainerSmall {
    width: 97%;
}

.pnlReportDataWrapperNew {
    padding: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
}

    .pnlReportDataWrapperNew.bg-color {
        background-color: var(--clr-graylight1) !important;
    }

.dvReportCon {
    border-top: 1px solid var(--clr-graylight2);
}

.pnlReportDataWrapperNew.bg-color .dvReportCon {
    border-top: none !important;
}

.dvReportExportStatusMsg {
    margin-bottom: 50px;
}

.reportGrpTable th.repTblHeader,
.reportTable th.repTblHeader {
    background-color: rgba(241, 242, 249, 0.6);
    color: var(--clr-black);
    border: 1px solid var(--clr-graylight2dull1New);
    height: 20px;
    font-size: 12px;
    padding-left: 5px;
}

.buttons-html5,
.buttons-print {
    position: absolute;
    left: -9999px;
}

.repTblRow {
    background-color: transparent;
    font-size: 11px;
    vertical-align: top;
}

    .repTblRow td {
        padding: 3px 5px;
        background-color: transparent;
        border-top: 1px solid var(--clr-white) !important;
        border: 1px solid var(--clr-graylight2dull1New);
        font-size: 12px;
    }

.reportTable {
    font-family: LatoRegular;
    border: 0;
    background-color: transparent;
    color: var(--clr-black);
    width: 550px;
}

/*.reportTable thead {
        color: #fff;
        background: #f9f9f9;
        display: table;
        width: 100%;
        width: calc(100% - 18px);
    }
    .reportTable thead th {
       width:150px!important;
    }
    .reportTable tbody {
        overflow: auto;
        overflow-x: hidden;
        display: block;
        width: 100%;
    }
        .reportTable tbody td {
            width: 150px !important;
        }

        .reportTable tbody tr {
            display: table;
            width: 100%;
        }*/
.repTblRow {
    background-color: transparent;
    font-size: 11px;
    vertical-align: top;
}

    .repTblRow td {
        padding: 3px 5px;
        background-color: transparent;
        border-top: 1px solid var(--clr-white) !important;
        border: 1px solid var(--clr-graylight2dull1New);
    }

.reportGrpTable {
    font-family: LatoRegular;
    border: 0;
    background-color: var(--clr-graylight2);
    color: var(--clr-black);
    border-bottom: 1px solid var(--clr-graylight2);
    height: 20px;
    font-size: 11px;
    width: 100%;
}

    .reportGrpTable th {
        background-color: var(--clr-graylight2);
        color: var(--clr-black);
        border-bottom: 1px solid var(--clr-graylight2);
        height: 20px;
        font-size: 12px;
        font-family: LatoRegular;
        font-weight: 700;
    }

    .reportGrpTable td {
        padding: 3px 5px;
        font-size: 12px;
        font-family: LatoRegular;
        background-color: var(--clr-white);
        border-top: 1px solid var(--clr-white) !important;
        border-bottom: 1px solid var(--clr-graylight2);
    }

.repGrpHeader {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    font-size: 22px;
    color: var(--clr-black);
    border: 0;
}

.repGrpBlock {
    width: 100%;
    border-bottom: 1px solid var(--clr-graylight2);
    padding-top: 10px;
}

.repGrpBlockL {
    width: 100%;
    padding-top: 10px;
}

.repGrpData {
    float: right;
    padding: 5px;
    min-height: 200px;
    overflow: auto;
    margin: 0;
}

.dvPatSearchResultsContainer,
.dvPatSearchResultsNoRecordsContainer {
    height: 150px;
    overflow: auto;
    border: 1px solid var(--clr-graylight1);
}

.dvPatSearchResultsNoRecordsContainer {
    height: 300px;
}

    .dvPatSearchResultsNoRecordsContainer.small {
        height: 210px;
        padding-top: 1px !important;
    }

.ReportSelectedDefault {
    border-left: 5px solid var(--clr-bluelight1);
    padding-left: 5px !important;
    background-color: #fcfcfd !important;
}

.ReportSelectedNonDefault {
    border-left: 5px solid transparent;
    padding-left: 5px !important;
}

.dataTables_empty {
    font-size: 12px;
    color: var(--clr-gray);
    font-family: LatoRegular;
    padding-left: 5px;
}

.btnSmallLinkQOH {
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--clr-blue);
    padding: 0;
    text-align: left;
    margin: 0;
    line-height: 27px;
}

.lblRxName {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 15px;
    line-height: 25px;
    color: var(--clr-white);
}

.lblRxDetails {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.7);
}

.btnGrpSelected {
    background-color: var(--clr-white) !important;
    color: #000 !important;
    font-weight: 700;
    border-bottom: 5px inset var(--clr-greendark1) !important;
    line-height: 14px !important;
}

.btnGrpSelectedSmall {
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    font-size: 12px;
    margin: 0;
    border: none;
    color: var(--clr-blacklight1);
    font-weight: 700;
    padding: 6px;
    height: 32px;
    min-width: 35px;
    background-color: var(--clr-white);
    border-right: 1px solid var(--clr-graylight1) !important;
    border-top: 1px solid var(--clr-graylight1) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    color: var(--clr-black) !important;
    font-weight: 700;
}

.btnGrpNonSelected,
.btnGrpSelected {
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    font-size: 12px;
    margin: 0;
    background-color: var(--clr-white);
    border: none;
    color: var(--clr-blacklight);
    padding: 6px;
    border-radius: 0px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 30px;
    min-width: 42px;
    border-right: 1px solid var(--clr-graylight1);
    background-color: var(--clr-white);
    line-height: 15px !important;
}

.btnNewVisit,
.btnExistingVisit {
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    cursor: pointer;
    margin-left: 0;
    font-size: 12px;
    margin: 0;
    background-color: var(--clr-white);
    border: none;
    color: var(--clr-blacklight);
    padding: 4px 10px;
    border-radius: 0px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 26px;
    min-width: 42px;
    border-right: 1px solid var(--clr-graylight1);
    background-color: var(--clr-white);
    line-height: 15px !important;
}

.btnNewVisit {
    border-radius: 0 3px 3px 0 !important;
}

.btnExistingVisit {
    border-radius: 3px 0 0 3px !important;
}

.btnGrpNewVisit {
    float: left !important;
    text-align: left;
    border: 1px solid var(--clr-graylight1);
    border-radius: 3px !important;
}

.btnVisitSelected {
    background-color: var(--clr-white) !important;
    color: #000 !important;
    font-weight: 700;
    border-bottom: 5px inset var(--clr-greendark1) !important;
    line-height: 14px !important;
}

.dvBatchQohCount {
    text-align: center;
}

    .dvBatchQohCount span {
        float: none !important;
    }

.lblBatchCount {
    color: var(--clr-white);
    font-size: 39px;
}

.lblInvLinkValue {
    float: left;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    border: none;
    border-top: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
    outline: none !important;
    padding: 0px 5px !important;
    background-color: var(--clr-white);
    margin-left: 0px !important;
}

.lblInvLinkValueNoBorder {
    float: left;
    height: 32px;
    text-align: center;
    width: 100px;
    font-size: 14px;
    line-height: 28px;
    outline: none !important;
}

.dvRxProtocolRegular {
    margin-top: 4px;
    background-color: var(--clr-green);
    color: var(--clr-white);
    padding: 2px 10px;
    font-size: 12px;
}

.dvRxProtocolSOS {
    margin-top: 4px;
    background-color: var(--clr-reddark1);
    color: var(--clr-white);
    padding: 2px 10px;
    font-size: 12px;
}

.dvRxInActive {
    float: left;
    line-height: 38px;
    cursor: pointer;
    font-size: 31px;
    padding-left: 9px;
    color: var(--clr-graylight1);
}

.dvRxActive {
    float: left;
    color: var(--clr-green);
    line-height: 38px;
    cursor: pointer;
    font-size: 31px;
    padding-left: 9px;
}

.dvCustomRowHeader {
    clear: both;
    font-size: 12px;
    font-family: LatoRegular;
    font-weight: 700;
}

.dvCustomRowSelected {
    padding: 2px 3px;
    clear: both;
    background-color: var(--clr-bluelight1) !important;
    border: 1px solid var(--clr-blue) !important;
}

.dvCustomForCallRowSelected {
    background-color: var(--clr-green);
}

.Messegaboxleft {
    color: var(--clr-black);
    margin-top: 10px;
    background-color: var(--clr-white);
    text-align: left;
    padding: 6px;
    border-radius: 5px;
    font-size: 15px;
    width: 85%;
    float: left;
}

.dvCallCenterDueCalls {
    padding: 1px 8px;
    border: 2px solid var(--clr-red);
    width: fit-content;
}

.Messegaboxright {
    color: var(--clr-black);
    background-color: var(--clr-white);
    text-align: right;
    padding: 6px;
    border-radius: 5px;
    width: 85%;
    font-size: 15px;
    float: right;
    margin-top: 10px;
}

.dvMessageContainer {
    max-height: 380px;
    overflow: auto;
    padding: 6px;
}

.dvPatientNameContainer {
    color: var(--clr-white);
    margin-top: 10px;
    font-size: 15pt;
}

.dvCustomBlue {
    padding-top: 4px;
    padding-bottom: 3px;
    background-color: transparent;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid var(--clr-graylight2);
    padding-left: 2px;
    padding-right: 2px;
}

.dvLeadStatusFunnelContainer {
    width: 410px;
    height: 400px;
    margin: 0 auto;
    padding: 7px;
}

.EMRCaseSheetNonDefault {
    padding-left: 5px !important;
    border-left: 5px solid transparent !important;
}

.EMRCaseSheetDefault {
    border-left: 5px solid var(--clr-bluelight1);
    padding-left: 5px;
}

.FlyOutModalBlue {
    background-color: var(--clr-bluedark1) !important;
}

.FlyOutModal {
    height: 89vh;
}

.dvLeadPastHistory {
    background-color: var(--clr-bluedark1) !important;
    padding: 10px 15px;
}

.FlyOutModalBlue #MainPageBody {
    background-color: var(--clr-bluedark1) !important;
}

.FlyOutModalBodyContainer {
    background-color: var(--clr-greendark2) !important;
    padding: 0;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
}

    .FlyOutModalBodyContainer .dvFormControlNotFirst span input {
        border: none;
        outline: none !important;
    }

    .FlyOutModalBodyContainer .GridColumn {
        width: 50% !important;
        float: left !important;
    }

.ModalBodyContainerForPage .GridColumn {
    width: 50% !important;
    float: left !important;
}

.FlyOutModalBodyContainer .GridColumn10 {
    width: 80% !important;
    float: left !important;
}

.FlyOutModalBodyContainer .GridColumn2 {
    width: 20% !important;
    float: left !important;
}

.FlyOutModalBodyContainer .GridColumn4 {
    width: 40% !important;
    float: left !important;
}

.FlyOutModalBodyContainer .GridColumn3 {
    width: 20% !important;
    float: left !important;
}

.dvSearchContainerNew .GridColumn .dvSearchContainer .GridColumn {
    border: none !important;
    height: 30px !important;
}

.FlyOutModalBodyContainer .GridColumn .divAddNewButtonContainer {
    float: left !important;
}

.GridColumn {
    padding-right: 4px !important;
}

.lblCaptionWithSearch {
    height: 34px;
    padding: .3rem 1rem .3rem 0rem;
    border-radius: 0rem;
    border: none !important;
    font-family: LatoRegular;
    float: left;
}

.select2-hidden-accessible {
    display: none;
}
/*All select2 Customization*/
.select2-selection {
    padding-right: 0 !important;
    padding: 0 !important;
}
/*All select2 Customization*/
.select2-container {
    width: auto !important;
    outline: none !important;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
}

    .select2-container .select2-selection {
        border: 1px solid var(--clr-graylight1) !important;
    }

.select2-container--default .select2-search--inline .select2-search__field {
    height: 25px !important;
    padding: 5px 7px !important;
    min-height: 25px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-left: 0 !important;
    width: 75% !important;
}

.select2-container--default .select2-selection--single {
    min-height: 36px !important;
}

.dvSearchCont .select2-container--default .select2-selection--single {
    min-height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
    padding-right: 10px !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f1f2f9 !important;
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted .lblLinkColor {
    background-color: var(--clr-bluedark1) !important;
    color: white !important;
}

.select2-container .select2-container--open {
    width: auto !important;
    display: block !important;
}

.select2-container .select2-selection--multiple {
    min-height: 36px !important;
}

.select2-container .select2-search.select2-search--inline {
    display: block !important;
    padding: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 34px !important;
    margin-right: 30px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 20px !important;
}

.select2-container--open .select2-dropdown {
    border-radius: 0 !important;
    position: relative !important;
}

.select2-results__option {
    font-size: 14px;
    color: var(--clr-black);
    min-height: 30px;
    padding: 4px 10px !important;
    font-family: LatoRegular;
    border-bottom: 1px solid var(--clr-graylight2dull1New);
    white-space: pre-line;
}

.select2-selection--multiple:before {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 27px;
    background-color: transparent;
    position: absolute;
    right: 0;
    margin-right: 5px;
    margin-top: 5px;
    color: var(--clr-gray);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: break-spaces !important;
}

.lblMembership {
    padding: 2px 5px 2px;
    font-size: 12px;
    border: 2px solid !important;
    border-radius: 4px;
    margin-left: 5px;
    background: #FFFFFF !important;
}

    .lblMembership .btnStarsBig {
        margin-left: 0px !important;
    }

    .lblMembership:before {
        margin-right: 4px !important;
        line-height: 15px !important;
    }


.dvSearchContainerNew .select2-container .selection .select2-selection,
.dvSearchContainer .select2-container .selection .select2-selection {
    border: none !important;
}

.listGroupNoMargin {
    margin-bottom: 0 !important;
}

.dvPatientListOnApptDtls li .lblSeeMore,
.dvPatientListOnApptDtls li .dvApptCreateNew {
    display: none;
}

.dvPatientListOnApptDtls li .lblDisplayNone {
    display: none;
}

.listGroupFixedHeight {
    margin-bottom: 0 !important;
    border: 1px solid var(--clr-graylight1);
    overflow: auto;
}

.listOptionNoBorder {
    padding: .3rem .5rem;
    font-family: LatoRegular;
    cursor: pointer;
    border-radius: 0rem !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 0 !important;
}

    .listOptionNoBorder:hover {
        background-color: var(--clr-white);
    }

.listOption {
    padding: .3rem .5rem;
    font-family: LatoRegular;
    cursor: pointer;
    border-radius: 0rem !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 0 !important;
}

    .listOption:hover {
        background-color: var(--clr-white);
    }

.listOptionSelectedGreen {
    padding: .3rem .5rem;
    font-family: LatoRegular;
    cursor: pointer;
    border-radius: 0rem !important;
    background-color: var(--clr-green) !important;
    color: var(--clr-white) !important;
}

.listOptionSelected {
    padding: .3rem .5rem;
    font-family: LatoRegular;
    cursor: pointer;
    border-radius: 0rem !important;
    background-color: var(--clr-gray) !important;
    color: var(--clr-white) !important;
}

.deTooltipNew {
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 1250;
    text-align: center;
    left: 0;
    right: 0;
    padding-top: 30px;
    min-width: 90px;
    border-radius: 3px !important;
    box-sizing: border-box;
    width: max-content;
}

.lblAlertMsgInnerTxt {
    font-size: 18px;
    margin-top: 5px;
}

.dvLabTrendsChartDarkBG,
.btnOptionCircle {
    background-color: transparent;
    cursor: pointer;
    min-height: 29px;
    margin-right: 15px;
    font-family: LatoRegular;
    color: var(--clr-white);
    font-size: 16px;
    padding: 0px 3px;
    margin-right: 4px;
    float: left;
    border: 1px solid transparent;
}

.dvLabTrendsChartDarkBGSelected,
.btnOptionCircleSelected {
    background-color: rgba(46, 204, 113, 0.7);
    border: 1px solid rgba(46, 204, 113, 0.7);
    cursor: pointer;
    min-height: 29px;
    margin-right: 15px;
    font-family: LatoRegular;
    color: var(--clr-white);
    font-size: 16px;
    padding: 0px 10px;
    margin-right: 4px;
    float: left;
    border-radius: 15px;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.dvLabTrendsChartDarkBGSelected {
    color: var(--clr-white) !important;
}

.btnBookmarkOption {
    /*min-height: 20px !important;
    font-size: 14px !important;
    color: var(--clr-black);*/
    min-height: 20px !important;
    font-size: 14px !important;
    color: var(--clr-blacklight2);
    background-color: transparent;
    border: none;
    color: var(--clr-black) !important;
    box-shadow: none;
    border-radius: 0px;
    border-bottom: 3px solid transparent !important;
}

.btnBookmarkOptionColor {
    /*background-color: var(--clr-blacklight2);
    border: 1px solid var(--clr-blacklight2);*/
    background-color: transparent;
    border: none;
    color: var(--clr-greendark1) !important;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px 0px;
    border-bottom: 3px solid var(--clr-greendark1) !important;
    padding: 0px 3px;
}

.btnOptionCircleSelected,
.btnOptionCircle {
    margin-right: 5px !important;
}

.dvChartSummaryForPatient {
    background-color: #4b5158;
    border: 1px solid rgba(182,182,182,.15);
    text-align: center;
    padding: 0 !important;
}

.dvVitalsMonitor {
    font-size: 15px !important;
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.7);
    padding: 0;
    margin: 0;
    float: left;
    font-weight: 700;
    line-height: 38px !important;
}

.dvVitalsMonitorIcon {
    float: right;
}

.btnGrowthChart {
    height: inherit;
    cursor: pointer;
    color: var(--clr-white);
    padding: 6px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
}

.dvRxReprescribeNew {
    font-size: 16px;
    float: left;
    margin-left: 10px;
    color: var(--clr-gray);
    padding: 3px;
    cursor: pointer;
}

.btnRxProtocolNonSelected {
    /* max-width: 26px; */
    border-left: 0 solid var(--clr-gray);
    border-top: 0 solid var(--clr-gray);
    border-bottom: 0 solid var(--clr-gray);
    border-right: none;
    background-color: var(--clr-graylight2);
    cursor: pointer;
    min-height: 20px;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-black);
    font-size: 12px;
    margin: 0;
    padding-right: 12px;
    padding-left: 12px;
    outline: none !important;
}

.rlbHeader {
    padding: 0 !important;
    height: 30px !important;
    background-color: transparent;
}

.RadWindow_BlankTrans {
    display: none !important;
}

.dvGapBottom {
    margin-bottom: 10px !important;
}

.PDatetimePickerContainer .DateTimePicker_Calendar {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f073";
    margin-left: 6px;
    font-size: 16px;
    line-height: 28px;
}

.PDatetimePickerContainer .MakeArrow {
    border: 0 solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    height: 15px !important;
    width: 15px !important;
}

.PDatetimePickerContainer .right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 5px !important;
}

.PDatetimePickerContainer .left {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.PDatetimePickerContainer .up {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.PDatetimePickerContainer .down {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 5px !important;
}

.bootstrap-datetimepicker-widget table td.day,
.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.picker-switch,
.bootstrap-datetimepicker-widget table th.next {
    color: var(--clr-black) !important;
}

.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: var(--clr-gray) !important;
}

.bootstrap-datetimepicker-widget table td.active {
    background-color: var(--clr-blue) !important;
    color: var(--clr-white) !important;
}

.PDatetimePickerContainer .bootstrap-datetimepicker-widget {
    padding: 5px !important;
    bottom: auto !important;
}

    .PDatetimePickerContainer .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0;
        padding: 5px !important;
        bottom: auto !important;
    }

.PDatetimePickerContainer input,
.PDatetimePickerContainer button {
    font-size: 14px;
}

.PDatetimePickerContainer a {
    color: var(--clr-black) !important;
    text-decoration: none !important;
}

    .PDatetimePickerContainer a:hover,
    .PDatetimePickerContainer a:focus {
        color: var(--clr-black) !important;
        text-decoration: underline !important;
    }

    .PDatetimePickerContainer a:focus {
        outline: thin dotted !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px !important;
    }

.PDatetimePickerContainer .bootstrap-datetimepicker-widget ul {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    bottom: auto !important;
}

.PDatetimePickerContainer .list-unstyled {
    padding-left: 0 !important;
    list-style: none !important;
}

.PDatetimePickerContainer .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.PDatetimePickerContainer table {
    background-color: transparent !important;
}

.PDatetimePickerContainer th {
    text-align: left;
}

.PDatetimePickerContainer .table-condensed > thead > tr > th,
.PDatetimePickerContainer .table-condensed > tbody > tr > td {
    padding: 5px !important;
}

.PDatetimePickerContainer .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--clr-blacklight2);
    background-color: var(--clr-white);
    background-image: none;
    border: 1px solid var(--clr-graylight1);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px var(--clr-white);
    box-shadow: inset 0 1px 1px var(--clr-white);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 3px 0px 0px 3px !important;
}

    .PDatetimePickerContainer .dtPicker:focus,
    .PDatetimePickerContainer .form-control:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .PDatetimePickerContainer .form-control::-moz-placeholder {
        color: var(--clr-graylight2);
        opacity: 1;
    }

    .PDatetimePickerContainer .form-control:-ms-input-placeholder {
        color: var(--clr-graylight2);
    }

    .PDatetimePickerContainer .form-control::-webkit-input-placeholder {
        color: var(--clr-graylight2);
    }

.PDatetimePickerContainer .form-group {
    margin-bottom: 15px;
}

.PDatetimePickerContainer .bootstrap-datetimepicker-widget .btn {
    display: inline-block;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-family: LatoRegular;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
}

.PDatetimePickerContainer .btn:focus,
.PDatetimePickerContainer .btn:active:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.PDatetimePickerContainer .btn:hover,
.PDatetimePickerContainer .btn:focus {
    color: var(--clr-black) !important;
    text-decoration: none !important;
}

.PDatetimePickerContainer .btn:active {
    background-image: none !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 3px 5px var(--clr-graylight2) !important;
    box-shadow: inset 0 3px 5px var(--clr-graylight2) !important;
}

.PDatetimePickerContainer .btn-primary {
    color: var(--clr-white);
    background-color: var(--clr-blue);
    border-color: var(--clr-blue);
}

    .PDatetimePickerContainer .btn-primary:hover,
    .PDatetimePickerContainer .btn-primary:focus,
    .PDatetimePickerContainer .btn-primary:active {
        color: var(--clr-white);
        background-color: var(--clr-red);
        border-color: var(--clr-blue);
    }

    .PDatetimePickerContainer .btn-primary:active {
        background-image: none !important;
    }

.PDatetimePickerContainer .collapse .in {
    display: block;
    visibility: visible !important;
}

.PDatetimePickerContainer .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    z-index: 1000 !important;
    display: none;
    float: initial !important;
    min-width: 160px !important;
    padding: 5px !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: var(--clr-white) !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid var(--clr-graylight2) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px var(--clr-graylight1) !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    width: 17em;
}

.PDatetimePickerContainer .input-group {
    position: relative !important;
    display: table;
    border-collapse: separate !important;
}

.PDatetimePickerContainer .btnCalender {
    margin-right: 5px !important;
}

    .PDatetimePickerContainer .btnCalender:before {
        font-size: 16px !important;
    }

.PDatetimePickerContainer .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.PDatetimePickerContainer .input-group-addon,
.PDatetimePickerContainer .input-group .form-control {
    display: table-cell;
}

.PDatetimePickerContainer .input-group-addon {
    padding: 6px 2px;
    font-size: 14px;
    font-family: LatoRegular;
    line-height: 1;
    color: var(--clr-black);
    text-align: center;
    background-color: var(--clr-white);
    width: 20px !important;
    height: 37.5px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 34px !important;
}

    .PDatetimePickerContainer .input-group-addon .ImageIconOnly {
        font-weight: normal;
    }

    .PDatetimePickerContainer .input-group-addon:hover .ImageIconOnly {
        color: var(--clr-black) !important;
        font-weight: 600;
    }

.dvSearchContainerNew .PDatetimePickerContainer .input-group-addon,
.dvSearchContainer .PDatetimePickerContainer .input-group-addon {
    padding: 6px 0px 6px 0px;
    font-size: 14px;
    font-family: LatoRegular;
    line-height: 1;
    color: var(--clr-black);
    text-align: center;
    background-color: var(--clr-white);
    border-left: none !important;
    border-right: 1px solid var(--clr-graylight2) !important;
    border-top: none !important;
    border-bottom: none !important;
    width: 20px;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0px !important;
    padding: 0px !important;
}

.dvSearchContainerNew .PDatetimePickerContainer .btnCalender,
.dvSearchContainer .PDatetimePickerContainer .btnCalender {
    margin-right: 0px !important;
}

    .dvSearchContainerNew .PDatetimePickerContainer .btnCalender:before,
    .dvSearchContainer .PDatetimePickerContainer .btnCalender::after {
        font-size: 14px !important;
    }

.dvSearchContainerNew .PDatetimePickerContainer .input-group-addon .ImageIconOnly .dvSearchContainer .PDatetimePickerContainer .input-group-addon .ImageIconOnly {
    font-weight: normal;
}

.dvSearchContainerNew .PDatetimePickerContainer .input-group-addon:hover .ImageIconOnly .dvSearchContainer .PDatetimePickerContainer .input-group-addon:hover .ImageIconOnly {
    color: var(--clr-black) !important;
    font-weight: 600;
}

.PDatetimePickerContainer .container:before,
.PDatetimePickerContainer .container:after,
.PDatetimePickerContainer .row:before,
.PDatetimePickerContainer .row:after {
    display: table;
    content: " ";
}

.PDatetimePickerContainer .container:after,
.PDatetimePickerContainer .row:after {
    clear: both;
}

.dvContainerWhite {
    padding: 0;
    border: none;
    background-color: transparent;
    margin-bottom: 15px;
    border-radius: 5px;
    padding-bottom: 5px;
}

.dvEmptyBorderContainer {
    border: 1px solid var(--clr-graylight1);
    border-left: 5px solid var(--clr-reddull1) !important;
    padding: 10px;
    margin-bottom: 15px;
}

.divModalHeaderForPopUpRed {
    background-color: var(--clr-reddull1);
    padding: 5px 10px;
    border-bottom: none !important;
}

.dvVitalContainer {
    /*border-left: 5px solid $clrBluelight1;*/
    padding: 5px;
    margin-bottom: 15px;
}

.dvPatientLastDoc {
    /*border-left: 5px solid var(--clr-green);*/
}

.dvPatientConsent {
    /*border-left: 5px solid var(--clr-greendark1);*/
}

.dvPatientImpDoc {
    /*border-left: 5px solid $clrGreendark2;*/
}

.dvPatientAssessment {
    /*border-left: 5px solid $clrGreendark3;*/
}

.dvPatientAdvice {
    /*border-left: 5px solid $clrBluelight1;*/
}

.dvPatientRx {
    /*border-left: 5px solid $clrBlue;*/
    padding: 5px;
}

.dvPatientInvestigation {
    /*border-left: 5px solid $clrBluedark1;*/
}

.dvPatientImmunization {
    /*border-left: 5px solid $clrMaroon;*/
}

.dvPatientMedicalHistory {
    /*border-left: 5px solid $clrMaroondark1;*/
}

.dvPatientPackage {
    /*border-left: 5px solid $clrRed;*/
}

.dvCards,
.dvCardBlock {
    padding: 0;
}

.dcCardsCommon {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight2);
}

.dcCardsCommonAll {
    color: var(--clr-bluelight1);
}

.dcCardsCommonCounted {
    color: var(--clr-greendark1);
}

.dcCardsCommonUncounted {
    color: var(--clr-red);
}

.dcCardsCommonExcluded {
    color: var(--clr-gray);
}

.dcCardsCommonUnMatched {
    color: var(--clr-reddark2);
}

.dcCardsCommonAllSel {
    background-color: var(--clr-bluelight1);
    border: 1px solid var(--clr-bluelight1);
    color: var(--clr-white) !important;
}

.dcCardsCommonCountedSel {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white) !important;
}

.dcCardsCommonUncountedSel {
    background-color: var(--clr-maroondark1);
    border: 1px solid var(--clr-maroondark1);
    color: var(--clr-white) !important;
}

.dcCardsCommonExcludedSel {
    background-color: var(--clr-gray);
    border: 1px solid var(--clr-gray);
    color: var(--clr-white) !important;
}

.dcCardsCommonUnMatchedSel {
    background-color: var(--clr-reddark2);
    border: 1px solid var(--clr-reddark2);
    color: var(--clr-white) !important;
}

    .dcCardsCommonAllSel .cardText,
    .dcCardsCommonCountedSel .cardText,
    .dcCardsCommonUncountedSel .cardText,
    .dcCardsCommonExcludedSel .cardText,
    .dcCardsCommonUnMatchedSel .cardText {
        color: var(--clr-white) !important;
    }

.dvOptionSelected {
    background-color: var(--clr-blue);
    border: 1px solid var(--clr-blue);
    color: var(--clr-white);
}

.dvSearchCon {
    width: 83%;
    float: left;
    padding-right: 15px;
}

.dvAddCon {
    width: 38px;
    float: left;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px !important;
}

.dvCardBlockWithPad {
    padding: 2px;
}

    .dvCardBlockWithPad a {
        float: right;
        padding: 2px 5px;
        border-radius: 0px !important;
        margin-right: 0px !important;
        font-size: 12px !important;
    }

.dvCards {
    background-color: transparent;
    border: none;
}

.cardText {
    padding-left: 0px;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--clr-black);
}

.cardtitle {
    margin-bottom: 5px;
    font-size: 35px;
}

.cardtitleAmount {
    margin-bottom: 5px;
    font-size: 25px;
    margin-top: 10px !important;
}

.assessmentPlan,
.spanData,
.spanNotFirst {
    font-size: 14px;
    padding-right: .2rem;
}

.assessmentPlan,
.spanNotFirst {
    color: var(--clr-graylight1);
    padding-right: .2rem;
    padding-left: 5px !important;
}

.spanData {
    padding-right: .2rem;
    color: var(--clr-white);
}

.dvPatSummerySubHeaderWithCursor,
.dvPatSummerySubHeader {
    font-family: LatoRegular;
    text-decoration: none;
    font-size: 17px;
    font-weight: normal;
    padding-left: 0px;
    color: var(--clr-white);
    font-weight: bold;
}

.dvPatSummerySubHeader {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px !important;
}

.dvPastHistory {
    background-color: var(--clr-white);
    padding: 10px !important;
    border-radius: 10px 10px 0 0;
}

    .dvPastHistory .dvPatSummerySubHeader {
        color: var(--clr-purplelight1) !important;
    }

    .dvPastHistory .lblColorWhite {
        color: black !important;
    }

    .dvPastHistory .lblLowEmphasisWhite {
        color: #5e5e5e !important;
    }

    .dvPastHistory .lblColorWhite {
        color: var(--clr-black) !important;
    }

    .dvPastHistory .row-data {
        border-bottom: 1px solid var(--clr-graylight1dull1) !important;
    }

.dvPatSummerySubHeaderWithCursor {
    cursor: pointer;
    text-decoration: underline;
}

.dvPatSummerySubHeaderContainer {
    float: left !important;
    color: var(--clr-white);
    font-size: 16px;
    padding-left: 30px !important;
    padding-right: 0px !important;
}

.btnEMRCaption {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
}

.btnEMRCaptionHeight {
    height: auto !important;
}

.dvPatSummeryDataContainer {
    width: 75%;
}

.list-group-flush .list-group-item {
    position: relative;
    padding: 0px 0px 0px 5px;
    background-color: transparent;
    border: none;
    font-size: 15px;
    font-weight: normal;
    color: var(--clr-white);
    clear: both;
}

.dvContainerWhite .List-group-item {
    list-style: none !important;
    padding-left: 10px;
    font-size: 14px;
}

.SubHeaderMarginTop {
    margin-top: 0px;
}

.modal .in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dvPrescribed {
    color: var(--clr-white);
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--clr-orange);
    font-size: 14px;
    margin-left: 10px;
}

.dvContainerCasesheetRow {
    border-bottom: 1px solid var(--clr-graylight2);
    margin-bottom: 0px;
    padding-bottom: 3px;
    padding-top: 2px;
}

.dvPatServiceRow {
    border-bottom: 1px solid var(--clr-graydark1);
    margin-bottom: 0px;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

.dvContainerWhite li {
    list-style: none;
    font-family: LatoRegular;
    font-size: 14px;
    padding-left: 6px;
}

.dvContainerWhite ol {
    list-style: none;
    padding-left: 6px;
}

.dvPatientRx ol {
    list-style: decimal;
    padding-left: 30px;
}

    .dvPatientRx ol li {
        margin-bottom: 10px;
    }

.lblListOfDisRx {
    float: left;
    padding: 0rem .5rem .5rem 0rem !important;
    clear: both;
    font-size: 17px;
}

.listgroupitemForAssessment {
    list-style: none;
    margin-bottom: .6rem;
    font-family: LatoRegular;
    font-size: 15px;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
}

.dvPackageItemOuterContainer {
    min-height: 200px;
    border-bottom: 1px solid var(--clr-graylight2);
}

.dvAuthoirsationPending {
    width: 100%;
    float: left;
    border-left: 4px solid var(--clr-bluelight1);
    padding-left: 5px;
    margin-bottom: 5px !important;
}

.dvAuthoirsationApproved {
    width: 100%;
    float: left;
    border-left: 4px solid var(--clr-green);
    padding-left: 5px;
    margin-bottom: 5px !important;
}

.dvAuthoirsationRejected {
    width: 100%;
    float: left;
    border-left: solid 4px var(--clr-red);
    padding-left: 5px;
    margin-bottom: 5px !important;
}

.divApptStatusBarScheduledPast {
    border-left: 6px solid var(--clr-bluelight1);
    padding-left: 6px !important;
}

.divApptStatusBarConfirmedPast {
    border-left: 6px solid var(--clr-purplelight3);
    padding-left: 6px !important;
}

.divApptStatusBarWaitingPast {
    border-left: 6px solid var(--clr-orange);
    padding-left: 6px !important;
}

.divApptStatusBarEngagedPast {
    border-left: 6px solid var(--clr-red);
    padding-left: 6px !important;
}

.divApptStatusBarCheckedOutPast {
    border-left: 6px solid var(--clr-green);
    padding-left: 6px !important;
}

.divApptStatusBarCancelledPast {
    border-left: 6px solid var(--clr-graylight1);
    padding-left: 6px !important;
}

.divApptStatusBarNoShowPast {
    border-left: 6px solid var(--clr-black);
    padding-left: 6px !important;
}

.dvHoliday {
    text-align: center;
}

.medium-editor-toolbar-actions {
    min-height: 35px;
    padding: 2px !important;
}

.medium-editor-toolbar {
    border-radius: 0 !important;
    border-bottom: none !important;
    z-index: 0 !important;
}

    .medium-editor-toolbar li button {
        padding: 5px !important;
        height: 30px !important;
        min-width: 35px !important;
        background-color: var(--clr-blue);
        border: none !important;
        margin-right: 5px;
        border-radius: 2px !important;
    }

.medium-editor-element {
    overflow: auto;
    outline: none !important;
    padding: 5px;
    border: 1px solid var(--clr-blue);
    min-height: 200px;
}

    .medium-editor-element p {
        font-size: 16px !important;
        margin-bottom: 5px;
    }

    .medium-editor-element div p {
        font-size: 14px !important;
        margin-bottom: 5px;
    }

    .medium-editor-element div b {
        font-weight: 700;
    }

.dvCommunicationLog {
    border: 1px solid var(--clr-bluelight1);
    cursor: pointer;
    color: var(--clr-black);
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    border-radius: 3px;
    margin-top: 5px;
    line-height: 50px;
}

.dvCommunicationLogSel {
    border: 1px solid var(--clr-bluelight1);
    cursor: pointer;
    color: var(--clr-white);
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
    border-radius: 3px;
    margin-top: 5px;
    line-height: 50px;
}

.dvCommunicationCaption {
    font-family: LatoRegular;
    font-size: 12px;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 5px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblNoOfCommu {
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 0px;
    font-weight: 700;
    margin-bottom: 0px;
}

.modalContainer {
    z-index: 1000 !important;
}

.divModalFooterForPopUpSmall {
    border-top: none !important;
    text-align: center;
    padding: 15px 0px 10px 0px;
    bottom: 0;
    width: 100%;
}

.dvCommunicationCaptionSel {
    width: 150%;
    margin-left: -25%;
    top: 3px;
    right: 0;
    font-family: LatoRegular;
    font-size: 10px;
    font-weight: normal;
    margin-top: -10px;
}

.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button {
    margin-left: 0 !important;
    width: 40px;
    height: 40px;
    top: 0 !important;
    background: none;
    font-weight: normal;
    color: var(--clr-blacklight2);
    border-radius: 3px !important;
    background-color: var(--clr-white);
}

    .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:before {
        content: "\f053";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 36px;
        font-weight: normal;
    }

.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button {
    margin-left: 0px !important;
    height: 40px;
    top: 0 !important;
    background: none;
    font-weight: normal;
    color: var(--clr-blacklight2);
    border-radius: 3px !important;
    background-color: var(--clr-white);
}

    .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:before {
        content: "\f054";
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 5px;
        font-size: 14px;
        line-height: 36px;
        font-weight: normal;
    }

.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button {
    margin-right: 15px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    font-style: normal !important;
    display: inline-block;
    line-height: 38px;
    width: auto !important;
    top: 0 !important;
    padding: 0px 6px !important;
    float: left;
    border-radius: 3px !important;
    font-family: LatoRegular;
}

.dvscheduler .dhx_cal_container .dhx_cal_navline .btnSearch {
    margin-left: 0px !important;
}

.dhx_cal_header .dhx_scale_bar .dhx_cal_next_button {
    width: 40px;
    height: 40px;
    background-color: var(--clr-white);
    color: var(--clr-blacklight2);
    box-shadow: none !important;
    transition: all .15s ease;
    border-radius: 0px;
    background: none !important;
    line-height: 48px !important;
    border-left: 1px solid var(--clr-graylight1);
}

.dhx_cal_header .dhx_scale_bar .dhx_cal_prev_button {
    width: 40px;
    height: 40px;
    background-color: var(--clr-white);
    color: var(--clr-blacklight2);
    box-shadow: none !important;
    transition: all .15s ease;
    border-radius: 0px;
    background: none !important;
    line-height: 48px !important;
    border-right: 1px solid var(--clr-graylight1);
}

    .dhx_cal_header .dhx_scale_bar .dhx_cal_next_button:hover,
    .dhx_cal_header .dhx_scale_bar .dhx_cal_prev_button:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

.dhx_cal_header .dhx_scale_bar .dhx_cal_next_button:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px;
    font-size: 20px;
    line-height: 40px;
    font-weight: normal;
}

.dhx_cal_header .dhx_scale_bar .dhx_cal_prev_button:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 40px;
    font-weight: normal;
}

.dhx_after,
.dhx_before {
    color: var(--clr-gray);
}

.dhtmlXTooltip.tooltip {
    font-size: 15px;
    padding: 0px 5px !important;
    border: 1px solid var(--clr-yellow);
    color: var(--clr-black);
    background: var(--clr-yellow);
    font-size: 15px;
    line-height: 20px;
}

    .dhtmlXTooltip.tooltip .lblColorYellow {
        padding: 0px !important;
    }

.dhx_minical_icon {
    background-image: none !important;
}

    .dhx_minical_icon:before {
        background-image: none;
        content: "\f073";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        line-height: 38px;
        padding-left: 7px;
    }

.dhx_marked_timespan {
    overflow: hidden;
    line-height: 150% !important;
}

.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_minical_icon {
    left: 200px !important;
    top: 0 !important;
    height: 40px !important;
    text-align: center;
    margin-left: 7px;
}

.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_AppointmentPrint_button,
.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_ApptRefresh_button,
.dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_StaffConfig_button,
.dvscheduler .dhx_cal_container .dhx_cal_navline .dvWeekView .dvscheduler .dhx_cal_container .dhx_cal_navline .dvDayView {
    right: 0 !important;
    top: 0 !important;
    cursor: pointer;
    min-height: 30px;
    margin-left: 0;
    font-family: LatoRegular;
    font-size: 15px;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    float: right;
    font-weight: normal;
}



.dhx_cal_navline div {
    top: 0 !important;
    float: left;
    position: initial !important;
    box-sizing: border-box !important;
    line-height: 34px !important;
    height: 36px;
    border-radius: 3px !important;
    font-size: 14px;
}

.dhx_cal_navline .SmallMenu {
    top: 0 !important;
    float: none !important;
    position: initial !important;
    box-sizing: border-box !important;
    line-height: 38px !important;
    height: auto !important;
}

.dhx_cal_tab {
    color: var(--clr-blacklight2) !important;
}

.dhx_cal_navline .dvWeekView,
.dhx_cal_navline .dvDayView {
    float: right !important;
    font-family: LatoRegular;
    text-shadow: none !important;
    width: auto !important;
    text-align: center;
    padding: 0px 10px !important;
    font-size: 15px !important;
    cursor: pointer;
    margin: 0;
    background-color: var(--clr-white);
    border: none;
    border-radius: 0px !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 34px;
    font-size: 14px !important;
    font-weight: normal !important;
}

.dvscheduler .dhx_cal_container .dhx_cal_navline .active {
    color: var(--clr-black) !important;
    background-color: var(--clr-white);
    border-bottom: 5px inset var(--clr-greendark1) !important;
    font-family: LatoRegular;
    text-align: center;
    outline: none !important;
    font-weight: 700;
    cursor: pointer;
    font-size: 15px;
    white-space: nowrap;
    vertical-align: middle;
    height: 34px !important;
    min-width: 40px;
    line-height: 34px !important;
    font-weight: bold !important;
}

    .dvscheduler .dhx_cal_container .dhx_cal_navline .active:hover {
        /*font-weight: bold !important;*/
        /*background-color: var(--clr-graylight2) !important;
        color: var(--clr-black);*/
        border-radius: 0px 3px 3px 0px !important;
    }

.dhx_cal_navline .dvWeekView {
    border-radius: 0px 3px 3px 0px !important;
}

.dhx_cal_navline .dvDayView {
    border-radius: 3px 0px 0px 3px !important;
    border-right: 1px solid var(--clr-graylight1) !important;
}

.dhx_cal_navline .dvWeekView:hover {
    color: var(--clr-black);
    font-weight: 700;
}

.dhx_cal_navline .dvDayView:hover {
    color: var(--clr-black);
    font-weight: 700;
}

.dhx_cal_navline .dvWeekDayView {
    border: 1px solid var(--clr-graylight1);
    box-shadow: 0 0 2px var(--clr-graylight1);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .dhx_cal_navline .dvWeekDayView:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
        margin-top: 5px !important;
        height: 36px !important;
    }

.dhx_cal_navline .dvDayView {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: 1px solid var(--clr-graylight1) !important;
}

/*.dhx_cal_navline .dvWeekView {
    border: none !important;
}*/
.dhx_cal_navline {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0px !important;
}

    .dhx_cal_navline .dhx_cal_date {
        top: 0 !important;
        font-family: LatoRegular;
        color: var(--clr-black);
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        font-size: 14px !important;
        z-index: 0 !important;
    }

.dvCalendarToday .dhx_cal_date {
    color: var(--clr-red) !important;
}

/*---------------Copied From Sample-----------------------------------*/
.dhx_cal_event {
    background-color: rgba(241, 242, 249, 0.6);
    border: 1px solid var(--clr-graylight1);
    overflow: hidden;
    font-size: 12px;
    border-radius: 3px !important;
    cursor: pointer;
}

    .dvApptBookedonDiffClinics.multi,
    .dhx_cal_event.multi {
        margin-left: -5px;
    }

    .dhx_cal_event.multi-resource,
    .dvApptBookedonDiffClinics.multi-resource {
        margin-left: -5px;
        width: 99.5% !important;
    }

.dhx_cal_event_line_start {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.dhx_cal_event .event-border {
    height: 100%;
    left: 0;
    top: 0;
    width: 5px;
    background: var(--clr-red);
    position: absolute;
}

.dhx_cal_event div .dhx_cal_select_menu div {
    border: 0;
    background-color: transparent;
    color: var(--clr-black);
}

.dhx_cal_event .my_event_body {
    font-family: LatoRegular;
    padding-top: 1px;
    padding-left: 8px;
}

.my_event_body_right {
    padding-right: 2px;
}

.my_event_resize {
    height: 3px;
    position: absolute;
    bottom: -1px;
}

.my_event_move {
    position: absolute;
    top: 0;
    height: 100%;
}

.dhx_cal_event_MultiAppt,
.dhx_cal_event_Closed {
    max-width: 80% !important;
}
/*--------------------------------------------------*/
.dhx_year_week .dhx_scale_bar {
    height: 25px !important;
    min-height: 25px !important;
}

.dhx_cal_header,
.dhx_cal_navline,
.dhx_scale_bar,
.dhx_scale_hour {
    color: var(--clr-black);
    font-family: LatoRegular;
}

/*.dhx_scale_hour{
   background:transparent;
}*/
/*.dhx_scale_bar .dhx_second_scale_bar,
    .dhx_scale_bar .first-section-class {
        border-left-color: var(--clr-blacklight2);

    }*/
.dhx_scale_holder {
    border-right: 1px solid var(--clr-graylight1);
}

    .dhx_scale_holder .last-section-class {
        border-right: 1px solid var(--clr-blacklight1);
    }

        .dhx_scale_holder .last-section-class .last-column {
            border-right-color: var(--clr-graylight2);
        }


.dhx_scale_bar .last-section-class .first-column,
.first-column + .dhx_scale_bar {
    border-left-color: var(--clr-graylight2);
}

.highlighted_timespan {
    background-color: var(--clr-bluelight1);
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    z-index: 0;
}

.disabled_time {
    background-color: rgba(182, 182, 182, 0.6);
    color: var(--clr-blacklight1);
    font-size: 12px !important;
}

.dhx_scale_hour_main {
    float: left;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
}

.dhx_scale_hour_minute_cont {
    float: left;
    position: relative;
    text-align: right;
}

.dhx_scale_hour_minute_top, .dhx_scale_hour_minute_bottom {
    font-size: 10px;
    padding-right: 5px;
}

.dhx_scale_hour_sep {
    position: absolute;
    height: 1px;
    background-color: var(--clr-graylight2);
    right: 0;
    top: 20px;
    width: 20px;
}

.btnAddNewAppt {
    min-height: 20px;
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    padding: 1px 3px;
    cursor: pointer;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 7px;
    outline: none !important;
    border-radius: 0 !important;
    height: 29px !important;
}

.dhx_scale_holder_now {
    background-image: url("dhtmlxscheduler/imgs_dhx_terrace/databg.png") !important;
}

.dhx_scale_bar .dhx_second_scale_bar, .dhx_scale_bar .first-section-class {
    border-left-color: var(--clr-graylight2) !important;
}

.dhx_scale_bar {
    font-size: 14px !important;
    background-color: transparent !important;
    white-space: nowrap;
    overflow: hidden;
}

.dhx_cal_header .dhx_second_scale_bar {
    font-size: 14px !important;
    background-color: transparent !important;
}

.dhx_cal_header .last-section-class {
    background-color: transparent !important;
}

.dhx_scale_bar.dhx_second_scale_bar {
    text-align: left;
    padding-left: 0px;
    text-align: center !important;
}

.dhx_scale_bar {
    min-height: 48px !important;
}

.dhx_second_scale_bar {
    height: 55px !important;
}

.dhx_scale_bar .last-section-class .first-column, .first-column + .dhx_scale_bar {
    border-left-color: var(--clr-graylight2);
}

.dhx_cal_data .dhx_scale_holder.last-section-class:not(:last-child),
.dhx_cal_data .dhx_scale_holder_now.last-section-class:not(:last-child) {
    border-right: 1px solid var(--clr-purpledark2) !important;
    /*purplelight2dull2*/
}

.dhx_cal_data .dhx_scale_holder.last-section-class.last-column {
    border-right: 1px solid var(--clr-graylight1) !important;
}

.dhx_cal_header div {
    line-height: 53px !important;
}

.dhx_cal_header .lblResourceName {
    line-height: 20px !important;
    margin-bottom: 0px !important;
    min-height: 55px !important;
    background-color: white;
}

/*.dhx_cal_event {
  z-index: 1;
  cursor: pointer;
}
.highlighted_timespan {
  background-color: #87cefa;
  opacity:0.5;
  filter:alpha(opacity=50);
  cursor: pointer;
  z-index: 0;
}*/
.lblSchedularDate {
    font-size: 28px;
    font-weight: normal;
    line-height: 15px;
}

.dhx_cal_header .dhx_now_time,
.dhx_cal_header .lblCurrentDateWeek {
    color: var(--clr-red) !important;
}

.dhx_now_time {
    color: var(--clr-red) !important;
}

.dhx_cal_event .dhx_title {
    border-width: 0 1px 0;
    display: none !important;
}

.Calender_AptContent_PrimaryClass {
    height: 100%;
    left: 0;
    top: 0;
    width: 5.5px;
    position: absolute;
}

.Calender_AptContent_ScheduledStatusClass {
    background: var(--clr-bluelight1) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_WaitingStatusClass {
    background: var(--clr-orange) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_EngagedStatusClass {
    background: var(--clr-red) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_CheckedOutStatusClass {
    background: var(--clr-green) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_CancelledStatusClass {
    background: var(--clr-graylight1) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_NoShowStatusClass {
    background: var(--clr-black) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_BoookedOtherClinic {
    background: var(--clr-graylight2) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_ConfirmedStatusClass {
    background: var(--clr-purplelight3) !important;
    border-radius: 3px 0px 0px 3px;
}

.Calender_AptContent_StatusClassDue {
    height: 100%;
    right: 0;
    top: 0;
    width: 3px;
    position: absolute;
    background: var(--clr-red) !important;
    border-radius: 0px 3px 3px 0px;
}

/*Added By HS: This hides the disabled option in Select2 component using CSS*/
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

/*.dvCalendarToday {
    background: $clrYellow !important;
}*/
/*Login CSS*/
.loginpagelogo {
    float: left;
}

.loginpageleftimage {
    max-width: 100%;
}

.ContainerLeft {
    padding-left: 0;
    float: left;
}

.lblError {
    color: var(--clr-red) !important;
    font-family: LatoRegular;
    font-size: 11px;
    padding: 0;
    margin: 0;
}

.footermargin {
    margin-top: auto;
}

.dvfooter {
    margin-top: 50px;
    border-top: 1px solid var(--clr-graylight1);
    font-size: 11px;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    a:focus {
        text-decoration: none;
    }

.dvWithOutScreen {
    margin-left: -5000px;
    margin-top: 2000px;
    position: absolute;
}

.dvWithOutScreen2 {
    margin-left: -5000px;
    margin-top: 2000px;
}

.navbar {
    padding: 0rem;
    padding-bottom: 0 !important;
    border-radius: 0 !important;
    padding-left: .4rem;
    line-height: 0 !important;
    padding-top: 0rem;
    height: 45px !important;
}

.dvMenuContainerLeft {
    padding-top: 7px;
    padding-bottom: 7px;
    float: left !important;
    text-align: left;
}

.dvMenuContainerRight {
    padding-top: 7px;
    padding-bottom: 7px;
    float: right !important;
    text-align: right;
    padding-right: 10px;
}

.bg-primary {
    background-color: var(--clr-purplelight3) !important;
    /*background-color: transparent !important;
    background-image: linear-gradient( 135deg,$clrPurplelight1 0, $clrBluelight1 100%);*/
}

.navbar-nav .nav-link {
    display: block;
    padding: .3rem;
    padding-top: .3rem !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    border-radius: 0 !important;
}

.navbardefault {
    background-color: var(--clr-blue);
    border-radius: 0 0 0 0;
}

.navbar-nav .navitem {
    margin-left: 1rem;
    margin-top: 5px !important;
}

.navbar-default {
    background-color: var(--clr-graylight2);
    border-color: var(--clr-graylight2);
}

    .navbar-default .nav > li > a {
        color: var(--clr-white);
        font-size: 16px;
        font-family: LatoRegular;
    }

        .navbar-default .nav > li > a:active {
            color: var(--clr-black);
            border-radius: 5px 5px 0 0;
            background-color: var(--clr-white);
        }

        .navbar-default .nav > li > a:focus {
            color: var(--clr-black);
            border-radius: 5px 5px 0 0;
            background-color: var(--clr-white);
        }

    .navbar-default .navbar-nav > li > a:hover {
        color: var(--clr-black);
        border-radius: 5px 5px 0 0;
        background-color: var(--clr-white);
        border: none;
    }

    .navbar-default .navbar-nav > li:active {
        border-radius: 5px 5px 0 0;
        border: none;
    }

    .navbar-default .navbar-nav > li:focus {
        border-radius: 5px 5px 0 0;
        border: none;
    }

.btnToolsMainMenu:hover {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: var(--clr-white);
    border-radius: 5px 5px 0 0;
    color: var(--clr-black) !important;
    text-decoration: none !important;
}

    .btnToolsMainMenu:hover .lblVideoIconMenuWhite {
        color: var(--clr-red) !important;
    }

/*.btnToolsMainMenu.open > .nav-link {
    -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-top-left: 5px;
        -moz-border-radius-top-right: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-radius: 5px 5px 0 0!important;
        color: var(--clr-black) !important;
        text-decoration: none !important;
}*/
.btnToolsMainMenu .nav-link {
    color: rgba(255,255,255,.7) !important;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-family: LatoRegular;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 14px !important;
}

.btnToolsMainMenu:hover .nav-link {
    background-color: var(--clr-white) !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 5px 5px 0 0 !important;
    text-decoration: none !important;
}

.btnToolsMainMenu:hover a {
    color: var(--clr-black) !important;
}

.navbar-default .navbar-collapse .dropdown-menu li a {
    color: var(--clr-white);
}

.navbar-default .navbar-collapse .dropdown-menu li:hover .navbar-default .nav > li {
    border-radius: 5px 5px 0 0;
}

.dvShortInfoMenu {
    margin-top: 45px !important;
    position: fixed;
    top: 0;
    right: 5px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    height: 110px;
    min-width: 200px;
}

.dvShortInfoMenuCon {
    background-color: var(--clr-graylight1);
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

    .dvShortInfoMenuCon .line {
        padding: 7px 3px 20px !important;
        font-size: 16px !important;
        color: var(--clr-white) !important;
        width: 100%;
        clear: both;
        line-height: 30px;
    }

        .dvShortInfoMenuCon .line .btn-SignOut {
            padding: 3px 20px 4px !important;
            font-size: 14px !important;
            background-color: var(--clr-greendark1);
            color: var(--clr-white) !important;
            line-height: 20px;
            border-radius: 3px;
        }

.dvShortInfoMenuConnected {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid var(--clr-graylight1);
    margin-left: 90%;
    width: 0;
}

.navbar-nav .nav-item {
    margin-left: 4px !important;
    margin-top: 5px !important;
    margin-right: 0px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    color: rgba(255,255,255,.7);
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    float: left;
    text-decoration: none !important;
}

    .navbar-nav .nav-item:hover {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: var(--clr-white);
        border-radius: 5px 5px 0 0;
        color: var(--clr-black) !important;
        text-decoration: none !important;
    }

.navbar-light .navbar-nav .nav-link {
    color: var(--clr-white);
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    cursor: pointer;
    font-family: LatoRegular;
    padding-top: 0px !important;
}

.navbar-toggler {
    outline: none !important;
    height: 2.3em;
    background-size: 30px;
    background: none !important;
    background: none;
    background-image: none !important;
}

    .navbar-toggler:before {
        content: "\f0c9";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 28px;
        line-height: 35px;
        color: var(--clr-white);
    }

.customCollapse {
    display: block;
}

.navbar-light .navbar-nav .nav-link .dropdown-toggle:hover {
    text-decoration: none !important;
}

.dvUserNameMenu {
    float: right;
    font-family: LatoRegular;
    margin-right: 3px !important;
    margin-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: var(--clr-white);
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    text-decoration: none !important;
    margin-left: 0px !important;
}

    .dvUserNameMenu a {
        font-size: 14px !important;
    }

/*customized navbar*/
.btnMainMenuSelected {
    background-color: var(--clr-white);
    border-radius: 5px 5px 0 0 !important;
    text-decoration: none !important;
    color: var(--clr-black) !important;
    font-size: 16px;
    float: left;
    line-height: 40px;
    font-family: LatoRegular;
    cursor: pointer !important;
}

    .btnMainMenuSelected .nav-link {
        color: black !important;
        padding: 0px !important;
    }

    .btnMainMenuSelected:hover {
        text-decoration: none !important;
    }

.resNavbarBrandLogo {
    display: none;
}

.navbar .navbar-brand {
    margin-top: 2px !important;
    margin-right: 4px !important;
}

    .navbar .navbar-brand img {
        height: 32px !important;
    }

.dvHashColorBox {
    outline: none !important;
    height: 36px !important;
    max-width: 100px !important;
    padding-left: 5px;
    border: 1px solid var(--clr-graylight1);
    border-radius: 3px !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999;
    display: none;
    float: left;
    min-width: 170px;
    padding: 0 0;
    margin: 0 !important;
    font-size: 1rem;
    color: var(--clr-gray);
    text-align: left;
    list-style: none;
    background-color: var(--clr-white);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid var(--clr-gray);
    border-radius: 0rem;
}

.dvCalenderMenuContainer {
    position: relative !important;
    z-index: 9999999999;
}

.dropdown-item {
    padding-left: 10px !important;
    cursor: pointer;
    font-size: 14px;
    font-family: LatoRegular;
    line-height: 25px;
}

.dropdown-item-Seperator {
    cursor: pointer;
    font-size: 14px;
    font-family: LatoRegular;
    line-height: 25px;
    padding: 0px !important;
}

.dvCasesheetSmallMenu .dropdown-item {
    padding-left: 10px !important;
    cursor: pointer;
    font-size: 14px;
    font-family: LatoRegular;
    line-height: 25px;
    padding: 0px !important;
}

.dropdown-item-inner {
    padding: 0px !important;
    border: none !important;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

    .dropdown-item-inner:hover {
        color: var(--clr-white) !important;
    }

.dropdown-item-inner-Seperator {
    height: 1px;
    padding: 0px !important;
    border-bottom: 1px solid var(--clr-black);
    width: 100%;
}

.dropdown-item:hover {
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0rem !important;
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
}
.dropdown-item.dropdown-online:hover .lblColorBlue {
    color: var(--clr-white) !important;
    text-decoration: underline !important;
}
.dvHomeMenuContainer .dropdown-item {
    border-bottom: 1px solid var(--clr-graylight1) !important;
    background-color: var(--clr-white) !important;
    color: var(--clr-black) !important;
}

    .dvHomeMenuContainer .dropdown-item:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
    }

.dottedMenuWhiteBGCalContainer .dropdown-item:hover {
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
}
.dropdown-item.dropdown-online {
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 1px solid var(--clr-graylight1);
}
    .dropdown-item.dropdown-online .mark-online {
        color: var(--clr-bluelight1dull2) !important;
    }
.btnSelectedOption {
    background-color: var(--clr-blue) !important;
    color: var(--clr-white) !important;
}

    .btnSelectedOption:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f00c";
        font-size: 18px;
        margin-right: 5px;
    }

.btnNonSelectedOption {
    color: var(--clr-black);
}

.toolsDropdownMenu {
    border: 1px solid rgba(182, 182, 182, 0.6);
    border-top: none !important;
}

.ulMyProfileMenu {
    right: 0;
    left: auto;
    margin-top: 0 !important;
    padding-top: 0;
    border: 1px solid rgba(182, 182, 182, 0.6);
    border-top: none !important;
}

    .ulMyProfileMenu li {
        font-size: 13px !important;
    }
        .ulMyProfileMenu li.signout {
            color: var(--clr-red) !important;
            font-weight: bold!important;
        }
.imgPatient {
    font-size: 14px;
    line-height: 25px;
    font-family: LatoRegular;
    margin: 0;
    padding: 0;
    border: none;
    color: var(--clr-white);
    background-color: var(--clr-orangedark1);
    text-align: center;
    cursor: pointer;
    clear: both;
    width: 88%;
}

/*customized Modal popup for Page*/
.mainmodalcontainer {
    z-index: 0 !important;
    margin-top: 45px !important;
    background-color: var(--clr-white);
}
/*Used for when page is open inside Modal*/
.mainmodalPagecontainer {
    z-index: 0 !important;
    margin-top: 45px !important;
    background-color: rgba(182, 182, 182, 0.6);
}

    .mainmodalPagecontainer.main {
        margin-top: 0px !important;
    }

.mainmodalcontainerImage {
    z-index: 0 !important;
    margin-top: 0px !important;
    background-color: var(--clr-white);
}

/*customized Iframe*/
.custom_frame {
    width: 100%;
    border: none;
}

.dvBackgroundWhite {
    background-color: var(--clr-white) !important;
}

.dvBackgroundGray {
    border-radius: 3px;
    width: 100%;
}

.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.dvListBoxFixedHeight {
    border: 1px solid var(--clr-pink);
}

.dvListBoxFixedHeightSmall {
    border: 1px solid var(--clr-graylight2);
}

.dvListBoxFixedHeightSmallGreen {
    border: 1px solid rgba(46, 204, 113, 0.5);
}

.dvListBoxFixedHeightSmallPink {
    border: 1px solid rgba(248, 201, 196, 0.5);
}

.dvListBoxFixedHeightSmallOrange {
    border: 1px solid var(--clr-orangedull1);
    padding: 3px !important;
}

.dvbootList > .list-group {
    border: 1px solid var(--clr-gray);
    overflow-y: auto;
}

.dvList {
    border: 1px solid var(--clr-gray);
    overflow-y: auto;
    padding: 0px !important;
}

.dvbootListNonFixed > .list-group {
    border: 1px solid var(--clr-gray);
    overflow-y: auto;
}

.dvbootListNonFixed .list-group .list-group-item .dvbootList .list-group .list-group-item {
    margin-bottom: 0;
    border: none !important;
    border-bottom: 1px solid var(--clr-gray) !important;
}

.dvbootListNonFixed .list-group .list-group-item .dvbootList .list-group .list-group-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    font-size: 1rem;
    background-color: var(--clr-white);
    padding: 0.3rem;
    cursor: pointer;
    color: var(--clr-black);
    font-family: LatoRegular;
}

.dvbootListNonFixed > .list-group > .list-group-item:hover,
.dvbootList > .list-group > .list-group-item:hover {
    background-color: var(--clr-bluelight1);
}

.AddBookContainer {
    z-index: 0 !important;
    transition: none !important;
}

.modal-backdrop .in {
    opacity: 0 !important;
    transition: none !important;
    display: none;
}

/*.modal {
    background-color: $clrGraylight2dull1;
}*/
.modal-content {
    border-radius: 0 !important;
}

.dvMidModalPopUpSmall {
    top: 30px;
    min-height: 150px;
    padding: 10px 0;
    background-color: var(--clr-white);
    border-left: 1px solid var(--clr-graylight1) !important;
    border-right: 1px solid var(--clr-graylight1) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    border-radius: 0 !important;
    margin: 5px auto !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.dvMidModalPopUp {
    top: 0 !important;
    min-height: 200px;
    padding: 0;
    background-color: var(--clr-white);
    border-left: 1px solid var(--clr-graylight1) !important;
    border-right: 1px solid var(--clr-graylight1) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.dvMidModalPopUpNew {
    top: 0 !important;
    min-height: 200px;
    padding: 0;
    background-color: var(--clr-white);
    border-left: 1px solid var(--clr-graylight1) !important;
    border-right: 1px solid var(--clr-graylight1) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    padding: 0px;
    padding-bottom: 0px !important;
}

    .dvMidModalPopUpNew .modal-header {
        border-bottom: none !important;
        padding: 15px;
        padding-bottom: 0 !important;
        border-bottom: 1px solid var(--clr-graylight1dull2) !important;
        margin-bottom: 10px !important;
    }

    .dvMidModalPopUpNew .modal-body {
        border-bottom: none !important;
        padding: 15px;
        padding-bottom: 0 !important;
    }

.dvmodalbody {
    padding: 0px !important;
}

.dvMidModalPopUpNew .modal-footer {
    border-top: none !important;
    text-align: center;
    padding: 10px 15px !important;
    width: 100%;
    -webkit-backface-visibility: hidden;
    border-top: 1px solid var(--clr-graylight1dull2) !important;
}

.dvMidModalPopUpNew .dvPopUpModalBody {
    padding-top: 0;
    padding-left: 35px !important;
    padding-bottom: 0;
    padding-right: 35px !important;
}

.modal-backdrop.in {
    opacity: 0 !important;
    display: none;
}

.globalmodaldialogCommon {
    max-width: 100% !important;
    /*background-color: var(--clr-gray);*/
    margin: .0rem;
    width: auto !important;
}

.divModalHeaderForPopUp {
    border-bottom: none !important;
    padding-top: 15px;
    padding-bottom: 2px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid var(--clr-graylight1dull2) !important;
    margin-bottom: 10px !important;
}

.dvDisplaySameLine {
    display: flex !important;
}

.dvPopUpModalBody {
    padding-top: 0;
    padding-left: 50px;
    padding-bottom: 0;
    padding-right: 50px;
}

    .dvPopUpModalBody.reportCom {
        height: 68vh;
    }

    .dvPopUpModalBody.height {
        height: 85px;
    }

    .dvPopUpModalBody.alignment {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

.dvPopUpModalBodyCenter {
    padding-top: 0;
    padding-left: 50px;
    padding-bottom: 0;
    padding-right: 50px;
    /*display: inline-block;*/
    text-align: center;
}

.dvModalBody {
    padding-top: 0;
}

.dvPopUpSmallModalBody {
    padding: 0;
}

.dvPopUpSmallModalCon {
    padding-bottom: 0px !important;
}

.dvModalBodyBottomNone {
    padding-bottom: 0px !important;
}

.dvPopUpModalApptBody {
    padding-top: 0;
    padding: 0 25px;
}

.lblNotifications {
    float: left;
    margin-right: 2px;
}

.divModalFooterForPopUp {
    border-top: none !important;
    text-align: center;
    padding: 10px 15px !important;
    bottom: 0;
    width: 100%;
    clear: both;
    -webkit-backface-visibility: hidden;
    border-top: 1px solid var(--clr-graylight1dull2) !important;
}

.divModalFooterForPopUpAppt {
    padding: 10px 15px !important;
    border-top: 1px solid var(--clr-graylight1dull2) !important;
}

.modalConfirm {
    background-color: rgba(182, 182, 182, 0.6);
    padding-top: 10%;
}

    .modalConfirm > .modal-dialog > .modal-content > .modal-header {
        background-color: var(--clr-graylight2);
        padding-bottom: 0;
        padding: 0 0 3px 4px;
        border: none !important;
    }

    .modalConfirm .modal-content {
        border: 4px solid var(--clr-graylight2) !important;
        border-radius: 2px !important;
    }

    .modalConfirm > .modal-dialog > .modal-content > .modal-header > .modal-title {
        font-size: 13px;
        padding-bottom: 0;
    }

        .modalConfirm > .modal-dialog > .modal-content > .modal-header > .modal-title .lblTitle {
            font-size: 18px;
        }

        .modalConfirm > .modal-dialog > .modal-content > .modal-header > .modal-title .lblTitleBlink {
            font-size: 26px;
            line-height: 3px;
            font-weight: bold;
            color: red;
            padding-left: 5px;
        }

    .modalConfirm > .modal-dialog > .modal-content > .modal-header > .close {
        color: var(--clr-black) !important;
        font-size: 17px !important;
        margin-right: 5px !important;
    }

    .modalConfirm > .modal-dialog > .modal-content > .modal-body {
        text-align: center;
        font-family: LatoRegular;
        padding-top: 15px;
        clear: both;
        margin-bottom: 20px;
    }

    .modalConfirm > .modal-dialog {
        width: 35%;
        height: 20%;
    }

        .modalConfirm > .modal-dialog > .modal-content > .modal-footer {
            text-align: center;
            width: 100%;
            border-top: none !important;
            clear: both;
            padding: 6px;
        }

.chzn-container-single {
    min-width: 90px !important;
}

.chzn-single {
    border-radius: 0 !important;
    height: 29px !important;
}

.chzn-drop {
    border-radius: 0 !important;
    min-width: 88px !important;
}

.chzn-search input[type="text"] {
    min-width: 53px !important;
}

.btn-success {
    color: var(--clr-white);
    background-color: var(--clr-green);
    border-color: var(--clr-green);
}

.toggle {
    height: 22px !important;
}

.btn-default {
    color: var(--clr-white);
    background-color: var(--clr-white);
    border-color: var(--clr-gray) !important;
}

.toggle-off {
    color: var(--clr-black);
    background-color: var(--clr-graylight2);
    border-color: var(--clr-gray) !important;
}

    .toggle-off:hover {
        color: var(--clr-black);
    }

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.dvBigModalPopUp {
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dvHeight100 {
    height: 100%;
}

.ExtraHeightTextArea {
    height: 200px !important;
}

.InputLabRangeFieldAbnormal,
.emGlobalInputFieldAbnormal,
.emGlobalInputFieldAbnormalLab {
    font-family: LatoRegular;
    color: var(--clr-reddark1) !important;
    font-weight: 700 !important;
}

.modal-scrollfix .modal-scrollfix {
    overflow-y: auto;
}

.dvSearchCont {
    margin-left: 0;
    width: 100%;
    /*box-shadow: 0 1px 2px 0 $clrBlackdull1;*/
}

    .dvSearchCont div {
        border-top: 1px solid var(--clr-graylight1);
        border-bottom: 1px solid var(--clr-graylight1);
        border-right: 1px solid var(--clr-graylight2) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: 36px !important;
    }

    .dvSearchCont .PDatetimePickerContainer .input-group,
    .dvSearchCont .PDatetimePickerContainer {
        border: none !important;
        min-height: 30px !important;
    }

    .dvSearchCont div:first-child {
        border-left: 1px solid var(--clr-graylight1);
        border-radius: 3px 0px 0px 3px;
    }

        .dvSearchCont div:first-child input {
            border-radius: 3px 0px 0px 3px !important;
        }

    .dvSearchCont .btnSearch,
    .dvSearchCont .btnLoading {
        border-radius: 0px 3px 3px 0px !important;
    }

    .dvSearchCont .btnLoading {
        /*color: var(--clr-blacklight2);
        background-color: var(--clr-graylight2dull1New) !important;
        border: 1px solid var(--clr-gray) !important;*/
    }

        .dvSearchCont .btnLoading:before {
            /*margin-left: 10px !important;*/
            color: var(--clr-blacklight2) !important;
            background-color: transparent;
            border: none !important;
        }

    .dvSearchCont div div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: none !important;
        /*height: 34px !important;*/
        min-height: 34px !important;
    }

    .dvSearchCont .FlyOutSearchBtnNew,
    .dvSearchCont div:last-child {
        border: none !important;
    }

    .dvSearchCont .FlyOutSearchBtnNew {
        width: auto !important;
    }

    .dvSearchCont .divAddNewCircleButtonContainer,
    .dvSearchCont .divAddNewButtonContainer {
        height: 34px !important;
        padding-left: 15px !important;
    }

    .dvSearchCont div .toggle,
    .dvSearchCont div .toggle-group {
        border: 1px solid var(--clr-graylight1) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: 30px !important;
    }

    .dvSearchCont div .toggle {
        border-left: 1px solid var(--clr-graylight1) !important;
        border-top: none !important;
        border-right: 1px solid var(--clr-graylight1) !important;
        border-bottom: 0 !important;
    }

.toggle.btn-xs {
    min-height: 30px !important;
}

.dvSearchCont .dvOptionToggle {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 10px !important;
}

    .dvSearchCont .dvOptionToggle:first-child {
        min-height: 10px !important;
    }

.dvOptionToggleWidth {
    min-width: 150px;
    margin-top: 8px;
}

.dvSearchCont input {
    border: none;
    height: 34px !important;
    border-radius: 0px !important;
}

.dvAddVitals {
    border-radius: 3px !important;
    float: left;
    cursor: pointer;
}

.dvNormalAllergyPreg {
    padding: 0;
    background-color: transparent;
    color: var(--clr-whitedull1);
}

.dvAddVitals:before {
    margin-right: 0 !important;
    line-height: 16px !important;
    color: var(--clr-white) !important;
}

.dvAllergyPreg:before,
.dvAddVitals:before {
    font-weight: normal;
    color: var(--clr-greendark1);
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    font-size: 14px;
    line-height: 14px;
    margin-right: 5px;
}

.dvApptRowForSearch div {
    border-radius: 3px 0px 0px 3px !important;
}

/*.dvSearchCont .dvSearchDateContainer {
    border-right: none !important;
}*/

.lblPreWrapt {
    white-space: pre-wrap;
    width: fit-content;
    float: left;
}

.imgAnotationTemp {
    background-color: transparent !important;
}

.ContainerDisabled,
input[type=number]:disabled,
input[type=password]:disabled,
textarea:disabled,
input[type=text]:disabled {
    background: var(--clr-graylight2) !important;
    cursor: no-drop;
    pointer-events: none;
}

    .ContainerDisabled::before {
        color: rgba(0, 0, 0, 0.5) !important;
    }

button[type=button]:disabled {
    /*background: var(--clr-graylight1) !important;*/
    cursor: no-drop;
    pointer-events: none;
}

.dvSearchCont .select2-selection,
.dvSearchCont .chzn-container-single .chzn-single,
.dvSearchCont input[type="text"],
.dvSearchCont input[type="number"],
.dvSearchCont input[type="search"],
.dvSearchCont select {
    background-color: var(--clr-white) !important;
    border: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .dvSearchCont .dvFormControlContainertxt .searchTextBox:active,
    .dvSearchCont .dvFormControlContainertxt .searchTextBox:focus,
    .dvSearchCont .dvFormControlNotFirst:active,
    .dvSearchCont .dvFormControlNotFirst:focus,
    .dvSearchCont input[type="text"]:active,
    .dvSearchCont input[type="password"]:active,
    .dvSearchCont input[type="number"]:active,
    .dvSearchCont input[type="numeric"]:active,
    .dvSearchCont input[type="text"]:focus,
    .dvSearchCont input[type="number"]:focus,
    .dvSearchCont input[type="numeric"]:focus,
    .dvSearchCont input[type="search"]:focus {
        outline: none;
        box-shadow: inset 0 0 0 0.15rem var(--clr-purplelight3) !important;
        border-color: var(--clr-purplelight3) !important;
    }

.dvSearchCont .select2-selection,
.dvSearchCont .select2:active,
.dvSearchCont .select2-container:active,
.dvSearchCont .select2:focus {
    height: 34px !important;
}

.dvBottomGap {
    height: 10px;
}

.lblGridColumnSmallWhite,
.lblCaptionMdlHeader,
.lblPageHeaderWhiteEMRSearch,
.lblPageHeader,
.lblReportPageHeaderWhite,
.lblReportPageHeaderWhiteSmall,
.lblSubPageHeader,
.lblSubHeaderCaption,
.lblSubHeaderAnim,
.lblSubPageHeaderNormal,
.lblPageHeaderAnim {
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    margin: 0;
    float: left;
    font-weight: normal;
}
/*Used for Page Title with description like Bill Details invoice no*/
.lblFontHeader .description {
    font-size: 20px;
    padding: 0 !important;
    line-height: 2.5rem;
}

.lblReportPageHeaderWhite {
    font-size: 22pt;
    color: var(--clr-white);
    float: none !important;
    padding-right: 0;
    line-height: 25px !important;
}

.lblReportPageHeaderWhiteSmall {
    font-size: 20px;
    color: var(--clr-white);
    padding: 0 0 0 10px;
    margin-top: 0px !important;
    float: none !important;
}

.lblSubPageHeaderNormal,
.lblPageHeader,
.lblPageHeaderAnim,
.lblSubHeaderCaption,
.lblSubHeaderAnim,
.lblSubPageHeader {
    padding: 0;
    color: var(--clr-blacklight1);
    font-weight: normal;
}

.lblPageHeader {
    font-size: 23pt;
    line-height: 30px;
}

.lblSubPageHeaderNormal {
    font-size: 20pt;
    line-height: 30px;
}

.lblSubPageHeader {
    font-size: 20pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblSubHeaderCaption,
.lblSubHeaderAnim,
.lblPageHeaderAnim {
    font-size: 24pt;
    padding-left: 0;
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
    line-height: 36px;
}

.lblSubHeaderCaption,
.lblSubHeaderAnim {
    font-size: 16px !important;
    animation-name: fadeIn;
    animation-duration: 3s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 3s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 3s;
    font-family: LatoRegular;
    font-weight: 700;
}

.lblGridColumnSmallWhite {
    font-size: 15px;
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--clr-white);
    padding: 0;
}

.lblCaptionMdlHeader {
    font-size: 17pt;
    color: var(--clr-white);
    padding: 0.3rem 0.3rem 0.1rem 0rem;
    padding-bottom: 10px !important;
}

.lblPageHeaderWhiteEMRSearch {
    font-size: 20pt;
    color: var(--clr-white);
    padding: 0;
    padding-left: 5px;
    line-height: 30px;
}

.dvFlyoutWhiteBG {
    background-color: var(--clr-white);
}

.btnGrayEdit {
    background-color: transparent;
    border: 0 solid var(--clr-graylight2);
    cursor: pointer;
    height: 20px;
    width: 20px;
}

output {
    position: absolute;
    background-image: -moz-linear-gradient(top, var(--clr-purplelight2), var(--clr-purplelight2));
    background-image: -o-linear-gradient(top, var(--clr-purplelight2), var(--clr-purplelight2));
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--clr-purplelight2)), to(var(--clr-purplelight2)));
    background-image: -webkit-linear-gradient(top, var(--clr-purplelight2), var(--clr-purplelight2));
    width: 40px;
    height: 30px;
    text-align: center;
    color: var(--clr-white);
    border-radius: 10px;
    display: inline-block;
    line-height: 30px;
    font-weight: 700;
    bottom: 175%;
    left: 0;
    margin-left: -1%;
}

    output::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 10px solid var(--clr-purplelight2);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        margin-top: -1px;
    }

.feedback {
    border-left-style: solid;
    border-left-width: 1px;
    width: 33px;
    height: 12px;
    float: left;
    margin-top: -36px;
}

.lblEmailPatHis {
    background-color: var(--clr-red);
    color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblSMSPatHis {
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblCallInPatHis {
    background-color: var(--clr-bluelight1);
    color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblCallOutPatHis {
    background-color: var(--clr-green);
    color: var(--clr-white);
}

/*Use on CtrlPatPastData_v1*/
.lblNotesPatHis {
    background-color: var(--clr-orange);
    color: var(--clr-black);
}

.lblGridFristColumnOutOfStock {
    color: var(--clr-white);
    border-left: 4px solid var(--clr-reddark1);
    padding-left: 5px;
}

.dvCustomWidth .dvCustomiseColm {
    width: 33% !important;
}

.updateTemplateGrid {
    max-height: 400px;
    overflow: auto;
    border: 1px solid var(--clr-graylight2);
    border-top: none !important;
}

.btnCopyText:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0c5";
    font-size: 20px;
    line-height: 29px;
    margin-right: 6px;
}

.dvClinicalGroupGrid {
    border: 1px solid var(--clr-graylight2);
    min-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
/*Used for Gap*/
.divFormSubHeaderBetweenGap {
    height: 30px;
    width: 100%;
}
/*Used for Gap*/
.divFormGridBetweenGapSmall {
    height: 3px;
    width: 100%;
}

.dropdown-menu-right {
    right: 0;
    left: auto !important;
}

.dropdown-menu-left {
    left: 0;
    right: auto !important;
}

.d-flex {
    -webkit-box-pack: end !important;
    -moz-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.p-2 {
    padding: 0 10px;
    line-height: 28px;
}

.dvFlexBoxLeft {
    margin-right: 0px;
    margin-left: 0px;
    float: left;
}

.dvFlexBoxRight {
    margin-left: 0px;
    margin-right: 0px;
    float: right;
}

.btnImageEditorLibrary,
.btnImageEditorAdd,
.btnImageEditorCamera,
.btnImageEditorEdit,
.btnImageEditorCompare,
.btnImageEditorUnpin,
.btnImageEditorRotate,
.btnImageEditorCrop,
.btnImageEditorOptions,
.btnImageEditorClear,
.btnImageEditorAnnotation,
.btnImageEditorRectangle,
.btnImageEditorLine,
.btnImageEditorPin,
.btnImageEditorPencil,
.btnImageSave {
    background-color: transparent;
    border: 0 solid var(--clr-graylight2);
    cursor: pointer;
    /*min-height: 55px;*/
    margin-left: 0;
    font-family: LatoRegular;
    font-weight: 700;
    color: var(--clr-white);
    font-size: 13px;
    text-align: center;
    outline: none !important;
    float: left;
    padding: 1px 4px;
}

    .btnImageEditorLibrary:hover,
    .btnImageEditorAdd:hover,
    .btnImageEditorCamera:hover,
    .btnImageEditorEdit:hover,
    .btnImageEditorCompare:hover,
    .btnImageEditorUnpin:hover,
    .btnImageEditorpin:hover,
    .btnImageEditorRotate:hover,
    .btnImageEditorCrop:hover,
    .btnImageEditorOptions:hover,
    .btnImageEditorClear:hover,
    .btnImageEditorAnnotation:hover,
    .btnImageEditorRectangle:hover,
    .btnImageEditorLine:hover,
    .btnImageEditorPencil:hover,
    .btnImageSave:hover {
        background-color: var(--clr-bluedark3);
        float: left;
    }

    .btnImageEditorOptions:after {
        display: none !important;
    }

    .btnImageEditorpin::before {
        content: "\f08d";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
        /*transform: rotate(45deg);*/
    }

    .btnImageEditorpin:before {
        content: "\f08d";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
        transform: rotate(45deg);
    }

    .btnImageSave:before {
        content: "\f0c7";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorPencil:before {
        content: "\f040";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorLine:before {
        content: "\f068";
        text-align: center;
        transform: rotate(45deg);
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorRectangle:before {
        content: "\f096";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorAnnotation:before {
        content: "A";
        text-align: center;
        font-family: LatoRegular;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorClear:before {
        content: "\f05e";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorOptions p:after {
        content: "\f0d7";
        margin-left: 5px;
        font: normal normal normal 20px/1 FontAwesome;
        color: var(--clr-white);
        font-size: 14px;
    }

    .btnImageEditorOptions:before {
        content: "\f013";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorCrop:before {
        content: "\f125";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorRotate:before {
        content: "\f01e";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorUnpin:before {
        content: "\f08d";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorCompare:before {
        content: "\f06e";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorEdit:before {
        content: "\f044";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorCamera:before {
        content: "\f030";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorLibrary:before {
        content: "\f1c5";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

    .btnImageEditorAdd:before {
        content: "\f055";
        text-align: center;
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

.btnImageEditorSelected {
    background-color: var(--clr-greendark1) !important;
}

.dvTopGapContainer {
    padding-top: 20px;
}

.dvColorPicker {
    float: left;
    cursor: pointer;
    height: 38px;
    padding: 0px;
    border: 2px solid var(--clr-white);
}

.dvColorPickerSelected {
    float: left;
    cursor: pointer;
    border-style: inset;
    border-width: 4px;
    border-color: var(--clr-graylight1);
    height: 34px;
    padding: 0px;
    margin-top: 2px;
}

.divImageHeaderWrapper {
    height: 45px;
}

.borderbar {
    border-right: 1px solid var(--clr-graylight2);
    height: 95%;
    width: 5px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.dvButtonAnnotations {
    float: left;
    cursor: pointer;
    border: 1px solid var(--clr-bluedark3);
    width: 8%;
    text-align: center;
    vertical-align: middle;
    margin-right: 3%;
    margin-bottom: 3%;
    color: var(--clr-white);
    background-color: var(--clr-bluedark3);
}

.dvLineThickness {
    width: 100%;
    border-top: solid;
    border-top-color: var(--clr-black);
    margin-top: 6px;
    height: 21px;
    /* float: left; */
    cursor: pointer;
    /* height: 38px; */
    padding: 10px;
}

.dvLineThicknessNotSelected {
    vertical-align: middle;
    border: 1px solid var(--clr-graylight1) !important;
    padding: 8px 6px 6px 6px;
    height: 34px;
    background-color: var(--clr-white);
    margin-top: 2px;
}

.dvColorContainer {
    padding: 4px !important;
}

.dvLineThicknessSelected {
    vertical-align: middle;
    border-style: inset;
    border-width: 4px;
    border-color: var(--clr-graylight1);
    padding: 6px;
    background-color: var(--clr-white);
    float: left;
    cursor: pointer;
    border-style: inset;
    border-width: 4px;
    border-color: var(--clr-graylight1);
    height: 34px;
    padding: 6px;
    margin-top: 2px;
}

.dvcontainer {
    position: relative;
    float: left;
    width: 45%;
    height: 48%;
    overflow: auto;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2);
    margin-top: 1%;
}

.dvcontainerFull {
    background-color: var(--clr-graylight2);
    padding: 10px;
}

.dvFullContainer {
    padding: 0px !important;
}

.dvcontainerHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-white);
    width: 100%;
    height: 20%;
    padding: 0px;
}

.dvReportContainerSection {
    background-color: var(--clr-graylight2) !important;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.dvcontainerChart {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-white);
    width: 100%;
    margin-top: 10px;
    height: 400px;
}

.dvcontainerChartRow {
    width: 100%;
    margin-top: 10px;
    background-color: var(--clr-white) !important;
    padding: 0px 10px;
    border: 1px solid rgba(182, 182, 182, 0.6);
}

.dvcontainerChartRowColm {
    padding: 10px 15px;
}

.dvcontainerRowColmHeader {
    padding: 0px 10px;
}

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

.dvcontainerStaffRow {
    margin-bottom: 15px !important;
    background-color: var(--clr-white);
    width: 100%;
}

.dvcontainerChartInner {
    margin: 3px;
    border: 1px solid rgba(182, 182, 182, 0.6);
    padding: 8px;
    background-color: var(--clr-white) !important;
    border-radius: 5px;
}

.dvcontainerChartSmallInner {
    width: 100%;
}

.dvcontainerSelected {
    position: relative;
    float: left;
    width: 45%;
    height: 47%;
    margin-bottom: 0px;
    overflow: auto;
    border-style: inset;
    border-width: 4px;
    border-color: var(--clr-graylight1);
    background-color: var(--clr-graylight2);
}

.dvEventContainer {
    float: left;
    width: 5%;
    margin-top: 1%;
}

.imgCanvasTemp {
    position: absolute;
    top: 1px;
    left: 1px;
    cursor: crosshair;
    float: left;
    background-color: transparent;
}

.imgCanvas {
    float: left;
    background-color: var(--clr-white);
}

.ImageEditorCan1ToggleStateBefore {
    background-color: var(--clr-reddark2);
    border: 1px solid var(--clr-red);
    color: var(--clr-white);
    border-left: none;
}

.ImageEditorCan1ToggleStateAfter {
    background-color: var(--clr-greendark3);
    border: 1px solid var(--clr-greendark2);
    color: var(--clr-white);
    border-left: none;
}

.ImageEditorCan1ToggleStateBeforeAfter {
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-black);
    border-left: none;
}

.ImageEditorCan1ToggleStateBeforeAfter,
.ImageEditorCan1ToggleStateAfter,
.ImageEditorCan1ToggleStateBefore {
    width: auto;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    float: left;
    margin-left: 0;
    padding: 3px 5px;
    border-radius: 0px 3px 3px 0px;
    width: 40px;
    margin-right: 2%;
    height: 40px;
    line-height: 30px;
}

.dvButtonAnnotationsPressed {
    float: left;
    cursor: pointer;
    border: 1px solid var(--clr-green);
    width: 8%;
    text-align: center;
    vertical-align: middle;
    margin-right: 3%;
    margin-bottom: 3%;
    color: var(--clr-white);
    background-color: var(--clr-green);
}

.dvCanvasClose {
    width: auto;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 16px;
    float: left;
    margin-left: 0;
    padding: 3px 5px;
    border-radius: 0px 3px 3px 0px;
    width: 40px;
    margin-right: 2%;
    height: 40px;
    line-height: 30px;
    background-color: var(--clr-graylight2);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-black);
    border-left: none;
    margin-top: 5px;
}

.dvBillPatQuickDetailSummary {
    background-color: var(--clr-graylight2);
    padding: 5px;
    width: 100%;
    margin-bottom: 10px !important;
}

.dvNoShowDetails,
.dvDueBillDetails {
    float: left;
    background-color: var(--clr-red);
    text-align: center;
    padding: 2px;
    overflow: hidden;
    height: 33px;
}

.lblCursorPointerDefault {
    cursor: default !important;
}

.lblCursorPointer {
    cursor: pointer !important;
}

.dvNoShowDetails {
    background-color: var(--clr-bluedark3);
}

.dvDueBillDetails {
    background-color: var(--clr-red);
    cursor: pointer;
}

.dvApptTotalDetails {
    background-color: var(--clr-blue);
    border-radius: 0px 3px 3px 0px;
}

.dvTotalBillDetails {
    background-color: var(--clr-greendark1);
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
}

.dvTotalVisitBar {
    border-left: 5px solid var(--clr-blue);
    border-radius: 3px;
}

.dvTotalBilledBar {
    border-left: 5px solid var(--clr-greendark1);
    border-radius: 3px;
}

.lblNoShowSmily:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    content: "\f118";
    line-height: 15px;
    color: var(--clr-black) !important;
}

.lblNoShowSmily {
    background-color: var(--clr-orange);
    line-height: 10px !important;
    border-radius: 50%;
    width: 15px;
    height: 14px;
    margin: 0 auto;
}

.lblNoShowSmallFont {
    color: var(--clr-white);
    font-size: 9px;
    line-height: 10px;
    margin-bottom: 0px;
}

.lblPercentage {
    font-size: 8px;
    padding-left: 2px;
}

.lblNoShowMedFont {
    color: var(--clr-white) !important;
    margin-bottom: 3px;
    line-height: 15px !important;
    text-align: center !important;
    margin-top: 3px;
}

.lblmedfont {
    font-size: 12px !important;
    line-height: 15px !important;
}

.dvLowImpBg {
    background-color: var(--clr-graylight2dull1New);
    padding: 2px 10px;
    cursor: pointer;
    line-height: 18px;
    margin-bottom: 0px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.dvLowImpBg-imp {
    border: 2px solid var(--clr-graylight1);
    background-color: var(--clr-yellow);
    height: auto !important;
}

.dvApptTotalDetails,
.dvTotalBillDetails {
    float: left;
    color: var(--clr-white);
    font-size: 12px;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    height: 33px;
}

.divBillTotalAmountWrapperNew {
    border: 1px solid var(--clr-purpledark3);
    background-color: var(--clr-purpledark3);
    padding: 3px;
}

.divBillTotalAmountWrapperPaid {
    border: 1px solid var(--clr-greendark1);
    background-color: var(--clr-greendark1);
}

.scrollBar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.scrollBarBoth {
    overflow-y: auto !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

/*.dvBillDueInfoText {
    padding-left: 10px;
    padding-right: 10px;
    background-color: $clrPinklight1 !important;
}*/
.btnEMRMoreOptions {
    float: left;
}

.dvdropdownmenu {
    background-color: var(--clr-white);
    padding: 0 !important;
}

    .dvdropdownmenu a {
        background-color: var(--clr-white);
        padding: 0 !important;
    }

    .dvdropdownmenu .dropdown-item:focus,
    .dvdropdownmenu .dropdown-item:hover {
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0rem !important;
        background-color: var(--clr-blue) !important;
    }

.dvNoOfVisits {
    background-color: var(--clr-purpledark2);
    padding: 0 10px;
}

.lbldvNoOfVisits {
    font-size: 36px;
    line-height: 37px !important;
    color: var(--clr-white);
}

.emdivEMRRowContent .InputLabRangeFieldAbnormal,
.emdivEMRRowContent .InputLabRangeField {
    width: 35% !important;
    float: left;
    margin-right: 10px !important;
}

.emdivEMRRowContent .InputLabRangeData {
    width: 61% !important;
    float: left;
    margin-right: 0 !important;
    margin-top: 5px;
}

.hrwomargin {
    margin: 0px !important;
}

.dvAssessmentLeft {
    width: 94%;
}

.dvAssessmentRight {
    width: 6%;
}

.dvVitalsChartContainer {
    height: 130px;
    padding-top: 15px;
}

/*span[data-title]:hover:after {
    content: attr(data-title);
    color: var(--clr-black);
    position: absolute;
    background-color: $clrYellow;
    padding: 2px 5px;
    border-radius: 2px;
}*/
.divEMRControlGridLabelWithoutInput {
    float: none !important;
}

.PastRxRegular,
.PastRxPastDated {
    height: inherit;
    line-height: normal;
}

.PastRxRegular {
    border-left: 5px solid var(--clr-red);
    padding-left: 5px;
}

.rxPrec {
    color: var(--clr-white);
    padding: 1px 10px;
    background-color: var(--clr-green);
    font-size: 14px;
    margin-left: 5px;
    border-radius: 3px !important;
}

.rxRegular {
    margin-left: 5px;
    margin-top: 4px;
    color: var(--clr-white);
    padding: 1px 10px;
    background-color: var(--clr-orange);
    font-size: 14px;
}

.rxPRN {
    margin-left: 5px;
    color: var(--clr-white);
    padding: 1px 10px;
    display: inline;
    font-size: 14px;
    background-color: var(--clr-reddull1);
    border-radius: 3px;
}

.rxPOnly {
    color: var(--clr-white);
    padding: 1px 10px;
    background-color: var(--clr-green);
    font-size: 14px;
    margin-left: 5px;
    border-radius: 3px;
}

.rxPDISPENSED {
    color: var(--clr-white);
    padding: 1px 10px;
    background-color: var(--clr-greendark2);
    font-size: 14px;
}

.rxDiscontinue {
    color: var(--clr-white);
    padding: 1px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    margin-left: 5px;
    border-radius: .25rem;
}

.txBatchdel {
    color: var(--clr-white);
    padding: 3px 5px;
    background-color: var(--clr-reddark1);
    font-size: 12px;
}

.txBatchEdit {
    color: var(--clr-white);
    padding: 3px 5px;
    background-color: var(--clr-orange);
    font-size: 12px;
}

.txStkIncrs {
    color: var(--clr-white);
    padding: 3px 5px;
    background-color: var(--clr-greendark1);
    font-size: 12px;
}

.txStkDrc {
    color: var(--clr-white);
    padding: 3px 5px;
    background-color: var(--clr-red);
    font-size: 12px;
}

.lblrxDiscontinue {
    text-decoration: line-through;
    padding-left: 2px;
    font-size: 15px !important;
}

.lblPaddLeft10 {
    margin-left: 15px;
    font-size: 15px !important;
}

.lblRxOnMedSummary {
    margin-left: 15px;
    font-size: 15px !important;
}

.liBullet {
    font-size: 15px !important;
}

.dvLastFiveRxLeft {
    width: 75%;
    float: left;
}

.btnRecurringRecall:before {
    line-height: 38px !important;
    content: "\f01e";
    font: normal normal normal 22px/1 FontAwesome;
    padding-left: 2px;
}

.ImmNotCompletedNew {
    padding-left: 5px !important;
    border-left: 5px solid var(--clr-red);
}

.ImmCompleted {
    padding-left: 5px !important;
    border-left: 5px solid var(--clr-green);
}

.dvGirdTxHistory .rgNoRecords,
.dvEMRPastDataGrid .rgNoRecords {
    color: var(--clr-white);
}

.dvVitalNotRecorded {
    font-size: 14px !important;
    text-align: center;
}

.dvMedicalSummary .btnIcon {
    padding-left: 0px !important;
}

.dvVitalsChartContainer {
    height: 150px !important;
    padding-top: 0px !important;
}

    .dvVitalsChartContainer .highcharts-container svg {
        padding-top: 15px !important;
    }

.btnCalender {
    border: 0px !important;
    outline: none !important;
    cursor: pointer;
    background-color: transparent;
}

.btnCalenderBorder {
    outline: none !important;
    cursor: pointer;
    background-color: transparent;
}

.dvVoucherContainer {
    padding-right: 8px !important;
}

.dvEMRTotalHigh {
    background-color: var(--clr-reddull1) !important;
    border-radius: 5px;
}

.img-thumbnail {
    max-height: 125px;
    width: 80%;
}

/*.dvEMRTotalHigh:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 28px;
    color: var(--clr-white);
    content: "\f119";
    padding: 3px 0px 0px 0px;
}*/
.dvTXPatSummary {
    float: left;
    font-size: 18px;
    text-align: center;
    padding: 3px;
    font-family: LatoRegular;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    color: var(--clr-white);
}

.modal-lg,
.modal-sm,
.modal-md {
    border-top: 8px solid var(--clr-bluelight1);
    border-radius: 5px 5px 0px 0px !important;
    margin-top: 5px !important;
}

.dvFullImageContainer {
    max-width: 100% !important;
}

.dvContainerSecondRow {
    padding-left: 15px !important;
}

.dvSmallChatSec,
.dvSmallChat {
    float: right;
    margin-right: 2px;
    margin-left: 2px;
    line-height: 10px !important;
}

.dvSmallChatList,
.dvSmallChatListOrange {
    float: right;
    margin-right: 0px;
    margin-left: 0px;
    line-height: 10px !important;
}

.dvSmallChatListOrange {
    cursor: pointer !important;
}

.dvSmallChatSec {
    float: none !important;
    margin-left: 5px !important;
    cursor: pointer;
}

.dvSmallChatSec2 {
    margin-left: 0px !important;
}

.dvSmallChatSec:hover {
    color: var(--clr-black) !important;
}

.dvSmallChatSec2:hover {
    color: var(--clr-white) !important;
}

l






.dvSmallChatSec::before,
.dvSmallChatList::before,
.dvSmallChatListOrange::before,
.dvSmallChat:before {
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 10px;
    content: "\f0e5";
}

.dvSmallChatSec2:before {
    margin-right: 4px !important;
}


.dvSmallChatList::before,
.dvSmallChatListOrange::before {
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 10px;
}

.dvSmallChatListOrange::before {
    color: var(--clr-orangedark1) !important;
    content: "\f075";
    font-size: 15px !important;
}

.dvSmallChatOrange::before {
    color: var(--clr-orangedark1) !important;
    content: "\f075";
}

.dvSmallInfoListOrange::before {
    content: "\f05a" !important;
    color: var(--clr-gray) !important;
    font-size: 18px !important;
}

.dvSmallContainerRight {
    margin-top: 4px;
    float: right;
    margin-left: 4px;
    line-height: 10px;
}

.IconOnline:before {
    font: normal normal normal 12px/1 FontAwesome;
    line-height: 28px;
    content: "\f0e7";
    font-size: 18px;
    color: var(--clr-bluelight1);
}

.IconOnline.small:before {
    line-height: 18px !important;
    font-size: 14px;
}

.IconOnline.small {
    margin-top: -2px !important;
    padding: 2px 5px 2px !important;
    margin-right: 2px !important;
}

.IconOnlineBig:after {
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f0e7";
    font-size: 14px;
    color: var(--clr-bluelight1);
    line-height: 10px !important;
    margin: 1px 4px 0px 2px;
    margin-left: 10px;
}

.IconOnlineSmall {
    margin-top: 1px;
}

    .IconOnlineSmall:before {
        font: normal normal normal 12px/1 FontAwesome;
        content: "\f0e7";
        font-size: 14px;
        color: var(--clr-bluelight1);
        float: right;
        line-height: 10px !important;
        margin: 1px 4px 0px 2px;
    }

.lblClinicNameBg {
    padding: 4px 10px !important;
    border-radius: 3px;
    background-color: #ECF0F3 !important;
}

.dvPackageIcon,
.dvPackageIconLeft {
    float: right;
    margin-right: 2px;
    background-color: var(--clr-blacklight2);
    color: var(--clr-white);
    border-radius: 50%;
    font-size: 9px;
    width: 14px;
    margin-left: 2px;
    text-align: center;
    height: 14px;
    text-align: center;
    line-height: 15px !important;
}

.dvPackageIconLeft {
    float: left !important;
}

.dvPackageIcon.bigger {
    float: left !important;
    height: 20px;
    line-height: 20px !important;
    font-size: 12px;
    width: 19px;
    margin-left: 0px !important;
}

.float-none {
    float: none !important;
    display: inline-block !important;
}

.dvPackageIconGap {
    margin-top: 2px;
    margin-left: 4px;
    float: none !important;
    padding: 1px 4px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
/*Used for AdvNewRx Section*/
.dvAdvRxSection {
    margin-bottom: 7px !important;
}
/*Used for Low Emphasis White*/
.lblLowEmphasisWhite {
    color: var(--clr-whitedull1) !important;
}
/*Used for AdvNewRx Section*/
.dvAdvNewRxSection {
    border-top: 1px solid var(--clr-graylight2);
    margin-bottom: 15px !important;
    padding-top: 10px !important;
    text-align: right;
}
/*Used for Item Added From Panel*/
.dvItemAddedSmallCustomize {
    float: none !important;
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}
/*Used for Item Added From Panel*/
.dvItemAddedSmall .lblCommon,
.dvItemAddedSmall .btnSmallLink {
    line-height: 28px !important;
}
/*Used for Item Added From Panel*/
.dvItemAddedSmallCustomize .btnSmallLink {
    float: none;
    font-size: 14px !important;
    line-height: 20px !important;
}

.dvPointsSettingOrange,
.dvPointsSettingYellow,
.dvPointsSettingRed {
    font-size: 12px;
    padding: 5px 5px;
    border-radius: 3px;
}

.dvPointsSettingOrange {
    background-color: var(--clr-orange);
    color: var(--clr-black) !important;
}

.dvPointsSettingRed {
    background-color: var(--clr-reddull1);
    color: var(--clr-white) !important;
}

.dvPointsSettingYellow {
    color: var(--clr-black) !important;
    background-color: var(--clr-yellow) !important;
}

.dvPackageIcon2 {
    float: none;
    margin-right: 2px;
    background-color: var(--clr-blacklight2);
    color: var(--clr-white);
    border-radius: 50%;
    font-size: 9px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px !important;
}

.btnSmallLowEmphasis {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2) !important;
    margin-right: 0 !important;
    height: 30px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    line-height: 28px !important;
}

    .btnSmallLowEmphasis:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }

.dvGridMinHeight {
    min-height: 100px;
    border: none !important;
    box-shadow: none !important;
}
/*Used for GridBody*/
.dvGridBody {
    width: 100%;
    background-color: var(--clr-white) !important;
    border: 0 solid var(--clr-graylight2dull1New2);
}

.dvGridBody3 {
    width: 100%;
    background-color: var(--clr-white) !important;
    border: none !important;
}

.dvPackageIconLeft {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
}

.dvDeletedAppointment .dvAppointmentService {
    line-height: 18px !important;
}

.dvItemAddedSmallCon .lblFieldValue {
    line-height: 30px !important;
}

.dvItemAddedSmallConRed {
    border: 1px solid var(--clr-red) !important;
}

.dvAppointmentService .lblFieldValue {
    line-height: 29px !important;
}

.lblFieldValueNew {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
    font-size: 14px !important;
    color: var(--clr-blacklight2);
    background-color: transparent;
    border: none;
}

.lblFieldValue {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
    font-size: 14px !important;
    color: var(--clr-black);
    background-color: transparent;
    border: none;
}

.lblFieldValueBig {
    font-size: 16px;
    line-height: 25px;
}

.lblFieldValueWhite {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
    font-size: 14px !important;
    color: var(--clr-whitedull1);
    background-color: transparent;
    border: none;
}

.lblFieldValueSmall {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
    font-size: 12px !important;
    background-color: transparent;
    border: none;
}

.dvContainerSubHeader {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: var(--clr-graylight2dull1New3);
    border-top: 1px solid var(--clr-graylight1dull1);
    border-bottom: 1px solid var(--clr-graylight1dull1);
}
/*Custom Alternative Row*/
.dvCustomRowOddSmall,
.dvCustomRowOddSmallBorder,
.dvCustomRowEvenSmall {
    margin-bottom: 0 !important;
    padding: 4px !important;
    clear: both;
    border-radius: 0 !important;
}
/*Used for HeaderRow*/
.dvHeaderRow,
.dvHeaderRow3,
.dvHeaderRow2 {
    border-bottom: 1px solid var(--clr-graylight1);
    border-top: 1px solid var(--clr-graylight1);
    border-radius: 0 3px 3px 0;
    background-color: var(--clr-graylight2dull1New) !important;
    min-height: 30px;
    padding: 0 4px;
}

.dvGridFieldHeaderValue {
    padding: 0 2px 0 5px;
}

.dvSmartCMSPatientDetails {
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(182,182,182,.5) !important;
}

    .dvSmartCMSPatientDetails.bg {
        padding: 10px;
        background-color: rgba(182, 182, 182, 0.15) !important;
        border-radius: 4px;
        border-bottom: none !important;
        margin-top: 15px;
    }

.dvHeaderRowContainer {
    border: 1px solid #5f62a2 !important;
    border-radius: 5px !important;
}

.grid-header-purple {
    border-bottom: 1px solid var(--clr-purplelight2dull2);
    border-top: 1px solid var(--clr-purplelight2dull2);
    border-radius: 3px 3px 0 0;
    background-color: var(--clr-purplelight2dull2) !important;
    min-height: 30px;
    padding: 0 4px;
}

    .grid-header-purple.boot5 {
        padding: 0px !important;
    }

    .grid-header-purple .dvGridFieldHeader,
    .grid-header-purple .dvGridFieldHeaderTextRight {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }

        .grid-header-purple .dvGridFieldHeader.boot5,
        .grid-header-purple .dvGridFieldHeaderTextRight.boot5 {
            padding: 4px 10px 4px 10px !important;
        }

    .grid-header-purple .f-right {
        float: right;
    }

    .grid-header-purple.bar {
        padding-left: 10px;
    }

.grid-table .row-column {
    padding: 0 5px 0 4px;
}
/*No Reconrds to Display Container*/
.containerNoRecords {
    font-size: 14px;
    line-height: 25px;
    padding-right: 0;
    color: var(--clr-whitedull1);
}

.text-center .lblPageHeader {
    float: none !important;
}

.btn-block {
    width: 100% !important;
}

.dvHeaderRow3 {
    border-bottom: none !important;
}

.dvCustomRowOddSmall {
    background-color: var(--clr-graylight2dull1New2);
}

.dvCustomRowOddSmallBorder {
    border-bottom: 1px solid var(--clr-graylight2dull1);
}

.dvIndent {
    padding-left: 15px !important;
}
/*Used for */
.dvBulletNumber {
    padding-left: 5px;
}

.dvDataCenter {
    float: right;
    margin-left: 15px;
    text-align: center;
}

.lblImportant {
    color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

.lblDenger {
    color: var(--clr-red);
    border: 1px solid var(--clr-red);
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

.dvContainerRed {
    border-bottom: 5px solid var(--clr-reddark1);
}

.dvContainerGray {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1dull1);
    border-top: none !important;
}

.dvContainerFooter {
    background-color: var(--clr-purpledark3);
    border: 1px solid var(--clr-graylight1dull1);
    border-top: none !important;
    border-radius: 0px 0px 3px 3px !important;
}

.dvSeperatorNew {
    padding-left: 0px;
    border-left: 2px solid var(--clr-graylight1);
    margin-left: 8px;
    padding-right: 8px;
    border-right: 2px solid var(--clr-graylight1);
    margin-right: 0px !important;
}

.dvSeperatorBlack {
    padding-left: 5px;
    border-left: 2px solid var(--clr-blacklight2);
    margin-left: 10px;
    padding-right: 10px;
    border-right: 2px solid var(--clr-blacklight2);
    margin-right: 10px !important;
}

.lblAddOne {
    padding: 10px 20px 10px;
    background-color: var(--clr-greendark1);
    color: var(--clr-white) !important;
    border-radius: 3px;
    cursor: pointer;
}

.dvNoRecFount {
    width: 100%;
    margin-bottom: 2%;
}

.lblSubHeaderLoadingMsgDetailsWhite .lblSubHeaderLoadingMsgNormal {
    font-size: 16px !important;
}

.lblLinkIcon {
    float: right;
    font-weight: 700;
    line-height: 13px !important;
    cursor: pointer;
    margin-right: 2px !important;
}

    .lblLinkIcon:before {
        font: normal normal normal 13px/1 FontAwesome;
        line-height: 10px;
        content: "\f0c1";
        color: var(--clr-blacklight2);
    }

.dvConnectedUpSmall {
    width: 3px;
    float: left;
    margin-left: 2px;
    border-bottom: 3px solid transparent;
    border-left: 2px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--clr-gray);
}

.PromotionSelCatgAlign {
    padding: 3px 5px !important;
}

.chimpImage {
    height: 100px;
    width: 85px;
}

.googleCalImage {
    height: 100px;
    width: 100px;
}

.dvEMRTotalContainerLowBlack:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    line-height: 28px;
    color: var(--clr-black);
    float: left;
    padding: 3px 0 0 0;
    content: "\f118";
}

.dvEMRTotalContainerLowBlack {
    font-family: LatoRegular;
    color: var(--clr-black);
    height: 56px;
    cursor: pointer;
    min-width: 130px;
    padding: 5px;
    padding-right: 0px !important;
    font-size: 16px;
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
}

.chrtGroupPie {
    margin: 0 auto;
}

.ulMoreOptionsImaging {
    top: 55px !important;
    min-width: 110px !important;
}

.lblLessPadding {
    padding: 0px 5px !important;
    width: fit-content !important;
    line-height: 20px !important;
}

.divBtnPrintSummery {
    padding-top: 10px;
    padding-right: 5px;
    text-align: right;
    padding-right: 10px;
}

.btnPaymentTerm:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    line-height: 20px;
    content: "\f0c1";
    margin-right: 5px;
}

.borderNone {
    border: none !important;
}

    .borderNone:hover {
        border: none !important;
        background-color: none !important;
    }

.dvButtonGroupContainer {
    font-size: 0 !important;
}

.btnNoOfPromotions {
    background-color: var(--clr-green);
    color: var(--clr-white);
    border: 1px solid var(--clr-greendark1);
    border-right: none !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

    .btnNoOfPromotions:hover {
        background-color: var(--clr-greendark1) !important;
        color: var(--clr-white) !important;
        border: 1px solid var(--clr-greendark1) !important;
    }

.txtInternalComments {
    height: 60px !important;
    overflow-x: hidden;
}

.PageMainWrapperForCallBox,
.PageMainWrapperForCalendar {
    padding: 7px 7px 0 7px;
}

.PageMainWrapperForBill {
    padding: 10px 7px 0 7px;
}

.PageMainWrapper {
    padding: 10px;
}

.PageMainWrapperFull {
    padding: 0px;
}

.PageMainWrapperList {
    padding: 10px 10px 0 10px;
}

    .PageMainWrapperList.new {
        padding: 5px 10px 0 10px;
    }
    /*.PageMainWrapperList.pl-r-0 {
        padding: 10px 0px 0 0px!important;
    }*/
    .dvWrapContainerFooter.bg-gray-all,
    .PageMainWrapperList.bg-gray {
        background-color: var(--clr-graylight2dull1New) !important;
    }

.dvWrapContainerFooter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 45px;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .dvWrapContainerFooter.noScroll {
        overflow-y: hidden !important;
    }


.dvWrapContainer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    .dvWrapContainer.normal {
        overflow-y: hidden !important;
    }

.dvContainerBG {
    padding: 0px 10px 5px 10px !important;
    background-color: var(--clr-graylight2dull1New);
}

.dvContainerBGFull {
    padding: 0px 10px 5px 10px !important;
    background-color: var(--clr-graylight2dull1New);
    border-right: 1px solid var(--clr-graylight1dull1);
}

.dvContainerNoBorder {
    padding: 0px !important;
}

.dvContainerNoBG {
    padding: 5px !important;
    background-color: var(--clr-white) !important;
    border: 1px solid var(--clr-graylight2dull1New);
    padding: 5px 10px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.dvOverflowHidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}

.dvOverflowHiddenNormal {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pnlDisplayTop {
    z-index: 1051 !important;
}

.pnlDisplayExtrimTop {
    z-index: 1101 !important;
}

.modalDisplayTop {
    z-index: 1099 !important;
}

/*.mainmodalcontainerForLoader {
    background-color: $clrGraylight2dull1;
    text-align: center;
    padding-top: 20%;
}
    .mainmodalcontainerForLoader .modal-dialog {
            margin-top: 0px!important;
    margin-bottom: 0px!important;
    }
.mainmodalcontainerForLoader .modal-content {
    background-color: transparent!important;
}
    */
.mainmodalcontainerForLoaderNew {
    height: 200px;
    text-align: center;
    margin-top: 70px;
}

    .mainmodalcontainerForLoaderNew:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f1ce";
        font-size: 50px;
        -webkit-animation: fa-spin 3s infinite linear;
        animation: fa-spin 3s infinite linear;
    }

.dvNotSupported {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--clr-bluelight1);
    color: white;
    margin: 0 auto;
    text-align: center;
    padding-top: 20%;
}

.dvScreenRotate:before {
    content: "\f10b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 30px;
    font-size: 80px;
}

.select-combo .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
    color: var(--clr-black) !important;
}

.dottedMenuBig,
.dottedMenuWhiteBGCal,
.dottedMenuWhiteBG,
.dottedMenuBlackSmall,
.dottedMenuHori,
.dottedMenuWhite,
.dottedMenu {
    display: inline-block;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0rem !important;
    font-size: 20px;
    border-radius: 0rem !important;
    border: none !important;
    outline: none !important;
    width: 20px;
    margin-top: 0px !important;
    margin-right: 10px !important;
    line-height: 30px;
    height: 36px;
    background-color: transparent;
}

.dottedMenuBlackSmall {
    width: 20px;
    line-height: 20px;
    height: 22px;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

    .dottedMenuBlackSmall:after {
        font-size: 18px !important;
        margin-right: 10px !important;
    }

.dottedMenuBig {
    height: 44px !important;
    font-size: 24px !important;
}

.dottedMenuHori {
    float: left;
    width: 40px;
    padding-left: 21px !important;
    margin-right: 0px !important;
}

    .dottedMenuHori:after {
        font-size: 35px !important;
        transform: rotate(90deg) !important;
        color: var(--clr-blackdull3);
        margin-top: 24px;
    }

.dottedMenuHoriOpen:after {
    color: var(--clr-reddark1) !important;
}

.dottedMenu {
    color: rgba(255, 255, 255, 0.7);
}

    .dottedMenu:hover {
        color: var(--clr-white);
    }

.dottedMenuWhite {
    color: var(--clr-whitedull2) !important;
}

    .dottedMenuWhite:hover {
        color: var(--clr-white) !important;
    }

.dottedMenuWhiteBG {
    color: var(--clr-blackdull3) !important;
    height: 35px !important;
}

.dottedMenuWhiteBGCal {
    height: 34px !important;
    width: 20px !important;
}

.dottedMenuWhiteBGCalSmall {
    height: 30px !important;
    width: 20px !important;
    margin-top: 5px !important;
}

.dvDefaultRoster {
    float: right;
    line-height: 14px;
    text-align: left;
    font-size: 12px !important;
    font-weight: bold;
}

    .dvDefaultRoster span {
        font-weight: normal !important;
        line-height: 13px !important;
        color: var(--clr-blacklight2) !important;
    }

.dottedMenuWhiteBG:hover {
    color: var(--clr-black) !important;
}

.dottedMenuWhiteBGCal:hover {
    color: var(--clr-black) !important;
    background-color: inherit !important;
    border: none !important;
}

.SmallMenu .btnCommon {
    box-shadow: none !important;
}

.SmallMenu .btnCommonOption {
    height: 52px !important;
}

.dottedMenuContainer {
    background: inherit !important;
    border: none !important;
    position: initial !important;
}

.dentalMenu.dental {
}

.dottedMenuContainerMenu {
    padding-top: 8px !important;
}

.dottedMenuContainer:hover,
.dottedMenuContainer:active,
.dottedMenuContainer:visited,
.dottedMenuContainer:focus {
    background: inherit !important;
    border: none !important;
}

.dottedMenuContainer .dropdown-menu {
    right: 8px !important;
    left: auto !important;
    top: 35px !important;
    border: 1px solid var(--clr-graylight1) !important;
    min-width: 150px !important;
    border-radius: 3px !important;
    /*border-bottom: none !important;*/
    background-color: white !important;
}

.dottedMenuContainer .SmallMenu {
    min-width: 50px !important;
}

.dottedMenuContainer .dropdown-item {
    color: var(--clr-black) !important;
    padding: .3rem .5rem !important;
    border-bottom: 1px solid var(--clr-graylight1);
    min-width: 140px;
}

.dottedMenuContainer .dropdownLstItem {
    border-bottom: none !important;
}

.dottedMenuContainer .dropdown-item:hover {
    color: var(--clr-white) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    background-color: var(--clr-blue) !important;
}

    .dottedMenuContainer .dropdown-item:hover .dropdown-item-inner {
        color: var(--clr-white) !important;
    }

.buttonNCFP {
    padding: 3px 5px 2px;
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2);
    margin-top: 2px;
    background-color: white !important;
    cursor: pointer !important;
    width: 30px;
    height: 30px;
    border-radius: 20px !important;
}

    .buttonNCFP.gray {
        filter: filter(value);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .buttonNCFP.green {
        padding: 2px 5px 2px;
        border: 2px solid var(--clr-greendark2);
    }

    .buttonNCFP .imgNCFP {
        width: 18px !important;
    }

.dottedMenu.active, .dottedMenu:active, .open > .dottedMenu.dropdown-toggle {
    background-color: transparent !important;
    border: none !important;
}

.dottedMenuContainer .dropdown-item-red {
    color: var(--clr-red) !important;
    padding: .3rem .5rem !important;
    border-bottom: 1px solid var(--clr-graylight1);
    min-width: 140px;
}

.dottedMenu a:not([href]):not([tabindex]):focus,
.dottedMenu a:not([href]):not([tabindex]):hover {
    color: var(--clr-white) !important;
}

.dottedMenu {
    box-shadow: none !important;
    color: var(--clr-blackdull3);
}

    .dottedMenu:hover {
        box-shadow: none !important;
        color: var(--clr-black);
    }

.dottedMenuRed {
    box-shadow: none !important;
    color: var(--clr-reddark1) !important;
}

    .dottedMenuRed:hover {
        color: var(--clr-red) !important;
    }

.dottedMenuGreen {
    box-shadow: none !important;
    color: var(--clr-greendark1) !important;
}

    .dottedMenuGreen:hover {
        color: var(--clr-green) !important;
    }

.btn-secondary:active:focus,
.btn-secondary:active:hover {
    background-color: transparent !important;
}

.lblSeeMore {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-decoration: underline !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}

.lblSeeMoreLeft {
    margin-left: 5px;
}

.dottedMenu::after {
    display: inline-block;
    content: '\2807';
    font-size: 1.8em;
    margin-left: 0em;
    vertical-align: top;
    border-top: .0em solid;
    border-right: .0em solid transparent;
    border-left: .0em solid transparent;
    margin-right: 0em;
}

.dottedMenu.small::after {
    font-size: 1.4em !important;
}

.lblBulb {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 10px;
    border-radius: 30px;
    background-color: var(--clr-orangedull1);
    border: 1px solid var(--clr-orange);
}

    .lblBulb:before {
        font: normal normal normal 19px/1 FontAwesome;
        font-size: 50px;
        line-height: 43px;
        content: "\f0eb";
        color: var(--clr-gray);
    }

.lblBillCommentsInfo {
    padding: 4px 10px;
    margin: 0px;
    font-family: LatoRegular;
    font-size: 16px;
    line-height: 25px;
    color: var(--clr-black);
    background-color: var(--clr-yellow);
    border: 0px;
    float: right;
}

.lblGapBtwSpan {
    padding-left: 8px !important;
}

.dvBillCommentsInfoClose {
    float: right;
    padding: 3px;
    margin-top: -10px;
    color: var(--clr-graylight1);
}

.lblLineHeightwithButton {
    line-height: 40px !important;
}

.dvIncludeSetFilterRow {
    padding-left: 35px;
}

.btnPrintContainer {
    line-height: 29px;
    padding: 2.7px;
}

.dvSalaryReduction {
    text-align: center;
    border-style: solid;
    border-color: var(--clr-red);
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.dvBitsPaidAmt {
    float: right;
    text-align: right;
    margin-top: 100px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--clr-graylight1);
    padding: 30px;
}

.dvSuperHeader {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.supLeft {
    margin-right: 5px !important;
}

.dvSuperHeaderBottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.dvBorderLeft {
    border-left: 1px solid rgba(0, 0, 0, 0.5);
}

.dvBorderTop {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.dvBGTopRow {
    border-bottom: 1px solid var(--clr-graylight2);
    background-color: rgba(241, 242, 249, 0.6);
}

.dvBorderRight {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
}

.lblCounted {
    color: var(--clr-greendark1);
    font-weight: 700 !important;
    padding-left: 0px !important;
}

.lblNotCounted {
    font-weight: 700 !important;
    padding-left: 18px;
}

.dvCaseSheetFirstField {
    float: left;
    width: 40% !important;
}

.dvContainerCustom60 {
    float: left;
    width: 60% !important;
    line-height: 30px;
}

.dvCaseSheetSecondField {
    float: left;
    width: 55% !important;
    padding-left: 5% !important;
}

.dd {
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient( 135deg,var(--clr-graylight2) 0, $clrBluelight1 100%);*/
}

.tblHeaderRow {
    position: fixed;
}

.dvFlyoutDropdownSearchCon {
    border: none !important;
}

.dvReadOnlyEditor {
    overflow: auto;
    outline: none !important;
    padding: 5px;
    border: 3px solid var(--clr-blue);
    height: 200px;
}

.dvAdvRxSection {
    margin-bottom: 15px !important;
}

.pnlGreen .FlyOutSearchBtnNew,
.pnlInvetigation .FlyOutSearchBtnNew {
    /*width:25%!important;*/
}

.btnCollapaseMenu {
    float: right;
    margin-top: 3px;
}

.btnBookmark {
    cursor: pointer;
    padding: 5px 2px 0px 15px;
    width: 40px;
    border-radius: 0px 4px 5px 0px;
}

    .btnBookmark:before {
        font: normal normal normal 20px/1 FontAwesome;
        color: var(--clr-blacklight2);
        line-height: 30px;
        font-size: 35px;
        display: inline-block;
        content: '\2807';
    }

/*.embed-responsive {
    position: initial !important;
}*/
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background-color: var(--clr-green);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-success {
    background-color: var(--clr-green);
    border-radius: 3px 0px 0px 3px;
}

.dvprogress {
    background-color: var(--clr-graylight1);
    height: 2em !important;
}

.dhx_cal_cover {
    display: none !important;
}

.dvHolidayAtt {
    width: fit-content;
    margin: 0 auto;
    padding: 5px 15px;
    min-width: 300px;
    text-align: center;
}

.dvFixedAmountWidth {
    width: 130px !important;
    float: left;
    padding-left: 0px !important;
}

.dvFixedAmountWidth2 {
    width: 150px !important;
    float: left;
    padding-left: 0px !important;
}
.dvFixedAmountWidth3 {
    width: 80px !important;
    float: left;
    padding-left: 0px !important;
}


.dvCheckBoSecondRox .secondCombo,
.dvFixedAmountWidthBig {
    width: 14rem !important;
    float: left;
    padding-left: 0 !important;
}

.dvCheckBoSecondRox .secondCombo {
    width: 5rem !important;
}

.dvCheckBoSecondRox.secondRow {
    padding-left: 45px !important;
}

.DvPatient .btn-primary,
.DvPatient .toggle-group .toggle-on {
    background-color: var(--clr-graylight2) !important;
    border: none !important;
    color: var(--clr-black);
}

.DvPatient .btn-primary {
    border: 1px solid var(--clr-gray) !important;
}

.DvPatient .toggle-off {
    color: var(--clr-white);
    background-color: var(--clr-green) !important;
    border-color: var(--clr-green) !important;
}

/*.btnDXCon .select2-selection__rendered {
    line-height: 25px !important;
    min-height: 23px !important;
    padding: 0px 2px !important;
}*/

/*.btnDXCon .select2-container .select2-selection--single {
    min-height: 25px !important;
}*/

.btnDXCon .select2-selection__arrow {
    min-height: 25px !important;
}

.btnDXCon .select2-search {
    min-height: 20px !important;
}

.btnDXCon .select2-selection--multiple {
    min-height: 27px !important;
}

.btnDXCon .select2-container .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__choice,
.btnDXCon .select2-search__field {
    min-height: 20px !important;
    line-height: 25px !important;
    margin: 5px 2px 0px 2px !important;
    height: 27px !important;
}

.btnDXCon .select2-selection--multiple:before {
    line-height: 25px !important;
}

.dvBillOrgName {
    padding-left: 15px !important;
}

.dvPaddingBoth {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.dvClickable {
    width: fit-content;
    cursor: pointer;
}

.dvDisabledLookContentWidth {
    width: fit-content;
}

.dvEmptyRow {
    border-left: 5px solid var(--clr-white);
    padding-left: 0px !important;
}

.dvModalBG,
.modal-container {
    background-color: rgba(182, 182, 182, 0.6);
    user-select: inherit;
}

    .dvModalBG.scroll {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

.dvVideoTest {
    z-index: 12000;
}

.lblColorPurple {
    font-size: 14px;
    line-height: 25px;
    color: var(--clr-purplelight3) !important;
    font-weight: 700;
}

.lblBrandName {
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
}

.dtPicker {
    border-right: none !important;
    border-radius: 3px 0px 0px 3px !important;
}

.divAmountPrefixNewOne,
.divAmountSufixNewOne {
    border: 1px solid var(--clr-graylight1) !important;
    background-color: var(--clr-white) !important;
    text-align: center;
    padding: .2rem .2rem !important;
    line-height: 20px;
    color: var(--clr-black);
}

.divAmountPrefixNewOne {
    border-right: none !important;
    border-radius: 3px 0px 0px 3px !important;
    font-size: 12px;
}

.divAmountSufixNewOne {
    border-left: none !important;
    border-radius: 0px 3px 3px 0px !important;
    font-size: 12px;
}

.Customform-group .txtFirst {
    border-radius: 3px 0px 0px 3px !important;
    border-right: none !important;
}

.Customform-group .txtLast {
    border-radius: 0px 3px 3px 0px !important;
    border-left: none !important;
}

.dvGridFullBody {
    width: 100%;
    padding: 0px;
    border: 1px solid var(--clr-graylight1dull1);
    /*background-color: var(--clr-graylight2dull1New);*/
}

.dvGridFullBody2 {
    width: 100%;
    padding: 0px;
    border: 1px solid var(--clr-graylight1dull1);
    /*background-color: var(--clr-graylight2dull1New);*/
    border-radius: 3px 3px 0 0 !important;
}

.dvLinkMainAppointment {
    padding: 2px 10px 2px 10px;
    border-bottom: 5px inset var(--clr-greendark1) !important;
}

.dvSelectedAppointment {
    border-bottom: 3px inset var(--clr-greendark1) !important;
    line-height: 10px !important;
    height: 22px !important;
    padding: 0px 5px 2px 5px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    /*-webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;*/
}

    .dvSelectedAppointment .btnCheckoutTickGray {
        line-height: 20px !important;
    }

    .dvSelectedAppointment .btnIconSeperator,
    .dvSelectedAppointment .btnCancelSeperator {
        height: 22px !important;
    }

.dvRedirectIdon {
    text-align: center;
    width: 100%;
}

.dvRowContainer {
    width: 100%;
    margin-top: 15px;
}

.dvTodaysService {
    float: left;
    padding-right: 5px;
    margin-top: 1px;
    line-height: 25px;
    width: 20%;
    min-width: 50px;
}

.dvTodaysServiceValue {
    float: left;
    width: 80%;
}

    .dvTodaysServiceValue .lblAttachmentNone {
        padding-top: 5px !important;
    }

.dvRowContainerTop {
    width: 100%;
    margin-top: 15px;
}

.dvGridBodyHeight {
    min-height: 240px;
}

.dvGridBodyHeightSmall {
    min-height: 140px;
}

.select2-selection__placeholder {
    font-weight: normal !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: normal !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: normal !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-weight: normal !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-weight: normal !important;
}

/*::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-button {
    background: var(--clr-graylight1);
    border-radius: 10px !important;
}

::-webkit-scrollbar-track-piece {
    background: var(--clr-white);
}

::-webkit-scrollbar-thumb {
    background: var(--clr-graylight1);
    border-radius: 10px !important;
}*/
.lblRestartRqrd {
    padding: 5px;
    color: var(--clr-white);
    border-radius: .25rem;
    background-color: var(--clr-bluedark3) !important;
    margin-left: 5px !important;
}

.dvFieldSetFitContent {
    width: fit-content !important;
}

.dvFieldSet {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid var(--clr-graylight1);
    margin-bottom: 30px;
    width: 100%;
}

    .dvFieldSet legend {
        width: auto !important;
        margin-bottom: 0px !important;
        font-size: 16px;
        border-radius: 3px;
        font-weight: 700;
        color: var(--clr-graydark2);
    }

.dvFieldSetWhite {
    padding: 2px 5px 5px;
    border-radius: 3px;
    border: 1px solid var(--clr-graydark1);
    margin-bottom: 15px;
    width: 100%;
    margin-top: 0px;
}

.dvFieldSetWhite2 {
    padding: 0px;
    border-radius: 3px;
    border: none !important;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 0px;
}

.dvSectionSeperator {
    border-bottom: 1px solid var(--clr-graydark1);
    padding-bottom: 5px;
}

    .dvSectionSeperator.pb-none {
        padding-bottom: 0px !important;
    }

.dvFieldSetWhiteLast {
    margin-bottom: 0px !important;
}

.lblLeftGap {
    padding-left: 3px;
}

.dvFilterSettings {
    font-size: 12px;
    line-height: 15px;
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    color: var(--clr-white);
}

.dvFieldSetWhite legend,
.dvFieldSetWhite2 legend,
.lblCategory {
    width: auto !important;
    margin-bottom: 0px !important;
    font-size: 12px;
    border-radius: 3px;
    color: var(--clr-whitedull1);
    font-weight: normal !important;
}

.lblCategory {
    color: var(--clr-white) !important;
}

.dvFieldSetWhite2 legend {
    color: var(--clr-white) !important;
}

.btnSummaryCompleted {
    padding: 0px 4px;
    background-color: white;
    line-height: 15px !important;
    font-weight: bold;
    margin-right: 3px;
    margin-top: 10px;
    border-radius: 2px;
    color: var(--clr-blue) !important;
    cursor: pointer;
    outline: none !important;
    font-size: 12px;
}

    .btnSummaryCompleted:before {
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 !important;
        text-align: center;
        line-height: 8px;
        content: "\f00c" !important;
        font-size: 10px;
        color: var(--clr-greendark1);
        font-weight: bold;
        margin-right: 3px;
    }

.dvFieldSetNormal {
    padding: 0px 5px;
    border-radius: 3px;
    border: 1px solid var(--clr-graylight1);
    margin-bottom: 20px;
    width: 100%;
}

    .dvFieldSetNormal legend {
        width: auto !important;
        margin-bottom: 0px !important;
        font-size: 14px;
        border-radius: 3px;
        font-weight: 700;
    }

.btnContainerLeft {
    margin-right: 10px !important;
}

.divApptStatusBarApptCombo {
    padding-left: 8px !important;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px;
    float: left;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > .btnTabClose {
    margin-right: 5px !important;
}

.nav-tabs > li.active, .nav-tabs > li.activefocus, .nav-tabs > li:hover {
    background-color: #fff;
    border-bottom: none !important;
    border-bottom-color: transparent;
}

.txtSmall {
    max-width: 100px !important;
}

.lblMakeNormalLebel {
    pointer-events: none;
    color: var(--clr-black) !important;
    outline: none !important;
}

.lblMakeNormalLebelWithPointerEvent {
    cursor: default !important;
    color: var(--clr-black) !important;
}

.btnRestrictDBClick {
    pointer-events: none !important;
}

.dvNumberFixedSize {
    width: 150px;
}

.dvAllignment {
    padding-top: 7px;
}

.dvAllignmentAdjst {
    padding-top: 5px;
    padding-left: 4px;
    padding-right: 4px;
}

.lblNormal {
    font-weight: 400 !important;
}

.dropdown-menu {
    border-radius: 0px !important;
    z-index: 10000;
}

.lg-outer {
    width: 75% !important;
    height: 100%;
    position: absolute;
    top: 0% !important;
    left: 25% !important;
    z-index: 2999 !important;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
    border: 10px solid var(--clr-blacklight1);
}

.lg-backdrop {
    position: absolute;
    top: 0% !important;
    left: 25% !important;
    right: 0;
    bottom: 0;
    width: 75% !important;
    height: 94%;
    z-index: 2999 !important;
    background-color: var(--clr-blacklight2);
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: var(--clr-blacklight1);
}

    .lg-toolbar .lg-close {
        display: none !important;
    }

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer {
    background-color: var(--clr-blacklight1);
}

.lg-icon {
    background-color: var(--clr-blacklight1);
}

.dvImageGalary {
    padding: 10px 7px 0 7px;
    background-color: var(--clr-blacklight1);
    height: 100%;
}

.dvDateWidth {
    width: 20% !important;
}

.dvButtonWidth {
    width: 30% !important;
}

.lblYesNo,
.lblServiceYesNo {
    width: 30px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 20px;
    font-family: LatoRegular;
    margin: 0;
    float: left;
    border-radius: 0px 3px 3px 0px;
    padding: 0px 3px 1px;
    border-left: none !important;
}

.lblYes,
lblServiceYes {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark2);
    color: var(--clr-white) !important;
    width: 35px !important;
}

.lblServiceYes {
    background-color: transparent !important;
    border: 1px solid var(--clr-greendark2) !important;
}

.lblNo,
lblServiceNo {
    background-color: var(--clr-reddull1);
    border: 1px solid var(--clr-reddull1);
    color: var(--clr-white) !important;
    width: 35px !important;
}

.lblServiceNo {
    background-color: transparent !important;
    border: 1px solid var(--clr-reddull1) !important;
}

.lblCommonConfirm {
    background-color: var(--clr-purple);
    border: 1px solid var(--clr-purple);
    color: var(--clr-white) !important;
    width: 35px !important;
}

.lblServiceCaption {
    color: var(--clr-white);
    font-size: 12px;
    line-height: 20px;
    font-family: LatoRegular;
    margin: 0;
    float: left;
    width: 60%;
    text-align: center;
    padding: 0px 3px 1px;
    background-color: transparent;
    border: 1px solid var(--clr-gray);
    color: var(--clr-white);
    border-radius: 3px 0px 0px 3px;
}

    .lblServiceCaption.black {
        color: var(--clr-black) !important;
    }

.lblServiceStatus {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 20px;
    font-family: LatoRegular;
    margin: 0;
    float: left;
    width: 40%;
    text-align: center;
}

.lblLower {
    text-transform: lowercase !important;
}

.dvServiced {
    display: block;
    width: 48%;
    float: left;
    margin-right: 2%;
}

.dvCallCenterCommunication {
    padding: 0px 3px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.InboxSmallContainer {
    padding: 0px 3px;
}

.btnPaymentTermsOnBill {
    cursor: pointer;
    margin-left: 5px;
    padding: 2px 10px;
    border-radius: 3px;
}

    .btnPaymentTermsOnBill.left {
        margin-right: 10px !important;
        margin-left: 0px !important;
    }

.TabPageColumn2 {
    width: 50% !important;
}

.dvContainerBlink {
    -webkit-animation: blinker 1s linear infinite;
    /* Safari 4.0 - 8.0 */
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;
}

.dvEmptyContainer {
    height: 0px !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.imgBefore {
    clear: both;
    font-size: 14px;
    text-align: center;
    background-color: var(--clr-reddark2);
    color: white;
    width: 100%;
}

.imgAfter {
    clear: both;
    font-size: 14px;
    text-align: center;
    background-color: var(--clr-greendark3);
    color: white;
    width: 100%;
}

.dvEMRPastDataGridPatHistory .dvPatientHistoryCard {
    background-color: transparent !important;
    padding: 0px;
    margin-bottom: 15px;
    color: var(--clr-white);
    border: none !important;
}

.dvEMRPastDataGridPatHistory .dvPatientHistoryCardHeader {
    background-color: rgba(45, 45, 45, 0.4) !important;
    padding: 6px;
    margin-bottom: 0px;
    color: var(--clr-white);
    font-size: 15px;
    line-height: 25px;
    border: none !important;
    text-transform: uppercase;
}

.dvEMRPastDataGridPatHistory .card-body {
    padding: 5px 15px;
}

.dvPatientHistoryCard br {
    display: none !important;
}

.dvEMRPastDataGridPatHistory .DvColumnFirstPatHistory {
    width: 40%;
    float: left;
    font-size: 15px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.7);
}

.dvEMRPastDataGridPatHistory .DvColumnLast {
    width: 60%;
    float: left;
    font-size: 15px;
    line-height: 25px;
}

.dvEMRPastDataGridPatient .dvPatientHistoryCard {
    border: 1px solid rgba(182, 182, 182, 0.6) !important;
}

.dvEMRPastDataGridPatient .dvPatientHistoryCardHeader {
    background-color: var(--clr-graylight2dull1New) !important;
    font-size: 18px;
    padding: 6px 10px;
    background-color: var(--clr-graylight2dull1New);
    border-bottom: none !important;
    color: var(--clr-black) !important;
    text-transform: uppercase;
}

.dvEMRPastDataGridPatient .card-body {
    padding: 6px 10px 10px;
}

.dvPatientHistoryCard br {
    display: none !important;
}

.dvEMRPastDataGridPatient .DvColumnFirstPatHistory {
    width: 30%;
    float: left;
    font-size: 16px !important;
    margin-bottom: 5px !important;
    color: var(--clr-blacklight2);
}

.dvEMRPastDataGridPatient .lblLowEmphasisSec {
    color: var(--clr-blacklight2) !important;
}

.dvEMRPastDataGridPatient .DvColumnLast {
    width: 70%;
    float: left;
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

.dvCustomTopForPatPortal {
    margin-bottom: 0px;
    font-size: 18px;
    padding: 5px 10px;
    background-color: var(--clr-graylight2dull1New);
    border: 1px solid rgba(0, 0, 0, 0.125);
}


.dvPastMenuContainerPortal .btnOptionCircleSmall,
.dvPastMenuContainerPortal .btnOptionCircleSelectedSmall {
    color: var(--clr-blacklight1) !important;
    font-size: 14px !important;
    padding: 0px 5px 5px 10px !important;
    margin-top: 10px !important;
}

.dvPastMenuContainerPortal .btnOptionCircleSelectedSmall {
    border-bottom: 5px solid var(--clr-green);
    color: var(--clr-black);
    font-weight: bold;
}

.dvCustomTopRxPatPortal {
    margin-bottom: 0px;
    font-size: 18px;
    padding: 5px 10px;
    background-color: var(--clr-graylight2dull1New);
    border: 1px solid rgba(182, 182, 182, 0.6);
    margin-top: 10px !important;
    padding: 5px;
    font-size: 15px !important;
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    font-weight: 700;
}

    .dvCustomTopRxPatPortal:first-child {
        margin-top: 0px !important;
    }

.dvCustomRxPatPortal {
    background-color: var(--clr-white) !important;
    padding: 5px 10px;
    margin-bottom: 0px;
    border-left: 1px solid rgba(182, 182, 182, 0.6) !important;
    border-right: 1px solid rgba(182, 182, 182, 0.6) !important;
    border-bottom: 1px solid rgba(182, 182, 182, 0.6) !important;
    border-radius: 0px;
    border-top: none;
}

    .dvCustomRxPatPortal:last-child {
        border-radius: 0px 0px 3px 3px;
    }

    .dvCustomRxPatPortal .lbl_Med_LowImp {
        color: var(--clr-gray) !important;
    }

.dvCustomForPatPortal .lblColorWhite {
    color: var(--clr-black) !important;
    font-size: 15px;
}

.dvCustomForPatPortal .lblLowEmphasisSec {
    color: var(--clr-gray) !important;
    font-size: 14px;
}

.dvCustomTopForPatPortal .lblColorWhite {
    color: var(--clr-black) !important;
    font-size: 15px;
}

.dvCustomTopForPatPortal .lblBorderGreen {
    color: var(--clr-black) !important;
}

.dvCustomTopForPatPortal .lblLowEmphasisSec {
    color: var(--clr-gray) !important;
    font-size: 14px;
}

.dvCustomTopRxPatPortal .lblBorderGreen,
.dvCustomTopRxPatPortal .lblColorWhite,
.dvCustomRxPatPortal .lblColorWhite {
    color: var(--clr-black) !important;
    font-size: 15px;
}

.dvCustomTopRxPatPortal .lblLowEmphasisSec,
.dvCustomRxPatPortal .lblLowEmphasisSec {
    color: var(--clr-black) !important;
    font-size: 14px;
}

.dvCustomRxPatPortal .lblPastDataDate,
.dvCustomTopRxPatPortal .lblPastDataDate,
.dvCustomForPatPortal .lblPastDataDate {
    color: var(--clr-black) !important;
    font-size: 15px;
}

.dvCustomRxPatPortal .lblBGEGray,
.dvCustomRxPatPortal .lblBGGreen {
    font-size: 12px !important;
    color: var(--clr-white) !important;
}

.dvCustomRxPatPortal .lblBorderGreen {
    font-size: 12px !important;
    color: var(--clr-black) !important;
}

.lblPatHeader {
    font-size: 1.25rem;
    line-height: 2rem;
    color: var(--clr-black);
    margin-bottom: 0;
    font-weight: 700;
}

.btnDocument {
    cursor: pointer;
    color: var(--clr-graylight1);
}

dvPrintBodyContainer {
    padding: 4% !important;
}

.lblColorRedImp {
    color: var(--clr-red) !important;
}

.dvBGPageContainer {
    min-height: 100vh;
    background-color: var(--clr-gray);
    padding: 1.56rem 0 0;
}

.dvBGPageContainerWhite {
    min-height: 96vh;
    background-color: var(--clr-white);
    border-radius: .3rem .3rem;
    padding: 40px;
}

.dvBGPageContainerInner {
    text-align: center;
}

.btnStaffImageAppt:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
    font-size: 30px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid var(--clr-graylight1);
    padding: 12px 16px;
    border-radius: 50%;
}

.btnStaffImageAppt {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-radius: 50%;
}

.dvNextAppointmentContainer {
    background-color: var(--clr-graylight2);
    padding: 5px;
}

.dvPatientProCard {
    border: 1px solid rgba(182, 182, 182, 0.6) !important;
}

    .dvPatientProCard .dvContainerListSubHeader {
        font-size: 16px;
        font-weight: 700;
    }

    .dvPatientProCard .card-body {
        padding: 6px 10px 10px;
    }

        .dvPatientProCard .card-body ol {
            padding-left: 15px !important;
        }

    .dvPatientProCard .card-header {
        font-size: 18px;
        padding: 6px 10px;
        background-color: var(--clr-graylight2dull1New);
        border-bottom: 1px solid rgba(182, 182, 182, 0.6) !important;
    }

.DvColumnFirsts {
    width: 30%;
    float: left;
    font-size: 16px !important;
    margin-bottom: 5px !important;
    color: var(--clr-blacklight2);
}

.DvColumnExtrilLasts {
    width: 20%;
    float: left;
    font-size: 16px !important;
    margin-bottom: 5px !important;
    color: var(--clr-black);
}

.DvColumnLasts {
    width: 70%;
    float: left;
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

.dvContainerListItem {
    list-style: none;
    font-size: 16px !important;
    clear: both;
    margin-bottom: 5px !important;
}

.IncomingCall {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
    margin-right: 10px;
}

    .IncomingCall::before {
        content: "\f095";
        font-size: 24px;
        float: left;
    }

    .IncomingCall::after {
        content: "\f062";
        font-size: 13px;
        top: 0px;
        left: 9px;
        transform: rotate(-140deg);
        position: absolute;
    }

.OutcomingCall {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
    margin-right: 10px;
}

    .OutcomingCall::before {
        content: "\f095";
        font-size: 24px;
        float: left;
    }

    .OutcomingCall::after {
        content: "\f062";
        font-size: 13px;
        top: 0px;
        left: 9px;
        transform: rotate(45deg);
        position: absolute;
    }

.btnCompleteds:before,
.btnCompleteds:after {
    color: var(--clr-greendark1);
}

.btnDues:before,
.btnDues:after {
    color: rgba(255, 255, 255, 0.7);
}

.tbReportContainer {
    border: none !important;
}

.nav-tabs .nav-item + .nav-item {
    margin-left: 0rem !important;
}

.tbReportContainer li {
    background-color: transparent !important;
    margin-right: 5px !important;
    cursor: pointer;
}

    .tbReportContainer li a {
        color: var(--clr-black) !important;
        margin-right: 0px;
        line-height: 1.42857143;
        border: 1px solid rgba(182, 182, 182, 0.6) !important;
        border-radius: 4px 4px 0 0;
        border-bottom: none !important;
        /*box-shadow: -1px -1px 3px -1px $clrBlackdull1;*/
    }

.tbReportContainer .active {
    background-color: var(--clr-white);
    border-radius: 5px 5px 0 0 !important;
    text-decoration: none !important;
    color: var(--clr-black) !important;
    font-size: 16px;
    float: left;
    font-family: LatoRegular;
    cursor: pointer !important;
    border: 1px solid rgba(182, 182, 182, 0.6) !important;
    border-bottom: none !important;
    border-top: 5px solid var(--clr-green) !important;
    font-size: 14px;
    padding: 7px 8px !important;
    font-weight: 700;
    /*box-shadow: -1px -1px 3px -1px $clrBlackdull1;*/
}

.loading-dots-center {
    padding-top: 30vh !important;
}

.loading-dots-center-small {
    padding-top: 13vh !important;
    padding-bottom: 13vh !important;
}
/*Used for Color Light Blue*/
.lblColorbluelight-imp {
    color: var(--clr-bluelight1) !important;
}

.tbReportContainer > li > a {
    font-size: 14px;
    padding: 8px !important;
    border: 1px solid rgba(182, 182, 182, 0.6);
}

    .tbReportContainer > li > a.link {
        border: none !important;
        color: var(--clr-blue) !important;
    }

.tabPageCustom {
    padding: 10px 0 !important;
    border-top: none !important;
}

    .tabPageCustom.p-0 {
        padding: 0 !important;
    }

    .tabPageCustom.tab-Comm {
        padding-bottom: 0 !important;
        padding-top: 0px !important;
    }

    .tabPageCustom.border-r {
        padding-bottom: 0 !important;
        padding-top: 0px !important;
    }
/*.nav-tabs .nav-item + .nav-item {
    margin-left: 0rem !important;
    margin-right: .2rem!important;
}*/
.dvCustomEvenRowGrayDark {
    background-color: var(--clr-graylight2) !important;
    border-bottom: 1px solid rgba(182, 182, 182, 0.6) !important;
    padding: 3px;
    margin-bottom: 5px;
}

.dvSelectedReportContainer {
    padding: 11px 10px 0px 10px;
    background-color: var(--clr-graylight2);
    border-right: 1px solid var(--clr-graylight1dull1);
}

.dvPageHeader.border-none {
    border: none !important;
}

.pnlBlueGray {
    background-color: var(--clr-graylight2);
    padding-left: 0px !important;
}

.pnlDarkGray {
    background-color: #4b5158;
    padding-left: 0px !important;
}

.tab-content .active {
    border: 1px solid rgba(182, 182, 182, 0.6) !important;
    /*box-shadow: 0 1px 2px 0 $clrBlackdull1;*/
}

.divReportPageWrapperConatiner {
    margin: 0;
    min-height: 500px;
    background-color: var(--clr-white) !important;
}

.dvBgWhite {
    background-color: var(--clr-white) !important;
}

.tab-pane {
    background-color: var(--clr-white) !important;
}

.btnClose {
    font-weight: bold;
    margin-left: 10px;
    font-size: 15px;
    color: var(--clr-graylight1);
    cursor: pointer;
}

    .btnClose:hover {
        color: var(--clr-black) !important;
    }

/*.btnChart,
.btnResult {
    width: 38px;
}*/

.btnResult::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00b";
    font-size: 14px;
}

.btnSetting::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f013";
    font-size: 14px;
    line-height: 36px;
}

.btnGoogleCalendarMenu {
    line-height: 35px;
}

    .btnGoogleCalendarMenu .logo {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }

.btnRefresh::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f021";
    font-size: 14px;
    line-height: 36px;
}
/*Used for Filter Small Button*/
.btnIconFilter::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f0b0";
    font-size: 14px;
}

.btnChart::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f080";
    font-size: 14px;
    line-height: 30px;
}

.btnConfigure::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f013";
    font-size: 14px;
    line-height: 36px;
}

.btnInfoVerySmall {
    cursor: pointer;
}

    .btnInfo::after,
    .btnInfoSmall::after,
    .btnInfoSmallGreen::after,
    .btnInfoVerySmall::after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f129";
        line-height: 18px !important;
        background-color: var(--clr-graylight1);
        border-radius: 3px;
        color: var(--clr-white);
        margin-left: 5px;
    }

.btnInfo::after,
.btnInfoSmall::after,
.btnInfoSmallGreen::after {
    font-size: 12px;
    padding: 2px 6px;
}
.btnInfo.orange::after {
    background-color: var(--clr-orangedark1);
}
.btnInfo.red::after {
    color: var(--clr-white) !important;
    background-color: var(--clr-reddark1) !important;
}

.btnInfoVerySmall::after {
    font-size: 11px;
    padding: 1px 4px;
}

.btnInfo2.small {
    background-color: #E74C3C !important;
    border-radius: 50%;
    line-height: 30px;
}

    .btnInfo2.small:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px !important;
        margin-left: 3px;
        line-height: 17px !important;
        vertical-align: top;
    }

.btnInfoSmall {
    margin-left: 10px;
    cursor: pointer;
}

.btnInfoSmallWithText {
    margin-left: 0px !important;
    cursor: default;
}

    .btnInfoSmallWithText::after {
        margin-left: 0px !important;
        font-size: 8px !important;
        padding: 2px 5px !important;
    }

.RadioDataContainer {
}


.btnInfoSmallGreen::after {
    background-color: var(--clr-greendark1) !important;
    color: var(--clr-white) !important;
}

.dvReportToolBar {
    padding: 10px 10px 0px 10px;
}

.btnInfoSmall2 {
    margin-left: 0px !important;
}

.btnInfoSmallOrange::after {
    background-color: var(--clr-yellow) !important;
    color: var(--clr-blacklight2) !important;
    border: 1px solid var(--clr-graylight1) !important;
}

.btnInfoSmallRed::after {
    background-color: var(--clr-red) !important;
    color: var(--clr-white) !important;
    border: 1px solid var(--clr-red) !important;
}

.dvDashBoardContainer {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.btnCloud::before {
    color: var(--clr-purple);
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f10b";
    font-size: 175px;
    line-height: 175px;
}

.DvReportHeaderContainer {
    padding: 0px;
}

.dvDataContainer {
    padding: 0px;
}

.DivLeftIcon {
    margin-right: 2%;
    float: left;
    /*width: 20%;*/
}

.DivLeftData {
    float: left;
    /*width: 78%;*/
}

.lblTools:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f0c1";
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    margin-right: 5px;
}

.lblBill:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f0b1";
    color: var(--clr-greendark1);
    margin-right: 5px;
}

.lblUser:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f2c0";
    color: var(--clr-greendark1);
    font-weight: bold;
    margin-right: 5px;
}

.lblLead:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f2c0";
    color: var(--clr-blacklight1);
    margin-right: 5px;
}

.lblCallCenter:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f095";
    color: var(--clr-bluedark1);
    font-weight: bold;
    margin-right: 5px;
}

.lblEMR:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f21e";
    color: var(--clr-reddark1);
    margin-right: 5px;
}

.lblCal:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f073";
    color: var(--clr-blue);
    margin-right: 5px;
}

.lblLab:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f1fb";
    color: var(--clr-purplelight1);
    margin-right: 5px;
}

.lblLab2:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    content: "\f1fb";
    margin-right: 5px;
}
/*Used for List Primary Value Panel*/
.lblListPrimaryValuePanel {
    font-size: 16px !important;
    line-height: 25px;
    display: inline;
    padding: 0 !important;
    display: initial;
}

.dvCustomReportRow {
    border-bottom: 1px solid rgba(182, 182, 182, 0.6) !important;
    padding: 5px;
    margin-bottom: 10px;
}

    .dvCustomReportRow:hover {
        background-color: #f6f6f9 !important;
    }

.dvCustomReportRowSelected {
    background-color: #fcfcfd !important;
}

.dvGapSmall {
    margin-top: 5px !important;
}

.dvRunBotton {
    float: right !important;
    margin-left: 7px !important;
    line-height: 39px;
}

    .dvRunBotton .btnImportant {
        margin-right: 0px !important;
    }

.dvReportRightSide {
    padding: 0px !important;
}

.dvReportCont {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
}

.dvReportContData {
    border-top: 1px solid var(--clr-graylight2);
}

/* The container */
.RadioContainer {
    display: block;
    position: relative;
    font-size: 14px !important;
    padding-left: 22px;
    margin-bottom: 7px !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.RadioContainerBottom {
    margin-bottom: 0px !important;
}

.RadioContainerNextLineValue {
    padding-left: 20px;
}

/* Hide the browser's default radio button */
.RadioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: var(--clr-white) !important;
    border-radius: 50%;
    border: 1px solid var(--clr-graylight1) !important;
}

/* When the radio button is checked, add a blue background */
.RadioContainer input:checked ~ .checkmark {
    background-color: var(--clr-white) !important;
    border: 1px solid var(--clr-graylight1) !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.RadioContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.RadioContainer .checkmark:after {
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--clr-purplelight3);
}

.dvMedDataContainer {
    width: 100%;
    color: var(--clr-white);
    padding: 5px;
}

    .dvMedDataContainer li {
        list-style: none !important;
        clear: both;
    }

.dvMedDataContainerRight {
    width: 100%;
    color: var(--clr-white);
    padding: 5px;
}

.dvMedDataContainerNotes {
    width: 100%;
    color: var(--clr-blacklight2);
    padding: 5px;
}

.dvSearchContPanelOnlyCombo .select2-container .selection .select2-selection {
    border-radius: 3px !important;
}

.dvDocumentContainerGreen {
    border-left: 5px solid var(--clr-green);
}

.dvDocumentContainerBlack {
    border-left: 5px solid var(--clr-black);
}

.dvDocumentContainerPink {
    border-left: 5px solid var(--clr-pink);
}

.dvDocumentContainerRed {
    border-left: 5px solid var(--clr-red);
}

.dvDocumentContainerBlueDull1 {
    border-left: 5px solid rgba(67, 203, 255, 0.5);
}

.dvDocumentContainerBlueLight {
    border-left: 5px solid var(--clr-bluelight1);
}

.dvDocumentContainerMarron {
    border-left: 5px solid var(--clr-maroon);
}

.dvDocumentContainerOrange {
    border-left: 5px solid var(--clr-orange);
}

.dvDocumentContainerPurple {
    border-left: 5px solid var(--clr-purplelight1);
}

.dvDocumentContainerGray {
    border-left: 5px solid var(--clr-blacklight2);
}

.dvDocumentContainerGrayLight {
    border-left: 5px solid var(--clr-graylight1);
}

.dvDocumentContainer {
    padding: 0px;
    margin-bottom: 15px;
    background-color: rgba(182,182,182,.15);
    border-radius: 4px;
}

.dvDocumentContainerLast {
    /*border-left: 5px solid $clrBluelight1;*/
    padding: 0px;
    margin-bottom: 0px !important;
    background-color: var(--clr-blacklight1dull1);
    /* box-shadow: 0 1px 4px 0 $clrBlackdull1; */
}

.dvDocumentContainerHeader {
    padding: 8px 10px;
}

.lblMedSummaryNewHeader {
    font-size: 14px !important;
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    padding: 0;
    margin: 0;
    float: left;
    font-weight: 700;
    line-height: 38px !important;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    cursor: pointer;
}

    .lblMedSummaryNewHeader.small {
        line-height: 15px !important;
    }

.lblSnapshotOtherDetails {
    color: rgba(255, 255, 255, 0.7);
}

.ulMedicalSummary {
    padding-left: 0px;
    list-style: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    clear: both;
}

.ulMedicalSummaryAdvice {
    padding-left: 10px;
    list-style: none;
    padding-bottom: 15px;
    clear: both;
}

.dvCaptionFieldFull {
    width: 100%;
    float: left;
    font-size: 14px;
    color: var(--clr-white);
    clear: both;
}

.dvCaptionFieldFull {
    width: 100%;
    float: left;
    font-size: 15px;
    /*border-bottom: 1px solid gray;*/
    clear: both;
}

.dvValueField70 {
    width: 70%;
    float: left;
}

.dvCaptionField {
    width: 40%;
    float: left;
    font-size: 15px;
    color: var(--clr-white);
}

.dvValueField {
    width: 60%;
    float: left;
    font-size: 15px;
    color: var(--clr-white);
}

.dvValueFieldFullLowImp {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    padding-left: 12px;
}

.lblValueFieldFullLowImp {
    line-height: 18px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0px;
}

.linkMedicalSummary {
    font-family: LatoRegular;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    color: var(--clr-white);
    cursor: pointer;
    font-weight: bold;
    letter-spacing: .6px;
}

.ulMedicalSummary {
    padding-left: 0px;
}

    .ulMedicalSummary li {
        margin-bottom: 15px;
    }

.lbl_Med_Imp {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 15px;
    line-height: 25px;
    color: var(--clr-white);
}

.lbl_Med_LowImp {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.7);
}

.lblSecond_row_value {
    padding-left: 15px;
}

.bg-checkin {
    background-color: var(--clr-graylight1) !important;
    height: 60px !important;
}

.dvBGPageCheckinContainer {
    min-height: 100vh;
    background-color: var(--clr-graylight2);
}

.dvBGPageCheckinContainerWhite {
    min-height: 80vh;
    background-color: var(--clr-white) !important;
    border-radius: .3rem .3rem;
    padding: 40px;
    border: 1px solid var(--clr-graylight1);
}

.dvContentEditableContainer {
    padding: 10px 50px;
    text-align: center;
    vertical-align: top;
}

.dvContentEditable {
    border: none !important;
    outline: none !important;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-white);
    padding: 10px 50px;
    display: inline-block;
    width: fit-content;
    border-radius: 3px;
}

.dvColorPickerSmall {
    float: left;
    cursor: pointer;
    height: 40px;
    padding: 0px;
    border: 2px solid var(--clr-white);
    width: 40px;
}

.dvColorPickerSmallSelected {
    float: left;
    cursor: pointer;
    border-style: inset;
    border-width: 4px;
    border-color: var(--clr-graylight1);
    height: 36px;
    padding: 0px;
    margin-top: 2px;
}

.dvBoxQty input[type="number"] {
    width: 80% !important;
    float: right;
}

.dvBoxBig textarea {
    height: auto !important;
    vertical-align: top;
    padding: 7px 7px !important;
}

.btnCrossCircle {
    padding: 0px;
    position: absolute;
    right: 5px;
    font-weight: bold;
    top: -34px;
}

.dvDateContainer {
    background-color: var(--clr-graylight2);
    padding: 5px;
    border-radius: 3px;
    width: fit-content;
}

.dvChartContainerOnXSLT {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: var(--clr-graylight2dull1New2);
    border: 1px solid var(--clr-graylight2);
}

.dvChartWhite {
    background-color: var(--clr-white);
    border-radius: 3px;
    border: 1px solid rgba(182, 182, 182, 0.6);
}

.dvChartSummaryForXSLT {
    text-align: center;
    padding: 30px 0px !important;
}

.divFormFieldBetweenGap10 {
    height: 10px;
    width: 100%;
}

.divFormFieldBetweenGap15 {
    height: 15px;
    width: 100%;
}

.pnlGreen {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9;
    top: 0px;
    background-color: #4b5158;
    padding: 7px 10px;
    border-radius: 0px;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.pnlWhatsApp {
    background-color: rgb(239, 234, 227);
}

.pnlMedicalSummary {
    box-shadow: none !important;
    /*padding-left: 0px !important;*/
}

.dvNewHeaderSepColor {
    background-color: var(--clr-graydark1);
}

.PageMainWrapperNewSep2 {
    padding: 10px;
    background-color: white;
    border-radius: 6px 6px 0px 0px;
}

.btnSmallButton {
    border: 1px solid var(--clr-gray);
    color: var(--clr-blacklight2);
    padding: 5px 10px 5px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

    .btnSmallButton:hover {
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }

.btnSmallEdit {
    padding: 0px 5px 1px;
    font-size: 12px;
    float: left;
    line-height: 16px;
    margin-top: 8px;
    border-radius: 2px;
    cursor: pointer;
}

    .btnSmallEdit:before {
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 !important;
        text-align: center;
        margin-right: 8px;
        line-height: 15px;
        content: "\f040" !important;
        font-size: 12px;
    }

.btnSmallConvert {
    padding: 0px 5px 1px;
    font-size: 12px;
    float: left;
    line-height: 16px;
    margin-top: 8px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-greendark1) !important;
}

    .btnSmallConvert:before {
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 !important;
        text-align: center;
        margin-right: 4px;
        line-height: 15px;
        font-size: 12px;
    }

.dvHeaderRow2 {
    border-radius: 3px 3px 0 0;
    background-color: rgba(182,182,182, 0.15);
    min-height: 30px;
    padding: 0px 4px;
    margin-top: 4px;
    border: 1px solid var(--clr-graylight1dull1) !important;
}

.lblStickerFont {
    font-size: 12px;
}

    .lblStickerFont .lblBGGray {
        margin-left: 0px !important;
    }

.dvHeaderRow2Footer {
    border-radius: 0 0 3px 3px !important;
    border: 1px solid var(--clr-graylight1dull1) !important;
    border-top: none !important;
    min-height: 30px;
    padding: 0px 4px;
}

.dvGridFieldHeaderSmall {
    font-family: LatoRegular;
    padding: 2px 2px 2px 2px;
    text-transform: uppercase;
    line-height: 25px !important;
    background-image: none;
    color: var(--clr-blacklight1);
    font-weight: normal;
    font-size: 12px;
}

.dvPlanRowItem {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 5px;
    padding-top: 5px;
    border-left: 1px solid var(--clr-graylight1dull1) !important;
    border-bottom: 1px solid var(--clr-graylight1dull1) !important;
    border-right: 1px solid var(--clr-graylight1dull1) !important;
}

.dvPlanRow p {
    margin: 0px !important;
}

.dvTopGap {
    margin-top: 5px;
}

.dvLeftGap {
    margin-left: 5px;
}

.dvPlanRowSeperator {
    border-top: var(--clr-graylight1dull1);
}
/*Used for List Value Panel*/
.lblListValueSmall {
    font-size: 12px;
    line-height: 20px;
}
/*Used for List Secondary Value*/
.lblListSecondaryValue {
    font-size: 16px;
    line-height: 25px;
}

    .lblListSecondaryValue.small {
        font-size: 14px;
    }
/*Used for List Value Panel*/
.lblListValueSmallPara2 {
    font-size: 12px;
    line-height: 10px;
    margin: 0px !important;
}
/*Used for List Value Panel*/
.lblListValueSmallPara {
    font-size: 12px;
    line-height: 15px;
}
/*Used for Paragraph Small*/
.lblParaSmall {
    line-height: 15px !important;
}
/*Used for Paragraph Small*/
.lblParaSmallTopGap {
    margin-top: 2px !important;
}

.btnMarkAsNotComplete {
    padding: 0px 5px 1px 5px;
    font-size: 12px;
    float: left;
    line-height: 16px;
    margin-top: 8px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-greendark1) !important;
    background-color: var(--clr-white);
    outline: none !important;
}
/*Used for Container Blink Medical*/
.dvContainerBlinkMedical {
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    background-color: var(--clr-greendark1) !important;
    border: 1px solid var(--clr-greendark1) !important;
    display: inline-block !important;
    line-height: 28px !important;
    padding: 1px 4px 1px !important;
    color: var(--clr-white) !important;
    border-radius: 3px !important;
}
/*Medical Summary Data Section*/
.dvDocumentContainer2 {
    padding: 0;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #4b5158;
}

.password-tick,
.btnMarkAsCompleted {
    border: none;
    color: var(--clr-greendark1);
}

.password-cross {
    border: none;
    color: var(--clr-reddark1);
}

.btnMarkAsCompletedWhite {
    border: none;
    color: White !important;
}

.password-tick:before,
.btnMarkAsCompleted:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f00c" !important;
    font-size: 12px;
}

.password-cross:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f00d" !important;
    font-size: 12px;
}

.btnSeeAll {
    padding: 0px 5px 1px;
    font-size: 12px;
    float: left;
    line-height: 16px;
    border-radius: 2px;
    cursor: pointer;
    background-color: var(--clr-white);
    outline: none !important;
}

.dvSmallChatSmall:before {
    font: normal normal normal 12px/1 FontAwesome;
    line-height: 10px;
    content: "\f0e5";
    line-height: 14px !important;
    margin-right: 3px;
    vertical-align: text-top !important;
}
/*Used for SmallChat*/
.lblSmallChat:before {
    font: normal normal normal 16px/1 FontAwesome;
    line-height: 10px;
    content: "\f0e5";
    padding-right: 4px;
    font-size: 12px;
}

/*Used for Feedback Common*/
.lblSmallFeedback:before,
.lblSmallFeedbackGreen:before {
    font: normal normal normal 13px/1 FontAwesome;
    line-height: 10px;
    content: "\f005";
    padding-right: 4px;
    font-size: 12px;
}

.lblSmallFeedbackGreen.done:before {
    font: normal normal normal 16px/1 FontAwesome;
    color: var(--clr-red) !important;
    padding-left: 5px;
}
/*Used for FeedbackGreen*/
.lblSmallFeedback:before {
    color: rgba(255, 255, 255, 0.7);
}

/*Used for FeedbackGreen*/
.lblSmallFeedbackGreen:before {
    color: #F39C12;
}


.btnStaffNewVerySmall:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 17px;
    content: "\f0f0" !important;
    font-size: 12px;
    vertical-align: text-top !important;
}

.btnStaffNewVerySmall2:before {
    vertical-align: baseline !important;
}

.lblBlink, .lblBlinkLong, .lblBlinkContinue {
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
}

.lblBlinkLong {
    animation-iteration-count: 10;
}

.lblBlink {
    animation-iteration-count: 3;
}
/*Used for blinker*/
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*Used for Details Page Status*/
.dvWhiteWithPointerNone {
    background-color: var(--clr-white) !important;
    color: var(--clr-blacklight2) !important;
    border: 1px solid var(--clr-graylight1dull1);
    padding: 8px 10px 8px !important;
    outline: none !important;
    font-size: 14px;
    background-color: transparent;
    padding: 6px 10px 8px !important;
    text-align: left;
    margin: 0;
    line-height: 35px;
    cursor: default;
    border-radius: 20px 20px 20px 0;
    margin-left: 5px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: super;
}
/*Used for Details Page Status*/
.dvContainerLeftAlign,
.dvContainerLeftAlignGray {
    margin-left: 0 !important;
}
/*Used for Small Tooltip Small Count*/
.lblTooltipGapSmall {
    padding: 1px 5px 1px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    border: 1px solid var(--clr-graylight1dull1) !important;
    border-radius: 20px 20px 20px 0;
}

.lblTooltipCounter {
    float: right;
    margin-top: 16px !important;
    margin-right: 3px !important;
    background: var(--clr-purplelight2dull2);
    border: 1px solid var(--clr-purplelight2dull2) !important;
    color: var(--clr-white) !important;
    border-radius: 8px 8px 8px 0 !important;
}

.dvApptSearchSechdule {
    padding-left: 0px !important;
    padding-right: 10px !important;
}

.dvApptSearchStatus {
    padding-left: 10px !important;
    padding-right: 0px !important;
}

.lblTooltipCounterGray {
    float: right;
    margin-top: 16px !important;
    margin-right: 3px !important;
    background: var(--clr-graylight1dull1);
    border: 1px solid var(--clr-graylight1dull1) !important;
    color: var(--clr-blacklight2) !important;
    border-radius: 8px 8px 8px 0 !important;
}

.lblSmallButton {
    margin-right: 4px;
    font-size: 14px
}

.stamp {
    transform: rotate(12deg);
    color: var(--clr-red);
    font-size: 14px;
    font-weight: 700;
    border: 1px solid var(--clr-red);
    display: inline-block;
    padding: 1px 7px;
    border-radius: 1rem;
    float: left;
    margin-left: 10px;
}

.is-canceled {
    transform: rotate(-14deg);
    border-radius: 0;
}

.lblMasterCard:before,
.lblPaypal:before,
.lblPaytem:before,
.lblVISA:before,
.lblDefault:before,
.lblCreaditCard:before {
    font: normal normal normal 9px/1 FontAwesome;
    font-size: 32px;
    margin-right: 10px;
    vertical-align: text-top;
}

.lblMasterCard:before {
    content: "\f1f1";
    color: var(--clr-bluelight1);
}

.lblVISA:before {
    content: "\f1f0";
    color: var(--clr-greendark1);
}

.lblDefault:before {
    content: "\f00c";
    color: var(--clr-greendark1);
}

.lblPaypal:before {
    content: "\f1f4";
    color: var(--clr-orangedark1);
}

.lblCreaditCard:before {
    content: "\f09d ";
}

.dvPaymentCards {
    padding: 15px;
    border: 1px solid var(--clr-graylight1dull1);
    border-radius: 3px;
    margin-bottom: 15px;
}

.dvCard_Varify {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--clr-graylight1dull1);
}

.checkout {
    background-color: transparent !important;
    overflow-x: hidden !important;
}

.checkout__con {
    max-width: 417px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-30%) scale(.8);
    background-color: var(--clr-white);
    border-radius: 6px;
    height: 550px;
}

    .checkout__con .lblDetails {
        text-align: center;
    }

.dvFullOuterContainer {
    overflow: auto;
    padding: 20px 0 5px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.checkout__container__header {
    padding: 20px;
    height: 100px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid var(--clr-graylight1dull1);
    text-align: right;
    background-color: var(--clr-white) !important;
    border-radius: 6px 6px 0 0;
}

.dvCardHeaderLeft {
    display: inline-block;
    width: 50%;
    float: left;
}

.dvCardHeaderRight {
    display: inline-block;
    width: 50%;
    float: left;
}

.CardHeader_Logo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid var(--clr-gray);
    background-color: var(--clr-gray);
    border-radius: 50%;
}

.ImgCardHeader_Logo {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.lblCardDetailsName {
    font-size: 18px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.lblCardDetailsOrgName {
    font-size: 16px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
}

.lblCardDetailsMsg {
    font-size: 16px;
    margin-top: 20px;
}

.container__option__body {
    padding: 20px 20px 50px;
    box-shadow: none;
}



.checkout_Before_Counter {
    margin-top: 100px;
    text-align: center;
    font-size: 60px;
}



.CardHeader_Logo {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid var(--clr-gray);
    background-color: var(--clr-gray);
    border-radius: 50%;
}

.ImgCardHeader_Logo {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.lblCounter {
    border: 2px solid var(--clr-gray);
    color: var(--clr-blacklight2);
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    padding: 20px 25px;
}

.lblSuccess {
    border: 2px solid var(--clr-greendark1);
    padding: 20px 25px;
    color: var(--clr-greendark1);
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.btnCircleStartCall::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f03d";
    margin-right: 6px;
    font-size: 16px;
}

.btnCircleEndCall::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f095";
    margin-right: 6px;
    font-size: 16px;
}

.lblSuccess:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f00c" !important;
    font-size: 60px;
}

.lblBGOrangeDark {
    color: var(--clr-white);
    background-color: var(--clr-orangedark1);
    color: var(--clr-black);
    padding: 2px 5px 3px !important;
    border-radius: 5px !important;
    font-size: 12px;
}

/*.dvButtonWrapperVideo {
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 85px;
    padding: 2px 15px !important;
    left: 0;
    right: 0;
    z-index: 1200;
    border: 1px solid var(--clr-graylight1dull1);
    background-color: var(--clr-graylight2New3) !important;
    padding-top: 20px !important;
}*/

/*.dvCallSender {
    float: right;
    width: 160px;
    height: 120px;
    display: inline-block;
    background-color: var(--clr-reddull1);
    position: absolute;
    right: 10px;
    top: 95px;
    z-index: 1201;
    border-radius: 3px;
}

    .dvCallSender div {
        border-radius: 3px !important;
    }*/

.dvCallTime {
    font-size: 14px !important;
    float: left;
    color: var(--clr-white);
    z-index: 1201;
}

/*.dvCallStart {
    float: left;
    display: inline-block;
    background-color: transparent;*/
/*position: absolute;*/
/*bottom: 0;
    left: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
    border-radius: 3px 3px 0 0 !important;
}*/

.lblCallTimer {
    top: 41%;
    position: fixed;
    left: 40%;
    text-align: center;
    margin: 0 auto;
    right: 40%;
    font-size: 40px;
    border: 1px solid var(--clr-gray);
    line-height: 100px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    color: var(--clr-white);
}

.dvCallStartPortal {
    background-color: var(--clr-white) !important;
}

.lblVideoCallBigNormal:before,
.lblVideoCallBig:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f03d";
    font-size: 50px;
    height: 50px;
    color: var(--clr-graylight1);
    opacity: .5;
}

.lblVideoCallBig:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*.dvCallReciever {
    float: left;
    display: inline-block;
    background-color: transparent !important;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    top: 84px;
    border-radius: 0 !important;
    padding: 0px;
}*/

.dvCallRecieverDetails {
    float: left;
    display: inline-block;
    background-color: transparent !important;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    top: 30px;
    z-index: 10000;
    border-radius: 0 !important;
    padding: 5px;
}

/*.lblVideoTiming {
    float: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: var(--clr-white);
    padding: 4px 10px;
}

.lblVideoCallStatus {
    float: left;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    padding: 2px 5px;
    margin-top: 3px;
    margin-right: 3px !important;
    color: var(--clr-whitedull1);
}

.lblVideoCallStatusRed {
    border: 1px solid var(--clr-red);
    padding: 0 5px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 3px;
}
*/
.lblConsentStatus {
    float: right;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    padding: 2px 5px;
    margin-top: 3px;
    margin-right: 3px !important;
    color: var(--clr-whitedull1);
}

.dvAccessDeniedCon {
    background-color: transparent;
    bottom: 0;
    text-align: left;
    position: absolute;
    z-index: 1300;
    height: 25px !important;
    top: 84px;
    left: 0;
    right: 0;
}
    /*
.lblVideoCallStatus span {
    line-height: normal !important;
    font-size: 14px !important;
}*/

    .dvAccessDeniedCon div {
        float: none !important;
        padding: 2px 10px 5px !important;
        background-color: var(--clr-red);
        cursor: pointer;
        text-decoration: underline;
        border-radius: 0px;
        font-size: 14px;
        color: var(--clr-white);
        margin: 0px !important;
        width: 100% !important;
    }
/*
.dvCallStatus {
    top: 0;
    min-height: 60px;
    border-radius: 3px 3px 0 0;
    padding: 0;
    background-color: var(--clr-graydark2);
    color: var(--clr-white);
}
*/
.dvCallDetails {
    float: right !important;
    margin-left: 0px !important;
    text-align: center;
    line-height: 15px;
    width: 25% !important;
    padding-bottom: 4px;
    min-height: 60px;
}

    .dvCallDetails .lblCaption {
        font-size: 10px;
        color: var(--clr-whitedull1);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .dvCallDetails .lblValue {
        font-size: 14px;
        color: var(--clr-white);
        line-height: 18px;
        margin-bottom: 2px;
    }


    .dvCallDetails .lblValueRed {
        font-size: 14px;
        color: var(--clr-red);
        line-height: 18px;
        margin-bottom: 2px;
    }

    .dvCallDetails .lblHelper {
        font-size: 10px;
        color: var(--clr-whitedull1);
    }

    .dvCallDetails .lblHelperRed {
        font-size: 10px;
        color: var(--clr-red);
    }

    .dvCallDetails .lblHelperSticker {
        border: 3px solid var(--clr-red);
        padding: 0 5px;
        background-color: transparent;
        border-radius: 3px;
        color: var(--clr-whitedull1);
    }

    .dvCallDetails .lblHelperStickerGreen {
        border: 3px solid var(--clr-green);
        padding: 0 5px;
        background-color: transparent;
        border-radius: 3px;
        color: var(--clr-white);
    }

.dvCallDetailsBorder {
    padding-left: 7px !important;
    border-left: 1px solid var(--clr-graydark2);
}

.dvCallDetailsBorderBoth {
    padding-left: 7px !important;
    border-left: 1px solid var(--clr-graydark2);
    border-right: 1px solid var(--clr-graydark2);
}

.dvCallDetailsDot {
    margin-left: 10px !important;
    margin-right: 10px;
    margin-top: 6px;
}

.dvCallStatusInfoBorder {
    border: 1px solid var(--clr-graydark2) !important;
}

.dvCallStatusSuccessBorder {
    border: 1px solid var(--clr-graydark2);
}

.dvCallStatusRejectedBorder {
    border: 1px solid var(--clr-blacklight2);
}

.dvCallStatusEndBorder {
    border: 1px solid var(--clr-reddull1);
}

.dvCallStatusSuccess {
    background-color: var(--clr-greendark1);
    color: var(--clr-white);
}

.dvCallStatusInfo {
    background-color: var(--clr-graydark4);
    color: var(--clr-black);
}

.dvCallStatusEnd {
    background-color: var(--clr-reddull1);
    color: var(--clr-white);
}

.dvCallStatusRejected {
    background-color: var(--clr-blacklight2);
    color: var(--clr-white);
}

.dvCallStatusSystemError {
    background-color: var(--clr-reddark1);
}
/*
.dvVideoContainerFull {
    margin: 0 auto;
    width: 100%;
    height: 95%;
    background-color: var(--clr-white);
}*/

.btnChangeRxFreq:before,
.btnRxMrngAftEveSmall:before,
.btnRxMrngAftEve:before,
.btnChangeRxFreqSmall:before {
    line-height: 18px;
    cursor: pointer;
    font: normal normal normal 15px/1 FontAwesome;
}

.btnRxMrngAftEve,
.btnRxMrngAftEveSmall {
    transform: rotate(90deg);
    display: inline-block;
}

.btnChangeRxFreqSmall:before {
    color: var(--clr-blackdull1);
    content: "\f068";
    line-height: 20px;
    font-size: 14px;
}

.btnRxMrngAftEveSmall:before {
    color: var(--clr-blackdull1);
    content: "\f0ae";
    line-height: 20px;
    font-size: 14px;
}

.btnChangeRxFreq:before {
    content: "\f068";
    line-height: 18px;
    font-size: 16px;
}

.btnRxMrngAftEve:before {
    content: "\f0ae";
    line-height: 12px;
    font-size: 10px;
}
/*Used for Button Group*/
.btn-group > .btn-group:first-child > .btnBorderTopNone,
.btn-group > .btnBorderTopNone:first-child:not(.dropdown-toggle) {
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
    border-left: 1px solid var(--clr-graylight1);
}
/*Used for Button Group*/
.btn-group > .btn-group:last-child > .btnBorderTopNone,
.btn-group > .btnBorderTopNone:last-child:not(.dropdown-toggle) {
    /*border-radius: 3px;*/
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
}
/*Used for BorderTopNone*/
.btnBorderTopNone {
    border-top: none !important;
}
/*Used for Button Group*/
.btn-group > .btn-group:first-child > .btnBorderBottomNone,
.btn-group > .btnBorderBottomNone:first-child:not(.dropdown-toggle) {
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--clr-graylight1);
    border-top: 1px solid var(--clr-graylight1);
    border-left: 1px solid var(--clr-graylight1);
}
/*Used for Button Group*/
.btn-group > .btn-group:last-child > .btnBorderBottomNone,
.btn-group > .btnBorderBottomNone:last-child:not(.dropdown-toggle) {
    /*border-radius: 3px;*/
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid var(--clr-graylight1);
    border-top: 1px solid var(--clr-graylight1);
    border-bottom: 1px solid var(--clr-graylight1);
}
/*Used for BorderTopNone*/
.btnBorderBottomNone {
    border-bottom: none !important;
}
/*Used for Small Button Group*/
.btnGrpNonSelectedSmall {
    border: none;
    background-color: var(--clr-white);
    cursor: pointer;
    min-height: 16px;
    font-family: LatoRegular;
    color: var(--clr-gray);
    font-size: 12px;
    margin: 0;
    padding-right: 5px;
    padding-left: 5px;
    outline: none !important;
    line-height: 8px;
    height: 20px;
    min-width: 40px;
    line-height: 14px !important;
}

.btnSmallRxYpyeSelected {
    border-bottom: 3px inset var(--clr-greendark1) !important;
    color: var(--clr-blacklight2);
    font-weight: bold;
}

.btnGrpSelectedSmallGray {
    /*background-color: $clrGraylight2dull1New !important;*/
    color: var(--clr-black);
    border-bottom: 2px inset var(--clr-greendark1) !important;
    line-height: 16px !important;
}
/*Used for Small Controls*/
.dvQtySmall {
    width: 50%;
}
/*Used for Small Controls*/
.dvQtySmallInput {
    padding-left: 2%;
    float: left;
}

.dvRxNameLeft {
    float: left;
    width: 60%;
}

.dvRxNameRight {
    float: left;
    width: 40%;
}

.dvValueContainerRight60 {
    float: left;
    width: 60%;
}

.dvValueContainerRight40 {
    float: left;
    width: 40%;
}
/*Used for medical Summary*/
.lbl_Med_LowImp_Small {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255,255,255,.7);
}

.dvButtonFromLeft {
    float: left !important;
    margin-right: 8px !important;
}

    .dvButtonFromLeft.slNo {
        width: 30px;
        text-align: center;
    }

.dvButtonFromRight {
    float: right !important;
    margin-left: 8px !important;
}

    .dvButtonFromRight.seperator {
        margin-right: 2px;
        border-right: 2px solid var(--clr-graylight1);
        padding-right: 10px;
        margin-left: 0 !important;
    }

.lblMedLowImpSmall {
    color: var(--clr-whitedull1);
    font-size: 13px;
}

.lblMedLowImp {
    color: var(--clr-white);
}
/*Used for Regular*/
.lblRegular,
.lblPRN {
    background-color: var(--clr-greendark1) !important;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-white) !important;
    padding: 0 4px 2px !important;
    border-radius: 3px;
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 12px;
    vertical-align: super;
    margin-left: 2px;
}

/*Used for StrikThrought Discontinued Rx*/
.dvStrikThrought .lbl_Med_Imp,
.dvStrikThrought .lbl_Med_LowImp_Small,
.dvStrikThrought .lblMedLowImp,
.dvStrikThrought .lblMedLowImpSmall,
.dvStrikThrought .lblBGOrangeLight,
.dvStrikThrought .lblBGOrange,
.dvStrikThrought .lblBGPurple,
.dvStrikThrought .lblBGGreen {
    text-decoration: line-through;
}

/*Common label Low Emphasis*/
.lblPipeSeperator {
    padding-left: 5px;
    padding-right: 5px;
    opacity: .5;
    line-height: 20px;
}

.dvRxDetailsLeft40 {
    float: left;
    width: 45%;
}

.dvRxDetailsLeft20 {
    float: left;
    width: 15%;
}

.dvTopGap {
    margin-top: 5px;
}

.popover-content {
    width: 200px;
    padding: 10px;
}

.dottedMenuContainer .dropdown-item-seperator {
    height: 2px;
    background-color: gray;
    line-height: 5px;
    padding: 0px !important;
    pointer-events: none !important;
}

.dvShortInfoContainer {
    width: 200px;
    background-color: gray;
    padding: 10px;
}

.dvInfoData {
    float: left;
    width: 80%;
}

.dvInfoCopy {
    float: left;
    width: 20%;
}

.dvDataNotFound {
    text-align: center;
    background-color: var(--clr-white);
    margin-bottom: 10px;
    min-height: 80vh;
    padding-top: 50px;
}

.lblDataNotFound {
    padding: 10px 20px;
    background-color: var(--clr-reddark1);
    border-radius: 3px;
    color: var(--clr-white);
    font-weight: bold;
}

.dvInvestigationSmall {
    float: left !important;
    text-align: left;
    line-height: 6px !important;
    margin-top: 4px;
    height: 34px;
}

    .dvInvestigationSmall .lblFieldValue2 {
        line-height: 14px !important;
    }

.btnSmallIconInvestigation:before,
.btnSmallIconXray:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    margin-right: 5px;
}

.btnSmallIconXray:before {
    content: "\f256";
}

.btnSmallIconInvestigation:before {
    content: "\f1fb";
}

.lblFieldValue2 {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
}

.lblFieldValue2 {
    font-size: 12px !important;
    color: var(--clr-black);
    background-color: transparent;
    border: none;
    line-height: 18px !important;
}

.lblLowestFont {
    font-size: 12px !important;
    line-height: 10px !important;
}

.dvAddedInvContainer {
    margin-top: 5px;
    display: inline-block;
}

/*Flyout Row for Header with Data Css. Like Package*/
.dvCustomOddRowBlueNewStyle {
    background-color: #464545 !important;
    padding: 7px 7px 7px 7px !important;
    border-radius: 3px 3px 0 0 !important;
    margin-top: 30px;
}

    .dvCustomOddRowBlueNewStyle.combo {
        background-color: var(--clr-graylight1dull3) !important;
    }

    /*Flyout Row for Header with Data Css. Like Package*/
    .dvCustomOddRowBlueNewStyle.new,
    .dvCustomOddRowBlueNewStyle.new2 {
        background-color: #EDEBFC !important;
        padding: 7px 7px 7px 7px !important;
        border-radius: 8px 8px 0 0 !important;
        margin-top: 30px;
    }

    .dvCustomOddRowBlueNewStyle.new2 {
        margin-top: 0px;
    }

    .dvCustomOddRowBlueNewStyle.new3 {
        background-color: var(--clr-purplelight2dull2) !important;
    }
    /*Flyout Row for Header with Data Css Last Row. Like Package*/
    .dvCustomOddRowBlueNewStyle:last-child {
        border-radius: 0 0 3px 3px !important;
    }
    /*Flyout Row for Header with Data Css First Row. Like Package*/
    .dvCustomOddRowBlueNewStyle:first-child {
        margin-top: 0;
    }



.table-striped .dvCustomOddRowBlueNewStyle.new3 .lblCommon,
.table-striped .dvCustomOddRowBlueNewStyle.new3 .lblColorBlack {
    color: white !important;
}

.table-striped .dvCustomOddRowBlueNewStyle.new3 .lblColorBlue {
    color: var(--clr-bluelight1) !important;
}

.dvCustomRowBlueNewStyleRx .lblBGPurple {
    display: none !important;
}
/*Flyout Row for Data Css. Like Package*/
.dvCustomRowBlueNewStyle,
.dvCustomRowBlueNewStyleInner {
    background-color: transparent !important;
    border-left: 1px solid var(--clr-purplelight3dull1);
    border-right: 1px solid var(--clr-purplelight3dull1);
    border-bottom: 1px solid var(--clr-purplelight3dull1);
    border-top: none !important;
    padding: 8px 5px 8px 7px !important;
    margin-bottom: 0 !important;
}

    .dvCustomRowBlueNewStyle.new {
        background-color: white !important;
        padding-left: 25px !important;
    }

        .dvCustomChild.important.completed,
        .dvCustomRowBlueNewStyle.new.completed {
            background-color: var(--clr-green) !important;
        }

    .dvCustomRowBlueNewStyle.combo {
        border-left: 1px solid var(--clr-graylight1dull3);
        border-right: 1px solid var(--clr-graylight1dull3);
        border-bottom: 1px solid var(--clr-graylight1dull3);
    }

.dvCustomChild.important.completed .dvGridHeaderRowBlue {
    border-bottom: 1px solid var(--clr-whitedull2) !important;
}

.dvCustomOddRowBlueNewStyleInner {
    background-color: var(--clr-graylight1dull3) !important;
    padding: 4px 7px 4px 0 !important;
    border-radius: 3px 3px 0 0 !important;
    margin-top: 15px;
}
/*Used for Button Group Non Selected Multiple Small Text Blue Gift Card Preview*/
.btnTooltipBlue {
    margin-left: 5px;
    background-color: var(--clr-bluelight1) !important;
    padding: 2px 5px 3px;
    color: var(--clr-white);
    border-radius: 5px 5px 5px 0 !important;
    font-size: 12px;
    letter-spacing: .4px;
}
/*Used for ToolTip Gray Dark*/
.lblBGGrayDark {
    color: var(--clr-white);
    background: var(--clr-gray);
}

.btnMultilineSmall {
    padding: 0px 6px !important;
    text-align: left !important;
}

.dvCustomRowBlueNewStyleInner {
    padding: 4px 7px 4px 0 !important;
}

.dvSmallSlNoPnl {
    padding-left: 0;
    text-align: center;
    padding: 0 3px;
    width: 8%;
    float: left;
}

.dvSmallDataPnl {
    width: 92%;
    float: left;
}
/*Used for Button*/
.btnCollView,
.btnExpandView {
    max-width: 40px;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2);
    box-shadow: 0 0 2px var(--clr-graylight1);
    transition: all .15s ease;
    border-radius: 3px;
}
    /*Used for Button*/
    .btnExpandView:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }

    .btnCollView:hover {
        color: var(--clr-black) !important;
        border: 1px solid var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }
    /*Used for Button Expand View*/
    .btnExpandView:before {
        font: normal normal normal 24px/1 FontAwesome;
        font-size: 14px;
        line-height: 34px;
        content: '\f107';
        font-weight: bold;
    }
/*Used for Button Coll View*/
.btnCollView {
    background-color: var(--clr-greendark1) !important;
    border: 1px solid var(--clr-green) !important;
    color: var(--clr-white) !important;
}
    /*Used for Button Coll View*/
    .btnCollView:before {
        font: normal normal normal 24px/1 FontAwesome;
        line-height: 34px;
        font-size: 14px;
        content: '\f106';
    }

/*Used for Option Common*/
.btnOptionCircleSmall,
.btnOptionCircleSelectedSmall {
    font-size: 12px !important;
    line-height: 15px !important;
    background-color: transparent;
    cursor: pointer;
    font-family: LatoRegular;
    margin-right: 15px;
    float: left;
    padding: 0 !important;
    border: none;
    margin-bottom: 3px;
    outline: none !important;
}
/*Used for Button Group Panel*/
.divButtonGroupCenterSmall {
    padding: 4px 0 3px 0 !important;
}

.lblMiltiline {
    width: 100%;
    line-height: 6px;
    text-align: left;
    /*font-weight: bold;*/
    font-size: 10px;
    margin-top: 6px !important;
}
/*Used for Selected Bookmark*/
.dvSelectedBookmark {
    padding: 10px 7px 0 7px;
    display: flex;
}

.dvSelectedExport {
    padding: 5px 7px 0 7px;
    display: flex;
}
/*Used for Option*/
.btnOptionCircleSmall {
    color: var(--clr-whitedull1);
    border-bottom: 2px solid transparent;
}
/*Used for Option*/
.btnOptionCircleSmallRight {
    margin-right: 5px !important
}

.dvAssessmentHistory ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

    .dvAssessmentHistory ul li {
        float: left;
        margin-right: 15px;
        margin-left: 7px;
        color: var(--clr-whitedull1);
        border-bottom: 2px solid transparent;
    }
/*Used for Option Selected*/
.btnOptionCircleSelectedSmall {
    border-bottom: 2px solid var(--clr-greendark1);
    color: var(--clr-white);
    font-weight: 700;
}
/*Used for Option Selected*/
.dvAssessmentHistory ul .active {
    border-bottom: 2px solid var(--clr-greendark1) !important;
    color: var(--clr-white) !important;
    font-weight: 700;
}

.dvPastMenuContainerPortal .btnOptionCircleSmall,
.dvPastMenuContainerPortal .btnOptionCircleSelectedSmall {
    color: var(--clr-black) !important;
}

/*Used for CasesheetHeader Caption*/
.lblCasesheetHeaderCaption {
    font-size: 12px !important;
    font-family: LatoRegular;
    color: var(--clr-white);
}
/*Used for financial dropdown*/
.ddlfinancialdropdown {
    width: auto !important;
    /*min-width: 150px;*/
    background-color: transparent !important;
    color: var(--clr-whitedull1);
    padding: 0 5px 0 0;
    /*height: 36px !important;*/
    border-radius: 3px !important;
    border: 1px solid var(--clr-graylight1dull1);
}
    /*All Flyout select2 Customization*/
    .ddlfinancialdropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: var(--clr-whitedull1) transparent transparent transparent !important;
        border-width: 7px 6px 0 6px !important;
    }
    /*All Flyout dropdown Normal Finalcial*/
    .ddlfinancialdropdown .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .ddlfinancialdropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--clr-whitedull1) !important;
        outline: none !important;
        font-weight: 300 !important;
        letter-spacing: 0.03em !important;
        padding-left: 10px !important;
        text-align: left !important;
    }

.dvFlyoutNormalDropdownWhite .select2-container .selection .select2-selection {
    color: var(--clr-whitedull1) !important;
    padding-left: 10px !important;
    border: 1px solid var(--clr-gray) !important;
}

.dvFlyoutNormalDropdownWhite .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--clr-white) transparent transparent transparent !important;
    border-width: 7px 6px 0 6px !important;
}

.dvFlyoutNormalDropdownWhite .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 7px !important;
}
/*Used for ViewDown Arrow/ViewUp Arrow */
.btnViewDown,
.btnViewUp {
    font-family: LatoRegular !important;
}
    /*Used for ViewDown Arrow/ViewUp Arrow */
    .btnViewDown:after,
    .btnViewUp:after {
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 5px;
        font-size: 12px !important;
    }
    /*Used for ViewDown Arrow*/
    .btnViewDown:after {
        content: "\f078";
    }
    /*Used for ViewUp Arrow*/
    .btnViewUp:after {
        content: "\f077";
    }

.dvSelectedService {
    float: left;
    margin-top: 1px;
    line-height: 25px;
    width: 95%;
}

.dvSelectedService2 {
    float: left;
    margin-top: 1px;
    line-height: 25px;
    width: 95%;
}

.dvSelectedServiceAdded {
    width: 5%;
}

.btnCancelSmall {
    line-height: 18px !important;
    font-size: 14px !important;
    float: right;
    color: var(--clr-blackdull1) !important;
    margin-left: 10px;
    cursor: pointer;
}

    .btnCancelSmall:hover {
        color: var(--clr-black) !important;
    }
/*Used for Add New Small*/
.btnAddNewSmall {
    margin-right: 0 !important;
    text-align: center;
    color: var(--clr-greendark1) !important;
    background-color: var(--clr-white) !important;
    border: 1px solid var(--clr-graylight1) !important;
}

    .btnAddNewSmall:hover {
        color: var(--clr-green) !important;
        background-color: var(--clr-graylight2) !important;
        border: 1px solid var(--clr-black) !important;
    }
    /*Used for Add New Small*/
    .btnAddNewSmall:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        font-size: 14px;
        line-height: 36px;
        color: var(--clr-greendark1);
    }

.btnMarkAsCompletedNew,
.btnCheckoutTick,
.btnCheckoutTickGray,
.btnMarkAsNotComplete,
.btnSmall {
    padding: 0 5px 1px 5px;
    font-size: 12px;
    float: left;
    line-height: 16px;
    /*margin-top: 3px;*/
    border-radius: 2px;
    cursor: pointer;
}

.btnCheckoutTick,
.btnCheckoutTickGray {
    margin-top: 0px !important;
    padding-left: 3px !important;
    padding-right: 0px !important;
    border-left: 1px solid var(--clr-graylight1) !important;
    height: 20px;
    padding-top: 2px;
    margin-left: 5px !important;
}

.btnCancelSeperator {
    border-left: 1px solid var(--clr-graylight1) !important;
    height: 24px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 23px !important;
    margin-left: 0px !important;
}

.btnIconSeperator {
    border-left: 1px solid var(--clr-graylight1) !important;
    height: 20px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    line-height: 20px !important;
    margin-left: 0px !important;
    height: 24px;
}

.btnMarkAsCompletedNew,
.btnCheckoutTickGray,
.btnCheckoutTick {
    border: none;
}

.btnMarkAsCompletedNew {
    padding: 0 5px 1px 0px !important;
}

    .btnMarkAsCompletedNew:before {
        font: normal normal normal 14px/1 FontAwesome;
        padding: 0 !important;
        text-align: center;
        margin-right: 4px;
        line-height: 15px;
        content: "\f00c" !important;
        font-size: 18px;
        color: var(--clr-greendark1);
        font-weight: bold;
    }

.btnSmallMarkasComplete:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f00c" !important;
    font-size: 12px;
    color: var(--clr-greendark1);
    font-weight: bold;
}

.btnCheckoutTick:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    line-height: 8px;
    content: "\f058" !important;
    font-size: 15px;
    color: var(--clr-green);
    font-weight: bold;
}

.btnCheckoutTickGray:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    line-height: 8px;
    content: "\f058" !important;
    font-size: 15px;
    font-weight: bold;
    color: var(--clr-blackdull1);
}

.btnMarkAsNotComplete {
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-greendark1) !important;
}
/*Used for Report Con*/
.dvReportCon {
    border-top: 1px solid var(--clr-graylight2);
}

.dvLoadingFull {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 80px;
}

@keyframes dot-keyframes {
    0% {
        opacity: .4;
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2, 1.2);
    }

    100% {
        opacity: .4;
        transform: scale(1, 1);
    }
}

.dvLoaderNew {
    position: absolute;
    top: 65px;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.loading-dots {
    text-align: center;
    width: 100%;
    padding: 10px 0;
}

.loading-dots--dot {
    animation: dot-keyframes 1.5s infinite ease-in-out;
    background-color: var(--clr-green);
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

    .loading-dots--dot:nth-child(2) {
        animation-delay: .2s;
    }

    .loading-dots--dot:nth-child(3) {
        animation-delay: .4s;
    }

    .loading-dots--dot:nth-child(4) {
        animation-delay: .6s;
    }

    .loading-dots--dot:nth-child(5) {
        animation-delay: .8s;
    }

.loading-dots--purple {
    text-align: center;
    width: 100%;
    padding: 0;
}

.loading-dots--dot--purple {
    animation: dot-keyframes 1.5s infinite ease-in-out;
    background-color: var(--clr-purplelight3);
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

    .loading-dots--dot--purple:nth-child(2) {
        animation-delay: .2s;
    }

    .loading-dots--dot--purple:nth-child(3) {
        animation-delay: .4s;
    }

    .loading-dots--dot--purple:nth-child(4) {
        animation-delay: .6s;
    }

    .loading-dots--dot--purple:nth-child(5) {
        animation-delay: .8s;
    }




/*File Upload New Controls*/
.filepond--action-revert-item-processing {
    visibility: hidden !important;
}

.filepond--file-action-button {
    cursor: pointer;
}

.filepond--drop-label {
    color: var(--clr-black);
}

    .filepond--drop-label label {
        color: var(--clr-black);
    }

.filepond--root {
    margin-bottom: 0 !important;
    font-family: LatoRegular !important;
    border-radius: 3px !important;
    -moz-box-shadow: inset 0 0 8px var(--clr-graylight1);
    -webkit-box-shadow: inset 0 0 8px var(--clr-graylight1);
    box-shadow: inset 0 0 8px var(--clr-graylight1);
}

.filepond--label-action {
    text-decoration-color: var(--clr-white);
    color: var(--clr-blue);
    outline: none;
}

.filepond--panel-root {
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
}

.filepond--item-panel {
    border-radius: 0.5em;
}

.filepond--item-panel {
    background-color: var(--clr-graylight1);
}

.filepond--drip-blob {
    background-color: var(--clr-graylight1);
}

.filepond--file-action-button {
    background-color: var(--clr-blacklight1);
}

.filepond--file-action-button {
    color: var(--clr-white);
}

    .filepond--file-action-button:after {
        border-color: var(--clr-white);
    }

.filepond--file {
    color: var(--clr-white);
}

.filepond--list-scroller .filepond--list .filepond--item {
    opacity: 1 !important;
    visibility: visible !important;
}
/*Used for Appt Status Select*/
.divApptStatusSelect .select2-container {
    margin-left: -1px !important;
}


/*Used for progressNew*/
.progressNew {
    height: 5px;
    position: absolute;
    background-color: var(--clr-graylight1);
    position: fixed;
}

/*Progress Bar on the Page Top Bar*/
.progress-bar-striped {
    background-color: var(--clr-green) !important;
}
/*Progress Bar on the Page Top Bar*/
/*.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}*/
/*Progress Bar on the Page Top Bar*/
.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.dvHeaderCallCenter {
    padding: 8px 7px 7px !important;
    border-bottom: 1px solid rgba(182,182,182,.3) !important;
}

.dvCallCenterCommunication {
    padding: 10px 5px;
    padding-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pnlCallCenterSearchWrapper {
    padding: 0 5px 0 5px !important;
    border-right: 1px solid rgba(182,182,182,.3) !important;
}
/*Used for FontSize*/
.lblFontSizeExtraSmallNew2 {
    font-size: 10px;
    line-height: 15px;
    padding-left: 5px !important;
}
/*Used for FontSize*/
.lblFontSizeExtraSmallNew {
    font-size: 10px;
    line-height: 27px;
    padding-left: 5px !important;
}

.dvApptStatusProgressBar {
    width: 100%;
}

    .dvApptStatusProgressBar .progress {
        margin-bottom: 5px !important;
    }

    .dvApptStatusProgressBar .progressSchedule {
        background-color: var(--clr-bluelight1);
    }

    .dvApptStatusProgressBar .progressConfirmed {
        background-color: var(--clr-bluedark1);
    }

    .dvApptStatusProgressBar .progressWaiting {
        background-color: var(--clr-orange);
    }

    .dvApptStatusProgressBar .progressEngaged {
        background-color: var(--clr-red);
    }

    .dvApptStatusProgressBar .progressCheckOut {
        background-color: var(--clr-green);
    }

    .dvApptStatusProgressBar .progressCancelled {
        background-color: var(--clr-graylight1);
    }

    .dvApptStatusProgressBar .progressNoShow {
        background-color: var(--clr-black);
    }
/*Used for medical Summary*/
.dvCaptionFieldValue {
    width: 45%;
    float: left;
    font-size: 14px;
    padding: 0;
}
/*Used for medical Summary*/
.dvValueField {
    width: 60%;
    float: left;
    font-size: 12px;
    color: var(--clr-white);
}

.btnSmallIconInvestigationBig:before,
.btnSmallIconXrayBig:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
    vertical-align: text-top;
    line-height: 22px;
    border-radius: 50%;
}

.btnSmallIconInvestigationBig:before {
    content: "\f1fb";
}

.btnSmallIconXrayBig:before {
    content: "\f256";
}

.pnlGapBottom {
    bottom: 45px !important;
}

.dvNewContainer {
    padding: 10px 10px 0px 10px;
}

/*Common label Low Emphasis*/
.lblOperator {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9px;
    line-height: 18px;
    vertical-align: text-top;
}

.lblOperator2 {
    line-height: 15px !important;
    font-size: 8px;
}
/*Used for dvGridColumnSMS ed*/
.dvGridColumnSMSed {
    float: left;
    width: 6%;
    padding-top: 5px;
}
/*Used for dvGridColumn Data SMSed*/
.dvGridColumnDataSMSed {
    float: left;
    width: 94%;
}
/*Used for Send Receive SMS*/
.lblSendReceiveSMS:before {
    font: normal normal normal 35px/1 FontAwesome;
    content: "\f10b";
    margin-right: 4px;
}
/*Used for Send Receive SMS*/
.lblSendSMS {
    color: var(--clr-greendark2);
}
/*Used for Send Receive SMS*/
.lblReceivedSMS {
    color: var(--clr-red);
}
/* Used for Enter Msg */
.dvEnterMsg {
    padding: 0 !important;
    border-radius: 3px;
}
    /*Used for Enter Msg on CallCenter*/
    .dvEnterMsg textarea {
        border: 2px solid var(--clr-greendark2) !important;
    }
        /*Used for Enter Msg on CallCenter*/
        .dvEnterMsg textarea:active,
        .dvEnterMsg textarea:focus {
            box-shadow: inset 0 0 0 .15rem var(--clr-greendark2) !important;
            border: none !important;
        }
    /*Used for Enter Msg on CallCenter*/
    .dvEnterMsg input[type="text"] {
        width: 87% !important;
        padding-right: 55px;
        border: none !important;
    }
        /*Used for Enter Msg on CallCenter*/
        .dvEnterMsg input[type="text"]:focus {
            outline: none;
            box-shadow: none !important;
            border-color: none !important;
        }
/* Used for chat flyout */
.btnSendSMSInside,
.btnSearchInside {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 100;
    background-color: transparent;
    border: none;
    padding: 0;
    width: auto;
    cursor: pointer;
}
/*Used for Send/Search SMS Inside*/
.btnSendSMSInside {
    top: 11px !important;
    right: 6px !important;
}
    /*Used for Send/Search SMS Inside*/
    .btnSearchInside:before,
    .btnSendSMSInside:before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 8px;
        font-size: 14px;
        padding-right: 8px;
    }
/*Used for Send/Search SMS Inside*/
.btnSearchInside:before {
    content: "\f002";
}
/*Used for Send/Search SMS Inside*/
.btnSendSMSInside:before {
    content: "\f1d9";
}

.rgNoRecords svg {
    width: 100% !important;
}

.dvSVGAddNew {
    text-align: center;
    margin-bottom: 30px;
}

.lblAddNew {
    font-size: 14px !important;
}

.lblPatServiceColor {
    color: var(--clr-blacklight2);
    border: 1px solid var(--clr-graylight1);
    border-right: none !important;
}

.dvNoRecToDisplay {
    margin-top: 0px !important;
    text-align: center;
    padding-top: 2%;
}

.table-past-data .dvNoRecToDisplay {
    padding-top: 15%;
}
.table-past-data.new .dvNoRecToDisplay {
    padding-top: 7%;
}
.lblSubHeaderLoadingMsgDetailsInner .lblSubHeaderLoadingMsgNormal {
    font-size: 16px !important;
}

.lblSubHeaderLoadingMsgDetailsInner .dvNoRecFount {
    margin-bottom: 1% !important;
}

.lblSubHeaderLoadingMsgDetails,
.lblSubHeaderLoadingMsgDetailsNormal,
.lblSubHeaderLoadingMsgDetailsInner {
    font-size: 16px;
    line-height: 25px;
    padding-right: 0;
    color: var(--clr-blacklight2);
}

.lblSubHeaderLoadingMsgDetailsNormal {
    font-weight: normal !important;
}

.lblSubHeaderLoadingMsgDetailsInner {
    font-size: 16px;
}

.dvNoRecToDisplay svg {
    width: 100% !important;
}

.dvNoRecToDisplay .svgInfo {
    width: 100% !important;
    /*height: 400px;*/
}

.dvListOfPayment .dvNoRecToDisplay .svgInfo {
    width: 100% !important;
    height: 150px !important;
}
/*Used for MessegaboxNew Right*/
.MessegaboxNew Right {
    width: 80%;
    float: right;
    text-align: left;
    margin-bottom: 15px;
}
/*Used for MessegaboxNew Right Common*/
.Messegaboxleft,
.Messegaboxright {
    color: var(--clr-white);
    font-size: 16px;
    padding: 10px 15px;
}
/*Used for Messegabox left*/
.Messegaboxleft {
    background-color: var(--clr-greendull2);
    border-radius: 10px 10px 10px 0;
    padding: 10px 15px;
    border: 1px solid var(--clr-greendull2);
}
/*Used for Messegabox right*/
.Messegaboxright {
    background-color: var(--clr-greendull2);
    border-radius: 10px 10px 0 10px;
    border: 1px solid var(--clr-greendull2);
    width: 90%;
    float: left;
}
/*Used for dvMessage Container*/
.dvMessageContainer {
    overflow: auto;
    padding-bottom: 10px;
    padding: 10px;
}

.lblPhone:before {
    content: "\f10b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    margin-right: 4px;
    margin-left: 5px;
}
/*Used for Messegabox leftIcon*/
.MessegaboxleftIcon {
    width: 10%;
    float: left;
    text-align: center;
    line-height: 38px;
}

.dvMsgCon {
    width: 90%;
    float: left;
    margin-bottom: 15px;
}

.btnPatientIcon:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f007";
    margin-right: 4px;
    font-size: 14px;
}
/*All Patient Icon Big before*/
.btnPatientIconBig:before {
    margin-right: 0 !important;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

/*Used for webkit-scrollbar-thumb*/
/*::-webkit-scrollbar {
    width: 10px;
}*/
/*Used for webkit-scrollbar-thumb*/
/*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--clr-graylight1);
    border-radius: 6px;
}*/
/*Used for webkit-scrollbar-thumb*/
/*::-webkit-scrollbar-thumb {
    background: var(--clr-gray);
    border-radius: 6px;
}*/
/*Used for webkit-scrollbar-thumb*/
/*::-webkit-scrollbar-thumb:hover {
        background: var(--clr-graylight1);
    }*/


/*.lblEMRTotalAMount {
    line-height: 25px !important;
}*/

select option {
    font-size: 14px !important;
}

.dvEMRTotalHight2:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f062";
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px;
    color: var(--clr-red);
}

/*Used for Status Border*/
.RowStatusBorderBlackDull,
.RowStatusBorderBlack,
.RowStatusBorderTransparent,
.RowStatusBorderRedDark,
.RowStatusBorderOrange,
.RowStatusBorderOrangeLight1,
.RowStatusBorderBlueDark,
.RowStatusBorderBlue,
.RowStatusBorderGreen,
.RowStatusBorderGreenLight,
.RowStatusBorderGrayDark1,
.RowStatusBorderGray {
    padding-left: 5px !important;
    border-radius: 3px;
}
/*Used for Radius Border */
.borderRadius {
    border-radius: 3px;
}
/*Used for Status Border*/
.RowStatusBorderGreen {
    border-left: 5px solid var(--clr-Greendark1) !important;
}

.RowStatusBorderGrayDark1 {
    border-left: 5px solid var(--clr-gray) !important;
}
/*Used for Status Border*/
.RowStatusBorderTopGreen {
    border-top: 5px solid var(--clr-Greendark1) !important;
}
/*Used for Status Border*/
.RowStatusBorderGreenLight {
    border-left: 5px solid var(--clr-greendull1) !important;
}
/*Used for Status Border*/
.RowStatusBorderBlueDark {
    border-left: 5px solid var(--clr-blue) !important;
}
/*Used for Status Border*/
.RowStatusBorderGray {
    border-left: 5px solid var(--clr-gray) !important;
}
/*Used for Status Border*/
.PatListNoDue {
    border-left: 5px solid transparent !important;
}
/*Used for Status Border*/
.RowStatusBorderBlue {
    border-left: 5px solid var(--clr-bluelight1) !important;
}
/*Used for Status Border*/
.RowStatusBorderOrangeLight1 {
    border-left: 5px solid var(--clr-orangelight1);
}
/*Used for Status Border*/
.RowStatusBorderOrange {
    border-left: 5px solid var(--clr-orangedark1);
}
/*Used for Status Border*/
.RowStatusBorderBlack {
    border-left: 5px solid var(--clr-blacklight1);
}
/*Used for Status Border*/
.RowStatusBorderBlackLight2 {
    border-left: 5px solid var(--clr-blackdull1);
}
/*Used for Status Border*/
.RowStatusBorderTransparent {
    border-left: 5px solid transparent;
}
/*Used for Status Border*/
.RowStatusBorderRedDull {
    border-left: 5px solid var(--clr-red) !important;
}
/*Used for Status Border*/
.RowStatusBorderRedDark {
    border-left: 5px solid var(--clr-reddark1) !important;
}
/*Used for Status Border*/
.RowStatusBorderTopRedDull {
    border-top: 5px solid var(--clr-reddull1) !important;
}
/*Used for Status Border*/
.RowStatusBorderBlackDull {
    border-left: 5px solid var(--clr-blackdull1);
}
/*Used for Status Border*/
.RowStatusPaddingNone {
    padding-left: 0 !important;
}



/*Used for Status Border*/
.RowStatusBorderBlackDull,
.RowStatusBorderBlack,
.RowStatusBorderTransparent,
.RowStatusBorderRedDull,
.RowStatusBorderOrange,
.RowStatusBorderOrangeLight1,
.RowStatusBorderBlueDark,
.RowStatusBorderBlue,
.RowStatusBorderGreen,
.RowStatusBorderGreenLight,
.RowStatusBorderGray {
    padding-left: 5px !important;
    border-radius: 3px;
}
/*Used for Radius Border */
.borderRadius {
    border-radius: 3px;
}
/*Used for Status Border*/
.RowStatusBorderGreen {
    border-left: 5px solid var(--clr-greendark1) !important;
}
/*Used for Status Border*/
.RowStatusBorderTopGreen {
    border-top: 5px solid var(--clr-greendark1) !important;
}
/*Used for Status Border*/
.RowStatusBorderGreenLight {
    border-left: 5px solid var(--clr-greendull1) !important;
}
/*Used for Status Border*/
.RowStatusBorderBlueDark {
    border-left: 5px solid var(--clr-blue) !important;
}
/*Used for Status Border*/
.RowStatusBorderGray {
    border-left: 5px solid var(--clr-gray) !important;
}
/*Used for Status Border*/
.PatListNoDue {
    border-left: 5px solid transparent !important;
}
/*Used for Status Border*/
.RowStatusBorderBlue {
    border-left: 5px solid var(--clr-bluelight1) !important;
}
/*Used for Status Border*/
.RowStatusBorderOrangeLight1 {
    border-left: 5px solid var(--clr-orangelight1);
}
/*Used for Status Border*/
.RowStatusBorderOrange {
    border-left: 5px solid var(--clr-orangedark1);
}
/*Used for Status Border*/
.RowStatusBorderBlack {
    border-left: 5px solid var(--clr-blacklight1);
}
/*Used for Status Border*/
.RowStatusBorderTransparent {
    border-left: 5px solid transparent;
}
/*Used for Status Border*/
.RowStatusBorderTopRedDull {
    border-top: 5px solid var(--clr-reddull1) !important;
}
/*Used for Status Border*/
.RowStatusBorderBlackDull {
    border-left: 5px solid var(--clr-blackdull1);
}
/*Used for Status Border*/
.RowStatusPaddingNone {
    padding-left: 0 !important;
}

.dvItemAddedSmall .lblText {
    display: inline !important;
}

.btnMessage:before,
.btnMobile:before,
.btnEmails:before,
.btnWhatsApp:before,
.btnVideo:before,
.btnNote:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    margin-right: 4px;
    border-radius: 3px;
}
/*Used for Mobile*/
.btnVideo:before {
    content: "\f03d";
    line-height: 15px;
}
/*Used for Mobile*/
.btnMobile:before {
    content: "\f10b";
    line-height: 20px;
    font-size: 16px !important;
}
/*Used for Email*/
.btnEmails:before {
    content: "\f112";
    line-height: 31px;
}
/*Used for Email*/
.btnWhatsApp:before {
    content: "\f232";
    line-height: 31px;
}
/*Used for Notes*/
.btnNote:before {
    content: "\f044";
    line-height: 31px;
    color: var(--clr-green);
}

/*Used for Details Page Status*/
.dvRedWithPointerNone,
.dvBlack2WithPointerNone,
.dvGreenWithPointerNone,
.dvYellowWithPointerNone,
.dvOrangeWithPointerNone,
.dvBlueDark3WithPointerNone,
.dvBlueLight1WithPointerNone,
.dvBlueWithPointerNone,
.dvGreenDull1WithPointerNone,
.dvBlackWithPointerNone,
.dvWhiteWithPointerNone,
.dvGreenDark1WithPointerNone,
.dvRedNormalWithPointerNone,
.dvOrange2WithPointerNone,
.dvOrange3WithPointerNone,
.dvRedDullWithPointerNone,
.dvGreenNormalWithPointerNone,
.dvPinkNormalWithPointerNone,
.dvGrayWithPointerNone {
    outline: none !important;
    font-size: 14px;
    background-color: transparent;
    color: var(--clr-black);
    padding: 6px 10px 8px !important;
    text-align: left;
    margin: 0;
    line-height: 35px;
    cursor: default;
    border-radius: 20px 20px 20px 0;
    margin-left: 5px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: super;
}

/*Used for Details Page Status*/
.dvPinkNormalWithPointerNone {
    background-color: var(--clr-pink);
    color: var(--clr-black) !important;
    padding: 0 10px 0 !important;
}
/*Used for Details Page Status*/
.dvPositionInherit {
    display: inline-block;
    padding: 3px 10px 2px !important;
}
/*Used for Details Page Status*/
.dvBlueDark3WithPointerNone {
    background-color: var(--clr-bluedark3);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvRedDullWithPointerNone {
    background-color: var(--clr-reddull1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvWhiteWithPointerNone {
    background-color: var(--clr-white);
    color: var(--clr-blacklight2) !important;
    border: 1px solid var(--clr-graylight1dull1);
    padding: 8px 10px 8px !important;
}
/*Used for Details Page Status*/
.dvBlueWithPointerNone {
    background-color: var(--clr-blue);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvGreenDull1WithPointerNone {
    background-color: var(--clr-greendull1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvGreenDark1WithPointerNone {
    background-color: var(--clr-greendark1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvGreenNormalWithPointerNone {
    background-color: var(--clr-green);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvRedWithPointerNone {
    background-color: var(--clr-reddull1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvRedNormalWithPointerNone {
    background-color: var(--clr-reddull1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvBlueLight1WithPointerNone {
    background-color: var(--clr-bluelight1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvGrayWithPointerNone {
    background-color: var(--clr-gray);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvBlackWithPointerNone {
    background-color: var(--clr-blackdull1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvBlack2WithPointerNone {
    background-color: var(--clr-blacklight1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvGreenWithPointerNone {
    background-color: var(--clr-greendark1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvYellowWithPointerNone {
    background-color: var(--clr-yellow);
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-graylight1dull1);
}
/*Used for Details Page Status*/
.dvOrangeWithPointerNone {
    background-color: var(--clr-orangelight1);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvOrange2WithPointerNone {
    background-color: var(--clr-orange);
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvOrange3WithPointerNone {
    background-color: var(--clr-orangedark1);
    color: var(--clr-white) !important;
}
/*Used for Mark Not Important and Mark Important Items*/
.btnMarkNotImportant {
    background-color: var(--clr-white) !important;
}

    .btnMarkNotImportant:hover {
        background-color: var(--clr-white) !important;
    }

    .btnMarkNotImportant:before,
    .btnMarkNotImportantSmall:before,
    .btnMarkImportant:before,
    .btnMarkImportantSmall:before {
        content: "\f024";
        font: normal normal normal 18px/1 FontAwesome;
        line-height: 30px;
        font-size: 14px;
    }
    /*Used for Mark Not Important Before*/
    .btnMarkNotImportant:before {
        color: var(--clr-reddark1);
    }
/*Used for Mark Not Important Small Before*/
.btnMarkNotImportantSmall:before {
    color: var(--clr-reddark1);
}
/*Used for Details*/
.btnDetails {
    background-color: transparent;
    border: none;
    color: var(--clr-blue);
    border-radius: 3px;
    outline: none !important;
    cursor: pointer;
}

.btnDetailsText {
    background-color: transparent;
    border: none;
    color: var(--clr-blue);
    border-radius: 3px;
    outline: none !important;
    cursor: pointer;
    margin-top: 7px;
}
/*Used for More Option*/
.dvMoreOption {
    margin-left: 30px !important;
    display: inline;
}
/*Used for More Option*/
.dvMoreOptionSeperator {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
    color: var(--clr-white);
    margin-right: 10px !important;
    font-size: 0;
    margin-left: 0 !important;
    border-radius: 3px !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}
    /*Used for More Option*/
    .dvMoreOptionSeperator:hover {
        background-color: var(--clr-greendark2) !important;
        border: 1px solid var(--clr-greendark2) !important;
        transform: translateY(-2px);
    }
/*Used for More Option*/
.btnImportantNone {
    background-color: transparent;
    border: none !important;
    color: var(--clr-white);
    box-shadow: none !important;
    margin-right: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*Used for More Option*/
.btnImportantDropdown {
    background-color: var(--clr-greendark2);
    border: transparent;
    color: var(--clr-white);
    box-shadow: none !important;
    margin-right: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}
    /*Used for More Option*/
    .btnImportantDropdown:hover {
        background-color: var(--clr-greendark1) !important;
    }
    /*Used for More Option*/
    .btnImportantDropdown::after {
        margin-left: 0em !important;
        border-top: .4em solid;
        border-right: .4em solid transparent;
        border-left: .4em solid transparent;
        border-bottom: .5em solid;
    }

.lblTooltipCommon {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 2px 5px 3px;
    border: none;
    outline: none !important;
    margin-left: 3px !important;
    white-space: nowrap;
    font-size: 10px !important;
    border-radius: 3px;
    font-size: 12px !important;
}

    .lblTooltipCommon.ml-0 {
        margin-left: 0 !important;
    }
.lblTooltipCommon.big {
    font-size: 16px !important;
}
    .lblFromLeft {
        margin-left: 0px !important;
    }
/*Used for Cursor Pointer Imp*/
.btnCursorPointerImp {
    cursor: pointer !important;
}

.btnStaff:before {
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 !important;
    text-align: center;
    margin-right: 4px;
    line-height: 15px;
    content: "\f0f0" !important;
    font-size: 16px;
    vertical-align: text-top;
    line-height: 23px;
}

.btnBatchList {
    background-color: var(--clr-yellow);
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-blacklight2) !important;
    margin-right: 0 !important;
    padding: 6px 12px;
    border-radius: 20px;
    margin-right: 10px !important;
}

.btnInventoryBig::before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f1b2";
    margin-right: 4px;
    vertical-align: text-top;
    font-size: 18px;
    line-height: 23px;
}

/*Used for pnlGreen2 btnSearch
.pnlGreen2 .btnSearch {
    border-left: none !important;
}
.pnlGreen2 {
    background-color: var(--clr-graydark1);
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 2px var(--clr-blacklight2)
}
    .pnlGreen2 .select2-container .selection .select2-selection {
        background-color: transparent !important;
        border: none !important;
        padding-left: 0 !important;
    }
    .pnlGreen2 .select2-selection select2-selection--single,
    .pnlGreen2 .select2-container .selection .select2-selection {
        background-color: transparent !important;
        border: none !important;
        padding-left: 0 !important;
    }

.pnlGreen2 {
    background-color: var(--clr-graydark1);
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 2px var(--clr-blacklight2);
}*/
.FlyOutSearchBtnNew {
    width: auto !important;
}
/*Used for DetailsDataContainer*/
.dvBillDetailsDataContainer {
    padding: 0 10px !important;
}

/*Used for Send*/
.btnSend {
    margin-right: 0 !important;
}
    /*Used for Send*/
    .btnSend:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f062";
        margin-right: 4px;
        font-size: 14px;
        line-height: 27px;
        color: var(--clr-greendark1);
    }
/*Used for Send*/
.lblSend:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f063";
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    color: var(--clr-reddull1);
}
/*Used for Received*/
.btnReceived {
    margin-right: 0 !important;
}
/*Used for Received*/
.lblReceive:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f062";
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    color: var(--clr-greendark1);
}
/*Used for Received*/
.btnReceived:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f063";
    margin-right: 4px;
    font-size: 14px;
    line-height: 27px;
    color: var(--clr-greendark1);
}
/*Used for Received*/
.btnReceivedRightNone:before {
    margin-right: 0 !important;
}

/*Used for Applies To*/
.btnAppliesTo:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0f8";
    margin-right: 11px;
    margin-left: -19px;
    font-size: 14px;
    margin-right: 10px;
}
/*Used for Applies To*/
.btnAppliesTo:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f8";
    margin-left: 12px;
    float: left;
    line-height: 22px;
    font-size: 12px;
}
/*Used for Date Container*/

.dvDateContainerInner {
    background-color: var(--clr-graylight1dull1);
    padding: 5px 5px 6px 5px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}

.dvWrapContainerShadowNone {
    background-color: var(--clr-graydark1) !important;
    height: 100vh !important;
}
/*Details Page Fixed Container*/
.dvWrapContainerEMR {
    overflow: hidden !important;
    position: absolute;
    z-index: 1300;
    background-color: var(--clr-white) !important;
}

.btnNormalLightBGMultiple .btnHeaderIcon {
    float: left;
    margin-right: 5px;
    margin-top: -5px;
}

.modal-md-BigSize {
    max-width: 660px !important;
}

.btnNormalLightBGMultiple .btnHomeLabel {
    float: left;
    position: inherit;
}
/*Used for Button Group Multiple*/
.FixedButton {
    width: 85px !important;
    text-align: left !important;
}

.dvBillTotal {
    line-height: 15px;
    text-align: right;
}

.btnApptHomeBig:before {
    content: "\f0f8";
    line-height: 40px;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 14px;
}

.btnApptVideoBig:before {
    content: "\f03d";
    line-height: 40px;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 14px;
}
/*Used for RecurringRecallSmall*/
.btnRecurringRecallSmall:before {
    content: "\f01e";
    font: normal normal normal 13px/1 FontAwesome;
    margin-right: 4px;
    color: var(--clr-reddull1);
}

p {
    margin: 0px !important;
}

.mark, mark {
    padding: .2em;
    background-color: var(--clr-yellow) !important;
}

.autocomplete-suggestions {
    box-shadow: none !important;
    /*margin-top: -13px !important;*/
    border: 1px solid var(--clr-graylight1dull1);
    border-radius: 0px;
    width: 100% !important;
    /*position: inherit !important;*/
    top: 68px !important;
}

.dvSectionRxHeaderSearch .autocomplete-suggestions {
    top: 40px !important;
}

.dvFormulationInput .autocomplete-suggestions {
    top: 36px !important;
}

.dvSectionRxData {
    width: 100%;
}

    .dvSectionRxData .autocomplete-suggestions {
        top: 55px !important;
    }

.dvSectionRxFreqData {
    width: 100%;
}

.dvSectionInvHeaderSearch .autocomplete-suggestions {
    width: 300px !important;
}

.dvSectionRxFreqData .autocomplete-suggestions {
    top: 35px !important;
}

.autocomplete-group {
    border-bottom: none !important;
    white-space: unset;
    padding: 4px 10px 4px;
    font-size: 12px;
    color: var(--clr-blacklight2);
    background-color: var(--clr-graylight2dull1);
}

.autocomplete-suggestion {
    padding: 5px;
    white-space: unset;
    font-size: 12px;
    font-weight: normal;
    color: var(--clr-black);
    padding-left: 20px !important;
    background-color: var(--clr-white);
    cursor: pointer;
}

.autocomplete-selected {
    color: var(--clr-white) !important;
    background-color: var(--clr-bluedull2) !important;
}

    .autocomplete-selected .lblColorBlue {
        color: var(--clr-white) !important;
        background-color: var(--clr-blue) !important;
        text-decoration: underline;
    }

.autocomplete-suggestion:hover {
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
}

.autocomplete-suggestion:active {
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
}

.autocomplete-suggestion:hover .lblColorBlue {
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
    text-decoration: underline;
}

.autocomplete-suggestion:active .lblColorBlue {
    color: var(--clr-white) !important;
    background-color: var(--clr-blue) !important;
    text-decoration: underline;
}

.autocomplete-suggestions strong {
    color: var(--clr-graydark1);
    text-decoration: underline;
    font-weight: normal !important;
}
/*Used for medical Summary*/
.dvValueFieldLowImp {
    width: 55%;
    float: left;
    font-size: 14px;
    color: var(--clr-white);
    padding: 0;
}
    /*Used for medical Summary*/
    .dvValueFieldLowImp br:first-child {
        display: none;
    }
/*Used for medical Summary*/
.linkMedicalSummary {
    font-family: LatoRegular;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    color: var(--clr-white);
    font-weight: 700;
    letter-spacing: .6px;
}
/*Used for medical Summary*/
.ulMedicalSummary {
    padding-left: 0px;
}
    /*Used for medical Summary*/
    .ulMedicalSummary li {
        margin-bottom: 5px;
        border-bottom: 1px solid var(--clr-gray);
        padding: 0;
        margin-top: 4px;
        padding-bottom: 5px;
    }
/*Used for medical Summary*/
.lbl_Med_Imp {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 0;
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 20px;
    color: var(--clr-white);
}

.dvMedDataContainer li,
.ulMedicalSummaryAdvice li {
    list-style: none !important;
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid #4b5158;
    min-height: 28px;
}

.SearchFull {
    width: 100% !important;
}

.btnSearchWithFirld {
    position: absolute;
    padding: 0;
    background-color: var(--clr-white);
    background-image: none;
    border: none;
    border-radius: 0;
    color: var(--clr-gray);
    margin-left: 15px;
    margin-top: -2px;
    background-color: var(--clr-graylight2) !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: none !important;
    cursor: pointer !important;
}

    .btnSearchWithFirld:hover {
        color: var(--clr-black);
    }

    .btnSearchWithFirld:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f002";
        font-size: 14px;
    }

.dvCasesheetHeader {
    background-color: rgba(226, 222, 223, 0.6);
    padding: 10px 5px;
}

.dvCasesheetItem {
    border: 1px solid var(--clr-graylight1dull1) !important;
    border-top: none !important;
}

.dvSectionHeaderSearch input[type="search"],
.dvSectionInvHeaderSearch input[type="search"] {
    background-color: var(--clr-graylight2) !important;
    border-radius: 3px !important;
    /*width: 300px;*/
    /*padding-left: 40px !important;*/
}


.dvSectionHeaderNew {
    width: 100%;
    background-color: var(--clr-graylight1dull1);
    border: 1px solid var(--clr-graylight1)
}

.dvSectionHeaderCaption {
    float: left;
}

.dvSectionHeaderCaption {
    font-family: LatoRegular;
    font-size: 14px;
    color: var(--clr-purplelight3);
    float: left;
    line-height: 1.3em;
    box-sizing: border-box;
    font-weight: 700;
}

    .dvSectionHeaderCaption .emdivEMRRowHeader {
        margin-top: 0px !important;
    }

.dvSectionHeaderSearch {
    width: 50% !important;
    margin-top: 5px;
    margin-bottom: 20px;
    max-width: 300px;
}

.dvSectionInvHeaderSearch {
    width: 300px !important;
    margin-top: 5px;
    /*max-width:300px;*/
}

.dvSectionHeaderSearchInv {
    width: 50% !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    float: left;
}

.dvBoxShadowNone {
    box-shadow: none !important;
    display: flex !important;
}

.btnInventoryCombos::before,
.btnInventoryCombos::after {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f1b2";
    vertical-align: text-top;
}
/*Used for Small View button Before*/
.btnView:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f009";
    margin-left: 8px;
    padding-right: 8px;
    font-size: 14px;
}

.btnInventoryCombos::before {
    margin-right: 4px;
    margin-left: -5px;
    line-height: 20px;
    font-size: 12px;
}

.btnInventoryCombos::after {
    float: left;
    line-height: 28px;
    font-size: 14px;
}

.btnLabCombo::before,
.btnLabCombo::after {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f1fb";
    vertical-align: text-top;
}

.btnLabCombo::before {
    margin-right: 4px;
    margin-left: -5px;
    line-height: 20px;
    font-size: 14px;
}

.btnLabCombo::after {
    float: left;
    line-height: 24px;
    font-size: 12px;
}

.dvItemNotFound {
    background-color: var(--clr-reddull2);
    border: none !important;
    border-top: 1px solid var(--clr-graylight1dull1);
    border-top: 1px solid var(--clr-graylight1dull1);
}

.dvPastDataContainer {
    /*padding: 10px !important;*/
}

.pnlBottomMargin {
    margin-bottom: 45px !important;
}
/*Used for Container Blink*/
.dvContainerBlinkNew {
    /*-webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;*/
}

.DvInvgRangeOption {
    font-size: 12px !important;
}

.lblHelperInfo {
    color: var(--clr-graydark1);
    line-height: 10px;
    padding-top: 5px;
    font-weight: normal;
}

.lblHelperInfoGap {
    padding-top: 10px !important;
}

.dvSmallIconOnApptCon {
    float: left;
    line-height: 20px !important;
    margin-left: 8px !important;
}

    .dvSmallIconOnApptCon:before,
    .dvSmallIconOnApptCon:after {
        margin-left: 0px !important;
        line-height: 15px !important;
        vertical-align: text-top;
        margin-right: 0px !important;
    }

/*Used for Small View button Before*/
.btnView:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f009";
    margin-left: 8px;
    padding-right: 8px;
    font-size: 14px;
}

.lblMakeNormalLebelRemoveBorder {
    pointer-events: none;
    color: var(--clr-black) !important;
    border: none !important;
}

.btnMarkAsCompletedGapNone {
    padding: 0px !important;
}
/*Used for Details Page Status*/
.dvContainerLeftAlign {
    margin-left: 0 !important;
    background-color: var(--clr-purplelight2dull2) !important;
    border: 1px solid var(--clr-purplelight2dull2) !important;
    color: var(--clr-white) !important;
}
/*Used for Details Page Status*/
.dvContainerLeftAlignGray {
    margin-left: 0 !important;
    background-color: var(--clr-graylight1dull1) !important;
    border: 1px solid var(--clr-graylight1dull1) !important;
    color: var(--clr-blacklight2) !important;
}

.dvPatServiceCategoryCaption {
    width: 20%;
    float: left;
}

.dvPatServiceCategoryValue {
    width: 80%;
    float: left;
}

.dvLinkOtherAppointment2 {
    padding-right: 0px !important;
    height: 25px !important;
}

    .dvLinkOtherAppointment2.small {
        height: 20px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        opacity: 1 !important;
        border-radius: 4px !important;
    }

    .dvLinkOtherAppointment2 span {
        line-height: 22px !important;
    }

    .dvLinkOtherAppointment2.small span {
        line-height: 20px !important;
        font-size: 14px !important;
    }

.btnIconSeperator:before {
    line-height: 18px !important;
}

.btnApplyAlways {
    height: 25px;
    width: 35px;
    margin-left: 0px;
    background-color: var(--clr-graylight2);
    border-radius: 3px;
    cursor: no-drop;
}

    .btnApplyAlways:before {
        font: normal normal normal 18px/1 FontAwesome;
        line-height: 26px;
        font-size: 22px;
        content: "\f087";
        color: var(--clr-bluedark1);
        padding: 3px 8px;
    }

.dvChartVitalContainer {
    margin-top: 10px !important;
}

.lblFetureAdd:before {
    position: absolute;
    font: normal normal normal 18px/1 FontAwesome;
    line-height: 16px;
    font-size: 11px;
    content: "\f111";
    color: var(--clr-red);
    right: 1px;
    vertical-align: text-top;
    margin-left: 4px;
}

.btnIconWithText {
    margin-right: 0px !important;
    cursor: default !important;
    color: var(--clr-white) !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 0px !important;
    padding-right: 5px !important;
}

    .btnIconWithText:before {
        margin-right: 0px !important;
        color: var(--clr-white) !important;
    }

    .btnIconWithText:hover {
        background-color: transparent !important;
        border: none !important;
    }

.pnlApptListSearchWrapper {
    padding: 0 5px !important;
}

/*Used for Lead List*/
.Container_Padding_Left {
    padding: 10px 10px 0 10px !important;
    background-color: var(--clr-graylight2) !important;
    border-right: 1px solid var(--clr-graylight1dull1) !important;
}
/*Used for Lead List*/
.Container_Padding_Right {
    padding: 0 !important;
    background-color: var(--clr-white);
    border-radius: 3px;
    border-radius: 0 3px 3px;
}
/*Used for Lead List*/
.Data_Container_Padding {
    padding: 10px;
}

.dvSearchFooter {
    background-color: var(--clr-graylight1dull1);
    padding: 8px 10px 12px !important;
    border-top: 1px solid var(--clr-graylight1dull1);
    position: fixed;
    bottom: 0;
    left: 0;
    right: initial;
    text-align: center;
    border-right: 1px solid var(--clr-graylight1dull1) !important;
}

.btnSearchFull {
    width: 100% !important;
    border-radius: 3px !important;
}

    .btnSearchFull:before {
        margin-right: 5px !important;
    }
/*Used for Search Lead*/
.dvSearch_Container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0;
}
/*Used for Lead List*/
.Container_Padding_Right2 {
    padding: 0 0 0 10px !important;
}

.dvContainerWithList {
    width: 100%;
}

.text-right {
    text-align: right;
}

.dvDottedMeduBorder {
    float: left !important;
    text-align: left;
    border-left: 1px solid var(--clr-graylight1) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.dottedMenuContainerSmall .dropdown-menu {
    margin-top: 24px !important;
    right: 0;
    left: auto;
}

.dottedMenuContainerSmall .dropdown-item {
    color: var(--clr-black) !important;
    padding: .3rem .5rem !important;
    border-bottom: 1px solid var(--clr-graylight1);
    min-width: 140px;
}

    .dottedMenuContainerSmall .dropdown-item:hover {
        color: var(--clr-white) !important;
    }

.dottedMenuContainerSmall .last-Item {
    border-bottom: none !important;
}

.lblPDF:before,
.lblImage:before,
.lblhtml:before,
.lbldoc:before,
.lbltxt:before,
.lblOtherFile:before {
    font: normal normal normal 18px/1 FontAwesome;
    margin-right: 4px;
    font-size: 14px;
    line-height: 22px;
    vertical-align: text-top;
}

.lblIconSmall:before {
    font-size: 12px;
    line-height: 14px;
    vertical-align: text-top;
}

.lblIconSmallLine:before {
    vertical-align: baseline;
}
/*Used for icon PDF*/
.lblPDF:before {
    content: "\f1c1";
}
/*Used for icon Image*/
.lblImage:before {
    content: "\f1c5";
}
/*Used for icon html*/
.lblhtml:before {
    content: "\f1c9";
}
/*Used for icon Doc*/
.lbldoc:before {
    content: "\f1c2";
}
/*Used for icon txt*/
.lbltxt:before {
    content: "\f0f6";
}
/*Used for icon other Files*/
.lblOtherFile:before {
    content: "\f15b";
}

/*Used for Factor small Input*/
.dvSmallBox {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

    /*Used for Factor small Input Number*/
    .dvSmallBox input[type="number"] {
        height: 36px !important;
        width: 38px !important;
        box-shadow: 0 0 2px #B6B6B6;
        font-size: 20px !important;
        font-weight: 700;
        line-height: 48px;
        text-align: center !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    /*Used for Factor small Input Field*/
    .dvSmallBox input[type="text"]:focus {
        outline: none;
        box-shadow: 0 0 6px 3px #c4bdf5 !important;
        border-color: #7c5df7 !important;
    }

.dvPageContainer {
    clear: both;
    border: 1px solid var(--clr-graylight1);
    position: fixed;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 3px;
}
/*Page Header Container*/
.divPageHeaderWrapperBG {
    min-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1px;
    padding: 15px;
    background-color: var(--clr-graylight1dull3);
    border-bottom: 1px solid var(--clr-graylight1);
}

.dvPageContainerWhie {
    padding: 15px;
}

.dvCustomRowBG {
    padding: 10px 15px;
    clear: both;
    margin-bottom: 30px;
    background-color: var(--clr-graylight1dull3);
}

.btnRejectSmall:before,
.btnApproveSmall:before {
    line-height: 20px !important;
}

.btnRejectSmall:before {
    color: var(--clr-white) !important;
    content: "\f119" !important;
}

.btnApproveSmall:before {
    color: var(--clr-white) !important;
}

.button-tab {
    box-shadow: none !important;
    float: left !important;
}

    .button-tab .btnTab {
        font-family: LatoRegular;
        text-align: center;
        outline: none !important;
        cursor: pointer;
        margin-left: 0;
        margin: 0;
        border: none;
        color: var(--clr-blacklight2);
        white-space: nowrap;
        vertical-align: middle;
        height: 36px;
        float: left;
        min-width: 42px;
        margin-right: 0;
        line-height: 15px;
        border-radius: 3px 3px 0 0;
        font-size: 14px;
        padding: 10px 8px 9px !important;
        border: 1px solid var(--clr-graylight1dull1);
        border-bottom: none !important;
        margin-right: 6px;
        background-color: transparent;
    }

.button-tab-right {
    float: right !important;
}

    .button-tab-right .btnTab {
        margin-left: 6px;
        margin-right: 0px !important;
        box-shadow: 0 0 2px var(--clr-graylight1);
        border-bottom: 1px solid var(--clr-graylight1dull1) !important;
        border-radius: 3px !important;
        margin-top: -3px !important;
        background-color: var(--clr-white) !important;
    }

        .button-tab-right .btnTab:hover {
            color: #000 !important;
            background-color: #f1f2f9 !important;
            transform: translateY(-2px);
        }

    .button-tab-right .btn-group,
    .button-tab-right .dhx_Home_button {
        margin-top: -4px !important;
        margin-right: 0px !important;
    }

    .button-tab-right .btn-group {
        border-right: none !important;
    }

.lblNormalCaption {
    color: var(--clr-black) !important;
    cursor: pointer;
    margin-left: 0;
    margin: 0;
    padding-right: 4px;
    padding-left: 3px;
    line-height: 30px !important;
}

.button-tab-right .btnTab:hover {
    transform: translateY(-2px);
}

.dataTables_wrapper thead tr {
    background-color: var(--clr-graylight1);
    border: none !important;
}

    .dataTables_wrapper thead tr th {
        border: none !important;
    }

.dataTables_wrapper tbody .tfooter {
    background-color: var(--clr-graylight1) !important;
    border: none !important;
}

    .dataTables_wrapper tbody .tfooter td {
        background-color: transparent !important;
        color: var(--clr-black);
        font-weight: bold !important;
    }

.button-tab-right .btn-filter {
    margin-left: 0px !important;
}

.action-button-right {
    margin-right: 250px !important;
}

.button-tab-right .btn-print:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f02f";
    font-size: 14px;
    margin-right: 6px;
}

.button-tab-right .btn-refresh:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f021";
    font-size: 14px;
    margin-right: 6px;
}

.button-tab-right .btn-filter:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0b0";
    font-size: 14px;
    margin-right: 6px;
    color: var(--clr-green) !important;
}
/*Used for Button Group Selected*/
.btnNormalLightBGSelectedTop {
    color: var(--clr-black) !important;
    background-color: var(--clr-white) !important;
    border-radius: 4px 4px 0 0 !important;
    text-decoration: none !important;
    float: left;
    font-family: LatoRegular;
    cursor: pointer !important;
    border-bottom: none !important;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid var(--clr-graylight1) !important;
    border-top: 5px solid var(--clr-green) !important;
    padding: 8px 8px !important;
}

.tap-page {
    border-radius: 0 6px 6px 6px;
    border: 1px solid var(--clr-graylight1) !important;
    clear: both;
}

.pnlPage_Inner {
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
    padding-bottom: 0 !important;
    min-height: 91.6vh;
    /*background-color: var(--clr-graylight1dull1);*/
}

.tap-page .chartContainer {
    overflow: hidden;
    overflow-y: auto;
    height: 91.6vh;
    padding: 0px;
    background-color: var(--clr-graylight1dull1);
    border-radius: 0 6px 6px 6px;
}

.btnExpandFilter,
.btnCollepFilter {
    right: 0;
    z-index: 1000;
    padding-top: 4px;
    color: var(--clr-white) !important;
    height: 40px;
    width: 40px;
    top: 45%;
    position: absolute;
    background-color: var(--clr-greendark1);
    cursor: pointer;
    border: 1px solid var(--clr-greendark1);
    border-radius: 6px 0 0 6px;
    outline: none !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.btnCollepFilter {
    right: 250px !important;
}

    .btnExpandFilter:hover,
    .btnCollepFilter:hover {
        background-color: var(--clr-green);
        border: 1px solid var(--clr-green);
        width: 50px;
    }

.pnlPage_Inner .chart {
    padding: 0px;
    /*background-color: var(--clr-white);*/
    border-radius: 6px;
}

.tap-page .chartPage {
    background-color: var(--clr-graylight2New2);
}

.pnlPage_Inner.chart .highcharts-data-labels .highcharts-data-label-color-0 text {
    font-weight: normal;
}

.highcharts-text-outline {
    display: none !important;
}

.pnlPage_Inner .chart .highcharts-data-labels .highcharts-data-label-color-0 text tspan {
    text-shadow: none !important;
    color: white !important;
}

.tap-page .seperator {
    padding: 10px 0 0px;
    height: 10px;
    background-color: var(--clr-graylight1dull1);
}

.tap-page-container .filter {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--clr-graydark1);
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 2px var(--clr-blacklight2);
    width: 400px;
}

.tap-page-container .toolbar {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid var(--clr-graylight1dull2) !important;
}

.tap-page-container .filter-Inner {
    padding: 10px 15px 0;
    height: 84vh;
    overflow: auto;
}

.tap-page-container .page {
    background-color: var(--clr-graylight2New2);
    position: fixed;
    top: 0;
    bottom: 0;
    padding: 10px 10px 0 !important;
}

.tap-page .data {
    padding: 10px;
    background-color: var(--clr-graylight1dull3);
    height: 90.8vh;
    text-align: center;
    border-left: 1px solid var(--clr-graylight1dull2) !important;
}

.pnlPage_Inner .header {
    padding: 0px;
    text-align: center;
    min-height: 90px;
    margin-bottom: 10px;
    background-color: var(--clr-white);
    border-radius: 6px;
}

    .pnlPage_Inner .header .headerInfo span {
        padding: 3px 10px;
        background-color: var(--clr-graydark1);
        border-radius: 3px;
        color: var(--clr-white);
    }

    .pnlPage_Inner .header .headerGreen span {
        padding: 3px 10px;
        background-color: var(--clr-greendark1);
        border-radius: 3px;
    }

    .pnlPage_Inner .header .dataInfo {
        padding: 10px;
        display: contents;
    }

    .pnlPage_Inner .header .column {
        padding: 8px 5px 5px;
        text-align: center;
        border: 1px solid var(--clr-graylight1dull2) !important;
        background-color: var(--clr-white);
        border-radius: 6px 0 0 6px;
        min-height: 96px;
    }

    .pnlPage_Inner .header .columnMiddle {
        padding: 8px 5px 5px;
        text-align: center;
        border: 1px solid var(--clr-graylight1dull2) !important;
        background-color: var(--clr-white);
        border-radius: 0px;
    }

    .pnlPage_Inner .header .columnlast {
        border-left: 1px solid var(--clr-graylight1dull2) !important;
        border-radius: 0 6px 6px 0 !important;
    }

.chrtFixed {
    min-width: 100%;
    height: 400px;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding-top: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.chrtSingle {
    min-width: 100%;
    height: 85.8vh;
    margin: 0 auto;
    background-color: var(--clr-white);
    padding-top: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

    .chrtSingle .highcharts-container,
    .chrtFixed .highcharts-container {
        border-radius: 6px !important;
    }

.tap-page .highcharts-title tspan {
    font-size: 20px;
    line-height: 30px !important;
    font-weight: 700;
    font-family: LatoRegular;
    color: var(--clr-black);
}

.pnlPage_Inner .chart .highcharts-title,
.pnlPage_Inner .chart .norec-title {
    font-family: LatoRegular;
    line-height: 2.0rem;
    font-size: 18px !important;
    color: var(--clr-black) !important;
    fill: var(--clr-black) !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.pnlPage_Inner .chart .norec-title {
    font-family: LatoRegular !important;
    letter-spacing: .03rem;
    text-align: center;
    line-height: 40px;
}

.pnlPage_Inner .chart text {
    font-family: LatoRegular !important;
    letter-spacing: .03rem;
}

.dvDatatable-Chart {
    margin-top: 23px !important;
    background-color: var(--clr-white) !important;
}

.dvContainerBG {
    border: 1px solid var(--clr-graylight1dull1);
}
/*Used for Search Footer Lead List*/
.dvApplyFooter {
    padding: 8px 10px 12px !important;
    border-top: 1px solid var(--clr-graylight1dull2);
    position: fixed;
    bottom: 0;
    right: 0;
    right: initial;
    text-align: center;
    border-right: 1px solid var(--clr-graylight1dull2) !important;
}

.dvChartPrintHeader {
    text-align: center !important;
    margin-bottom: 20px !important;
}

    .dvChartPrintHeader .lblCommon {
        text-align: center !important;
    }

.dvPageInformation {
    padding: 4px 10px;
    position: absolute;
    background-color: #369960;
    font-size: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    color: var(--clr-white);
    line-height: 20px;
    text-align: center;
    /*display:none;*/
}

.lblInfoLink {
    color: var(--clr-white);
    font-weight: 700;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.lblSetTimer {
    text-align: right;
    font-weight: normal;
    background-color: #CE0203;
    color: var(--clr-white) !important;
    border-radius: 3px 3px 3px 0;
    line-height: 14px;
    padding: 0 5px 1px;
    margin-top: 1px;
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
}

.tbContainerMultiple > li > a {
    padding: 5px 8px 9px !important;
    line-height: 20px !important;
}

.tbContainerMultiple > .blank {
    margin-top: 9px !important;
}
/*Used for Tab Page Report*/
.tbContainerMultiple .active {
    padding: 4px 8px !important;
}

.select2-container--disabled .selection .select2-selection span {
    background: #f1f2f9 !important;
    cursor: no-drop;
}

.FieldDisabled-inner .dvImageControlWrapperPortrait,
.FieldDisabled-inner .ImageNotAvailablePortrait {
    background-color: #f1f2f9 !important;
    cursor: no-drop !important;
    pointer-events: none !important;
}

.FieldDisabled .select2-container,
.FieldDisabledCursorNone,
.FieldDisabled {
    background-color: #f1f2f9 !important;
    cursor: no-drop !important;
    color: #000000;
    pointer-events: none !important;
}

.FieldDisabledCursorNone {
    pointer-events: none !important;
}

.FieldDisabled .btn {
    background-color: #f1f2f9 !important;
    cursor: no-drop !important;
}

.FieldDisabled .btn-primary {
    background-color: var(--clr-greendark1) !important;
    cursor: no-drop !important;
}
/*Used for Field disabled*/
.ContainerDisabled,
input[type=number]:disabled,
textarea:disabled,
input[type=tel]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=text]:disabled {
    background-color: #f1f2f9 !important;
    cursor: no-drop;
}

.Bg-EMR-Loading_img img {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: blinkerimg 1s linear infinite;
    animation: blinkerimg 1s linear infinite;
}
/*Used for blinker*/
@keyframes blinkerimg {
    50% {
        opacity: .6;
    }
}

.btnQueueDropdown:before,
.btnQueue:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f0c0" !important;
    font-size: 14px;
    vertical-align: text-top;
    line-height: 16px;
    color: #373737;
}

.btnQueue:before {
    margin-right: 0px !important;
}
/*Used for Small Button Config*/
.btnConfig:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f2c0";
    font-size: 14px;
}

.btnConfig:after {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f007";
    font-size: 14px;
    margin-left: -3px;
}
/*Used for Panel Inner*/
.DvPaddingPanelInner-Portal {
    padding: 0px 15px !important;
}

.DvPaddingPanelQuickPortal {
    padding: 0px !important;
    overflow: hidden !important;
}

.table-striped .rowdata {
    padding: 5px;
    margin-bottom: 0px !important;
}

.table-striped .rowdata-small {
    padding: 5px;
    margin-bottom: 5px;
}

.table-striped .rowdata:nth-of-type(odd) {
    background-color: rgba(241, 242, 249, 0.6) !important;
}

.table-striped-header {
    background-color: var(--clr-purplelight2dull3);
    padding: 5px;
}

.table-striped .table-striped-header:not(:first-child) {
    margin-top: 25px !important;
}

.table-striped-Row {
    border: 1px solid var(--clr-graylight1dull2) !important;
    border-top: none !important;
    background-color: var(--clr-white) !important;
    padding: 5px;
}

.lblColorBlackPortal .lblTooltipCommon,
.lblColorBlackPortal .lblRegular,
.lblTooltip-Portal {
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 4px 8px;
    border: none;
    outline: none !important;
    margin-left: 3px !important;
    white-space: nowrap;
    font-size: 10px !important;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px !important;
}

.badge-info-green {
    background-color: var(--clr-green) !important;
    color: var(--clr-white) !important;
    font-weight: normal;
}

.DvMenuQuickPortal {
    background-color: var(--clr-white);
    border-bottom: 1px solid rgba(182, 182, 182, 0.6);
    padding: 13px 15px 12px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.secondary-nav {
    display: block;
    text-align: center;
    clear: both;
    margin: 0px;
    padding-bottom: 5px;
}

    .secondary-nav ul.list {
        clear: both;
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .secondary-nav ul li {
        float: left;
        padding: 0;
        display: inline-block;
    }

        .secondary-nav-footer ul li .tabmenu, .secondary-nav ul li .tabmenu {
            color: #545b62;
            font-size: .9rem;
            margin: 0;
            display: inline-block;
            float: left;
            padding: 10px;
            text-decoration: none;
        }

        .secondary-nav ul li .active {
            border-bottom: 5px solid #2ecc71;
            color: #000000 !important;
            font-weight: bold;
        }

.lblPatPortalHeader {
    font-family: LatoRegular;
    letter-spacing: 0.01em;
    margin: 0;
    float: left;
    font-weight: normal;
    padding: 0;
    color: #2d2d2d;
    font-size: 26px !important;
}



.lblListValuePanelPortal {
    font-size: 15px !important;
    line-height: 25px;
}

    .lblListValuePanelPortal .lblColorWhite {
        color: var(--clr-black) !important;
    }

.lblColorBlackPortal {
    color: var(--clr-black) !important;
}

    .lblColorBlackPortal .lblLowEmphasisWhite {
        color: var(--clr-graydark1) !important;
    }

.lblLowEmphasisDull {
    color: var(--clr-blacklight2);
    /*line-height: 20px;*/
}
/*Used for Image Download Big before*/
.ImgImageViewBig:before {
    content: "\f00b";
    font: normal normal normal 17px/1 FontAwesome;
    line-height: 38px !important;
    font-size: 14px;
    color: var(--clr-graydark1);
}

.dvCustomRowBlueNewStyleHeaderPortal {
    margin-bottom: 0 !important;
    background-color: var(--clr-graylight1dull3) !important;
}
    /*Used for Patient Portal*/
    .dvCustomRowBlueNewStylePortal .lblColorWhite,
    .dvCustomRowBlueNewStyleHeaderPortal .lblColorWhite,
    .dvCustomTopForPatPortal .lblColorWhite {
        color: var(--clr-black) !important;
    }

.dvCustomTopForPatPortal .lbl_Med_LowImp_Small {
    color: var(--clr-graydark1) !important;
}

.dvCustomTopForPatPortal .lbl_Med_Imp,
.dvCustomRowBlueNewStylePortal .lbl_Med_Imp {
    color: var(--clr-black) !important;
}

.dvMedDataContainerPortal .lblLowEmphasisWhite {
    color: var(--clr-graydark1) !important;
}

.dvMedDataContainerPortal .dvCaptionFieldValue {
    font-size: 14px !important;
}

.dvMedDataContainerPortal .dvValueFieldLowImp {
    font-size: 14px !important;
}

.dvMedDataContainerPortal li {
    margin-bottom: 10px !important;
    border-bottom: 1px solid var(--clr-gray);
    padding-bottom: 5px !important;
}

.dvMedDataContainerPortal .dvValueFieldLowImp {
    width: 55% !important;
}

.dvCustomForPatPortal {
    background-color: var(--clr-blackdull4) !important;
    padding: 10px;
    margin-bottom: 15px;
    line-height: 25px !important;
}

.lblToottipLeft {
    margin-left: 0px !important;
}

.lblToottipRight {
    margin-left: 5px !important;
    cursor: pointer !important;
}

.dvCustomRowBlueNewStylePortal {
    border: 1px solid var(--clr-graylight1dull2) !important;
    background-color: var(--clr-white) !important;
    border-top: none !important;
}

.dvCustomRowBlueNewStylePortalHeader {
    border: 1px solid rgba(241, 242, 249, 0.6) !important;
    background-color: var(--clr-white) !important;
    border-top: none !important;
}

.lblColorBlueLighter {
    color: var(--clr-bluelight2) !important;
    cursor: pointer;
    outline: none !important;
}

.dvPortalCortainer .select2-selection,
.dvPortalCortainer .chzn-container-single .chzn-single,
.dvPortalCortainer input[type="text"],
.dvPortalCortainer input[type="password"],
.dvPortalCortainer input[type="number"],
.dvPortalCortainer input[type="numeric"],
.dvPortalCortainer input[type="search"],
.dvPortalCortainer input[type="tel"],
.dvPortalCortainer input[type="url"],
.dvPortalCortainer input[type="email"],
.dvPortalCortainer input[type="date"],
.dvPortalCortainer select {
    height: 42px !important;
    padding: 10px 15px 10px 15px !important;
    background-color: var(--clr-white) !important;
    color: var(--clr-black);
    font-family: LatoRegular;
    box-shadow: none;
    text-shadow: 0 -1px 0 var(--clr-white);
    transition: none;
    font-size: 14px !important;
    width: 100% !important;
    font-weight: 500;
    border-radius: 3px !important;
    outline: none;
    border: 1px solid var(--clr-graylight1dull1);
    -moz-appearance: none;
}

.dvPortalCortainer .btnCommon {
    height: 42px !important;
}



.dvPortalCortainer .select2-container .select2-selection--single .select2-selection__rendered {
    height: 40px !important;
}

.dvPortalCortainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    color: var(--clr-black) !important;
    padding-right: 10px !important;
}

.dvPortalCortainer textarea:active, textarea:focus,
.dvPortalCortainer input[type="text"]:active,
.dvPortalCortainer input[type="password"]:active,
.dvPortalCortainer input[type="password"]:focus,
.dvPortalCortainer input[type="number"]:active,
.dvPortalCortainer input[type="numeric"]:active,
.dvPortalCortainer input[type="text"]:focus,
.dvPortalCortainer input[type="number"]:focus,
.dvPortalCortainer input[type="numeric"]:focus,
.dvPortalCortainer input[type="search"]:focus,
.dvPortalCortainer input[type="tel"]:focus,
.dvPortalCortainer input[type="date"]:focus,
.dvPortalCortainer input[type="url"]:focus,
.dvPortalCortainer input[type="email"]:focus,
.dvPortalCortainer input[type="tel"]:active,
.dvPortalCortainer input[type="date"]:active,
.dvPortalCortainer input[type="url"]:active,
.dvPortalCortainer input[type="email"]:active {
    outline: none;
    border-color: #7c5df7 !important;
    box-shadow: 0 0 0 3px #c4bdf5 !important;
    border-radius: 3px !important;
}



.FieldPhone select,
.FieldPhone .select2-container {
    float: left;
    width: 24% !important;
}

    .FieldPhone select,
    .FieldPhone .select2-container .selection .select2-selection {
        border-radius: 3px 0 0 3px !important;
        border-right: none !important;
    }

.FieldPhone input[type="text"],
.FieldPhone input[type="number"],
.FieldPhone input[type="numeric"],
.FieldPhone input[type="tel"],
.FieldPhone input[type="url"],
.FieldPhone textarea,
.FieldPhone input[type="email"] {
    float: left;
    width: 75% !important;
    border-radius: 0 3px 3px 0 !important;
}

.FieldPhone textarea {
    float: right !important;
    height: 36px !important;
    margin-bottom: 10px !important;
    line-height: 26px;
    overflow: hidden;
}

.FieldPhoneSmall select,
.FieldPhoneSmall .select2-container {
    width: 30% !important;
}

.FieldPhoneSmall input[type="text"],
.FieldPhoneSmall input[type="number"],
.FieldPhoneSmall input[type="numeric"],
.FieldPhoneSmall input[type="tel"],
.FieldPhoneSmall input[type="url"],
.FieldPhoneSmall input[type="email"] {
    width: 70% !important;
}

.dvButtonWrapperPetty-Protal {
    height: 52px !important;
    padding: 2px 15px !important;
}

    .dvButtonWrapperPetty-Protal .btnCommon {
        height: 42px !important;
        padding: 0 15px !important;
    }

.dvPatNotificationCon {
    position: fixed;
    bottom: 100px;
    z-index: 1049;
    color: var(--clr-black);
    padding: 15px 20px 0 !important;
    background-color: var(--clr-yellow) !important;
    border-radius: 5px;
    box-shadow: 0 0 2px var(--clr-gray);
}

.dvPatNotificationConGray {
    position: fixed;
    top: 100px;
    z-index: 1049;
    color: var(--clr-black);
    padding: 15px 20px !important;
    background-color: var(--clr-graylight2New4) !important;
    border-radius: 5px;
    box-shadow: 0 0 2px var(--clr-gray);
    z-index: 1300;
}

.dvPatNotificationConRed {
    color: var(--clr-white) !important;
    background-color: var(--clr-red) !important;
}

.dvPatNotificationCon ul {
    padding-left: 15px;
}

    .dvPatNotificationCon ul li {
        text-align: left;
        margin-bottom: 15px;
    }

        .dvPatNotificationCon ul li .lblTooltipError {
            color: var(--clr-red);
        }

        .dvPatNotificationCon ul li .lblTooltipErrorLink {
            color: var(--clr-red);
            text-decoration: underline;
            cursor: pointer;
        }

.dvPatNotificationCancel {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px 8px;
    cursor: pointer !important;
    color: var(--clr-blacklight2);
    margin-left: 15px;
}

    .dvPatNotificationCancel:hover {
        color: var(--clr-black) !important;
    }

.dvPatNotificationCancelWhite {
    color: var(--clr-white) !important;
}

.dvPatNotificationConLeft {
    margin-left: 0%;
    width: 94% !important;
    background-color: var(--clr-graylight2New3) !important;
    box-shadow: 0 0 2px var(--clr-gray);
}

.text-center {
    text-align: center;
}

.pnlCallLog .lblHeader {
    font-size: 18px;
}

.pnlCallLog .lblValue {
    font-size: 14px;
}

.pnlCallLog .lblValueRed {
    font-size: 14px;
    color: var(--clr-red);
}


.pnlCallLog .lblValueLow {
    font-size: 14px;
    color: var(--clr-blackdull2);
}

.text-green {
    color: var(--clr-green);
}

.pnlbg-gray {
    padding: 20px 10px;
    background-color: var(--clr-white);
    border-radius: 6px;
    text-align: center;
    border: 1px solid var(--clr-green);
}

.pnlbg-gray-small {
    padding: 2px 5px;
    font-size: 10px;
    color: var(--clr-blacklight2);
    background-color: var(--clr-white);
    border-radius: 6px;
    text-align: center;
    border: 1px solid var(--clr-graylight1);
}

.hrRow {
    border-bottom: 1px solid var(--clr-graylight1dull2) !important;
}

.dvPatNotificationCon .lblFieldNameHeader {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 10px;
}

.dottedMenuLog .dropdown-menu {
    z-index: 1202;
}

.btnSmallIconVideo {
    background-color: transparent;
    border: none !important;
    float: left;
    height: 71px !important;
    color: var(--clr-blacklight2);
    position: absolute;
}

.btnSpeaker {
    left: 10px;
}

    .btnSpeaker:hover,
    .btnHeadPhone:hover {
        color: var(--clr-black) !important;
        transform: translateY(-2px);
    }

.btnSmallIconVideo .lblSpeaker {
    font-size: 10px;
    /* color: var(--clr-black); */
    /* margin-top: -7px; */
    /* line-height: 10px; */
    margin-top: 10px;
    color: var(--clr-black) !important;
}

.btnSpeaker:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f028";
    font-size: 22px;
    padding: 9px 11px;
    background-color: var(--clr-white);
    border-radius: 50%;
    line-height: 20px;
    margin-top: 10px;
    border: 1px solid var(--clr-gray) !important;
    box-shadow: 0 0 2px var(--clr-gray);
}

.btnHeadPhone {
    left: 80px;
}

    .btnHeadPhone:before {
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f083";
        font-size: 18px;
        padding: 12px 12px;
        background-color: var(--clr-white);
        border-radius: 50%;
        line-height: 20px;
        margin-top: 10px;
        border: 1px solid var(--clr-gray) !important;
        box-shadow: 0 0 2px var(--clr-gray);
    }

/*.btnCircleStartCallNew {
    background-color: transparent;
    border: none !important;*/
/* float: left; */
/*height: 80px !important;*/
/* color: var(--clr-greendark1); */
/* margin-top: -2px; */
/*margin-top: -15px;
}

    .btnCircleStartCallNew .lblSpeaker {
        font-size: 10px;*/
/* color: var(--clr-black); */
/* margin-top: -7px; */
/* line-height: 10px; */
/*margin-top: 15px;
        color: var(--clr-black) !important;
    }

    .btnCircleStartCallNew:before {
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f03d";
        font-size: 24px;
        padding: 16px 16px;
        background-color: var(--clr-greendark1);
        border-radius: 50%;
        line-height: 52px;
        color: var(--clr-white);
        box-shadow: 0 0 2px var(--clr-gray);
    }

.btnCircleEndCallNew {
    background-color: transparent;
    border: none !important;*/
/* float: left; */
/*height: 78px !important;*/
/* color: var(--clr-greendark1); */
/* margin-top: -2px; */
/*margin-top: -16px;
}

    .btnCircleEndCallNew .lblSpeaker {
        font-size: 10px;*/
/* color: var(--clr-black); */
/* margin-top: -7px; */
/* line-height: 10px; */
/*margin-top: 14px;
        color: var(--clr-black) !important;
    }

    .btnCircleEndCallNew:before {
        font: normal normal normal 20px/1 FontAwesome;
        content: "\f095";
        font-size: 24px;
        padding: 16px 18px;
        background-color: var(--clr-red);
        border-radius: 50%;
        line-height: 52px;
        color: var(--clr-white);
        box-shadow: 0 0 2px var(--clr-gray);
    }*/


.dvPatNotificationCon .btnImportant {
    margin-right: 0px !important;
}

.dvNotificationLast {
    width: 100%;
}

.dvNotification {
    width: 100%;
}

    .dvNotification .lblHelper,
    .dvNotificationLast .lblHelper {
        font-size: 12px;
        display: inherit !important;
        padding-left: 5px;
    }

        .dvNotification .lblHelper a,
        .dvNotificationLast .lblHelper a {
            color: var(--clr-blue) !important;
        }

            .dvNotification .lblHelper a:hover,
            .dvNotificationLast .lblHelper a:hover {
                color: var(--clr-blue) !important;
            }

/*Used for Mobile*/
.btnMobileSmall:before {
    content: "\f10b";
    line-height: 10px;
    font-size: 14px !important;
}
/*Used for Email*/
.btnEmailsSmall:before {
    content: "\f003";
    line-height: 10px;
    font-size: 12px !important;
    color: var(--clr-blue);
}

.dvVideoCallError .refresh .fa-refresh {
    cursor: pointer;
}

.dvVideoCallError {
    top: 88px;
    right: 4px;
    left: 4px;
    position: fixed;
    padding: 5px 10px 7px !important;
    background-color: var(--clr-red);
    border-left: 1px solid var(--clr-graydark3);
    border-right: 1px solid var(--clr-graydark3);
    color: var(--clr-white);
    margin-left: -1px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 0 2px var(--clr-graylight1);
}

.pnlCallLog {
    height: calc(100vh - 200px);
    overflow: hidden;
    overflow-y: auto;
}

.dvVideoCallError .dv-data {
    width: 90%;
    float: left;
}

.dvVideoCallError .refresh {
    width: 10%;
    float: left;
}

.dvVideoCallInfo {
    top: 88px;
    right: 4px;
    left: 4px;
    position: fixed;
    padding: 5px 10px 7px !important;
    background-color: var(--clr-orangedark1);
    border: 1px solid var(--clr-orangedark1);
    color: var(--clr-white);
    margin-left: -1px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 0 2px var(--clr-graylight1);
}
/*Used for modal header*/
.modal-header-custom {
    padding: 10px 10px 5px;
    border-bottom: 1px solid var(--clr-graylight1dull2) !important;
    margin-bottom: 10px;
}

    .modal-header-custom.nowrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*Used for modal footer*/
.modal-footer-custom {
    padding: 10px 15px !important;
    border-top: 1px solid var(--clr-graylight1dull2) !important;
    text-align: center;
}

.dvApptNoshowCancelledBar {
    text-align: right;
    margin-bottom: 10px;
}

.divApptSearchBlockCancelledNoShowValue {
    font-size: 12px;
    font-family: LatoRegular;
    line-height: 15px;
    color: var(--clr-black);
}

.divApptSearchBlockCancelledNoShowLabel {
    color: var(--clr-blacklight2);
}
/*Used for Save*/
.btnCallImp:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f095";
    margin-right: 6px;
    font-size: 14px;
}

.lblPaddingLeftBig {
    padding-left: 45px !important;
    margin-left: 10px;
}

.lblInfo-Icon {
    background-color: rgba(46,204,113, 0.5);
    padding: 3px 5px;
    border-radius: 5px;
}

.lblExchange:after {
    font: normal normal normal 25px/1 FontAwesome;
    content: "\f0ec";
    line-height: 15px;
    color: var(--clr-greendark1) !important;
    font-size: 12px;
    background-color: var(--clr-white);
    padding: 5px;
    border: 1px solid rgba(182,182,182, 0.5);
    border-radius: 4px;
}
/*Used for enchange in bill payment page*/
.btnExchange:before {
    font: normal normal normal 25px/1 FontAwesome;
    content: "\f0ec";
    line-height: 25px;
    color: var(--clr-greendark1) !important;
    font-size: 14px;
}

.btnCrossNew:after {
    font: normal normal normal 25px/1 FontAwesome;
    content: "\f00d";
    line-height: 20px;
    color: var(--clr-red) !important;
    font-size: 14px;
}

.btnCrossLeft:before {
    font: normal normal normal 25px/1 FontAwesome;
    content: "\f00d";
    line-height: 20px;
    color: var(--clr-red) !important;
    font-size: 20px !important;
}


.btnBig {
    height: 65px !important;
    min-width: 250px !important;
    line-height: 25px !important;
}

    .btnBig .lblPrimaryCaption {
        font-size: 16px;
    }

    .btnBig .lblHelperText {
        font-size: 14px;
        color: var(--clr-whitedull1);
    }
/*Used for Helper Text*/
.lblConfirmationText {
    font-size: 14px;
    line-height: 18px !important;
    letter-spacing: 0;
}
/*Used for Grid Header like Return on Qty Exchange Bill*/
.lblGridHeaderSticker {
    font-size: 10px !important;
    border: 1px solid var(--clr-orangedark1);
    padding: 3px 2px;
    font-weight: normal;
    border-radius: 4px;
}

.icon-Queue:before {
    content: "\f0c0";
    vertical-align: top;
    line-height: 20px !important;
}

.dvModalBodyCon {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    min-height: 65vh;
}

.dvPopUpModalBody.modal-minHeight {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    min-height: 42vh;
}

.modal-body.small-height {
    padding-left: 35px !important;
    padding-right: 35px !important;
    height: 61vh;
}

.dvModalBodyCon.immu {
    max-height: 84vh;
    height: 84vh;
    padding: 15px 15px 15px 50px !important;
}

.fieldRed {
    color: var(--clr-red) !important;
}

.dvLeadDetailosList .select2-container {
    width: 50% !important;
}

.fieldRight p {
    text-align: right !important;
}
/*Used for Icon Size Extra small*/
.icon-Extra-Small,
.icon-Extra-Small-Left {
    float: right;
    margin-left: 3px;
    margin-right: 3px;
}
/*Used for Icon Size Extra small*/
.icon-Extra-Small-Left {
    float: none;
}
    /*Used for Icon Size Extra small*/
    .icon-Extra-Small:before,
    .icon-Extra-Small-Left:before {
        font: normal normal normal 12px/16px FontAwesome;
    }

.Icon-Queue,
.Icon-Queue-Big {
    float: left;
    line-height: 20px;
    border: 1px solid var(--clr-gray);
    background-color: var(--clr-white) !important;
    border-radius: 4px 0 0 4px !important;
    border-right: none !important;
    padding: 0 2px;
}

.lblChangedQueueGap {
    padding-left: 5px !important;
}

.Icon-Queue-Big {
    margin-top: 0;
    line-height: 25px;
    padding: 5px 10px;
    border: 1px solid var(--clr-graylight1);
    height: 36px;
}

.btnQueue2:before {
    content: "\f0a1";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
}

.Icon-Queue-Big .icon-Small:before {
    margin-right: 0 !important;
}

.Combo-Queue,
.Combo-Queue-Fixed {
    float: left;
}

.Combo-Queue-Fixed {
    width: 240px !important;
    margin-right: 10px !important;
}

    .Combo-Queue-Fixed .select2-selection,
    .Combo-Queue select {
        border-radius: 0 4px 4px 0 !important;
    }

.Combo-Queue select {
    height: 22px !important;
}

.Combo-Queue .comboBorderFixed {
    margin-left: 0px !important;
}

.dvAddress-top-element {
    display: block;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 16px;
}

.top-Arrow,
.top-Arrow-right {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--clr-gray);
    margin-left: 6%;
    width: 0;
}

.top-Arrow-Small {
    margin-left: 8px !important;
}

.dvAddress-top-left {
    margin-left: -5px !important;
    margin-top: 25px !important;
}
/*Used for Report i icon, when click on i display msg on the bottom of this*/
.dvpopupMsgContainer {
    display: block;
    padding: 5px 10px;
    border: 1px solid var(--clr-graylight1dull1);
    border-radius: 6px;
    color: var(--clr-black) !important;
    background-color: var(--clr-yellow);
}

    .dvpopupMsgContainer.bottom {
        margin-top: 9px;
    }

    .dvpopupMsgContainer.info-list {
        padding: 0.5rem .8rem;
        max-width: 400px;
    }

        .dvpopupMsgContainer.info-list.big {
            max-width: 550px;
        }

            .dvpopupMsgContainer.info-list.big .para-info p {
                line-height: 20px;
                margin-bottom: 10px !important;
            }

                .dvpopupMsgContainer.info-list.big .para-info p.last {
                    line-height: 20px;
                    margin-bottom: 0px !important;
                }

    .dvpopupMsgContainer ul {
        padding-left: 15px;
        margin-bottom: 0;
    }

        .dvpopupMsgContainer ul li {
            line-height: 20px;
            margin: 5px 0;
        }

.top-Arrow-right2 {
    margin-right: 0px;
    margin-left: 0;
    float: right;
    border-bottom: 10px solid var(--clr-yellow);
}

.icon-Small:before {
    font: normal normal normal 12px/16px FontAwesome;
    margin-right: 6px;
    vertical-align: text-top;
    line-height: 14px;
}

.PopupMessageConnectedTop {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--clr-purplelight2dull2);
    margin-left: 10px;
    width: 0;
}
/*Used for for popup message Content only Border Ex. Inventory Pack Details*/
.popupBorderNormal {
    background-color: transparent !important;
    border: 1px solid var(--clr-graylight1);
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
}

    .popupBorderNormal.gray {
        background-color: var(--clr-graylight2) !important;
        box-shadow: 0 0 2px var(--clr-graylight1);
    }

    .popupBorderNormal.green {
        background-color: var(--clr-greendull2) !important;
        box-shadow: 0 0 2px var(--clr-graylight1);
    }

    .popupBorderNormal .rightdv {
        border-left: 1px solid var(--clr-graylight1);
        padding-left: 15px !important;
    }

    .popupBorderNormal.v-small {
        padding: 5px;
    }
/*Used for Star Icon*/
.icon-After {
    margin-left: 6px !important;
    margin-right: 0 !important;
}
/*Used for Icon Size Big*/
.icon-Bigest:before {
    font: normal normal normal 30px/38px FontAwesome;
    margin-right: 6px;
}

.dvMarginRight {
    margin-right: 5px !important;
}
/*Used for Icon Size Medium*/
.icon-Medium:before {
    font: normal normal normal 14px/16px FontAwesome;
    margin-right: 4px;
    vertical-align: text-top;
}
/*Used for Icon Size Big*/
.icon-Big:before {
    font: normal normal normal 18px/22px FontAwesome;
    margin-right: 6px;
    vertical-align: text-top;
    line-height: 26px;
}
/*Used for Disabled Look*/
.DisabledLook {
    background-color: #f1f2f9 !important;
    padding: 0 10px 5px 10px !important;
    border-radius: 4px !important;
    cursor: no-drop !important;
}
/*Used for icon PDF*/
.icon-PDF:before {
    content: "\f1c1";
}
/*Used for icon Excel*/
.icon-Excel:before {
    content: "\f1c3 ";
    /*color: $clrGreendark1;*/
}
/*Used for icon Image*/
.icon-Image:before {
    content: "\f1c5";
}
/*Used for icon html*/
.icon-html:before {
    content: "\f1c9";
}
/*Used for icon Doc*/
.icon-doc:before {
    content: "\f1c2";
}
/*Used for icon txt*/
.icon-txt:before {
    content: "\f0f6";
}
/*Used for icon other Files*/
.icon-OtherFile:before {
    content: "\f15b";
}

.item-Selected {
    border-bottom: 3px inset var(--clr-greendark1) !important;
}

.calloutAbs {
    position: absolute;
    z-index: 1;
}

.dvpopupMsgContainer .progressBar {
    height: 11px;
    width: 100%;
    border: 1px solid var(--clr-gray);
    background-color: var(--clr-white);
    border-radius: 4px;
}

.dvpopupMsgContainer .progress {
    height: 10px;
    background-color: var(--clr-green);
}

.top-Arrow.yellow {
    border-bottom: 10px solid var(--clr-yellow);
}

.Customform-group-field input {
    border-radius: 0 4px 4px 0 !important;
}

.lblMinus {
    background-color: var(--clr-white) !important;
    font-size: 30px !important;
    line-height: 18px !important;
    color: var(--clr-red) !important;
    font-weight: bold;
}
/*Used for Icon Size Medium*/
.icon-Medium:before {
    font: normal normal normal 16px/18px FontAwesome;
    margin-right: 4px;
    vertical-align: text-top;
}
/*Used for Chat*/
.icon-Chat:before {
    content: "\f0e5";
}
/*Used for ChatOrange*/
.icon-ChatOrange::before {
    color: #F39C12 !important;
    content: "\f075" !important;
}
/*Used for Chat*/
.icon-cancel:before {
    color: red !important;
}

.dvCancelReason {
    line-height: 36px !important;
}

.icon-ChatOrange-item::before {
    line-height: 12px !important;
}

//used to give a gap of 5px from left
.dvLeftGap {
    margin-left: 0.5rem;
}
/*START CALLOUT*/
/*Used for Report i icon, when click on i display msg on the bottom of this*/
.dvAddress-top, .dvMessage-Left, .dvAddress-top-element, .dvMessage-Right {
    display: block;
    position: absolute;
    z-index: 1000;
}

.dvMessage-Left {
    top: 0;
    left: auto;
}

.dvMessage-Right {
    right: 0;
    left: auto;
}

.dvAddress-top-element {
    right: 0;
    top: 1.6rem;
}
/*Used for Report i icon, when click on i display msg on the bottom of this*/
.top-Arrow, .top-Arrow-right, .top-Arrow-Filter {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #B6B6B6;
    margin-left: 6%;
    width: 0;
}

/*used when arrow is at right hand side*/
.top-Arrow-right {
    margin-right: 0.6rem;
    margin-left: 0;
    float: right;
    border-bottom: 10px solid #B6B6B6;
}

/*used when arrow is at right hand side*/
.top-Arrow-Filter {
    margin-left: auto;
    margin-right: 0.5rem;
}

.top-Arrow-Yellow {
    margin-left: -4%;
    width: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #FFFFA5;
    border-bottom: 6px solid transparent;
    float: left;
    margin-top: 1rem;
}

.top-Arrow.yellow {
    border-bottom: 10px solid #FFFFA5;
}

.top-Arrow-Left {
    margin-top: 25px;
}

.lblCancelReason {
    line-height: 20px !important;
}
/*Used for Report i icon, when click on i display msg on the bottom of this*/
.dvpopupMsgContainer {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(182,182,182, 0.5);
    border-radius: 6px;
    color: #000000 !important;
    background-color: #FFFFA5;
    text-align: left;
    width: 100%;
}

.calloutAbs {
    position: absolute;
    z-index: 1;
}

.dvpopupMsgContainer .progressBar {
    height: 1.1rem;
    width: 100%;
    border: 1px solid #B6B6B6;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.dvpopupMsgContainer .progress {
    height: 1rem;
    background-color: #2ecc71;
}

.dvpopupMsgContainer.bottom {
    margin-top: 0.9rem;
}

.dateTimePickerRight .bootstrap-datetimepicker-widget {
    left: auto !important;
    right: 0 !important;
}

    .dateTimePickerRight .bootstrap-datetimepicker-widget::before {
        left: auto !important;
        right: 0.7rem !important;
    }

    .dateTimePickerRight .bootstrap-datetimepicker-widget::after {
        left: auto !important;
        right: 0.8rem !important;
    }

/*Used for Grid Body*/
.dvGridItemsWhite {
    width: 100%;
    background-color: white !important;
    border: 1px solid rgba(182,182,182, 0.5);
    //min-height: 300px;
    min-height: 30rem;
    border-radius: 0 0 4px 4px;
}

.Breakup-row-Container {
    border: 1px solid rgba(182,182,182, 0.5) !important;
    border-bottom: none !important;
}

.dvFooterrRow {
    border-radius: 0 0 4px 4px;
    /*background-color: $clrGraylight4 !important;*/
    background-color: var(--clr-graylight2dull1New) !important;
}

.Breakup-row-col4 {
    padding-right: 24px;
}

.Breakup-row-col3 {
    padding-right: 18px;
}

.Breakup-row-col2 {
    padding-right: 12px;
}

.rowdata-small-empty {
    padding: 0 8px 0 8px;
}

.Breakup-row {
    border-bottom: 1px solid rgba(182,182,182, 0.5) !important;
    background-color: white;
    padding: .5rem .5rem .5rem 1rem;
}

.dvBreakup {
    overflow: auto;
    border-radius: 0;
}

.dvBreakupSection {
    padding: 5px !important;
}

.icon-GoogleCalendar {
    background-image: url('../Content/Images/Google-calendar.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    float: right;
}

/*Used for CursorPointer*/
.panelLink,
.lblCursorPointer,
.RowCursorPointer {
    cursor: pointer !important;
}

    .panelLink,
    .RowCursorPointer .lblListPrimaryValuePanel {
        border-bottom: 1px dashed;
        font-size: 16px;
    }

.RowCursorNonPointer .lblListPrimaryValuePanel {
    font-size: 16px;
}

.RowCursorPointer:hover .lblListPrimaryValuePanel,
.panelLink:hover {
    font-weight: 700;
}

.panelLink:hover,
.RowCursorPointer:hover .lblListPrimaryValuePanel {
    border-bottom: 1px solid;
}

.dvMarginRight,
.btnOptionCircle {
    margin-right: 5px;
}

/*Used for button multiline with icon, Copy Default Items Clinical Group*/
.btnCommon .multilineIcon {
    min-width: 20px;
    float: left;
    height: 31px;
    line-height: 2.2rem;
}

    .btnCommon .multilineIcon .btnSlider:before {
        margin-right: 0 !important;
    }
/*Used for button multiline with Text, Copy Default Items Clinical Group*/
.btnCommon .multilineText {
    float: left;
    text-align: left;
    line-height: 10px !important;
    /*height: 22px;*/
    padding-left: 0rem;
    padding-right: 5px;
}

    .btnCommon .multilineText.p-none {
        padding-right: 0 !important;
    }
    /*Used for button multiline with text*/
    .btnCommon .multilineText .firstLine {
        //line-height: 20px;
        line-height: 1rem;
        font-weight: normal;
        margin-bottom: 0;
    }
    /*Used for button multiline with text*/
    .btnCommon .multilineText .secondLine {
        line-height: 10px;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 0;
    }
/*Used for Grid Data Loading*/
.dymamic-loading-trans {
    background-color: transparent !important;
    padding-bottom: 15px !important;
}
    /*Used for Grid Data Loading*/
    .dymamic-loading-trans .modal-content {
        border: none !important;
    }

//used without border style for eg, loading modal
.modal-md-custom {
    border-radius: 4px 4px 0 0 !important;
    //margin-top: 5px !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
}

.modal-dialog-centered {
    position: fixed;
    top: 50%;
    left: 50%;
}

.modal-body-white {
    background-color: white;
    border-radius: 4px;
    border: 1px solid var(--clr-gray) !important;
    min-width: 20rem;
}
/*label text with loading*/
.label-Loading-value {
    font-size: 18px;
    color: black;
    //margin-bottom: 30px !important;
    margin-bottom: 1rem !important;
}

.dvWrapContainerEMR.gray-background {
    background-color: var(--clr-graylight1dull1) !important;
}
/*Used for container for loading without background color*/
.modal-content-custom {
    background-color: transparent !important;
    border: none !important;
    text-align: center;
}

.modal-dialog-centered {
    transform: translate(-50%, -50%);
}

.modal-dialog-centered-container {
    padding-top: 15%;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: var(--clr-white);
    color: var(--clr-graydark2);
    border: 1px solid var(--clr-green);
    border-radius: 4px !important;
}

    .lg-actions .lg-next:hover,
    .lg-actions .lg-prev:hover {
        background: var(--clr-greendull1) !important;
        border: 1px solid var(--clr-green);
        color: var(--clr-black) !important;
    }

#lg-actual-size {
    display: none !important;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    background-color: var(--clr-white) !important;
}
/*Used for DisplayTop used on Image Gallery*/
.modalDisplayExtimTop {
    z-index: 12099 !important;
}
/*END CALLOUT*/

/*New classes for paperwork*/
/*Used on Promotion page*/
.divclrcelnoBorder {
    background-color: transparent !important;
    border: 1px solid #F39C12 !important;
    color: #000000;
    line-height: 22px;
}

.dvContainerWithBullet3 {
    padding: 0 0 0 35px;
}

.pnlHeaderPurple {
    padding: 5px 10px 5px !important;
    background-color: #5F62A2;
}

.pnlBodyPurple {
    padding: 5px 10px 0 !important;
    background-color: #5F62A2;
}

.pnlContainerPurple {
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
    height: calc(100% - 66px);
    -webkit-overflow-scrolling: touch;
}

.dvTopAlign {
    height: 46vh;
    vertical-align: bottom;
}
/*Used for Container Blink Medical*/
.dvContainerBlinkPurple {
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    background-color: #5F62A2 !important;
    animation-iteration-count: 3;
}
/*19. START ALTERNATIVE ROW on Panel*/
.table-striped .rowdata-small-panel:nth-of-type(odd),
.table-striped .even,
.table-striped .rowdata-small-Bigpanel:nth-of-type(odd) {
    background-color: rgba(182, 182, 182, 0.15);
}
/*Used for dottedMenu hover on black panels*/
/*Used for dottedMenu hover on black panels*/

/*used in paperwork primary value*/
.dvPaperWorkPrimaryValue {
    padding-top: 5px;
    color: #FFFFFF;
    line-height: 25px;
    font-size: 16px;
}
/*Used for small icon button before*/
.btnSmallIcon:before,
.btnButtonGrpIcon:before,
.btnSmallIconApptList:before {
    margin-right: 0 !important;
}
/*Used for Icon Size Button*/
button[type=button]:not(.btnBackNew):not(.btnBackWhite):not(.btnSmallIconApptList):before,
.btnSmallIcon:before {
    font: normal normal normal 16px/1 FontAwesome;
    margin-right: 6px;
}

.btnSmallIconApptList:before {
    font: normal normal normal 16px/1 FontAwesome;
}

.btnSmallIconLeft:before {
    margin-right: 4px !important;
}

.btnConsentHover:hover .popup,
.dvHelperTextHover:hover .popup {
    display: block !important;
}

/*Used for PatHis Consent Done Appt before*/
.btnApptConsentDoneButAllDue:before {
    content: "\f044";
    font-size: 16px;
    color: #FFFFFF;
}

/*Used for PatHis Consent Done Appt hover*/
.btnApptConsentDoneButAllDue:hover {
    transform: translateY(-2px);
}

.btnPatConsentDue:hover {
    transform: translateY(-2px);
}

/*Consent Icon*/
.btnPaperWork, btnPaperWorkWhite, btnPaperWorkGreen {
    color: #000000;
    transition: all .15s ease;
    cursor: pointer;
    float: left !important;
    margin-left: 3px;
    margin-right: 2px;
    margin-top: 2px !important;
}

    .btnPaperWork.float-Right {
        float: right !important;
    }

.btnPaperWorkWhite {
    color: #FFFFFF !important;
}

.btnPaperWorkGreen {
    background-color: #2ecc71 !important;
    border-radius: 2px 3px 4px 2px;
    margin-top: 0.2rem !important;
    margin-right: 0.2rem;
    margin-left: 2px;
}

.btnPaperWork:before,
.btnPaperWorkWhite:before {
    content: "\f044";
    font-size: 16px;
    color: var(--clr-black) !important;
    margin-right: 3px;
    margin-top: 1px !important;
    font: normal normal normal 16px/1 FontAwesome;
}

.btnPaperWork.small:before,
.btnPaperWorkWhite.small:before,
.btnPaperWorkGreen.small:before {
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 11px;
    vertical-align: text-top;
}

.btnPaperWorkWhite:before {
    color: var(--clr-white) !important;
}

.btnPaperWorkWhite:before {
    content: "\f044";
    font-size: 14px;
    color: #FFFFFF !important;
    margin-right: 6px !important;
}

.btnPaperWorkGreen:before {
    content: "\f044";
    font-size: 16px;
    background-color: #2ecc71 !important;
    border-radius: 2px 3px 4px 2px;
}

.icon-Consent-Small:before {
    font-size: 10px !important;
}

/*Used for PatHis Consent Done Appt*/
.btnApptPatHisConsentDoneSearch {
    background-color: #2ecc71;
    color: #FFFFFF;
    border: none !important;
    box-shadow: 0 0 2px #B6B6B6;
    transition: all .15s ease;
    cursor: pointer;
}

    /*Used for PatHis Consent Done Appt before*/
    .btnApptPatHisConsentDoneSearch:before {
        content: "\f044";
        font-size: 16px;
        color: #FFFFFF;
    }

    /*Used for PatHis Consent Done Appt hover*/
    .btnApptPatHisConsentDoneSearch:hover {
        transform: translateY(-2px);
    }

.btnApptConsentDoneButAllDue {
    background-color: #2ecc71;
    color: #FFFFFF;
    border: 2px solid #E74C3C !important;
    box-shadow: 0 0 2px #B6B6B6;
    transition: all .15s ease;
    cursor: pointer;
}
/*Used for Appt PatHis Search*/
.btnApptPatHisSearch::before {
    content: "\f044";
}

/*Used for Appt Consent Due*/
.btnPatConsentDue:before,
.icon-Consent-Small:before {
    content: "\f044";
}

/*Used for Sign Document on Document Manager Page*/
.lblSignPendingBorder {
    padding: 3px 10px 3px;
    border-radius: 4px;
    //display: block;
    border: 2px solid #E74C3C !important;
    color: #4b5158;
    width: fit-content;
}

    .lblSignExpiredBorder.white,
    .lblSignCompletedBorder.white,
    .lblSignPendingBorder.white {
        color: rgba(255, 255, 255, 0.7) !important;
    }

.lblSignCompletedBorder {
    padding: 1px 10px 3px;
    border-radius: 4px;
    /display: block;
    border: 2px solid #2ecc71 !important;
    color: #4b5158;
    width: fit-content;
}

.lblSignExpiredBorder {
    padding: 1px 10px 3px;
    border-radius: 4px;
    display: block;
    border: 2px solid #808080 !important;
    color: #4b5158;
    width: fit-content;
}
/*Used for Value Same Line*/
.lblValueSameLine {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblFieldNameRequired:after,
.lblBulltCaptionRequired:after {
    font: normal normal normal 9px/1 FontAwesome;
    content: "\f069";
    margin-left: 5px;
    color: #E74C3C;
    vertical-align: super;
}

/*Used for Required Star*/
.lblFieldNameRequired:after {
    line-height: 14px;
}

.pnlBottomBody, .btnViewBottom {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dvBottomAlign {
    height: 20vh;
    vertical-align: bottom;
}

.lblSubHeader {
    font-weight: 700;
    color: #369960;
}
/*Used for List Value Panel before*/
.lblListValuePanel {
    font-size: 16px;
    line-height: 20px;
    display: inline;
    color: rgba(255, 255, 255, 0.7);
}

.lblListValuePanelList {
    font-size: 14px;
    color: var(--clr-blacklight2);
    line-height: 20px;
}
/*Used for List Value Panel Link*/
.lblListValuePanel a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.lblListValuePastData {
    font-size: 14px;
    line-height: 20px;
}

    .lblListValuePastData.second-value {
        padding-left: 10px;
    }

.lblLowEmphasisPastData {
    color: #5e5e5e !important;
    line-height: 20px;
}
/*Used for Color White*/
.lblColorWhite {
    color: #FFFFFF !important;
}
/*Panel Common Property used for Flyouts*/
.pnlGreenPaperwork,
.pnlPanelPurplePaperwork {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 2px #B6B6B6;
}

.pnlGreenPaperwork {
    background-color: #4b5158;
}
/*Panel Common Property used for Flyouts*/
.pnlCommonPaperwork,
.pnlCallFlyPaperwork {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0 2px #B6B6B6;
}

/*Panel Common Property used for Call Transaction*/
.pnlCommonPaperwork {
    overflow-y: auto;
    overflow-x: hidden;
}

/*Used for Field Caption*/
.lblFieldName3 {
    padding: 0;
    margin: 0;
    font-family: LatoRegular;
    line-height: 20px;
    color: #000000;
    font-weight: 700;
    font-size: 16px !important;
}

.lblPageHeader2, .lblPageHeaderWhite2 {
    color: #000;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.item-Blink {
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;
}

.RowStatusBorderGreen {
    border-left: 5px solid #369960 !important;
}


.fa-thumbs-o-up:before,
.fa-thumbs-o-upSmall:before {
    content: "\f087";
    color: #369960;
    margin-right: 0.5rem !important;
}

.fa-thumbs-o-up:before {
    font: normal normal normal 5rem/2.9rem FontAwesome;
}

.fa-thumbs-o-upSmall:before {
    font: normal normal normal 3rem/2.9rem FontAwesome;
}

.fa-thumbs-o-down:before,
.fa-thumbs-o-downSmall:before {
    content: "\f088";
    color: #c0392b;
    margin-right: 0.5rem !important;
}

.fa-thumbs-o-down:before {
    font: normal normal normal 5rem/2.9rem FontAwesome;
}

.fa-thumbs-o-downSmall:before {
    font: normal normal normal 3rem/2.9rem FontAwesome;
}

.pnlPanelPurple {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 2px #B6B6B6;
    background-color: #5F62A2;
}
/*All Delete Button Common Small*/
.btnDeleteWhite:before,
.btnDeleteSmall:before,
.btnDelete:before {
    content: "\f014";
    color: #E74C3C !important;
}
/*Used for delete icon*/
.btnDeleteWhite:before {
    font: normal normal normal 16px/38px FontAwesome;
    color: rgba(255, 255, 255, 0.7) !important;
}

.btnDeleteWhite {
    margin-right: 5px !important;
}

.icon-Folder-Open {
    width: 10px;
    height: 11px;
    padding: 0;
    margin-left: 0;
    margin-top: 2px;
    margin-right: 5px;
    line-height: 9px !important;
}

    .icon-Folder-Open:before {
        font: normal normal normal 16px/16px FontAwesome;
        content: "\f115 ";
        text-shadow: 1px 1px 1px #4b5158;
    }
/*Used for Star Icon*/
.icon-Star:before {
    content: "\f005";
    text-shadow: 1px 1px 1px #4b5158;
}
/*Used for Exclamation for Info*/
.btnExclamationInfo:before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f071";
    margin-right: 4px;
    color: #F39C12;
}

.btnRedAlert:before {
    content: "\f071";
    margin-right: 4px;
    color: var(--clr-red);
    font: normal normal normal 14px/1 FontAwesome;
}


.btnRedAlertBig:before {
    content: "\f071";
    margin-right: 4px;
    color: var(--clr-red);
    font: normal normal normal 26px/1 FontAwesome;
}

.btnRedAlert.primary:before {
    font: normal normal normal 16px/1 FontAwesome;
    vertical-align: text-top;
    line-height: 23px;
}

.btnRedAlert.primary-list:before {
    line-height: 18px;
    vertical-align: text-top;
}

.table-striped .dvBGCommonSelected, .table-striped .rowdata:nth-of-type(odd).dvBGCommonSelected {
    padding: 7px;
    background-color: rgba(46,204,113,.4) !important;
}

.lblFontSizeExtraSmallPaperwork {
    font-size: 16px;
    line-height: 20px;
}

.lblColorBluelight {
    color: #43cbff !important;
    cursor: pointer;
    outline: none !important;
}

.disabledButton, .lblNoDrop {
    cursor: no-drop !important;
}
/*Used for DisplayTop*/
.modalDisplayTop {
    z-index: 1099 !important;
}
/*Used for package icon in black background*/
.dvPackageIconWhite {
    float: right;
    margin-right: 2px;
    border-radius: 50%;
    margin-top: 2px;
    font-size: 14px;
    width: 14px;
    margin-left: 4px;
    text-align: center;
    height: 14px;
    padding: 1px;
    line-height: 13px !important;
    background-color: #f8f9fa;
    border: 1px solid #f1f2f9;
    color: #000000;
}

.dvCallNotification {
    text-align: center;
}

.btnCallNotification,
.btnCallNotificationAnsw,
.btnCallNotificationCalling,
.btnCallNotificationNotAnsw {
    width: fit-content;
    margin: 0 auto;
    border: 1px solid var(--clr-red);
    padding: 0px 5px 1px;
    border-radius: 4px;
    font-size: 12px;
}

.btnCallNotificationAnsw {
    border: 2px solid var(--clr-green) !important;
    background-color: var(--clr-green) !important;
    color: var(--clr-white) !important;
}

.btnCallNotificationNotAnsw {
    border: 2px solid #808080 !important;
    color: #fff;
    background: #808080;
}

.btnCallNotificationCalling {
    border: 2px solid var(--clr-red) !important;
    background-color: var(--clr-red) !important;
    color: var(--clr-white) !important;
}

.dvCallNotificationPatDtls {
    border: 1px solid var(--clr-graylight1dull2) !important;
    padding: 10px !important;
    border-radius: 4px;
    max-width: 350px;
    width: fit-content;
    margin: 0 auto;
}

    .dvCallNotificationPatDtls.error {
        border: 1px solid var(--clr-red) !important;
        padding: 10px !important;
        border-radius: 4px;
    }

.dvConnectedDetailsNew {
    padding: 10px !important;
    border: 2px solid var(--clr-greendark2);
    background-color: var(--clr-green);
    border-radius: 4px;
}

.dvDisConnectedDetails {
    padding: 10px !important;
    border: 2px solid var(--clr-graylight1);
    background-color: var(--clr-graylight1);
    border-radius: 4px;
}

.icon-Small:before {
    font: normal normal normal 16px/20px FontAwesome;
    margin-right: 6px;
}

.icon-Small2:before {
    font: normal normal normal 18px/15px FontAwesome !important;
    margin-right: 6px;
}

.tooltip-new-chat .icon-Small:before {
    margin-left: 6px;
}

.tooltip-new-chat .icon-feedback:before {
    font: normal normal normal 16px/20px FontAwesome;
    margin-left: 10px;
    content: "\f2c0" !important;
}

.tooltip-new-chat .icon-feedback:after {
    font: normal normal normal 14px/20px FontAwesome;
    margin-right: 4px;
    color: #F39C12 !important;
    content: "\f075" !important;
    vertical-align: text-bottom;
    margin-top: -7px;
    position: absolute;
    margin-left: -2px !important;
}

.tooltip-new-chat .icon-feedback {
    margin-right: 20px;
    cursor: pointer;
}

.icon-option:before {
    line-height: 16px !important;
    vertical-align: text-top;
}

.icon-combo-all:before {
    content: "\f111";
    color: #1b55d8;
    font-size: 12px;
}

.icon-combo-due:before {
    content: "\f111";
    color: #c0392b;
    font-size: 12px;
}

.icon-combo-completed:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-combo-dismissed:before {
    content: "\f111";
    color: #B6B6B6;
    font-size: 12px;
}

.icon-combo-all:before {
    content: "\f111";
    color: #1b55d8;
    font-size: 12px;
}

.icon-combo-expired:before {
    content: "\f111";
    color: #4b5158;
    font-size: 12px;
}

.icon-combo-paid:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-combo-unused:before {
    content: "\f111";
    color: #000000;
    font-size: 12px;
}

.icon-combo-appointment:before {
    content: "\f073";
    color: #4b5158;
    font-size: 12px;
}

.icon-combo-pending:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-combo-dispensed:before {
    content: "\f111";
    color: var(--clr-orangedark1);
    font-size: 12px;
}

.icon-combo-billed:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-combo-collected:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-combo-payment:before {
    content: "\f09d";
    color: #000000;
    font-size: 12px;
}

.icon-combo-inventory:before {
    content: "\f1b2";
    color: #000000;
    font-size: 12px;
}

.icon-combo-discount:before {
    content: "\f156";
    color: #369960;
    font-size: 12px;
}

.icon-combo-discountQuotation:before {
    content: "Q";
    color: #369960;
    font-size: 1.2rem;
}

.icon-combo-approved:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-combo-rejected:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-hot:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-cold:before {
    content: "\f111";
    color: #808080;
    font-size: 12px;
}

.icon-ddl-warm:before {
    content: "\f111";
    color: #F39C12;
    font-size: 12px;
}

.icon-combo-male:before {
    content: "\f183";
    color: #000000;
    font-size: 12px;
}

.icon-combo-female:before {
    content: "\f182";
    color: #000000;
    font-size: 12px;
}

.icon-ddl-scheduled:before {
    content: "\f111";
    color: #43CBFF;
    font-size: 12px;
}

.icon-ddl-confirmed:before {
    content: "\f111";
    color: #7c5df7;
    font-size: 12px;
}

.icon-ddl-waiting:before {
    content: "\f111";
    color: #FFB43E;
    font-size: 12px;
}

.icon-ddl-engaged:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-checkedOut:before {
    content: "\f111";
    color: #2ecc71;
    font-size: 12px;
}

.icon-ddl-cancelled:before {
    content: "\f111";
    color: #B6B6B6;
    font-size: 12px;
}

.icon-ddl-noShow:before {
    content: "\f111";
    color: #000000;
    font-size: 12px;
}

.icon-ddl-reviewPending:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-reviewDone:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-ddl-openOrders:before {
    content: "\f111";
    color: #F39C12;
    font-size: 12px;
}

.icon-ddl-receivedOrders:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-ddl-closedOrders:before {
    content: "\f111";
    color: #4b5158;
    font-size: 12px;
}

.icon-ddl-pendingAuthorisation:before {
    content: "\f111";
    color: #c0392b;
    font-size: 12px;
}

.icon-ddl-overdueOrders:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-cancelledOrders:before {
    content: "\f111";
    color: #808080;
    font-size: 12px;
}

.icon-ddl-openQuotation:before {
    content: "\f111";
    color: #F39C12;
    font-size: 12px;
}

.icon-ddl-convertedToBill:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-ddl-expired:before {
    content: "\f111";
    color: #808080;
    font-size: 12px;
}

.icon-ddl-cancelled:before {
    content: "\f111";
    color: #000000;
    font-size: 12px;
}

.icon-ddl-apptDue:before {
    content: "\f111";
    color: #E74C3C;
    font-size: 12px;
}

.icon-ddl-apptMade:before {
    content: "\f111";
    color: #369960;
    font-size: 12px;
}

.icon-ddl-default:before {
    content: "\f111";
    color: #7c5df7;
    font-size: 12px;
}

/*used for Feedback icon*/
.icon-Normal:before {
    color: rgba(255, 255, 255, 0.7);
}

/*used for Feedback icon*/
.icon-Red:before {
    color: rgba(255, 255, 255, 0.7);
}

/*used for Feedback icon*/
.icon-Red-Color:before {
    background-color: #E74C3C !important;
}

.icon-Video-Red:before {
    color: #E74C3C;
}

/*used for info icon when the activity is done. For eg: investigation instructions done*/
.icon-Done:before {
    color: #1b55d8 !important;
}

.icon-DoneStar:before {
    color: #F39C12 !important;
}

.icon-Notify:before {
    background-color: #FFFFA5 !important;
    color: #4b5158 !important;
    border: 0.1rem solid #B6B6B6 !important;
}

.icon-Denger::before {
    background-color: #E74C3C !important;
    color: #FFFFFF !important;
    border: 0.1rem solid #E74C3C !important;
}

.icon-Orange:before {
    color: #F39C12 !important;
}

/*Used for Calendar*/
.icon-Calendar:before {
    content: "\f073";
}

/*Used for icon Next Appointment*/
.icon-CalendarNormal:before {
    content: "\f274";
}

/*Used for Lab*/
.icon-Lab:before {
    content: "\f1fb";
}

/*Used for Lab*/
.icon-Xray:before {
    content: "\f256";
}

/*Used for EMR*/
.icon-EMR:before {
    content: "\f21e";
}

/*Used for Bill Report*/
.icon-Bill:before {
    content: "\f0b1";
}

/*Used for Lead Report*/
.icon-Lead:before {
    content: "\f2c0";
}

/*Used for Tools Report*/
.icon-Tools:before {
    content: "\f0c1";
}

/*Used for User Report*/
.icon-User:before {
    content: "\f2c0";
}

/*Used for Icons Home*/
.icon-Home:before {
    content: "\f0f8";
}

/*Used for Icons Home*/
.icon-Video:before {
    content: "\f03d";
}

/*Used for Staff*/
.icon-Staff:before {
    content: "\f0f0" !important;
}

/*Used for Inventory*/
.icon-Inventory:before {
    content: "\f1b2";
}

/*Used for Chat*/
.icon-Chat:before {
    content: "\f0e5";
}

/*Used for Vendor*/
.icon-Vendor:before {
    content: "\f2ba";
}

/*Used for XRay*/
.icon-XRay:before {
    content: "\f256";
}

/*Used for Corporate*/
.icon-Corporate:before {
    content: "\f19c";
}

/*Used for Corporate*/
.icon-Corporate-group:before {
    content: "\f0f7";
}

/*Used for Edit*/
.icon-Edit:before {
    content: "\f040";
}

/*Used for Cashsheet*/
.icon-Cashsheet:before {
    content: "\f0f6";
}

/*Used for Patient*/
.icon-Patient-Big:before {
    content: "\f2c0";
    font-size: 1.4rem !important;
    margin-right: 0 !important;
    color: #808080;
}

/*Used for EMR*/
.icon-EMR-Big:before {
    content: "\f21e";
    font-size: 1.4rem !important;
    margin-right: 0 !important;
    color: #808080;
}

/*Used for Financial*/
.icon-Financial-Big:before {
    content: "\f0d6";
    font-size: 1.4rem !important;
    margin-right: 0 !important;
    color: #808080;
}

/*Used for Reminder*/
.icon-Reminder:before {
    content: "\f0f3";
    color: #7c5df7 !important;
}

/*Used for Reminder*/
.icon-Vaccine:before {
    content: "\f132";
    color: #7c5df7 !important;
}

/*Used forPackage Appointment*/
.icon-PackageAppt:before {
    content: "\f0f2";
    color: #369960 !important;
}

/*Used for ChatOrange*/
.icon-ChatOrange::before {
    color: #F39C12 !important;
    content: "\f075" !important;
}

.icon-information::before {
    color: #B6B6B6 !important;
    content: "\f05a" !important;
    font-size: 2rem !important;
}

/*Used for Callcenter*/
.icon-CallCenter:before {
    content: "\f095";
    color: #E74C3C !important;
    font-weight: 700;
}

.icon-Green:before {
    background-color: #369960;
    border-radius: 4px;
    color: #FFFFFF;
}

/*Used for Link*/
.icon-Link:before {
    content: "\f0c1";
}

/*Used for Online*/
.icon-Online:before {
    content: "\f0e7";
    color: #43CBFF;
}

/*Used for Mobile*/
.icon-Mobile:before {
    content: "\f10b";
}

/*Used for EMR*/
.icon-EMR:before {
    content: "\f21e";
    color: #E74C3C !important;
}

/*Used for Recall*/
.icon-Recall:before {
    content: "\f0f3";
    color: #E74C3C !important;
}

/*Used for icon PDF*/
.icon-PDF:before {
    content: "\f1c1";
}
/*Used for Icons Map*/
.icon-sound:before {
    content: "\f1c7";
}
/*Used for Icons Map*/
.icon-soundwithvideo:before {
    content: "\f1c8";
}
/*Used for icon Excel*/
.icon-Excel:before {
    content: "\f1c3 ";
    /*color: $clrGreendark1;*/
}

/*Used for icon Image*/
.icon-Image:before {
    content: "\f1c5";
}

/*Used for icon html*/
.icon-html:before {
    content: "\f1c9";
}

/*Used for icon Doc*/
.icon-doc:before {
    content: "\f1c2";
}

/*Used for icon txt*/
.icon-txt:before {
    content: "\f0f6";
}

/*Used for icon other Files*/
.icon-OtherFile:before {
    content: "\f016";
}

/*Used for Icons Map*/
.icon-Map:before {
    content: "\f041";
}

/*used for Mark As Complete*/
.icon-Completed:before {
    content: "\f00c" !important;
    color: #369960;
    cursor: pointer !important;
    font-size: 20px !important;
}

.ietm-emr {
    padding-top: .8rem !important;
}

/*used for Smily Saddy*/
.icon-GiftCard:before {
    content: "\f06b";
    color: #F39C12;
}

/*Used for Star Icon*/
.icon-Star:before {
    content: "\f005";
    text-shadow: 0.1rem 0.1rem 0.1rem #4b5158;
}

/*Used for Star Icon*/
.icon-After {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

/*Used for icon*/
.icon-Message:before,
.icon-Message-Normal:before {
    content: "\f0e0";
    color: #2ecc71;
}

.icon-Message-Normal:before {
    color: #808080;
}

.icon-Queue:before {
    content: "\f0c0";
}

/*Used for Editor Details*/
.icon-View:before {
    content: "\f0ca";
}

/*Used for Smily before*/
.icon-Sad:before {
    content: "\f119";
}

/*used for info icon*/
.icon-Info:before {
    content: "\f129";
    padding: .2rem .6rem;
    background-color: #B6B6B6;
    border-radius: 4px;
    color: #FFFFFF;
}

.icon-Money:before {
    content: "\f0d6";
    vertical-align: unset !important;
}

.icon-Check:before,
.icon-Check-button:before {
    content: "\f058";
    margin-right: 0 !important;
    color: #808080;
}

.icon-Check-button:before {
    margin-right: 0.6rem !important;
    color: #FFFFFF;
    vertical-align: unset !important;
}

/*used for Smily Saddy*/
.icon-Smily:before {
    content: "\f118";
}

.icon-Membership-Small:before,
.icon-Membership:before {
    font: normal normal normal 16px/16px FontAwesome;
    content: "\f0a3";
    text-shadow: 1px 1px 1px #4b5158;
}

.icon-Normal:before {
    color: rgba(255, 255, 255, 0.7);
}

.icon-Star:before {
    content: "\f005";
    text-shadow: 1px 1px 1px #4b5158;
}

.icon-DoneStar:before {
    color: #f39c12 !important;
}

.icon-vibrate {
    position: relative;
    /*animation: vibrate 0.5s;
    animation-iteration-count: infinite;*/
    -webkit-animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
    animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 300px;
    perspective: 300px;
}

@keyframes vibrate {
    /*0%{transform: translate(1px, 1px) rotate(0deg);}
    10% {transform: translate(-1px, -2px) rotate(-1deg);}
    20% {transform: translate(-3px, 0px) rotate(1deg);}
    30% {transform: translate(3px, 2px) rotate(0deg);}
    40% {transform: translate(1px, -1px) rotate(1deg);}
    50% {transform: translate(-1px, 2px) rotate(-1deg);}
    60% {transform: translate(-3px, 1px) rotate(0deg);}
    70% {transform: translate(3px, 1px) rotate(-1deg);}
    80% {transform: translate(-1px, -1px) rotate(1deg);}
    90% {transform: translate(1px, 2px) rotate(0deg);}
    100% {transform: translate(1px, -2px) rotate(-1deg);}*/
    0%, 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% {
        -webkit-transform: translate3d(0,-4px, 0);
        transform: translate3d(0,-4px, 0);
    }

    1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0);
    }

    20%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lblGrayBG {
    color: #fff;
    background: #808080;
    font-family: LatoRegular;
    margin: 0;
    text-align: left;
    padding: 2px 6px 4px;
    border: none;
    outline: none !important;
    margin-left: 3px;
    white-space: nowrap;
    border-radius: 4px;
    font-size: 14px !important;
}

.btnCallMenuModal,
.btnCallMenuRecModal {
    margin-left: 7px !important;
    margin-right: 0px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    color: rgba(255,255,255,.7);
    font-family: LatoRegular;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    border-radius: 50%;
    float: left;
    text-decoration: none !important;
    color: var(--clr-white) !important;
    width: 25px;
    height: 25px;
}

.btnCallMenuModal {
    background-color: var(--clr-red) !important;
}

.btnCallMenuRecModal {
    background-color: var(--clr-green) !important;
}

.dvMarginCopy {
    margin-top: 75px;
}

.icon-Info:before {
    content: "\f129";
    padding: .2rem .6rem;
    background-color: #B6B6B6;
    border-radius: 4px;
    color: #FFFFFF;
}

.icon-After {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

.btnFeedbackDueIcon {
    border: 3px solid #E74C3C !important;
    box-shadow: 0 0 2px #B6B6B6;
    transition: all .15s ease;
    cursor: pointer;
    color: #808080 !important;
}

    .btnFeedbackDueIcon:before {
        content: "\f005";
    }

    .btnFeedbackDueIcon:hover, .btnPatConsentDue:hover {
        border: 3px solid #E74C3C !important;
    }

.btnCommonApptList {
    margin: 5px 0;
}

.btnTabOptio,
.btnTabOptioSelected {
    padding: .1rem .5rem;
    border: 1px solid var(--clr-gray) !important;
    width: 28px;
    line-height: 20px !important;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 2px var(--clr-graylight1) !important;
    background-color: var(--clr-white) !important;
    margin-right: 0px !important;
}

.btnTabOptioSelected {
    background-color: var(--clr-greendark1) !important;
    border: 1px solid var(--clr-greendark1) !important;
    color: var(--clr-white) !important;
}

.btnTabOptio:hover {
    color: var(--clr-black) !important;
    border: 1px solid var(--clr-black) !important;
    background-color: var(--clr-graylight2) !important;
    transform: translateY(-2px);
}

.btnTabOptioSelected:hover {
    background-color: var(--clr-green) !important;
    border: 1px solid var(--clr-green) !important;
    color: var(--clr-white) !important;
}

.tabButton {
    border: none !important;
    background-color: var(--clr-white) !important;
    padding: 0 !important;
    box-shadow: 0 0 0.2rem var(--clr-gray);
    border-radius: 4px;
}

    .tabButton:hover {
        color: var(--clr-black) !important;
        background-color: var(--clr-graylight2) !important;
        transform: translateY(-2px);
    }

    .tabButton .dropdown-toggle {
        min-width: 28px;
        height: 25px;
        border: 1px solid var(--clr-gray) !important;
        background: transparent !important;
        line-height: 10px !important;
        padding: .4rem .5rem;
        border-radius: 4px;
    }

        .tabButton .dropdown-toggle::after {
            margin-left: 0rem !important;
        }

.btnImageDefault::before,
.btnImageNonDefault::before {
    content: "\f08d";
    text-align: center;
    font: normal normal normal 16px/20px FontAwesome;
    padding-left: 0.5rem !important;
    transform: rotate(45deg);
    margin-right: 0;
}
/*Used for Imaging menu Icon*/
.btnImageDefault::before {
    font-size: 16px;
}
/*Used for Imaging menu Icon*/
.btnImageNonDefault::before {
    font-size: 16px;
}

.btnImageNonDefault.small::before {
    padding-left: 0.2rem !important;
}

.btnImageDefault.small::before {
    padding-left: 0rem !important;
}
/*Used for Imaging menu Icon*/
.btnImageNonDefault {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(45deg);
    width: 10px;
    float: left;
}

.btnDefault-0:before {
    padding: 0 !important;
}

.dvPageHeaderHeight {
    height: 64px !important;
    background-color: var(--clr-graylight2dull1New2) !important;
}

.icon-function {
    margin-right: 5px;
    font-size: 16px;
    float: left;
}

.lblFormulaValue {
    float: left;
    font-size: 16px;
}

.row-formula {
    border-top: 1px solid rgba(182,182,182, 0.5) !important;
    margin-top: 5px;
    margin-bottom: 2rem !important;
}

.row-formula-group {
    border-top: 1px solid var(--clr-black) !important;
}

.row-formula-section {
    border-top: 1px solid var(--clr-purplelight3) !important;
    border-bottom: 1px solid var(--clr-purplelight3) !important;
    margin: 5px 0;
    margin-bottom: 2rem !important;
}

.emdivEMRRowHeaderNormal {
    font-weight: bold;
    color: var(--clr-purplelight3) !important;
}

.lblSumValueField {
    font-weight: bold;
}

.comboError .select2 {
    box-shadow: 0 0 0 3px #e74c3c !important;
    border-radius: 4px;
}
/*used for Feedback icon*/
.icon-Red-Color:before {
    background-color: var(--clr-red) !important;
}

/*used for container control, country code*/
.FieldPhoneSmallCall input[type="text"],
.FieldPhoneSmallCall input[type="number"],
.FieldPhoneSmallCall input[type="numeric"],
.FieldPhoneSmallCall input[type="tel"],
.FieldPhoneSmallCall input[type="url"],
.FieldPhoneSmallCall input[type="email"] {
    float: left;
    width: 65% !important;
    border-radius: 0 4px 4px 0 !important;
}

.dvPatSearchResultsContainer ul {
    list-style: none;
}

.dvPatSearchResultsContainer .ListOptionValue,
.dvPatSearchResultsContainer .listOption {
    clear: both;
    height: 36px;
}

.btnSmallNonLinkForApptPat .lblMembership {
    display: block !important;
    margin-right: 10px;
    float: left;
}

.sendPaperWorkModalHeader {
    width: 94%;
    height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.collapseContainer {
    border: 1px solid var(--clr-graylight1);
    /*background: $clrGraylight2;*/
    border-radius: 4px;
    margin-bottom: 30px;
}

    .collapseContainer .collapseContent {
        border-top: 1px solid var(--clr-graylight1);
        position: inherit !important;
    }

.collapseHeader {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: var(--clr-black);
    padding: 0.7rem 0.7rem;
}

.collapseContent {
    padding: 0.7rem 0.7rem;
}

.collapseHeader:hover, .collapseHeader:focus {
    color: var(--clr-black);
}

.expandedIndicator::before {
    font: normal normal normal 30px/20px FontAwesome;
    font-size: 16px;
    color: var(--clr-black);
    float: right;
    margin-right: 0.6rem;
    vertical-align: middle;
    margin-top: 3px;
}

a:not(.collapsed) > span.expandedIndicator:before {
    content: '\f106';
}

a.collapsed > span.expandedIndicator:before {
    content: '\f107';
}

.BookMarkMenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .BookMarkMenu li {
        float: left;
        margin-right: 1.5rem;
    }

        .BookMarkMenu li .white,
        .BookMarkMenu li a {
            color: var(--clr-white) !important;
            float: left;
            padding: 0 !important;
            cursor: pointer;
        }

        .BookMarkMenu li .active,
        .BookMarkMenu .active {
            border-bottom: 5px solid var(--clr-green) !important;
            color: var(--clr-white) !important;
            font-weight: bold;
        }

.icon-Mobile:before {
    content: "\f10b";
}
/*Used for whatsapp*/
.icon-whatsApp:before {
    content: "\f232";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    margin-right: 4px;
}

.icon-whatsApp-big::before {
    font-size: 22px;
    vertical-align: top;
}

.dtrg-group-nobg,
.dtrg-group-nobg td {
    background-color: transparent !important;
}

.analytics-table th {
    color: var(--clr-black);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: var(--clr-graylight1);
    font-size: 14px;
    font-weight: normal;
    padding: .5rem 1rem !important;
}

.dt-buttons {
    display: none;
}

table.dataTable.fixedHeader-floating {
    background-color: var(--clr-graylight1);
    border: none !important;
}

table.dataTable thead .sorting_asc {
    background-image: none !important;
}

.btn-fixed-big {
    width: 400px !important;
}




/*START VIDEO CALL*/
/*Used for video call page for sender image*/

.btnBigIcon:before {
    font: normal normal normal 28px/1 FontAwesome !important;
    margin-right: 6px;
}

.dvCallSender {
    float: right;
    width: 160px;
    height: 120px;
    /*display: inline-block;*/
    background-color: #f8c9c4;
    position: absolute;
    right: 10px;
    top: 105px;
    z-index: 1201;
    border-radius: 4px;
}

    /*Used for video call page for sender image*/
    .dvCallSender div {
        border-radius: 4px !important;
    }

/*Used for video call page Image Container*/
.dvCallStart {
    float: left;
    background-color: #808080;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    top: 88px;
    text-align: center;
}

    .dvCallStart.white {
        background-color: #ffffff !important;
    }
/*Used for video call page for Reciever image*/
.dvCallReciever {
    float: left;
    background-color: transparent !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 88px;
    border-radius: 0 !important;
    padding: 0;
    height: 465px;
}

/*Used for video call page for Call Status*/
.lblVideoCallStatus {
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 2px 5px;
    margin-top: 3px;
    margin-right: 3px !important;
    color: #FFFFFF;
}

    /*Used for video call page for Call Status*/
    .lblVideoCallStatus span {
        line-height: normal !important;
        font-size: 14px !important;
    }

/*Used for video call page for Call Status, The Blue Header section at the top*/
.dvCallStatus,
.dvCallStatusFull {
    min-height: 60px;
    border-radius: 4px 4px 0 0;
    background-color: #000000;
    color: #FFFFFF;
}

.dvCallStatusFull {
    border-radius: 0;
    min-height: 90px;
}

.pnlCallDetails .panel-body {
    height: 70vh;
}

/*Video Page Container for sender and Reciever*/
.dvVideoContainerFull {
    margin: 0 auto;
    width: 100%;
    height: 95%;
    background-color: #FFFFFF;
}

/*Used for Today's Service*/
.dvSelectedService {
    float: left;
    width: 95%;
}

/*used for video call Notification*/
.dvPatNotificationCon,
.dvPatNotificationConGray {
    position: fixed;
    bottom: 100px;
    color: #000000;
    border-radius: 4px;
    box-shadow: 0 0 2px #B6B6B6;
    z-index: 1049;
    top: auto !important;
}

.dvPatNotificationCon {
    z-index: 1049;
    padding: 15px 20px 0 !important;
    background-color: #FFFFA5 !important;
}

/*used for video call Notification*/
.dvPatNotificationConGray {
    padding: 15px 20px !important;
    background-color: #FFFFA5 !important;
}

/*used for video call Notification*/
.dvPatNotificationCancel,
.dvPatNotificationCancelWhite {
    position: absolute;
    top: 0;
    cursor: pointer !important;
    right: 10px;
}

.dvPatNotificationCancel {
    color: #4b5158;
    padding: 2px 8px;
}

.dvPatNotificationCancelWhite {
    color: #FFFFFF;
    padding: 12px;
    margin-top: 3px;
}

/*used for video call Notification*/
.dvPatNotificationConRed {
    color: #FFFFFF !important;
    background-color: #E74C3C !important;
}

/*used for video call Notification*/
.dvPatNotificationCon ul {
    padding-left: 15px;
}

    /*used for video call Notification*/
    .dvPatNotificationCon ul li {
        text-align: left;
        margin-bottom: 15px;
    }

        /*used for video call Notification*/
        .dvPatNotificationCon ul li .lblTooltipError {
            color: #E74C3C;
        }

.dvConfigError {
    width: 100%;
    text-align: center;
    padding: 20px 0 !important;
}

    /*used for video call Notification*/
    .dvPatNotificationCon ul li .lblTooltipErrorLink,
    .dvConfigError .lblTooltipErrorLink {
        color: #E74C3C;
        text-decoration: underline;
        cursor: pointer;
    }

/*used for video call Notification*/
.dvPatNotificationCancel:hover {
    color: #000000 !important;
}

/*used for video call Notification*/
.dvPatNotificationConLeft {
    margin-left: 0;
    width: 94% !important;
    background-color: #f8f9fa !important;
    box-shadow: 0 0 2px #B6B6B6;
}

.text-center .center {
    float: initial !important;
}

/*used for CallLog .lblHeader*/
.pnlCallLog .lblHeader {
    font-size: 20px;
}

.pnlCallLog .lblValue {
    font-size: 16px;
}

/*used for CallLog .lbl Value Red*/
.pnlCallLog .lblValueRed {
    font-size: 16px;
    color: #E74C3C;
}

/*used for CallLog .lbl Value low imp*/
.pnlCallLog .lblValueLow {
    font-size: 16px;
    color: #4b5158;
}

/*used for CallLog green*/
.text-green {
    color: #2ecc71;
}

/*used for panel bg gray on Call log*/
.pnlbg-gray {
    padding: 20px 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #2ecc71;
}

/*used for panel bg gray*/
.pnlbg-gray-small {
    padding: 2px 5px;
    font-size: 14px;
    color: #4b5158;
    background-color: #FFFFFF;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #B6B6B6;
}

/*used for panel bg gray*/
.hrRow {
    border-bottom: 1px solid #B6B6B6 !important;
}

/*used for lblFieldNameHeader*/
.dvPatNotificationCon .lblFieldNameHeader {
    font-size: 20px !important;
    text-align: center;
    margin-bottom: 10px;
}

/*used for call button on video call page*/
.btnCircleStartCallNew,
.btnCircleEndCallNew,
.btnNotifyClient,
.btnPrescription {
    background-color: transparent;
    min-width: 65px !important;
    border: none !important;
}

.btnCircleStartCallNew,
.btnCircleEndCallNew {
    height: 80px !important;
    padding-top: 17px;
}

.btnPrescription,
.btnNotifyClient {
    height: 80px !important;
    padding-top: 23px !important;
}

.btnNotifyClient {
    position: fixed;
}

    /*.btnCircleEndCallNew {
    height: 10rem !important;
}*/
    /*used for call button helper text on video call page*/
    .btnCircleStartCallNew .lblCaption,
    .btnCircleEndCallNew .lblCaption,
    .btnNotifyClient .lblCaption,
    .btnPrescription .lblCaption,
    .btnFlipCamera .lblCaption {
        font-size: 16px;
        margin-top: 14px;
        color: #FFFFFF !important;
        line-height: 23px;
    }

    /*.btnCircleEndCallNew .lblCaption {
    color: $clrWhitelight1 !important;
}*/
    /*used for call button on video call page*/
    .btnCircleStartCallNew:before,
    .btnCircleEndCallNew:before,
    .btnNotifyClient:before,
    .btnPrescription:before {
        font: normal normal normal 2rem FontAwesome;
        line-height: 42px;
        color: #FFFFFF;
        font-size: 24px;
        padding: 16px 17px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
        top: 10px;
        margin-top: -10px;
        margin-right: 5px;
        margin-bottom: 11px;
    }

    .btnPrescription:before,
    .btnNotifyClient:before {
        font: normal normal normal 20px/1 FontAwesome !important;
        height: 14px;
        width: 14px;
    }

/*used for call button on video call page*/
.btnCircleStartCallNew:before {
    height: 32px;
    width: 32px;
    content: "\f03d";
    padding: 14px;
    background-color: #2ecc71;
    box-shadow: 0 0 2px #B6B6B6;
}

/*used for call button on video call page*/
.btnCircleEndCallNew:before {
    height: 32px;
    width: 32px;
    content: "\f095";
    padding: 13px 16px;
    background-color: #E74C3C;
    border: 1px solid rgba(182, 182, 182, 0.5);
    box-shadow: 0 0 2px #B6B6B6;
}

.btnNotifyClient, .btnPrescription {
    text-align: center !important;
}

    .btnNotifyClient:before {
        content: "\f0f3";
        padding: 10px;
        background-color: #FFFFFF;
        color: #000000;
        box-shadow: 0 0 4px #808080;
    }

    .btnPrescription:before {
        content: "\f0c1";
        padding: 10px;
        background-color: #FFFFFF;
        color: #000000;
        font-weight: 700 !important;
        box-shadow: 0 0 2px rgba(46, 204, 113, 0.7);
    }

/*used for video call Notification*/
.dvPatNotificationCon .btnImportant {
    margin-right: 0 !important;
}

/*used for video call Notification*/
.dvNotificationLast {
    width: 100%;
}

/*used for video call Notification*/
.dvNotification {
    width: 100%;
}

    /*used for video call Notification*/
    .dvNotification .lblHelper,
    .dvNotificationLast .lblHelper {
        font-size: 16px;
        display: inherit !important;
        padding-left: 5px;
    }

        /*used for video call Notification*/
        .dvNotification .lblHelper a,
        .dvNotificationLast .lblHelper a {
            color: #1b55d8 !important;
        }

            /*used for video call Notification*/
            .dvNotification .lblHelper a:hover,
            .dvNotificationLast .lblHelper a:hover {
                color: #1b55d8 !important;
            }

/*used for video call Notification*/
.dvVideoCallError .refresh .fa-refresh,
.dvVideoCallInfo .refresh .fa-refresh {
    cursor: pointer;
}

/*used for video call Notification*/
.dvVideoCallError,
.dvVideoCallInfo {
    top: 91px;
    right: 3px;
    left: 4px;
    position: fixed;
    padding: 5px 10px 7px 0 !important;
    color: #FFFFFF;
    margin-left: -1px;
    font-size: 20px;
    text-align: center;
    box-shadow: 0 0 2px #B6B6B6;
    z-index: 5000;
}

/*used for video call Notification*/
.dvVideoCallError {
    background-color: #E74C3C;
}

/*used for video call Notification*/
.dvVideoCallInfo {
    background-color: #F39C12;
}

/*used for video call Notification*/
.pnlCallLog {
    height: calc(100vh - 200px);
    overflow: hidden;
    overflow-y: auto;
}

/*used for video call Notification*/
.dvVideoCallError .dv-data,
.dvVideoCallInfo .dv-data {
    width: 90%;
    float: left;
}

/*used for video call Notification*/
.dvVideoCallError .refresh,
.dvVideoCallInfo .refresh {
    width: 10%;
    float: left;
}

/*Video Page Container for Start Call and End Call Old EMR*/
.dvButtonWrapperVideo {
    position: absolute;
    bottom: 0;
    text-align: center;
    height: 95px;
    padding: 10px 15px 10px 15px !important;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #000000 !important;
}

/*Video Page Container for Start Call and End Call New EMR*/
.dvButtonWrapperVideoNewEMR {
    width: 100% !important;
    text-align: center !important;
    border: 1px solid #f1f2f9;
    background-color: rgba(182, 182, 182, 0.15) !important;
    z-index: 1200;
    padding: 4px;
}

/*.rowdata-small-panel .dottedMenu:hover {
    color: #fff;
    background-image: radial-gradient(circle,#fff 3px,transparent 2px) !important;
}*/

.player-Config {
    width: 300px;
    height: 180px;
}

    /*Configaration window content video Call*/
    .player-Config div {
        border-radius: 4px !important;
    }

.FieldPhone2 input[type="text"] {
    float: left;
    width: 21% !important;
    border-radius: 4px 0 0 4px !important;
    border-right: none;
}

.FieldPhone2 .prepandDrodpwn {
    width: 79% !important;
    float: left !important;
}

    .FieldPhone2 .prepandDrodpwn select {
        border-radius: 0 4px 4px 0 !important;
        width: 100% !important;
    }
/*Used for Gap between 2 line of helper text*/
.dvGapBetweenHelperText {
    height: 1.0rem;
}

.btnFlipCameraIconContainner {
    padding: 7px;
    border-radius: 50%;
    border: none;
    height: 42px;
    width: 42px;
    margin-top: 2px;
    background-color: white;
}

.dvNextPrevDatePicker input[type="text"] {
    border-radius: 0 !important;
}

.dvNextPrevDatePicker .btnPrevWithArrow {
    border-radius: 4px 0 0 4px !important;
}

.dvNextPrevDatePicker .btnNextWithArrow {
    border-radius: 0 4px 4px 0 !important;
}

.dvNextPrevDatePicker .divAmountSuffix {
    border-radius: 0 !important;
}

div[disabled="disabled"] .toggle-group .btn-primary {
    cursor: no-drop;
}

.tooltip-new .tooltiptext,
.tooltip-same.tooltiptext {
    display: none;
    position: absolute;
    width: 250px;
    background-color: var(--clr-yellow);
    color: var(--clr-black);
    text-align: center;
    padding: 0;
    border-radius: 4px;
    z-index: 1;
    border: 1px solid var(--clr-graylight1);
}

    .tooltip-new .tooltiptext.big {
        width: 350px !important;
    }

    .tooltip-new .tooltiptext.medium {
        width: 300px !important;
    }

.tooltip-new .tooltip-data ul {
    padding-left: 15px;
}

    .tooltip-new .tooltip-data ul li {
        margin-bottom: 10px !important;
    }

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -30px;
}

.tooltip-new .tooltiptext-right {
    left: -84px;
    margin-left: -120px;
}

.tooltip-new,
.tooltip-same.tooltiptext {
    position: relative;
    display: inline-block;
}

    .tooltip-new.data-row {
        display: block;
    }

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 22px;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent var(--clr-graylight1) transparent;
}

.tooltip-bottom-l-g::after {
    margin-left: 0 !important;
}

.dvCall-Chart {
    padding-top: 5px;
}

.tooltiptext-right:after {
    left: auto !important;
    right: 30px !important;
}

.tooltiptext-center:after {
    left: auto !important;
    right: auto !important;
}

.tooltip-new .tooltiptext-center {
    left: 0px;
    margin-left: -120px;
}

.tooltip-new .tooltip-header {
    padding: 10px;
    background-color: var(--clr-orangedull1);
    text-align: left;
    border-radius: 5px 5px 0 0;
    margin: -1px;
    border-bottom: 1px solid var(--clr-graylight1);
    font-weight: bold;
    font-size: 14px;
    line-height: 15px !important;
}

.tooltip-new .tooltip-data {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    line-height: 15px;
    font-weight: normal !important;
}

.tooltip-new .tooltip-header-close {
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.right-align {
    right: 0 !important;
    margin-left: 0px !important;
    left: auto !important;
}

    .right-align::after {
        left: auto;
        right: 22px !important;
    }

input:focus:required:invalid, .inputInvalid .select2-container--default .select2-selection--single, .inputInvalid :focus {
    border-color: var(--clr-red) !important;
    background-repeat: no-repeat;
    background-size: 1.6rem;
    box-shadow: 0 0 0 3px #e74c3c !important;
    background-position: center right 1.6rem;
}

.btnLowEmphasis.header {
    transform: translateY(0rem);
}

.section-highlited {
    padding: 5px 10px;
    border: .1rem solid var(--clr-graylight1);
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
}

    .section-highlited.attachment {
        box-shadow: 0 0 5px var(--clr-green);
        padding: 27% 10px !important;
        cursor: pointer !important;
        width: 200px;
        height: 180px;
    }

.field-helper {
    font-size: 12px;
    line-height: 16px !important;
    color: var(--clr-black);
    font-style: italic;
}
    .field-helper.normal {
        color: rgba(255, 255, 255, 0.7) !important;
        font-style: normal !important;
        font-size: 14px !important;
    }
.button-container-done {
    background-color: var(--clr-greendark1);
    border-top: 1px solid var(--clr-greendark1);
    text-align: center;
    padding: 11px 0;
    height: 43px !important;
    color: white;
    cursor: pointer !important;
    margin-top: 2px !important;
    box-shadow: 0 0 5px var(--clr-graylight2);
}

.section-highlited p {
    min-height: 7px;
}

.section-highlited.selected {
    background-color: var(--clr-greendull2) !important;
    border: .1rem solid var(--clr-greendull1);
}

.section-highlited .icon-computer:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f108";
    font-size: 30px;
    line-height: 40px;
    color: var(--clr-gray)
}

.section-highlited .icon-files:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f15b";
    font-size: 30px;
    line-height: 40px;
    color: var(--clr-gray)
}
/*END VIDEO CALL*/
.lblBGRedBorder,
.lblBGGreenBorder,
.lblBGBlackBorder {
    color: var(--clr-black);
    font-size: 14px !important;
    padding: 0px 5px;
    border-radius: 4px;
    width: fit-content;
}

.lblBGRedBorder {
    background: var(--clr-white);
    border: 2px solid var(--clr-red) !important;
}


.lblBGGreenBorder {
    background: var(--clr-white);
    border: 2px solid var(--clr-green) !important;
}

.lblBGBlackBorder {
    background: var(--clr-white);
    border: 2px solid var(--clr-graydark1) !important;
}

.dvCustomChild2 {
    background-color: var(--clr-white);
}

.dvCustomChild-New {
    /*background-color: var(--clr-graydark1);*/
}

.table-striped .rowdata-small-header {
    padding: 5px 10px;
    border-top: 1px solid var(--clr-graydark1) !important;
}

.table-striped .rowdata-emr-shadow {
    border-bottom: 30px solid var(--clr-graydark1) !important;
    padding-bottom: 0 !important;
}

.dvCustomChild-New .rowdata-small-header:first-child {
    border-top: 3px solid #4b5158 !important;
}

.dvCustomChild2 fieldset,
.fieldBorder {
    border: 1px solid var(--clr-graylight1dull1) !important;
    padding: 5px 10px 5px;
    border-radius: 4px;
}

.dvCustomChild2 fieldset, .fieldBorder {
    padding: 0.5rem 1rem 1rem;
    border-radius: 4px;
    border: 1px solid var(--clr-graylight1dull1) !important;
}

.dvPastSection {
    padding: 10px !important;
}

.fieldBorder {
    padding: 5px;
    background-color: transparent !important;
}

.dvGridFieldHeader-Small {
    padding: 0px 8px;
    font-size: 14px !important;
}

.btnDXCon {
    margin-bottom: 5px;
}
/*Used for Link*/
.icon-Link:before {
    font: normal normal normal 14px/1 FontAwesome;
    float: none;
    margin-left: 0.1rem;
    content: "\f0c1";
    line-height: 17px !important;
}

.btnUnlock-button:before {
    margin-right: 6px !important;
}

.FieldDisabledTrans {
    background-color: transparent !important;
    pointer-events: none !important;
}


.dvDropdownMenuImageColor .dropdown-item-image {
    display: block;
    width: 100%;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    padding-left: 1rem !important;
    cursor: pointer;
    font-size: 16px;
    font-family: LatoRegular;
    line-height: 25px;
    letter-spacing: 0 !important;
    padding: 5px 10px !important;
    height: 34px;
    margin: 5% !important;
    width: 90%;
    border: 1px solid var(--clr-graylight1) !important;
    clear: both;
}

    .dvDropdownMenuImageColor .dropdown-item-image:hover {
        opacity: .7 !important;
    }
/*Used for Image Container Full*/
.dvImageContainerFull {
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px;
}
/*Used for Image Container Half*/
.dvImageContainerHalf,
.dvImageContainerOneForth {
    width: 50%;
    float: left;
    padding: 10px;
}
/*Used for Image Container Half height 100%*/
.dvImageContainerHalf {
    height: 100%;
}
/*Used for Image Container OneForth*/
.dvImageContainerOneForth {
    height: 50%;
}
/*Used for Imaging Container, for single Image*/
.dvcontainerSelectedFull {
    width: 100%;
    height: 83vh;
    border-radius: 4px;
}
/*Used for Imaging Container, for single Image*/
.dvImageContainerOneForth .dvcontainerSelectedFull {
    width: 100%;
    height: 85% !important;
}
/*Used for Imaging Container, for two Image*/
.dvcontainerSelectedHalf {
    width: 50%;
    height: 96%;
}
/*Used for Imaging Container, Selected Image*/
.selected-image {
    position: relative;
    float: left;
    margin-bottom: 0;
    overflow: auto;
    border-color: var(--clr-purplelight4) !important;
    background-color: var(--clr-graylight2dull1) !important;
    box-shadow: 0 0 10px var(--clr-purplelight1);
}
/*Used for Imaging Container, for two Image*/
.dvcontainerHalf {
    position: relative;
    float: left;
    overflow: auto;
    border: 1px solid var(--clr-graylight1);
    background-color: var(--clr-graylight2dull1) !important;
}
/*Used for Editor Details*/
.btnEditDetails:before {
    content: "\f044";
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 0 !important;
    margin-right: 4px;
}

.btnScaleToFit:before {
    content: "\f066";
    text-align: center;
    font: normal normal normal 18px/1 FontAwesome;
    padding-left: 0 !important;
    margin-right: 0px;
    line-height: 25px;
}

.dvLoading-Image {
    //min-height: 80px;
    min-height: 8rem;
    width: 100%;
    text-align: center;
    display: inline-grid;
    align-items: center;
    justify-content: center;
    padding-top: 7rem;
}
    /*Page Loading with Image Description 1*/
    .dvLoading-Image .lblDescHeader {
        font-size: 20px;
        line-height: 2.5rem;
        padding-right: 0;
        font-weight: bold;
        color: var(--clr-black);
    }
    /*Page Loading with with Image Description 2*/
    .dvLoading-Image .lblDesc2 {
        font-size: 20px;
        line-height: 2.5rem;
        padding-right: 0;
        color: var(--clr-graydark3);
        font-weight: bold;
    }


/*Used for Image Section Inner EMR */
.dvImageSection {
    max-height: 150px;
    text-align: center;
    padding: 2px !important;
}

.link-important {
    border: none !important;
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
    outline: none !important;
    background-color: transparent !important;
}

    .link-important:hover {
        border: none !important;
        color: var(--clr-bluelight1dull2) !important;
        cursor: pointer;
        outline: none !important;
    }

.thumbnail .imgDiv,
.thumbnail-big .imgDiv {
    border-radius: 50%;
    border: 1px solid var(--clr-graylight1dull1);
    cursor: pointer;
    width: 110px;
    height: 110px;
    float: left;
    text-align: center;
}

    .thumbnail .imgDiv img {
        object-fit: contain;
        width: 95px;
        height: 95px;
        border-radius: 102%;
        margin-top: 7px;
    }

    .thumbnail .imgDiv .icon-Big {
        margin-top: 39px;
        padding-left: 7px;
    }

        .thumbnail .imgDiv .icon-Big:before {
            font-size: 30px;
            margin-top: 20px;
        }

    .thumbnail .imgDiv.doc {
        cursor: default;
    }

.thumbnail-big img {
    float: none;
}

.thumbnail {
    width: 110px;
    float: left;
    border-radius: 50%;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.thumbnail-seperator {
    padding: 0 15px;
    height: 30px;
}

.thumbnail .name,
.thumbnail-big .name {
    font-size: 14px;
    color: var(--clr-black);
    text-align: center;
}

.thumbnail .selected,
.thumbnail-big .selected {
    border: 5px inset var(--clr-purple) !important;
    box-shadow: 0 0 5px var(--clr-purplelight1);
    margin: 1px;
}

.thumbnail .delete {
    float: left;
    position: absolute;
    margin: 0;
    font-weight: bold;
    margin-left: -2px;
    color: var(--clr-graydark2);
    line-height: 11px;
    padding: 5px 6px !important;
    border-radius: 50%;
    font-size: 14px;
    background-color: var(--clr-white);
    border: none;
    cursor: pointer;
    outline: none !important;
}

.pnlImageCanvasContainer {
    width: 100%;
}

    .pnlImageCanvasContainer .btnImportant {
        margin-right: 0 !important;
    }

    .pnlImageCanvasContainer .Combo-Queue-Fixed .select2-selection {
        border-radius: 4px !important;
    }

    .pnlImageCanvasContainer .btnImageDefault::before,
    .pnlImageCanvasContainer .btnImageNonDefault::before {
        padding-left: 3px !important;
    }

    .pnlImageCanvasContainer .dvColorPickerSmall {
        float: left;
        cursor: pointer;
        height: 35px;
        padding: 0px;
        border: 2px solid var(--clr-gray);
        width: 35px;
        margin-right: 5px;
    }

.dvModalBodyCon-image {
    max-height: 80vh;
    overflow: hidden;
    overflow-y: auto;
    min-height: 65vh;
}
/*Used for Attachment Small Image on the EMR*/
.small-Attachment {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

    .small-Attachment img {
        width: 71px;
        height: 71px;
        border-radius: 50%;
        cursor: pointer;
        margin-left: -1px;
        margin-top: -1px;
    }

    .small-Attachment .image {
        float: left;
        width: 72px;
        height: 72px;
        border: 1px solid var(--clr-bluelight1dull2);
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 4px var(--clr-blue);
    }

    .small-Attachment .dottedAttachments {
        margin-top: 3px;
        background-color: transparent !important;
        float: right;
        width: 25px;
    }

.dottedAttachments.summary {
    float: left;
    margin-top: 40px !important;
}

.small-Attachment .dottedAttachments .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    margin-top: 35px !important;
}

.small-Attachment .dottedAttachments.left .dropdown-menu {
    right: auto !important;
    left: 0 !important;
    margin-top: 35px !important;
}

.small-Attachment .dottedAttachments .dropdown-menu.m-0 {
    margin-top: 0 !important;
}

.small-Attachment .icon-Big {
    padding-left: 23px;
    margin-top: 16px;
    float: left;
}

    .small-Attachment .icon-Big:before {
        font-size: 28px !important;
    }

.small-Attachment .dottedAttachments .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid var(--clr-graylight1) !important;
}

.small-Attachment .dottedAttachments .dropdown-menu .name {
    border-bottom: 2px solid var(--clr-graylight1) !important;
    background-color: var(--clr-yellow) !important;
    cursor: default !important;
    text-align: center;
    font-weight: bold;
}

    .small-Attachment .dottedAttachments .dropdown-menu .name:hover {
        border-bottom: 2px solid var(--clr-graylight1) !important;
        background-color: var(--clr-yellow) !important;
        color: var(--clr-black) !important;
    }

.small-Attachment .delete,
.small-Attachment .edit {
    float: left;
    position: absolute;
    margin: 0;
    font-weight: bold;
    margin-left: -1px;
    color: var(--clr-graydark2);
    line-height: 9px;
    padding: 5px 5px !important;
    border-radius: 50%;
    font-size: 12px;
    background-color: var(--clr-white);
    border: 1px solid var(--clr-graylight1) !important;
    cursor: pointer;
}
/*Used for Attachment Small Image edit on the EMR Added by Arnab*/
.small-Attachment .edit {
    padding: 3px 4px !important;
    margin-top: 22px;
    margin-left: -2px;
}

.icon-size-small:before {
    font: normal normal normal 12px/1 FontAwesome !important;
}
/*Used for Edit*/
.icon-Edit:before {
    content: "\f040";
}
/*used for button when selected*/
.btnSelect,
.btnSelectTreatment {
    height: 36px !important;
    border-radius: 4px 0 0 4px !important;
}

.btnSelectTreatment {
    line-height: 20px !important;
    padding: 5px !important;
}

.icon-attachments:before {
    content: "\f0c6";
    font: normal normal normal 20px/1 FontAwesome;
    padding-left: 0 !important;
    font-size: 20px;
    line-height: 25px;
}

.icon-attachments.right:before {
    padding-right: 6px !important;
}

.icon-normal-Check {
    background-color: var(--clr-greendull1) !important;
    border: 1px solid var(--clr-greendull1) !important;
    color: white;
}

    .icon-normal-Check:before {
        content: "\f00c";
        font: normal normal normal 20px/1 FontAwesome;
        padding-left: 0 !important;
        font-size: 20px;
        line-height: 25px;
    }

.divButtonGroupContainer.border {
    border: 1px solid var(--clr-graylight1) !important;
}

.dvHomeMenuContainer .dropdown-item:last-child {
    border: none !important;
}
/*Used for Imaging menu Medu Selected*/
.btnMenuSelected {
    background-color: var(--clr-greendull1) !important;
    color: var(--clr-white) !important;
    border-radius: 4px;
}
    /*Used for Imaging menu Medu Selected Description*/
    .btnMenuSelected p {
        color: var(--clr-white) !important;
    }

.btnCompareSelected .btnMenuSelected {
    height: 43px !important;
    border-radius: 4px 0 0 4px !important;
}

    .btnCompareSelected .btnMenuSelected:hover {
        border-radius: 4px 0 0 4px;
        background-color: var(--clr-greendull1) !important;
        color: var(--clr-white) !important;
    }

.btnCompareSelected {
    float: left;
    border: 1px solid var(--clr-greendull1) !important;
    border-radius: 4px;
    outline: none;
}

.btnImageEditorCompareInfo p {
    line-height: 18px !important;
    margin-top: 1px;
}

.lblTextThroughLine {
    text-decoration: line-through;
}

.dvViewMultiplePackage ol {
    padding-left: 30px;
}

    .dvViewMultiplePackage ol li {
        line-height: 30px;
        margin-bottom: 10px;
        font-size: 16px;
    }

        .dvViewMultiplePackage ol li span {
            padding-left: 10px;
        }

.dvToolConsent {
    width: 24px;
    height: 23px;
    padding-left: 0;
    padding-left: 4px;
    float: right;
    display: inline;
    margin-left: 5px;
    border-radius: 50%;
    color: #fff;
    line-height: 28px;
}

.dvToolConsentSmall {
    width: 18px;
    height: 18px;
    float: left;
    line-height: 15px !important;
    margin: 0;
    margin-right: 2px;
    padding: 0 !important;
}

    .dvToolConsentSmall .btnToolConsent {
        margin: 0 !important;
        padding-left: 3px !important;
    }

    .dvToolConsentSmall .icon-Extra-Small-Left::before {
        margin-right: 0rem !important;
        font-size: 11px !important;
    }

.dvToolConsentBig {
    padding-left: 4px;
    line-height: 22px;
}

    .dvToolConsentBig.left {
        float: left;
    }

.dvToolConsent.due {
    background-color: var(--clr-purplelight3);
    border: 1px solid var(--clr-purplelight3);
}

.dvToolConsent.done {
    background-color: var(--clr-greendark1);
    border: 1px solid var(--clr-greendark1);
}
/*Used for Tools Button Consent*/
.btnToolConsentList:before {
    content: "\f044";
    font-size: 14px !important;
    font: normal normal normal 12px/14px FontAwesome;
    line-height: 14px !important;
    padding-left: 1px;
}

.btnToolConsentList.big:before {
    font-size: 14px !important;
    line-height: 25px !important;
}

.ddlBeforeAfter .select2-selection__rendered[title="Before Treatment"] {
    border: 1px solid var(--clr-reddark1) !important;
    line-height: 27px !important;
    margin: 3px;
    border-radius: 4px;
    color: var(--clr-reddark1) !important;
    width: fit-content !important;
    padding-right: 10px !important;
}

.ddlBeforeAfter .select2-selection__rendered[title="After Treatment"] {
    border: 1px solid var(--clr-greendark1) !important;
    line-height: 27px !important;
    margin: 3px;
    border-radius: 4px;
    color: var(--clr-greendark1) !important;
    width: fit-content !important;
    padding-right: 10px !important;
}

.dvBillDetailsLeftBar {
    border-right: 1px solid var(--clr-graylight1dull1) !important;
    background-color: var(--clr-graylight2dull1New) !important;
}

    .dvBillDetailsLeftBar .dvContainerBGFull {
        border-right: none !important;
        background-color: transparent !important;
    }

.dvSectionRxFreqData .autocomplete-suggestions {
    width: auto !important;
}

.dvControlsIconNew {
    float: left;
    width: 35px;
}

    .dvControlsIconNew .dropdown-menu {
        width: 200px;
        float: left !important;
        right: auto !important;
    }

    .dvControlsIconNew .dottedMenuContainer .dropdown-item:hover {
        color: var(--clr-white) !important;
        background-color: var(--clr-blue) !important;
    }
/*Helper Text*/
.lblHelperText_n {
    font-size: 14px;
    line-height: 15px !important;
    color: var(--clr-black);
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-family: LatoRegular;
}

.dvViewMultiplePackage ol {
    padding-left: 30px;
}

    .dvViewMultiplePackage ol li {
        line-height: 30px;
        margin-bottom: 10px;
    }

        .dvViewMultiplePackage ol li span {
            padding-left: 10px;
        }

.emdivEMRRowSimpleGroupSmall {
    padding-top: 0px !important;
    line-height: 20px !important;
}

.dvButtonLeftOutSideScreen {
    position: absolute;
    left: -30rem;
}

.dvAppointmentService {
    float: left !important;
    text-align: left;
}

    .dvAppointmentService .btnSmallLink.small {
        line-height: 18px !important;
    }

    .dvAppointmentService .lblLowestFont.small {
        line-height: 12px !important;
    }

.btn-group.special {
    display: flex;
    box-shadow: none !important;
}

    .btn-group.special button {
        flex: 1;
    }
    .btn-group.special.auto button {
        flex: auto;
    }
.pnlHeader {
    padding: 10px 10px 5px 10px !important;
    height: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .pnlHeader.dvPaymentTermsInfo {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pnlHeader-Min {
    padding: 10px 10px 5px 10px !important;
    min-height: 55px;
}

.pnlHeader-menu {
    padding: 10px 10px 5px 10px !important;
}
.pnlHeader-menu.pt-0 {
    padding-top:0!important;
}
.pnlHeader.normal {
    overflow: initial !important;
}
/*used for Panel Data Container, here height being calculated using calc*/
.pnlDataContainerBlack,
.pnlDataContainerBlackTxHis {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 10px 0 !important;
    clear: both;
    -webkit-overflow-scrolling: touch;
}

.dvLockBig {
    text-align: center;
    padding-top: 15%;
}

.btnLockBig {
    border-radius: 50%;
    line-height: 3rem;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 1px solid var(--clr-red);
    margin-bottom: 2rem;
}

    .btnLockBig:before {
        font: normal normal normal 60px/1 FontAwesome;
        content: "\f023";
        color: var(--clr-red) !important;
        line-height: 100px;
    }

.dvNoRecFount .lblDescHeader-n {
    font-size: 20px;
    line-height: 2.5rem;
    padding-right: 0;
    color: #000;
}

.dvDropdownColorPicker img {
    display: none;
}

.dvDropdownColorPicker input[type="color"] {
    width: 100%;
    max-width: 100% !important;
}

.table-striped .rowdata-small .colorBox {
    width: 100px !important;
    height: 36px !important;
    border: 1px solid #b6b6b6;
    border-radius: 4px;
}

.pnlMedicalSummary.p-0 {
    padding: 0 !important;
}

.btnDetailsAddedNote:before {
    font: normal normal normal 14px/20px FontAwesome !important;
    margin-right: 4px !important;
    content: '\f075';
    color: var(--clr-graylight1) !important;
}
/*Used for RxRowContainer*/
.dvRxDesContainer {
    padding: 1px !important;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: var(--clr-graylight1) !important;
    border: 1px solid var(--clr-graylight1) !important;
}
/*Used for RxRowContainer*/
.dvRxRowContainer {
    background-color: var(--clr-white) !important;
    padding: 0 8px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid var(--clr-graylight1) !important;
}

    .dvRxRowContainer .cols {
        padding: 0 2px;
    }

    .dvRxRowContainer .center {
        text-align: center !important;
    }
/*Used for Grid Column Header*/
.dvGridValue {
    padding-left: 0 !important;
    padding-right: 5px !important;
}

.dvRxDesHeader {
    width: 100%;
    float: left;
    padding: 5px 10px;
}

.dvSmallLooksButton {
    width: 50%;
    float: left;
    border: 1px solid var(--clr-graylight1);
    color: var(--clr-graydark2);
    font-family: LatoRegular;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
    font-weight: bold;
}

.table-striped .rowdata-emr {
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
}
/*Used on Simple EMR*/
.table-striped .rowdata-emr,
.table-striped .rowdata-white {
    border-radius: 0 !important;
    border-bottom: 1px solid var(--clr-graylight1);
    margin-bottom: 0;
    background-color: #464545 !important;
    padding: 10px;
}

.data-grid .table-striped .rowdata-white {
    border-radius: 0 !important;
    border-bottom: 1px solid var(--clr-graylight1);
    margin-bottom: 0;
    background-color: #FFFFFF !important;
    padding: 5px;
}

.data-grid .table-striped .table-row-gray {
    background-color: var(--clr-graylight2dull1New) !important;
    padding: 5px 10px !important;
}

.bg-white {
    background-color: #fff !important;
}

.dvLeadBody {
    background-color: #fff !important;
    padding: 10px 15px !important;
    width: 100% !important;
}

.bg-package-header {
    background-color: #464545 !important;
    padding: 5px 10px 10px;
    border: none;
}

.rowdata-small-gap {
    border-left: 10px solid #464545 !important;
    border-right: 10px solid #464545 !important;
}

.table-striped .rowdata-emr:nth-of-type(odd),
.table-striped .rowdata-treatment:nth-of-type(odd) {
    background-color: var(--clr-graylight2);
}
/*Flyout Row for Child Row. Like Package Items*/
.dvCustomChild,
.dvCustomChildRowPackage,
.dvCustomChild-pending {
    padding: 7px;
    border-left: 1px solid var(--clr-graylight1) !important;
    border-right: 1px solid var(--clr-graylight1) !important;
    border-bottom: 1px solid var(--clr-graylight1) !important;
    background-color: transparent;
    border-radius: 0 !important;
}

.dvCustomChildRowPackage {
    background-color: var(--clr-white) !important;
}

    .dvCustomChildRowPackage.completed,
    .rowdata-small.completed {
        background-color: var(--clr-green) !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }



.dvHeaderRow_n {
    border-radius: 4px 4px 0 0;
    background-color: #5f62a2 !important;
    min-height: 30px;
    padding: 0 5px;
}

.dvGridFieldHeader_n {
    font-weight: 700;
    padding: 0 2px 0 2px;
    line-height: 30px !important;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px !important;
}

.dvCustomChild.important {
    border-left: 1px solid #5f62a2 !important;
    border-right: 1px solid #5f62a2 !important;
    border-bottom: 1px solid #5f62a2 !important;
    background-color: #fff;
}

.dvFooterRow_n {
    border-radius: 0 0 4px 4px;
    background-color: #5f62a2 !important;
    min-height: 30px;
    padding: 0 5px;
}

.dvCustomChild.trans {
    padding: 7px;
    border-left: 1px solid #464545 !important;
    border-right: 1px solid #464545 !important;
    border-bottom: 1px solid #464545 !important;
    background-color: transparent;
    border-radius: 0 !important;
}

.lblFieldValue-multiline {
    white-space: pre-line;
}

.dvMedDataContainer .data-row {
    clear: both;
}

.dvMedDataContainer .data-sl {
    width: 5%;
    float: left;
}

    .dvMedDataContainer .data-sl .no {
        width: 20px;
        height: 20px;
        background-color: #4b5158;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }

.dvMedDataContainer .row-data,
.dvMedDataContainer .row-full {
    width: 95%;
    float: left;
    border-bottom: 1px solid #4b5158;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.dvPastHistory .dvMedDataContainer .row-data {
    border-bottom: 1px solid var(--clr-graylight1);
}

.dvMedDataContainer .assessment-col1 {
    width: 60%;
    float: left;
    padding-right: 1% !important;
}

.dvMedDataContainer .assessment-col2 {
    width: 40%;
    float: left;
}

    .dvMedDataContainer .assessment-col1.immu,
    .dvMedDataContainer .assessment-col2.immu {
        width: 50%;
    }

.lbl_Med_Imp2 br {
    display: none;
}

.dvMedicalDataContainer .data-sl .no-bullet:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f111";
    color: #4b5158;
}

.dvPastHistory .dvMedicalDataContainer .data-sl .no-bullet:before {
    color: var(--clr-graylight1) !important;
}

.dvMedicalDataContainer .data-sl .no-bullet-low:before {
    color: rgba(182,182,182, 0.5);
}

.dvHistoryContainer .assessment-col1,
.dvHistoryContainer .assessment-col2 {
    width: 50% !important;
}

    .dvHistoryContainer .assessment-col2 br:first-child {
        display: none !important;
    }

.dvHistoryContainer .data-row {
    margin-top: 5px !important;
}

.dvHistoryContainer {
    margin-bottom: 10px;
}

.dvMoreOption .dropdown-item-sep {
    width: 100%;
    padding: 0px !important;
    border-bottom: 1px solid var(--clr-graylight1);
}

.dvHistoryContainer .row-data,
.dvHistoryContainer .row-full {
    margin-bottom: 5px !important;
}

.dvMedDataConatiner {
    border-top: 3px solid #4b5158;
    margin-top: 0px;
    padding: 10px;
}

    .dvMedDataConatiner.past {
        border-top: 3px solid rgba(182,182,182,.15);
    }

.dvCaptionFieldFullBorder {
    border-bottom: 1px solid rgba(182,182,182,.15) !important;
}
/*Used for rx container*/
.dvRxDosageAndDuration {
    float: left;
    width: 15%;
}

    .dvRxDosageAndDuration.big {
        width: 20%;
    }
/*Used for rx container*/
.dvRxInsAndFreq {
    float: left;
    width: 35%;
}

    .dvRxInsAndFreq.big {
        width: 40%;
    }

.dvDisContined .dvRxDetailsLast {
    width: 50%;
}

.dvPageSubHeader {
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid var(--clr-graylight1dull1);
    background-color: var(--clr-graylight2) !important;
}

.pnlContainerBlack, .pnlContainerBlackTxHis {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 10px 0 !important;
    clear: both;
    -webkit-overflow-scrolling: touch;
}

    .pnlContainerBlack.pt-0 {
        padding-top: 0 !important;
    }

.btn-group.special {
    display: flex;
    box-shadow: none !important;
    float: none !important;
    border: none !important;
    margin-right: 0px !important;
}

    .btn-group.special button {
        flex: 1;
    }

        .btn-group.special button:first-child {
            border-radius: 4px 0 0 4px !important;
        }

        .btn-group.special button:last-child {
            border-radius: 0 4px 4px 0 !important;
        }

.table-striped .rowdata-emr-past-emr {
    padding: 0px !important;
}

.table-striped .rowdata-emr-past-emr {
    border-bottom: 30px solid var(--clr-graydark1) !important;
    padding-bottom: 0 !important;
}

.lblListValuePanel:before {
    line-height: 18px !important;
}

.dvClinicalCoding {
    float: left;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    border: 1px solid var(--clr-graylight1) !important;
    background-color: var(--clr-white) !important;
    text-align: center;
    border-radius: 8px;
    color: black;
    cursor: pointer;
    line-height: 10px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

    .dvClinicalCoding.m5 {
        margin-top: 3px !important;
    }

    .dvClinicalCoding.sameline {
        float: none !important;
        line-height: 12px;
    }

.ribbon {
    width: 100%;
    height: 250px;
    position: relative;
    float: left;
    margin-bottom: 30px;
    color: white;
    text-transform: uppercase;
    background-color: var(--clr-white) !important;
    border: 1px solid var(--clr-graylight1dull1) !important;
    padding-top: 75px;
    border-radius: 4px;
}

.ribbon-body {
    padding: 10px;
}

    .ribbon-body .name {
        font-size: 14px;
        font-weight: bold;
        font-size: 14px;
        font-weight: bold;
        color: black;
    }

    .ribbon-body .code {
        font-size: 12px;
        color: #5e5e5e !important;
    }

.ribbon .footer .next {
    color: var(--clr-graylight1);
    float: right;
}

    .ribbon .footer .next:hover {
        color: var(--clr-black);
    }

    .ribbon .footer .next:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f178";
    }

.ribbon .footer {
    color: black;
    padding: 10px;
    margin-top: 15px;
    border-top: 1px dashed;
    border-color: var(--clr-graylight1dull1);
    background-color: var(--clr-graylight2dull1New) !important;
}

.ribbon-expired,
.ribbon-ongoing,
.ribbon-active {
    height: 40px;
    line-height: 42px;
    padding-left: 15px;
    position: absolute;
    left: -8px;
    top: 20px;
    padding-right: 15px;
}

.ribbon-expired {
    background-color: #4b5158;
}

.ribbon-ongoing {
    background-color: #F39C12;
}

.ribbon-active {
    background-color: #369960;
}

.ribbon .ribbon-ongoing:before,
.ribbon .ribbon-ongoing:after,
.ribbon .ribbon-expired:before,
.ribbon .ribbon-expired:after,
.ribbon .ribbon-active:before,
.ribbon .ribbon-active:after {
    content: "";
    position: absolute;
}

.ribbon .ribbon-expired::before,
.ribbon .ribbon-ongoing::before,
.ribbon .ribbon-active::before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: 0.1px;
    border-left: 9px solid transparent;
}

.ribbon .ribbon-expired::before {
    border-bottom: 9px solid #4b5158;
}

.ribbon .ribbon-ongoing::before {
    border-bottom: 9px solid #F39C12;
}

.ribbon .ribbon-active::before {
    border-bottom: 9px solid #369960;
}

.ribbon .ribbon-expired::after,
.ribbon .ribbon-ongoing::after,
.ribbon .ribbon-active::after {
    height: 0;
    width: 0;
    right: -14.5px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.ribbon .ribbon-expired::after {
    border-left: 15px solid #4b5158;
}

.ribbon .ribbon-ongoing::after {
    border-left: 15px solid #F39C12;
}

.ribbon .ribbon-active::after {
    border-left: 15px solid #369960;
}

/*.main-grd-data {
    padding-top: 10px !important;
}*/

.dvChildRow .lblMedLowImpSmall {
    color: #4b5158 !important;
    font-size: 13px;
}

.dvChildRow .lblMedLowImp {
    color: #000000 !important;
}

.dvChildRow .lbl_Med_Imp {
    color: #000 !important;
}

.dvPageSubHeader {
    padding: 10px;
    border: none;
    border-bottom: none;
    background-color: var(--clr-graylight2) !important;
}

.dvHomeMenuContainer .dropdown-item-link {
    color: var(--clr-blue) !important;
}

.ContainerPaddingLeft {
    padding: 0 10px !important;
    border-right: 1px solid rgba(182,182,182,.5) !important;
    background-color: var(--clr-graylight2) !important;
}

.dvItemAddedSmall.extrasmall {
    height: 22px !important;
    padding: 0 5px !important;
    margin-bottom: 2px !important;
}

.dvItemAddedSmall .btnSmallNonLink.small {
    line-height: 20px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.ml-1 {
    margin-left: 10px !important;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.btnAddNew-blue {
    border: none !important;
    background-color: transparent !important;
}

    .btnAddNew-blue:hover {
        outline: none !important;
        border: none !important;
        background-color: transparent !important;
    }

    .btnAddNew-blue:before {
        color: #1b55d8 !important;
        line-height: 25px !important;
    }

.dvDropdownColorPicker img {
    display: none;
}

.dvDropdownColorPicker input[type="color"] {
    width: 100%;
    max-width: 100% !important;
}

.color-box {
    padding: 7px 50px;
    border-radius: 4px;
    border: 1px solid gray;
}

.dvSectionSeperator.right {
    border: none;
    border-right: 1px solid var(--clr-graylight1dull1) !important;
}

.dvLeadChartView {
    background-color: var(--clr-white) !important;
    border-radius: 20px;
}

.lead-chart-container {
    float: left;
    margin-right: 0 !important;
}

.close-charType {
    float: right;
    width: 25px;
    height: 25px;
    margin-top: 0 !important;
    text-align: center;
    border: 1px solid var(--clr-gray);
    border-radius: 50%;
    cursor: pointer;
    background-color: white;
    color: var(--clr-black);
    line-height: 22px;
}

.checkboxOnOff.small-toggle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dcCardsCommon.lead-chart {
    float: left;
    padding: 10px 5px !important;
    margin-bottom: 10px !important;
    border-radius: 0 !important;
    /*border: 1px solid #273340 !important;*/
    background-color: #273340;
    text-align: center;
    min-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dcCardsCommon.lead-chart.default {
        color: var(--clr-white) !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

    .dcCardsCommon.lead-chart.first {
        border-radius: 20px 0 0 0 !important;
    }

    .dcCardsCommon.lead-chart.white {
        color: white !important;
    }

    .dcCardsCommon.lead-chart.selected {
        background-color: var(--clr-greendark1) !important;
        border: 1px solid var(--clr-green) !important;
    }

.dv-lead-notes {
    max-width: 90%;
    float: left;
}

.lead-chart-container:last-child .dcCardsCommon {
    border-radius: 0 20px 0 0 !important;
}

.lead-chart-container .lead-chart-Converted {
    background-color: rgba(46,204,113,.4) !important;
    border-left: 1px solid rgba(46,204,113,.4) !important;
    border-right: 1px solid rgba(46,204,113,.4) !important;
}

.dcCardsCommon h3 {
    margin-bottom: 0.5rem;
    font-size: 28px;
}

.dcCardsCommon .lblCount {
    font-size: 16px;
    padding-left: 5px;
}

.PageMainWrapperList.gray {
    background-color: var(--clr-graylight2) !important
}

.pnl-next-prev {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dvPositionCenter .dvFixedAmountWidth {
    float: none !important;
    margin: 0 auto !important;
}

.btnPrev {
    margin-right: 10px !important;
}

.dvMoreOption .dropdown-item-sep {
    width: 100%;
    padding: 0px !important;
    border-bottom: 1px solid var(--clr-graylight1);
}

.p-1 {
    padding: 10px 10px !important;
}

.mt-n-1 {
    margin-top: 10px !important;
}

.dvItemAddedSmall.red {
    border: 1px solid #e74c3c !important;
    background-color: #fff !important;
    height: 26px !important;
}

.btnSmallLink.red {
    color: #e74c3c !important;
    line-height: 18px !important;
}

.icon-unassigned {
    width: 12px;
    height: 12px;
    background-color: var(--clr-orangedark1);
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    border-radius: 10px;
}

.dvZoomConnectedState {
    text-align: center;
}

    .dvZoomConnectedState img {
        max-width: 150px;
    }
/*.continution-arrow-left:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f178";
    font-size: 14px;
    padding-right: 3px;
    padding-left: 3px;
    line-height: 20px;
    vertical-align: text-top;
}*/
.dvZoomInfo {
    width: 100%;
    padding-top: 10%;
}

    .dvZoomInfo .img-zoom {
        width: 20%;
    }

    .dvZoomInfo .img-small {
        height: 100px;
    }

    .dvZoomInfo .img-extra-small {
        height: 70px;
        border: 1px solid var(--clr-graylight1);
    }

    .dvZoomInfo .img-too-small {
        height: 60px;
    }

    .dvZoomInfo .desc {
        color: black;
        font-size: 20px;
        padding-top: 30px;
    }

.lblBillToWidthC {
    max-width: 85% !important;
}

.dvZoomCall .dvNoRecFount {
    margin-top: 20px;
    padding: 15px;
    border: 2px solid var(--clr-red);
}

    .dvZoomCall .dvNoRecFount .lblBold {
        font-weight: normal !important;
    }

.dvOtherConnectionInfo {
    margin-left: 35px;
    padding-right: 0px;
    margin-top: 20px;
    border: 2px solid var(--clr-red);
    width: fit-content;
    padding: 10px;
    border-radius: 4px;
}

.dvPasswordBoxData {
    border: 1px black solid;
    padding: 1px 2px;
    margin: 1px 2px;
    box-shadow: 2px 3px var(--clr-gray);
}

.dvAdvancePaymentSeperator {
    border-bottom: 1px solid var(--clr-graylight1dull1) !important;
    padding-bottom: 10px;
    margin-bottom: 7px;
}

.dvItemImage,
.dvItemImageOnly {
    width: 45px;
    height: 45px;
    border: 1px solid var(--clr-graylight1dull1);
    border-radius: 50%;
    float: left;
    cursor: pointer;
    color: var(--clr-graylight1);
}

    .dvItemImageOnly.small {
        width: 35px;
        height: 35px;
    }

    .dvItemImage:hover {
        color: var(--clr-black);
    }

    .dvItemImageOnly img {
        width: 44px;
        vertical-align: middle;
        border-radius: 50%;
        height: 44px;
    }

    .dvItemImageOnly.small img {
        width: 34px;
        vertical-align: middle;
        border-radius: 50%;
        height: 34px;
    }

    .dvItemImage:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f1c5";
        font-size: 20px;
        line-height: 43px;
        margin-left: 13px;
    }

.dvCPTCodeHeader,
.dvCPTCodeFooterWithHeaderFewRows {
    color: var(--clr-graylight1);
}

.icon-selected:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00c";
    font-size: 16px;
    margin-right: 6px;
}

.circleDue,
.circleCompleted {
    width: 22px;
    height: 22px;
    float: left;
    background-color: white;
    border-radius: 50%;
    padding-left: 3px;
    margin-right: 5px !important;
}

.lblBillSummary span {
    color: var(--clr-whitedull1) !important;
}

.dvNextPreviousGroup {
    border-top: 1px solid var(--clr-graylight1dull1);
    padding: 5px 0 0;
}

.all-clinic.seperator {
    height: 3px !important;
    min-height: 3px;
    max-height: 3px;
    padding: 0 !important;
    background-color: var(--clr-graylight1);
    cursor: default;
    user-select: none;
}

    .all-clinic.seperator:hover {
        background-color: var(--clr-graylight1) !important;
    }

.dvCRMListData {
    width: 96% !important;
}

.dvCRMListDataMenu {
    width: 4% !important;
}

.dvLeadChartMain {
    overflow: auto !important;
}

.dvLeadChartContainer .highcharts-container {
    width: 100% !important;
    overflow: auto !important;
    min-height: 450px !important;
}

.dvGrowthChartContainer {
    overflow: auto !important;
}

.dvEachChartData {
    width: 100%;
    border: 1px solid var(--clr-graylight1dull1);
    margin-bottom: 20px;
    margin-top: 10px;
    border-radius: 5px;
    background-color: var(--clr-white);
}

    .dvEachChartData .header {
        width: 100%;
        line-height: 36px;
        text-align: center;
        padding: 15px 10px;
        background-color: var(--clr-graylight2);
        border-radius: 4px 4px 0 0;
    }

        .dvEachChartData .header .header-caption {
            display: inline-block;
        }

.dvFixedPoint {
    float: left;
    margin-left: 10px;
}

    .dvFixedPoint .form-group {
        width: 170px;
    }

.icon-point:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f111";
    font-size: 18px;
    color: var(--clr-orangedark1);
}

.icon-point:after {
    font: normal normal normal 12px/1 FontAwesome;
    line-height: 16px;
    content: "\f0e7";
    font-size: 12px;
    color: white;
    margin-left: -10px;
    margin-right: 5px;
    vertical-align: text-top;
}

.btnNotification {
    margin: 0 !important;
}

    .btnNotification .review-count {
        width: 18px;
        height: 19px;
        background-color: var(--clr-red);
        position: absolute;
        top: 3px;
        right: 3px;
        color: white;
        line-height: 20px !important;
        font-size: 10px;
        font-weight: bold;
        border-radius: 50%;
    }

    .btnNotification:before {
        font: normal normal normal 19px/1 FontAwesome;
        font-size: 14px;
        line-height: 33px;
        content: "\f0f3";
        font-weight: bold;
    }

    .btnNotification.data:before {
        color: var(--clr-white) !important;
    }

    .btnNotification.no-data:before {
        color: var(--clr-graylight1) !important;
    }

    .btnNotification:hover {
        transform: none !important;
    }

.dvSectionHeighlited {
    background-color: var(--clr-purplelight2dull2) !important;
    border: 4px solid var(--clr-purplelight2dull2) !important;
}

.dvOnlineBillCopy {
    border: none !important;
    background-color: transparent;
}

.send-link-list {
    list-style: none !important;
    padding-left: 15px;
}

    .send-link-list .option {
        padding-left: 10px !important;
    }

.icon-whatsApp-big::before {
    font-size: 22px;
    vertical-align: top;
}

.dvCardType {
    width: 15%;
    float: left;
    margin-right: 5%;
}

.dvSelectCardRow {
    padding: 5px 0;
    margin-bottom: 5px;
}

.dvCardDetails {
    width: 80%;
    float: left;
}

.card-size {
    font-size: 35px !important;
}

.default-card-size {
    font-size: 40px !important;
}

.fa-cc-visa {
    color: #464c80;
}

.fa-cc-mastercard {
    color: #FF5F00;
}

.fa-cc-paypal {
    color: #ffc439;
}

.fa-cc-amex {
    color: #41649F;
}

.lblStripePaidAmount {
    font-size: 20px;
    text-align: center;
    background-color: var(--clr-graylight1dull1);
    width: fit-content;
    padding: 5px 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 4px;
}

.dvReviewStatus {
    float: right;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: var(--clr-gray);
    color: var(--clr-white);
}

    .dvReviewStatus.pending {
        background-color: var(--clr-orangedark1);
        color: var(--clr-white);
    }

    .dvReviewStatus.rejected {
        background-color: var(--clr-red);
        color: var(--clr-white);
    }

    .dvReviewStatus.approved {
        background-color: var(--clr-green);
        color: var(--clr-white);
    }

    .dvReviewStatus .val {
        padding: 2px 5px;
        background-color: var(--clr-white);
        margin-left: 10px;
        color: black;
        font-size: 16px;
        border-radius: 4px;
        font-weight: bold;
    }

.icon-Membership-multi {
    cursor: pointer;
}

    .icon-Membership-multi:before {
        font: normal normal normal 16px/1 FontAwesome;
        content: "\f0a3";
        margin-right: 0 !important;
        position: relative;
        line-height: 15px;
    }

.icon-disabled-Membership {
    color: var(--clr-graylight1) !important;
}

    .icon-disabled-Membership:after {
        /*content: "E";*/
        left: 9px;
        position: absolute;
        top: 9px;
        color: black;
        font-size: 10px;
        font-weight: bold;
    }

    .icon-disabled-Membership.details:after {
        left: -9px;
        top: -1px;
        position: relative;
        line-height: 10px;
    }

    .icon-disabled-Membership.details:before {
        margin-right: 6px !important;
    }

    .icon-disabled-Membership.details-info:after {
        top: 3px !important;
    }

.icon-Membership-multi .after:before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f0a3";
    margin-left: -7.2px !important;
    color: var(--clr-graydark1) !important;
    margin-right: 0 !important;
    line-height: 15px;
    vertical-align: text-top;
}

.li-Membership-multi {
    padding-left: 15px;
    margin: 0;
}

    .li-Membership-multi li::marker {
        line-height: 25px;
    }

    .li-Membership-multi li p {
        font-size: 12px !important;
    }

    .li-Membership-multi li {
        padding: 5px;
        border: none !important;
        list-style: decimal !important;
    }

        .li-Membership-multi li:not(:last-child) {
            margin-bottom: 5px;
        }

        .li-Membership-multi li .coldata {
            width: 80%;
            float: left;
        }

            .li-Membership-multi li .coldata.full {
                width: 100%;
                float: left;
            }

        .li-Membership-multi li .default:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f00c";
            font-size: 18px;
            color: var(--clr-greendark1);
            float: right;
        }

    .li-Membership-multi .default-row {
        background-color: var(--clr-greendull1);
        padding: 5px;
        border-radius: 4px;
    }

    .li-Membership-multi li .btnApplySmall {
        height: 30px !important;
        float: right;
    }

    .li-Membership-multi li .colaction {
        width: 20%;
        float: left;
    }

.lblMembership .small-m-name {
    color: var(--clr-black);
    padding-left: 5px;
    font-size: 14px;
}

.li-financial-info li {
    list-style: none !important;
}

.tooltip-new .tooltip-data .li-financial-info {
    padding-left: 0px;
}

.li-financial-info li {
    padding: 0 !important;
}

    .li-financial-info li ul {
        padding: 0 !important;
        margin-top: 0px !important;
    }

.dvIPDetailsData ul {
    list-style: none;
    padding: 0;
}

    .dvIPDetailsData ul li {
        padding: 5px 10px;
    }

        .dvIPDetailsData ul li:nth-of-type(odd) {
            background-color: rgba(182,182,182,.15) !important;
        }

.dvSectionContainer.height {
    border-left: 1px solid rgba(182, 182, 182, 0.6) !important;
    height: 68vh;
    overflow: hidden;
    overflow-y: auto;
}

.dvInsertFields ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.table-striped.min-height {
    min-height: 250px;
}

.dvInsertFields ul li {
    float: left;
    margin-right: 10px;
    border: 1px solid var(--clr-bluelight1dull2);
    padding: 4px 10px;
    line-height: 20px;
    border-radius: 4px;
    color: var(--clr-bluelight1dull2);
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 14px;
}

.icon-Medium.list:before {
    vertical-align: baseline !important;
}

.dvFixedLeadListCombo {
    width: 200px !important;
    float: left;
}

    .dvFixedLeadListCombo .btnEdit:before {
        margin-right: 0 !important;
    }

.section-undo {
    position: fixed;
    top: 50px;
    margin: 0 auto;
    width: fit-content;
    left: 0;
    right: 0;
}

    .section-undo .section-caption {
        padding: 15px 20px;
        background-color: #4b5158;
        border-radius: 4px;
        min-width: 250px;
    }

    .section-undo .caption {
        float: left;
        margin-right: 30px;
        font-size: 16px;
        color: var(--clr-white) !important;
    }

    .section-undo .undo {
        float: right;
        color: var(--clr-bluelight1) !important;
        cursor: pointer;
        font-size: 16px;
    }

    .section-undo .undo-remove {
        float: right;
        color: white;
        font-size: 16px;
        cursor: pointer;
        margin-left: 20px;
    }

.dvContainerInlineFixed {
    padding-left: 0px !important;
    padding-right: 5px !important;
    margin-right: 0px !important;
}

.dvContainerInline .small-text {
    width: 50px !important;
}

.dvContainerInlineFixed {
    width: 100px !important;
}

    .dvContainerInlineFixed.big {
        width: 250px !important;
    }

.dvCenterAlign {
    width: 50% !important;
    text-align: center !important;
    margin: 0 auto !important;
}

    .dvCenterAlign .txt-Center {
        text-align: center !important;
    }

.dvPageHeader.bg-gray, .wrapper-sub-header.bg-gray {
    background-color: var(--clr-graylight2dull1New) !important;
    border: none;
    padding-bottom: 0px !important;
}

.dvPageHeader.bg-white {
    background-color: var(--clr-white) !important;
}

.dvPageHeader.bg-gray-full {
    background-color: var(--clr-graylight2dull1New) !important;
}

.data-grid .table-striped .rowdata-history-selected,
.data-grid .table-striped .rowdata-Planned-selected,
.data-grid .table-striped .rowdata-completed-selected {
    margin-bottom: 0rem;
    border-radius: 0 !important;
    margin-left: 0rem;
}

.data-grid .table-striped .rowdata-history-selected {
    background-color: #dde6fa !important;
}

.data-grid .table-striped .rowdata-planned-selected {
    background-color: #f8c9c4 !important;
}

.data-grid .table-striped .rowdata-completed-selected {
    background-color: rgba(46,204,113, 0.4) !important;
}

.data-grid .table-striped .rowdata-treatment-selected .InputNumeric {
    font-weight: bold;
}
/*Used on Simple EMR*/
.data-grid .table-striped .rowdata-emr-shadow {
    border-bottom: .2rem solid rgba(182,182,182, 0.5) !important;
}

.section-past-option {
    float: left !important;
    text-align: left;
    padding-top: 10px !important;
}

.lblPageHeader .description-purple {
    color: var(--clr-purplelight3) !important;
    font-size: 19px;
    padding: 0 !important;
    line-height: 25px;
    font-weight: bold;
}

    .lblPageHeader .description-purple.link {
        text-decoration: underline;
        cursor: pointer;
    }

    .lblPageHeader .description-purple.white {
        color: var(--clr-white) !important;
    }

.btnAddNormal:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f067";
    margin-right: 6px;
    line-height: 35px;
    font-size: 14px;
    color: var(--clr-greendark1);
}

.lblColorPurple-list {
    color: var(--clr-purplelight3) !important;
}

.dottedMenuContainer .dropdown-item {
    border-bottom: 1px solid var(--clr-graylight1);
    min-width: 140px;
    color: var(--clr-black) !important;
    padding: 0.3rem 0.5rem !important;
}

.lblTooltipCommon.optionline {
    margin-left: 0 !important;
    top: -2px !important;
}

.lblTooltipCommon.same-width {
    padding: 2px 13px 3px !important;
}

.emr-todayService {
    float: left !important;
    margin-left: 5px !important;
    padding-top: 5px;
}

.dvSelectedPatient {
    min-height: 30px;
    line-height: 30px;
    display: flex;
    padding: 2px 7px 0 7px !important;
    background-color: var(--clr-graylight2dull1New);
    color: var(--clr-black);
    border-bottom: 1px solid var(--clr-graylight1);
}

.modal-small {
    max-height: 70vh;
    padding: 0px 50px 0 50px !important;
}

.list-black {
    width: 100%;
}

    .list-black ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .list-black ul li {
            float: left;
            margin-right: 15px;
            cursor: pointer !important;
        }

            .list-black ul li.active {
                border-bottom: 2px solid var(--clr-greendark1) !important;
                color: var(--clr-black) !important;
                font-weight: 700;
            }

.dvInputSmall input[type="number"] {
    width: 50px !important;
    height: 29px !important;
    margin-top: -6px !important;
}

.dvPaymentTermsPercentage {
    width: 90px !important;
}

.dvShortcut {
    padding: 10px 10px 8px;
    width: fit-content;
    background-color: var(--clr-graylight2) !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    border: 1px solid var(--clr-graylight1);
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.tooltip-new .tooltip-data .li-financial-info li ul li {
    padding: 0 !important;
    padding-left: 20px !important;
    margin-bottom: 5px !important;
}

.li-financial-info li {
    list-style: none !important;
}

.tooltip-new .tooltip-data .li-financial-info {
    padding-left: 0px;
    margin-bottom: 0;
}

.li-financial-info li {
    padding: 0 !important;
}

    .li-financial-info li ul {
        padding: 0 !important;
        margin-top: 0px !important;
    }

.dvFinancialStatus {
    height: 30px !important;
}

.tooltip-new .tooltipwithbar {
    left: 0px !important;
    top: 120% !important;
    margin-left: -10px;
}

    .tooltip-new .tooltipwithbar::after {
        margin-left: -5px !important;
        left: 7px !important;
    }

.icon-Big:before {
    font: normal normal normal 20px/28px FontAwesome;
    margin-right: 6px;
    vertical-align: revert;
}

.btnImportantOrange {
    background-color: var(--clr-orangedark1) !important;
    border: .1rem solid var(--clr-orangedark1) !important;
    box-shadow: 0 0 2px var(--clr-graylight1);
    margin-right: 6px !important;
}

    .btnImportantOrange:hover {
        background-color: var(--clr-orange) !important;
        border: .1rem solid var(--clr-orange) !important;
        transform: translateY(-2px);
    }
/*Used for Icon Size Big*/
.icon-Extra-Big:before {
    font: normal normal normal 20px/28px FontAwesome;
    margin-right: 6px !important;
}

.section-required {
    box-shadow: 0px 0px 0px 3px rgb(231, 76, 60) !important;
    border-radius: 4px !important;
}

.lblHeiglightText {
    font-size: 14px !important;
    color: var(--clr-blacklight1);
    padding: 5px 10px;
    line-height: 1.2em;
    background-color: var(--clr-yellow);
    -webkit-animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;
    margin-top: 5px !important;
}

.dvContainerCasesheetRow.dvHighlightRow {
    background-color: var(--clr-greendull2);
    border-bottom: 1px solid var(--clr-graylight2) !important;
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    animation-iteration-count: 3;
}

.dvContainerCasesheetRowDisabled {
    pointer-events: none !important;
    cursor: no-drop !important;
}

.icon-Expand {
    padding: 1px 15px;
    float: left;
    font-weight: bold;
    color: var(--clr-bluelight1dull2) !important;
    cursor: pointer;
}

    .icon-Expand:before {
        font: normal normal normal 24px/1 FontAwesome;
        font-size: 20px;
        line-height: 34px;
        content: '\f107';
        font-weight: bold;
    }

.dvContainerCasesheetRow .dvLoadingItem {
    float: left;
    font-weight: bold;
    color: var(--clr-greendark1);
    padding-left: 10px !important;
    padding-top: 8px;
}
/*.tox-toolbar__overflow,
.tox .tox-menu {
    position: fixed !important;
}
.tox-toolbar__overflow .tox-menu {
    position: fixed !important;
    top: 87px !important;
}*/
.tox-tinymce-aux {
    position: fixed !important;
}

.modal-container {
    background-color: rgba(182, 182, 182, 0.6);
    z-index: 1050 !important;
}

    .modal-container .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
        position: initial !important;
        border-top: none;
    }

    .modal-container-page .modal-content,
    .modal-container .modal-content {
        border-top: 8px solid var(--clr-bluelight1) !important;
        border-radius: 10px !important;
    }

    .modal-container .modal-content-trns {
        border: none !important;
        background-color: transparent !important;
        text-align: center;
    }

        .modal-container .modal-content-trns.background {
            border: none !important;
            background-color: var(--clr-white) !important;
            text-align: center;
            width: fit-content;
            margin: 0 auto;
        }

        .modal-container .modal-content-trns .label-Loading-value {
            font-weight: bold !important;
            color: var(--clr-black) !important;
        }

    .modal-container-page .modal-body,
    .modal-container .modal-body,
    .modal-container-inner .modal-body {
        padding: 10px 50px;
    }

        .modal-container .modal-body.big {
            max-height: 76vh;
            overflow: hidden;
            overflow-y: auto;
        }

        .modal-container .modal-body.bullet,
        .modal-container-inner .modal-body.bullet {
            padding: 10px 15px;
        }

        .modal-container-inner .modal-body.height {
            min-height: 79vh;
        }

    .modal-container .modal-header,
    .modal-container .modal-footer,
    .modal-container-page .modal-header,
    .modal-container-page .modal-footer,
    .modal-container-inner .modal-header,
    .modal-container-inner .modal-footer {
        padding: 0.5rem 1rem !important;
        display: block;
    }

    .modal-container .modal-footer,
    .modal-container-inner .modal-footer {
        text-align: center;
        padding: 0.2rem 1rem !important;
    }


.icon-refresh::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f021";
    font-size: 18px;
    color: #E74C3C;
    margin-right: 5px;
}

.small-rating-star:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    content: "\f005";
}

.small-rating-star {
    float: left;
    margin-right: 10px;
    color: var(--clr-graylight1);
    cursor: pointer;
}

    .small-rating-star.done {
        color: var(--clr-orangedark1);
    }

.dvConnectingError {
    margin-top: 20px;
}

    .dvConnectingError .msg {
        border: 2px solid var(--clr-red) !important;
        border-radius: 4px;
        width: fit-content;
        padding: 10px;
        background-color: white !important;
        width: 50%;
    }

.dvSelectedRx {
    padding-top: 6px;
}

.dv2ndBackground {
    background-color: var(--clr-graylight2);
}

.smartCSMContainer {
    padding: 0 10px 10px;
    padding-bottom: 0 !important;
    background-color: var(--clr-graylight2);
}

    .smartCSMContainer .setHeight {
        height: 510px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .smartCSMContainer .border {
        border: 1px solid var(--clr-graylight1) !important;
        border-radius: 4px 4px 0 0;
        background-color: var(--clr-white);
        min-height: 547px;
        border-bottom: none !important;
    }

    .smartCSMContainer .border-top {
        border-top: 1px solid var(--clr-graylight2) !important;
    }

    .smartCSMContainer .group {
        margin-bottom: 15px;
        width: 100%;
    }

    .smartCSMContainer .main-header {
        width: 100%;
        padding: 1.5rem 0 1rem;
        border-bottom: 0.1rem solid var(--clr-graylight2);
    }

    .smartCSMContainer fieldset {
        border: .1rem solid var(--clr-graylight2) !important;
        padding: 0.35em 0.625em 0.75em !important;
    }

    .smartCSMContainer .fieldset-bg {
        background-color: var(--clr-graylight1);
    }

    .smartCSMContainer fieldset legend {
        width: auto !important;
        font-weight: bold;
    }

    .smartCSMContainer .dvSmartCMSStatus {
        background-color: white;
        border-bottom: 1px solid var(--clr-graylight2);
        padding: 5px 0 10px;
        margin: 10px 10px 20px;
        border-radius: 10px;
        box-shadow: 0 0 5px var(--clr-purpledark1);
    }

        .smartCSMContainer .dvSmartCMSStatus.Appeal,
        .smartCSMContainer .dvSmartCMSStatus.Appealed,
        .smartCSMContainer .dvSmartCMSStatus.Rejected {
            border: 1px solid var(--clr-reddark1);
            background-color: var(--clr-reddull2);
        }

        .smartCSMContainer .dvSmartCMSStatus.Approved {
            border: 1px solid var(--clr-greendark1);
            background-color: var(--clr-greendull1);
        }

        .smartCSMContainer .dvSmartCMSStatus.Filed {
            border: 1px solid var(--clr-orangedark1);
            background-color: var(--clr-orange);
        }

.dvSmartCMSDetailsLoading {
    position: fixed;
    top: 0px;
    background-color: white;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
}

.smartCSMContainer .sub-header {
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    clear: both;
}

.lbStickerBig {
    font-size: 20px !important;
    padding: 5px 10px;
    font-weight: bold;
}

.smartCSMContainer .dvSmartCMSRowEven,
.smartCSMContainer .dvSmartCMSRowOdd {
    border: none !important;
    margin-bottom: 0;
    padding: 5px 10px;
    clear: both;
}

.smartCSMContainer .dvSmartCMSRowOdd {
    background-color: rgba(182,182,182,.15);
}
/*used for field with right side button*/
.dvBorder {
    border-radius: 4px;
    padding-left: 0;
}
    /*used for field with right side button*/
    .dvBorder .dv-First,
    .dvBorder .dv-First-normal {
        padding: 0;
        float: left;
        border: 1px solid var(--clr-graylight1);
        border-radius: 4px;
    }
    /*used for field with right side button*/
    .dvBorder .dv-First-normal {
        padding: 0 15px;
    }
    /*used for field with text container*/
    .dvBorder .dv-First {
        padding: 2px 0;
        float: left;
        border: 1px solid var(--clr-graylight1);
    }
        /*used for field with text*/
        .dvBorder .dv-First span {
            line-height: 20px !important;
        }

    pre,
    .dvBorder a {
        padding: 0 10px;
        margin-bottom: 0;
    }

    .dvBorder a {
        color: var(--clr-blue) !important;
    }

    .dvBorder .nonLink {
        color: var(--clr-black);
        cursor: auto;
    }

    .dvBorder .dvDataContainerFirst span {
        line-height: 30px !important;
    }

    .dvBorder .dv-Last {
        float: left;
        margin-left: 15px;
    }

.dvMultipleAppointment .dhx_cal_event:last-child {
    margin-right: 20px;
}

.dvComplicationCode {
    line-height: 20px !important;
    margin: 2px 5px 0px 0px !important;
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    width: fit-content !important;
    padding: 2px 10px !important;
    border-radius: 4px;
    float: left;
    font-size: 12px;
}

    .dvComplicationCode .remove {
        padding-left: 10px;
        cursor: pointer;
    }

.assessment-active .select2-selection {
    border-left: 6px solid var(--clr-red) !important;
}

.assessment-in-active .select2-selection {
    border-left: 6px solid var(--clr-gray) !important;
}

.assessment-resolved .select2-selection {
    border-left: 6px solid var(--clr-green) !important;
}
/*Used for Modal*/
.Modal-Home {
    margin-top: 45px !important;
}

.field-helper {
    font-size: 12px;
    line-height: 16px !important;
    color: var(--clr-black);
    font-style: italic;
}

.highlight-box {
    margin: 10px auto;
    border: 3px solid #00bfb6;
    padding: 5px 10px;
    text-align: center;
    color: #000000;
    position: relative;
    border-radius: 4px;
}


/* speech bubble 9 */

.highlight-arrow:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bfb6;
    border-bottom: 10px solid transparent;
    right: 50%;
    bottom: -21px;
}

.highlight-arrow:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    right: 50%;
    bottom: -18px;
}

.dvCommunicationAction .select2-container {
    width: 200px !important;
    text-align: left;
}

.modal-body.bullet {
    padding: 10px 15px !important;
}

.custom-dropdown-toggle {
}

    .custom-dropdown-toggle .dropdown-menu {
        position: absolute !important;
        background-color: var(--clr-white) !important;
        right: 0px !important;
        left: auto !important;
        border: 1px solid var(--clr-graylight1) !important;
        min-width: 150px !important;
        border-radius: 4px !important;
        transform: inherit !important;
        max-height: 200px;
        overflow-y: auto;
    }

        .custom-dropdown-toggle .dropdown-menu .dropdown-item {
            font-size: 14px;
            color: var(--clr-black);
            min-height: 30px;
            padding: 4px 10px !important;
            font-family: LatoRegular;
            border-bottom: 1px solid var(--clr-graylight2dull1New);
            white-space: pre-line;
        }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item.search {
                padding: 2px !important;
            }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item:hover {
                color: #FFFFFF !important;
            }

.data-preview {
    border: 1px solid var(--clr-graylight1);
    border-radius: 4px;
    background-color: var(--clr-graylight2);
    padding: 10px 15px;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 0 0.2rem #B6B6B6;
}

    .data-preview.email {
        height: 405px;
    }

    .data-preview.sms,
    .data-preview.whatsapp {
        height: 200px;
        white-space: pre-line;
    }

.btnMoveIcon {
    float: left;
    margin-right: 5px;
    cursor: move;
    color: var(--clr-gray);
    padding-top: 6px;
}

.modal-outer-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background-color: rgba(182, 182, 182, 0.6);
}

    .modal-outer-container .dvModalBG {
        background-color: transparent !important;
        display: block !important;
    }

/*used form crisp button*/
.crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge,
.crisp-client .cc-tlyw .cc-kxkl .cc-nsge {
    bottom: 50px !important;
}


.mobile-ui-container.mobile {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-ui-container .phone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 550px;
    background: #373737;
    border-radius: 30px;
    padding: 8px;
}

.mobile-ui-container .phone-header {
    padding: 15px 10px;
}

    .mobile-ui-container .phone-header.small {
        padding: 15px 10px 5px;
    }

    .mobile-ui-container .phone-header .back {
        width: 50%;
        float: left;
    }

    .mobile-ui-container .phone-header .notes {
        width: 50%;
        float: right;
    }

        .mobile-ui-container .phone-header .notes p {
            text-align: right;
            float: right;
            color: var(--clr-bluelight1dull2) !important;
            cursor: pointer;
        }

    .mobile-ui-container .phone-header .back .icon {
        cursor: pointer;
    }

        .mobile-ui-container .phone-header .back .icon:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f177";
            font-size: 14px;
            margin-right: 5px;
        }

.mobile-ui-container .phone-member-search {
    padding: 0px 10px;
    display: flex;
}

    .mobile-ui-container .phone-member-search input[type='search'] {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .mobile-ui-container .phone-member-search .search-button {
        margin-left: 10px;
        background-color: transparent;
        border: none;
        outline: none;
    }

        .mobile-ui-container .phone-member-search .search-button:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f002";
            font-size: 14px;
        }

    .mobile-ui-container .phone-member-search input[type='search']:focus,
    .mobile-ui-container .phone-member-search input[type='search']:active,
    .mobile-ui-container .phone-member-search input[type='search']:hover {
        box-shadow: none !important;
    }

.mobile-ui-container .phone-member-data {
    padding: 15px 10px;
    height: 380px;
    overflow: auto;
}

    .mobile-ui-container .phone-member-data .primary-value {
        font-size: 14px;
    }

    .mobile-ui-container .phone-member-data .field-helper {
        font-style: normal !important;
    }

    .mobile-ui-container .phone-member-data .add-member {
        padding: 8px 13px;
        border: 1px solid var(--clr-greendark1) !important;
        font-size: 12px;
        border-radius: 16px
    }

        .mobile-ui-container .phone-member-data .add-member:hover {
            background-color: var(--clr-greendark1) !important;
            color: white;
        }

        .mobile-ui-container .phone-member-data .add-member.selected {
            background-color: var(--clr-greendark1) !important;
            color: white;
        }

        .mobile-ui-container .phone-member-data .add-member .checked:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f067";
            font-size: 10px;
            margin-right: 5px;
            color: var(--clr-greendark1)
        }

.mobile-ui-container .data .link {
    text-align: center;
}

    .mobile-ui-container .data .link p {
        font-size: 14px;
        color: #1b55d8 !important;
        cursor: pointer;
    }

.mobile-ui-container .phone-mirror {
    position: relative;
    width: 290px;
    height: 535px;
    border-radius: 22px;
    background-color: white;
}

.mobile-ui-container .topWrapper {
    position: relative;
    width: 100px;
    height: 15px;
    margin: 0px auto 0 auto;
    float: left;
    left: 32%;
    background-color: #373737;
    border-radius: 0 0 10px 10px;
}

.mobile-ui-container .line-rec {
    position: relative;
    width: 60px;
    height: 6px;
    margin: 0px auto 0 auto;
    float: left;
    left: 12%;
    top: 1px;
    background-color: rgb(83, 83, 82);
    border-radius: 5px;
    border: 1px solid rgb(214, 214, 214);
}

.mobile-ui-container .camera {
    position: relative;
    float: left;
    margin-right: 8px;
    left: 10%;
    width: 9px;
    height: 9px;
    top: 0px;
    background-color: rgb(83, 83, 82);
    border-radius: 30px;
    border: 1px solid rgb(214, 214, 214);
}

.mobile-ui-container .buttons {
    background-color: black;
    width: 100%;
    height: 30px;
    border-radius: 0 0 45px 45px;
}

.mobile-ui-container .screen {
    height: 465px;
}

    .mobile-ui-container .screen .data {
        padding-top: 30px;
        text-align: center;
        line-height: 25px;
        height: 340px;
    }

        .mobile-ui-container .screen .data .dv-incoming {
            margin-bottom: 25px;
        }

            .mobile-ui-container .screen .data .dv-incoming .incoming-no {
                background-color: var(--clr-graylight1dull2);
                padding: 5px 10px;
                border-radius: 4px;
            }

            .mobile-ui-container .screen .data .dv-incoming .incoming-tag {
                padding: 3px 10px;
                background-color: var(--clr-reddull1);
                color: white;
                border-radius: 4px;
            }

        .mobile-ui-container .screen .data .title {
            width: 60px;
            height: 60px;
            background-color: #7c5df7;
            border-radius: 30px;
            margin: 0 auto;
            color: white;
            font-size: 30px;
            line-height: 60px;
            margin-bottom: 10px !important;
        }

            .mobile-ui-container .screen .data .title .user:before {
                font: normal normal normal 14px/1 FontAwesome;
                content: "\f007";
                font-size: 30px;
            }

        .mobile-ui-container .screen .data .calling {
            font-size: 16px;
            font-weight: bold;
            color: #373737;
        }

        .mobile-ui-container .screen .data .calling-name {
            font-size: 20px;
            font-weight: bold;
            padding: 0 !important;
        }

.mobile-ui-container .section-action {
    text-align: center;
    padding: 5px !important;
}

    .mobile-ui-container .section-action .call-important {
        height: 40px;
        border-radius: 20px;
        background-color: var(--clr-greendark1);
        border: none;
        color: white;
        outline: none !important;
        padding: 0 15px;
        margin: 0 5px !important;
        width: 90px !important;
        cursor: pointer;
    }

        .mobile-ui-container .section-action .call-important.start-call:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f095";
            font-size: 14px;
            margin-right: 5px;
        }

        .mobile-ui-container .section-action .call-important.end-call:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f095";
            font-size: 14px;
            margin-right: 5px;
        }

    .mobile-ui-container .section-action .call-end {
        height: 40px;
        border-radius: 20px;
        background-color: var(--clr-reddark1);
        border: none;
        color: white;
        outline: none !important;
        padding: 0 15px;
        margin: 0 5px !important;
        width: 90px !important;
        cursor: pointer;
    }

.mobile-ui-container .section-additional-action {
    text-align: center;
    display: flex;
    padding: 0 5px;
}

    .mobile-ui-container .section-additional-action .hold,
    .mobile-ui-container .section-additional-action .mute,
    .mobile-ui-container .section-additional-action .unmute,
    .mobile-ui-container .section-additional-action .addmember {
        width: 44px;
        height: 44px;
        border-radius: 22px;
        border: 1px solid var(--clr-graylight1dull1);
        outline: none !important;
        color: var(--clr-gray);
    }

        .mobile-ui-container .section-additional-action .hold.selected,
        .mobile-ui-container .section-additional-action .mute.selected,
        .mobile-ui-container .section-additional-action .unmute.selected {
            background-color: var(--clr-reddark1) !important;
            color: var(--clr-white) !important;
        }

        .mobile-ui-container .section-additional-action .hold:before {
            font: normal normal normal 10px/1 FontAwesome !important;
            font-size: 16px !important;
            text-align: center;
            line-height: 41px !important;
            content: "\f04c";
            margin: 0 !important;
        }

    .mobile-ui-container .section-additional-action .unhold:before {
        content: "\f131";
    }

    .mobile-ui-container .section-additional-action .mute:before,
    .mobile-ui-container .section-additional-action .unmute:before {
        font: normal normal normal 10px/1 FontAwesome;
        font-size: 18px !important;
        text-align: center;
        line-height: 40px !important;
        margin: 0 !important;
    }

    .mobile-ui-container .section-additional-action .mute:before {
        content: "\f131";
    }

    .mobile-ui-container .section-additional-action .unmute:before {
        content: "\f130";
    }

    .mobile-ui-container .section-additional-action .addmember .addCall-Dial {
        float: left;
        width: 12px;
        height: 14px;
        cursor: pointer;
    }

        .mobile-ui-container .section-additional-action .addmember .addCall-Dial:before {
            font: normal normal normal 12px/1 FontAwesome;
            font-size: 18px !important;
            content: "\f095";
            line-height: 21px;
            padding-left: 4px;
        }

    .mobile-ui-container .section-additional-action .addmember .addCall-Merge {
        float: left;
        width: 12px;
        height: 14px;
        cursor: pointer;
        padding-left: 8px;
    }


        .mobile-ui-container .section-additional-action .addmember .addCall-Merge:before {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 20px !important;
            content: "\f126";
            line-height: 18px;
            margin-left: 3px;
        }

    .mobile-ui-container .section-additional-action .addmember .addCall-Plus {
        float: left;
        line-height: 6px;
        cursor: pointer;
    }

        .mobile-ui-container .section-additional-action .addmember .addCall-Plus:after {
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 10px !important;
            content: "\f067";
            cursor: pointer;
        }

.mobile-ui-container .dvButtonWithText {
    width: fit-content;
    text-align: center;
    margin: 0 auto;
}
    .mobile-ui-container .dvButtonWithText p {
        font-size: 12px;
    }

    
.small-select select {
    height: 3rem !important;
    outline: none;
    padding: 2px !important;
    width: fit-content !important;
}

.button-sub-menu {
    width: 100%;
}

    .button-sub-menu.emr {
        margin: 10px 0 !important;
    }

    .button-sub-menu .button-normal {
        font-size: 12px !important;
        line-height: 15px !important;
        background-color: transparent;
        cursor: pointer;
        font-family: LatoRegular;
        margin-right: 5px;
        float: left;
        padding: 0 !important;
        border: none;
        margin-bottom: 3px;
        outline: none !important;
        border: 1px solid gray;
        padding: 4px 7px !important;
        border-radius: 20px;
        color: var(--clr-whitedull1);
        cursor: pointer;
    }

        .button-sub-menu .button-normal.gray {
            color: var(--clr-graydark1);
        }

        .button-sub-menu .button-normal.selected {
            background-color: var(--clr-greendark1);
            border: 1px solid var(--clr-greendark1);
            color: var(--clr-white);
        }

        .button-sub-menu .button-normal.selectedRed {
            background-color: var(--clr-greendark1);
            border: 1px solid var(--clr-greendark1);
            color: var(--clr-white);
        }

        .button-sub-menu .button-normal.selectedBlack {
            background-color: var(--clr-greendark1);
            border: 1px solid var(--clr-greendark1);
            color: var(--clr-white);
        }
        

.lblBorderBlueText, .lblBorderOrangeText, .lblBorderRedText, .lblBorderBlackText {
    padding: 1px 10px 3px;
    border-radius: 4px;
    color: #4b5158;
    width: fit-content;
}

.lblBorderBlueText {
    border: 2px solid var(--clr-blue) !important;
}

.lblBorderOrangeText {
    border: 2px solid var(--clr-orange) !important;
}

.lblBorderRedText {
    border: 2px solid var(--clr-red) !important;
}

.lblBorderBlackText {
    border: 2px solid var(--clr-black) !important;
}
.section-helper {
    background-color: var(--clr-reddark1);
    padding: 5px;
    color: white;
    text-align: center;
}
.dvCalculate-age {
    height: 25px;
    width: 25px;
    border: 1px solid var(--clr-reddark1);
    border-radius: 50%;
    text-align: center;
    padding: 2px;
    margin-top: 6px;
    color: var(--clr-white);
    background-color: var(--clr-reddull1);
    font-weight: bold;
}
.dvUserPaymentAmount {
    display: flex;
}

.section-rx-dosage .rx-column {
    padding: 0 10px 0 0;
}
.section-rx-dosage .rx-column.last {
    padding: 0;
}
.dvWrapContainerFactor {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: var(--clr-graylight2dull1New);
}

.dvFactorInnerContainer {
    width: 40%;
    padding: 2vh 5% 2%;
    margin: auto;
    margin-top: 2vh;
}
    .dvFactorInnerContainer .header,
    .dvFactorInnerContainer .header-desc {
        font-size: 23pt;
        line-height: 30px;
        padding: 0;
        color: var(--clr-blacklight1);
        font-weight: normal;
        font-family: LatoRegular;
        letter-spacing: 0.01em;
        margin: 0;
        text-align: center;
        margin-bottom: 5px;
    }
    .dvFactorInnerContainer .header-desc {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .dvFactorInnerContainer .section {
        min-height: 81vh;
        padding: 20px 50px;
        background-color: white;
        text-align: left;
        border-radius: 15px;
        box-shadow: 0 0 0.2rem #B6B6B6;
    }
    /*Used for Login Small Image*/
    .dvLoginSmallImage {
        text-align: center;
    }
    .dvLoginSmallImage img {
        width:60%;
    }
.width-80 {
    width: 80px !important;
}
.dvEnteredOTP input[type="text"],
.section-footer button {
    width: 100% !important;
    text-align: center;
    font-weight: bold;
    height: 50px !important;
    font-size: 20px !important;
}
.section-footer button {
    font-size: 16px !important;
}
.dvCouponContainer {
    padding:15%;
}
    .dvCouponContainer .coupons {
        border: 4px dashed var(--clr-green) !important;
        border-radius: 15px;
        padding: 10px 15px;
        background-color: var(--clr-white);
        box-shadow: 0 0 2px var(--clr-graylight1);
    }
        .dvCouponContainer .coupons .header {
            font-size: 18px;
            color: var(--clr-black);
            font-weight: bold;
        }
        .dvCouponContainer .coupons .desc {
            font-size: 16px;
            line-height: 20px;
            color: var(--clr-blacklight2);
        }
.dv-coupon {
    display: contents;
}

.icon-coupon {
    height: 20px;
    width: 22px;
    margin-top: -3px;
}
    .icon-coupon.big {
        height: 20px;
        width: 26px;
        margin-top: -3px;
        color: white;
        fill: white;
        background-color: var(--clr-whitedull1) !important;
        padding: 0 5px;
        border-radius: 4px;
        margin-right: 5px;
    }

.link-page {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 0 !important;
    transition: none !important;
    overflow: hidden;
    outline: 0;
    background-color: var(--clr-white);
}

    .link-page.home {
        z-index: 0 !important;
        margin-top: 45px !important;
        background-color: var(--clr-white);
    }

/*Extra Small Device*/
@media (max-width: 544px) {
    body {
        margin: 0px !important;
    }

    .navbar-nav {
        padding-left: 10px !important;
    }

        .navbar-nav.navitem,
        .navbar-nav .nav-item {
            float: none !important;
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

        .navbar-nav .nav-link {
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

    .dvUserNameMenu a {
        font-size: 14px !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
    .dvResponsiveMenu {
        width: 100%;
        height: 44px !important;
    }

    .btnSocialMedia {
        margin-right: 5px;
    }

    .pnlLoginMargin{
        margin-left: 0;
    }

    .dvLoginContainer {
        padding: 30px 0px;
    }
    .img-fluid svg {
        width: 100% !important;
    }
    .dvSelectedReportContainer {
        padding: 5px 5px 0 !important;
    }
    .dvBodycontainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-sort .text-right,
    .rowdata-treatment .text-right {
        text-align: left !important;
    }
    .BookMarkDeltal li:not(:last-child) {
        margin-right: 10px!important;
    }
    .btnToolsMainMenu:hover .nav-link {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }

    .lblDataNotFound {
        padding: 10px !important;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }

    .dvPageBodyContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .PageMainWrapper {
        padding: 10px !important;
    }

    .pnlContainer {
        padding: 0px !important;
    }

    .dvPageBodyContainerLeft {
        padding: 0px !important;
    }

    .dvContainerRight {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }


    /*.dvContainerLeft {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }*/

    .dvPageBodyContainerWithBullet {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .btnToolsMainMenu .nav-link {
        float: none !important;
    }

    .divAddNewButtonContainer {
        float: right !important;
    }

    .btnEMRSaveAndPrint,
    .btnEMRSave {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .divDisplaySameLine {
        float: left !important;
    }

    .divContainerStartDate .bootstrap-datetimepicker-widget {
        left: 0 !important;
        right: auto !important;
    }

    .divContainerEndDate .bootstrap-datetimepicker-widget {
        left: auto !important;
        right: 0 !important;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
        left: 6px !important;
        right: auto !important;
    }

    .dvInvgRowBackgroundOdd,
    .dvInvgRowBackgroundEven {
        margin-bottom: 5px !important;
    }

    .dvBigModalPopUp {
        margin: 0px !important;
    }

    .dvModalBody {
        padding-left: 0px !important;
    }

    .dvGridColumnCenter, .dvGridColumn {
        /*margin-bottom: 10px !important;*/
        min-height: 32px !important;
    }

    .dvGridColumnCenter, .dvGridColumnNew {
        margin-bottom: 0px !important;
        min-height: 32px !important;
    }

    .divBillSymbolCircleNew {
        margin-top: 0px !important;
        margin-right: 20px;
        font-size: 42px;
    }

    .dvContainerSecondRow {
        padding-left: 5px !important;
    }

    .GridColumn {
        padding-right: 5px !important;
    }

    .dvTextAlignCenter {
        text-align: center !important;
    }

    .dvSecondColumn {
        padding-top: 30px;
    }

    .divReportNavigateWrapper {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .emdivEMRRowSeperatorItem,
    .emdivEMRRowSeperator {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .dvGridFieldHeaderTextRight,
    .dvGridColumnCenter,
    .dvGridFieldHeaderTextCenter {
        text-align: left !important;
    }
    .dvFactorInnerContainer {
        width: 95%!important;
        padding: 1vh 0% 0%!important;
    }
        .dvFactorInnerContainer .section {
            padding: 10px!important;
        }
    .divclrcelno {
        margin-right: 7px !important;
    }

    .listgroupForlimitedlist {
        min-height: unset !important;
        max-height: unset !important;
    }

    .dvbootList > .list-group {
        min-height: unset !important;
        max-height: unset !important;
    }

    .dvGridColumnLastNew {
        padding: 0px !important;
        padding-bottom: 10px !important;
    }

    .medium-editor-toolbar li button {
        margin-bottom: 5px !important;
    }

    .lblSubHeaderCaption {
        font-size: 19px;
        font-weight: bold;
    }

    .dvAppointmentRow {
        margin-left: 8px !important;
    }

    .divModalFooterForPopUp {
        padding: 15px 0px 5px 0px;
    }

    .dvContainerSecondRow {
        padding-left: 10px !important;
    }

    .dvSearchContainer {
        clear: both;
        padding-left: 0px !important;
    }

    .dvVitalsChartContainer {
        margin-bottom: 10px !important;
        width: fit-content;
        display: flex;
    }

    .dvProgressBarPageLoad {
        width: 70% !important;
        margin-top: 43% !important;
        margin-right: 15% !important;
        margin-left: 15% !important;
    }
    .dentalMenu.dental {
        position: absolute !important;
        background-color: white !important;
        border: 1px solid var(--clr-gray) !important;
    }

        .dentalMenu.dental .dropdown-item {
            color: var(--clr-black) !important;
        }

            .dentalMenu.dental .dropdown-item:hover {
                color: var(--clr-white) !important;
                font-size: 1rem !important;
                border-bottom: 1px solid var(--clr-graylight1) !important;
            }

    .modal-small {
        padding: 0px 15px 0 15px !important;
    }
    .dvProgressPackage {
        margin-top: 5px;
    }

    .dvMasterListSearchContainerTextboxWithPicklist span {
        border-right: none !important;
    }

    .dropdown-item {
        color: var(--clr-white) !important;
        font-size: 1rem !important;
    }

    .dropdownMenuMore .dropdown-item {
        color: var(--clr-black) !important;
        font-size: 1rem !important;
        border-bottom: 1px solid var(--clr-graylight2) !important;
    }
    .FieldPhone2 .prepandDrodpwn .dropdown-item,
    .dvDropdownMenuNew .dropdown-item {
        color: var(--clr-black) !important;
    }
        .FieldPhone2 .prepandDrodpwn .dropdown-item:hover,
        .dvDropdownMenuNew .dropdown-item:hover {
            color: var(--clr-white) !important;
            background-color: var(--clr-blue) !important;
        }

    .dropdownMenuMore .dropdown-item:hover {
        color: var(--clr-black) !important;
        font-size: 1rem !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }

    .ReportMenuMore .dropdown-item:hover {
        color: var(--clr-white) !important;
        font-size: 1rem !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }
    .custom-dropdown-toggle .dropdown-menu {
        background-color: var(--clr-white) !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

        .custom-dropdown-toggle .dropdown-menu .dropdown-item {
            color: var(--clr-black) !important;
            border-bottom: 1px solid var(--clr-graylight2dull1New);
        }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item:hover {
                color: #FFFFFF !important;
                background-color: var(--clr-blue) !important;
            }
    .dvBillItemsOuterContainer {
        height: auto !important;
    }

    .dvBillItems, .dvBillItemsContainer {
        height: auto !important;
        overflow: auto;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px !important;
    }

    .modalContainerwithoutList {
        margin: 0rem !important;
    }


    .dvPaddLeft0 {
        padding-left: 0rem !important;
    }

    .dvPaddRight0 {
        padding-right: 0rem !important;
    }

    .lblPageCaption {
        padding-left: 0px !important;
        padding-top: 5px !important;
        font-size: 18pt !important;
        font-weight: bold !important;
    }

    .lblPageHeader {
        padding-left: 0px !important;
        font-size: 18pt !important;
        font-weight: bold !important;
    }

    .modalContainer {
        left: 0rem !important;
    }


    .lblSubHeaderInfoYell {
        padding-left: 3px !important;
        font-size: 12px !important;
        margin-left: 3px !important;
        text-align: left !important;
    }

    .dvOuterContainerForBill {
        padding: 10px !important;
    }

    .divBillTotalAmountWrapperNew {
        height: auto !important;
    }

    .btnAddItem {
        min-width: 2.4rem !important;
        background-repeat: no-repeat !important;
        background-position: 0.4rem 0.2rem !important;
        float: right !important;
    }

    .divPageHeaderWrapperBtnGrp {
        border: none !important;
    }



    .divDropdownDtlsCap {
        padding-left: .3rem !important;
        font-size: 1rem !important;
    }

    .divSubDropdownDtlsCap {
        padding-left: .3rem !important;
        font-size: .8rem !important;
        opacity: .6;
        line-height: 1.4rem;
    }


    .divGrdInnerDivForID {
        font-size: .85rem !important;
        line-height: 2rem !important;
    }

    .divSubHeaderwithNumberRound {
        padding-left: 0px !important;
        padding-top: 3px !important;
    }

    .divContainerwithCaptionField {
        padding-left: 0px !important;
    }

    .divResponsivePaddLeft0Field {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .WarningTooltip {
        max-width: 80% !important;
        margin-left: 10% !important;
        margin-right: 10% !important;
    }

    .btnReportLabelsWrapperNew {
        padding-right: 20px !important;
        padding-left: 5px;
        padding-bottom: 5px;
    }

    .dvFooterContainer {
        width: 100% !important;
    }

    .dvSubHeaderWhitetxt {
        text-align: right;
        padding-right: 15px;
    }

    .dvSubHeaderWhiteDashboard .lblSubHeaderWhite {
        padding: 3px 7px 3px 7px;
        background-color: #2097dc;
    }

    .lblReportPageHeaderWhiteSmallNew br {
        display: none !important;
    }

    .btnReportFlyoutOpen:active {
        margin-top: 3px;
        margin-right: 20px;
        background-color: #0c65b1;
        border: 1px solid #1f0bc5;
        color: var(--clr-white);
        outline: none;
        font-weight: bold;
        padding: 3px 10px 3px 10px;
    }

    .btnReportFlyoutOpen:focus {
        margin-top: 3px;
        margin-right: 20px;
        outline: none;
        background-color: #0c65b1;
        border: 1px solid #1f0bc5;
        color: var(--clr-white);
        font-weight: bold;
        padding: 3px 10px 3px 10px;
    }

    .dvMidModalPopUp {
        padding: 0px !important;
    }

    .dvPopUpModalBodyNew {
        padding-top: 0;
        padding-left: 10px !important;
        padding-bottom: 0;
        padding-right: 10px !important;
    }

    .dvGridColumnRight {
        padding-left: 5px !important;
    }

    .lblInfoMsgModalPopup span {
        font-size: 13px;
    }

    .lblapikey {
        font-size: 13px;
    }


    .dvReponsivePaddLeft15 {
        padding-right: 15px;
    }


    .dvReponsivePaddLeftt5 {
        padding-left: 5px;
    }

    .dvFlyOutOuterContainer {
        padding-left: 15px !important;
    }



    .dvListbtngrp {
        float: left;
        background-color: transparent;
        border: 1px solid #9b59b6 !important;
        cursor: pointer;
        padding: 0px;
        min-height: 29px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 15px;
        padding-right: 5px;
        padding-left: 5px;
        height: 34px;
        font-weight: 600;
    }


    .dvContainerForSmallHeader {
        margin: 3px 0px 0px -5px !important;
    }

    .divFlyoutLessMargin {
        margin: 20px -9px 0px 0px !important;
    }


    .divSearchAppointmentContainerCallCenter {
        width: 100% !important;
        padding: 5px !important;
    }


    .dvResponsiveGap {
        height: 10px !important;
    }

    .MarginTop {
        margin-top: 5px !important;
        margin-right: 1px !important;
    }
    .dvEMRCurrentVisit {
        border: 3px solid var(--clr-graydark1)!important;
    }
    .divReportPageToolBarWrapperNew {
        padding: 3px 3px 3px!important;
    }
    .btnExportPdf, .btnToggleMedicalSummary, .btnEMRSaveAndPrint, .btnEMRSave, .btnEMRSelectTemplate, .btnNewEMRTotal, .btnEMRNew, .btnEMRPastVisits, .btnEMRNextPatient, .btnEMRTodayEnc, .btnPrintEmailButton, .btnPrintQueueButton, .btnOpenPrintTemplate, .btnToolConsent, .btnUnlockEMR, .btnXML, .btnPatientAttachments, .btnPatientImaging, .btnHealthReminder, .btnReportPrint, .btnReportExport, .btnReportExportLoading, .btnReportSettings, .btnReportRefresh, .btnReportDashboard, .btnReportMassSMSButton, .btnReportGrid, .btnReportChart, .btnEMRMoreOption, .btnReportCustomButton, .btnImageEditorPencil, .btnRunReport, .btnPatConsent, .btnReportBack {
        padding: 1px 2px !important;
    }
    .dvEMRTopMenu .dottedMenuContainer .dottedMenu {
        width: 30px !important;
    }
    .lblSubHeaderLoadingMsg {
        font-size: 17px !important;
    }
        .dvAddParameterContainer {
        width: 600px !important;
    }

    .pnlResponsiveSearchCon {
        padding-left: 0px !important;
    }

    .lblPageHeaderForAll {
        font-size: 24px !important;
        padding-top: 8px !important;
    }

    .lblCommon lblFontHeader lblColorWhite {
        font-size: 16px !important;
        padding-top: 2px !important;
    }

    .dvFooterContainer {
        width: 100%;
    }

    .btnGridFirstColumnNonLink {
        font-size: 17px !important;
    }

    .lblResponsiveSubHeaderWithBackColor {
        padding: 2px 10px !important;
        background-color: #0fbd9d !important;
        color: var(--clr-white) !important;
        border: 1px solid #0a7965 !important;
        margin-right: 3px !important;
    }

    .lblResponsiveVchrDetailsCap {
        padding: 2px 10px !important;
        background-color: #0fbd9d !important;
        color: var(--clr-white) !important;
        border: 1px solid #0a7965 !important;
        margin-right: 3px !important;
    }

    .divVchrTypeSV {
        margin-left: 2% !important;
        margin-bottom: 10px;
    }

    .dvUserNameMenu {
        clear: both;
        float: left;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

        .dvUserNameMenu .dropdown-toggle {
            padding-left: 4px !important;
        }

    .dvPointTxtBox {
        float: left;
        width: 79%;
    }

    .divContainerEndDate {
        border-left: 1px solid rgba(242, 242, 242, 0.8) !important;
        height: 28px;
    }

    /*.fontforSpanOuterText {
        font-size: 0.6rem !important;
        padding-right: 0rem !important;
        margin-left: 0rem !important;
    }*/

    .divclrcelno {
        width: 25px !important;
        height: 25px !important;
        font-size: 17px !important;
    }

    .pageCaptionMdlFlyOut {
        font-size: 15pt !important;
        padding: 0.5rem 0.3rem 0.1rem 0rem !important;
    }

    .modaldivFlyout {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }



    .dvClinicalGroupBtnmenu {
        border: 1px solid rgba(0,0,0,.15) !important;
    }

    .dvClinicalGroupDropdownBtn {
        width: 90%;
    }

    .dvIVFMasterSummary {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .ResponsiveRow {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }



    .dvContainerSearchForAll {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .dvGrdColumnRight {
        margin-left: 10px;
    }

    .dvGrdControlforAudio {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }

        .dvGrdControlforAudio audio {
            width: 100%;
        }

    .divDetailsPageWrapperForModal {
        margin: 0px 5px 0px 5px;
    }

    .lblSubHeaderOrangeBig {
        font-size: 16px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dvResponsiveBackground {
        padding-bottom: 5px !important;
        width: 100%;
    }



    .dvEnquiryInner {
        padding-left: 0px !important;
    }


    .dvOuterContainerForBill {
        padding-right: 10px !important;
    }

    .divBillTotalAmountWrapperNew {
        height: auto !important;
    }

    .dvCommMessageBox {
        width: 33.3%;
    }

    .dvResponsiveBillTo {
        width: 100% !important;
        float: left;
        margin-right: 0% !important;
    }




    .modalConfirm > .modal-dialog {
        width: 95% !important;
    }



    .dvAppliesToNew {
        padding-left: 0px !important;
    }

    .AddBookListSMSContent {
        font-size: 24pt;
        font-weight: 600;
        line-height: 20px;
    }

    .AddBookListSMSALLBtn {
        font-size: 12px;
    }

    .btnNewVisit {
        display: block;
    }
    /*.btnToggleMedicalSummary,
    .btnBackMedicalSummary {
        display: block !important;
    }*/
    .pnlMedicalSummary {
        box-shadow: none !important;
        padding-left: 10px !important;
    }
    .colfixedtoolbar {
        height: 176px !important;
    }

    .dvPreviousVisitOuter {
        margin-top: 13px !important;
    }

    .dvVisitDetails {
        overflow-y: visible !important;
    }

    .dvCaseSheetDetails {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .dvEMRToolsBarLeft {
        padding: 0rem !important;
    }

    .dvContainerMiddeleClm {
        padding-left: 0rem !important;
    }



    .dvAllImageContainer {
        padding-top: .5rem;
    }

    .dvResponsiveRowContainer {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }

    .dvAllIconForAction {
        padding-bottom: 5px !important;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .divDetailsPageWrapperNoMargin {
        margin: 10px 0px 0px 0px;
    }




    .divEMRTlbButtonWrapper {
        margin-left: 0px !important;
    }

    .dvTemplateList {
        display: none;
    }

    .dvDetailsForResponsiveWithFullWidth {
        width: 100% !important;
        clear: both;
        padding-left: 5px;
        padding-right: 5px;
    }

    .divDetailsPageWrapperLessMarginNew {
        margin: 15px 5px 0px 5px !important;
    }

    .divContainerContainerLeaft {
        display: none;
    }

    .dvCalenderRightTools {
        text-align: right;
        padding-top: 5px;
    }


    .dvCorrespondenceModalWrapper {
        margin: 25px 20px 0px 20px;
    }

    .dvIsPatientInActive {
        margin-top: 10px;
        clear: both;
        padding-right: 0rem !important;
    }

    .divAddNewButtonContainer {
        padding-left: 10px;
    }

    .AddBookListSMSGrid {
        top: 5px !important;
    }

    .AddBookListSMSContent {
        line-height: 24px !important;
        font-size: 24pt;
        font-weight: 600;
    }

    .btnMoreOptionsMenu {
        margin-left: 0px !important;
    }

    .dvFormControlNotFirst {
        border-right: 1px solid #B8B8B8 !important;
    }

    .btnGridSmallTextBoldNoLinkNormalFont {
        font-size: 17px !important;
    }

    .dvSchedulerClinicName {
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left !important;
    }

    .btnDischargeFlyout {
        top: 40% !important;
    }

    .dvPromotionToolbar {
        margin-left: 10px;
        margin-bottom: 20px;
        border: none;
    }

    div#colorpicker {
        left: inherit !important;
        right: 0 !important;
    }



    .dvImagingBack {
        margin-right: 0px !important;
        margin-left: 5px !important;
    }

    .dvColorPickerNew {
        width: 20%;
    }

    .dvColorPickerSelectedNew {
        width: 20%;
    }

    .dvcolorpickerGrid {
        height: 162px !important;
    }

    .dvBillItemsNew {
        height: auto !important;
    }

    dvBillItemsEdit {
        height: auto !important;
    }

    .lg-backdrop {
        width: 100% !important;
        left: 0 !important;
    }

    .lg-outer {
        width: 100% !important;
        left: 0 !important;
    }

    .divBillTotalAmountWrapperInner {
        width: 100% !important;
        padding-right: 5px !important;
    }

    .dvGridColumnFirst {
        width: 100% !important;
        clear: both;
        padding: 0px;
    }

    .dvPageContainer {
        padding: 0px !important;
    }

    .dvPackageItemOuterContainer {
        height: auto !important;
    }

    .dvGridColumnWhite {
        text-align: left !important;
    }

    .dvGridColumnAlignRight {
        text-align: left;
    }

    .dvConsentNameTextBox {
        clear: both;
        margin-left: 0px;
        margin-top: 15px;
        width: 100%;
    }

    .btnSmallNonLinkBold {
        border: 2px solid rgb(214, 96, 44);
    }

    .dvContainerReportCommonPad {
        padding-left: 0px !important;
    }

    .dvGlobalModalPopUpSmall {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .dvContainerPadd {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .btnLowEmphasisOptionRight {
    }

    .divImageEditorToolBarWrapperNew {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .btnImageEditorLibraryNew {
        float: left !important;
    }

    .btnImageEditorAddNew {
        float: left !important;
    }

    .btnImageEditorCameraNew {
        float: left !important;
    }

    .btnImageEditorSaveNew {
        float: left !important;
    }

    .dvContainerReportDate {
        padding-left: 0px !important;
    }

    .dvCaseSheetMiddle {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .ImageClip {
        display: block !important;
    }

    .dvPointEqualSymbol {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }


    .dvCallCenterRightPanel {
        margin-top: 10px !important;
    }



    .PageMainWrapperWithFooter {
        padding: 15px 5px 60px 5px;
    }



    .dvHeaderBack {
        float: left !important;
        width: 40px !important;
    }

    .dvHeaderCaption {
        float: left !important;
        width: 86% !important;
    }

    .dvContainerForSmallHeader {
        margin: 0px -10px 0px -10px !important;
    }

    .dvChartContainer {
        padding: 0px;
        zoom: 60% !important;
    }

    .btnReportNavigateWrapper {
        float: none !important;
        margin-left: 0% !important;
        width: auto !important;
    }

    .divSmallGap {
        height: 1rem;
    }

    .modal-container .modal-body {
        padding: 10px .5rem!important;
    }
    .modal-container .modal-header,
    .modal-container .modal-footer {
        padding: 0.5rem 0.5rem !important;
    }

    .crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge {
        bottom: 55px !important;
    }





    .divFlyOutContainerWithMasterList {
        margin: -25px -10px 0px -10px !important;
    }

    .divFlyOutContainerWithBillableList {
        margin: 0px 5px 0px 5px;
    }

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


    .divPageWrapperLessMarginNew {
        margin: 15px 5px 0px 5px !important;
    }

    .rsHeader h2 {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 33px !important;
        position: absolute !important;
        line-height: 40px !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
    }

    .RadScheduler .rsHeader ul {
        float: right;
        padding-right: 10px;
        clear: both !important;
        margin-bottom: 30px !important;
        margin-top: -28px !important;
    }

    .dvTimer {
        clear: both !important;
        margin-top: 15px;
    }

    .btnGrpDisplayInline {
        margin-right: 0px;
        margin-bottom: 0px;
        display: inline !important;
    }

    .dvResBorderAll {
        border: 1px solid var(--clr-bluedark1) !important;
    }

    .dvSearchCont div {
        margin-bottom: 10px !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

        .dvSearchCont div div {
            border: none !important;
            margin-bottom: 0 !important;
        }

    .dvSearchCont .dvSearchDateContainer {
        border-right: 1px solid var(--clr-graylight1) !important;
        border-radius: 3px;
    }

    .btnSearchColor {
        border-radius: 3px !important;
    }

    .dvSearchCont div:first-child {
        border-left: 1px solid var(--clr-graylight1);
        border-radius: 3px !important;
    }

    .dvSearchCont .btnSearch, .dvSearchCont .btnLoading {
        height: 36px !important;
        border-radius: 3px !important;
    }

    .dvPopUpModalBody {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .dvMidModalPopUpNew {
        padding: 10px;
        padding-bottom: 0px !important;
    }

    .dvContainerCasesheetRow {
        padding-top: 10px !important;
    }

    .emdivEMRRowGroupItem {
        font-size: 16px !important;
        line-height: 20px;
        padding-left: 4px !important;
    }

    .dvSearchCont .FlyOutSearchBtnNew,
    .dvSearchCont div:last-child {
        border: none !important;
    }

    .displayNoneSmalldevice {
        display: none !important;
    }

    .ResponsiveMarginTop {
        margin-top: 10px;
    }

    .dvSearchCont .btnSearchContainer {
        margin-bottom: 0px !important;
        vertical-align: baseline;
        vertical-align: -webkit-baseline-middle;
        background: none;
    }

    .dvSearchCont .btnSearchTxtCon {
        margin-bottom: 0px !important;
    }

    /*.dvContainerFullWidth {
        width: 100% !important;
        margin-bottom: 10px !important;
    }*/

    .dhx_minical_popup {
        left: auto !important;
        right: 0px !important;
    }

    .dvMidModalPopUpNew .dvPopUpModalBody {
        padding-top: 0;
        padding-left: 10px !important;
        padding-bottom: 0;
        padding-right: 10px !important;
    }

    .btnImgCamera {
        display: none;
    }

    .dvReportRightSide {
        margin-top: 15px !important;
    }

    .dvDateRange {
        clear: both !important;
    }

    .divImagePageToolBarWrapperNew {
        height: 92px !important;
        
    }
    .dvBookPageMark.menu-header,
    .data-sidebar .header.big {
        padding: 10px 10px !important;
    }
    .parent_lst {
        padding: 0!important;
    }

}

/*Small Device*/
@media (max-width: 768px) {
    .navbar-nav {
        padding-left: 10px !important;
    }

    .divImagePageToolBarWrapperNew {
        height: 92px !important;
    }

        .navbar-nav.navitem,
        .navbar-nav .nav-item {
            float: none !important;
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
        }

        .navbar-nav .nav-link {
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
        }
    /*.btnToggleMedicalSummary,
    .btnBackMedicalSummary {
        display: block !important;
    }*/
    .pnlMedicalSummary {
        box-shadow: none !important;
        padding-left: 0px !important;
    }
    .lblDataNotFound {
        padding: 10px !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
    .btnSocialMedia {
        margin-right: 5px;
    }
    .dvFactorInnerContainer {
        width: 92% !important;
        padding: 2vh 2% 2% !important;
    }

        .dvFactorInnerContainer .section {
            padding: 10px 20px !important;
        }
    .pnlLoginMargin {
        margin-left: 0;
    }
    .section-sort .text-right,
    .rowdata-treatment .text-right {
        text-align: left !important;
    }
    .BookMarkDeltal li:not(:last-child) {
        margin-right: 10px !important;
    }
    .dvDataNotFound {
        padding-top: 15px !important;
    }
    .img-fluid svg {
        width: 100% !important;
    }
    .dvSelectedReportContainer {
        padding: 5px 5px 0 !important;
    }
    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }

    .dvUserNameMenu a {
        font-size: 14px !important;
    }

    .dvResponsiveMenu {
        width: 100%;
        height: 44px !important;
    }

    .navbar {
        padding-left: 0px;
    }
    .dentalMenu.dental {
        position: absolute !important;
        background-color: white !important;
        border: 1px solid var(--clr-gray) !important;
    }

        .dentalMenu.dental .dropdown-item {
            color: var(--clr-black) !important;
        }

            .dentalMenu.dental .dropdown-item:hover {
                color: var(--clr-white) !important;
                font-size: 1rem !important;
                border-bottom: 1px solid var(--clr-graylight1) !important;
            }

    .modal-small {
        padding: 0px 15px 0 15px !important;
    }
    .dvBillOrgName {
        padding-left: 0px !important;
    }

    .nav-item {
        clear: both;
        margin-left: 0rem !important;
        line-height: 1.5rem !important;
    }

    .tbReportContainer .nav-item {
        clear: none !important;
        margin-left: 0rem !important;
        line-height: 1.5rem !important;
    }

    .navRight {
        float: right !important;
    }

    .btnToolsMainMenu:hover {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }

        .btnToolsMainMenu:hover .nav-link {
            background-color: transparent !important;
            color: var(--clr-white) !important;
        }

    .dvPageBodyContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu {
        position: relative !important;
        top: 100%;
        left: 0;
        z-index: 99999999;
        display: none;
        float: left;
        min-width: 160px;
        padding: 0px !important;
        margin: 0rem !important;
        font-size: 1rem;
        color: #373a3c;
        text-align: left;
        list-style: none;
        background-color: transparent !important;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none !important;
        border-radius: 0rem !important;
    }
    .dottedMenuContainer .dropdown-menu {
        position: absolute !important;
        border: 1px solid var(--clr-graylight1dull1) !important;
        color: var(--clr-black) !important;
        background-color: var(--clr-white) !important;
    }
    .dvDropdownMenuNew {
        position: absolute !important;
        background-color: var(--clr-white) !important;
    }

    .btnToolsMainMenu .nav-link {
        float: none !important;
    }

    .dropdownMenuMore {
        position: absolute !important;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 0px !important;
        margin: 0rem !important;
        font-size: 1rem;
        color: #373a3c;
        text-align: left;
        list-style: none;
        background-color: var(--clr-white) !important;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid var(--clr-graylight1) !important;
        border-radius: 0rem !important;
        color: var(--clr-black) !important;
    }

    .dvHomeMenuContainer {
        border: var(--clr-graylight2) !important;
        background-color: var(--clr-white) !important;
        color: var(--clr-black) !important;
    }

        .dvHomeMenuContainer .dropdown-item {
            border-bottom: 1px solid var(--clr-graylight2) !important;
        }

    .btnNonSelectedOption {
        color: black !important;
        padding-left: 5px !important;
    }

    .btnSelectedOption {
        color: var(--clr-white) !important;
        padding-left: 5px !important;
    }

    .dvSecondColumnGap {
        padding-top: 20px !important;
    }

    .dvCallCenterRightPanel {
        padding-left: 0px !important;
    }

    .dvGridColumnBottomGap {
        margin-bottom: 7px !important;
        margin-top: 4px !important;
    }

    .divButtonGroupContainerGreen {
        margin-left: 0px !important;
    }

    .divGroup {
        margin-bottom: 15px;
    }

    .dvPopUpModalBody {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .dvPageBodyContainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .dottedMenuContainer .dropdown-menu {
        background-color: var(--clr-white) !important;
        position: absolute !important;
        color: var(--clr-black) !important;
    }

        .dottedMenuContainer .dropdown-menu a:not([href]):not([tabindex]):focus,
        .dottedMenuContainer .dropdown-menu a:not([href]):not([tabindex]):hover {
            text-decoration: none;
            border-top: none !important;
            border-bottom: none !important;
            border-radius: 0rem !important;
            color: var(--clr-white) !important;
            background-color: var(--clr-blue) !important;
        }

    .btnEMRSaveAndPrint,
    .btnEMRSave {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .ulMoreOptions {
        position: absolute !important;
        background-color: #F6F6F6 !important;
        border: 1px solid rgba(0,0,0,.15);
    }

    .resBGColor {
        background-color: blue;
    }

    .resBGColorGreen {
        background-color: green;
    }

    .dvBillOrgName {
        padding-left: 0px !important;
    }

    .navbar-brand {
        margin-right: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* background: black; */
        color: white;
        border-radius: 1em;
        /* padding: 1em; */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .navbar-toggler {
        padding: 0rem .50rem !important;
        font-weight: bold;
        border: none !important;
    }

    .collapse {
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 40px;
    }

    .dropdown-item:hover {
        background-color: transparent !important;
        cursor: pointer;
        border-top: 0px !important;
        border-bottom: 0px !important;
    }
    .dottedMenuContainer .dropdown-item:hover {
        background-color: var(--clr-blue) !important;
    }

    .dvProgressPackage {
        margin-top: 5px;
    }

    .toolsdropdown {
        margin-left: 0px !important;
    }

    .navbar-toggler {
        display: block !important;
        padding: 0rem .50rem !important;
        font-weight: bold;
        border: none !important;
        float: left;
    }

    .toolsdropdown .dropdown-toggle {
        margin-left: 0rem !important;
        padding-left: 0px !important;
        color: var(--clr-white) !important;
    }

    .dropdown-item {
        padding-left: 15px !important;
        color: var(--clr-white) !important;
    }
    .FieldPhone2 .prepandDrodpwn .dropdown-item,
    .dvDropdownMenuNew .dropdown-item {
        color: var(--clr-black) !important;
    }
        .FieldPhone2 .prepandDrodpwn .dropdown-item:hover,
        .dvDropdownMenuNew .dropdown-item:hover {
            color: var(--clr-white) !important;
            background-color: var(--clr-blue) !important;
        }

    .dropdownMenuMore .dropdown-item {
        color: var(--clr-black) !important;
        font-size: 1rem !important;
        background-color: var(--clr-white) !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }

    .ReportMenuMore .dropdown-item {
        color: var(--clr-black) !important;
        font-size: 1rem !important;
        background-color: var(--clr-white) !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }
    .custom-dropdown-toggle .dropdown-menu {
        background-color: var(--clr-white) !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

        .custom-dropdown-toggle .dropdown-menu .dropdown-item {
            color: var(--clr-black) !important;
            border-bottom: 1px solid var(--clr-graylight2dull1New);
        }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item:hover {
                color: #FFFFFF !important;
                background-color: var(--clr-blue) !important;
            }
    .btnNonSelectedOption {
        color: black !important;
        padding-left: 5px;
    }

    .btnSelectedOption {
        color: var(--clr-white) !important;
        padding-left: 5px !important;
    }

    .btnMainMenuSelected {
        background-color: transparent !important;
        border-radius: 0px !important;
        text-decoration: none !important;
        color: var(--clr-white) !important;
        font-size: 16px !important;
        float: left !important;
        padding-left: 7px !important;
        padding-right: 0px !important;
        line-height: 36px !important;
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        cursor: pointer !important;
    }


    .resToolsMenu {
        clear: both !important;
    }

    .btnMainMenu {
        padding-left: 4px !important;
        padding-right: 0px !important;
        line-height: 39px !important;
    }


    .dvUserNameMenu {
        clear: both;
        float: left;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .dvReportSettings {
        padding: 5px 0px 0px 0px !important;
    }

    .dvUserNameMenu .dropdown-toggle {
        padding-left: 0px !important;
    }


    .divPageHeaderWrapperBtnGrp {
        border: none !important;
    }



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

    .divContainerTopCalendar {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }



    .dvFormControlNotFirst {
        border-left: 1px solid #b8b8b8 !important;
        float: left;
    }
    /*.dvFormControlLast .btnSearchWithText  {
    margin-top: 10px!important;
    clear:both
        
    }*/

    .dvloginlogolinkfortab {
        font-size: 10px;
    }


    .PageMainWrapperWithFooter {
        padding: 15px 10px 50px 10px !important;
    }

    .dvImagingBack {
        margin-right: 0px !important;
        margin-left: 5px !important;
    }


    .divDetailsPageWrapperLessMargin {
        margin: 15px 10px 0px 10px !important;
    }

    .dvMidModalPopUp {
        padding: 0px !important;
    }

    .dvPopUpModalBodyNew {
        padding-top: 0;
        padding-left: 10px !important;
        padding-bottom: 0;
        padding-right: 10px !important;
    }

    .dvGridColumnRight {
        padding-left: 5px !important;
    }

    .dvOuterContainerForBill {
        padding-right: 0px;
    }

    .dvListbtngrp {
        float: left;
        background-color: transparent;
        border: 1px solid #9b59b6 !important;
        cursor: pointer;
        padding: 0px;
        min-height: 29px;
        margin-left: 0px;
        margin-right: 0px;
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 15px;
        padding-right: 5px;
        padding-left: 5px;
        height: 34px;
        font-weight: 600;
    }


    .dvPatientNameWithBorderNew {
        padding: 5px 14px !important;
    }


    .modalConfirm > .modal-dialog {
        width: 94% !important;
    }

    .custom-dropdown-toggle .dropdown-menu {
        background-color: var(--clr-white) !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

        .custom-dropdown-toggle .dropdown-menu .dropdown-item {
            color: var(--clr-black)!important;
            border-bottom: 1px solid var(--clr-graylight2dull1New);
        }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item:hover {
                color: #FFFFFF !important;
                background-color: var(--clr-blue) !important;
            }
    .btnLabNormalLightBGNew {
        border: 1px solid gray;
        margin-bottom: 5px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pnlResponsiveSearchCon {
        padding-left: 0px !important;
    }

    .dvGridFieldHeaderRight {
        text-align: left !important;
    }

    .lblPageHeaderForAll {
        font-size: 24px !important;
        padding-top: 5px;
    }

    .lblPageHeaderForAllWhite {
        font-size: 24px !important;
        padding-top: 0px;
    }



    .dvFooterContainer {
        width: 100%;
    }

    .lblResponsiveSubHeaderWithBackColor {
        padding: 2px 10px !important;
        background-color: #0fbd9d !important;
        color: var(--clr-white) !important;
        border: 1px solid #0a7965 !important;
        margin-right: 3px !important;
    }

    .lblResponsiveVchrDetailsCap {
        padding: 2px 10px !important;
        background-color: #0fbd9d !important;
        color: var(--clr-white) !important;
        border: 1px solid #0a7965 !important;
        margin-right: 3px !important;
    }

    .divResponsiveReportBoxField {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .lblSubHeaderOrangeBig {
        font-size: 16px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    .resGapBtwTwoControl2 {
        height: 2rem !important;
    }

    .resGapBtwTwoControl1 {
        height: 1rem !important;
    }


    .divContainerEndDate {
        border-left: 1px solid rgba(242, 242, 242, 0.8) !important;
        height: 28px;
    }

    /*.fontforSpanOuterText {
        font-size: 0.6rem !important;
        padding-right: 0rem !important;
        margin-left: 0rem !important;
    }*/

    .divclrcelno {
        width: 25px !important;
        height: 25px !important;
        font-size: 17px !important;
    }

    .divSubHeaderwithNumberRound {
        padding-left: 0px !important;
        padding-top: 3px !important;
    }

    .pageCaptionMdlFlyOut {
        font-size: 15pt !important;
        padding: 0.5rem 0.3rem 0.1rem 0rem !important;
    }

    .modaldivFlyout {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }


    .dvClinicalGroupBtnmenu {
        border: 1px solid rgba(0,0,0,.15) !important;
    }



    .dvEnquiryInner {
        padding-left: 0px !important;
    }

    #dvReportSettings {
        display: none;
    }

    .dvResponsiveBack {
        display: block;
    }


    .btnNewVisit {
        display: block;
    }

    .dvTemplateList {
        display: none;
    }


    .divContainerContainerLeaft {
        display: none;
    }


    .dvCalenderRightTools {
        text-align: right;
    }


    .dvIsPatientInActive {
        margin-top: 10px;
        clear: both;
        padding-right: 0rem !important;
    }

    .divAddNewButtonContainer {
        float: left;
        padding-left: 20px;
    }

    .AddBookListSMSGrid {
        top: 5px !important;
    }

    .AddBookListSMSContent {
        line-height: 24px !important;
        font-size: 24pt;
        font-weight: 600;
    }

    .PageMainWrapperNew {
        margin: 10px 0px 5px 0px !important;
    }

    .divFinancialToolbarPackage {
        margin-left: 0px !important;
        border: none !important;
    }

    .btnMoreOptionsMenu {
        margin-left: 0px !important;
    }

    .btnGridSmallTextBoldNoLinkNormalFont {
        font-size: 17px !important;
    }

    .divResFieldBetweenGap {
        height: 10px;
        width: 100%;
    }


    .dvSchedulerClinicName {
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left !important;
    }

    .dvPromotionToolbar {
        margin-left: 10px;
        border: none;
    }

    .divBillTotalAmountWrapperInner {
        width: 100% !important;
        padding-right: 5px !important;
    }

    .dvPageContainer {
        padding: 0px !important;
    }

    .dvVoucherItemsNew {
        height: auto !important;
    }

    .dvPackageItemOuterContainer {
        height: auto !important;
    }

    .dvGridColumnWhite {
        text-align: left !important;
    }

    .dvGridColumnAlignRight {
        text-align: left;
    }

    .dvConsentNameTextBox {
        clear: both;
        margin-left: 0px;
        margin-top: 15px;
        width: 100%;
    }

    dvBillItemsEdit {
        height: auto !important;
    }

    .dvContainerReportCommonPad {
        padding-left: 0px !important;
    }


    .dvContainerForSmallHeader {
        margin: 0px -10px 0px -10px !important;
    }

    .lblGridFirstColumnNonLinkDate {
        font-size: 17px !important;
    }
    .dvTodaysServiceValue {
        width: 70%!important;
    }
    .dvTodaysService {
        width: 30%!important;
    }
    .dvSeperator {
        margin-right: 3px!important;
        margin-left: 3px!important;
    }
    .btnToggleMedicalSummary p,
    .btnEMRSaveAndPrint p,
    .btnEMRSave p,
    .btnXML p,
    .btnEMRSelectTemplate p,
    .btnEMRNew p,
    .btnEMRPastVisits p,
    .btnEMRNextPatient p,
    .btnEMRTodayEnc p,
    .btnPrintEmailButton p,
    .btnPrintQueueButton p,
    .btnUnlockEMR p,
    .btnPatConsent p,
    .btnPatientAttachments p,
    .btnPatientImaging p,
    .btnReportPrint p,
    .btnReportExport p,
    .btnReportSettings p,
    .btnNewEMRTotal p,
    .btnReportRefresh p,
    .btnReportDashboard p,
    .btnReportMassSMSButton p,
    .btnReportGrid p,
    .btnEMRMoreOption p,
    .btnReportCustomButton p,
    .btnReportChart p,
    .btnReportBack p {
        font-size: 12px !important;
    }

    .dvSearchCont.dvResponsiveSearch div {
        clear: none !important;
        min-height: 32px !important;
    }

        .dvSearchCont.dvResponsiveSearch div,
        .dvSearchCont.dvResponsiveSearch div input {
            border-radius: 3px 0px 0px 3px !important;
        }

            .dvSearchCont.dvResponsiveSearch div div {
                min-height: 30px !important;
            }

            .dvSearchCont.dvResponsiveSearch .btnSearchContainer,
            .dvSearchCont.dvResponsiveSearch div button {
                border-radius: 0px 3px 3px 0px !important;
            }

            .dvSearchCont.dvResponsiveSearch div .btnImportant {
                border-radius: 3px !important;
            }

    .dvSearchCont div div {
        border: none !important;
    }

    .dvSearchCont div:last-child {
        border: none !important;
    }

    .PageMainWrapperList {
        padding: 10px !important;
    }

    .dvEMRTotalHigh,
    .dvEMRTotalLow {
        margin-top: 0px !important;
        margin-bottom: 4px !important;
    }

    .btnGrpDisplayInline {
        margin-right: 0px;
        margin-bottom: 0px;
        display: inline !important;
    }

    .dvResBorderAll {
        border: 1px solid var(--clr-bluedark1) !important;
    }

    .dvMidModalPopUpNew {
        padding: 10px;
        padding-bottom: 0px !important;
    }

    .dvResponsiveWithControl {
        padding-left: 0px !important;
        margin-bottom: 10px !important;
        clear: both;
    }

    .dvFormControlNotFirst {
        border-right: 1px solid #B8B8B8 !important;
    }



    .btnGrpDisplayInline {
        margin-right: 0px;
        margin-bottom: 0px;
        display: inline !important;
    }

    .dvResBorderAll {
        border: 1px solid var(--clr-bluedark1) !important;
    }

    .dvMidModalPopUpNew .dvPopUpModalBody {
        padding-top: 0;
        padding-left: 10px !important;
        padding-bottom: 0;
        padding-right: 10px !important;
    }

    .btnImgCamera {
        display: none;
    }

    .dvReportRightSide {
        margin-top: 15px !important;
    }

    .dvDateRange {
        clear: both !important;
    }
    .menu-sidebar {
        z-index: 1201 !important;
        top: 0;
        bottom: 0;
    }
    .integration-image {
    margin:0 auto!important;
    }
    .dvBookPageMark.menu-header,
    .data-sidebar .header.big {
        padding: 10px 10px !important;
    }

    .parent_lst {
        padding: 0 !important;
    }
}

/*Medium Device*/
@media (max-width: 992px) {
    .dvResponsiveMenu {
        width: 100%;
        height: 44px !important;
    }

    .collapse {
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 40px;
    }

    .navbar-brand {
        margin-right: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* background: black; */
        color: white;
        border-radius: 1em;
        /* padding: 1em; */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .navbar .navbar-brand {
        margin-top: 0px !important;
        margin-right: 0px !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
    .lblDataNotFound {
        padding: 10px !important;
    }

    .btnSocialMedia {
        margin-right: 5px;
    }

    .pnlLoginMargin {
        margin-left: 0;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }
    .img-fluid svg {
        width: 80% !important;
    }
    .dvSelectedReportContainer {
        padding: 5px 5px 0!important;
    }
    .dvBillOrgName {
        padding-left: 0px !important;
    }

    .PageMainWrapperList {
        padding: 15px 15px 0px 15px;
    }

    .divNavBarTop {
        text-align: center !important;
    }

    .btnToolsMainMenu .nav-link {
        float: none !important;
    }

    .resnavBrandLogo {
        padding-top: .2rem;
        padding-left: .2rem;
    }

        .resnavBrandLogo img {
            height: 2.3rem;
        }

    .resDrProfile .lblDrName {
        font-size: .8rem;
    }

    .btnAddNewForResponsive {
    }

    /*.dvCalendarLeftSideContainer {
        display:none;
    }
    .dvCalendarRightSideContainer {
        padding: 0px!important;
        width:100%!important;
        top:0px;
        right:0px;
        bottom:0px;
        background-color:var(--clr-graylight2); 
        z-index:100000;
    }*/

    .btnGrpDisplayInline {
        margin-right: 0px;
        margin-bottom: 0px;
        display: inline !important;
    }

    .dvResBorderAll {
        border: 1px solid var(--clr-bluedark1) !important;
    }

    .marginRt0 {
        margin-right: 0 !important;
    }

    .dvBillItemSlNo {
        width: 10% !important;
    }

    .dvBillItemName {
        width: 55% !important;
    }

    .dvBillButtonCon {
        width: 35% !important;
    }

    .GridContainerHeight {
        height: auto !important;
        min-height: 300px !important;
    }

    .divSearchAppointment {
        top: 0px !important;
        height: 41px;
        width: 42px;
        top: 5%;
        right: 0;
        /* margin-top: -60px; */
        background-color: var(--clr-blue);
        cursor: pointer;
        z-index: 1000;
        padding-top: 9px;
        padding-left: 0px;
        position: absolute;
        margin-top: 5px !important;
        margin-right: 5px !important;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 var(--clr-blackdull1);
    }

    .VoucherHt {
        background-color: var(--clr-graylight2);
        height: 49px;
    }

    .resToolsMenu {
        right: 0;
        left: auto;
        margin-top: 0px !important;
        padding-top: 0px;
    }

    .btnGrpSelected,
    .btnGrpNonSelected {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .resBtnMenu {
        float: left;
        border-radius: .30rem;
        margin-top: .1rem;
    }

    .divResposiveMenu .divLeftView {
        float: none !important;
    }

    .divClear {
        clear: both !important;
    }

    .divResposiveMenu {
        background-color: var(--clr-white) !important;
        max-height: 26rem;
        overflow: auto;
        width: 100%;
        color: var(--main-bgcolor-black);
        margin: .3rem 0rem 0rem 0rem !important;
        border: none !important;
    }

    .dropdownitem {
        padding-left: 0rem !important;
    }

    .divResposiveMenu .navbar-nav li a {
        color: var(--main-bgcolor-black) !important;
        font-weight: 600;
        padding-left: 0rem !important;
        text-align: left;
        border-bottom: .1rem solid #E6E5E5;
    }

    .resDrProfile {
        border-radius: 0px;
        margin-top: .2rem;
        border-radius: .30rem;
        padding: .4rem .8rem 0.5rem .8rem !important;
        float: right !important;
    }

    .backdropdownmenu {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .divLeftView {
        margin-left: 0rem !important;
    }

    .liMenuFirst {
        margin-left: 0rem !important;
    }

    .lblDrName:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .25rem;
        vertical-align: middle;
        content: "";
        border-top: .6em solid;
        border-right: .3em solid transparent;
        border-left: .3em solid transparent;
    }

    .dropdownRight {
        margin-top: 0rem !important;
        font-size: 3rem !important;
    }

        .dropdownRight .dropdown-item:hover {
            background-color: #fff !important;
            color: #000 !important;
            border: none !important;
            border-radius: 0rem;
        }

    .openSmallWindow {
        left: 1%;
        right: 1%;
        top: 80px;
        bottom: 25px;
    }

    .openExtraSmallWindow {
        left: 15%;
        right: 15%;
        top: 80px;
        bottom: 25px;
    }

    .dvResponsiveMenu {
    }

    .divNavBarTop .navbar-nav .nav-item .nav-link {
        font-size: .8rem !important;
        line-height: 2.1rem !important;
        padding: .4rem .5rem 0rem .5rem !important;
    }

    .btnMainMenu {
        padding-left: 7px !important;
        padding-right: 7px !important;
        line-height: 39px !important;
    }

        .btnMainMenu:hover {
            background-color: transparent !important;
            color: var(--clr-white) !important;
            text-decoration: none !important;
            border-radius: 5px 5px 0px 0px !important;
        }

    .resToolsMenu {
        clear: both !important;
    }

    .user-profile {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

        .user-profile li {
            font-size: 16px !important;
            margin-left: 0px !important;
            line-height: 30px !important;
        }

    .dvloginlogolinkfortab {
        font-size: 10px;
    }

    lblOrgloginlogoinfo span {
        padding: 0px;
        margin: 0px;
        font-style: italic;
        font-size: 11px;
        line-height: 25px;
        color: #000;
        padding-right: 10px;
        border: 0px;
        vertical-align: middle;
    }

    .dvGlobalModalPopUplbl label {
        display: inline !important;
        padding-left: 5px;
        font-size: 14px;
    }




    .divDetailsPageWrapperLessMarginNew {
        margin: 15px 15px 0px 15px;
    }



    .dvOuterContainerForBill {
        overflow: auto;
    }

    .divBillTotalAmountWrapperNew {
        height: auto !important;
    }

    .lblBillPageHeader {
        font-size: 20pt;
        padding-top: 4px;
    }

    .btnGridFirstColumnNonLinkNew {
        font-size: 16px;
    }

    .btnGrpDisplayInline {
        margin-right: 0px;
        margin-bottom: 0px;
        display: inline !important;
    }

    .dvResBorderAll {
        border: 1px solid var(--clr-bluedark1) !important;
    }




    .dvConPadLeftForBult {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .dvIsPatientInActive {
        padding-right: 0rem !important;
    }

    .PageMainWrapperNew {
        margin: 15px 10px 5px 10px !important;
    }

    .divFinancialToolbarPackage {
        margin-left: 10px !important;
        border: none !important;
    }

    .btnMoreOptionsMenu {
        margin-left: 0px !important;
    }

    .divAddNewButtonContainer {
        float: left;
        padding-left: 10px;
    }

    .dvResponsivePageHeader {
        display: block !important;
    }

    .resGapBtwTwoControl2 {
        height: 2rem !important;
    }


    .divPageHeaderWrapperBtnGrp {
        border: none !important;
    }

    /*.dvReportForAllFullWidth {
        margin-right: 20px !important;
    }*/

    .dvContainerWithBullet {
        padding-left: 0px !important;
    }

    .dvEnquiryInner {
        padding-left: 0px !important;
    }



    .dvOuterContainerForBill {
        padding-right: 10px !important;
    }

    .divBillTotalAmountWrapperNew {
        height: auto !important;
    }

    #dvReportSettings {
        display: none;
    }

    .lblResponsiveSubHeaderWithBackColor {
        padding: 2px 10px !important;
        background-color: #2ca790 !important;
        color: var(--clr-white) !important;
        border: 1px solid #0a7965 !important;
        margin-right: 3px !important;
        line-height: 24px !important;
    }



    .dvResponsiveBack {
        display: block;
    }

    .dvCalnedarbtnModal {
        margin-left: 1px;
        font-size: 0.94rem;
    }


    .btnNewVisit {
        display: block;
    }

    .resGapBtwTwoControl1 {
        height: 1rem !important;
    }


    .divContainerContainerLeaft {
        display: none;
    }



    .btnRxProtocolRegular {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .btnRxProtocolDuration {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .btnRxProtocolSOS {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .btnRxProtocolSelected {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .btnGridSmallTextBoldNoLinkNormalFont {
        font-size: 17px !important;
    }



    .dvPromotionToolbar {
        margin-left: 10px;
        border: none;
    }


    .PageMainWrapperWithFooter {
        padding: 15px 15px 40px 15px !important;
    }

    .dvContainerForSmallHeader {
        margin: 0px 0px 0px -10px !important;
    }

    .PageMainWrapperNewCallBox {
        margin: 10px 0px 0px 0;
    }

    .dvMidModalPopUpNew {
        padding: 10px;
        padding-bottom: 0px !important;
    }


    .dvGlobalSectionGap {
        clear: both;
        margin-top: 15px;
    }

    .resBackPrvPage {
        float: left;
        display: block;
    }




    .dvContainerOutSideMasterList {
        margin: -30px -10px 0px -10px;
    }


    .MainDVloaderForList {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: transparent;
        padding-top: 150px;
        clear: both;
        text-align: center;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 40%;
    }

    .loader {
        margin: 60px auto;
        font-size: 10px;
        position: relative;
        text-indent: -9999em;
        border-top: .6em solid #83C693;
        border-right: .6em solid #83C693;
        border-bottom: .6em solid #83C693;
        border-left: .6em solid #A2D4AD;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
    }

        .loader,
        .loader:after {
            border-radius: 50%;
            width: 5em;
            height: 5em;
        }

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

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

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

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

    .dvLoader {
        right: 0;
        left: 0;
        margin: 0px auto !important;
    }

    .lblHelperText {
        font-size: .8rem;
        line-height: 1.2rem;
        font-weight: normal !important;
    }



    .dvMidModalPopUpNew .dvPopUpModalBody {
        padding-top: 0;
        padding-left: 10px !important;
        padding-bottom: 0;
        padding-right: 10px !important;
    }

    .btnImgCamera {
        display: none;
    }

    .dvReportRightSide {
        margin-top: 15px !important;
    }

    .dvDateRange {
        clear: both !important;
    }
    .menu-sidebar {
        z-index: 1201 !important;
        top: 0;
        bottom: 0;
    }
    .integration-image {
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 992px) {
    .btnToolsMainMenu,
    .navbar-nav .nav-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 2px !important;
        line-height: 40px !important;
        clear: both;
    }

    .nav-item {
        clear: both;
        margin-left: 0rem !important;
        line-height: 1.5rem !important;
    }

    .tbReportContainer .nav-item {
        clear: none !important;
        margin-left: 0rem !important;
        line-height: 1.5rem !important;
    }

    .btnMainMenuSelected {
        background-color: transparent !important;
        border-radius: 0px !important;
        text-decoration: none !important;
        color: var(--clr-white) !important;
        font-size: 16px !important;
        float: left !important;
        padding-left: 7px !important;
        padding-right: 0px !important;
        line-height: 36px !important;
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        cursor: pointer !important;
    }

    .lblDataNotFound {
        padding: 10px !important;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }

    .btnMainMenu {
        padding-left: 7px !important;
        padding-right: 7px !important;
        line-height: 39px !important;
    }

        .btnMainMenu:hover {
            background-color: transparent !important;
            color: var(--clr-white) !important;
            text-decoration: none !important;
            border-radius: 5px 5px 0px 0px !important;
        }

    .dvUserNameMenu {
        clear: both;
        float: left;
    }

    .navbar-brand {
        margin-right: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* background: black; */
        color: white;
        border-radius: 1em;
        /* padding: 1em; */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }

    .collapse {
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 40px;
    }
    .modal-outer-container .modal-container {
        min-width: 575px;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 993px) {
    .navbar-nav .nav-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 2px !important;
        line-height: 40px !important;
    }

    .dvReportSettings {
        padding: 0px 0px 0px 0px !important;
    }

    .DvReportHeaderContainer {
        padding: 0px 20px 0px 5px;
    }

    .DivLeftIcon {
        margin-right: 5px;
        float: left;
        /*width: 20%!important;*/
    }

    .DivLeftData {
        margin-right: 0px;
        float: left;
        /*width: 76%!important;*/
    }

    .PageMainWrapperForCalendar {
        padding: 5px 5px 0px 5px !important;
    }

    .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_AppointmentPrint_button, .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_ApptRefresh_button, .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_StaffConfig_button {
        margin-left: 4px !important;
    }

    .dvscheduler .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button {
        margin-left: 4px !important;
    }

    .dvAppointmentRow {
        margin-left: 6px !important;
    }

    .dvAppointmentRowLeft {
        margin-left: 4px !important;
    }

    .dvMedSumDetailsContainer,
    .dvPatientNameTopRow {
        padding: 5px !important;
    }

    .dvButtonContainerRight {
        margin-right: 4px !important;
    }

    .dvApptAllIconFromLeft {
        margin-right: 4px !important;
    }

    .btnCommonBottomGap {
        margin-bottom: 4px !important;
    }

    .btnSmallIcon {
        width: 40px !important;
    }

    .btnSmall {
        width: 25px !important;
    }

    .dhx_cal_next_button,
    .dhx_cal_prev_button {
        width: 30px !important;
    }

    .lblDataNotFound {
        padding: 10px !important;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }

    .dhx_cal_navline .dhx_cal_date {
        font-size: 15px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .divApptSearchBlockScheduled,
    .divApptSearchBlockWaiting,
    .divApptSearchBlockEngaged,
    .divApptSearchBlockCheckedOut,
    .divApptSearchBlockScheduledActive,
    .divApptSearchBlockWaitingActive,
    .divApptSearchBlockEngagedActive,
    .divApptSearchBlockCheckedOutActive {
        width: 22.7%;
        margin-left: 3%;
    }

    .dottedMenuWhiteBGCal {
        width: 25px !important;
    }

    .dvDotMenuContainerOuter {
        padding-right: 5px !important;
    }

    .dvContainerMibble {
        margin-bottom: 10px !important;
    }

    .TabPaddingRight {
        padding-right: 0px !important;
    }

    .lblFontHeader {
        letter-spacing: 0.01em;
        font-size: 21pt !important;
    }

    .btnImgCamera {
        display: none;
    }

    .TabPageColumn {
        width: 45% !important;
    }

    .InboxSmallContainer {
        padding-right: 0px !important;
    }

    .btnImgCamera {
        display: none;
    }

    .dvImageSection {
        width: 130px !important;
        height: 130px !important;
    }

    .btnNormalLightBG,
    .btnNormalLightBGSelectedRed,
    .btnNormalLightBGSelectedBlue,
    .btnNormalLightBGSelected,
    .btnNormalLightBGSelectedGreen {
        /*padding: 6px 4px !important;*/
        min-width: 40px !important;
    }

    .btnNormalLightBGMultiple {
        padding: 11px 4px 1px 4px !important;
    }
    .modal-outer-container .modal-container {
        min-width: 575px;
    }
}

@media (min-width: 992px) {
    .TabPageColumn2 {
        width: 50% !important;
    }

    .lblDataNotFound {
        padding: 10px !important;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }
    .modal-outer-container .modal-container {
        min-width: 575px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 800px) {
    .TabPageColumn2 {
        width: 50% !important;
    }

    .btnMainMenu {
        padding-left: 7px !important;
        padding-right: 7px !important;
        line-height: 39px !important;
        clear: both;
    }

    .btnMainMenuSelected {
        background-color: transparent !important;
        border-radius: 0px !important;
        text-decoration: none !important;
        color: var(--clr-white) !important;
        font-size: 20px !important;
        float: left !important;
        padding-left: 7px !important;
        padding-right: 0px !important;
        line-height: 36px !important;
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        cursor: pointer !important;
    }

    .dvUserNameMenu {
        clear: both;
        float: left;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        background-color: transparent !important;
    }

    .navbar {
        padding-left: 0px;
    }

    .lblDataNotFound {
        padding: 10px !important;
    }

    .dvDataNotFound {
        padding-top: 15px !important;
    }

    .dvCaseBodyContainer {
        padding: 15px 5px 15px 4px !important;
    }

    .navbar-nav {
        padding-left: 10px !important;
    }

        .navbar-nav.navitem,
        .navbar-nav .nav-item {
            float: none !important;
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
            background-color: transparent !important;
            margin-top: 0px !important;
            line-height: 35px !important;
        }

        .navbar-nav .nav-link {
            font-size: 16px !important;
            padding-left: 0px !important;
            margin-left: 0px !important;
            background-color: transparent !important;
            margin-top: 0px !important;
            line-height: 35px !important;
        }

            .navbar-nav.navitem:hover,
            .navbar-nav .nav-item:hover,
            .navbar-nav .nav-link:hover {
                color: var(--clr-white) !important;
            }

    .btnStaffIcon,
    .navbar-toggler {
        display: inline !important;
        border: none !important;
    }

    .dvUserNameMenu a {
        font-size: 14px !important;
    }

    .btnToolsMainMenu:hover .nav-link {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }

    .dropdown-menu {
        position: relative !important;
        top: 100%;
        left: 0;
        z-index: 99999999;
        display: none;
        float: left;
        min-width: 160px;
        padding: 0px !important;
        margin: 0rem !important;
        font-size: 1rem;
        color: #373a3c;
        text-align: left;
        list-style: none;
        background-color: transparent !important;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none !important;
        border-radius: 0rem !important;
        clear: both;
    }
    .dottedMenuContainer .dropdown-menu {
        position: absolute !important;
        border: 1px solid var(--clr-graylight1dull1) !important;
        color: var(--clr-black) !important;
        background-color: var(--clr-white) !important;
    }
    .dvDropdownMenuNew {
        position: absolute !important;
        background-color: var(--clr-white) !important;
    }

    .dropdown-item {
        padding-left: 15px !important;
        color: var(--clr-white) !important;
    }

        .dropdown-item:hover {
            background-color: transparent !important;
            cursor: pointer;
            border-top: 0px !important;
            border-bottom: 0px !important;
        }
    .dottedMenuContainer .dropdown-item:hover {
        background-color: var(--clr-blue) !important;
    }
    .FieldPhone2 .prepandDrodpwn .dropdown-item,
    .dvDropdownMenuNew .dropdown-item {
        color: var(--clr-black) !important;
    }
        .FieldPhone2 .prepandDrodpwn .dropdown-item:hover,
        .dvDropdownMenuNew .dropdown-item:hover {
            color: var(--clr-white) !important;
            background-color: var(--clr-blue) !important;
        }

    .dropdownMenuMore .dropdown-item:hover {
        color: var(--clr-black) !important;
        font-size: 1rem !important;
        border-bottom: 1px solid var(--clr-graylight1) !important;
    }
    .dentalMenu.dental {
        position: absolute !important;
        background-color: white !important;
        border: 1px solid var(--clr-gray)!important;
    }
    .dentalMenu.dental .dropdown-item {
        color: var(--clr-black) !important;
    }
        .dentalMenu.dental .dropdown-item:hover {
            color: var(--clr-white) !important;
            font-size: 1rem !important;
            border-bottom: 1px solid var(--clr-graylight1) !important;
        }
    .custom-dropdown-toggle .dropdown-menu {
        background-color: var(--clr-white) !important;
        border: 1px solid var(--clr-graylight1) !important;
    }

        .custom-dropdown-toggle .dropdown-menu .dropdown-item {
            color: var(--clr-black) !important;
            border-bottom: 1px solid var(--clr-graylight2dull1New);
        }

            .custom-dropdown-toggle .dropdown-menu .dropdown-item:hover {
                color: #FFFFFF !important;
                background-color: var(--clr-blue) !important;
            }
    .modal-small {
        padding: 0px 15px 0 15px !important;
    }
    
    .btnShowOnHover {
        visibility: visible !important;
    }
    .dvContainerCasesheetRow:hover .btnShowOnHover {
        visibility: visible !important;
    }
    .modal-outer-container .modal-container {
        min-width: 575px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 990px) {
    .collapse {
        top: 0px!important;
    }
}





/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .collapse {
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 40px;
    }
        .collapse.show {
            padding: 0 10px;
        }
        .btnToolsMainMenu:hover {
            background-color: transparent !important;
            color: var(--clr-white) !important;
        }
    .navbar-nav.navitem, .navbar-nav .nav-item {
        float: none !important;
        font-size: 16px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    .btnToolsMainMenu:hover .nav-link {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }
    .dropdown-menu {
        position: relative !important;
        top: 100%;
        left: 0;
        z-index: 99999999;
        display: none;
        float: left;
        min-width: 160px;
        padding: 0px !important;
        margin: 0rem !important;
        font-size: 1rem;
        color: #373a3c;
        text-align: left;
        list-style: none;
        background-color: transparent !important;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none !important;
        border-radius: 0rem !important;
    }
    .dottedMenuContainer .dropdown-menu {
        position: absolute !important;
        border: 1px solid var(--clr-graylight1dull1) !important;
        color: var(--clr-black) !important;
        background-color: var(--clr-white) !important;
    }
    .PageMainWrapperList .data-container.details {
        padding: 10px !important;
    }

    .visibleOnlyBigger {
        display: none !important;
    }
    .visibleOnlySmaller {
        display: inline !important;
    }
    .visibleOnlyTooSmaller {
        display: inline !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .collapse {
        position: absolute;
        z-index: 1000;
        left: 0;
        right: 0;
        top: 40px;
    }
        .collapse.show {
            padding: 0 10px;
        }
    .btnToolsMainMenu:hover {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }
    .navbar-nav.navitem, .navbar-nav .nav-item {
        float: none !important;
        font-size: 16px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    .btnToolsMainMenu:hover .nav-link {
        background-color: transparent !important;
        color: var(--clr-white) !important;
    }
    .PageMainWrapperList .data-container.details {
        padding: 10px !important;
    }

    .visibleOnlyBigger {
        display: none !important;
    }
    .visibleOnlySmaller {
        display: inline !important;
    }
    .visibleOnlyTooSmaller {
        display: inline !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
}
/*Medium devices (desktops, less than 992px)*/
@media (max-width: 991.98px) {
    .collapse.show {
        padding: 0 10px;
    }
    .visibleOnlyBigger {
        display: none !important;
    }
    .visibleOnlySmaller {
        display: inline !important;
    }
    #crisp-chatbox {
        display: none !important;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}