/* Minification failed. Returning unminified contents.
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(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 '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2074,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(2090,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(2106,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '%'
(6138,53): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: documentElement
(6146,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6147,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6148,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6153,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(6160,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6161,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6161,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6161,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6162,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6162,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6162,91): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6167,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue10'
(6168,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6169,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6175,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6178,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6179,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6192,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6193,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6194,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6200,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(6206,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6207,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6207,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6207,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6208,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6208,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6208,91): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6213,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue10'
(6214,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6215,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6221,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6224,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6225,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6238,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6239,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6240,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6246,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6252,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6253,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6253,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6253,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6254,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6254,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6254,91): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6259,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6260,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6261,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6267,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6270,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6271,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6285,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6286,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6287,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6293,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(6298,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6299,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6299,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6299,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6300,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6300,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6300,91): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6305,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue10'
(6306,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6307,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6313,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6316,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6317,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6330,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6331,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6332,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6338,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(6344,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6344,68): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6344,95): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6345,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6345,60): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6345,87): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6351,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6352,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6358,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6361,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6362,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6396,46): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(6402,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(6409,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(6429,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6435,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6436,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray15'
(6449,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6451,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6465,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6468,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(6469,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6486,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-black6'
(6490,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6495,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(6501,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-small-blue-checkmark'
(6508,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6508,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6508,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6509,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6509,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6509,91): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6536,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6549,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6556,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6557,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6557,68): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6557,95): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6558,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6558,60): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6558,87): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6562,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6562,68): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6562,95): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6563,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6563,60): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6563,87): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6567,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6571,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6572,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6576,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6581,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6596,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6597,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6597,68): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6597,96): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6598,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(6598,60): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(6598,88): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(6613,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(6619,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6622,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6626,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue10'
(6630,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(6638,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-document-html'
(6639,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-document-html'
(6644,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6647,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-document-pdf'
(6648,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-document-pdf'
(6653,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(6745,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(6761,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(6762,46): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(6763,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(6764,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(6920,38): run-time error CSS1030: Expected identifier, found '#manageuser-main-col'
(6920,58): run-time error CSS1031: Expected selector, found ')'
(6920,58): run-time error CSS1025: Expected comma or open brace, found ')'
(6954,57): run-time error CSS1030: Expected identifier, found '.'
(6954,80): run-time error CSS1031: Expected selector, found ')'
(6954,80): run-time error CSS1025: Expected comma or open brace, found ')'
(6966,38): run-time error CSS1030: Expected identifier, found '#pillContainer'
(6966,52): run-time error CSS1031: Expected selector, found ')'
(6966,52): run-time error CSS1025: Expected comma or open brace, found ')'
(6973,42): run-time error CSS1030: Expected identifier, found '#pillContainer'
(6973,56): run-time error CSS1031: Expected selector, found ')'
(6973,56): run-time error CSS1025: Expected comma or open brace, found ')'
(6977,42): run-time error CSS1030: Expected identifier, found '#pillContainer'
(6977,56): run-time error CSS1031: Expected selector, found ')'
(6977,56): run-time error CSS1025: Expected comma or open brace, found ')'
(6983,42): run-time error CSS1030: Expected identifier, found '#pillContainer'
(6983,56): run-time error CSS1031: Expected selector, found ')'
(6983,56): run-time error CSS1025: Expected comma or open brace, found ')'
(6992,42): run-time error CSS1030: Expected identifier, found '#pillContainer'
(6992,56): run-time error CSS1031: Expected selector, found ')'
(6992,56): run-time error CSS1025: Expected comma or open brace, found ')'
(7002,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(7003,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(7004,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(7079,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(7083,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(7088,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7092,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7096,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7100,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(7105,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(7112,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7113,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(7114,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7119,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(7129,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7180,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray3'
(7186,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray19'
(7193,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray19'
(7223,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(7228,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-red2'
(7238,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(7242,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(7247,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(7249,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7261,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(7608,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(7653,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray3'
(7666,22): run-time error CSS1039: Token not allowed after unary operator: '-logo-allregs'
(7672,22): run-time error CSS1039: Token not allowed after unary operator: '-logo-text-allregs'
(7682,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7687,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(7695,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7703,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7751,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(7804,22): run-time error CSS1039: Token not allowed after unary operator: '-shape-blue-dot'
(7815,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7816,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-clock'
(7817,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-clock'
(7824,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(7825,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-red'
(7826,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-red'
(7835,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7836,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes-gray'
(7837,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes-gray'
(7855,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7861,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-chevron'
(7862,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-chevron'
(7863,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7873,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-blue'
(7874,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-blue'
(7877,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(7896,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(7897,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(7900,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7904,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(7905,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(7908,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray13'
(7913,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-printer'
(7914,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-printer'
(7918,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7922,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(7923,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(7926,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7930,24): run-time error CSS1039: Token not allowed after unary operator: '-gen-ask-icon'
(7931,16): run-time error CSS1039: Token not allowed after unary operator: '-gen-ask-icon'
(7934,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7941,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue4'
(7945,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue4'
(7966,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(7971,27): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontfamily'
(7991,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8009,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8014,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8015,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8016,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8017,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(8018,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(8019,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(8033,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontfamily'
(8037,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(8166,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(8167,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(8191,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(8193,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(8203,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8209,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-down-arrow'
(8222,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(8228,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(8258,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray8'
(8263,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8275,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-doc'
(8276,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-doc'
(8291,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(8293,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8300,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8302,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(8308,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8320,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(8321,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8363,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8386,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8390,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8394,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-right-small-solid'
(8406,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-small-solid'
(8420,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8436,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8437,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8446,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8447,29): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8451,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8452,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8453,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8473,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8480,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8502,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8504,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8505,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(8527,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(8556,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray13'
(8589,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8590,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8591,33): run-time error CSS1039: Token not allowed after unary operator: '-ao-green'
(8605,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray11'
(8610,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(8614,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray12'
(8616,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-white2'
(8643,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8651,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-heart-inactive'
(8663,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8664,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8679,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray8'
(8708,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(8713,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(8718,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(8739,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8749,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8756,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8758,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(8769,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(8779,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8786,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(8800,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray17'
(8808,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(8833,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8842,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8865,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8873,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8881,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(8930,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(8935,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(8950,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(8968,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(9003,58): run-time error CSS1039: Token not allowed after unary operator: '-ao-white3'
(9003,79): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9014,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9018,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(9026,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9033,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9038,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(9048,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(9054,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9060,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(9066,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9077,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9098,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9099,54): run-time error CSS1046: Expect comma, found '0'
(9099,58): run-time error CSS1046: Expect comma, found '/'
(9100,51): run-time error CSS1046: Expect comma, found '0'
(9100,55): run-time error CSS1046: Expect comma, found '/'
(9101,46): run-time error CSS1046: Expect comma, found '0'
(9101,50): run-time error CSS1046: Expect comma, found '/'
(9106,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9110,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9157,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9158,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9165,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(9171,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(9225,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(9226,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(9235,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(9304,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-folder-inactive'
(9309,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-folder-hover'
(9317,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-heart-inactive'
(9322,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-heart-active'
(9326,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-heart-active'
(9334,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-email-inactive'
(9339,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-email-hover'
(9347,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-printer-inactive'
(9352,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-printer-hover'
(9360,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-notes-inactive'
(9365,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-notes-hover'
(9369,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(9388,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-revisions-inactive'
(9393,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-revisions-hover'
(9401,22): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-expand-inactive'
(9406,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-expand-hover'
(9410,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9411,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9414,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9424,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(9448,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-blue'
(9453,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9463,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(9469,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9485,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(9495,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9519,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9522,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(9533,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(9534,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9539,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(9543,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9544,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9547,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9556,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9557,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(9560,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9577,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9578,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(9582,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(9591,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(9600,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-pencil'
(9610,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-trash'
(9650,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9651,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9684,47): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(9688,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-announcement-blue'
(9729,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(9820,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(9821,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(9822,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9823,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9824,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9839,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red2'
(9854,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray19'
(9868,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray19'
(9949,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(9955,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(9988,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(9994,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(9995,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10001,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(10020,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(10031,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(10042,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(10054,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-folder-plus-active'
(10079,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(10097,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(10101,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(10120,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(10134,48): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10140,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10150,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10161,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10164,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(10174,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue6'
(10179,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue6'
(10184,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue6'
(10189,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(10199,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10240,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(10241,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10245,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(10246,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10251,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red2'
(10259,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-red2'
(10264,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(10265,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10300,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-disclosure-matrix'
(10308,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(10309,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10315,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10322,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10325,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10340,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray17'
(10341,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray17'
(10345,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray17'
(10349,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray17'
(10358,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10373,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10379,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(10380,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(10381,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10395,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-printer'
(10396,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-printer'
(10404,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(10405,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10406,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10407,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10412,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(10413,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10433,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray30'
(10438,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray30'
(10443,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray30'
(10462,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(10489,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(10490,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(10491,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10503,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10513,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-black'
(10514,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-black'
(10515,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10526,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-black'
(10527,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-black'
(10528,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10566,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10580,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10584,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10588,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(10591,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10592,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10646,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10647,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10654,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10658,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10677,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(10678,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(10683,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray30'
(10701,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(10702,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10705,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(10711,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(10717,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(10720,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10721,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10722,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10727,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(10734,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(10744,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(10764,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray25'
(10768,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(10781,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-chevron-right'
(10831,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-chevron-right'
(10871,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(10884,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(10903,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10916,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10921,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10927,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10933,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(10969,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(10974,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(10982,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(10983,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10989,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(10994,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(11002,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(11021,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(11029,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(11038,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray25'
(11061,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray25'
(11074,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray33'
(11078,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(11086,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray33'
(11092,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11097,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray33'
(11107,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(11108,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11109,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11123,29): run-time error CSS1030: Expected identifier, found '#dm-state-filters'
(11123,46): run-time error CSS1031: Expected selector, found ')'
(11123,46): run-time error CSS1025: Expected comma or open brace, found ')'
(11127,38): run-time error CSS1030: Expected identifier, found '#dm-state-filters'
(11127,55): run-time error CSS1031: Expected selector, found ')'
(11127,55): run-time error CSS1025: Expected comma or open brace, found ')'
(11142,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(11152,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11163,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11172,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11189,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11195,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11209,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(11210,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11216,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11222,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-grey4'
(11230,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-grey4'
(11238,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11251,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(11255,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(11256,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11257,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11264,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(11285,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-black'
(11319,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11336,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(11340,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11346,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(11347,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11348,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11371,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(11404,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11439,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(11440,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-export-matrix'
(11441,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(11452,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(11453,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(11462,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(11477,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-disclosure-matrix'
(11491,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11506,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(11510,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11515,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(11520,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11629,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-calendar'
(11630,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-calendar'
(11633,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray30'
(11652,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-default'
(11653,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-default'
(11656,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray11'
(11664,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(11668,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-up'
(11669,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-up'
(11673,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-down'
(11674,20): run-time error CSS1039: Token not allowed after unary operator: '-icon-sort-down'
(11683,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(11691,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(11692,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray24'
(11704,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11710,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11723,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(11787,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(11804,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11819,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(11846,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(11851,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(11876,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(11877,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(11988,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue4'
(12000,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(12007,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(12026,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12027,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12038,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12039,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12039,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(12039,99): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(12040,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12040,64): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12040,92): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(12050,37): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(12083,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(12159,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(12164,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-passwd-Icon-MEye'
(12171,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-passwd-Icon-MEyeOff'
(12193,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12194,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(12202,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(12203,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(12204,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12246,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12259,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black0'
(12262,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(12268,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(12273,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow1'
(12278,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(12291,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray32'
(12292,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray36'
(12297,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12317,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12331,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(12332,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12376,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray22'
(12428,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(12438,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(12444,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(12466,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(12476,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(12477,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight4'
(12479,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue9'
(12483,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize2'
(12489,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray41'
(12494,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray41'
(12499,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray41'
(12500,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(12504,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray41'
(12505,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(12509,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(12536,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12543,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(12563,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red4'
(12587,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(12593,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(12594,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(12600,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(12613,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray42'
(12623,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white8'
(12647,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red3'
(12664,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize4'
(12665,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight7'
(12669,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-home'
(12670,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-home'
(12673,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(12700,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-help'
(12705,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(12750,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-allregs-logo'
(12762,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(12799,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white7'
(12810,22): run-time error CSS1039: Token not allowed after unary operator: '-logo-text-blue-allregs'
(12844,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-help-subscription'
(12851,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black3'
(12941,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(12942,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(12954,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(12962,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray9'
(13026,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(13049,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13050,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13058,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13059,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13060,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13067,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13072,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13086,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(13092,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(13136,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(13165,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(13166,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13215,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13221,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray3'
(13231,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray3'
(13271,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(13288,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(13297,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(13301,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(13302,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13382,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13392,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13402,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13411,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13425,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13435,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13449,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13453,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(13458,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13463,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(13472,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(13494,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13545,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13557,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(13564,26): run-time error CSS1039: Token not allowed after unary operator: '-ask_regi_logo'
(13663,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13697,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13723,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13733,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13742,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13752,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13763,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(13773,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13783,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(13792,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(13796,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(13797,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13826,50): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(13826,70): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(13876,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13886,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13895,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13905,41): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray23'
(13920,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13934,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(13939,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(13944,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(13949,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(13958,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(14032,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14038,26): run-time error CSS1039: Token not allowed after unary operator: '-ask_regi_logo'
(14047,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-search-black'
(14057,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(14064,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(14079,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14085,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-down-blue'
(14093,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-arrow-up-blue'
(14106,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(14111,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(14119,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-circle'
(14121,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(14154,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14157,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14173,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14176,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14184,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(14188,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14190,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14211,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14237,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14241,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(14247,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14251,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(14257,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14260,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(14268,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14271,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(14281,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14288,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14295,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(14296,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14300,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(14301,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14353,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(14365,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-blue-checkmark'
(14395,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gold0'
(14416,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ao-toc-search'
(14446,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(14452,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray13'
(14457,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-recent-gray'
(14464,22): run-time error CSS1039: Token not allowed after unary operator: '-genai-icon-citations'
(14471,22): run-time error CSS1039: Token not allowed after unary operator: '-question-round-icon'
(14491,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14495,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14499,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14505,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14509,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(14520,46): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14520,66): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(14525,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14532,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14551,20): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(14560,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14568,46): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14568,66): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(14580,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14593,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14601,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14668,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(14696,22): run-time error CSS1039: Token not allowed after unary operator: '-genai-info-mark'
(14704,22): run-time error CSS1039: Token not allowed after unary operator: '-question-mark-yellow-mark'
(14711,22): run-time error CSS1039: Token not allowed after unary operator: '-question-mark-yellow-mark'
(14743,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(14747,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(14748,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(14822,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(14823,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(14826,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(14832,16): run-time error CSS1039: Token not allowed after unary operator: '-ice-aurora-blue-icon'
(14842,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(14889,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(14897,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(14910,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(14910,77): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(14944,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(14950,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-triangle-sort-right'
(14959,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-triangle-sort-right'
(14975,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(15025,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(15037,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(15038,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(15041,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(15045,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15057,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(15061,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(15079,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(15111,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(15120,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15127,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize6'
(15128,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight4'
(15130,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue9'
(15162,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-check-confirm'
(15179,31): run-time error CSS1039: Token not allowed after unary operator: '-ao-black0'
(15188,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(15199,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(15207,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15213,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15224,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(15225,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(15226,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15232,16): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-style-normal'
(15232,56): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-weight-bold'
(15232,98): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-family-roboto'
(15233,26): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-character-spacing-0'
(15240,28): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-color-707070'
(15250,16): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-style-normal'
(15250,56): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-weight-bold'
(15250,98): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-family-roboto'
(15251,26): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-character-spacing-0'
(15258,28): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-color-707070'
(15276,16): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-style-normal'
(15276,56): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-weight-normal'
(15276,100): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-font-family-roboto'
(15277,26): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-character-spacing-0'
(15278,17): run-time error CSS1039: Token not allowed after unary operator: '-red-white-bg'
(15297,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-allregs-logo'
(15327,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15349,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(15364,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15372,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray37'
(15377,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray37'
(15382,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray37'
(15386,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-red4'
(15395,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15400,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15423,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15435,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15445,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15466,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15478,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15521,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15533,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15541,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15550,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray38'
(15584,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-black7'
(15590,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray39'
(15598,47): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15621,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue13'
(15638,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15661,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15703,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-black7'
(15709,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue14'
(15710,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue14'
(15716,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15724,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray40'
(15742,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue12'
(15804,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(15805,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight4'
(15807,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue9'
(15812,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize2'
(15831,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(15832,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(15833,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15852,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(15853,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight4'
(15855,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue9'
(15896,33): run-time error CSS1039: Token not allowed after unary operator: '-ao-black6'
(15921,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(15922,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight4'
(15924,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue9'
(15953,33): run-time error CSS1039: Token not allowed after unary operator: '-ao-black6'
(15977,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(15985,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
 */
/*! jQuery UI - v1.12.1 - 2021-08-06
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
:root {
    /*START:COLOR Definitions*/
    --ao-blue1: #1E79C2;
    --ao-blue2: #005181;
    --ao-blue3: #166EB0;
    --ao-blue4: #218FE0;
    --ao-blue5: #2196F3;
    --ao-blue6: #80bdff;
    --ao-blue7: #0093c7;
    --ao-blue8: #1C75BC;
    --ao-blue9: #3E3E3E;
    --ao-blue10: #0070F0; /* active button */
    --ao-blue11: #00374C;
    --ao-blue12: #337ab7;
    --ao-blue13: #2080cd;
    --ao-blue14: #2080c3;
    --ao-gray1: #646667;
    --ao-gray2: #8B8D8E;
    --ao-gray3: #292828;
    --ao-gray4: #F5F5F5;
    --ao-gray5: #E5E3E3;
    --ao-gray6: #F7F7F7;
    --ao-gray7: #D6D5D5;
    --ao-gray8: #727577;
    --ao-gray9: #A29E9E;
    --ao-gray10: #908B8B;
    --ao-gray11: #A8A8A8;
    --ao-gray12: #A39696;
    --ao-gray13: #5F5C5C;
    --ao-gray14: #5A5858;
    --ao-gray15: #707070;
    --ao-gray16: #E3E0E0;
    --ao-gray17: #6A6868; /* specific to active sub-menu underline */
    --ao-gray18: #A7A5A5;
    --ao-gray19: #8E8B8B;
    --ao-gray20: #F4F4F4;
    --ao-gray21: #9B9898;
    --ao-gray22: #484747;
    --ao-gray23: #E3E2E2;
    --ao-gray24: #C6C5C5;
    --ao-gray25: #AAAAAA;
    --ao-gray27: #697280; /* disabled button text */
    --ao-gray28: #D8D8D8; /* disabled button */
    --ao-gray29: #C6C5C5;
    /* BEGIN: FC - Disclosure Matrix specific*/
    --ao-gray30: #6E6F6F;
    --ao-gray31: #C7C6C6;
    --ao-gray32: #656768;
    --ao-gray33: #808283;
    /* END: FC - Disclosure Matrix */
    --ao-gray34: #838080;
    --ao-gray35: #E6E2E2;
    --ao-gray36: #F0F0F0;
    --ao-gray37: #777777;
    --ao-gray38: #444444;
    --ao-gray39: #e5e5e5;
    --ao-gray40: #d5d5d5;
    /* Bootstrap validation control border color*/
    --ao-gray41: #ced4da;
    --ao-gray42: #E0e3e8;
    --ao-red1: #C64252;
    --ao-red2: #a94442;
    --ao-red3: #FF0000;
    --ao-red4: #d91322;
    --ao-black0: #000000;
    --ao-black1: #292828;
    --ao-black2: #363535;
    --ao-black3: #343536;
    --ao-black4: #0D0C0D;
    --ao-black5: #333232;
    --ao-black6: #1a1818; /* new icon guidelines */
    --ao-black7: #333333;
    --ao-white1: #FFFFFF;
    --ao-white2: #EDEDED;
    --ao-white3: #E8E8E8;
    --ao-white4: #F8F8F8;
    --ao-white5: #F5F4F4;
    --ao-white6: #FDFCFC;
    --ao-white7: #efefef;
    --ao-white8: #f9f9f9;
    --ao-green: #22B707;
    --ao-green1: #0B9636;
    --ao-green2: #008000;
    --ao-boxshadow1: #999999a3; /*rgba(153, 153, 163, 0.6)*/
    --ao-boxshadow2: #00000029; /*rgba(0, 0, 41, 0.1)*/
    --ao-gold0: #FFA700;
    /*END:COLOR Definitions*/
    /*START:FONT Definitions*/
    --ao-fontfamily: "Roboto", sans-serif !important;
    --ao-titlefontsize: 18px/20px;
    --ao-fontsize: 28px;
    --ao-fontsize2: 14px;
    --ao-fontsize3: 20px;
    --ao-fontsize4: 16px;
    --ao-fontsize5: 21px;
    --ao-fontsize6: 24px;
    --ao-fontsize7: 17px;
    --ao-lineheight1: 16px;
    --ao-lineheight2: 23px;
    --ao-lineheight3: 48px;
    --ao-lineheight4: 29px;
    --ao-lineheight5: 39px;
    --ao-lineheight6: 17px;
    --ao-lineheight7: 19px;
    /*END:FONT Definitions*/
    /*START:SVG Definitions*/
    --icon-logo-allregs-white: url("../assets/logo-allregs-white.svg");
    --icon-clock: url("../assets/icon-clock.svg");
    --icon-help: url("../assets/icon-help.svg");
    --icon-printer: url("../assets/icon-printer.svg");
    --icon-search: url("../assets/icon-search.svg");
    --icon-search-black: url("../assets/icon-search-black.svg");
    --icon-down-arrow: url("../assets/icon-down-arrow.svg");
    --icon-arrow-up-black: url("../assets/icon-arrow-up-black.svg");
    --icon-arrow-right-small-solid: url(../assets/icon-arrow-right-small-solid.svg);
    --icon-arrow-down-small-solid: url(../assets/icon-arrow-down-small-solid.svg);
    --icon-arrow-right-big-solid: url(../assets/icon-arrow-right-big-solid.svg);
    --icon-arrow-down-big-solid: url(../assets/icon-arrow-down-big-solid.svg);
    --toolbar-folder-inactive: url("../assets/toolbar-folder-inactive.svg");
    --toolbar-folder-hover: url("../assets/toolbar-folder-hover.svg");
    --toolbar-heart-inactive: url("../assets/toolbar-heart-inactive.svg");
    --toolbar-heart-active: url("../assets/toolbar-heart-active.svg");
    --icon-heart-small: url("../assets/icon-heart-small.svg");
    --icon-heart-red: url("../assets/icon-heart-red.svg");
    --icon-heart-gray: url("../assets/icon-heart-gray.svg");
    --icon-heart-blue: url("../assets/icon-heart-blue.svg");
    --toolbar-email-inactive: url("../assets/toolbar-email-inactive.svg");
    --toolbar-email-hover: url("../assets/toolbar-email-hover.svg");
    --toolbar-printer-inactive: url("../assets/toolbar-printer-inactive.svg");
    --toolbar-printer-hover: url("../assets/toolbar-printer-hover.svg");
    --toolbar-notes-inactive: url("../assets/toolbar-notes-inactive.svg");
    --toolbar-notes-hover: url("../assets/toolbar-notes-hover.svg");
    --toolbar-revisions-inactive: url("../assets/toolbar-revisions-inactive.svg");
    --toolbar-revisions-hover: url("../assets/toolbar-revisions-hover.svg");
    --toolbar-expand-inactive: url("../assets/toolbar-expand-inactive.svg");
    --toolbar-expand-hover: url("../assets/toolbar-expand-hover.svg");
    --icon-big-bar-gray: url("../assets/icon-big-bar-gray.svg");
    --icon-arrow-up-blue: url(../assets/icon-arrow-up-blue.svg);
    --toolbar-big-x: url("../assets/toolbar-big-x.svg");
    --icon-pencil: url("../assets/icon-pencil.svg");
    --icon-pencil-white: url("../assets/icon-pencil-white.svg");
    --icon-trash: url("../assets/icon-trash.svg");
    --icon-blue-pencil: url("../assets/Edit.svg");
    --icon-blue-trash: url("../assets/Remove.svg");
    --icon-announcement-blue: url("../assets/icon-announcement-blue.svg");
    --icon-updates-gray: url("../assets/icon-updates.svg");
    --icon-updates-blue: url("../assets/icon-updates-blue.svg");
    --icon-recent-gray: url("../assets/icon-recent-gray.svg");
    --icon-recent-blue: url("../assets/icon-recent-blue.svg");
    --icon-notes-gray: url("../assets/icon-notes-gray.svg");
    --icon-notes-blue: url("../assets/icon-notes-blue.svg");
    --icon-megaphone-gray: url("../assets/icon-megaphone-gray.svg");
    --icon-megaphone-blue: url("../assets/icon-megaphone-blue.svg");
    --shape-blue-dot: url("../assets/shape-blue-dot.svg");
    --icon-arrow-down-white: url("../assets/icon-arrow-down-white.svg");
    --icon-header-heart-red: url("../assets/header-heart-red.svg");
    --icon-arrow-down-blue: url("../assets/icon-arrow-down-blue.svg");
    --icon-arrow-down-black: url("../assets/icon-arrow-down-black.svg");
    --close-icon: url("../assets/close-icon.svg");
    --black-triangle-sort-right: url("../assets/icons8-sort-right-100.png");
    --grey-triangle-sort-right: url("../assets/grey-triangle-sort-right.png");
    --turn-off: url("../assets/turn-off.svg");
    --turn-on: url("../assets/turn-on.svg");
    --icon-folder-plus-active: url("../assets/icon-folder-plus-active.svg");
    --icon-folder-plus-inactive: url("../assets/icon-folder-plus-inactive.svg");
    --icon-folder-plus-hover: url("../assets/icon-folder-plus-hover.svg");
    --icon-folder-active: url("../assets/icon-folder-active.svg");
    --icon-folder-inactive: url("../assets/icon-folder-inactive.svg");
    --icon-folder-hover: url("../assets/icon-folder-hover.svg");
    --icon-disclosure-matrix: url("../assets/icon-disclosure-matrix.svg");
    --icon-check-confirm: url("../assets/icon-check-confirm.svg");
    /*END:SVG Definitions*/
    /* NEW SVGs */
    --logo-allregs: url("../assets/logo-blue-icon.svg");
    --logo-text-allregs: url("../assets/logo-white-text.svg");
    --logo-text-blue-allregs: url("../assets/logo-blue-text.svg");
    --icon-search: url("../assets/SEARCH.svg");
    --icon-help: url("../assets/HELP.svg");
    --icon-printer: url("../assets/PRINT.svg");
    --icon-chevron: url("../assets/CHEVRON.svg");
    --icon-chevron-right: url("../assets/TAB-TRIANGLE.svg");
    --icon-close-x: url("../assets/CLOSE-X.svg");
    --icon-close-circle: url("../assets/CLOSE-CIRCLE.svg");
    --icon-ddl-up-down-black: url("../assets/dropdown-up-down-black.svg");
    --icon-ddl-up-down-black2: url("./assets/dropdown-up-down-black.svg");
    --icon-arrow-right-blue: url("../assets/icon-arrow-right-blue.svg");
    --icon-arrow-down-blue2: url("../assets/icon-arrow-down-blue2.svg");
    --icon-blue-checkmark: url("../assets/blue-checkmark.svg");
    --icon-allregs-logo-name: url("../assets/icon-allregs-logo-name.svg");
    --icon-allregs-logo-search: url("../assets/icon-allregs-logo-search.svg");
    --icon-allregs-logo: url("../assets/icon-allregs-logo.svg");
    --icon-export-matrix: url("../assets/EXCEL_MATRIX.svg");
    --icon-calendar: url("../assets/icon-calendar.svg");
    --icon-pdf-document: url("../assets/icon-document-pdf.svg");
    --icon-html-document: url("../assets/icon-document-html.svg");
    --icon-doc: url("../assets/icon-doc.svg");
    --icon-sort-default: url("../assets/icon-sort-default.svg");
    --icon-sort-up: url("../assets/icon-sort-up.svg");
    --icon-sort-down: url("../assets/icon-sort-down.svg");
    --icon-add-group: url("../assets/icon-add-group.svg");
    --icon-user-group: url("../assets/icon-user-group.svg");
    --icon-add-user: url("../assets/icon-add-user.svg");
    --icon-user-small: url("../assets/icon-user-small.svg");
    --icon-user-large: url("../assets/icon-user-large.svg");
    --icon-organization-settings: url("../assets/organization-settings.svg");
    --icon-excel: url("../assets/icon-excel.svg");
    --icon-active-data: url("../assets/icon-active-data.svg");
    --icon-inactive-data: url("../assets/icon-inactive-data.svg");
    --icon-verified-data: url("../assets/icon-verified-data.svg");
    --icon-small-blue-checkmark: url("../assets/icon-blue-checkmark.svg");
    --icon-small-blue-line: url("../assets/icon-small-blue-line.svg");
    --icon-upload-file: url("../assets/icon-upload-file.svg");
    --icon-help-subscription: url('../assets/icon-m-help.svg');
    /* updated document type icons */
    --icon-document-html: url("../assets/icon-document-html-v2.svg");
    --icon-document-pdf: url("../assets/icon-document-pdf-v2.svg");
    --icon-document-xls: url("../assets/icon-document-xls.svg");
    --icon-document-ppt: url("../assets/icon-document-ppt.svg");
    --icon-document-word: url("../assets/icon-document-word.svg");
    --icon-home: url("../assets/icon-home-v2.svg");
    --icon-new-window: url("../assets/icon-new-window.svg");
    --icon-table-contents: url("../assets/icon-toc.svg");
    --icon-state-by-topic: url("../assets/state-by-topic.svg");
    --icon-topic-by-state: url("../assets/topic-by-state.svg");
    --icon-ao-toc-search: url("../assets/icon-ao-toc-search.svg");
    --icon-passwd-Icon-MEye: url("../assets/Icon-MEye.svg");
    --icon-passwd-Icon-MEyeOff: url("../assets/Icon-MEyeOff.svg");
    --icon-collapseall: url("../assets/Collapse-all.svg");
    --icon-expandall: url("../assets/Expand-all.svg");
    --logo-text-blue-allregs: url("../assets/logo-blue-text.svg");
    --gen-ai-icon: url("../assets/gen-ai-icon.png");
    --gen-ask-icon: url("../assets/gen-ask-icon.svg");
    --question-round-icon: url('../assets/question-round-icon.svg');
    --ask_regi_logo: url('../assets/ask_regi_logo.svg');
    --genai-icon-citations: url('../assets/gen-ai-citations.svg');
    --genai-info-mark: url('../assets/info_mark.svg');
    --question-mark-yellow-mark: url('../assets/info-question-mark-yellow-icon.svg');
    --ice-aurora-icon: url("../assets/ice-ai-exploration-lp-logo-2.svg");
    --ice-aurora-blue-icon: url("../assets/ice-aurora-blue-icon.png");
}


/** Book **/
/** 
	 Developer notes:
	 Marguee styles properties for the book element. 

	 [DONE]Also, the following CSS can be consolidated to the Marque stylesheet:
	 	div.Preview
**/

/** chapter for Arbortext2Omnimark, which has a body tag. The other transform pipelines do not.
body.book {
    **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/ /**
    width: 98%;
}**/


div.book {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 5px 20px 5px;
	width: 98%;
}


div.fnma-book {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 5px 5px 5px 5px;
	width: 98%;
}


/** Chapter **/
/** 
	 Developer notes:
	 Body and Marguee styles properties for the chapter element. 
	 
	 [DONE]Also, the following CSS can be consolidated to the Marque stylesheet:
	 	div.Preview-Top
	 	div.Marque
	 	div.Marque-FMSF
	 	div.Allregs-Marque
	 	div.Preview
**/

/** Chapter 
body.chapter-body {
    **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
    **/ /**
    width: 98%;
}**/


/** Chapter **/
div.chapter {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 5px 20px 5px;
	width: 98%;
}


/** FNMA Chapter **/
div.fnma-chapter {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 5px 5px 5px 5px;
	width: 98%;
}



/** Section **/
/** 
	 Developer notes:
	 Margue style properties for section elements.
	 
	 [DONE]Also, the following CSS can be consolidated to the Marque stylesheet:
	 	div.Preview-Top
	 	div.Marque
	 	div.Marque-FMSF
	 	div.Allregs-Marque
	 	div.Preview
**/

/** Section **/
/** Not sure if the body element will be in my purview. 
body.section-body {
     **/ /**
	Added the following to the .global-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .global-normal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
/** width: 98%; original changed on 10.18.2019 **/
/**
width: 100%;
}**/


/** Section **/
div.section {
	/**
	Added the following to the .global-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .global-normal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 5px 20px 5px;
	/** width: 98%; original changed on 10.18.2019  **/
	width: 98%;
}


/** Section **/
div.fnma-section {
	/**
	Added the following to the .global-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .global-normal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 5px 5px 5px 5px;
	/** width: 98%; original changed on 10.18.2019  11.13.2020 changed from 100% to 98%**/
	width: 98%;
}


/**
 ARDocs: style="margin:10px 5px 20px 5px; font-style:normal; font-weight:normal; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:14pt; width:98%%;"
 **/
/** SectionFNMF **/
div.fnmf-section {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .fnmf-normal class for the following style:
	font-size: 14pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	/** font-family: Verdana; Commented 11.19.2020 **/
	margin: 10px 5px 20px 5px;
	/** width: 98%; original changed on 10.23.2019  **/
	width: 98%;
}



/** NewSectionXOM Not being used for arDocs, cpDocs, or Arbortext2OmniMark.
SCDoc:   style="margin:10px 5px 20px 5px; font-style:normal; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
/**
	Added the following to the .global-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .global-normal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
div.section-new-xom {
	margin: 10px 5px 20px 5px;
	/** width: 98%; original changed on 10.18.2019 changed back on 11.18.2020 **/
	width: 98%;
}


/**
 SCDoc: style="margin: 0px 0px 6px 0px; font-size:11pt; font-weight:bold;"
 **/
/** subsect3-label **/
span.sect-chap-label {
	/**
	Added the following to the .global-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .global-title class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: bold; 
 
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 0px 0px 6px 0px;
}


/**SCDocs subsect3NewXOM which never had any style properties defined.**/
div.subsect3-new-xom {
}


/**SCDocs subsect2NewXOM which never had any style properties defined.**/
div.subsect2-new-xom {
}


/**SCDocs subsect1NewXOM which never had any style properties defined.**/
div.subsect1-new-xom {
}


/** Chapterinfo and Sectioninfo **/
/** 
	Developer notes:
	 
	
**/

/** chapterinfo 
	[DONE]!!!! DETERMINE WHAT IS THE Style properties!!!!!!!!

	Assigned the .globalNormal style property

div.chapterinfo {
	
}
**/


/** sectioninfo **/
div.sectioninfo {
	margin-bottom: 30px; /** 15px**/
}


/** Blockquote **/
/** 
	 Developer notes:
	 
	 Changed .blockquote to blockquoteDefault.
	 Added the .test to the class definition in pipeline.
**/

/** Blockquote **/
/** 
	Added the .test to all the class definitions for blockquote elements in pipeline.
**/

blockquote.blockquote-left {
	margin: 20px 0px 0px 0px;
	width: 98%;
}


/** Blockquote 
CP-FNMA:  style="margin:20px 0px 0px 24px; border:0px solid green; width:98%%;"
**/
blockquote.blockquote-indent {
	margin: 20px 0px 0px 24px;
	width: 98%;
}


/** Blockquote **/
/**
SCDoc:  style="margin-top:10px; margin-right:10%%; text-align:justify; width:88%%; border:0px solid orange;"
**/
blockquote.blockquote-justified {
	margin-top: 10px;
	margin-right: 10%;
	text-align: justify;
	width: 88%;
}


/*NEW FOR STATE COMPLIANCE AnC*/
blockquote.blockquote-anc {
	margin: 12px 0px 0px 0px;
	width: 98%;
	text-align: left;
}


/** Blockquote **/
blockquote.blockquote-default {
	margin: 20px 0px 0px 0px;
	width: 98%;
}


/** Blockquote FNMF**/
/**
	style="margin:20px 5px 0px 139px; border:0px solid green;"
	**/
blockquote.blockquote-fnmf {
	margin: 20px 5px 40px 139px;
	/**width: 90%;  Added on 11.06.2019. Removed on 11.18.2020 **/
}


/**
CP-FNMA: style="margin:10px 0px 0px 0px; border:0px solid green; width:98%%;"
**/
.blockquote {
	margin: 10px 0px 0px 0px;
	width: 98%;
}


/**
CP-FNMA:  style="margin:10px 0px 20px 0px; border:0px solid green; width:98%%;"
**/
.blockquote-fnma {
	margin: 30px 0px 20px 0px;
	width: 98%;
}

blockquote.blockquote-sc {
	/** 
SCDoc:  style="margin:10px 0px 20px 0px; border:0px solid green; width:98%%;"
**/
	margin: 20px 0px 0px 0px;
	width: 98%;
}

/**
SCDoc:  style="border:3px inset #595959; margin:10px 50px 20px 50px; background-color:#F2F2F2; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px;"
**/
blockquote.blockquote-notice {
	border: 3px inset #595959;
	margin: 10px 50px 20px 50px;
	background-color: #F2F2F2;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/** Title **/
/** 
	 Developer notes:
	 
	 Following is the default body properties for reference only. 
	 The body element does not appear inside a Title element. 
**/

/** Title **/
h5.inline-heading {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-decoration: underline;
	text-align: left;
	margin: 10px 0px 0px 0px;
}


/** Title **/
h5.title-special-bg {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	font-size: 11pt;
	font-style: italic;
	margin: 10px 0px 0px 0px;
	text-align: left;
	background-color: #D3D3D3;
	width: 100%;
}


/** Title **/
h5.title-inline {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: left;
	margin: 10px 0px 0px 0px;
	/** width: 100%; **/
}


/** Title **/
h5.title-inline-ardoc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	font-size: 11pt;
	text-align: left;
	margin: 10px 0px 0px 0px;
	width: 100%;
}


/** Title 
CP-FNMA:  style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; background-color:#D3D3D3; width:100%%;"
**/
h5.title-inline-bg {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	background-color: #D3D3D3;
	width: 100%;
}


/** Title **/
h5.title-inline-centered {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 10px 0px 0px 0px;
	text-align: center;
	background-color: #B0B0B0;
	border: 1px groove #2f4f4f;
	width: 100%;
}


/** Title **/
h5.title-special {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitleItalic class for the following style:
	font-size: 11pt; 
	font-style: italic; 
	font-weight: bold; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: left;
	margin: 10px 0px 0px 0px;
	width: 100%;
}


/** Title **/
h5.title-center {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 10px 0px 0px 0px;
	text-align: center;
	width: 100%;
}


/** Title **/
/** The following can be consolidated.**/
h5.title-default-a {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
}


/** output '<h5 id="title_%g(secid)" class="titleDefault-b globalFont defaultTitle test">%g(titleContent)</h5>' **/
h5.title-default-b {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
}

/** Title
CP-FNBMA:  style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; width:98%%; display:inline;"

SCDoc:     style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; width:100%%; display:inline;"
**/
h5.title-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .default-title class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
	font-size: 11pt;
	font-style: normal;
	/** changed 11.13.2020 width: 100%;**/
	width: 98%;
}


hr.hr-preview-top {
	color: #FF0000;
	height: 2px;
}


p.para-preview {
	color: #101ECE;
	font-weight: bold;
}


hr.hr-preview-bot {
	color: #f00;
	height: 2px;
}


/**
CP-FNMA:  style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; width:98%%; display:inline;"

SCDoc:    style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; width:100%%; display:inline;"
 **/
h5.title-with-date {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
}


h5.title-with-date-c {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitleItalic class for the following style:
	font-size: 11pt; 
	font-style: italic; 
	font-weight: normal; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
}


h5.title-with-date-d {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
}


/** Title for FNMF **/
h5.title-fnmf {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;

	Added the following to the .FNMFnormal class for the following style:
	font-size: 14pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	width: 100%;
	display: inline;
}


/** Title for FNMF **/
.bridgehead-fnmf {
	font-weight: bold;
}


/** Title for FNMF **/
.hr-fnmf {
	display: block;
	text-align: center;
	width: 100%;
}


h5.title-non-fnmf {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	font-size: 12pt;
	color: #000;
}


h5.title-fnmf-req {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	font-size: 12pt;
	color: #CC6633;
}


h5.title-fnmf-guid {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	font-size: 12pt;
	color: #006699;
}


h5.title-fnmf-opproc {
	/**
	Added the following to the .FNMFfont class for the following style:
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	**/
	margin: 10px 0px 0px 0px;
	text-align: left;
	font-size: 12pt;
	color: #339933;
}


/**
CP-FNMA: style="margin:10px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10pt; width:98%%; display:inline;"
**/
span.title-example {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultTitle class for the following style:
	display: inline;
	text-align: left; 
	margin: 10px 0px 0px 0px; 
	width: 100%; 
**/
}


/**
FNMA Subtitle
CP-FNMA:  style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; width:98%%;"
**/
.subtitle {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
        **/
	font-weight: bold;
	width: 98%;
}

/**
SCDoc:	style="margin:0px 0px 0px 0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
h5.title-left {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	
	Added the following to the .globalNormal class for the following styles:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .default-width class for the following style:
	width: 100%;

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
	text-align: left;
	margin: 0px;
}

/*NEW FOR STATE COMPLIANCE AnC Chapter and Section*/
span.title-anc {
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
}

/*NEW FOR STATE COMPLIANCE AnC*/
h5.title-anc-bq1 {
	font-size: 13pt;
	text-decoration: underline;
	margin-bottom: 1em;
}


/*NEW FOR STATE COMPLIANCE AnC*/
h5.title-anc-bq2 {
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
}


/*NEW FOR STATE COMPLIANCE AnC*/
h5.title-anc-bq3 {
	font-size: 11pt;
	font-style: italic;
	font-weight: bold;
	margin-bottom: .5em;
}

/*****************************************************************/
/** BEGIN TOOLTIP **/

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 3px double blue; /* If you want dots under the hoverable text */
}

	/* Tooltip text */
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 260px;
		background-color: #0072C6; /*black*/
		/*opacity: 0.95;*/
		color: #fff;
		font-style: normal;
		text-align: left;
		padding: 5px;
		border-radius: 10px;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 20;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
/** END TOOLTIP **/
/*****************************************************************/


/**
SCDoc:	style="margin:0px 0px 0px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; width:100%%;"
**/
h5.title-notice {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .default-width class for the following style:
	width: 100%;

	Added the following to the .test class for the following style:
	border: 0px solid red; 

**/
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	margin: 0px;
}


/** Itemizedlist **/
/** 
	 Developer notes:
	 Three of classes are wrapped in a DIV element with the class set to 
	 ul-wrapper where it contains the width property set to 100% and where 
	 all the others classes don't have the DIV element; rather, the width 
	 property is set within these class properties.
	 
	 There are two definition of ul-bullet.
	 Could consolidate the following" ul-diamond, ul-dash, ul-arrow, ul-check, ul-ast, ul-none, ul-special, ul-square.
	 
	 On 11/01/2018, changed the margin: 10px... to margin 6px  and margin-top (samething) in the entire file.
**/

/** Itemizedlist
	 Added .test class to the class definition in the pipeline.
 **/
div.ul-wrapper {
	width: 98%; /** Changed to 98% on 11.18.2020 **/
}


/** Wrapped in a DIV element with class set to ul-wrapper. 

ARDocs: style="list-style-type:disc; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

ARDocs: style="margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px #8989EE solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

ARDocs: style="margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px #8989EE solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

CP-FNMA: style="list-style-type:disc; margin:10px 0px 10px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"

SCDocs: style="list-style-type:disc; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
**/
ul.ul-bullet {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	/** list-style-type: disc;  commented out on 11.19.2019 cuz it was preventing circle and square markers from appearing.**/
	/**margin-top: 6px;  margin: 6px 0px 0px 16px; changed 05.40.2020 **/
	/**margin-bottom: 0px;  Added on 05.04.2020 **/
	/**margin-left: 16px;  margin: 6px 0px 0px 16px; changed 05.40.2020 **/
	margin: 10px 0px 10px 16px; /** Changed 11.18.2020 from argin: 6px 0px 6px 16px; to margin: 10px 0px 10px 16px;**/
	padding: 0px 0px 0px 0px;
}


/**
CP-FNMA: style="margin:10px 0px 10px 16px; padding:0px 0px 0px 0px; border:0px #8989EE solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-bullet-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	margin: 0px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}



/**
ARDocs:  style="list-style-type:disc; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
**/
.ul-bullet-fnmf-req {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	/** list-style-type:disc; **/
	/** margin-top: 6px; Commented out on 11.18.2020 **/
	/** margin-bottom: 0px; Commented out on 11.18.2020 **/
	/** margin-left: 16px; Commented out on 11.18.2020 **/
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	color: #CC6633;
}


.ul-bullet-fnmf-guid {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	list-style-type: disc;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	color: #006699;
}


.ul-bullet-fnmf-opproc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	list-style-type: disc;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	color: #339933;
}


/** Wrapped in a DIV element with class set to ul-wrapper. 

ARDocs: style="list-style-type:circle; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px blue solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

SCDocs:  style="list-style-type:circle; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px blue solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

CP-FNMA: style="list-style-type:circle; margin:10px 0px 10px 16px; padding:0px 0px 0px 0px; border:0px blue solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
 **/
ul.ul-obullet {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	list-style-type: circle;
	/**margin-top: 6px;  margin: 6px 0px 0px 16px; changed 05.04.2020**/
	/**margin-bottom: 6px;  Added 05.04.2020 to fix alignment**/
	/**margin-left: 16px;  margin: 6px 0px 0px 16px; changed 05.04.2020 **/
	margin: 10px 0px 10px 16px; /** Changed 11.18.2020 from argin: 6px 0px 6px 16px; to margin: 10px 0px 10px 16px;**/
	padding: 0px 0px 0px 0px;
}


/**
CP-FNMA: style="list-style-type:circle; margin:10px 0px 10px 16px; padding:0px 0px 0px 0px; border:0px blue solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
 **/
ul.ul-obullet-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	list-style-type: circle;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** Wrapped in a DIV element with class set to ul-wrapper. **/
ul.ul-obull {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	list-style-type: circle;
	/**margin-top: 6px;  margin: 6px 0px 0px 16px; changed 05.04.2020**/
	/**margin-bottom: 6px;  Added 05.04.2020 to fix alignment**/
	/**margin-left: 16px;  margin: 6px 0px 0px 16px; changed 05.04.2020 **/
	margin: 10px 0px 10px 16px; /** Changed 11.18.2020 from argin: 6px 0px 6px 16px; to margin: 10px 0px 10px 16px;**/
	padding: 0px 0px 0px 0px;
}


/** Used to be an image instead of the list-style-type. 

scdocs:  style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px green solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
ul.ul-diamond {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	list-style-type: none;
	/**margin: 10px 0px 0px 0px;**/
	/**padding: 0px 0px 0px 0px;**/
	margin-top: 6px; /** margin: 6px 0px 0px 16px; changed 05.04.2020**/
	margin-bottom: 0px; /** Added 05.04.2020 to fix alignment**/
	margin-left: -1.2em;
	width: 100%;
}


/** Used to be an image instead of the list-style-type. 
CP-FNMA: style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px green solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-diamond-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 32px;
	padding: 0px 0px 0px 0px;
	width: 98%;
	/**margin: 10px 0px 10px 16px; 11.16.2020 decreased left margin width **/
	/** width: 96%; 11.16.2020 increased width **/
}


/** Used to be an image instead of the list-style-type. 

ARDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;

SCDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
ul.ul-dash {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	list-style-type: none;
	/**margin: 10px 0px 0px 0px;**/
	/**padding: 0px 0px 0px 0px;**/
	margin-top: 10px; /** margin: 6px 0px 0px 16px; changed 05.04.2020 changed 11.18.2020 margin-top:6px;**/
	margin-bottom: 10px; /** Added 05.04.2020 to fix alignment **/
	margin-left: 2em; /** Changed to margin-left: -1.2em; on 2/2/21 **/
	margin-right: 0px;
	width: auto; /** changed from width: 100%; to auto to try and prevent overflow KPR 2/2/21 **/
}

/**
CP-FNMA: style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-dash-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** Used to be an image instead of the list-style-type. 

ARDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px black solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

SCDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px black solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
 **/
ul.ul-arrow {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px black solid; 
	**/
	list-style-type: none;
	/**margin: 10px 0px 0px 0px;**/
	/**padding: 0px 0px 0px 0px;**/
	margin-top: 6px; /** margin: 6px 0px 0px 16px; changed 05.04.2020**/
	margin-bottom: 6px; /** Added 05.04.2020 to fix alignment**/
	margin-left: -1.2em;
	width: 100%;
}


/** Used to be an image instead of the list-style-type. 

CP-FNMA: style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px black solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"

 **/
ul.ul-arrow-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px black solid; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** Used to be an image instead of the list-style-type. 

ARDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px gray solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

SCDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px gray solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
ul.ul-check {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px gray solid; 
	**/
	list-style-type: none;
	/**margin: 10px 0px 0px 0px;**/
	/**padding: 0px 0px 0px 0px;**/
	margin-top: 6px; /** margin: 6px 0px 0px 16px; changed 05.04.2020**/
	margin-bottom: 6px; /** Added 05.04.2020 to fix alignment**/
	margin-left: -1.2em;
	width: 100%;
}


/** Used to be an image instead of the list-style-type. 

CP-FNMA:  style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px gray solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-check-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px gray solid; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** Uses an image instead of the list-style-type. 

ARDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px yellow solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

SCDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px yellow solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
ul.ul-ast {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px yellow solid; 
	**/
	list-style-type: none;
	/**margin: 10px 0px 0px 0px;**/
	/**padding: 0px 0px 0px 0px;**/
	margin-top: 6px;
	margin-bottom: 0px; /** Added 05.04.2020 to fix alignment**/
	margin-left: -1.2em;
	width: 100%;
}


/** Uses an image instead of the list-style-type. 

CP-FNMA: style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px yellow solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-ast-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px yellow solid; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** 
ARDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px violet solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

SCDocs: style="list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px violet solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"
**/
ul.ul-none {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px violet solid; 
	**/
	list-style-type: none;
	/**margin-top: 6px;  margin: 6px 0px 0px 16px; changed 05.04.2020**/
	/**margin-bottom: 6px;  Added 05.04.2020 to fix alignment**/
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 98%; /** Change 11.18.2020 from 100% **/
}


/** 
CP-FNMA style="list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px violet solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
 **/
ul.ul-none-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px violet solid; 
	**/
	list-style-type: none;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** 
ARDocs: style="clear:both; position:relative; list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

SCDocs: style="clear:both; position:relative; list-style-type:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:100%%;"

CP-FNMA: style="clear:both; position:relative; list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-special {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	clear: both;
	position: relative;
	list-style-type: none;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/** 
CP-FNMA: style="clear:both; position:relative; list-style-type:none; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; border:0px #ff6622 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
**/
ul.ul-special-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	clear: both;
	position: relative;
	list-style-type: none;
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}


ul.ul-ad-hoc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px violet solid; 
	**/
	list-style-type: none;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/** Uses an image instead of the list-style-type. 

ARDocs: style="list-style-type:square; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
 **/
ul.ul-square-ardoc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px black solid; 
	**/
	list-style-type: square;
	margin-top: 6px; /** margin: 6px 0px 0px 16px; changed 05.04.2020**/
	margin-bottom: 6px; /** Added 05.04.2020 to fix alignment**/
	margin-left: 16px; /** margin: 6px 0px 0px 16px; changed 05.04.2020 **/
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/** Uses an image instead of the list-style-type. **/
ul.ul-square {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px black solid; 
	**/
	list-style-type: square;
	margin-top: 6px; /** margin: 6px 0px 0px 16px; changed 05.04.2020**/
	margin-bottom: 6px; /** Added 05.04.2020 to fix alignment**/
	margin-left: 16px; /** margin: 6px 0px 0px 16px; changed 05.04.2020 **/
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/** Uses an image instead of the list-style-type. **/
ul.ul-square-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px black solid; 
	**/
	list-style-type: square;
	margin: 6px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}


/** 
style="list-style-type:square; margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"

 style="margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px red solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
**/
.ul-square-fnmf-req {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	list-style-type: square;
	/** margin: 6px 0px 0px 16px; changed 11.18.2020 **/
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	border: 0px red solid;
	font-size: 10pt;
	color: #CC6633;
}


.ul-square-fnmf-guid {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	list-style-type: square;
	/** margin: 6px 0px 0px 16px; changed 11.18.2020 **/
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	color: #006699;
}


.ul-square-fnmf-opproc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	list-style-type: square;
	/** margin: 6px 0px 0px 16px; changed 11.18.2020 **/
	margin: 10px 0px 10px 16px;
	padding: 0px 0px 0px 0px;
	color: #339933;
}

.ul-dash-fnmf-req {
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 24px; /** Changed 11.19.2020 from -1.2em to 24px **/
	color: #CC6633;
}

.ul-dash-fnmf-guid {
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 24px; /** Changed 11.19.2020 from -1.2em to 24px **/
	color: #006699;
}

.ul-dash-fnmf-opproc {
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 24px; /** Changed 11.19.2020 from -1.2em to 24px **/
	color: #339933;
}



/** Wrapped in the DIV element (see above) with class set to ul-wrapper. 
	 Second sequencial instance in pipeline file. Changed the class name 
	 because in the pipeline (see above), the list-style-type: disc; is missing and the 
	 margin is not set to 10 for the margin top.
	 
SCDocs: style="margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px #8989EE solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
**/
ul.ul-bullet-table {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #8989EE solid; 
	**/
	/** margin-top: 6px; margin: 6px 0px 0px 16px; changed 05.04.2020**/
	/**margin-bottom: 6px;  Added 05.04.2020 to fix alignment**/
	/**margin-left: 16px;  margin: 6px 0px 0px 16px; changed 05.04.2020 **/
	margin: 10px 0px 10px 16px; /** Changed 11.18.2020 from argin: 6px 0px 6px 16px; to margin: 10px 0px 10px 16px;**/
	padding: 0px 0px 0px 0px;
}

/**
SCDocs: style="margin:10px 0px 0px 16px; padding:0px 0px 0px 0px; border:0px #8989EE solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;"
**/
ul.ul-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px brown solid; 
	**/
	margin: 10px 0px 10px 16px; /** Changed 11.18.2020 from argin: 6px 0px 6px 16px; to margin: 10px 0px 10px 16px;**/
	padding: 0px 0px 0px 0px;
	width: 98%;
}


/** Orderedlist **/
/** 
	 Developer notes:
	 The following CSS styles can be consolidated:
	 	div.orderedlist-containerIndent
	 	div.orderedlist-Default
**/

/**
ARDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"

SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"

CP-FNMA: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"
**/
div.ol-container-indent {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultOL class for the following style:
	margin: 10px 0px 0px 0px; 
	list-style: none; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	width: 100%;
}


/**
ARDocs:  style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"

SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"

CP-FNMA: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px; border:0px solid red; list-style:none; width:100%%;"
**/
div.ol-container-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultOL class for the following style:
	margin: 10px 0px 0px 0px; 
	list-style: none; 
	
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	width: auto%;
}


div.ol-indent {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 0px 0px 32px;
	list-style: none;
	width: auto%;
}


div.ol-indent2 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	margin: 10px 0px 0px 48px;
	list-style: none;
	width: auto%;
}



/** Listitem **/
/** 
	 Developer notes:
	 
	 The following classes can be consolidated:
	 	span.listitemOverride,
	 	span.listitem-left-indent, and
	 	span.listitemDefault.
	 	
	 	There are four orderedlist output statements each containing three parts (subclasses):
	 		div.orderedlistOverride,
	 		div.orderedlist-left-indent, 
	 		div.orderedlistTable, and
	 		div.orderedlistDefault.
	 		
	 	Changes to the output statements will need to be made specifically removing the style 
	 	properties in the output statements for variables: markerStyle and listitemStyle
	 	
	 	Note the width property is not allowed on span elements.
**/


/**
ARDocs: style="display:block; width:auto; margin:0px 0px 10px 0px; border:0px solid black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"

SCDocs: style="display:block; width:auto; margin:0px 0px 10px 0px; border:0px solid black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"

CP-FNMA: style="display:block; width:auto; margin:0px 0px 10px 16px; border:0px solid black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-override {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border:  0px solid black; 
	**/
	display: block;
	width: auto;
	margin-top: 6px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
}


/**
CP-FNMA: style="display:block; width:auto; margin:0px 0px 10px 16px; border:0px solid black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-override-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid black; 
	**/
	display: block;
	width: auto;
	margin: 0px 10px 6px 16px;
}


/** Was not able to use this CSS property due to the 
	generated width: %d(markwidth)px; property. It
	appears you can have a style attribute and a 
	class attribute on the same element. Following 
	is the output statement with the class="Marker-Override"
	removed. Appears in the OVERRIDE ATTRIBUTE SPECIFIED 
	section in the Arbortext2Omnimark transform pipeline.

         output '<li class="list-override">%n<span style="float:left; position:relative; width:%d(markwidth)px; display:inline; border:1px white solid;">%v(override)</span>%n<span class="content-override">%c</span></li>'
**/

/**
CP-FNMA: style="float:left; position:relative; width:%d(markwidth)px; display:inline; border:1px white solid;"

SCDocs: style="float:left; position:relative; width:%d(markwidth)px; display:inline; border:1px white solid;"
**/
span.marker-override {
	float: left;
	position: relative;
	/** width: %d(markwidth)px; **/
	display: inline;
	padding: 1px; /** Not sure if this will work with ARDocs since it wasn't specified **/
	border: 1px white solid;
}


/**
CP-FNMA: style="position:relative; width:auto; display:inline; border:0px blue solid;"

SCDocs: style="position:relative; width:auto; display:inline; border:0px blue solid;"
**/
span.content-override {
	/**
	
	Added the following to the .test class for the following style:
	border: 0px solid green; 
    **/
	position: relative;
	width: auto;
	display: inline;
}

/**
CP-FNMA: style="vertical-align:baseline; margin:0px 0px 6px 16px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"

SCDocs: style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-none {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	/**margin-top: 6px;  margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	margin: 6px 0px 6px 0px;
	padding-left: 24px;
}


/**
CP-FNMA: style="vertical-align:baseline; margin:0px 0px 6px 16px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-none-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 0px 10px 6px 16px;
	padding-left: 24px;
}
/**
SCDocs: style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; list-style-type:disc;"
**/
li.list-bullet-default1 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin-top: 6px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	padding-left: 8px;
	list-style-type: disc;
}


/**
CP-FNMA: style="vertical-align:baseline; margin:0px 0px 6px 16px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; list-style-type:disc;"
**/
li.list-bullet-default1-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 0px 10px 6px 16px;
	padding-left: 8px;
	list-style-type: disc;
}


/**
style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; list-style-type:disc;"
**/
li.list-bullet-fnmf-req {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 6px 0px 6px 0px; /** changed top to 6px 11.18.2020 **/
	padding-left: 8px;
	list-style-type: disc;
	color: #CC6633;
}


li.list-bullet-fnmf-guid {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 6px 0px 6px 0px;
	padding-left: 8px;
	list-style-type: disc;
	color: #006699;
}


li.list-bullet-fnmf-opproc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 6px 0px 6px 0px;
	padding-left: 8px;
	list-style-type: disc;
	color: #339933;
}

/**
SCDocs: style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:8px; list-style-type:circle; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-obullet {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin-top: 6px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	padding-left: 8px;
	list-style-type: circle; /**Added for CPX transform pipeline rework.**/
}


/**
CP-FNMA: style="vertical-align:baseline; margin:0px 0px 6px 16px; padding-left:8px; list-style-type:circle; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-obullet-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 0px 10px 6px 16px;
	padding-left: 8px;
	list-style-type: circle; /**Added for CPX transform pipeline rework.**/
}

/** Legacy properties
SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/dash.gif); background-repeat:no-repeat; background-position:0px 8px; background:url(img/dash.gif) no-repeat left 9px; margin:0px 0px 6px 0px; padding-left:24px; border:0px #ff6622 solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
 **/
li.list-dash {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	vertical-align: top;
	list-style: none;
	background-image: url(../img/dash.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	background: url(../img/dash.gif) no-repeat left 9px;
	margin-top: 6px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	padding-left: 24px;
}


/***
CP-FNMA: style="vertical-align:top; list-style:none; background-image:url(img/dash.gif); background-repeat:no-repeat; background-position:0px 8px; background:url(img/dash.gif) no-repeat left 9px; margin:0px 0px 6px 16px; padding-left:24px; border:0px #ff6622 solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-dash-fnma::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	content: "\2013";
	/** position: absolute; Didn;t work 11.13.2020 Replace with padding-right.**/
	padding-right: 16px;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	/** margin-left: -1.8em; 11.16.2020 Replaced with the following **/
	margin-left: -24px;
}


/***
CP-FNMA: style="vertical-align:top; list-style:none; background-image:url(img/dash.gif); background-repeat:no-repeat; background-position:0px 8px; background:url(img/dash.gif) no-repeat left 9px; margin:0px 0px 6px 16px; padding-left:24px; border:0px #ff6622 solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-dash-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px #ff6622 solid; 
	**/
	margin: 6px 10px 6px 24px;
	padding-left: 8px;
	vertical-align: middle;
}


/***
<style>li.list-dash1:before{ content: "\2013\00a0\00a0";} li.list-dash1{list-style: none; text-indent: -1.4em; padding-left: 1.3em; margin:0px 0px 6px 0px;}</style>
**/
li.list-dash-fnmf-req::before {
	content: '\2013';
	/**position: absolute; Commented out 11.18.2020 didn't work **/
	/**list-style: none; Commented out 11.18.2020 not needed **/
	/**margin-left: -1.8em; Commented out 11.18.2020 didn't work **/
	margin: 6px 0px 6px -24px;
	padding-right: 16px;
	color: #CC6633;
}


li.list-dash-fnmf-req {
	margin-top: 6px;
}


/***
<style>li.list-dash1:before{ content: "\2013\00a0\00a0";} li.list-dash1{list-style: none; text-indent: -1.4em; padding-left: 1.3em; margin:0px 0px 6px 0px;}</style>
**/
li.list-dash-fnmf-guid::before {
	content: '\2013';
	/**position: absolute; Commented out 11.18.2020 didn't work **/
	/**list-style: none; Commented out 11.18.2020 not needed **/
	/**margin-left: -1.8em; Commented out 11.18.2020 didn't work **/
	margin: 6px 0px 6px -24px;
	padding-right: 16px;
	color: #006699;
}


li.list-dash-fnmf-guid {
	margin-top: 6px;
}


/***
<style>li.list-dash1:before{ content: "\2013\00a0\00a0";} li.list-dash1{list-style: none; text-indent: -1.4em; padding-left: 1.3em; margin:0px 0px 6px 0px;}</style>
**/
li.list-dash-fnmf-opproc::before {
	content: '\2013';
	/**position: absolute; Commented out 11.18.2020 didn't work **/
	/**list-style: none; Commented out 11.18.2020 not needed **/
	/**margin-left: -1.8em; Commented out 11.18.2020 didn't work **/
	margin: 6px 0px 6px -24px;
	padding-right: 16px;
	color: #339933;
}


li.list-dash-fnmf-opproc {
	margin-top: 6px;
}


/***
<style>li.list-dash2:before{ content: "\2013\00a0\00a0";} li.list-dash2{list-style: none; text-indent: -1.4em; padding-left: 1.3em; margin:0px 0px 6px 0px;}</style>
ORINGINAL THAT DID NOT WORK WHEN TEXT WRAPPED!!!!
li.list-dashDefault::before {
	content: "\2013\00a0\00a0\00a0";
	list-style: none; 
	text-indent: -10.4em;
	padding-left: .4em; 
	margin: 0px 0px 6px 0px;
	border: 1px red solid
}
**/
li.list-dash-default::before {
	content: '\2013';
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	/** position: absolute; Didn;t work 11.13.2020 Replace with padding-right.**/
	padding-right: 16px;
	margin-left: -1.8em;
	margin-bottom: 6px;
}


/**
SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/dash.gif); background-repeat:no-repeat; background-position:0px 8px; background:url(img/dash.gif) no-repeat left 9px; margin:0px 0px 6px 0px; padding-left:24px; border:0px #ff6622 solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-dash-default {
	margin-top: 6px; /** margin-bottom: 6px; changed 05.04.2020 **/
}


/***
 ARDocs: style="vertical-align:top; list-style:none; background-image:url(img/diamond.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/diamond.gif) no-repeat left 4px; margin:0px 0px 6px 0px; padding-left:24px; border:0px green solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
 
 SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/diamond.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/diamond.gif) no-repeat left 4px; margin:0px 0px 6px 0px; padding-left:24px; border:0px green solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
 **/
li.list-diamond::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	/**
	vertical-align: baseline; 
	list-style: none; 
	background-image: url(../img/diamond.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .2em; 
	background: url(../img/diamond.gif) no-repeat left 0px; /** Issue with CPDocs where ARDocs requires 4px **/
	/**
	margin: 0px 0px 6px 0px; 
	padding-left: 24px;
	**/
	/** THIS DID NOT WORK BECASUE THE TEXT DID NOT WRAPPED!!!!!
	content: "\25C7\00a0\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 2px;
	**/
	/**content: '\25C7'; Replaced with better looking hex WHITE DIAMOND SUIT**/
	content: '\2662';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
	margin-bottom: 6px;
}


li.list-diamond {
	margin-top: 6px; /** margin-bottom: 6px; changed 05.04.2020 **/
}


/***
CP-FNMA: style="vertical-align:top; list-style:none; background-image:url(img/diamond.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/diamond.gif) no-repeat left 0px; margin:0px 0px 6px 16px; padding-left:24px; border:0px green solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-diamond-fnma::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	/**
	vertical-align: baseline; 
	list-style: none; 
	background-image: url(../img/diamond.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .2em; 
	background: url(../img/diamond.gif) no-repeat left 0px; /** Issue with CPDocs where ARDocs requires 4px **/
	/**
	margin: 0px 0px 6px 0px; 
	padding-left: 24px;
	**/
	/** THIS DID NOT WORK BECASUE THE TEXT DID NOT WRAPPED!!!!!
	content: "\25C7\00a0\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 2px;
	**/
	/**content: '\25C7'; Replaced with better looking hex WHITE DIAMOND SUIT**/
	content: '\2662';
	padding-right: 16px;
	margin-left: -25px; /**11.16.2020 Changed to -25px. **/
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	/** position: absolute; Remove 11.16.2020 didn't work. **/
}


/**
CP-FNMA: style="vertical-align:top; list-style:none; background-image:url(img/diamond.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/diamond.gif) no-repeat left 0px; margin:0px 0px 6px 16px; padding-left:24px; border:0px green solid; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-diamond-fnma {
	margin: 6px 10px 6px 0px;
	/** margin: 0px 10px 6px 16px; 11.16.2020 Decreased left margin width **/
	padding-left: 8px;
	vertical-align: top;
}


/**
SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/checkmark.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/checkmark.gif) no-repeat left 2px; margin:0px 0px 6px 0px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-check::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/checkmark.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .2em; 
	background: url(../img/checkmark.gif) no-repeat left 2px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**THIS DID NOT WORK BECAUSE THE TEXT DID NOT WRAP CORRECTLY!!!!
	content: "\2714\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2714';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
	margin-bottom: 6px; /** Added 05.04.2020 **/
}


li.list-check {
	margin-top: 6px; /** margin-bottom: 6px; changed 05.04.2020 **/
}


/**
 CP-FMDocs:	style="vertical-align:top; list-style:none; background-image:url(img/checkmark.gif); background-repeat:no-repeat; background-position:0px .2em; background:url(img/checkmark.gif) no-repeat left 2px; margin:0px 0px 6px 16px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"**/
li.list-check-fnma::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/checkmark.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .2em; 
	background: url(../img/checkmark.gif) no-repeat left 2px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**THIS DID NOT WORK BECAUSE THE TEXT DID NOT WRAP CORRECTLY!!!!
	content: "\2714\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2714';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
}


li.list-check-fnma {
	/**margin-bottom: 6px;**/
	margin: 0px 10px 6px 16px;
	padding-left: 8px;
	vertical-align: top;
}


/**
SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/right-arrow.gif); background-repeat:no-repeat; background-position:0px .5em; background:url(img/right-arrow.gif) no-repeat left 2px; margin:0px 0px 6px 0px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-arrow::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/right-arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .5em; 
	background: url(../img/right-arrow.gif) no-repeat left 2px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**
	content: "\2192\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2192';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
	margin-bottom: 6px; /** Added 05.04.2020 **/
}


li.list-arrow {
	margin-top: 6px; /** margin-bottom: 6px; changed 05.04.2020 **/
}


li.list-arrow-fnma::before {
	/**
	CP-FMDocs: style="vertical-align:top; list-style:none; background-image:url(img/right-arrow.gif); background-repeat:no-repeat; background-position:0px .5em; background:url(img/right-arrow.gif) no-repeat left 2px; margin:0px 0px 6px 16px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
	
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/right-arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .5em; 
	background: url(../img/right-arrow.gif) no-repeat left 2px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**
	content: "\2192\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2192';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
}


li.list-arrow-fnma {
	/** margin-bottom: 6px; **/
	margin: 0px 10px 6px 16px;
	padding-left: 8px;
	vertical-align: top;
}


/**
SCDocs: style="vertical-align:top; list-style:none; background-image:url(img/asterick.gif); background-repeat:no-repeat; background-position:0px .6em; background:url(img/asterick.gif) no-repeat left 6px; margin:0px 0px 6px 0px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
li.list-ast::before {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/asterick.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/asterick.gif) no-repeat left 6px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**
	content: "\2733\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2733';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
	margin-bottom: 6px; /** Added 05.04.2020 **/
}


li.list-ast {
	margin-top: 6px; /** margin-bottom: 6px; changed 05.04.2020 **/
}


li.list-ast-fnma::before {
	/**
	CP-FMDocs: style="vertical-align:top; list-style:none; background-image:url(img/asterick.gif); background-repeat:no-repeat; background-position:0px .6em; background:url(img/asterick.gif) no-repeat left 6px; margin:0px 0px 6px 16px; padding-left:24px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
	
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/**
	vertical-align: top; 
	list-style: none; 
	background-image: url(../img/asterick.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/asterick.gif) no-repeat left 6px; 
	margin: 0px 0px 6px 0px; 
	padding-left: 24px; 
	**/
	/**
	content: "\2733\00a0\00a0";
	list-style: none; 
	margin: 0px 0px 6px 1px;
	**/
	content: '\2733';
	position: absolute;
	/**margin-left: -1.6em; Increased negative left indent to align better with other bullet types.**/
	margin-left: -1.8em;
}


li.list-ast-fnma {
	/** margin-bottom: 6px; **/
	margin: 0px 10px 6px 16px;
	padding-left: 8px;
	vertical-align: top;
}


li.list-square {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: bottom;
	list-style: none;
	background-image: url(../img/square.gif);
	background-repeat: no-repeat;
	background-position: 0px .6em;
	background: url(../img/square.gif) no-repeat left 3px;
	margin-bottom: 6px; /** 	margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	padding-left: 24px;
}


li.list-square-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	list-style: none; 
	padding-left: 24px;
	background-image: url(../img/square.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/square.gif) no-repeat left 3px; 
	**/
	vertical-align: baseline;
	/** list-style-type: square; **/
	padding-left: 8px;
	margin-bottom: 6px; /** 	margin: 0px 0px 6px 0px; changed 05.04.2020 **/
}


li.list-square-default-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	list-style: none; 
	padding-left: 24px;
	background-image: url(../img/square.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/square.gif) no-repeat left 3px; 
	**/
	vertical-align: baseline;
	list-style-type: square;
	padding-left: 4px;
	margin-bottom: 6px;
	margin-left: 20px;
}


/**
style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; list-style-type:square;"
**/
li.list-square-fnmf-req {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	list-style: none; 
	padding-left: 24px;
	background-image: url(../img/square.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/square.gif) no-repeat left 3px; 
	**/
	vertical-align: baseline;
	list-style-type: square;
	padding-left: 8px;
	margin: 0px 0px 6px 0px;
	color: #CC6633;
}


li.list-square-fnmf-guid {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	list-style: none; 
	padding-left: 24px;
	background-image: url(../img/square.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/square.gif) no-repeat left 3px; 
	**/
	vertical-align: baseline;
	list-style-type: square;
	padding-left: 8px;
	margin: 0px 0px 6px 0px;
	color: #006699;
}


li.list-square-fnmf-opproc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	list-style: none; 
	padding-left: 24px;
	background-image: url(../img/square.gif); 
	background-repeat: no-repeat; 
	background-position: 0px .6em; 
	background: url(../img/square.gif) no-repeat left 3px; 
	**/
	vertical-align: baseline;
	list-style-type: square;
	padding-left: 8px;
	margin: 0px 0px 6px 0px;
	color: #339933;
}


/**
SCDocs: style="valign:baseline; margin:0px 0px 6px 0px; padding-left:8px; list-style-type:disc; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/

/** The valign is not a property. Need to test this! Removed!**/
li.list-bullet-default2 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin-top: 6px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
	padding-left: 8px;
	list-style-type: disc;
}


/** The valign is not a property. Need to test this! Removed!**/
li.list-bullet-default2-fnma {
	/**
	CP-FMDocs: style="valign:baseline; margin:0px 0px 6px 16px; padding-left:8px; list-style-type:disc; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
	
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 0px 0px 6px 0px;
	padding-left: 8px;
	list-style-type: disc;
}

/**
SCDocs: style="vertical-align:baseline; margin:0px 0px 6px 0px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"
**/
/** The valign is not a property. Need to test this! Removed!**/
li.list-bullet-default3 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	padding-left: 8px;
	margin: 6px 10px 6px 0px; /** margin: 0px 0px 6px 0px; changed 05.04.2020 **/
}


li.list-bullet-default3-fnma {
	/**
	CP-FMDocs: style="vertical-align:baseline; margin:0px 0px 6px 16px; padding-left:8px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt;"

	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	vertical-align: baseline;
	margin: 6px 10px 6px 16px;
	padding-left: 8px;
}


/* -###- */

/** For Override (Marker3). 
 arDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 6px 0px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"
 **/
div.ol-override {
	/**
	CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 16px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"
	
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px blue solid; 
	**/
	margin: 6px 0px 6px 0px;
	list-style-type: none;
	padding: 0px;
	width: 100%; /**width: auto; width: 100%; Replaced on 11.18.2019 with better results **/
	border: 0px blue solid;
}


/** For Override (Marker3). 
 arDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 6px 0px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"
 **/
div.ol-override-fnma {
	/**
	CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 16px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"
	
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px blue solid; 
	**/
	margin: 6px 0px 6px 16px;
	list-style-type: none;
	padding: 0px;
	width: auto; /**Replaced on 12.23.2019 with better results width: 98%; **/
}


/** For Override and was defined as set markerStyle to statement (Marker3). **/
span.marker3 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type: none; **/
	/**width: %d(markwidth)px; **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/** For Override and was defined as set listitemStyle to statement (Marker3). 
arDocs: font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:-moz-inline-box; display:inline-block; border:0px solid green; margin:0px; vertical-align:top; list-style: none; width:%d(linewidth)%%; zoom:1.0;

SCDocs:font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:-moz-inline-block; display:inline-block; border:0px solid green; margin:0px; vertical-align:top; list-style: none; width:92%%; zoom:1.0;' ;line-height:auto; 
**/
span.listitem-override {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type: none;**/
	border: 0px solid red;
	width: 82%;
	word-wrap: break-word;
	/** width: 85%;  Comment out 05.07.2020 **/
	/** width: auto; Tried on 11.18.2019.**/
	/** width: 92%;  Comment out 10.18.2019  works with ARDocs as commented out**/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}

/**
SCDocs:font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:-moz-inline-block; display:inline-block; border:0px solid green; margin:0px; vertical-align:top; list-style: none; width:92%%; zoom:1.0;' ;line-height:auto; 
**/
span.listitem-override-sc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	list-style-type: none;
	width: 92%; /**Comment out 10.18.2019  works with ARDocs as commented out**/
	/** width: auto; Tried on 11.18.2019.**/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/* -###- */

/** For left-indent (Marker2).
arDocs:	 style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 12px 0px; position:relative; left: -8; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"**/
div.ol-left-indent {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	 border: 0px solid blue; 
	**/
	margin: 6px 0px 6px 0px; /**  margin: 10px 0px 12px 0px;  changed 05.04.2020**/
	position: relative;
	/** left: -8px; Commented on didn't play well with marker2 for Arbortext2OmniMark! 5/2/2020**/
	padding: 0px;
	width: 100%; /** **/
}


/** listitem left indent **/
span.inlist-left-indent {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	position: relative;
	display: block;
	margin: 0px 0px 6px 0px;
	width: auto;
}


/** For left-indent and was defined as set markerStyle to statement. **/
span.marker2 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type: none;**/
	width: 42px; /**  Commented out 11.13.219 however 05.2.2020 found 28 looks great! Wrong 05/113/2020 doesn't look good for big numbers. changed width: 28px;**/
	/** display: -moz-inline-box;  Comment out 10.18.2019 **/
	/** zoom: 1.0;  Commented out 10.18.2019 **/
	border: 0px dashed blue;
}


/** For left-indent and was defined as set listitemStyle to statement. **/
span.listitem-left-indent {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid green; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type: none; **/
	width: 92%; /** 92% Originally**/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/* -###- */

/** In a table (Marker4). **/
div.ol-table {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px yellow solid; 
	**/
	margin-top: 6px; /** margin: 10px 0px 0px 0px; changed 05.04.2020**/
	list-style-type: none;
	padding: 0px;
	width: auto;
	/** width: 100%; Commented on 11.18.2019 for better results.**/
}


/** In a table (Marker4). 
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 16px; list-style-type:none; border:0px yellow solid; padding:0px; width:98%%;"
**/
div.ol-table-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px yellow solid; 
	**/
	margin: 10px 0px 0px 16px;
	/**list-style-type: none; **/
	padding: 0px;
	/** width: 100%; Commented on 11.18.2019 for better results.**/
}


/** In a table and was defined as set markerStyle to statement. **/
span.marker4 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid pink; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	/** margin: 0px; Removed 05.04.2020 due to alignment issues. see ol-table property **/
	vertical-align: top;
	/**list-style-type: none; **/
	width: 25px;
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/** In a table and was defined as set markerStyle to statement. 
CP-FMDocs: set markerStyle to 'font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:-moz-inline-box; display:inline-block; margin:0px; border:0px solid pink; vertical-align:top; list-style:none; width:35px; zoom:1.0;'
**/
span.marker4-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid pink; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type: none; **/
	width: 25px; /** 35px **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/** In a table and was defined as set listitemStyle to statement. **/
span.listitem-table {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid brown; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/**list-style-type:  none; **/
	width: 90%;
	/** width: 92%; Didn't degrade very well **/
	/** width: 85%; Comment out 10.18.2019; then uncommented out because text was not wrapping. **/
	/** width: auto; **/ /** width: 85%; Comment out 10.18.2019; then uncommented out because text was not wrapping. **/
	/** width: 85%; Comment out 10.18.2019 **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
	/** border: 1px solid red; **/
}


/** In a table and was defined as set listitemStyle to statement. 
CP-FMDocs: set listitemStyle to 'font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:-moz-inline-block; display:inline-block; border:0px solid brown; margin:0px; vertical-align:top; list-style: none; width:90%%; zoom:1.0;'
**/
span.listitem-table-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid brown; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/** list-style-type:  none;**/
	/** width: 90%; Comment out 11.18.2019 **/
	/** width: 85%; Comment out 10.18.2019 **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/* -###- */

/** Default listitem (Marker1). 
arDocs:	 style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 6px 0px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"
**/
div.ol-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px blue solid; 
	**/
	margin: 10px 0px 10px 0px; /** margin: 6px 0px 6px 0px; changed 05.04.2020 changed 11.18.2020 from margin-top: 6px **/
	list-style-type: none;
	padding: 0px;
	width: 98%; /** Changed on 11.18.2020 to 98% **/
}

div.li-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px blue solid; 
	**/
	margin: 6px 0px 6px 0px;
	padding: 0px;
	width: 98%; /** Changed on 11.18.2020 to 98% **/
}

/** Default listitem (Marker1). 
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 16px; list-style-type:none; border:0px blue solid; padding:0px; width:100%%;"

**/
div.ol-default-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px blue solid; 
	**/
	margin: 10px 0px 0px 16px;
	list-style-type: none;
	padding: 0px;
	width: 100%;
}


/** Default listitem and was defined as set markerStyle to statement. **/
span.marker1 {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/** list-style-type: none; **/
	width: 28px; /** Originally 35px then tested 25px but what too small for big numbers. Changed 11.19.2019 to 28px. **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}


/** Default listitem and was defined as set listitemStyle to statement. **/
span.listitem-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid orange; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/** list-style-type:  none;**/
	width: 92%; /** Put back in on 11.06.2019 **/
	/** width: 92%; Comment out 10.18.2019 **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}

/** Default listitem and was defined as set listitemStyle to statement. **/
span.listitem-default-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid orange; 
	**/
	/** display: -moz-inline-box; Comment out 10.18.2019 **/
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	/** list-style-type:  none;**/
	width: 92%; /** Put back in on 11.06.2019 **/
	/** width: 92%; Comment out 10.18.2019 **/
	/** zoom: 1.0; Comment out 10.18.2019 **/
}



/** FNMA SG/SVR listitem and was defined as set listitemStyle to statement. **/
dl.glosslist {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid orange; 
	**/
	margin-top: 20px;
	margin-bottom: 10px;
}
/* -###- */
dt.glossterm {
	margin-top: 20px;
}

dd.glossdef {
	margin-top: 2px;
}


/** FNMA SG/SVR listitem and was defined as set listitemStyle to statement. **/
dt.glosstem-revisionflag {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid orange; 
	**/
	background-color: yellow;
}
/* -###- */


/** FNMA SG/SVR listitem and was defined as set listitemStyle to statement. **/
dd.glossdef-revisionflag {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid orange; 
	**/
	background-color: yellow;
}
/* -###- */


/** Para **/
/** 
	 Developer notes:
	 
	 Will need to rework the class inListOverride2b to output only the margin.
	 
**/


/** Para 
CP-FMDocs: style="display:block; margin:10px 0px 0px 0px;
SCDocs: style="display:block; margin:10px 0px 0px 0px;"
**/
.para-inlist-intable {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	display: block;
	margin: 6px 0px 0px 0px;
	border: 0px dashed yellow;
	width: auto;
}


/** Para 
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px;"

SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px;"
**/
p.revhistory-para {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 10px 0px 0px 0px;
}


/** Para 
CP-FMDocs: style="width:280px; margin:10px 5px 0px 0px; float:left; text-align:left; border:0px solid green"

SCDocs: style="width:280px; margin:10px 5px 0px 0px; float:left; text-align:left; border:0px solid green" 
**/
div.columns {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	float: left;
	text-align: left;
	margin: 10px 5px 0px 0px;
	width: 280px;
}


/** Para **/
/** Need to fix or atleast test to see if both inline and CSS can be used.
ARDoc:  style="position:relative; width:auto; display:block; margin:10px 0px 0px %d(overrideWidth)px; border:0px green solid;"

CP-FMDocs: style="position:relative; width:auto; display:block; margin:10px 0px 0px %d(overrideWidth)px; border:0px green solid;"

SCDocs: style="position:relative; width:auto; display:block; margin:10px 0px 0px %d(overrideWidth)px; border:0px green solid;"
**/
span.inlist-override2b {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	position: relative;
	display: block;
	/**margin: 10px 0px 0px %d(overrideWidth)px;**/
	width: auto;
	border: 0px green solid;
}


/** Para 
CP-FMDocs: style="display:block; margin:10px 0px 0px 0px;

SCDocs: style="display:block; margin:10px 0px 0px 0px;"
**/
span.in-ol-listitem {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	display: block;
	margin: 6px 0px 0px 0px;
}


/** Para 
CP-FMDocs: style="display:block; margin:10px 0px 0px 0px;"
SCDocs: style="display:block; margin:10px 0px 0px 0px;"
**/
span.inlist-item {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	display: block;
	margin: 6px 0px 0px 0px;
}


/** Para **/
/**
SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; width:98%%"
**/
p.in-important {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 0px 0px 0px 0px;
	/* width: 98%; */
}


/** Para 
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px; width:98%%"

SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 0px; width:98%%"
**/
p.para-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 10px 0px 10px 0px;
	/* changed 11.13.2020 width: 98%; */
	width: 98%;
}

/** para 
CPDocs:  for Annie Mac
**/
p.indent-para {
	margin: 10px 0px 10px 32px;
	width: 98%;
}


/**
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 10px 16px; width:80%%;"
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
p.note-para-inlist-fnma {
	margin: 10px 0px 10px 16px;
	width: 80%;
}


/**
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:10px 0px 0px 16px; width:80%%"
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
p.note-para-fnma {
	margin: 10px 0px 10px 16px;
	width: 80%;
}


/**
CP-FMDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; margin:0px 0px 0px 0px; width:98%%"
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
**/
p.first-para-intable-cell-fnma {
	margin: 0px 0px 0px 0px;
	width: 98%;
}



/** Informaltable and Table **/
/** 
	Developer notes:
	 
	The following variables will need to be resolved first before creating 
	CSS properties:
		•	tableInList (has three values: 98, 100, and 103 where default is 98)
		•	tableLayout	(has two values: "fixed" and "auto" where default is fixed)	
		•	pageWide	(1 to 100 values)	
		•	spanwidth	(1 to n values)	
		•	myvalign	(has three values: middle, top, and bottom where default is bottom)	
		•	mycalign	(has five values: left, right, center, char, and justify where default is left)
		•	border-top	(has n-number of px solid black; acts has on or off)
		•	border-right:	(has n-number of px solid black; acts has on or off)
		•	border-bottom:	(has n-number of px solid black; acts has on or off) 
		•	border-left:	(has n-number of px solid black; acts has on or off)

	The following block conditions can be collapsed down to two blocks where the first 
	sets the id2Name and tableFrames variables and the second one sets just the tableFrames 
	variable. This is because the tableFrames variable assignment is the same for both of  
	the following two block conditions:
		(1) do when attribute colsep is specified and attribute colsep = "1" and (attribute frame is specified and attribute frame != "none")
			 (Has the same set tableFrames variable assignment)
		(2) else when attribute colsep is specified and attribute colsep = "1" and attribute frame isnt specified
			 (Has the same set tableFrames variable assignment)
	
	!! With that said, this would have to be tested to understand why the set tableFrames 
	variable assignments are the same.
	
	Does not include span elements for phrase tagging.
**/

/** Informaltable
div.informaltable { 
	width: '||tableInList||'%;

}
 **/


/** Table
div.table { 
	width: '||tableInList||'%;
}
 **/


/** Title 
CP-FNMA:  style="margin:10px 0px -6px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:%g(pageWide)%%;"

SCDoc: style="margin:10px 0px -6px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:%g(pageWide)%%;"
**/
h6.table-title {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: center;
	margin: 10px 0px -6px 0px;
	/**width: %g(pageWide)%%;  This property needs to stay with in the pipeline transform for the condition.**/
}


/** Table 
CP-FMDocs: margin:10px 0px 20px 0px; border:1px solid black; border-collapse:collapse;
**/
table.table-withborders {
	/** table-layout: '||tableLayout||'; **/
	margin: 10px 0px 20px 0px;
	border: 1px solid black;
	border-collapse: collapse;
	/** width: %g(pageWide)%; **/
}


/** Table **/
table.table-noborder {
	/**table-layout: '||tableLayout||';  This property needs to stay with in the pipeline transform for the condition.**/
	margin: 10px 0px 20px 0px;
	border: 0px solid gray;
	border-collapse: collapse;
	/**
	 width: %g(pageWide)%;  This property needs to stay with in the pipeline transform for the condition.
	 **/
}


/** Entry for Thead 
ARDocs: style="border:1px solid black; padding:6px; 
width:'||'%d(cwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-weight:bold; background-color:#E0E0E0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" 
colspan="'||'%d(spannum)">

SCDocs: style="border:1px solid black; padding:6px; 
width:'||'%d(spanwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-weight:bold; background-color:#E0E0E0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" 
colspan="'||'%d(spannum)"> **/
th.thead-hascolsep {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 1px solid black;
	padding: 6px;
	background-color: #E0E0E0;
	/** These property needs to stay with in the pipeline transform for the condition.
	width: '||'%d(spanwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||';
	**/
}


/**
ARDocs:	style="border:1px solid black; padding:6px; width:'||'%d(cwidth)%%; vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-weight:bold; background-color:'||'%g(mybgColor); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" colspan="'||'%d(spannum)"
**/
th.fnmf-thead {
	/**
	Added the following to the .fnmf-font class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 1px solid black;
	padding: 6px;
	color: #FFF;
	/** These property needs to stay with in the pipeline transform for the condition.
	width: '||'%d(spanwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||'; 
	background-color:'||'%g(mybgColor);
	**/
}


/** Entry for Thead **/
th.thead-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 0px solid black;
	padding: 6px;
	background-color: #E0E0E0;
	/** These property needs to stay with in the pipeline transform for the condition.
	 width: '||'%d(spanwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||'; 
	**/
}


/** Entry 
ARDocs: style="border-top:'||borderSepTop||'px solid black; border-right:'||borderSepRight||'px solid black; border-bottom:'||borderSepBottom||'px solid black; border-left:'||borderSepLeft||'px solid black; padding:6px; background-color:'||'%g(mybgColor); 
width:'||'%d(cwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;">

SCDocs: style="border-top:'||borderSepTop||'px solid black; border-right:'||borderSepRight||'px solid black; border-bottom:'||borderSepBottom||'px solid black; border-left:'||borderSepLeft||'px solid black; padding:6px; background-color:'||'%g(mybgColor); 
width:'||'%d(cwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;">

**/
td.entry-bg-hascolsep {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	padding: 6px;
	/** These property needs to stay with in the pipeline transform for the condition.
	border-top: '||borderSepTop||'px solid black; 
	border-right: '||borderSepRight||'px solid black; 
	border-bottom: '||borderSepBottom||'px solid black; 
	border-left: '||borderSepLeft||'px solid black; 
	background-color: '||'%g(mybgColor); 
	width:'||'%d(cwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||';
	rowspan="'||'%d(rowspan)	
	**/
}


/** Entry 
ARDocs: style="border:0px solid black; padding:6px; background-color:'||'%g(mybgColor); 
width:'||'%d(spanwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" 
colspan="'||'%d(spannum)"

SCDocs: style="border:0px solid black; padding:6px; background-color:'||'%g(mybgColor); 
width:'||'%d(spanwidth)%%; 
vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" 
colspan="'||'%d(spannum)"
**/
td.entry-bg-noborders {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/**
	 background-color: '||'%g(mybgColor); 
	 width: '||'%d(spanwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||'; 
	**/
}


/** Entry **/
td.entry-bg {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/** These properties need to stay with in the pipeline transform for these conditions.
	background-color: '||'%g(mybgColor); 
	width: '||'%d(spanwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||'; 
	**/
}


/** Entry **/
td.entry-hascolsep {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	padding: 6px;
	/** These property needs to stay with in the pipeline transform for the condition.
	 border-top: '||borderSepTop||'px solid black; 
	 border-right: '||borderSepRight||'px solid black; 
	 border-bottom: '||borderSepBottom||'px solid black; 
	 border-left: '||borderSepLeft||'px solid black; 
	 width: '||'%d(spanwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||'; 
	**/
}


/** Entry **/
td.entry {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/** These property needs to stay with in the pipeline transform for the condition.
	background-color: '||'%g(mybgColor); 
	width: '||'%d(spanwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||'; 
	**/
}



/** Entry 

SCDocs: style="border:0px solid black; padding:6px; width:'||'%d(spanwidth)%%; vertical-align:'||myvalign||'; text-align:'||mycalign||'; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;" colspan="'||'%d(spannum)" **/
td.entry-noborders {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/**
	 width: '||'%d(spanwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||'; 
	**/
}


/** NOT USED!!!**/
/** Entry **/
td.entry-bg-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	/**
	border-top: '||borderSepTop||'px solid black; 
	border-right: '||borderSepRight||'px solid black; 
	border-bottom: '||borderSepBottom||'px solid black; 
	border-left: '||borderSepLeft||'px solid black; 
	**/
	padding: 6px;
	/** 
	background-color: '||'%g(mybgColor);
	width: '||'%d(cwidth)%%; 
	vertical-align: '||myvalign||'; 
	text-align: '||mycalign||'; 
	**/
}


/** NOT USED!!!**/
/** Entry **/
td.entry-bg-noborders-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/**
	 background-color: '||'%g(mybgColor); 
	 width: '||'%d(cwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||';
	 **/
}


/** NOT USED!!!**/
/** Thead **/
th.thead-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 1px solid black;
	padding: 6px;
	/**
	 width: '||'%d(cwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||'; 
	 **/
	background-color: #E0E0E0;
}


/** NOT USED!!!**/
/** Thead **/
th.thead-noborders-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 0px solid black;
	padding: 6px;
	/**
	 width: '||'%d(cwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||';
	 **/
	background-color: #E0E0E0;
}

/** NOT USED!!!**/
/** Entry **/
td.entry-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	padding: 6px;
	/**
	 border-top: '||borderSepTop||'px solid black; 
	 border-right: '||borderSepRight||'px solid black; 
	 border-bottom: '||borderSepBottom||'px solid black; 
	 border-left: '||borderSepLeft||'px solid black; 
	 width: '||'%d(cwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||';
	 **/
}


/** NOT USED!!!**/
/** Entry **/
td.entry-noborders-span {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	border: 0px solid black;
	padding: 6px;
	/**
	 width: '||'%d(cwidth)%%; 
	 vertical-align: '||myvalign||'; 
	 text-align: '||mycalign||';
	 **/
}



/** Bridgehead **/
/** 
	Developer notes:
	 
	
**/

/** Bridgehead 
SCDocs: style="font-size:16; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%%;"

**/
h3.bridgehead-inrevhistory {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 16pt;
	width: 100%;
}


/** Bridgehead **/
h5.bridgehead-inblockquote-ctr {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 11pt;
	text-align: center;
	width: 100%;
}


/** Bridgehead 
SCDocs: style="font-size:11pt; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; width:100%%;"

**/
h5.bridgehead-inblockquote {
	/**
	Added the following to the  class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	margin: 20px 0px 0px 0px;
	font-size: 11pt;
	text-align: left;
	width: 100%;
}


/*NEW FOR STATE COMPLIANCE AnC*/
h5.bridgehead-anc {
	margin: 12px 0px 0px 0px;
	font-size: 11pt;
	text-align: left;
	width: 100%;
}

/** Bridgehead **/
div.bridgehead-archive {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 12pt;
	text-align: left;
	margin: 10px 0px 20px 40px;
	width: auto;
}


/** Bridgehead **/
/** Inline span for above div.bridgeheadArchive property. **/
span.bridgehead-arch {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 12pt;
	font-weight: bold;
	background-color: #E0E0E0;
	border: 3px double red;
	padding: 2px 4px 2px 4px;
}


/** Bridgehead 
SCDocs: style="font-size:12pt; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:20px 0px 0px 0px; width:100%%;"

**/
div.bridgehead-default {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 12pt;
	font-weight: normal;
	text-align: center;
	margin: 20px 0px 0px 0px;
	width: 100%;
}

/** Bridgehead **/
/**
	style="font-size:14pt; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:20px 0px 0px 0px; background-color:#DEDEDE;"><span style="font-weight: bold"
	**/
div.bridgehead-fnmf {
	font-size: 14pt;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 40px 0px 0px 0px; /** margin: 20px 0px 0px 0px changed margin top to 40 05.12.2020**/
	background-color: #DEDEDE;
	width: 98%;
	border: 0px red solid;
}

/** Bridgehead **/
/** Inline span for above div.bridgeheadArchive property. **/
span.bridgehead-arch-fnmf {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-weight: bold;
}



/** Revhistory **/
/** 
	Developer notes:

	<div class="'||className||'" style="margin-bottom:6px; border:0px solid red; line-height:14px;">
		<div classname="archived" style="margin-bottom:0px; border:0px solid blue;">
			<div class="revhistory" style="margin:0px; border:0px solid black; width:auto;">
				<span class="showHide" id="%v(id)-01" style="color:#2080CD; font-weight:normal; font-size:14pt; vertical-align:middle; border:0px solid green;" onclick="style.cursor='||"'pointer'"||'; javascript:var ele = document.getElementById('||"'%v(id)'"||'); var txt = document.getElementById('||"'%v(id)-01'"||'); if (ele.style.display.length<=4) {ele.style.display='||"'block'"||'; txt.innerHTML='||"'&dtrif;'"||';} else {ele.style.display='||"'none'"||'; txt.innerHTML='||"'&rtrif;'"||';}" onmouseover="style.cursor='||"'pointer'"||';">&#9656;</span>
				<span class="label" style="font-variant:small-caps; color:#000040; font-family:Arial, Helvetica, sans-serif, Verdana; font-size:10pt; font-weight:bold; vertical-align:middle; border:0px solid orange;"> '||Label||' %v(revision)&nbsp;</span>
			</div>
			<div class="default" id="%v(id)" style="display:none;" ondblclick="getElementById('||"'%v(id)-01'"||').click(); return false;">
				<div class="content-container" style="border-top:1px solid #2080CD; background-color:#EBEDF0; margin:10px 10px 25px 25px; padding:10px; width:auto;">%c
				</div>
			</div>
		</div>
	</div>
	
	Also, will need to fix the issue of the className being generated. Need to create another 
	block condition to handle the case where className is static in the block condition.
	
	Need to understand what the attribute "role" can be set to. I'm thinking "noindex" or "index".
**/

/** Revhistory **/
div.noindex {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin-bottom: 6px;
	line-height: 14px;
}


/** Revhistory **/
div.index {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin-bottom: 6px;
	line-height: 14px;
}


/** Revhistory **/
div.archived {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin-bottom: 6px;
}


/** Revhistory **/
div.future {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin-bottom: 6px;
}


/** Revhistory **/
div.revhistory {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin: 0px;
	width: auto;
}

/** Revhistory **/
span.show-hide {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	color: rgb(32,128,205); /** #2080CD **/
	font-weight: normal;
	font-size: 10pt;
	vertical-align: middle;
}


/** Revhistory **/
span.cnt-label {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	font-weight: bold;
	font-variant: small-caps;
	color: #000040;
	vertical-align: middle;
	line-height: 14pt;
}


div.revhistory-default {
	display: none;
}


div.content-container {
	border-top: 1px solid #2080CD;
	background-color: #EBEDF0;
	margin: 10px 10px 25px 25px;
	padding: 10px;
	width: auto;
}


/** Revision **/
div.revision {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
}


/** Revnumber **/
span.revnumber {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	font-variant: small-caps;
}


/** Date **/
span.rev-date {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	margin-left: 50px;
	font-variant: small-caps;
}


/** Revdescription **/
div.revdescription-marque {
	position: relative;
	height: auto;
}


div.revhistory-marque {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	color: black;
	display: block;
	height: auto;
	overflow: hidden;
	-webkit-transform: translate3d(0px,0px,0px);
	position: absolute;
	top: -20px;
	right: -3px;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	text-align: center;
}


/** NOT USED!
div.revdescription {
	
}
 **/


/** Remark **/
div.remark {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	font-variant: small-caps;
	margin: 0px;
}


/** Title **/
h5.revhistory-title {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	text-align: center;
	margin: 0px 0px 6px 0px;
}


/** Title 
style="margin:0px 0px 6px 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; background-color:#D3D3D3; width:100%%;"
**/
h5.revhistory-title-fnma {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	text-align: center;
	margin: 0px 0px 6px 0px;
	background-color: #D3D3D3;
	width: 100%
}


/** Title AR**/
h5.revhistory-title-ardoc {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	text-align: center;
	margin: 0px 0px 6px 0px;
	display: inline;
}


/**Global elements  **/

.global-font {
	/**font-family: Verdana, Arial, Helvetica, sans-serif; **/
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}


.fnmf-font {
	font-family: Arial, Helvetica, sans-serif, Verdana, Georgia;
}


.global-normal {
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}


.fnmf-normal {
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
}


.test {
	border: 0px solid blue;
}


.global-bold {
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}


.global-title {
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
}


.global-title-italic {
	font-size: 11pt;
	font-style: italic;
	font-weight: bold;
}


.width-default {
	width: 100%;
}


.default-title {
	display: inline;
	text-align: left;
	margin: 10px 0px 0px 0px;
	width: 100%;
}


.global-img {
	margin: 10px 0px 10px 0px;
}


.important-default {
	margin: 10px 0px 0px 0px;
	width: 98%;
}

/** Removed duplicated in listitem.css 
.ol-default {
	margin: 6px 0px 0px 0px; 
	list-style: none; 
}
**/

hr.admonition-top {
	color: #FF0000;
	height: 2px;
}


hr.admonition-important {
	color: #101ECE;
	font-weight: bold;
}


hr.admonition-caution {
	color: #F4F709;
	font-weight: bold;
}


hr.admonition-warn {
	color: red;
	font-weight: bold;
}


hr.admonition-bot {
	color: #f00;
	height: 2px;
}


/** Marque elements **/
/** 
	 Developer notes:
	 
**/

/** book, chapter, and section **/
div.preview-top {
	/** Being overwritten by Miguel CSS **/
	/** Added the following to the .globalFont and .globalBold classes for the following style:
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-style: normal; 
	font-size: 10pt;
	font-weight: bold; 
	**/
	color: black;
	display: block;
	right: 10%;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 4%;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	background-color: #CBCFD7;
	text-align: center;
}


/** chapter and section **/
/** Might be overwritten by Miguel CSS **/
div.marque {
	/** Added the following to the .globalFont and .globalBold class for the following style:
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold; 
	**/
	color: black;
	display: block;
	right: 10%;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 2%;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	background-color: #CBCFD7;
	text-align: center;
}


/** chapter and section**/
/** Might be overwritten by Miguel CSS **/
div.marque-fmsf {
	/** Added the following to the .globalFont and .globalBold class for the following style:
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold; 
	**/
	color: black;
	display: block;
	right: 10%;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 2%;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	background-color: #CBCFD7;
	text-align: center;
}


/** chapter and section **/
/** Might be overwritten by Miguel CSS **/
div.marque-allregs {
	/** Added the following to the .globalFont and .globalBold class for the following style:
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold; 
	**/
	color: black;
	display: block;
	right: 10%;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 2%;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	background-color: #CBCFD7;
	text-align: center;
}


/** chapter and section **/
/** Might be overwritten by Miguel CSS **/
div.preview {
	/** Added the following to the .globalFont and .globalBold class for the following style:
	font-family: Arial, Helvetica, sans-serif, Verdana; 
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold; 
	**/
	color: black;
	display: block;
	right: 10%;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 2%;
	width: auto;
	z-index: 10000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: center;
	border: 3px double #E34256;
	background-color: #CBCFD7;
	text-align: center;
}


/** section **/
/** Might be overwritten by Miguel CSS
div.preview-top, .section {
	 **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
/**
	color: black; 
	display: block; 
	right: 10%; 
	height: auto; 
	overflow: hidden; 
	position: fixed; 
	top: 4%; 
	width: auto; 
	z-index: 10000; 
	padding-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	vertical-align: center; 
	border: 3px double #E34256; 
	background-color: #CBCFD7; 
	text-align: center;
}
	**/
/** section **/
/** Might be overwritten by Miguel CSS
div.marque, .section {
	 **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
/**
	color: black; 
	display: block; 
	right: 10%; 
	height: auto; 
	overflow: hidden; 
	position: fixed; 
	top: 2%; 
	width: auto; 
	z-index: 10000; 
	padding-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	vertical-align: center; 
	border: 3px double #E34256; 
	background-color: #CBCFD7; 
	text-align: center;
}
	**/

/** section **/
/** Might be overwritten by Miguel CSS
div.marque-fmsf, .section {
	 **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
/**
	color: black; 
	display: block; 
	right: 10%; 
	height: auto; 
	overflow: hidden; 
	position: fixed; 
	top: 2%; 
	width: auto; 
	z-index: 10000; 
	padding-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	vertical-align: center; 
	border: 3px double #E34256; 
	background-color: #CBCFD7; 
	text-align: center;
}
	**/

/** section **/
/** Might be overwritten by Miguel CSS
div.marque-allregs, .section {
	 **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
/**
	color: black; 
	display: block; 
	right: 10%; 
	height: auto; 
	overflow: hidden; 
	position: fixed; 
	top: 2%; 
	width: auto; 
	z-index: 10000; 
	padding-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	vertical-align: center; 
	border: 3px double #E34256; 
	background-color: #CBCFD7; 
	text-align: center;
}
	**/

/** section **/
/** Might be overwritten by Miguel CSS
div.preview, .section {
	 **/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
/**
	color: black; 
	display: block; 
	right: 10%; 
	height: auto; 
	overflow: hidden; 
	position: fixed; 
	top: 2%; 
	width: auto; 
	z-index: 10000; 
	padding-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	vertical-align: center; 
	border: 3px double #E34256; 
	background-color: #CBCFD7; 
	text-align: center;
}
	**/


/** All Inline elements **/
/** 
	 Developer notes:
	 
	Need to take a look at the to-top and back-2-top olinks and compare with Miguel. 
	 
**/


/** Beginpage **/
span.begin-page {
	color: #008000;
}


/* -###- */


/** Phrase **/
/** Need to fix or atleast test to see if both inline and CSS can be used. **/
span.phrasetag-link {
	text-decoration: underline;
	/** color: '||changeColor||'; **/
}


/** Need to fix or atleast test to see if both inline and CSS can be used. **/
a.phrase-anchor {
	/** color: '||changeColor||'; **/
}


/** Need to fix or atleast test to see if both inline and CSS can be used. **/
span.revised {
	/** color: '||changeColor||'; **/
}

/** Need to fix or atleast test to see if both inline and CSS can be used. **/
span.revision {
	/** color: '||changeColor||'; **/
}

/* -###- */


/** Subcript and Symbol**/
span.cnt-sub {
	vertical-align: sub;
}


/** Superscript bold**/
span.cnt-sb {
	font-size: 85%;
	font-weight: bold;
	top: -0.9ex;
	position: relative;
}


/** Superscript italic**/
span.cnt-si {
	font-size: 85%;
	font-style: italic;
	top: -0.9ex;
	position: relative;
}


/** Superscript underline**/
span.cnt-su {
	font-size: 85%;
	text-decoration: underline;
	top: -0.9ex;
	position: relative;
}


/** Superscript bold and underline**/
span.cnt-sbu {
	font-size: 85%;
	font-weight: bold;
	text-decoration: underline;
	top: -0.9ex;
	position: relative;
}


/** Superscript bold and italic**/
span.cnt-sbi {
	font-size: 85%;
	font-weight: bold;
	font-style: italic;
	top: -0.9ex;
	position: relative;
}


/** Superscript italic and underline **/
span.cnt-siu {
	font-size: 85%;
	font-style: italic;
	text-decoration: underline;
	top: -0.9ex;
	position: relative;
}


/** Superscript bold, italic, and underline **/
span.cnt-sbiu {
	font-size: 85%;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	top: -0.9ex;
	position: relative;
}


/* -###- */


/** Font styles appearing in the element ListItem section for orderedlists**/
span.cnt-underline {
	text-decoration: underline;
}



span.cnt-italic {
	font-style: italic;
}


span.cnt-bold {
	font-weight: bold;
}


span.cnt-bold-italic {
	font-weight: bold;
	font-style: italic;
}


span.cnt-bold-underline {
	font-weight: bold;
	text-decoration: underline;
}


span.cnt-italic-underline {
	font-style: italic;
	text-decoration: underline;
}


span.cnt-bold-italic-underline {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}


/** Bold and italic**/
span.cnt-bi {
	font-weight: bold;
	font-style: italic;
}


/** Bold and underline**/
span.cnt-bu {
	font-weight: bold;
	text-decoration: underline;
}


/** Italic and underline**/
span.cnt-iu {
	font-style: italic;
	text-decoration: underline;
}


/** Bold italic and underline**/
span.cnt-biu {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}


/* -###- */

/** Emphasis (Bold, Italic, Underline) **/
/**
	 Developer Notes:
	 Most have been defined in the listitem section.
	 Does not include background color or font color spans since they have imbedded variables.
**/

span.cnt-normal {
	font-weight: normal;
}

span.cnt-style-normal {
	font-style: normal;
}

span.cnt-no-decoration {
	text-decoration: none;
}


/* -###- */

/** All Inline Elements **/
/** 
	 Developer notes:
	 
	[Done]Go back over again and determine what would the the class and style properties. 
	 
**/

/** Olink **/
/** Replaced webLink with default-anchor.**/
/** Replaced popUp with default-anchor.**/
/** Replaced fauxPageLink with default-anchor.**/
/** Replaced form-anchor with default-anchor. **/
/** Replaced ardoc-il with default-anchor. **/
/** Replaced xref with default-anchor. **/
/** Replaced cpdoc-il with default-anchor. **/


/** OLink.**/
a.default-anchor {
	text-decoration: none;
}


/** OLink.**/
/** lmsTarget.**/
div.link2lms-wrapper {
	margin-top: 25px;
	margin-bottom: 35px;
	margin-left: 25px;
}


/** Olink **/
div.link2lms {
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 1px;
	left: 0;
	display: block;
	white-space: nowrap;
}


/** Olink **/
span.link2lms-position {
	border: 1px solid rgb(70, 118, 162);
	background: rgb(255, 255, 255);
	padding: 8px 1px 8px 1px;
}


/** Olink **/
a.link2lms-anchor {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
	border: 1px solid white;
	background: rgb(70, 118, 162);
	padding: 6px;
	text-decoration: none;
	color: white;
}


	/** Olink Hover**/
	a.link2lms-anchor:hover {
		/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalBold class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: bold; 
	**/
		background-color: #444;
	}


/** Olink and ULink Hover **/
a.toTop-anchor:hover {
	background-color: #444;
}


/** Olink 
CPFMDocs: style="border:1px solid green; background-image: url(img/tab_back2_top_right.png); background-color: rgb(70, 118, 162); border-top-color: rgb(70, 118, 162); border-right-color: rgb(70, 118, 162); border-bottom-color: rgb(70, 118, 162); border-left-color: rgb(70, 118, 162); display: block; right: 0; background-position: left 0; cursor:pointer;  height: 109px;  overflow:hidden;  position: fixed;  text-indent:-5000px;  top: 25%%;  width: 33px;  z-index: 10000;"
**/
div.back2top {
	border: 1px solid green;
	background-image: url(../img/tab_back2_top_right.png);
	background-color: rgb(70, 118, 162);
	border-top-color: rgb(70, 118, 162);
	border-right-color: rgb(70, 118, 162);
	border-bottom-color: rgb(70, 118, 162);
	border-left-color: rgb(70, 118, 162);
	display: block;
	right: 0;
	background-position: left 0;
	cursor: pointer;
	height: 109px;
	overflow: hidden;
	position: fixed;
	text-indent: -5000px;
	top: 25%;
	width: 33px;
	z-index: 10000;
}


/** Skipped default (sectionTarget).**/


/** Link **/
/** Skipped pageJump.**/


/** Ulink **/
/** Skipped default.**/


/** Anchor **/
/** Skipped default.**/


/** Address **/
/** Skipped default.**/


/** Literallayout**/
pre.literallayout {
	/**
 	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	font-family: Courier New, Courier, monospace, serif;
	white-space: pre-wrap;
	word-wrap: break-word;
}


/** Literallayout  
CPFMDocs: style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; background-color:#FFFFFF;"
**/
pre.literallayout-serif {
	/**
 	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	/** font-family: Verdana, Arial, Helvetica, sans-serif; **/
	font-family: Arial, Helvetica, sans-serif, Verdana;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
}


/** InlineGraphic (top, middle, bottom) **/
/**
	 Developer Notes: 
**/

/** InlineGraphic **/
img.inlinegraphic-mid {
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
}


/** InlineGraphic **/
img.inlinegraphic-top {
	vertical-align: top;
	padding: 10px 0px 10px 0px;
}


/** InlineGraphic 
ARDocs: style="vertical-align:text-bottom"**/
img.inlinegraphic-bot {
	vertical-align: text-bottom;
	padding: 10px 0px 10px 0px;
}


/** change tracking block for state compliance **/
.revision-ct {
	color: red;
}


/** change tracking block for state compliance **/
.revision-add {
	color: green;
	text-decoration: underline
}


/** change tracking block for state compliance **/
.revision-chg {
	color: blue;
	text-decoration: underline
}



/** Important element**/
/** 
	Developer notes:
	
	[Done]Need to test to determine if leaving the generated 
	fontColor property value in the output and moving all 
	the other style properties to the CSS would resolve 
	correctly.
**/

/** Title **/
h5.important-title {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalTitle class for the following style:
	font-size: 11pt; 
	font-style: normal; 
	font-weight: normal; 
	**/
	text-align: center;
	margin: 0px 0px 6px 0px;
}


/** Important 
SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background-color:'||'%g(fontColor); border:1px solid black; margin:10px 0px 0px 0px; padding:2px; width:98%%;"
**/
div.important-withshading-border {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultImportant class for the following style:
	margin: 10px 0px 0px 0px; 
	width: 98%;

	**/
	/**
	background-color: '||'%g(fontColor); 
	**/
	padding: 2px;
	border: 1px solid black;
}


/** Important 
SCDocs: style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background-color:'||'%g(fontColor); margin:10px 0px 0px 0px; width:98%%;"

div.importantWithShading {**/
/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultImportant class for the following style:
	margin: 10px 0px 0px 0px; 
	width: 98%;
	
	background-color: '||'%g(fontColor); 
}
**/


/** Important **/
div.important-withfontcolor-border {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultImportant class for the following style:
	margin: 10px 0px 0px 0px; 
	width: 98%;
	**/
	/**color: '||'%g(fontColor);**/
	padding: 2px;
	border: 1px solid black;
}


/** Important 
div.importantWithFontColor {**/
/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .defaultImportant class for the following style:
	margin: 10px 0px 0px 0px; 
	width: 98%;
	**/
/**color: '||'%g(fontColor); **/
/** 
}
**/



/** ImageData (left, center, right) **/
/**
	 Developer Notes:
	 No class was added to the <img> element since a class was added to the <div> element.
**/

/** ImageData **/
div.img-center {
	/**
	Added the following to the .globalImg class for the following style:
	margin: 10px 0px 10px 0px; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: center;
}


/** ImageData **/
div.img-left {
	/**
	Added the following to the .globalImg class for the following style:
	margin: 10px 0px 10px 0px; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: left;
}


div.img-right {
	/**
	Added the following to the .globalImg class for the following style:
	margin: 10px 0px 10px 0px; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	text-align: right;
}

img.FNMF-image {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	vertical-align: top;
}

img.img-fnmf {
	/**
	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	vertical-align: top;
}



/** Indexdiv **/
/** 
	 Developer notes:
	 
	 No longer being used. Needed for legacy only. Would need a way to determine pageWide property which is generated.
**/

/** Indexdiv 
SCDocs: style="margin:12px 0px 24px 0px; border:1px solid black; border-collapse:collapse; width:%g(pageWide)%%;"
**/
table.indexdiv {
	margin: 12px 0px 24px 0px;
	border: 1px solid black;
	border-collapse: collapse;
	/** width: %g(pageWide)%%; **/
}


/** Primaryie **/
/** Skipped output.**/
td.primaryie {
	width: 100%;
}


/** Secondaryie **/
/** Skipped output.**/
td.secondaryie-a {
	width: 4%;
}


/** Secondaryie **/
/** Skipped output.**/
td.secondaryie-b {
	width: 96%;
}



/** Abstract **/
/** 
	 Developer notes:
	 
	 
**/

/** Abstract **/

div.multi-columns {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid red; 
	**/
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	width: 100%;
}

div.abstract {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	clear: both;
	padding-top: 3px;
	width: 100%;
}


div.abstract-default {
	/**
	CP_FMDocs: style="margin:10pt 0pt 10pt 0pt; font-style:normal; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; width:98%%;"
	 
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 

	Added the following to the .test class for the following style:
	border: 0px solid blue; 
	**/
	margin: 10pt 0pt 10pt 0pt;
	width: 98%;
}



/** Footnote **/
/** 
	Developer notes:
	
	
**/

/** Footnote See elements-inline.css
span.cnt-footnote {
	font-size: 85%; 
	top: -0.9ex; 
	position: relative; 
	font-weight: bold;
}
 **/

/** Footnote **/
a.cnt-footnote-anchor {
	text-decoration: none;
}


/** Footnote **/
span.cnt-footnote-content {
	/**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	**/
	font-size: 8pt;
}


/** Symbol **/
span.cnt-super {
	font-size: 85%;
	top: -0.9ex;
	position: relative;
}



/** Footnoteref **/
/** 
	Developer notes:
	
	Need to test to determine if leaving the generated 
	fontColor property value in the output and moving all 
	the other style properties to the CSS would resolve 
	correctly.
**/

/** Footnoteref **/
a.cnt-footnoteref {
	text-decoration: none;
}


/** Footnoteref **/
/** Resides in the element-inline.css file.
span.cnt-super {
	 font-size: 85%; 
	 top: -0.9ex; 
	 position: relative
}
 **/



/** 
	Developer notes:
	
	Test the programlisting hack for defining a no-existence 
	image for the background property.
**/

/** Sidebarinfo 

div.sidebarinfo {
	**/ /**
	Added the following to the .globalFont class for the following style:
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	Added the following to the .globalNormal class for the following style:
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal;  
	**/ /**
}
 **/


/** Programlisting **/

div.back2TopWrapper {
	background: white url('http') fixed;
	position: absolute;
	top: expression(eval(documentElement.scrollTop+150));
	right: 0px;
}

/* START: Button definition */
.ao-btn-primary {
    width: 208px;
    height: 41px !important;
    background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 20px !important;
    color: var(--ao-gray6) !important;
    letter-spacing: 0 !important;
    border: 0 !important;
    cursor: pointer !important;
}

    .ao-btn-primary:hover {
        background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }

    .ao-btn-primary:active {
        background: var(--ao-blue10) 0% 0% no-repeat padding-box !important;
        box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 2px !important;
        opacity: 1 !important;
    }

    .ao-btn-primary.disabled {
        background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: var(--ao-gray26) !important;
        color: var(--ao-gray27) !important;
        letter-spacing: 0 !important;
        opacity: 1 !important;
        height: 41px !important;
        cursor: not-allowed;
    }

        .ao-btn-primary.disabled:hover {
            cursor: not-allowed !important;
        }

.ao-btn-secondary {
    height: 24px !important;
    background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 1px 16px 1px 16px !important;
    color: var(--ao-gray6) !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

    .ao-btn-secondary:hover {
        background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }

    .ao-btn-secondary:active {
        background: var(--ao-blue10) 0% 0% no-repeat padding-box !important;
        box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 2px !important;
        opacity: 1 !important;
    }

    .ao-btn-secondary.disabled {
        background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: var(--ao-gray26) !important;
        color: var(--ao-gray27) !important;
        letter-spacing: 0 !important;
        opacity: 1 !important;
        height: 24px !important;
        cursor: not-allowed;
    }

        .ao-btn-secondary.disabled:hover {
            cursor: not-allowed !important;
        }

.ao-btn-tertiary {
    height: 34px !important;
    background: var(--ao-white1) 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 1px 16px 1px 16px !important;
    color: var(--ao-blue8) !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}

    .ao-btn-tertiary:hover {    
        background: var(--ao-white1) 0% 0% no-repeat padding-box !important;
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }

    .ao-btn-tertiary:active {
        background: var(--ao-white1) 0% 0% no-repeat padding-box !important;
        box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 2px !important;
        opacity: 1 !important;
    }

    .ao-btn-tertiary.disabled {
        background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: var(--ao-gray26) !important;
        color: var(--ao-gray27) !important;
        letter-spacing: 0 !important;
        opacity: 1 !important;
        height: 24px !important;
        cursor: not-allowed;
    }

        .ao-btn-tertiary.disabled:hover {
            cursor: not-allowed !important;
        }

.ao-btn-with-icon {
    width: 120px;
    height: 24px !important;
    background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    padding-top: 1px !important;
    color: var(--ao-gray6) !important;
    letter-spacing: 0 !important;
}

    .ao-btn-with-icon:hover {
        background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }

    .ao-btn-with-icon:active {
        background: var(--ao-blue10) 0% 0% no-repeat padding-box !important;
        box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 2px !important;
        opacity: 1 !important;
    }

    .ao-btn-with-icon.disabled {
        background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-color: var(--ao-gray26) !important;
        color: var(--ao-gray27) !important;
        letter-spacing: 0 !important;
        opacity: 1 !important;
        height: auto;
        cursor: not-allowed;
    }

        .ao-btn-with-icon.disabled:hover {
            cursor: not-allowed !important;
        }
ao-btn-expandcollapse {
    width: 120px;
    height: 24px !important;
    background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    padding-top: 1px !important;
    color: var(--ao-gray6) !important;
    letter-spacing: 0 !important;
}

.ao-btn-expandcollapse:hover {
    /*background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;*/
    -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
    box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 1px !important;
}

.ao-btn-expandcollapse:active {
  /*  background: var(--ao-blue10) 0% 0% no-repeat padding-box !important;*/
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

.ao-btn-expandcollapse.disabled {
    background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: var(--ao-gray26) !important;
    color: var(--ao-gray27) !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    height: 24px !important;
    cursor: not-allowed;
}

    .ao-btn-with-icon.disabled:hover {
        cursor: not-allowed !important;
    }
/* END: Button definition */
/* END: Button definition */

/* START: Modal */
.modal-fullscreen {
    z-index: 9999;
}

    .modal-fullscreen > .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }

        .modal-fullscreen > .modal-dialog > .modal-content {
            position: fixed;
            padding-left: 16px;
            padding-top: 16px;
        }

            .modal-fullscreen > .modal-dialog > .modal-content > .row {
                padding-bottom: 10px;
                box-shadow: 0 3px 6px 0 var(--ao-boxshadow1);
            }
/* END: Modal */

/* START: custom link */
.ao-href-disable {
    color: var(--ao-gray1);
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

    .ao-href-disable:hover {
        color: var(--ao-gray1) !important;
        cursor: not-allowed !important;
        font-weight: normal !important;
        border-bottom: none !important;
    }
/* END: custom link */

/* START: Pagination override */
.ao-pagination > .pagination-container {
    float: right;
    position: absolute;
    right: 0;
    margin-top: 16px;
    margin-right: 16px;
}

    .ao-pagination > .pagination-container > ul.pagination > li {
        padding-left: 8px;
        padding-right: 8px;
        margin-left: 8px;
        color: var(--ao-blue8);
        font-size: 14px;
        letter-spacing: 0;
        font-weight: bold;
        text-transform: uppercase;
        opacity: 1;
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
        border: 1px solid var(--ao-gray15);
        border-radius: 2px;
        opacity: 1;
    }

        .ao-pagination > .pagination-container > ul.pagination > li.PagedList-ellipses {
            background: none;
            border: none;
            border-radius: unset;
            color: unset;
        }

        .ao-pagination > .pagination-container > ul.pagination > li.active {
            background: var(--ao-blue8) 0% 0% no-repeat padding-box;
            border: none;
            color: var(--ao-white1);
        }

        .ao-pagination > .pagination-container > ul.pagination > li:first-child {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .ao-pagination > .pagination-container > ul.pagination > li:last-child {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .ao-pagination > .pagination-container > ul.pagination > li.disabled:not(.PagedList-ellipses) {
            background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            border-color: var(--ao-gray26) !important;
            color: var(--ao-gray27) !important;
            letter-spacing: 0 !important;
            opacity: 1 !important;
            height: 24px !important;
            cursor: not-allowed;
        }
/* END: Pagination override */

/* START: Checkbox overrides */
.ao-checkbox {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--ao-black6);
    border-radius: 2px;
    outline: none;
    transition-duration: 0.3s;
    background-color: var(--ao-white1);
    cursor: pointer;
    opacity: 1;
}
    .ao-checkbox:checked {
        border: 1px solid var(--ao-blue1);
    }

        .ao-checkbox:checked:after {
            display: block;
            content: ' ';
            background: var(--icon-small-blue-checkmark) 100% no-repeat;
            background-size: 9px;
            height: 13px;
            width: 12px;
        }

    .ao-checkbox:hover {
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 3px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 3px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }
/* END: Checkbox overrides */

/* START: Toggle switch definition */
.ao-toggle-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    top: -5px;
}

    .ao-toggle-switch input {
        opacity: 1;
        width: 0;
        height: 0;
    }

.ao-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--ao-blue8);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

    .ao-toggle-slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: var(--ao-white1);
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input.ao-toggle-switch-input:checked:hover + .ao-toggle-slider {
    background: var(--ao-blue8) 0% 0% no-repeat padding-box !important;
    -webkit-box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-blue8), 0 1px 6px var(--ao-boxshadow2) !important;
    box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-blue8), 0 1px 6px var(--ao-boxshadow2) !important;
}

input.ao-toggle-switch-input:not(:checked):hover + .ao-toggle-slider {    
    -webkit-box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-blue8), 0 1px 6px var(--ao-boxshadow2) !important;
    box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-blue8), 0 1px 6px var(--ao-boxshadow2) !important;
}

input.ao-toggle-switch-input:checked + .ao-toggle-slider {
    background-color: var(--ao-blue8);
}

input.ao-toggle-switch-input:not(:checked) + .ao-toggle-slider {
    background-color: var(--ao-white1);
    border: 1px solid var(--ao-blue8);    
}

    input.ao-toggle-switch-input:not(:checked) + .ao-toggle-slider:before {
        background-color: var(--ao-blue8);
        top: 1px;
    }

input.ao-toggle-switch-input:focus + .ao-toggle-slider {
    box-shadow: 0 0 1px var(--ao-blue8);
}    
    
input.ao-toggle-switch-input:checked + .ao-toggle-slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.ao-toggle-switch-prev-label {
    padding-right: 5px;
}

/* Default User Group Toggle button settings */
input.ao-toggle-switch-default-input:checked:hover + .ao-toggle-slider {
    background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
    -webkit-box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-gray28), 0 1px 6px var(--ao-boxshadow2) !important;
    box-shadow: 0 0 0 1px var(--ao-white1), 0 0 0 3px var(--ao-gray28), 0 1px 6px var(--ao-boxshadow2) !important;
}

input.ao-toggle-switch-default-input:checked + .ao-toggle-slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

/* END: Toggle switch definition */

.ao-custom-link {
    text-decoration: underline !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    color: var(--ao-blue7) !important;
    font-weight: bold !important;
    font-size: 14px !important;
    cursor: pointer !important;
}
    .ao-custom-link:hover {
        color: var(--ao-blue8) !important;
    }
    .ao-custom-link.hover {
        color: var(--ao-blue8) !important;
    }
    .ao-custom-link.active {
        text-decoration: none !important;
        color: var(--ao-blue10) !important;
    }
    .ao-custom-link.disabled {
        text-decoration: underline !important;
        color: var(--ao-gray27) !important;
        cursor: not-allowed !important;
    }
        .ao-custom-link.disabled:hover {
            cursor: not-allowed !important;
        }

.ao-icon-html {
    -webkit-mask: var(--icon-document-html) no-repeat;
    mask: var(--icon-document-html) no-repeat;
    mask-size: cover;
    display: inline-block;
    width: 32px;
    height: 28px;
    background: var(--ao-blue8);
}
.ao-icon-pdf {
    -webkit-mask: var(--icon-document-pdf) no-repeat;
    mask: var(--icon-document-pdf) no-repeat;
    mask-size: cover;
    display: inline-block;
    width: 32px;
    height: 28px;
    background: var(--ao-blue8);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/7m8l7TlFO-S3VkhHuR0at9Ih4imgI8P11RFo6YPCPC0.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/dFWsweFqlD8ExfyN7Gh_GPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/OLffGBTaF0XFOW1gnuHF0dIh4imgI8P11RFo6YPCPC0.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/t6Nd4cfPRhZP44Q5QAjcC9Ih4imgI8P11RFo6YPCPC0.woff) format('woff');
}

body, html {
    margin: 0;
    height: 100vh;
    font-family: Roboto !important;
    font-size: 15px;
}

body {
    margin: 0;
    display: grid;
    grid-template-columns: 100%; /*repeat(12, 1fr);*/
    grid-template-rows: 72px auto 1fr auto; /* content row takes the remaining space instead of growing (ALRG-24992) */
    grid-template-areas: "header" "mainmenu" "homemain" "footer";
    height: 100vh;
    overflow: hidden; /* the page shell never scrolls; only <homemain> scrolls internally */
}

/* Standalone pages (login, FAQ, error, splash) share this stylesheet but have NO <homemain>
   app-shell — so the fixed 100vh + overflow:hidden grid above must NOT lock them, or a card
   taller than a short viewport gets clipped with no way to scroll (e.g. the login LOGIN HELP
   link). Let any body without <homemain> grow and scroll natively. Specificity (0,0,2) beats
   the bare `body` shell rule here and the `body{overflow:hidden}` in loginOnly.css. (ALRG-24992) */
body:not(:has(homemain)) {
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

header {
    grid-area: header;
    align-items: center;
    /*background: radial-gradient(circle, var(--ao-blue1) 1%, var(--ao-blue2) 100%); */
    background-color: var(--ao-blue11);
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    margin: 0;
    width: 100%;
    height: 72px;
    padding-top: 12px;
    padding-bottom: 8px;
}

mainmenu {
    grid-area: mainmenu;
    background-color: var(--ao-gray4);
    -webkit-box-shadow: 0px 3px 6px 0px var(--ao-boxshadow1);
    -moz-box-shadow: 0px 3px 6px 0px var(--ao-boxshadow1);
    box-shadow: 0px 3px 6px 0px var(--ao-boxshadow1);
    position: relative; /* was fixed — sit in the grid so the bar can grow and push content down when the nav wraps, instead of overlapping (ALRG-24992) */
    right: 0;
    left: 0;
    z-index: 9998;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    width: 100%;
    min-height: 54px; /* was height: 54px — allow a wrapped 2nd line to grow the bar */
    opacity: 1;
}

/* The results page uses a display:block body (not the grid), so keep the nav pinned as
   before there — grid flow doesn't apply and it would otherwise slide under the header. */
body.results-page mainmenu {
    position: fixed;
    top: 72px;
    height: 54px;
}

/* Responsive library nav (ALRG-24992): the nav may wrap to a 2nd line at narrow widths.
   Because mainmenu now flows in the grid with an auto-height row (see the `mainmenu` rule
   and grid-template-rows), the wrapped bar grows and pushes content down — no overlap,
   normal font, no scrollbar. */

.ru-home-bg-color {
    background-color: #FFFFFF !important;
}

homemain {
    grid-area: homemain;
    display: flex;
    margin-bottom: 8px;
    padding-bottom: 8px;
    min-height: 0; /* let the 1fr grid row shrink this below content size so it can scroll (ALRG-24992) */
    overflow-y: auto; /* the single scroll region — replaces the old height: 114vh that forced the outer scrollbar */
    overflow-x: hidden; /* prevent 100vw full-bleed overflow */
}

/* ============================================================================
   GLOBAL dueling-scrollbar guard (ALRG-24992)
   The shared content chain inside <homemain> must be a bounded flex column so that
   a SINGLE region scrolls. Where the chain isn't bounded, an inner content area
   grows past homemain and BOTH homemain and the inner area show a scrollbar.
   `min-height: 0` is the flex idiom that lets each level shrink to fit instead of
   overflowing; making .main-content-area a flex column links its child heights so
   the innermost region (or homemain) is the only scroller. Applies to every page
   that uses this standard wrapper (Admin, First Pass, Our Library, Disclosure
   Matrix, State Compliance, Preferences, Reports, …).
   ============================================================================ */
homemain > #main-container,
homemain > #main-container > .row.flex-grow-1 {
    min-height: 0;
}

homemain .main-content-area {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

homemain .main-content-row {
    flex: 1 1 auto;
    min-height: 0;
}

homemain .main-content-col {
    min-height: 0;
}

/* --- vh-100 fixed-height landmine (ALRG-24992) ------------------------------------
   Several content columns use the Bootstrap `vh-100` utility (height: 100vh !important):
   Admin (manage users / user groups / org settings / reports / add-edit user) and
   Preferences e-alerts. Because these sit BELOW the header + menu, a full-viewport height
   can't fit and forces homemain's outer scrollbar (plus an inner one) — the dueling bar.
   Inside homemain, fill the (bounded) parent instead of the viewport. */
homemain .vh-100 {
    height: 100% !important;
    min-height: 0;
}

/* Admin content column: bound the chain so the swapped-in list (#ao-admin-view content)
   scrolls internally and the page shows a single scrollbar. .main-content-admintask is
   Admin-only, so these rules don't affect other pages. */
homemain .main-content-admintask {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

    homemain .main-content-admintask > .content-submenu {
        flex: 0 0 auto; /* tabs stay pinned */
    }

    homemain .main-content-admintask > #ao-admin-view {
        flex: 1 1 auto; /* content fills the remaining height */
        min-height: 0;
    }

/* Within the admin content column keep the header/search/filter/pagination rows at their
   natural height and let the row-list be the single internal scroller. */
homemain #manageuser-main-col,
homemain #usergroupsMain,
homemain #usergroupsSubDiv {
    min-height: 0;
    min-width: 0;
}

    homemain #manageuser-main-col > .row:not(.manageuser-rows),
    homemain #usergroupsSubDiv > .row:not(.user-groups-users-rows):not(.usergroup-tab-rows) {
        flex: 0 0 auto;
    }

homemain .manageuser-rows,
homemain .user-groups-users-rows,
homemain .usergroup-tab-rows {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* ============================================================================
   ADMIN grid pages — single-scrollbar height chain (ALRG-24992)
   Manage Users / User Groups: the ONLY scrollbar must be the inner row-list.

   The chain below is a bounded flex column from <homemain> down. Every level has
   min-height:0 (set above) so it can shrink below its content, and NO level uses
   100vh or a percentage height — so nothing can grow past homemain's grid track.
   The two elements that were each forcing a bar are neutralised here:

     1. #manageuser-main-col carried Bootstrap `vh-100` (height:100vh) in the markup
        — a full-viewport column that cannot fit below the header + menu + tabs, so
        it overflowed. REMOVED from _ManageUsersNG.cshtml; the column now fills its
        parent via flex-stretch instead. (Kept `homemain .vh-100 {height:100%}`
        above for the remaining admin tabs that still use the utility.)

     2. .main-content-admintask has its own overflow-y:auto (see rule ~l5018). On the
        grid tabs that made the PANEL scroll the overflow. With the column bounded it
        no longer overflows, but pin it to `hidden` on the grid tabs so the inner
        .manageuser-rows / .usergroup-tab-rows is unambiguously the one scroller.

     homemain (grid 1fr, flex)
       └ #main-container (.container.h-100, flex column)
         └ .row-toc-container (flex-grow:1)
           └ .main-content-area (flex column)
             └ .main-content-row (flex:1 1 auto)
               └ .main-content-col.main-content-admintask (flex column, overflow:hidden here)
                 ├ .content-submenu            (flex:0 0 auto — pinned tabs)
                 └ #ao-admin-view (flex:1 1 auto)
                   └ #manageuser-main-col (flex column — fills via stretch)
                     ├ header/search/filter/action/sort rows (flex:0 0 auto)
                     ├ .manageuser-rows        (flex:1 1 auto, overflow-y:auto)  ← ONLY scroller
                     └ .manageuser-pagination  (flex:0 0 auto)
   ============================================================================ */
homemain .main-content-admintask:has(#manageuser-main-col),
homemain .main-content-admintask:has(#usergroupsMain),
homemain .main-content-admintask:has(#usergroupsSubDiv) {
    overflow: hidden;
}

/* EDIT / CREATE USER GROUP wizard (ALRG-24992): single inner scrollbar.
   Pin the title (.managegroup-header-row), the wizard tabs (.usergroup-list-div) and the
   Cancel/Delete/Done footer (.admin-usergroup-edit-footer); the tab content
   (#usergroup-data-area) is the ONE scroller. Its pixel height is set by
   UserGroupNG.SetGridHeight() in usergroupNG.js (leaving room for the pinned footer via its
   nextAll() measure). Scoped to #usergroupsMain, which only the edit/create view renders. */
homemain #usergroupsMain > .managegroup-header-row,
homemain #usergroupsMain > .usergroup-list-div,
homemain #usergroupsMain > .admin-usergroup-edit-footer {
    flex: 0 0 auto;
}

    homemain #usergroupsMain > #usergroup-data-area {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;   /* the inner scrollbar — height set by SetGridHeight() */
        overflow-x: hidden;
    }

    /* USERS sub-tab only: the grid renders its OWN dedicated inner scroller
       (.user-groups-users-rows, pixel-sized by UserGroupNG.SetGridHeight()), so
       #usergroup-data-area must NOT also scroll. Otherwise a few px of rounding in that JS
       height — its outcome depends on when SetGridHeight fires relative to layout reflow,
       which is why the bar showed up only "sometimes" — leaves the tab content marginally
       taller than the data-area box and a SECOND, OUTER scrollbar appears at the panel's
       right edge (ALRG-24992). Clip here so the inner list is the single scroller. Scoped
       via :has() so the other wizard tabs (DETAILS / GUIDES / INVESTORS / … / MARKET CLARITY),
       which have no inner list, keep the auto scroll above. */
    homemain #usergroupsMain > #usergroup-data-area:has(.user-groups-users-rows) {
        overflow: hidden;
    }

/* ORGANIZATION SETTINGS tab only (ALRG-24992): single inner scrollbar.
   Before, the admin-task column grew to content, so BOTH <homemain> (outer bar) and the
   content showed a scrollbar. Bound the admin-task chain as a flex column so it fits inside
   homemain (no outer/homemain bar); the title (.manageuser-header-row) stays pinned and the
   panel (.org-stngs-row) is the ONE scroller — its height is set by setOrgSettingsHeight() in
   orgSettings.js because the CSS flex chain alone can't bound #manageuser-main-col on this tab.
   Mirrors the Manage Users / User Groups grid-tab pattern above. Scoped via :has(#pillContainer),
   which only the Organization Settings tab renders — so no other page is affected. */
homemain .main-content-admintask:has(#pillContainer) {
    display: flex;
    flex-direction: column;
    overflow: hidden;         /* was overflow-y:auto — removes the outer (homemain) scrollbar */
    min-height: 0;
}

    homemain .main-content-admintask:has(#pillContainer) > .content-submenu {
        flex: 0 0 auto;       /* tabs stay pinned */
    }

    homemain .main-content-admintask:has(#pillContainer) > #ao-admin-view {
        flex: 1 1 auto;       /* fill the height between the tabs and the footer */
        min-height: 0;
        display: flex;        /* so #manageuser-main-col can stretch to this height */
    }

    homemain .main-content-admintask:has(#pillContainer) #manageuser-main-col {
        height: auto !important; /* neutralize vh-100 */
        min-height: 0;
        overflow: hidden;     /* the title stays put; .org-stngs-row below is the scroller */
    }

    /* The panel (New Allowed Domain … Save Changes) is the single scroller. Its pixel height is
       set by setOrgSettingsHeight() in orgSettings.js (the CSS flex chain can't bound
       #manageuser-main-col on this tab); this just makes it scroll and keeps the title pinned above. */
    homemain .main-content-admintask:has(#pillContainer) #manageuser-main-col > .org-stngs-row {
        min-height: 0;
        overflow-y: auto;     /* the inner scrollbar you want — at the panel's right edge */
        overflow-x: hidden;
    }

footer {
    grid-area: footer;
    display: flex;
    bottom: 0;
    -webkit-box-shadow: 0px -3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px -3px 6px var(--ao-boxshadow2);
    box-shadow: 0px -3px 6px var(--ao-boxshadow2);
    opacity: 1;
    text-align: center;
}

smartsearch {
    grid-area: footer;
}

/*is media is not IE*/
@supports not (-ms-high-contrast: none) {
    footer {
        position: inherit !important;
        z-index: unset !important;
    }
}
/* If media is IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    header {
        background: radial-gradient(circle, #1E79C2 0%, #005181 100%) !important;
    }

    .header-logo {
        background-image: url("../assets/logo-allregs-white.svg") !important;
        max-width: 90px;
    }

    .header-search-icon {
        background-image: url("../assets/SEARCH.svg"), none;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        padding-left: 24px !important;
    }

    .header-blue-dot {
        background: url("../assets/shape-blue-dot.svg") 100% no-repeat !important;
    }

    .header-print-icon {
        background: url("../assets/icon-printer.svg") 100% no-repeat !important;
        background-size: cover !important;
    }

    .header-notes-icon {
        background: url("../assets/icon-notes-gray.svg") 100% no-repeat !important;
        background-size: cover !important;
    }

    .header-favorite-icon {
        background: url("../assets/icon-favorite.svg") 100% no-repeat !important;
        background-size: cover !important;
    }

    .header-recent-icon {
        background: url("../assets/icon-recent.svg") 100% no-repeat !important;
        background-size: cover !important;
    }

    .header-help-icon {
        background: url("../assets/icon-help.svg") 100% no-repeat !important;
        background-size: 18px 18px !important;
    }

    .header-chevron-down {
        background: url("../assets/icon-arrow-down-white.svg") 100% no-repeat !important;
        transform: rotate(270deg) !important;
        background-size: 20px 12px !important;
    }

    li.dropdown {
        padding-top: 5px;
    }

    .header-main-navbar > ul > li > a.nav-link:hover > span:first-child {
        color: var(--ao-black1);
    }

    .header-main-navbar > ul > li > a.nav-link:hover > span:nth-child(2) {
        color: var(--ao-black1);
    }


    .header-notification-true {
        color: var(--ao-white1) !important;
    }

    .header-notification-true {
        color: var(--ao-white1) !important;
    }

    ul.navbar-nav li a.nav-link {
        color: var(--ao-white1) !important;
    }

    mainmenu {
        background-color: var(--ao-gray4) !important;
        box-shadow: 0px 3px 5px 0px rgba(153, 153, 163, 0.6) !important;
    }

    .main-menu-label {
        color: var(--ao-black1) !important;
        display: inline-flex !important;
        flex: none !important;
        width: auto !important;
    }

    .main-menu-active {
        background-color: var(--ao-white1) !important;
        color: var(--ao-blue1) !important;
        background: var(--ao-white1) 0% 0% no-repeat padding-box !important;
        box-shadow: -2px 3px 6px rgba(0, 0, 41, 0.1) !important;
    }

    .main-menu-label:hover {
        color: var(--ao-blue1) !important;
    }

    footer {
        box-shadow: 0px -3px 6px rgba(0, 0, 41, 0.1) !important;
        position: unset !important;
        z-index: 0 !important;
    }

    .home-inline-search div {
        background-color: var(--ao-white1) !important;
    }

    .home-inline-search {
        margin: 64px 25% !important;
        margin-top: 164px !important;
    }


    .icon-folder-plus-active {
        background: url("../assets/icon-folder-plus-active.svg") 0% 0% no-repeat padding-box;
        background-size: 31px auto;
        width: 32px;
        height: 32px;
    }

    .folder-arrow-open {
        background-image: url(../assets/icon-arrow-down-small-solid.svg);
        background-repeat: no-repeat;
        float: left;
        padding: 12px 12px 12px 12px;
        margin-top: 4px;
    }

    .folder-arrow-closed {
        background-image: url(../assets/icon-arrow-right-small-solid.svg);
        background-repeat: no-repeat;
        float: left;
        padding: 12px 12px 12px 12px;
        margin-top: 4px;
    }

    .folder-icon-open {
        background-image: url("../assets/icon-folder-hover.svg");
        background-repeat: no-repeat;
        float: left;
        height: 10px;
        width: 12px;
        padding: 20px 12px 20px 12px;
    }

    .folder-icon-closed {
        background-image: url("../assets/icon-folder-inactive.svg");
        background-repeat: no-repeat;
        float: left;
        height: 10px;
        width: 12px;
        padding: 20px 12px 20px 12px;
    }

    .folder-title-open {
        color: var(--ao-gray3);
        opacity: 1;
        padding-left: 10px;
    }

    .folder-title-closed {
        color: var(--ao-gray19);
        opacity: 1;
        padding-left: 10px;
    }

    .ao-fav-last-added {
        letter-spacing: 0;
        color: var(--ao-gray19);
        opacity: 1;
    }

    .ao-fav-folder-edit {
        background-image: url("../assets/icon-pencil.svg");
        background-repeat: no-repeat;
        float: right;
        padding: 20px 12px 20px 12px;
    }

    .ao-fav-folder-trash {
        background-image: url("../assets/icon-trash.svg");
        background-repeat: no-repeat;
        float: right;
        height: 15px;
        width: auto;
        padding: 20px 12px 20px 12px;
    }

    .modal-title.ao-fav-modal-title {
        font-weight: bold;
        align-content: center;
        text-align: center;
        /* border-bottom: 8px solid #1E79C2 !important;*/
    }

    .modal-footer.ao-fav-modal-footer {
        height: 40px;
        border-top: none;
        background-color: var(--ao-gray20);
    }

    span.has-error,
    .has-error > span {
        color: var(--ao-red2);
    }

    .row-toc-container {
        position: relative;
        top: 120px;
    }

    /*START: Notes Private - public switch*/
    .switch-labels {
        color: var(--ao-gray2);
    }

    .switch {
        background: var(--ao-gray20) 0% 0% no-repeat padding-box;
    }


    .slider:before {
        color: var(--ao-blue2);
        box-shadow: 0px 3px 6px rgba(0, 0, 41, 0.1);
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
    }

    .mc-search-criteria-edit {
        background-image: url("../assets/icon-pencil.svg");
        background-repeat: no-repeat;
        float: right;
        padding: 20px 12px 20px 12px;
    }


    input[type=checkbox] ~ .slider {
        box-shadow: 0 0 1px var(--ao-gray20);
    }
    /*END: Notes Private - public switch*/
}


/* Keep top menu always in a single row */
.update-home-top-menu-row {
    
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/*1632, 1200, 768*/
/*@media (max-width: 768px) {
    .container {
        width: 798px;
    }*/

/* .home-content {
        max-width: 778px;
        width: 778px;
    }*/

/*body {
        margin: 0;
        display: grid;
        grid-template-columns: 100%;*/ /*repeat(12, 1fr);*/
/*grid-template-rows: 72px 48px auto 48px;
        grid-template-areas: "header" "mainmenu" "homemain" "footer";
    }

    .main-menu-row {
        height: auto;
    }

    .header-main-navbar {
        background-color: var(--ao-blue2);
        border-radius: 4px;
    }

    .home-content {
        max-width: 750px !important;
        width: 750px !important;
    }

    .home-content-view {
        max-width: 750px !important;
        width: 750px !important;
    }

    .home-top-menu-row {
        width: 750px !important;
    }

    .home-top-menu-item {
        width: 150px !important;
    }

    .menu-item-content {
        flex-direction: column !important;
    }

    .menu-icon {
        margin-right: unset !important;
    }
}*/

@media (min-width: 768px) {

    .container {
        width: 798px;
    }

    body {
        margin: 0;
        display: grid;
        grid-template-columns: 100%; /*repeat(12, 1fr);*/
        grid-template-rows: 72px auto 1fr auto;
        grid-template-areas: "header" "mainmenu" "homemain" "footer";
    }

    .main-menu-row {
        height: auto;
    }

    .library-submenu-nav {
        font-size: 14px;
    }

    .home-content {
        max-width: 720px !important;
        width: 720px !important;
    }

    .home-top-menu-item {
        width: 144px !important;
    }

    .menu-item-content {
        flex-direction: column !important;
    }

    .menu-icon {
        margin-right: unset !important;
    }

    .ao-card-body .right-pane {
        flex-direction: row !important;
        margin-top: 8px !important;
    }

    .ao-card-body .date-time {
        line-height: inherit !important;
    }

    .body-width {
        width: 560px;
        height: 456px;
    }

    .btn-width-egg {
        width: 70px;
    }

    .dm-search-btn-col {
        padding-left: unset;
        margin-top: 4px;
    }

    .dm-column-label1 {
        font-size: 10px;
        padding-left: 0;
    }

    .dm-export-hide {
        display: none;
    }

    .pf-export-hide {
        display: none;
    }

    .pf-column-label1 {
        font-size: 10px;
        padding: 10px 2px 10px 5px;
    }

    .pf-column-filter {
        width: 10%;
        max-width: 10%;
        text-align: center;
    }

    .pf-column-filter-all {
        width: 90%;
        max-width: 90%;
    }

    .dm-header-button-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-left: unset;
        width: 100%
    }

    .dm-print-matrix {
        margin-left: unset;
        margin-top: 8px;
    }

    .state-dm-item-label1 {
        margin-right: 4px;
    }

    .state-dm-custom-col {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .state-pf-custom-col {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .state-pf-custom-col-right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .state-pf-custom-col-left {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .recent-update-sub-menu {
        width: 112px;
    }
    .ace-index-home-header {
        height:unset;
    }
}

.smart-home-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.fav-display {
    display: ruby !important;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
        width: 1200px;
    }

    body {
        margin: 0;
        display: grid;
        grid-template-columns: 100%; /*repeat(12, 1fr);*/
        grid-template-rows: 72px auto 1fr auto;
        grid-template-areas: "header" "mainmenu" "homemain" "footer";
    }

    .main-menu-row {
        height: 56px;
    }

    .library-submenu-nav {
        font-size: 16px !important;
    }

    .home-content {
        max-width: 1200px !important;
        width: 1200px !important;
    }

    .home-top-menu-item {
        width: 240px !important;
    }

    .menu-item-content {
        flex-direction: row !important;
    }

    .menu-icon {
        margin-right: 16px !important;
    }

    .ao-card-body .right-pane {
        display: flex;
        flex-direction: row-reverse !important;
        margin-top: unset !important;
    }
    .fav-ao-card-body .right-pane {
      
        flex-direction: row-reverse !important;
        margin-top: unset !important;
    }

  
    .ao-card-body .date-time {
        line-height: 1em !important;
    }

    .body-width {
        width: 760px;
        height: 456px;
    }

    .btn-width-egg {
        width: 100px;
    }

    .dm-search-btn-col {
        padding-left: inherit;
        margin-top: unset;
    }

    .dm-column-label1 {
        font-size: 14px;
        padding: 16px;
    }

    .pf-column-label1 {
        font-size: 14px;
        padding: 10px 2px 10px 2px;
    }

    .dm-header-button-group {
        flex-direction: row;
        margin-left: auto;
        width: unset;
    }

    .dm-print-matrix {
        margin-top: unset;
        margin-left: 8px;
    }

    .state-dm-item-label1 {
        margin-right: unset;
    }

    .state-dm-custom-col {
        display: unset;
        align-items: unset;
        justify-content: unset;
    }

    .recent-update-sub-menu {
        width: 151px;
    }
    .ace-index-home-header {
        height: 80px;
    }
}

@media (min-width: 1632px) {
    .container {
        max-width: 1632px;
        width: 1632px;
    }
    /*
    .col:not(.no-gutters) {
        padding-right: 8px;
        padding-left: 8px;
    }*/

    body {
        margin: 0;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 72px auto 1fr auto;
        grid-template-areas: "header" "mainmenu" "homemain" "footer";
        background-color: var(--ao-gray4);
    }

    .main-menu-row {
        height: 56px; /* base on specs */
    }

    .state-dm-item-label1 {
        margin-right: 4px;
    }

    .state-dm-custom-col {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .recent-update-sub-menu {
        width: 151px;
    }
    .ace-index-home-header {
        height: 80px;
    }
}

/* override default Bootstrap modal properties */
.ao-modal-header {
    border-bottom: none;
}

.ao-modal-footer {
    border-top: none;
    justify-content: center;
}

    .ao-modal-footer > button.btn {
        width: 50% !important;
    }

/*override BS modal backdrop*/
.modal.show {
    z-index: 100000 !important;
}

.modal-backdrop {
    background-color: var(--ao-gray3) !important;
    opacity: 0.75;
}

.header-no-gutter {
    padding-left: 0 !important;
}

.header-logo-column {
    padding-top: 8px;
}

.header-logo {
    background: var(--logo-allregs) no-repeat;
    display: block;
    height: 54px;
}

.header-logo-text {
    background: var(--logo-text-allregs) no-repeat;
    display: block;
    height: 54px;
    margin-left: 40px;
    position: relative;
    top: 3px;
}


ul.navbar-nav li a.nav-link {
    color: var(--ao-white1) !important; /* override navbar-dark */
}

#navbarSupportedContent ul.navbar-nav li a {
    text-decoration: none;
    color: var(--ao-black1);
}

#searchBtn {
    text-decoration: none;
}

#searchBtn span.header-menu-text {
    color: var(--ao-white1) !important;
}

#btn_gen_ai_disclaimer_ask {
    text-decoration: none;
}

#btn_gen_ai_disclaimer_ask span.header-menu-text {
    color: var(--ao-white1) !important;
}

.smart-search-content-center {
    padding-top: 8px;
}

.hide-nav-admin-tasks, .hide-nav-account-tasks, .hide-nav-ealert-tasks,
.hide-nav-dropdown-divider, .hide-nav-logout-tasks, #navmenuAdminTasks, .hide-nav-user-header, .hide-nav-drodown-divider, .hide-nav-software-services, .hide-nav-privacy-policy, .hide-nav-acceptable-use-policy {
    display: none;
}

.top-100
{
    top:100px
}

#navbarSupportedContent .header-menu-text
{
    text-transform: uppercase;
    font-weight: bold;
}
#main-navigation-area .serach-btn-center {
    margin-bottom: 0px;
    padding-left: 0px;
}

.nav-link-search-gen-ai-text {
    padding-right: 0.5rem !important;
    padding-left: 0rem !important;
}

#main-navigation-area .gen-ai-btn-center {
    margin-bottom: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 1199px) {
    #main-navigation-area nav.navbar
    {
        justify-content:flex-end;
    }

    #main-navigation-area .header-print-icon, .header-help-icon, .header-notification-container, .header-notes-icon, .header-favorite-icon, .header-recent-icon, #rc-help-fscreen {
        display: none !important;
    }

    #main-navigation-area .header-main-navbar > ul > li > a.nav-link {
        color: var(--ao-black1) !important;
    }

    #usernamedropdown {
        display: none;
    }

    #main-navigation-area .hide-nav-account-tasks, .hide-nav-ealert-tasks,
    .hide-nav-dropdown-divider, .hide-nav-logout-tasks, #navmenuAdminTasks, .hide-nav-user-header, .hide-nav-drodown-divider, .hide-nav-software-services, .hide-nav-privacy-policy, .hide-nav-acceptable-use-policy {
        display: block;
    }

    #rc-help-hamburger {
        display: block !important;
    }

    #main-navigation-area #batchPrint, #headerRecents, #headerNotes, #headerFavorites, #rc-help-hamburger {
        padding: 0.25rem 1.5rem;
    }

    #navbarSupportedContent .header-menu-text {
        text-transform: capitalize;
        font-weight: initial;
        padding-left: 0px;
        font-size: 14px;
    }

    #main-navigation-area .header-main-navbar > ul > li.nav-item:hover {
        color: #16181b !important;
        text-decoration: none;
        background-color: #e9ecef !important;
    }

    #main-navigation-area .header-main-navbar > ul {
        float: right;
        padding: 0.5rem 0;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
    }
}

#rc-help-hamburger {
    display: none;
}

#rc-help-fscreen {
    display: block;
}

.header-blue-dot {
    background: var(--shape-blue-dot) 100% no-repeat;
    font-size: 18px;
    padding-left: 12px;
    margin-right: 6px;
}

.header-blue-dot-search {
    margin-right: 10px;
}

.header-recent-icon {
    background-color: var(--ao-white1);
    mask: var(--icon-clock) no-repeat;
    -webkit-mask: var(--icon-clock) no-repeat;
    padding-left: 19px;
    margin-right: 5px;
    position: relative;
}

.header-favorite-icon {
    background-color: var(--ao-red1);
    -webkit-mask: var(--icon-heart-red) no-repeat;
    mask: var(--icon-heart-red) no-repeat;
    -webkit-mask-size: 19px;
    mask-size: 19px;
    padding-left: 19px; /* keep spacing for text */
    margin-right: 5px;
    position: relative;
}

.header-notes-icon {
    background-color: var(--ao-white1);
    -webkit-mask: var(--icon-notes-gray) no-repeat;
    mask: var(--icon-notes-gray) no-repeat;
    -webkit-mask-size: 17px;
    mask-size: 17px;
    padding-left: 19px; /* keep spacing for text */
    margin-right: 5px;
    position: relative;
}


.header-notification-container {
    padding-top: 16px;
    margin-left: 8px;
    display:flex;
}
    .header-notification-container > :first-child {
        margin-right: 4px;
    }
    .header-notification-count {
        color: var(--ao-white1);
        font-size: 12px !important;
    }

.header-chevron-down {
    padding: 0 8px 0px 18px;
    -webkit-mask: var(--icon-chevron) no-repeat;
    mask: var(--icon-chevron) no-repeat;
    background-color: var(--ao-white1);
    transform: rotate(45deg);
}

.fav-header-chevron-down {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0; /* padding was defining the box instead of the icon */
    margin-left: -4px;
    -webkit-mask: var(--icon-arrow-down-blue) no-repeat center;
    mask: var(--icon-arrow-down-blue) no-repeat center;
   /* -webkit-mask-size: 30px 30px;*/
    mask-size: 30px 30px;
    background-color: var(--ao-blue5) !important;
    transform: rotate(271deg);
    transform-origin: 50% 50%;
}

.header-dropdown {
    padding-top: 4px;
    padding-left: 40px !important; /* base on specs */
}

.fav-ru-breadcrumb {
    padding-bottom: 10px;
}

.fav-header-dropdown {
    padding-top: 13px;
}

.header-help-icon {
    -webkit-mask: var(--icon-help) no-repeat;
    mask: var(--icon-help) no-repeat;
    padding-left: 23px;
    position: relative;
    background-color: var(--ao-white1);
}

.panel-help-icon {
    -webkit-mask: var(--icon-help) no-repeat;
    mask: var(--icon-help) no-repeat;
    padding-left: 23px;
    position: relative;
    background-color: var(--ao-gray13);
    margin-left: 10px;
}

.header-print-icon {
    -webkit-mask: var(--icon-printer) no-repeat;
    mask: var(--icon-printer) no-repeat;
    padding-left: 19px;
    margin-right: 5px;
    position: relative;
    background-color: var(--ao-white1);
}

.header-search-icon {
    -webkit-mask: var(--icon-search) no-repeat;
    mask: var(--icon-search) no-repeat;
    padding-left: 18px;
    position: relative;
    background-color: var(--ao-white1);
}

.genai-search-icon-home {
    -webkit-mask: var(--gen-ask-icon) no-repeat;
    mask: var(--gen-ask-icon) no-repeat;
    padding-left: 19px;
    position: relative;
    background-color: var(--ao-white1);
    -webkit-mask-size: 20px;
    mask-size: 20px;
    padding-bottom: 2px;
}

.header-main-navbar > ul > li > a.nav-link:hover > span:first-child {
    background-color: var(--ao-blue4);
}

.header-main-navbar > ul > li > a.nav-link:hover > span:nth-child(2) {
    color: var(--ao-blue4);
}

.header-menu-username {
    font-size: 18px;
    padding-left: 8px;
}

.header-menu-text {
    font-size: 16px;
    font-weight: bold;
    padding-left: 4px;
}

/* override default navbar position */
.header-navbar {
    float: right;
    padding: 0;
}

.header-notification-true {
    color: var(--ao-white1);
}

    .header-notification-true > span {
        text-align: center;
        font-family: var(--ao-fontfamily);
        padding-top: 33px !important;
        position: inherit;
        bottom: 0;
        display: block;
        padding-right: 7px;
        font-size: 12px;
    }

.header-recent-count {
    padding-right: 0 !important;
}

header .dropdown-menu {
    z-index: 1 !important;
    margin-left: 40px;
    top: 0;
}

.main-menu-label {
    color: var(--ao-black1) !important;
    align-self: center;
    justify-items: center;
    align-items: center;
    text-align: center;
    max-width: max-content;
    cursor: pointer;
    text-transform: uppercase;
    opacity: 1;
    font-size: 16px;
    text-decoration: none !important;
}
    /* override our gutter base on specs, home button has it's own specs */
    .main-menu-label .col:not(:first-child) {
        padding-left: 24px !important;
    }

    .main-menu-label:hover {
        color: var(--ao-blue1) !important;
        text-decoration: none;
    }

.main-menu-active {
    background-color: var(--ao-white1);
    color: var(--ao-blue1) !important;
    background: var(--ao-white1) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 1;
    font-weight: bold;
}

.menu-home-icon {
    padding-left: 14px;
}

.menu-home-label {
    padding: 0px 14px 0px 14px;
    font-family: var(--ao-fontfamily);
}

.home-inline-search {
    background-color: var(--ao-blue11);
    margin-right: 30px;
    margin-left: -15px;
    border-radius: 8px;
    height: 197px;
}

.home-inline-search-expand {
    z-index: 1;
}

.home-inline-search .header-menu-text {
    display:flex;
    padding: 4px 16px 0 8px;
    font-size: 28px;
    align-self: center;
}

.home-inline-search .header-power-text {
    align-self: center;
    position: relative;
    left: 10px;
    font-size: 20px;
}

.home-inline-search .header-bullet-text {
    align-self: center;
}

/* .home-inline-search span:nth-child(1) {
        display: inline !important;
        font-size: 54px;
        width: 54px;
        height: 54px;
        padding-left: 32px;
        padding-right: 19px;
    }

    .home-inline-search span:nth-child(3) {
        color: var(--ao-blue2);
        font-size: 28px;
    }

    .home-inline-search div {
        height: 64px;
        background-color: var(--ao-white1);
        width: 100%;
        padding: 5px;
    }*/
/* .home-inline-search span:nth-child(1) {
        display: inline !important;
        font-size: 54px;nth-child
        width: 54px;
        height: 54px;
        padding-left: 32px;
        padding-right: 19px;
    }*/
/*.home-inline-search .header-power-text {
        color: var(--ao-blue2);
        font-size: 28px;
    }*/
/*.home-inline-search div {*/
/* height: 64px;
        background-color: var(--ao-white1);*/
/*width: 100%;
        padding: 5px;
    }*/
/*
.home-content {
    border: 1px solid #8e8b8b52;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .home-content ul {
        color: black;
        font-size: 16px;
        font-weight: bold;
    }*/
footer .row {
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
}

footer {
    align-self: center;
    justify-items: center;
    align-items: center;
    /* Set these properties in @supports not (-ms-high-contrast: none)  at line no. 74*/
    /*position: inherit !important;*/ /* override Bootstrap default */
    /*z-index: unset !important;*/ /* override Bootstrap default */
}

    footer .ao-app-version {
        text-align: center;
    }

    footer .ao-app-policy, .ao-app-privacy {
        cursor: pointer;
    }

.compliance-row-breaker {
    width: 98%;
}

.tab-content {
    margin-left: 10px;
    margin-top: 10px;
}

    .tab-content tab-container {
        margin-left: 60px;
    }

.ao-fluid-container {
    padding-top: 8px;
    padding-left: 15px;
}

.show-container {
    display: flex !important;
}

/* START: TOC */
.toc-fixed-width {
    flex: 0 0 350px;
    -ms-flex: 0 0 280px;
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 100%; /* need this heights for accordion */
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    width: 430px;
    margin-bottom: -8px;
    height: 100%;
}

.row-toc-container {
    height: 0; /* need this height for accordion */
}

.toc-main-accordion {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.card-toclib-header {
    background-color: var(--ao-blue11) !important;
    opacity: 1;
    box-shadow: 0px 3px 5px 0px var(--ao-boxshadow1);
    position: inherit;
    height: 55px;
    /*
    background-color: var(--ao-blue1);
    background: transparent linear-gradient(270deg, var(--ao-blue1) 0%, var(--ao-blue2) 100%) 0% 0% no-repeat padding-box;
    */
}

    .card-toclib-header > button:first-child {
        color: var(--ao-white1);
        text-decoration: none;
        font-weight: bold;
    }

.icon-up-arrow {
    background-image: var(--icon-down-arrow);
    display: inline-block;
    height: 10px;
    width: 25px;
    float: right;
    padding-top: 15px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

span.icon-arrow-black {
    background-image: var(--icon-arrow-up-black);
    display: none;
    width: 19px;
    float: right;
    padding-top: 15px;
    background-repeat: no-repeat;
    color: var(--ao-gray1);
    margin-top: 4px;
    background-size: 18px;
    position: relative;
    margin-right: 2px;
}


button.card-button-collection[aria-expanded="true"] > span.icon-arrow-black {
    display: inline-block;
}

button.card-button-node[aria-expanded="true"] > span.icon-arrow-black {
    display: inline-block;
}


button.card-button-collection span:first-of-type {
    display: inline-block;
    width: 90%;
}

button.card-button-node span:first-of-type {
    display: inline-block;
    width: 90%;
}

.ao-toc-title {
    font-size: 18px;
    font-weight: bold;
    color: var(--ao-gray8);
    letter-spacing: 0;
}

    .ao-toc-title:hover {
        color: var(--ao-blue1);
    }

.btn-toc-ace-myreport {
    font-weight: bold;
    text-align: center;
    width: 150px;
    padding: 5px 5px 5px 5px;
}

.ace-doc-icon {
    position: absolute;
    -webkit-mask: var(--icon-doc) no-repeat;
    mask: var(--icon-doc) no-repeat;
    background-color: white;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-left: -20px;
}

.-myreport-button-label {
    margin-left: 5px;
}


.toc-ace-report-header {
    height: fit-content;
    color: var(--ao-blue3);
    font-weight: bold;
    background-color: var(--ao-gray4);
    padding: 5px 0px 5px 5px;
    margin-bottom: 0;
    text-align: center;
}

.ol-email-sub-header {
    background-color: var(--ao-white1) !important;
    opacity: 1;
    box-shadow: 0px 0px 0px 0px var(--ao-boxshadow1);
    position: inherit;
    height: 55px;
}

.olSubscriptions {
    background-color: var(--ao-white1) !important;
    height: 100%;
}

.ol-my-sub-title {
    margin-left: -15px;
}


.card-div-header {
    height: fit-content;
    padding-top: 20px;
    color: var(--ao-blue3);
    background-color: var(--ao-gray4);
    margin-bottom: 8px;
}

    .card-div-header > span:first-child {
        margin-right: 24px;
        padding-bottom: 4px;
    }

    .card-div-header > span:nth-child(2) {
        margin-left: 24px;
        padding-bottom: 4px;
    }

    .card-div-header span.active {
        border-bottom: 6px solid;
        font-weight: bold;
    }

.collapsible-toc {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

.ace-collapsible-toc {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

.ao-toc-accordion {
    width: 428px;
}

.ao-toc-card:hover {
    cursor: pointer;
}

    .ao-toc-card:hover .ao-toc-title {
        color: var(--ao-blue1);
    }

.ao-toc-card-header {
    border-bottom: 0;
}

    .ao-toc-card-header .header-chevron-down:before {
        float: right;
        transition: all 0.5s;
    }

    .ao-toc-card-header.active .header-chevron-down:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .ao-toc-card-header > a {
        text-decoration: none;
    }

.ao-toc-card-parent {
    background-color: var(--ao-blue1);
}

    .ao-toc-card-parent .ao-toc-title {
        color: var(--ao-white1);
    }

.header-caret-right {
    background-image: var(--icon-arrow-right-small-solid);
    background-repeat: no-repeat;
    font-size: 18px;
    float: left;
    display: inline-block;
    height: 10px;
    width: 12px;
    padding-top: 12px;
    margin-top: 4px;
}

button.card-button-node[aria-expanded="true"] > div > i.header-caret-right {
    background-image: var(--icon-arrow-down-small-solid);
}

span.node-header-title {
    display: block;
    float: left;
    width: 92%;
    padding-left: 8px;
}

/* Override BS card, will use our own class than cascading it */
.card-toc {
    border: 0;
    border-radius: 0;
    background-color: var(--ao-gray4);
    height: inherit; /* inherit from .accordion */
}

    .card-toc > div.card-header {
        padding: 0;
        /*box-shadow: 0px 3px 6px var(--ao-white2);
        border-radius: 2px;
        margin-bottom: 1px;*/
        opacity: 1;
        box-shadow: none;
        /*border-bottom: none;*/
        margin-bottom: 0;
    }

    .card-toc > div.card-header-children {
        background-color: var(--ao-gray4);
        border-bottom: 1px solid var(--ao-gray5) !important;
        border: none;
    }

    .card-toc > div.card-nodes {
        padding-left: 12px;
    }

.card-header-collection {
    background-color: var(--ao-white1);
    border: -2px solid var(--ao-gray4);
}

.card-toc-collection {
    border-top: 1px solid var(--ao-gray4);
    border-bottom: 1px solid var(--ao-gray4);
    border-right: 1px solid var(--ao-gray4);
}

.card-body-toc {
    padding: 0 !important;
    /*
    padding-left: 10px;
    padding-right: 26px;
    */
}

.ao-disable-button {
    cursor: default;
    pointer-events: none !important;
}

.card-button-toc {
    text-align: left;
    width: 100%;
    box-shadow: none !important;
    color: var(--ao-black1);
    font-weight: bold;
    font-size: 16px;
    padding-right: 0 !important;
}

    .card-button-toc:hover {
        color: var(--ao-blue1);
        text-decoration: none;
    }

.card-button-toc-children {
    /* border-bottom: 1px solid var(--ao-gray7);*/
    display: block;
    padding-left: 0;
    margin-left: 10px;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.selected-doc {
    font-weight: bold !important;
    border-bottom: none;
}

.card-button-doc {
    font-weight: normal;
    font-size: 14px;
    color: var(--ao-black1);
    text-decoration: underline;
    border-top: 1px solid var(--ao-gray4);
    border-bottom: 1px solid var(--ao-gray4);
}

.card-button-node {
    font-weight: bold;
    font-size: 14px;
    padding-right: 0 !important;
}

.collection-first-node > div:nth-child(2) > div:first-child > div.card-toc > div:first-child {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 0;
    border: 0;
}

.collection-first-node > div.card-header-collection > button:before {
    content: none;
}

.card-node-line {
    border-bottom: 1px solid var(--ao-gray7);
    display: block;
    margin-left: 12px;
    margin-right: 26px;
}

/*
span.icon-arrow-right {
    -webkit-mask: var(--icon-chevron-right) no-repeat;
    mask: var(--icon-chevron-right) no-repeat;
    padding-left: 18px;
    position: relative;
    background-color: var(--ao-gray13);
    display: initial !important;
    vertical-align: top;
    margin-left: -5px;    
}
    
button.card-button-node[aria-expanded="true"] > span.icon-arrow-right {
    background-image: var(--icon-arrow-down-small-solid);
    display: inline-block;
    width: 18px;
    float: left;
    padding-top: 15px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
}*/

button.card-button-node:before {
    color: var(--ao-gray13);
    display: inline-block;
    font-size: 80%;
    content: ' \25B6';
    vertical-align: top;
}

button.card-button-node[aria-expanded="true"]:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 10px;
}

button.card-button-node[aria-expanded="true"] > span:first-child {
    padding-left: 16px;
}

span.card-node-children-title {
    display: inherit;
    width: 89%;
    /*border-bottom: 1px solid var(--ao-gray5);*/
    padding-bottom: 8px;
}

span.card-toc-selected-bar {
    height: -webkit-fill-available;
    width: 365px;
    position: absolute;
    display: none;
    border-top: 1px solid var(--ao-gray5);
    border-bottom: 1px solid var(--ao-gray5);
    border-left: 4px solid var(--ao-green);
    height: 100%;
    /*display: inline-block;*/
    /*left: -11px;*/
}

/* END: TOC */
/* START: Custom Scrollbar ala OS X */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--ao-gray11);
    border-radius: 8px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--ao-gray1);
    }

::-webkit-scrollbar-track {
    background: var(--ao-gray12);
    border-radius: 8px;
    box-shadow: inset 16px 30px 26px var(--ao-white2);
}
/* END: Custom Scrollbar ala OS X */


/* START: What's New */
.main-recentupdates {
    flex: 1 1 auto; /* fill the remaining column height so the pane scrolls internally (ALRG-24992) */
    min-height: 0;
    margin: 0;
}

.col-recentupdates {
    overflow-y: auto; /* was scroll — avoid a permanent scrollbar track */
    overflow-x: hidden;
    min-height: 0;
}

.no-margin-padding {
    margin: 0;
    padding: 0;
}

.label-whats-new {
    font-size: 22px;
    font-weight: bold;
    padding: 20px 0 0 0;
    color: var(--ao-black1);
}

.icon-heart-whatsnew {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 12px;
    background: var(--toolbar-heart-inactive) no-repeat;
    position: relative;
    float: right;
    margin-right: 0;
    padding-right: 48px;
}

.card-whatsnew {
    height: fit-content;
    min-height: 136px;
    margin-bottom: 4px;
    border-radius: 8px;
    border: 1px solid var(--ao-gray5);
    box-shadow: 0px 3px 2px var(--ao-gray5);
}

.card-body-whatsnew {
    padding-left: 32px;
}

.card-title-whatsnew {    
    font-weight: bold;
    padding-bottom: 8px;
}

.card-whatsnew-datetime {
    margin-top: 8px;
    font-size: 16px;
    color: var(--ao-gray8);
    line-height: 1em;
}

    .card-whatsnew-datetime > .row {
        justify-content: center;
    }

.card-description-whatsnew {
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
    word-break: break-all;
}

    .card-description-whatsnew ul {
        list-style-type: revert !important;
        padding-left: 20px;
    }

    .card-description-whatsnew p {
        margin-bottom: 0;
    }

    .card-description-whatsnew > div:first-child {
        margin-top: 12px;
    }

.card-whatsnew-span {
    color: var(--ao-gray2);
}

.label-no-recentupdates {
    font-size: 32px;
    color: var(--ao-gray1);
}

.label-no-recent-docs {
    font-size: 16px;
    color: var(--ao-gray1);
}

.whats-new-loader {
    margin-left: 0;
}

.whats-new-mortgagementor {
    font-size: 16pt;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 15px;
}

    .whats-new-mortgagementor > div {
        padding-left: 15px;
    }


.label-no-updates-highlighted {
    font-size: 14px;
    color: var(--ao-black1);
    font-weight: bold;
    padding: 0px 0 5px 20px;
}

.label-library-title {
    font-size: 17px;
    font-weight: bold;
    padding: 0px 0 5px 15px;
    margin-top: 10px;
    color: var(--ao-black1);
}
/* END: What's New */
/* START: View Document */
.content-submenu {
    position: relative;
    z-index: 1;
    background-color: var(--ao-white1);
    min-height: 38px; /* specs */
    box-shadow: 0px 3px 6px var(--ao-gray5);
}

    .content-submenu .col {
        padding-top: 8px;
    }

.library-submenu-nav {
    font-size: 14px;
    text-align: center;
    margin-left: 32px !important; /* override active bar margin */
    color: var(--ao-black1) !important;
    text-decoration: none !important;
}

    .library-submenu-nav:first-child {
        padding-left: 0;
    }

    .library-submenu-nav:hover {
        cursor: pointer;
        color: var(--ao-blue1) !important;
        text-decoration: none;
        content: "";
        display: inline-block;
        margin: 0 auto;
        font-weight: bold;
        width: fit-content;
        border-bottom: 6px solid var(--ao-blue1);
    }

    .library-submenu-nav span {
        display: inline-block;
        margin-top: 16px;
    }

.library-submenu-nav-active {
    content: "";
    display: inline-block;
    margin: 0 auto;
    font-weight: bold;
    width: fit-content;
    border-bottom: 6px solid var(--ao-gray17);
}

.main-content-area {
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    margin-bottom: -8px;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    height: 100%;
}

.main-content-row {
    height: 100% !important;
}

.main-content-col {
    height: inherit;
    overflow: hidden;
    padding: 0;
}

.main-document-row {
    height: 100%;
    display: flex;
    flex-direction: column; /* was plain Bootstrap .row (flex-wrap:wrap) — the sticky bar (1px) and
        docview (height:inherit = 100%) wrapped onto two flex lines, so content was always
        container-height + 1px, permanently triggering overflow-y:auto (ALRG-25107) */
    flex-wrap: nowrap; 
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 0;
    background-color: var(--ao-white1);
}

.alphaTopics-document-row {
    height: 100%; /* was calc(100vh - 130px) — fit the parent instead of the viewport (ALRG-24992) */
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 0;
    background-color: var(--ao-white1);
}

/*search doc view required its own height calc since there additonal components*/
/* Flex container wrapping toolbar + document */
.search-page-wrapper {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto; /* pinned toolbar/breadcrumb band — doesn't grow or shrink (ALRG-24992) */
    width: 100%;
}


.main-search-document-row {
    flex: 1 1 auto; /* fills the remaining bounded height so it — not homemain — scrolls (ALRG-24992) */
    min-height: 0;
    align-items: flex-start; /* was default `stretch` — a Bootstrap .row wraps the sticky bar and
        .main-document-view onto separate flex lines, and default align-content/align-items stretched
        the short .main-document-view line (and the auto-height item within it) to fill all remaining
        space, ballooning short documents into a giant blank box. Keep items sized to content instead. */
    align-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--ao-white1);
    margin-right: -15px !important;
}

.document-toolbar-notes {
    height: calc(35vh);
    overflow-y: auto;
    margin-right: 0;
    background-color: var(--ao-white1);
    margin-bottom: 4px;
}

.document-toolbar-revisions {
    max-height: calc(30vh);
    overflow-y: auto;
    margin-right: 0;
    background-color: var(--ao-white1);
}

.main-document-revisions-label {
    padding-left: 36px !important;
}

.main-document-notes-label {
    padding-left: 36px !important;
}

.main-document-view-revisions {
    padding: 16px 8px 8px 19px !important;
}

.ao-card-document-revisions {
    min-height: 80px !important;
    padding: 18px 0 8px 42px !important;
}

.document-revision-title {
    font-weight: bold;
}

.main-document-view-notes {
    padding: 16px 8px 8px 19px !important;
    margin-bottom: 10px !important;
}

.ao-card-document-notes {
    min-height: 80px !important;
    padding: 18px 0 8px 42px !important;
    margin-bottom: 10px !important;
}

.document-note-title {
    font-weight: bold;
    display: inline-block;
}

    .document-note-title:hover {
        cursor: pointer;
    }

.document-revision-title:hover {
    cursor: pointer;
}

.icon-card-document-revisions {
    background-image: var(--icon-arrow-up-black);
    transform: rotate( 90deg );
    height: 10px;
    width: 25px;
    background-repeat: no-repeat;
    color: var(--ao-gray1);
    cursor: pointer;
    padding-top: 18px;
    display: block;
    float: right;
    margin-right: 18px;
}

.icon-gray-bar-document-revisions {
    height: 40px;
    margin-top: -10px !important;
    float: right;
    display: block;
    right: 56px;
    width: 1px !important;
    background-color: var(--ao-gray16);
    padding: 0;
    position: relative;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.document-revisions-rightside {
    padding-top: 12px;
}

.icon-gray-bar-document-notes {
    height: 100%;
    float: left;
    align-content: center;
    display: block;
    right: 0;
    width: 1px !important;
    background-color: var(--ao-gray16);
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.icon-card-document-notes {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.document-note-text {
    padding-top: 10px;
}

.document-note-rightside {
    align-items: center;
}

.document-note-action {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.add-to-folder-badge-placeholder {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 10px;
}

.main-content-easter-egg {
    background: transparent linear-gradient(270deg, var(--ao-white3) 0%, var(--ao-white1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.89;
    cursor: pointer;
}

.display-none {
    display: none;
}

.main-content-breadcrumb {
    min-height: 64px;
    box-shadow: inset 0px 3px 7px 0px var(--ao-boxshadow2);
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 14px;
    background-color: var(--ao-gray6);
}

.bread-crumb > a {
    text-decoration: underline;
}

.bread-crumb > a {
    color: var(--ao-gray1);
    letter-spacing: 0;
    word-spacing: 0;
}

.icon-crumb {
    transform: rotate(90deg);
    color: var(--ao-gray1);
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 4px;
    background: var(--icon-arrow-up-black) no-repeat;
    position: relative;
}

.previous-next-document {
    align-self: center;
    margin-right: 16px;
}

.icon-previous-document {
    background-image: var(--icon-arrow-up-black);
    transform: rotate(270deg);
    height: 10px;
    width: 25px;
    float: left;
    background-repeat: no-repeat;
    color: var(--ao-gray1);
    cursor: pointer;
    margin-left: 32px;
}

.icon-next-document {
    background-image: var(--icon-arrow-up-black);
    transform: rotate(90deg);
    height: 10px;
    width: 25px;
    float: left;
    background-repeat: no-repeat;
    color: var(--ao-gray1);
    cursor: pointer;
}

    .icon-disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }

.main-content-toolbox {
    min-height: 64px;
    background: var(--ao-white1) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 8px 32px 8px 48px;
}

    .main-content-toolbox > div {
        padding: 0;
        margin: 0;
    }

        .main-content-toolbox > div:first-child {
            padding-left: 24px;
            padding-right: 8px;
        }

        .main-content-toolbox > div:nth-child(2) {
            padding-left: 8px;
        }

.main-content-toolbar {
    padding-left: 0;
    background-color: var(--ao-white1);
    -webkit-box-shadow: inset 0px 7px 6px -3px rgb(0 0 0 / 16%);
    -moz-box-shadow: inset 0px 7px 6px -3px rgb(0 0 0 / 16%);
    box-shadow: inset 0px 7px 6px -3px rgb(0 0 0 / 16%);
}

.main-content-toolbar-line {
    width: 100%;
    box-shadow: 1px 0 25px 8px var(--ao-boxshadow2);
}

.main-document-view {
    background-color: var(--ao-white1);
    height: auto; /* was inherit — always claimed the full container height even when content was
        short, manufacturing overflow together with the sticky bar's flow height (ALRG-25107) */
    flex: 0 0 auto; /* was 1 1 auto — size to actual content instead of stretching to fill the
        scroll container; the container (.main-document-row / .main-search-document-row) keeps its
        own bounded height + overflow-y:auto, so long documents still scroll correctly */
    align-self: flex-start; /* belt-and-suspenders for the .main-search-document-row wrapped-row case,
        where default align-items:stretch would otherwise stretch this to fill its flex line */
    min-height: 0;
    padding-left: 48px;
    padding-top: 16px;
    width: 100%;
    padding-right: 16px;
}
    /* The following are Publishing specific within the document view area, this will override Bootstrap default properties */
    .main-document-view h5 {
        font-weight: bold;
    }

    .main-document-view p {
        font-size: 10pt;
    }

    .main-document-view td {
        font-size: 10pt;
    }

    .main-document-view ul {
        font-size: 10pt;
    }

ul.global-normal {
    list-style-type: disc !important;
}

/* Nested ul should be circle*/
ul ul.global-normal {
    list-style-type: circle !important ;
}

/* moving forward, any override for Bootstrap properties to cater Publishing and document specific display will be define in this area above^ */

.main-document-sticky-bar {
    position: sticky;
    flex: 0 0 auto; /* pinned 1px bar — doesn't share the flex line with .main-document-view */
    width: 100%;
    top: 0;
    box-shadow: 1px 0 25px 8px var(--ao-boxshadow2);
    background-color: var(--ao-boxshadow2);
    height: 1px;
    z-index: 1;
}

.selected-library-collection {
    font-size: 14px;
    color: var(--ao-gray2);
}

.selected-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--ao-black1);
    margin-right: 0;
    padding-right: 0;
}
/*
.document-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 8px;
}
    .document-toolbar > div.row:nth-child(2) {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        height: fit-content;
        bottom: 0;
    }
    .document-toolbar > .row > span {
        text-align: center;
        padding-right: 16px;        
        bottom: 0;
        display: grid;
    }
        .document-toolbar > .row > span:nth-child(4) {
            padding-right: 8px;
        }
        .document-toolbar > .row > span:nth-child(7) {
            padding-right: 8px;
        }
        .document-toolbar .row > span > label {
            font-size: 12px;
            padding-top: 5px;
        }
.col-document-toolbar {
    padding-top: 8px !important;
}

*/
.col-document-toolbar > div.row {
    padding: 0;
    margin: 0;
}

.ao-document-marque {
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    min-width: 240px;
    height: 32px;
    margin-top: 4px;
    background: var(--ao-red1) 0% 0% no-repeat padding-box;
    border: 2px solid var(--ao-red1);
    border-radius: 2px;
    opacity: 1;
}

.ao-label-marque {
    padding: 4px 10px 0 10px;
    display: block;
    letter-spacing: 0px;
    color: var(--ao-gray4);
    opacity: 1;
    text-align: center;
    font-size: 14px;
}

.document-toolbar {
    /*display: flex;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    height: 100%;
    float: right;
    width: 100%;
    background-color: var(--ao-white1);
    margin: 0;
    */
    padding: 8px 0 0 40px;
    float: right;
}

    .document-toolbar > .btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .document-toolbar > div {
        width: min-content;
        padding-left: 8px;
        font-size: 14px;
    }

        .document-toolbar > div:nth-child(1) {
            margin-left: 8px;
        }

        .document-toolbar > div:nth-child(3) {
            margin-left: 8px;
        }

        .document-toolbar > div:nth-child(4) {
            margin-left: 8px;
        }

        .document-toolbar > div:nth-child(6) {
            padding-left: 0;
        }

        .document-toolbar > div:nth-child(7) {
            margin-left: 8px;
        }

        .document-toolbar > div:nth-child(8) {
            width: 29px;
            margin-left: 16px;
        }

        .document-toolbar > div:nth-child(9) {
            padding-left: 0;
        }

.toolbar-badge {
    top: -20px !important;
    left: -10px !important;
}

.icon-folder {
    display: inline-block;
    width: 32px;
    height: 26px;
    background: var(--toolbar-folder-inactive) no-repeat;
    position: relative;
}

    .icon-folder:hover {
        background: var(--toolbar-folder-hover) no-repeat;
    }

.icon-heart {
    display: inline-block;
    width: 32px;
    height: 26px;
    margin-left: 12px;
    background: var(--toolbar-heart-inactive) no-repeat;
    position: relative;
}

    .icon-heart:hover {
        background: var(--toolbar-heart-active) no-repeat;
    }

.toolbar-icon-heart-active {
    background: var(--toolbar-heart-active) no-repeat !important;
}

.icon-mail {
    display: inline-block;
    width: 32px;
    height: 26px;
    margin-left: 8px;
    background: var(--toolbar-email-inactive) no-repeat;
    position: relative;
}

    .icon-mail:hover {
        background: var(--toolbar-email-hover) no-repeat;
    }

.icon-printer {
    display: inline-block;
    width: 32px;
    height: 26px;
    margin-left: 3px;
    background: var(--toolbar-printer-inactive) no-repeat;
    position: relative;
}

    .icon-printer:hover {
        background: var(--toolbar-printer-hover) no-repeat;
    }

.icon-notes {
    display: inline-block;
    width: 32px;
    height: 26px;
    margin-left: 5px;
    background: var(--toolbar-notes-inactive) no-repeat;
    position: relative;
}

    .icon-notes:hover {
        background: var(--toolbar-notes-hover) no-repeat;
    }

    .icon-notes > span.badge {
        background-color: var(--ao-red1);
        color: white;
        border-radius: 54%;
        width: 16px;
        height: 16px;
        text-align: center;
        font-size: 10px;
        margin-left: 21px;
        position: absolute;
        margin-top: -8px;
        padding-top: 3px;
        padding-left: 4px;
    }

.icon-revision {
    display: inline-block;
    width: 32px;
    height: 26px;
    margin-left: 12px;
    background: var(--toolbar-revisions-inactive) no-repeat;
    position: relative;
}

    .icon-revision:hover {
        background: var(--toolbar-revisions-hover) no-repeat;
    }

.icon-expand {
    display: inline-block;
    width: 32px;
    height: 24px;
    margin-left: 8px;
    background: var(--toolbar-expand-inactive) no-repeat;
    position: relative;
}

    .icon-expand:hover {
        background: var(--toolbar-expand-hover) no-repeat;
    }

.icon-close-x-revision {
    -webkit-mask: var(--icon-close-x) no-repeat;
    mask: var(--icon-close-x) no-repeat;
    padding-left: 23px;
    position: relative;
    background-color: var(--ao-gray1);
    float: right;
    display: block;
    margin-right: 24px;
    height: 28px;
    cursor: pointer;
}

.icon-gray-bar {
    width: 1px !important;
    background-color: var(--ao-gray16);
    padding: 0;
    position: relative;
    padding-left: 0 !important;
    height: 47px;
    margin-top: 8px !important;
    margin-left: 0 !important;
}

.icon-gray-bar-small {
    height: 30px !important;
    margin-top: 5px !important;
}

.notes-accordion {
    margin-top: 8px;
    margin-left: -16px;
}

    .notes-accordion > button {
        margin-left: -16px;
    }

.icon-notes-arrow-up {
    background-image: var(--icon-arrow-up-blue);
    background-repeat: no-repeat;
    transform: rotate( 180deg );
    height: 10px;
    width: 25px;
    color: var(--ao-gray1);
    position: relative;
    cursor: pointer;
    display: block;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
}

.icon-notes-arrow {
    background-image: var(--icon-arrow-up-black);
    background-repeat: no-repeat;
    transform: rotate( 90deg );
    height: 10px;
    width: 25px;
    position: relative;
    color: var(--ao-gray1);
    cursor: pointer;
    display: block;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
}

.new-notes-textarea {
    height: 152px !important;
    resize: none;
}


.icon-notes-graybar {
    float: right;
    background-color: var(--ao-gray5);
    width: 1px;
    height: 32px;
    top: -38px;
    left: -28px;
}

.toolbar-notes-header, .toolbar-new-notes-header {
    font-size: 24px;
    font-weight: bold;
    color: var(--ao-gray1);
    padding-left: 8px;
    min-height: 50px;
}

.new-notes-section {
    padding-bottom: 32px;
}

.toolbar-new-notes-section {
    align-content: center;
    height: auto;
    max-width: 60%;
}

.toolbar-document-note-header {
    border-bottom: none !important;
}

.span-toolbar-notes-close {
    float: right;
}

.toolbar-add-notes {
    color: var(--ao-white1);
    font-size: 15px !important;
    font-weight: bold !important;
    background-color: var(--ao-blue1);
    float: left;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    width: 200px !important;
}

.toolbar-save-notes {
    float: right;
    background-color: var(--ao-blue3);
    color: var(--ao-white1);
}

.toolbar-cancel-notes {
    font-weight: bold;
    color: var(--ao-blue3);
}

.toolbar-notes-close {
    -webkit-mask: var(--icon-close-x) no-repeat;
    mask: var(--icon-close-x) no-repeat;
    padding-left: 23px;
    position: relative;
    background-color: var(--ao-gray1);
    float: right;
    display: block;
    margin-right: 24px;
    height: 28px;
    cursor: pointer;
}

.toolbar-new-notes-close {
    -webkit-mask: var(--icon-close-x) no-repeat;
    mask: var(--icon-close-x) no-repeat;
    padding-left: 23px;
    position: relative;
    background-color: var(--ao-gray1);
    float: right;
    display: block;
    margin-right: 24px;
    height: 28px;
    cursor: pointer;
}

.toolbar-notes-top {
    position: relative;
    top: 0;
    float: right;
    min-height: 50px;
    width: 340px;
}

.notes-card-header {
    background-color: var(--ao-white1);
    border: 1px solid var(--ao-gray5);
    margin-bottom: 4px !important;
    padding: 8px 8px 16px 24px;
    border-radius: 4px !important;
    box-shadow: 0px 2px 2px var(--ao-gray5);
}

.notes-card-collapse {
    display: flex;
}

.notes-card-icon-col {
    padding-top: 10px;
    border-right: 1px solid var(--ao-gray5);
}

.notes-card-arrow-col {
    align-self: center;
    text-align: -webkit-center;
}

.icon-edit-notes {
    background-image: var(--icon-pencil);
    background-repeat: no-repeat;
    height: 26px;
    float: right;
    width: 24px;
    position: absolute;
    right: 24px;
}

.icon-delete-notes {
    background-image: var(--icon-trash);
    background-repeat: no-repeat;
    height: 32px;
    bottom: 8px;
    position: absolute;
    right: 24px;
    width: 24px;
}

.notes-card-link > span {
    font-size: 16px;
    color: black;
    font-weight: bold;
    display: block;
}

    .notes-card-link > span:nth-child(2) {
        font-size: 14px;
        font-weight: normal;
    }

.notes-card-link:hover {
    text-decoration: none;
}

.notes-card-body {
    padding-left: 0;
}

.main-view-area {
    padding: 0 !important; /* .col no gutters */
    height: 100%;
}

    .main-view-area .row {
        margin: 0 !important;
    }

    .main-view-area .library-submenu {
        position: fixed;
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px var(--ao-boxshadow2);
        opacity: 1;
        align-content: center;
    }

    .main-view-area .library-document-area {
        position: relative;
        height: 95%;
        top: 40px;
        overflow-y: auto;
    }

    .main-view-area .row:first-child .col-1 {
        padding: 0 !important;
    }

    .main-view-area .row:first-child .col-5 {
        padding-top: 10px;
    }

        .main-view-area .row:first-child .col-5 div {
            width: fit-content;
            float: left;
        }

            .main-view-area .row:first-child .col-5 div:not(:first-child) {
                margin-left: 61px;
            }

            .main-view-area .row:first-child .col-5 div.selected-submenu {
                font-weight: bold;
                content: "";
                display: block;
                border-bottom: 6px solid var(--ao-gray1);
            }

.icon-announcement-blue {
    background: var(--icon-announcement-blue) 100% no-repeat;
    padding-left: 32px;
    background-size: 24px auto;
    padding-top: 24px;
    position: relative;
    top: 12px;
    left: 0;
}

.scroll-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 20px;
    display: none;
}

    .scroll-to-top > .icon-previous-document {
        transform: rotate( 360deg );
        margin-left: 0;
    }

/* END: View Document */
.hidden-path {
    display: none !important;
}

.smart-search-box {
    width: 98%
}

.one-liner-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.highlight-label-blue {
    color: var(--ao-blue7);
    text-decoration: underline;
    font-weight: bold;
}

.two-liner-ellipsis {
    text-overflow: ellipsis;
    /* stuff below used to append ellipses in second line. This will not work in IE11*/
    /* line clamping with ellipsis works only input webkit (Chrome, Safari, Edge)
            Will still work input other browsers without the ellipsis (Firefox, IE)
            https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
         */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2em;
    line-height: 1em;
}

.without-max-height {
    max-height: none !important;
}

#MessageBoxModal {
    z-index: 9999;
}

.document-note-action {
    justify-content: right;
}

.delete-document-note {
    cursor: pointer;
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

.edit-document-note {
    cursor: pointer;
    width: 30px !important;
    height: 30px !important;
    margin-top: 5px !important;
}

.delete-toolbar-document-note {
    cursor: pointer;
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 5px !important;
}

.edit-toolbar-document-note {
    cursor: pointer;
    width: 30px !important;
    height: 30px !important;
    margin-top: 5px !important;
}

.edit-document-note-badge {
    display: flex;
    flex-direction: row;
    margin-right: 10px !important;
    align-self: flex-start;
    height: 48%;
    align-items: flex-start;
    justify-content: center;
}

.document-note-arrow-badge {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-self: center;
    align-items: center;
    justify-content: center;
}

.delete-document-note-badge {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    height: 48%;
    margin-right: 10px !important;
    align-items: flex-end;
    justify-content: center;
}

.document-note-public {
    position: relative;
    color: var(--ao-white1);
    background: var(--ao-blue1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border-radius: 5px 5px;
    margin: 3px 5px 3px 3px;
    padding: 3px 5px 3px 5px;
    opacity: 1;
    align-content: center;
}

.text-area-fixed-height {
    resize: none;
    overflow-y: auto;
}

span.has-error,
.has-error > span {
    color: var(--ao-red2);
}

/* Firefox specific compatibility properties */
@media all and (min--moz-device-pixel-ratio:0) {
    .home-content {
        height: 100%;
    }

    .pl-header-row > .pl-col-date, .pl-col-status {
        margin-left: 0 !important;
    }

    input.bp-partial-selected[type="checkbox"] {
        -moz-appearance: initial;
        border: 2px solid var(--ao-gray19);
        width: 14px;
        height: 14px;
        border-radius: 2px;
    }

    input.bp-partial-selected::after {
        top: -4px !important;
        left: 1px !important;
        font-size: 12px !important;
    }

    input.acetopic-partial-selected[type="checkbox"] {
        -moz-appearance: initial;
        border: 2px solid var(--ao-gray19);
        width: 14px;
        height: 14px;
        border-radius: 2px;
    }

    input.acetopic-partial-selected::after {
        top: -4px !important;
        left: 1px !important;
        font-size: 12px !important;
    }
}


@supports (not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:"*") {
    input.batch-print-node-checkbox[type="checkbox"] {
        -ms-user-select: none;
        user-select: none;
    }

    input.bp-expanded-revision[type="checkbox"]:checked {
        filter: sepia(22%) saturate(2332%) hue-rotate(180deg) brightness(100%) contrast(100%);
    }

    input.batch-print-node-checkbox[type="checkbox"]:checked {
        filter: sepia(22%) saturate(2332%) hue-rotate(180deg) brightness(100%) contrast(100%);
    }
}

@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
    .header-logo {
        background-image: url("../assets/logo-allregs-white.svg") !important;
    }

    .header-search-icon {
        background: url("../assets/icon-search.svg") 100% no-repeat !important;
    }

    .header-blue-dot {
        background: url("../assets/shape-blue-dot.svg") 100% no-repeat !important;
    }

    .header-print-icon {
        background: url("../assets/icon-printer.svg") 100% no-repeat !important;
    }

    .header-help-icon {
        background: url("../assets/icon-help.svg") 100% no-repeat !important;
    }

    .header-notes-icon {
        background: url("../assets/icon-notes-gray.svg") 100% no-repeat !important;
    }

    .header-favorite-icon {
        background: url("../assets/icon-favorite.svg") 100% no-repeat !important;
    }

    .header-recent-icon {
        background: url("../assets/icon-recent.svg") 100% no-repeat !important;
    }

    .header-chevron-down {
        background: url("../assets/icon-arrow-down-white.svg") 100% no-repeat !important;
    }

    .header-notification-true {
        color: var(--ao-white1) !important;
    }

    .header-notification-true {
        color: var(--ao-white1) !important;
    }
}
/*START: Notes Private - public switch*/
.switch-labels {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: var(--ao-gray2);
}

.switch {
    position: relative;
    display: inline-block;
    background: var(--ao-gray20) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    width: 240px;
    height: 30px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: inherit;
    width: inherit;
}

    .slider:before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        content: "Public";
        font-weight: bold;
        color: var(--ao-blue2);
        height: 100%;
        width: 46.6%;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: inherit;
        box-shadow: 0px 3px 6px var(--ao-boxshadow2);
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
    }



input[type=checkbox] ~ .slider {
    box-shadow: 0 0 1px var(--ao-gray20);
}

input[type=checkbox]:not(:checked) ~ .slider:before {
    -webkit-transform: translateX(calc(100% + 15% + 0px));
    -ms-transform: translateX(calc(100% + 15% + 0px));
    transform: translateX(calc(100% + 15% + 0px));
    content: "Private"
}
/*END: Notes Private - public switch*/

.home-overlay {
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    position: fixed;
    background-color: var(--ao-gray22);
}

.home-show-overlay {
    opacity: 70%;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    background-color: var(--ao-gray22);
}

.home-show-overlay-genai {
    opacity: 70%;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    background-color: var(--ao-gray22);
}

.home-index {
    z-index: -1;
}

.cursor-pointer {
    cursor: pointer;
}

.icon-folder-plus-active {
    background: var(--icon-folder-plus-active) 0% 0% no-repeat padding-box;
    background-size: 32px auto;
    width: 32px;
    height: 32px;
}
/* Region: */
.toggle-switch {
    position: relative;
    width: 48px;
    height: 24px;
}
    /* Hide default HTML checkbox */
    .toggle-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/* The slider */
.toggle-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--ao-gray5);
    -webkit-transition: .4s;
    transition: .4s;
}

    .toggle-switch-slider:before {
        position: absolute;
        left: 2px;
        content: "";
        height: 18px;
        width: 19px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .toggle-switch-slider {
    background-color: var(--ao-blue5);
}

input:focus + .toggle-switch-slider {
    box-shadow: 0 0 5px var(--ao-blue5);
}

input:checked + .toggle-switch-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.toggle-switch-slider.toggle-switch-round {
    border-radius: 36px;
}

    .toggle-switch-slider.toggle-switch-round:before {
        border-radius: 50%;
    }
/*Common CSS to Create a Cancel Link*/
.cancel-action-link {
    text-decoration: underline;
    color: var(--ao-blue1);
    font-weight: bold;
}
/*Region START: Common CSS for Custom Dropdown List*/
.custom-dropdown {
    position: relative;
    cursor: pointer;
}

    .custom-dropdown select {
        display: none; /*hide original SELECT element:*/
    }
/*point the arrow upwards when the select box is open (active):*/
.selected.select-arrow-active:after {
    border-color: transparent transparent var(--ao-white1) transparent;
    top: 7px;
}
/*style items (options):*/
.select-options {
    position: absolute;
    background-color: var(--ao-white1);
    top: 100%;
    left: 1px;
    right: 0;
    z-index: 99;
    width: 298px;
}
/*inner div which opens the ddl click of ddl*/
.select-items-options {
    position: absolute;
    background-color: var(--ao-white1);
    top: 87%;
    left: 1px;
    right: 0;
    z-index: 99;
    width: 298px;
    max-height: 150px;
    overflow-y: scroll;
}
/*main div of the ddl*/
.selected-options {
    background: var(--ao-white1);
    width: 170px;
    height: 38px;
    border: 0.5px solid var(--ao-gray16);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 4px;
    align-items: center;
}

.selected.selected-options:focus {
    box-shadow: 0 0 5px var(--ao-blue6);
    outline: none;
}

.form-control:focus {
    box-shadow: 0 0 5px var(--ao-blue6);
    outline: none;
}

.input:focus-within {
    box-shadow: 0 0 5px var(--ao-blue6);
    border-radius: 36px;
}

.select-options .selected {
    color: var(--ao-black1);
    padding: 7px 16px;
    cursor: pointer;
    user-select: none;
}

.select-options div:nth-child(n+2) {
    padding: 3px 14px;
    cursor: pointer;
    user-select: none;
    color: var(--ao-gray1);
    display: flex;
    align-items: center;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-highlight {
    font-weight: bold;
}

.select-highlight-checked {
    /*TO-DO: ALRG-9590 don't remove this code, awaiting icon from the UX team*/
    /*background: var(--icon-check-mark-black);*/
    /*height: 10px;
    width: 10px;
    background-size: 11px auto;
    visibility: hidden;
    */
    position: relative;
    right: 5px;
}
/*TO-DO: ALRG-9590 need to remove this code once we receive icon from the UX team*/
.select-checked-true:before {
    visibility: visible;
    content: "\2713";
    font-size: small;
}

.select-option-header {
    font-weight: bold;
    border-bottom: 1px gray solid;
}

.select-items-pointer-none {
    pointer-events: none;
}

.select-options div:nth-child(n+2):hover {
    background-color: var(--ao-blue3);
    color: var(--ao-white1);
}

.select-hover {
    background-color: var(--ao-blue3);
    color: var(--ao-white1) !important;
}

.select-has-error {
    font-size: small;
    color: var(--ao-red2);
}

.select-error-hide {
    display: none;
}

.div-error-border {
    border-color: var(--ao-red2);
}
/*Region END: Common CSS for Custom Dropdown List*/
/* BEGIN: Custom row that can be reused, currently use in Federal Compliance > Disclosure Matrix */
.custom-row-toc-container {
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
}

.custom-main-content-area {
    /* Fit the content, not the viewport. This area sits BELOW the header + main nav
       inside <homemain>, so a viewport-relative height (100vh / calc(100vh - 32px))
       is ~150px taller than the space available — that excess overflowed homemain
       (outer scrollbar) and left an empty gap above the footer. The inner
       #dm-results-area is sized adaptively from homemain by JS, so height:auto here
       fits exactly and lets that grid use the full remaining height (ALRG-24992). */
    height: auto;
    min-height: 0;
    margin-top: 16px;
}

    .custom-main-content-area > div:first-child {
        width: 256px;
    }

    .custom-main-content-area > div:last-child {
        width: 204px;
    }

@media (max-width: 1632px) {
    .custom-main-content-area > div:first-child {
        width: 16px;
    }

    .custom-main-content-area > div:last-child {
        width: 16px;
    }
}

.disclosure-matrix-icon {
    background: var(--icon-disclosure-matrix) 100% no-repeat;
    background-size: 34px auto;
    margin-left: 34px;
    width: 34px;
    height: 34px;
}

.disclosure-matrix-header {
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
    padding: 8px;
}

.disclosure-matrix-title {
    color: var(--ao-gray1);
    font-size: 24px;
    font-weight: bold;
    padding-left: 16px;
}

.custom-button-header {
    border: 2px solid var(--ao-blue8);
    border-radius: 2px;
    opacity: 1;
    color: var(--ao-blue8);
    cursor: pointer;
    display: inherit;
    font-weight: bold;
    font-size: 16px;
    height: 32px;
    padding: 3px 16px 3px 8px;
}

    .custom-button-header.custom-margin {
        margin-right: 0;
        margin-left: auto;
    }

    .custom-button-header:hover {
        color: var(--ao-gray17);
        border: 2px solid var(--ao-gray17);
    }

        .custom-button-header:hover > i.export-matrix-icon {
            background-color: var(--ao-gray17);
        }

        .custom-button-header:hover > i.print-matrix-icon {
            background-color: var(--ao-gray17);
        }

.print-matrix {
    margin-left: 16px;
    width: 168px;
}

    .print-matrix > i {
        background-color: var(--ao-blue8);
        position: relative;
        margin-right: 16px;
    }



.dm-matrix-button {
    width: 168px !important;
}

.dm-print-matrix {
}

    .dm-print-matrix > i {
        background-color: var(--ao-blue8);
        position: relative;
        margin-right: 16px;
    }

.export-matrix-icon {
    -webkit-mask: var(--icon-export-matrix) no-repeat;
    mask: var(--icon-export-matrix) no-repeat;
    background-color: var(--ao-blue8);
    height: 21px;
    width: 21px;
    background-size: 21px auto;
    cursor: pointer;
    display: inline-block;
    margin-right: 16px;
    position: relative;
}

.print-matrix-icon {
    margin-top: 2px;
    position: absolute;
    display: inline-block;
    -webkit-mask: var(--icon-printer) no-repeat;
    mask: var(--icon-printer) no-repeat;
    background-color: white;
    height: 16px;
    width: 14px;
    cursor: pointer;
}

.dm-header-row1 {
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    border-top: 0.5px solid var(--ao-gray31);
    border-left: 0.5px solid var(--ao-gray31);
    border-right: 0.5px solid var(--ao-gray31);
    opacity: 1;
}

.dm-header-row2 {
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    opacity: 1;
}

/* State Compliance > Disclosure Matrix: with a state's full filter set, the FILTER BY block
   (.dm-header-row2) is pinned by Bootstrap's .flex-shrink-0 in the markup, so on a short
   viewport it consumed all the height and left no room for the results panel below. Let just
   this block yield space and scroll internally when things are tight — the results grid stays
   visible and keeps its own scroll. Scoped to #dm-state-filters so the Federal DM's shared
   .dm-header-row2 (JS-sized, different layout) is unaffected. (ALRG-24992) */
#dm-state-filters .dm-header-row2 {
    flex-shrink: 1 !important;  /* override the .flex-shrink-0 utility so it yields space to results */
    min-height: 10rem;          /* ...but keep a floor (~2 filter rows) so it never collapses to an empty strip when results are present */
    overflow-y: auto;           /* scroll the remaining filters within that bounded height */
    overflow-x: hidden;
}

.dm-column-label {
    font-size: 14px;
    font-weight: bold;
    color: var(--ao-gray30);
}

.dm-column-label1 {
    font-weight: bold;
    color: var(--ao-gray30);
}

.pf-column-label1 {
    font-weight: bold;
    color: var(--ao-gray30);
}

.pf-col-filter {
    min-width: 120px;
}

.dm-col-filter {
    min-width: 135px;
}

.cc-col-expand {
    min-width: 135px;
}

.dm-item-label {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 8px 0 0;
    color: var(--ao-gray32);
    min-width:fit-content;
}

.state-dm-item-label {
    padding: unset !important;
}

.pf-header-column-state {
    width: 13% !important;
}

.state-dm-item-label1 {
}

.state-dm-custom-col {
}


.state-dm-button-label {
    margin-left: 24px !important;
}

.state-dm-export-matrix-icon {
    margin-top: 2px;
    position: absolute;
    display: inline-block;
    -webkit-mask: var(--icon-export-matrix) no-repeat;
    mask: var(--icon-export-matrix) no-repeat;
    background-color: var(--ao-white1);
    height: 16px;
    width: 14px;
    cursor: pointer;
}

.state-dm-content-main {
    margin-left: 8px;
    margin-right: 8px;
}

.state-dm-welcome-header {
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    height: 64px;
}



.expand-chevron {
    margin-top: 5px;
    position: absolute;
    display: inline-block;
    -webkit-mask: var(--icon-arrow-down-black) no-repeat;
    mask: var(--icon-arrow-down-black) no-repeat;
    background-color: var(--ao-white1);
    height: 9px;
    width: 23px;
    cursor: pointer;
    /*margin-left: -15px;*/
}

.collapse-chevron {
    margin-top: 1px;
    position: absolute;
    display: inline-block;
    -webkit-mask: var(--icon-arrow-down-black) no-repeat;
    mask: var(--icon-arrow-down-black) no-repeat;
    background-color: var(--ao-white1);
    height: 12px;
    width: 23px;
    cursor: pointer;
    /*margin-left: -10px;*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.expand-collapse-label {
    margin-left: 26px !important;
}

.btn-expand-collapse {
    width: 134px !important;
    margin-top: 3px;
}

.btn-expand-collapse-pf {
    width: 117px !important;
    margin-top: 3px;
}

.expand-collapse-label-pf {
    margin-right: -19px;
    margin-left: 9px !important;
}

.expand-chevron-pf-mrg {
    margin-left: -19px;
}

.collapse-chevron-pf-mrg {
    margin-left: -15px;
}

.dm-custom-row {
    border-bottom: 0.5px solid var(--ao-gray31);
    opacity: 1;
    padding: 8px 11px 8px 11px;
}

    .dm-custom-row:last-child {
        border-bottom: 0;
    }

    .dm-custom-row > .col {
        padding: 0 !important;
    }

.dm-column-white {
    background-color: var(--ao-white1);
}

.dm-custom-col {
    border-left: 0.5px solid var(--ao-gray31);
}

.dm-custom-select {
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
    width: 216px;
    height: 32px;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border: 1px solid var(--ao-gray31);
    border-radius: 0;
    opacity: 1;
}

.dm-custom-select1 {
    width: 169px;
}

.dm-custom-select2 {
    width: 209px;
}

.dm-custom-select3 {
    width: 198px;
}

.dm-custom-select4 {
    width: 260px;
}

.dm-custom-select5 {
    width: 160px;
}

.dm-custom-select6 {
    width: 148px;
}


.dm-loan-type-col {
    padding-left: 86px;
}

.dm-amortization-type-col {
    padding-left: 44px;
}

.dm-property-type-col {
    padding-left: 16px;
}

.dm-loan-purpose-col {
    padding-left: 14px;
}

.dm-last-row-col {
    padding-left: 17px;
}

.dm-content-area {
    overflow-y: auto; /* was scroll — no permanent scrollbar track */
    overflow-x: hidden;
    min-height: 0; /* height is set adaptively by JS from homemain (_DMIndex/_DisclosureMatrix); no fixed vh so it can't exceed the viewport (ALRG-24992) */
    background: var(--ao-white1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
}

.dm-search-area {
    display: flex;
    padding: 12px;
    border-left: 0.5px solid var(--ao-gray31);
}

.dm-states-area {
    border-left: 0.5px solid var(--ao-gray31);
}

    .dm-states-area .cancel-action-link {
        outline: none !important;
        box-shadow: none !important;
        padding: unset !important;
        margin-right: 8px;
    }

    .dm-states-area .state-pill-area {
        padding: 8px 4px;
        max-height: 6em;
        line-height: 1em;
        overflow-y: auto;
        overflow-x: hidden;
    }

.dm-search-icon {
    -webkit-mask: var(--icon-search) no-repeat;
    mask: var(--icon-search) no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    padding-left: 18px;
    position: relative;
    background-color: var(--ao-gray30);
    margin-top: 10px;
    margin-right: 16px;
    width: 24px;
}

.state-dm-search-icon {
    margin-top: unset !important;
    margin-right: unset !important;
    padding-left: unset !important;
    height: 24px;
}

.dm-search-box {
    top: 255px;
    left: 652px;
    width: 545px;
    height: 41px;
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    border-radius: 2px;
    opacity: 1;
    color: var(--ao-gray2);
    font-size: 18px;
    font-weight: bold;
}

.dm-select-all-text {
    color: var(--ao-gray22);
    font-size: 13px;
    width: 208px;
}

.badge-pill.dm-state-badge {
    background-color: var(--ao-white1);
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    margin: 2px 4px;
}

    .badge-pill.dm-state-badge > .badge-title {
        color: var(--ao-black1);
        font-size: 16px;
        font-weight: normal !important;
    }

    .badge-pill.dm-state-badge > .remove-pill {
        font-size: 16px;
        color: var(--ao-gray2);
        border-left: 0.5px solid lightgray;
        margin-left: 8px;
        padding-left: 4px;
        display: flex;
        align-items: center;
    }

        .badge-pill.dm-state-badge > .remove-pill:hover {
            cursor: pointer;
            color: var(--ao-black1);
        }

.state-dm-search-box {
    top: unset !important;
    left: unset !important;
    width: 100% !important;
}

.dm-search-button {
    float: right;
    position: absolute;
    right: 20px;
}

.state-dm-search-button {
    width: 100% !important;
}

.dm-citations-value {
    color: var(--ao-gray25);
}

span.dm-arrow {
    background-image: var(--icon-arrow-up-black);
    display: inline-block;
    height: 10px;
    width: 25px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 6px;
    position: relative;
}

span.icon-arrow-right-dm {
    background-image: var(--icon-chevron-right);
    display: inline-block;
    height: 44px;
    width: 26px;
    background-repeat: no-repeat;
    position: relative;
    margin-left: -12px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 18px;
}

    span.icon-arrow-right-dm:hover {
        cursor: pointer;
    }

.expand-collapse-svg {
    margin-right: 10px;
    position: relative;
    right: 12px;
    bottom: 7px;
}

.toggle-arrow-right {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    top: 28px !important;
    left: 10px !important;
}

.toggle-arrow-down {
    left: 0;
}

span.dm-panel-title-doc > .accordion-toggle[aria-expanded="true"] > span.icon-arrow-right-dm {
    left: 0;
}

span.dm-panel-title-doc > .accordion-toggle[aria-expanded="false"] > span.icon-arrow-right-dm {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 28px;
    left: 10px;
}


span.icon-arrow-right-state-dm {
    background-image: var(--icon-chevron-right);
    display: inline-block;
    height: 26px;
    width: 26px;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -12px;
}

    span.icon-arrow-right-state-dm:hover {
        cursor: pointer;
    }

span.state-dm-panel-title-doc > span[aria-expanded="false"].icon-arrow-right-state-dm {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.2s;
}

span.state-dm-panel-title-doc > span[aria-expanded="true"].icon-arrow-right-state-dm {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s;
}

.state-dm-doc-panel-body {
    margin-top: 16px;
}

.state-dm-doc-panel-content {
    margin-left: 16px;
}

.state-dm-panel-doc {
    margin-left: 40px !important;
}

span.dm-panel-title > .accordion-toggle[aria-expanded="true"] > span.dm-arrow {
    background-image: var(--icon-arrow-up-black);
    display: table-cell;
    height: 10px;
    width: 25px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
    position: relative;
}

span.dm-panel-title > .accordion-toggle[aria-expanded="false"] > span.dm-arrow {
    background-image: var(--icon-arrow-up-black);
    display: inline-block;
    height: 10px;
    width: 25px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 6px;
    position: relative;
}

.dm-panel {
    padding: 18px 18px 0 18px;
}



.dm-panel-main {
    border-bottom: 0.5px solid var(--ao-boxshadow2);
    opacity: 1;
    padding-bottom: 16px;
}

    .dm-panel-main.no-border-bottom {
        border-bottom: unset !important;
    }

.dm-panel-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ao-gray1);
    opacity: 1;
}

    .dm-panel-title > a {
        color: var(--ao-gray1);
        font-weight: bold;
        text-decoration: none;
    }

    .dm-panel-title > span {
        color: var(--ao-gray1);
        font-weight: bold;
    }

.dm-panel-doc {
    padding-top: 0 !important;
    border-bottom: 0.5px solid var(--ao-boxshadow2);
    opacity: 1;
    padding-bottom: 26px;
    margin-left: 26px;
    padding-left: 0;
}

.state-dm-timing-notes {
    margin-bottom: 8px;
}

.dm-panel-main .dm-panel-doc:last-child {
    border-bottom: none;
    padding-bottom: 8px;
}

.dm-timing-name {
    padding-left: 30px;
}

.dm-timing-definition {
    width: 75%;
    padding: 8px 8px 0px 55px;
    font-weight: normal !important;
    text-align: justify;
    display: block;
}

.dm-timing-name-doc {
    padding-left: 16px;
}

.dm-panel-title-doc {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ao-gray1);
    opacity: 1;
}

    .dm-panel-title-doc > a {
        color: var(--ao-blue8);
        font-weight: bold;
        text-decoration: underline;
    }

.dm-doc-panel-extend {
    margin-left: -32px;
    margin-right: -32px;
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    opacity: 1;
}

    .dm-doc-panel-extend > .col:not(:last-child) {
        height: 49px;
        border-right: 0.5px solid var(--ao-gray31);
    }

    .dm-doc-panel-extend > .col > span {
        letter-spacing: 0;
        color: var(--ao-gray32);
        text-transform: uppercase;
        opacity: 1;
        font-size: 10px;
        font-weight: bold;
    }

    .dm-doc-panel-extend > .col > div {
        color: var(--ao-gray2);
        letter-spacing: 0;
        text-transform: uppercase;
        opacity: 1;
        font-size: 10px;
    }

.dm-doc-panel-extend-row {
    border-top: none;
    border-bottom: none;
}

.dm-doc-panel-extend-top {
    margin-top: 18px;
}

.dm-col-right-align {
    float: right;
    letter-spacing: 0;
    color: var(--ao-gray32);
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
}

.state-dm-AC-link-label {
    letter-spacing: 0;
    color: var(--ao-gray32);
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
}

.dm-citations-title {
    float: left;
    letter-spacing: 0;
    color: var(--ao-gray25);
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
}

.toolbar-notes-datetime-seperator {
    margin: 1px 5px 1px 5px;
}

.toolbar-note-editor-container {
    margin-right: 10px !important;
    margin-left: -10px !important;
}

#toolbar-document-note-error-server .has-error {
    display: flex;
    flex-direction: row;
}

.dm-citations-title {
    float: left;
    letter-spacing: 0;
    color: var(--ao-gray25);
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
}

.dm-doc-panel-row {
    margin-left: 18px;
}

.dm-custom-link {
    font-size: 12px;
    letter-spacing: 0;
    color: var(--ao-gray33);
}

    .dm-custom-link > a {
        color: var(--ao-blue8);
        font-size: 12px;
        font-weight: bold;
    }

    .dm-custom-link > span {
        font-size: 12px;
        letter-spacing: 0;
        color: var(--ao-gray33);
    }

.dm-content-size {
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ao-gray1);
}

h2.dm-message {
    margin: auto;
    color: var(--ao-gray33);
}

.dm-form-element {
    width: auto;
    display: inline-block;
    margin-left: 8px;
}

.dm-result-statecompliance {
    background-color: var(--ao-white1);
    border: 0.5px solid var(--ao-gray31);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    margin-bottom: 4px;
    padding-top: 8px;
}

/* State Compliance > Disclosure Matrix — single inner scrollbar (ALRG-24992).
   The results grid (.dm-result-statecompliance) is the only intended scroller. The AJAX-loaded
   #dm-state-filters used h-100 percentages down through .col#disclosure-matrix-main to get its
   height. That worked only while <homemain> was 114vh (outer scroll); now homemain is a bounded
   grid track, those percentages don't resolve to a bounded height, so the whole subtree grew to
   content height and was clipped by .main-content-col{overflow:hidden} — results hidden, no bar.
   Make the link an explicit bounded flex column so #dm-state-filters fills the available height
   and its inner overflow chain scrolls. Scoped with :has(#dm-state-filters) so the shared
   .forms-content / #disclosure-matrix-main wrappers on other tabs stay unaffected. */
homemain .forms-content:has(#dm-state-filters) {
    min-height: 0;
}

homemain #disclosure-matrix-main:has(#dm-state-filters) {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

homemain #dm-state-filters {
    flex: 1 1 auto;
    min-height: 0;
}

.dm-result-count {
    margin-left: 16px;
    font-size: 16px;
    font-weight: bold;
    color: var(--ao-blue8);
}
/* state pf css*/

.pf-panel {
    padding: 0px 18px 0px 18px;
}

.pf-panel-main {
    opacity: 1;
    border: 0.5px solid var(--ao-boxshadow2);
}

    .pf-panel-main.no-border-bottom {
        border-bottom: unset !important;
    }

.pf-citation-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--ao-gray1);
    opacity: 1;
    font-weight: bold;
}

.pf-notes-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--ao-gray1);
    opacity: 1;
    font-weight: bold;
}

.pf-name {
    padding-left: 30px !important;
}

.pf-panel-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: bold;
}

    .pf-panel-title > a {
        color: var(--ao-gray1);
        font-weight: bold;
        text-decoration: none;
    }

    .pf-panel-title > span {
        color: var(--ao-gray1);
        font-weight: bold;
    }

.state-pf-notes {
    margin-bottom: 8px;
}

.pf-panel-heading {
}

.pf-doc-panel-extend {
    margin-left: -18px;
    margin-right: -22px;
    background: var(--ao-white1) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    opacity: 1;
}

    .pf-doc-panel-extend > .col:not(:last-child) {
        height: 49px;
        border-right: 0.5px solid var(--ao-gray31);
        padding-left: 24px;
    }

    .pf-doc-panel-extend > .col > span {
        letter-spacing: 0px;
        color: var(--ao-grey4);
        text-transform: uppercase;
        opacity: 1;
        font-size: 10px;
        font-weight: bold;
    }

    .pf-doc-panel-extend > .col > div {
        color: var(--ao-grey4);
        letter-spacing: 0px;
        text-transform: uppercase;
        opacity: 1;
        font-size: 10px;
    }

.pf-doc-panel-extend-row {
    border: 0.5px solid var(--ao-gray31);
}

.pf-doc-panel-extend-top {
    margin-top: 0px;
}

.state-pf-doc-panel-body {
}

.panel-collapse.collapse.show .state-pf-doc-panel-body {
    padding: 16px 16px 16px 27px;
    margin: 0 -18px -5px;
    background: var(--ao-gray4);
}

.pf-result-statecompliance {
    background-color: var(--ao-white1);
    border: 0.5px solid var(--ao-gray31);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    margin-bottom: 4px;
    padding-top: 0px;
    overflow-x: hidden;
}

.pf-select-all-text {
    color: var(--ao-gray22);
    font-size: 13px;
    width: 208px;
}

.cancel-action-link-pf {
    display: inline-block !important;
    float: right;
}

.pf-btn-select-all {
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    display: inline-block !important;
    float: left;
}


span.icon-arrow-right-state-pf {
    background-image: var(--icon-arrow-up-black);
    position: absolute;
    margin-left: -25px;
    display: inline-block;
    height: 10px;
    width: 25px;
    background-repeat: no-repeat;
    top: 6px;
    position: relative;
}

    span.icon-arrow-right-state-pf:hover {
        cursor: pointer;
    }

.pf-panel-main span[aria-expanded="false"].icon-arrow-right-state-pf {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all 0.2s;
}

.pf-panel-main span[aria-expanded="true"].icon-arrow-right-state-pf {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all 0.2s;
}

.pf-custom-select1 {
    width: 80px;
}

.pf-custom-row {
    border-bottom: 0.5px solid var(--ao-gray31);
    opacity: 1;
    padding: 8px 0px 8px 8px;
    margin-left: -5px;
    margin-right: -5px;
    width: 99%;
}

    .pf-custom-row:last-child {
        border-bottom: 0;
    }

    .pf-custom-row > .col {
        padding: 5px 15px 5px 5px !important;
    }

.pf-column-white {
    background-color: var(--ao-white1);
}

.pf-custom-col {
    border-left: 0.5px solid var(--ao-gray31);
    padding: 5px;
}

.pf-custom-select {
    height: 32px;
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border: 1px solid var(--ao-gray31);
    border-radius: 0;
    opacity: 1;
}

.pf-custom-select1 {
    width: 120px;
}

.pf-custom-select2 {
    width: 90px;
}

.pf-custom-select3 {
    width: 120px;
}

.pf-custom-select4 {
    width: 148px;
}

.pf-custom-select5 {
    width: 160px;
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
}

.pf-custom-select6 {
    width: 198px;
}

.pf-custom-select7 {
    width: 209px;
}

.pf-custom-select8 {
    width: 260px;
}

.pf-footnotes {
    padding-left: 30px;
    padding-right: 45px !important;
}

.pf-footnotes-col {
    padding-left: 10px;
}

.pf-footnotes-row {
    padding: 5px 20px 0px 16px !important;
}

.pf-footnotes-row-state {
    padding: 5px 20px 2px 16px !important;
}

.permissible-fees-title {
    color: var(--ao-gray1);
    font-size: 24px;
    font-weight: bold;
    padding-left: 16px;
}

.pf-header-button-group {
    display: inline-block;
    align-items: flex-end;
    justify-content: right;
    margin-left: unset;
}

.pf-header-icon-group {
    display: inline-block;
    align-items: flex-start;
    justify-content: left;
}

.pf-print-matrix {
    margin-left: unset;
    margin-top: 8px;
}

.pf-matrix-button {
    width: 168px !important;
}

.pf-print-matrix {
}

.state-pf-export-matrix-icon {
    margin-top: 2px;
    position: absolute;
    display: inline-block;
    -webkit-mask: var(--icon-export-matrix) no-repeat;
    mask: var(--icon-export-matrix) no-repeat;
    background-color: var(--ao-white1);
    height: 16px;
    width: 14px;
    cursor: pointer;
}

.state-pf-button-label {
    margin-left: 24px !important;
}

.pf-header-row {
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    opacity: 1;
}


.pf-item-label {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 8px 0 0;
    color: var(--ao-gray32);
}


.state-pf-item-label {
    padding: unset !important;
}

.state-pf-item-label1 {
    margin-right: 8px;
}



.permissible-fees-icon {
    background: var(--icon-disclosure-matrix) 100% no-repeat;
    background-size: 34px auto;
    margin-left: 34px;
    width: 34px;
    height: 34px;
}

.pf-doc-panel-row {
    margin-left: 18px;
}

.pf-content-size {
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--ao-gray1);
}

.pf-column-filter {
    width: 10%;
    max-width: 10%;
    text-align: center;
}

.pf-column-filter-all {
    width: 99%;
    max-width: 99%;
}

.pf-icon-question-mark {
    -webkit-mask: var(--icon-help) no-repeat;
    margin-left: 5px;
    margin-top: 9px;
    width: 15px;
    background-color: var(--ao-gray1);
    cursor: pointer;
}

.cc-icon-question-mark {
    -webkit-mask: var(--icon-help) no-repeat;
    margin-left: 5px;
    margin-top: 3px;
    width: 14px;
    height: 14px;
    background-color: var(--ao-gray1);
    cursor: pointer;
}
/* specific to FC > PL layout */
@media screen and (max-width: 1200px) {
    .dm-sort-default {
        top: 0;
    }

    .dm-header-row1 > .col:first-child {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        padding-bottom: 10px;
    }

    .dm-column-label {
        padding-bottom: 10px;
    }

    .dm-column-label1 {
        padding-bottom: 10px;
    }

    .pf-column-label1 {
        padding: 10px 2px 10px 2px;
    }

    .pl-header-row > div.col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

        .pl-header-row > div.col:nth-child(3) {
            margin-left: unset !important;
            margin-top: 10px;
        }

        .pl-header-row > div.col:last-child {
            margin-left: unset !important;
            margin-top: 10px;
        }

    .pl-col-bill, .pl-col-status {
        min-width: 35% !important;
    }

    .pl-col-category, .pl-col-date {
        min-width: 50% !important;
    }

    .pl-col-date, .pl-col-status {
        margin-top: 10px;
        margin-left: 16px !important;
    }
}

.pl-printheader {
    display: none;
}

.pl-printtitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 25px;
}

.pl-header-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .pl-header-row > .pl-col-bill, .pl-col-category, .pl-col-date, .pl-col-status {
        max-width: fit-content !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pl-header-row > .pl-col-date, .pl-col-status {
        max-width: 232px !important;
        margin-left: 32px;
    }

    .pl-header-row > .pl-col-category {
        margin-right: 24px !important;
        margin-left: 48px !important;
        width: 264px;
    }

    .pl-header-row > .pl-col-bill {
        margin-left: 16px !important;
    }

.pl-custom-element {
    width: 150px;
}

    .pl-custom-element#BillNumberSearch {
        width: 105px;
    }

.pl-no-gutter {
    margin-left: 0 !important;
}

.dm-icon-calendar {
    -webkit-mask: var(--icon-calendar) no-repeat;
    mask: var(--icon-calendar) no-repeat;
    -webkit-mask-size: 40px;
    mask-size: 40px;
    background-color: var(--ao-gray30);
    padding: 18px;
    position: absolute;
    top: -2px;
    margin-left: -4px;
    cursor: pointer;
}

.pl-field-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pl-category-sort-default {
    position:relative !important;
}

.dm-sort-default {
    -webkit-mask: var(--icon-sort-default) no-repeat;
    mask: var(--icon-sort-default) no-repeat;
    -webkit-mask-size: 22px;
    mask-size: 22px;
    background-color: var(--ao-gray11);
    padding: 18px;
    position: absolute;
    top: 6px;
}

    .dm-sort-default:hover {
        cursor: pointer;
        background-color: var(--ao-blue8);
    }

    .dm-sort-default.asc {
        -webkit-mask: var(--icon-sort-up) no-repeat;
        mask: var(--icon-sort-up) no-repeat;
    }

    .dm-sort-default.desc {
        -webkit-mask: var(--icon-sort-down) no-repeat;
        mask: var(--icon-sort-down) no-repeat;
    }

.dm-calendar-textbox {
    text-align: center;
    padding-left: 32px;
}

.pl-panel-body {
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    margin-bottom: -17px;
}

.pl-doc-panel-extend {
    margin-left: -19px;
    margin-right: -19px;
    padding: 16px 80px 16px 72px;
    background: var(--ao-gray4) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray24);
    opacity: 1;
}

.pl-small-column {
    max-width: fit-content;
}

.pl-col-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ao-gray1);
    font-weight: bold;
}

.pl-summary {
    font-weight: normal !important;
    color: var(--ao-gray1);
    font-size: 14px;
    letter-spacing: 0;
    display: block;
}

    .pl-summary > span {
        display: block;
        position: relative;
    }

        .pl-summary > span:first-child {
            letter-spacing: 0;
            color: var(--ao-gray32);
            text-transform: uppercase;
            opacity: 1;
            font-size: 10px;
            font-weight: bold;
            padding-bottom: 8px;
        }
.pl-sort-default {
    -webkit-mask-size: 24px !important;
    mask-size: 24px !important;
    padding: unset !important;
    position: unset !important;
    top: unset;
    width: 24px;
    height: 24px;
}

span.dm-arrow-pl {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btn-pl-search {
    float: right;
    position: absolute;
    right: 20px;
}

.btn-pl-print-matrix {
    width: 139px !important; /* override ao-btn-with-icon base width */
    margin-top: 6px;
    float: right;
    position: absolute;
    right: 20px;
}

    .btn-pl-print-matrix > span:nth-child(2) {
        padding-left: 24px;
    }

.pl-panel-group {
    width: 100%;
}

.cc-panel-group {
    width: 100%;
}

.cc-printheader {
    display: none;
}

.cc-printtitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 25px;
}

.cc-col-title {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ao-gray1);
    font-weight: bold;
}

.cc-small-column {
    max-width: fit-content;
}
/* END: Custom row that can be reused, currently use in Federal Compliance > Disclosure Matrix */
/*START: Confirmation Modal Overrides*/
.ao-modal-dialog {
    display: flex;
    justify-content: center;
}

.ao-modal-content {
    max-width: 300px !important;
    border: unset !important;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border-radius: unset !important;
}

.confirm-modal-header {
    padding: unset !important;
    border-bottom: unset !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
    padding-right: 16px !important;
    padding-top: 16px !important;
}

.confirm-modal-close-button {
    opacity: 1 !important;
    color: var(--ao-black1);
    font-size: 32px !important;
}

.confirm-modal-body {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 16px 40px 16px 40px !important;
    word-break: break-word;
}


.confirm-modal-footer {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-top: unset !important;
    justify-content: center !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.confirm-modal-confirm-button {
    width: 100% !important;
    border-radius: 0px !important;
    padding: unset !important;
    background-color: var(--ao-blue1);
}
/*END: Confirmation Modal Overrides*/

.close-expanded-document {
    color: var(--ao-black1);
    margin-left: 24px;
}

.close-expanded-document-label {
    font-size: 16px;
}

.expanded-doc-body {
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 30px;
}

ul.ao-dropdown-menu {
    list-style-type: none;
    padding-left: 0;
}

.hide-admin-tasks {
    display: none;
}


.main-content-admintask {
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
    overflow-y: auto;
}

.lbl-bold {
    font-weight: bold;
    font-size: 16px;
}

.lblEEClass {
    font-size: 16px;
}

.lbl-word-break {
    word-break: break-word;
}

.opacity-zero {
    opacity: 0;
}
/*START: Print Modal styles*/
.print-modal-header {
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.print-modal-footer {
    padding: 8px !important;
    justify-content: space-between !important;
    border-top: unset !important;
}

.print-modal-body {
    padding-top: unset !important;
    padding-bottom: 8px !important;
}

.print-modal-print-button {
    width: 136px !important;
    height: 32px !important;
    font-size: 14px !important;
}

.print-single-begin {
    font-size: 14px !important;
}

    .print-single-begin .revision-label {
        font-size: 12px !important;
        margin-left: 4px;
    }
/*END: Print Modal styles*/

.topicsearch-selected {
    background-color: lightgray;
}

.content-width {
    width: 764px;
    height: 456px;
}

.modal-easter-egg-footer {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-top: 3px solid lightgray;
    justify-content: center !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.modal-easter-egg-body {
    outline: 0 solid transparent;
}

.easter-egg-row {
    margin-bottom: 30px;
}
/* in case we missed the clean-up code in publishing styles we can have another safety here */
div.back2TopWrapper {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-auto {
    overflow-x: auto;
}
/* START: State Compliance Pending Legislation */
.state-pl-toc {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%; /* was 106vh — fit the parent instead of overflowing the viewport (ALRG-24992) */
    min-height: 0;
}
/* END: State Compliance Pending Legislation */
/*css class for TOC binary doc view*/
.lbl-style-doc {
    text-decoration: underline;
    color: var(--ao-blue4);
    font-weight: bold;
    cursor: pointer;
    display: inline;
}

.img-file-icon {
    padding-right: 0 !important;
    cursor: pointer;
}

.seperator-bottom {
    border-bottom: 1px solid var(--ao-gray5);
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 15px;
}

.select-deselect-link {
    color: var(--ao-blue8);
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.ao-document-marque-hide {
    display: none;
}

.max-height-fill-available {
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: fill-available;
    max-height: 100%; /* sometimes Firefox do not respect -moz-available for inner divs*/
}
/*start - css for collection update Modal popup */
.ao-btn-secondary-cancel {
    background: none !important;
    color: var(--ao-gray22) !important;
    border-color: var(--ao-gray22);
    border-radius: 0 !important;
    opacity: 1 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 1px 16px 1px 16px !important;
    letter-spacing: 0 !important;
    height: 24px !important;
}

    .ao-btn-secondary-cancel:hover {
        background: var(--ao-white1) 0% 0% no-repeat padding-box !important;
        -webkit-box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-blue8), 0 3px 6px var(--ao-boxshadow2) !important;
        box-shadow: 0 0 0 2px var(--ao-white1), 0 0 0 4px var(--ao-gray22), 0 3px 6px var(--ao-boxshadow2) !important;
        border-radius: 1px !important;
    }


.p-l-30 {
    padding-left: 30px;
}

.seperator-gray7 {
    border-bottom: 2.5px solid var(--ao-gray7);
    margin-bottom: 2px;
}

.modal-text-align {
    text-align: left;
    padding: 0 !important;
}

.modal-div-height-inner {
    height: 80%;
    padding: 1rem;
    max-height: 400px;
    min-height: 100px;
}

.modal-row-p {
    padding-right: 35px;
    padding-left: 40px
}

.full-width {
    width: 100% !important;
}

.modal-row-style-p-m {
    padding-right: 25px;
    padding-left: 40px;
    margin-bottom: 10px;
    margin-top: 7px;
}

.seperator-gray-s1 {
    border-bottom: 1px solid var(--ao-gray5);
}

.m-b-30 {
    margin-bottom: 30px;
}

.modal-content-height {
    height: auto !important;
}

/* ALRG-25113 — Recent Updates link modal: grow the popup to fill the content
   region (green box) and make it responsive, mirroring the .home-content
   breakpoints (720px @768, 1200px @1200). Scoped to #RecentUpdatesLinkModal so
   the shared .content-width / .body-width / .modal-content-height /
   .modal-div-height-inner classes used by other views are not affected. */
#RecentUpdatesLinkModal .modal-dialog {
    width: auto;
    max-width: 100%;
    margin: 1.75rem auto;
}

#RecentUpdatesLinkModal .modal-content {
    width: 95vw !important;   /* fill the green box, responsive */
    max-width: 95vw;
    height: auto !important;
    max-height: 90vh;
    margin: 0 auto;
}

#RecentUpdatesLinkModal .body-width {
    width: 100% !important;
    height: auto !important;
}

/* let the scroll area grow with the popup instead of the fixed 400px cap */
#RecentUpdatesLinkModal .modal-div-height-inner {
    height: auto;
    max-height: 72vh;
    min-height: 100px;
}

@media (min-width: 768px) {
    #RecentUpdatesLinkModal .modal-content {
        width: 720px !important;   /* = green box width */
        max-width: 95vw;
    }
}

@media (min-width: 1200px) {
    #RecentUpdatesLinkModal .modal-content {
        width: 1200px !important;  /* = green box width */
        max-width: 95vw;
    }
}

.justify-content-center {
    justify-content: center;
}

.m-a-15 {
    margin: 15px;
}
/*end - css for collection update Modal popup */

.row-text-resent-email {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 75%
}

.lnk-return-login {
    font-weight: bold;
    cursor: pointer;
    color: var(--ao-blue7) !important;
    text-decoration: underline;
}

.passwd-show {
    background: var(--icon-passwd-Icon-MEye);
    background-repeat: no-repeat;
    height:30px;
    width:32px;
}

.passwd-hide {
    background: var(--icon-passwd-Icon-MEyeOff);
    background-repeat: no-repeat;
    height: 30px;
    width: 32px;
}

.passwd-icon {
    position:absolute;
    margin-top:-34px;
    margin-left:82%;
    cursor:pointer;
}

.w-65 {
    width: 65% !important;
}
/* START: Batch Print Dialog */
.batch-print-dialog {
    display: none;
}

    .batch-print-dialog .modal-content {
        color: var(--ao-white1);
        background-color: var(--ao-blue2);
    }

.batch-print-modal-header {
    border-bottom: 0 !important;
}

.batch-print-close {
    -webkit-mask: var(--icon-close-x) no-repeat;
    mask: var(--icon-close-x) no-repeat;
    background-color: var(--ao-white1);
    display: block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-top: 2px;
}

.batch-print-title {
    font-size: 18px;
    padding-top: 2px;
    font-weight: bold;
    float: left;
    position: absolute;
    padding-left: 64px;
}

.batch-print-help {
    position: absolute;
    right: 56px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.batch-print-help-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 112px;
    margin-top: 3px;
    cursor:pointer;
}

.batch-print-icon {
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-left: 24px;
}

.batch-print-modal-body {
    background-color: var(--ao-white1);
    margin-bottom: 16px;
    border-radius: 4px;
    margin-left: 22px;
    margin-right: 22px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

    .batch-print-modal-body > div:first-child {
        margin-left: 22px;
        margin-right: 22px;
        color: var(--ao-black0);
        font-size: 16px;
        font-weight: bold;
        border-bottom: 1px solid var(--ao-gray16);
        padding-bottom: 10px;
    }

    .batch-print-modal-body > div:nth-child(2) {
        padding-left: 22px;
        color: var(--ao-gray32);
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 10px;
        box-shadow: 0px 3px 6px 0px var(--ao-boxshadow1);
    }

    .batch-print-modal-body > div:nth-child(3) {
        padding-left: 22px;
        color: var(--ao-gray32);
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px;
        margin-top: 10px;
        height: 30px;
    }

        .batch-print-modal-body > div:nth-child(3) > input, label {
            cursor: pointer;
        }

    .batch-print-modal-body > div:nth-child(5) {
        color: var(--ao-gray32);
        background-color: var(--ao-gray36);
        height: 58px;
    }

        .batch-print-modal-body > div:nth-child(5) > div:first-child {
            background-color: var(--ao-white1);
            margin: 10px;
            border-radius: 2px;
            position: absolute;
            height: 38px;
            width: -webkit-fill-available;
            width: -moz-available;
            padding-left: 16px;
            padding-top: 8px;
            font-size: 16px;
            font-weight: bold;
        }

            .batch-print-modal-body > div:nth-child(5) > div:first-child > span:nth-child(2) {
                float: right;
                padding-right: 46px;
            }

    .batch-print-modal-body > div:last-child {
        padding-left: 16px;
        color: var(--ao-gray22);
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 10px;
    }

.batch-print-save {
    float: right;
    margin-right: 24px;
}

.batch-print-content {
    height: 400px;
    background-color: var(--ao-gray20);
    color: var(--ao-gray22);
    font-size: 16px;
    opacity: 1;
    padding: 32px 16px 16px 24px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.batch-print-library-title {
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
}
/*.batch-print-chevron {
    background-image: var(--icon-arrow-down-small-solid);
    background-repeat: no-repeat;
    float: left;
    padding: 12px 12px 12px 12px;
    margin-top: 4px;
    display: inline-flex;
    height: 11px;
    width: 20px;
    margin-top: 1px;
    transform: rotate( 270deg) !important;
}*/

ul, #batchPrintTree {
    list-style-type: none;
}

#batchPrintTree {
    margin: 0;
    padding: 0;
}

.barch-print-caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .barch-print-caret::before {
        content: "\25B6";
        color: var(--ao-gray22);
        display: inline-block;
        margin-right: 6px;
        font-size: 16px;
    }

.barch-print-caret-down::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.batch-print-nested {
    display: none;
    padding-left: 20px;
}

.batch-print-active {
    display: block;
}

.batch-print-node-title {
    opacity: 1;
    cursor: pointer;
}

    .batch-print-node-title:before {
        margin-top: 6px;
        margin-left: 10px;
    }

.batch-print-docnode-title {
    opacity: 1;
    cursor: pointer;
}

    .batch-print-docnode-title:before {
        margin-top: 6px;
        margin-left: 10px;
    }

.batch-print-node-checkbox {
    position: absolute;
    display: block;
    left: 24px;
    margin-top: 11px;
}

input.bp-partial-selected:after {
    content: '\2014';
    top: -3px;
    position: absolute;
    font-size: 13px;
    color: var(--ao-blue1);
    right: 1px;
    font-weight: bold;
}

input.acetopic-partial-selected:after {
    content: '\2014';
    top: -3px;
    position: absolute;
    font-size: 13px;
    color: var(--ao-blue1);
    right: 1px;
    font-weight: bold;
}

.batch-print-node-ul {
    color: var(--ao-black1);
    list-style: none;
    display: none;
}

.batch-print-nodes-ul > .batch-print-document-checkbox:first-child {
    margin-top: 10px !important;
}

.batch-print-nodes-ul > .batch-print-document-checkbox {
    margin-top: 14px !important;
}

.batch-print-nodes-ul > .batch-print-document-list {
    margin-top: 10px;
}

.batch-print-document-title {
    margin-left: 12px;
}

.batch-print-over-limit {
    color: var(--ao-red1);
    font-weight: bold;
}
/* END: Batch Print Dialog */

.hide-error-no-subscription {
    display: none;
}

.resend-header-title {
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight4);
    font-weight: bold !important;
    color: var(--ao-blue9);
}

.resendText {
    font-size: var(--ao-fontsize2);
    text-align: center;
}


.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--ao-gray41) !important;
    background-image: none !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--ao-gray41) !important;
    background-image: none !important;
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: var(--ao-gray41) !important;
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
}

.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: var(--ao-gray41) !important;
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
}

.custom-select-arrowupdown {
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
}

.invalid-feedback {
    text-align: left !important;
}

/*
#region Allregs Logo Header
*/

.email-link-modal-body {
    padding-top: unset !important;
}

.email-link-spacing {
    padding-bottom: 10px;
}

.email-link-modal-content {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.email-link-header {
    background-color: var(--ao-white1);
    color: black;
    padding-top: 25px;
    padding-bottom: 20px
}

.row-splitter-div hr {
    border: 1px solid var(--ao-gray5);
    width: 100%
}

.email-link-footer {
    padding-bottom: 25px;
}

.btn-email-link-send {
    width: 95%;
    height: 50px;
    cursor: pointer;
}

.email-link-textarea {
    resize: none;
}

.email-link-error-msg {
    font-size: 80%;
    color: var(--ao-red4);
}

.email-link-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: inherit;
    width: inherit;
}

    .email-link-slider:before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        content: "Link";
        font-weight: bold;
        color: var(--ao-blue2);
        height: 100%;
        width: 46.6%;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: inherit;
        box-shadow: 0px 3px 6px var(--ao-boxshadow2);
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
    }



input[type=checkbox] ~ .email-link-slider {
    box-shadow: 0 0 1px var(--ao-gray20);
}

input[type=checkbox]:not(:checked) ~ .email-link-slider:before {
    -webkit-transform: translateX(calc(100% + 15% + 0px));
    -ms-transform: translateX(calc(100% + 15% + 0px));
    transform: translateX(calc(100% + 15% + 0px));
    content: "Text"
}
/*Region - Popup Layout*/

.popup-layout-body {
    overflow: scroll;
    background-color: var(--ao-gray42);
}

.container-fluid {
    width: 100%;
    position: absolute;
    height: 100%;
}

.container-fluid-body {
    background-color: var(--ao-white8);
    margin-top: 25px;
    margin-left: 7px;
    margin-right: 7px;
}


.reset-sec-button {
    width: 100%;
}

.reset-security-question{
    padding-top: 109px;
}

.reset-sec-footer {
    padding-top: 135px;
}

.reset-cncl-btn {
    padding-top: 12px;
}

.reset-sec-error {
    color: var(--ao-red3);
    font-size: 10px;
}

.reset-sec-success-header {
    padding-top: 192px;
}

.reset-sec-success-btn {
    padding-top: 130px;
}

.reset-sec-success-btn-right{
    margin-left: 68px;
}

.reset-sec-success-note {
    font-size: var(--ao-fontsize4);
    line-height: var(--ao-lineheight7);
}

.em-home {
    -webkit-mask: var(--icon-home) no-repeat;
    mask: var(--icon-home) no-repeat;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    background-color: var(--ao-blue3);
    padding: 18px;
    position: absolute;
}

.ml-80 {
    margin-left: 80px !important;
}

.list-style-initial {
    list-style-type: initial !important;
}

.error-message-title {
    color: red;
    font-size: 16px;
}
.error-message-details {
    color: red;
    font-size: 12px;
}

.mt-n-2rem {
    margin-top: -2rem !important;
}

.aosearch-icon-question-mark {
    -webkit-mask: var(--icon-help) no-repeat;
    margin-left: 5px;
    margin-top: 12px;
    width: 14px;
    height: 14px;
    background-color: var(--ao-gray1);
    cursor: pointer;
}

/*START - ALRG-12958 - Dashes appearing with bullets Issue*/
li.list-dash-fnma::marker {
    content: none !important;
}

li.list-dash-fnmf-req::marker {
    content: none !important;
}

li.list-dash-fnmf-guid::marker {
    content: none !important;
}

li.list-dash-fnmf-opproc::marker {
    content: none !important;
}

li.list-dash-default::marker {
    content: none !important;
}
/*END - ALRG-12958 - Dashes appearing with bullets Issue*/

.accordion-paragraph {
    height: auto !important;
}

.faqContainer {
    box-sizing: border-box;
    display: flex;
    justify-content:center;
    margin: auto;
    width: 1200px;
    height: 800px;
    border-radius: 25px 0 0 25px;
    margin-top: 100px;
}

.faq-logo {
    position: absolute;
    width: 400px;
    height: 420px;
    background: var(--icon-allregs-logo) no-repeat center top;
    background-position: center;
    background-size: 210%
}


.logo {
    box-sizing: border-box;
    width: 375px;
    height: 100%;
    position: relative;
    float: left;
    background-color: var(--ao-blue11);
    background-image: url(../assets/icon-allregs-logo.svg);
    background-repeat: no-repeat;
    background-position: -125px;
    border-radius: 25px 0 0 25px;
}

.faqContent {
    display: inline-block;
    box-sizing: border-box;
    width: 600px;
    height: 100%;
    position: relative;
    float: left;
    border-radius: 25px 25px 0 25px;
}

.backIcon {
    margin-top: 1%;
    margin-left: 2.25%;
    font-size: 0.75em;
    position: absolute;
}

.faqContent .content {
    padding-top: 5%;
    box-sizing: border-box;
    background-color: rgba(255,255,255,1.0);
    border-radius: 0 25px 25px 0;
    height: 100%;
    display: grid;
    overflow-y: auto;
}

.notes-missing-text {
    display: inline-block;
    font-size: 15px;
    background-color: var(--ao-white7);
    border-left-color: red;
    border-left-style: solid;
    padding-top: 8px;
}

.coveo-modal-container {
    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
}

.about-logo-text {
    background: var(--logo-text-blue-allregs) no-repeat;
    display: block;
    height: 25px;
    margin-left: 30px;
    position: relative;
    top: 3px;
    background-size: 65% !important;
}

.header-logo-about-size {
    background-size: 15% !important;
    height: 45px !important;
}

.pleft-50 {
    padding-left: 50px !important;
}

.confirm-modal-about-body {
    font-size: 13px;
    text-align: center;
    word-break: break-word;
}

.btn-about-close {
    margin-top: -4px;
    width: 100%;
}

.ao-modal-content-about {
    max-width:260px !important;
}

.icon-help-subscription {
    background: var(--icon-help-subscription) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-help-subscription-text {
    color: var(--ao-black3);
    font-size: 16px !important;
    font-weight:400;
}

.help-center-logo {
    background: url('../assets/help_center.png');
    display: block;
    background-repeat: no-repeat;
    background-size: 75px !important;
    height: 78px !important;
    width: 75px !important;
}

.resource-list-logo {
    background: url(../assets/resource_list.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 75px !important;
    height: 78px !important;
    width: 75px !important;
}

.btn-height-100 {
    height:100% !important;
    min-width:100% !important;
}

.ao-modal-content-howto {
    max-width:80% !important;
}

.pl-34 {
    padding-left:34px !important;
}

.max-width-lable-notes {
    max-width:50rem;
}

.lbl-word-break-all {
    word-break: break-all !important;
}

.helpServiceModal-div {
    display:flex;
    flex-direction:row-reverse !important
}
.helpServiceModal-max-width {
    max-width: 450px;
}

.ask-regi-question-mark-icon {
    background: url(../assets/ask-regi-question-mark-icon.svg);
    display: block;
    background-repeat: no-repeat;
    height: 36px !important;
    width: 33px !important;
    margin-top: 3px;
}

.ask-regi-star-icon {
    background: url(../assets/ask-regi-star-icon.svg);
    display: block;
    background-repeat: no-repeat;
    height: 36px !important;
    width: 33px !important;
}

.rounded-citations {
    border-radius: 0.75rem !important;
}


/*CSS for home page latest update section.*/

.ru-bread-crumb-container .bread-crumb-item:not(:last-child)::after {
    content: '|';
    padding-left: 6px;
    padding-right: 6px;
}

.ru-item-content {
    padding-left: 35px;
}

.ru-chevron-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-right: 3px solid var(--ao-blue5);
    border-bottom: 3px solid var(--ao-blue5);
    transform: rotate(-45deg);
    transition: transform 150ms ease-in-out;
}

.ru-show-more-link:not(.collapsed) .ru-chevron-icon {
    transform: rotate(45deg);
}

.ru-show-more-link {
    text-decoration: none;
    font-weight: 700;
    color: var(--ao-blue5) !important;
    font-size: 20px;
    line-height: 1;
    display: inline-block;
}

.filters-show-more-area-type {
    font-size: 16px;
    color: var(--ao-gray9);
    font-weight: bold;
    text-transform: uppercase;
}

/* ── What's New Filter Bar ── */

/* Reset card styles inherited from card-whatsnew so the bar looks like a toolbar */
#whats-new-filter-bar.card-whatsnew {
    box-shadow: none !important;
    min-height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin-bottom: 4px;
    border: none;
}

.whats-new-filter-bar__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
}

.whats-new-filter-bar__group {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

/* Groups that should stretch to fill remaining space */
.whats-new-filter-bar__group--grow {
    flex: 1 1 0;
    min-width: 120px;
}

    /* Make the child input/select inside a --grow group fill its parent */
    .whats-new-filter-bar__group--grow .whats-new-filter-bar__select,
    .whats-new-filter-bar__group--grow .whats-new-filter-bar__input {
        width: 100%;
    }

.whats-new-filter-bar__label {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.whats-new-filter-bar__select,
.whats-new-filter-bar__input {
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 8px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    min-width: 110px;
    appearance: none;
}

.whats-new-filter-bar__select {
    background: var(--icon-ddl-up-down-black) right 0.75rem center / 12px 15px no-repeat !important;
}

.whats-new-filter-bar__select--wide {
    min-width: 150px;
}

.whats-new-filter-bar__input {
    min-width: 140px;
}

.whats-new-filter-bar__group--action {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto;
}

.whats-new-filter-bar__btn-filter {
    height: 34px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ao-blue7);
    background-color: var(--ao-white1);
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: .5px;
}

    .whats-new-filter-bar__btn-filter:hover {
        background-color: var(--ao-white1);
        border-color: var(--ao-blue7);
        color: var(--ao-blue7);
    }

.whats-new-filter-bar__clear-row {
    text-align: right;
    margin-top: 4px;
    text-decoration: underline;
    color: var(--ao-blue7)
}

.whats-new-filter-bar__clear-link {
    font-size: 13px;
    color: var(--ao-blue7);
    text-decoration: none;
    cursor: pointer;
}

    .whats-new-filter-bar__clear-link:hover {
        text-decoration: underline;
    }

/* ── Toggle row (Filter / Close links) ── */
.whats-new-filter-bar__toggle-row {
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: var(--ao-blue7)
}

/* ── Horizontal divider between header and filter bar ── */
.whats-new-filter-bar__divider {
    border: 0;
    border-top: 1px solid var(--ao-gray7, #D6D5D5);
    margin: 8px 0;
    width: 100%;
}

/* ── What's New Content custom dropdown (wrapping selected text) ── */
.wn-content-dropdown {
    position: relative;
}

.wn-content-dropdown__selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 28px 4px 8px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.3;
}

.wn-content-dropdown__text {
    flex: 1 1 auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.wn-content-dropdown__arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 15px;
    flex-shrink: 0;
    background: var(--icon-ddl-up-down-black) center / 12px 15px no-repeat;
}

.wn-content-dropdown__options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.wn-content-dropdown__option {
    padding: 6px 8px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

    .wn-content-dropdown__option:hover {
        background-color: var(--ao-blue3);
        color: var(--ao-white1);
    }

.wn-content-dropdown__option--active {
    font-weight: bold;
}

/* ── Flex-proportion modifiers for filter bar groups ── */

/* Small groups: Sort by, Dates – take 1 share of space, won't shrink below content */
.whats-new-filter-bar__group--sm {
    flex: 1 1 100px;
    min-width: 100px;
    max-width: 160px;
}

/* Large group: Search – takes 3 shares so it's visibly wider */
.whats-new-filter-bar__group--lg {
    flex: 3 1 140px;
    min-width: 140px;
}

    /* Make the child input inside a --lg group fill its parent */
    .whats-new-filter-bar__group--lg .whats-new-filter-bar__input {
        width: 100%;
    }

/* Groups that should stretch to fill remaining space */
.whats-new-filter-bar__group--grow {
    flex: 2 1 150px;
    min-width: 150px;
}

    /* Make the child input/select inside a --grow group fill its parent */
    .whats-new-filter-bar__group--grow .whats-new-filter-bar__select,
    .whats-new-filter-bar__group--grow .whats-new-filter-bar__input {
        width: 100%;
    }

/* Session time-out warning dialog (ALRG-24196).*/
#sessionTimeoutDialog .modal-dialog {
    margin: 138px auto 30px;
    max-width: 420px;
}

#sessionTimeoutDialog .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--ao-gray5);
}

#sessionTimeoutDialog #emailDialogTitle {
    font-size: 18px;
    font-weight: 700;
    color: var(--ao-gray3);
}

#sessionTimeoutDialog .ao-session-close {
    padding: 0 4px;
    border: 0;
    background: none;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: var(--ao-gray3);
    cursor: pointer;
}

#sessionTimeoutDialog .modal-body {
    display: flex;
    justify-content: center;
    padding: 16px 16px 4px;
}

#sessionTimeoutDialog .ao-session-message {
    text-align: left;
}

#sessionTimeoutDialog .ao-session-lead {
    font-weight: 700;
}

#sessionTimeoutDialog .ao-session-question {
    margin-top: 6px;
}

#sessionTimeoutDialog label[for="sessExpireCountdown"] {
    margin: 0;
    font-weight: inherit;
}

#sessionTimeoutDialog .modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 16px;
    border-top: 0;
}

#sessionTimeoutDialog .ao-session-no {
    margin-right: 48px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ao-blue1);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

#sessionTimeoutDialog .ao-session-yes {
    width: 120px !important;
    height: 38px !important;
    font-size: 16px !important;
}

@media (min-width: 768px) {

    .search-text-field {
        width: 500px;
        height: 100%;
        background-color: var(--ao-gray4);
        border: none;
        padding: 0px 16px;
        font-size: 16px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .search-advance-filters {
        background-color: var(--ao-gray6);
        grid-template-rows: 52px 52px 40px;
        display: grid;
        color: black;
        border-bottom: 5px solid var(--ao-blue5);
        box-shadow: 0px -3px 4px var(--ao-gray5);
    }

    .search-basic-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        top: 0;
        width: 80%;
        position: relative;
        top: -8px;
    }

    .base-advance-filters {
        margin-top: 6px;
        transform: translate(9999px);
        display: none;
        border-radius: 0px 0px 5px 5px;
        width: 100%;
    }

    .base-advance-filters-active {
        margin-top: 6px;       
        transform: translate(0);
        display: block;
        width: 505px;
    }

    .smart-base-advance-filters {
        margin-top: 6px;        
        display: none;       
    }

    .smart-base-advance-filters-active {
        margin-top: 6px;
        transform: translate(0);
        display: block;
        width: 500px;
        border-radius: 0px 0px 5px 5px;
    }

    .base-advance {
        display: flex;
        justify-content: center;
        width: 100%;
        display: none;
        padding-bottom: 10px;
    }

    .base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 505px;
    }

    .smart-base-advance {
        display: flex;
        justify-content: center;
        width: 100%;
        display: none;
        padding-bottom: 10px;
    }

    .smart-base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 580px;
        position: relative;
        left: -3px;
        z-index: 1;
    }

    .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: 86px 225px 145px auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 22px;
        width: 470px;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: 86px 210px 145px auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 22px;
        width: 460px;
    }

    .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 140px 30px auto auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 22px;
        width: 470px;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 131px 29px 38px;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 22px;
        width: 460px;
    }

    .search-advance-row-three {
        display: grid;
        grid-template-columns: 210px 70px 20px;
    }

    /*style items (options):*/
    .select-items {
        position: absolute;
        background-color: var(--ao-white1);
        top: 100%;
        left: 1px;
        right: 0;
        z-index: 99;
        width: 298px;
    }

    .select-items-matchto {
        position: absolute;
        background-color: var(--ao-white1);
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        width: 198px;
    }

    .smart-search-input-wrapper {
        display: flex;
        height: 48px;
        width: 500px;
        position: relative;
        left: -4px;
        background: var(--ao-white1);
    }

    .filter-tree-text {
        background-color: var(--ao-gray6);
        overflow: auto;
        display: grid;
        grid-template-columns: 60% 30%;
        grid-auto-rows: 300px;
        box-shadow: 0px -3px 4px var(--ao-gray5);
    }

        .filter-tree-text p {
            font-size: 20px;
            color: var(--ao-gray10);
        }

        .filter-tree-text > div:nth-child(2) {
            position: fixed;
            right: 20px;
        }

        .filter-tree-text p b {
            color: var(--ao-gray10);
            font-weight: bold;
        }

    .switch-margin-role {
        margin-left: 75px;
        top: 13px;
    }

    .switch-margin-old-content {
        margin-left: 21px;
        top: 8px;
    }

    .base-labels {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding: 4px 16px 0 8px;
        font-size: 28px;
        align-self: center;
        margin-top: 40px;
        color: var(--ao-white1) !important;
    }

    .view-content-parent {
        overflow-y: auto;
        position: relative;
        top: 57px;
        height: calc(90vh - 95px);
        background-color: white !important;
        overflow-x: hidden;
    }

    .view-content-parent-genai {
        top: 0 !important;
        height: calc(90vh - 50px) !important;
    }

    .search-input-wrapper {
        display: flex;
        height: 48px;
        background: white;
        width: 505px;
    }

/*    .search-input-wrapper--atomic atomic-search-interface {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 190px;
        height: 48px;
        min-height: 0;
        width: clamp(420px, 60vw, 190px);
    }*/

    .btn-pl-search-header {
        margin-top: 4px;
        margin-left: 7px;
        height: 41px !important;
        font-size: 14px !important;
        width: 98px !important;
    }

    .btn-header-search-icon {
        background-image: url("../assets/SEARCH.svg"), none;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        padding-left: 18px !important;
        position: relative;
        margin-left: -9px;
    }

    .search-box-hr {
        border: 0.5px solid var(--ao-gray5);
        height: 33px;
        display: inline-block;
        margin-top: 8px;
    }


    .gen-ai {
        width: 98% !important;
        justify-content: center !important;
        display: flex !important;
        left: 6px !important;
        border: 2px solid var(--ao-blue1);
        border-radius: 5px;
        height: 53.2px;
        margin-top: 6px;
    }

    .ask_regi_logo {
        background: var(--ask_regi_logo) 100% no-repeat;
        background-size: 148px auto;
        width: 149px;
        height: 67px;
        margin-top: 22px;
    }
}

/* On screens that are 990px or less, set the background color to olive */
@media screen and (max-width: 990px) {

    .pl24 {
        padding-left: 16px !important;
    }

    #filterandresultpage {
        display: flex;
        flex-direction: column;
    }

    .CoveoSearchInterface.coveo-small-facets .coveo-facet-column.coveo-facet-dropdown-modal-content {
        position: unset !important;
    }

    #divcontentareafilter {
        flex-basis: 0 !important;
        flex-grow: 1 !important;
        max-width: 100% !important;
        margin-bottom:24px !important;
    }

    .CoveoSearchInterface.coveo-small-facets .coveo-facet-column.coveo-hidden {
        display: block !important;
    }

    .CoveoSearchInterface .coveo-facet-column {
       width: 100% !important;
    }

    .coveo-dropdown-header-wrapper {
        display: none !important;
    }

    .aianswersection {
        padding-left: 0px !important;
        flex-basis: 0 !important;
        flex-grow: 1 !important;
        max-width: 100% !important;
        margin-left: 16px !important;
        padding-right: 0px !important;
    }

    .gen-ai-result-page-row {
        margin-top: 24px !important;
    }

    .gen-ai-add-doc-main {
        margin-right: 16px !important;
        padding: 0px 0px 0px 0px !important; 
    }

    #aong-coveo-mainsearch {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .smaller-window {
        display: flex;
        flex-direction: column;
    }

    .gen-ai-results-sbox-container
    {
        margin-right:16px;
        padding-left:0px;
    }

    .gen-ai-results-sbox-container {
        padding-top: 16px !important;
    }

    .gen-ai-result-col-first {
        margin-top: 16px !important;
    }
}

/*  >= 992px*/
@media (min-width: 992px){

    .aianswersection {
        padding-left: 24px;
        padding-right: 16px !important;
    }

    .gen-ai-result-col-first {
        margin-top: 20px !important;
    }

    .search-box-hr {
        border: 0.5px solid var(--ao-gray5);
        height: 33px;
        display: inline-block;
        margin-top: 8px;
        margin-left: 12px;
    }
    .search-input-wrapper {
        display: flex;
        height: 48px;
        background: white;
        width: 588px;
    }

    .base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 590px;
    }

    .base-advance-filters-active {
        margin-top: 6px;
        transform: translate(0);
        display: block;
        width: 588px;
    }

    .smart-search-input-wrapper {
        display: flex;
        height: 48px;
        width: 500px;
        position: relative;
        left: 24px;
        background: var(--ao-white1);
        margin: 24px auto auto -25px;
    }

    .smart-base-advance-filters-active {
        margin-top: 6px;
        transform: translate(0);
        display: block;
        width: 500px;
        border-radius: 0px 0px 5px 5px;
    }

    .smart-base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 500px;
        position: relative;
        left: 0px;
        z-index: 1;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: 86px 258px 145px auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 22px;
        width: 530px;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 146px 83px 38px;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 22px;
        width: 530px;
    }

    .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: 100px 210px 145px auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 22px;
        width: 470px;
    }

    .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 132px 38px auto;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 22px;
        width: 470px;
    }

    .gen-ai {
        width: 98% !important;
        justify-content: center !important;
        display: flex !important;
        left: 31px !important;
        border: 2px solid var(--ao-blue1);
        border-radius: 5px;
        height: 53.2px;
        margin-top: 7px !important;
    }
}

@media (min-width: 1200px) {

    .search-box-hr {
        border: 0.5px solid var(--ao-gray5);
        height: 33px;
        display: inline-block;
        margin-top: 8px;
        margin-left: 7px;
    }

    .search-text-field {
        width: 620px;
        height: 100%;
        background-color: var(--ao-gray4);
        border: none;
        padding: 0px 16px;
        font-size: 16px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .search-advance-filters {
        background-color: var(--ao-gray6);
        grid-template-rows: 40px 40px 40px;
        display: grid;
        color: black;
        border-bottom: 5px solid var(--ao-blue5);
        box-shadow: 0px -3px 4px var(--ao-gray5);
    }

    .search-basic-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 75%;
    }

    .base-advance-filters {
        margin-top: 6px;
        transform: translate(9999px);
        border-radius: 0px 0px 5px 5px;
        width: 100%;
        display:block;
    }

    .base-advance-filters-active {
        margin-top: 6px;
        transform: translate(0);
        display: block;
    }

    .smart-base-advance-filters {
        margin-top: 6px;
        background: radial-gradient(circle, var(--ao-blue1) 0%, var(--ao-blue2) 100%);
        display:none;
    }

    .smart-base-advance-filters-active {
        margin-top: 6px;
        transform: translate(0);
        display: block;
        width: 1050px;
        border-radius: 0px 0px 5px 5px;
    }

    .base-advance {
        display: flex;
        justify-content: center;
        width: 100%;
        display:none;
        padding-bottom: 10px;
    }

    .base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 742px;
    }

    .smart-base-advance {
        display: flex;
        justify-content: center;
        width: 100%;
        display: none;
        padding-bottom: 10px;
    }

    .smart-base-advance-active {
        display: flex;
        justify-content: center;
        display: block;
        padding-bottom: 10px;
        width: 768px;
        position: relative;
        left: 48px;
        z-index: 1;
    }

    .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: auto 255px 142px 158px;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 32px;
        width: 690px;
    }

    .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 255px 135px 66px;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 31px;
        width: 690px;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-one {
        display: grid;
        grid-template-columns: auto 288px 146px 156px;
        border-bottom: 0.5px solid var(--ao-gray23);
        align-items: center;
        position: relative;
        left: 32px;
        width: 689px;
    }

    .search-basic-wrapper .search-advance-filters .search-advance-row-two {
        display: grid;
        grid-template-columns: 255px 174px 66px;
        border-bottom: 0.5px solid var(--ao-gray23);
        position: relative;
        left: 31px;
        width: 689px;
    }

    .search-advance-row-three {
        display: grid;
        grid-template-columns: 206px 153px 139px 150px;
        position: relative;
        left: 15px;
    }   

    .select-items-roles {
        position: absolute;
        background-color: var(--ao-white1);
        top: 87%;
        left: 1px;
        right: 0;
        z-index: 99;
        width: 260px;
    }

    .smart-search-input-wrapper {
        display: flex;
        height: 48px;
        width: 755px;
        position: relative;
        left: 72px;
        background: var(--ao-white1);
        margin: 10px auto auto -25px;
    }

        .filter-tree-text {
            background-color: var(--ao-gray6);
            overflow: auto;
            display: grid;
            grid-template-columns: 66% 30%;
            grid-auto-rows: 300px;
            box-shadow: 0px -3px 4px var(--ao-gray5);
        }

        .filter-tree-text p {
            font-size: 20px;
            color: var(--ao-gray10);
        }

        .filter-tree-text > div:nth-child(2) {
            position: fixed;
            right: 25px;
        }

        .filter-tree-text p b {
            color: var(--ao-gray10);
            font-weight: bold;
        }

    .switch-margin-role {
        margin-left: 158px;
        top: 8px;
    }

    .switch-margin-old-content {
        margin-left: 104px;
        top: 8px;
    }

    .base-labels {
        display: flex;
        align-items: baseline;
        padding: 4px 16px 0 8px;
        font-size: 28px;
        align-self: center;
        margin-top: 40px;
        margin-left: 36px;
    }

    .view-content-parent {
        overflow-y: auto;
        position: relative;
        top: 57px;
        height: calc(83vh - 50px);
        background-color: white !important;
    }

    .view-content-parent-genai {
        top: 0 !important;
        height: calc(83vh - 50px) !important;
    }

    .search-input-wrapper {
        display: flex;
        height: 48px;
        background: white;
        width: 786px;
    }

/*    .search-input-wrapper--atomic atomic-search-interface {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 460px;
        height: 48px;
        min-height: 0;
        width: clamp(420px, 60vw, 460px);
    }*/

    .btn-pl-search-header {
        margin-top: 4px;
        margin-left: 7px;
        height: 41px !important;
        font-size: 15px !important;
    }

    .btn-header-search-icon {
        background-image: url("../assets/SEARCH.svg"), none;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        padding-left: 18px !important;
        position: relative;
        margin-left: -10px;
    }

    .gen-ai {
        width: 100% !important;
        justify-content: center !important;
        display: flex !important;
        left: 25px !important;
        border: 2px solid var(--ao-blue1);
        border-radius: 5px;
        height: 53.2px;
    }

    .ask_regi_logo {
        background: var(--ask_regi_logo) 100% no-repeat;
        background-size: 198px auto;
        width: 200px;
        height: 67px;
        margin-top: 22px;
    }
}

.search-icon-top {
    background: var(--icon-search-black) 100% no-repeat;
    background-size: 22px;
    height: 38px;
    width: 24px;
    position: relative;
    top: 4px;
    left: 10px;
}   

.search-basic-icon {
    background: var(--icon-search) 100% no-repeat;
    background-size: 48px auto;
    height: 49px;
    width: 49px;
}

.search-icon-home {
    background: var(--icon-search) 100% no-repeat;
    background-size: 33px;
    height: 36px;
    width: 36px;
    position: relative;
    top: 4px;
}


.search-icon-top-div {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    height: 100%;
    background-color: var(--ao-white1);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.search-arrow-icon-down {
    background: var(--icon-arrow-down-blue) 100% no-repeat;
    background-size: 22px auto;
    height: 54px;
    width: 23px;
    cursor: pointer;
}

.search-arrow-icon-up {
    background: var(--icon-arrow-up-blue) 100% no-repeat;
    background-size: 22px auto;
    height: 39px;
    width: 23px;
    cursor: pointer;
}

.search-refine-box p {
    padding-top: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: small;
    margin-left: 5px;
    color: var(--ao-blue5);   
}

    .search-refine-box p span {
        font-size: 12px;
        color: var(--ao-gray10);
        text-transform: none;
        position: relative;
        bottom: 4px;
        margin-right: 4px;
    }

.search-basic-close-icon {
    -webkit-mask: var(--icon-close-circle) no-repeat;
    padding-left: 23px;
    background-color: var(--ao-blue5);
    width: 26px;
    cursor: pointer;
    margin-top: 11px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-home-search {
    margin-right: 8px;
}
    .btn-home-search > span:first-child {
        top: 3px;
        margin-left: -7px;
    }
    .btn-home-search > span:nth-child(2) {
        top: 2px;
        position: relative;
    }

.btn-header-search > span:first-child {
    top: 3px;
    margin-left: -7px;
}

.btn-header-search > span:nth-child(2) {
    top: 2px;
    position: relative;
}

/*#Region: Advanced Search UI*/
.search-advance-header {
    height: 42px;
    background-color: var(--ao-white1);
    width: 100%;
    padding: 5px;
    color: var(--ao-black1);
    font-weight: bold;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-clear-all {
    position: absolute;
    right: 0;
    margin-right: 32px;
}

.search-advance-footer {
    height: 42px;
    background-color: var(--ao-white1);
    width: 100%;
    padding: 5px;
    color: var(--ao-black1);
    font-weight: bold;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 1px 2px var(--ao-gray5);
}

.ask-regi-footer {
    background-color: var(--ao-white1);
    width: 100%;
    color: var(--ao-black1);
    font-weight: bold;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
}

.search-advance-row-span {
    justify-self: center;
    align-self: center;
}

.search-advance-button {
    width: 112px;
    height: 24px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    background-color: var(--ao-blue1);
    color: white;
    position: absolute;
    right: 24px;
}


/*#Region: Dropdowns on Search Advance UI*/
.custom-select-ddl {
    position: relative;
    font-family: Arial;
    cursor: pointer;
}

    .custom-select-ddl select {
        display: none; /*hide original SELECT element:*/
    }  

    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

/*style the items (options), including the selected item:*/
.select-items div {
    color: var(--ao-black1);
    padding: 3px 14px;
    cursor: pointer;
    user-select: none;
    color: var(--ao-gray1);
    display: flex;
    align-items: center;
}

.select-items-matchto div {
    color: var(--ao-black1);
    padding: 3px 14px;
    cursor: pointer;
    user-select: none;
    color: var(--ao-gray1);
    display: flex;
    align-items: center;
}

.select-selected-matchto {
    background: var(--ao-white1);
    width: 200px;
    height: 30px;
    border: 0.5px solid var(--ao-gray16);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select-selected-roles {
    background: var(--ao-white1);
    width: 260px;
    height: 30px;
    border: 0.5px solid var(--ao-gray16);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 4px;
    align-items: center;
}

.select-items .select-selected {
    color: var(--ao-black1);
    padding: 7px 16px;
    cursor: pointer;
    user-select: none;   
}

.select-items-matchto .select-selected {
    color: var(--ao-black1);
    padding: 7px 16px;
    cursor: pointer;
    user-select: none;
}

.select-items div:nth-child(n+2):hover {
    background-color: var(--ao-blue3);
    color: var(--ao-white1);
}

.select-items-matchto div:hover {
    background-color: var(--ao-blue3);
    color: var(--ao-white1);
}

/*#Region: Top Menu*/
.topmenu-search {
    display: none;
    justify-content: center;
}

.topmenu-search-active{
    display: block;    
}

.main-navigation-area {
    display: block;
    padding-top: 8px;
}

    .main-navigation-area-toggle {
        display: none;
    }

.root-library {
    font-size: 16px;
}

.cbox-margin{
    margin-top: 4px;
}

.root-child {
    font-size: 14px;
}

.root-child-document {
    padding-left: 6px;
}

.synonym-cbox-span {
    justify-self: start;
    align-self: center;
    position: relative;
    top: 2px;
}

    .synonym-cbox-span input {
        height: 17px;
        width: 16px;
    }

.ddl-icon {
    /*background: var(--icon-ddl-up-down-black) 100% no-repeat;*/
    background: var(--icon-ddl-up-down-black) right 0.3rem center/12px 15px no-repeat;
    /*background-size: 15px;*/
    height: 15px;
    width: 15px;
}

.select-library-header {
    position: relative;
    left: 5px;
}

.select-tick-icon {
    background: var(--icon-blue-checkmark) 100% no-repeat;
    background-size: 15px auto;
    height: 15px;
    width: 18px;
}

.btn-searchbox {
    padding-left: 4px;
    padding-top: 4px;
}

.refine-search{
    display: block;
}

    .refine-search-inactive{
        display:none;
    }

    .filters-selected {
        display: none;
    }

    .filters-selected-active {
        display: flex;
        align-items: center;
        margin-top: 6px;
    }

.icon-filters-selected {
    background-color: var(--ao-gold0);
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin-right: 4px;
}

.search-anchor-link {
    color: #1C75BC;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.search-anchor-link-no-decor {
    color: #1C75BC;
    cursor: pointer;
    font-weight: bold;
}

.search-doc-view-sync-toc {
    background: var(--icon-ao-toc-search) 100% no-repeat;
    width: 65px;
    height: 56px;
    cursor: pointer;
    display:inherit;
}

.search-result-doc-view {
    margin-top: -10px
}

#search-doc-view-preNext-menu {
    background-color: white;
    height: 40px
}
    #search-doc-view-preNext-menu div.col-4 {
        padding-top: 10px;
    }
#nav-next-doc  {
    float: right;
}
#nav-next-doc-arrow {
    float: right;
}

.search-result-doc-view #breadcrumb {
    display: flex
}
#syncToTocSpliter {
    padding-left: 20px;
    border-right: 1px solid var(--ao-boxshadow2)
}

#search-doc-view-breadcrumb {
    /*padding-top: 12px;*/ /*as using d-flex we do not need padding-top */
    padding-left: 40px;
    color: var(--ao-gray13);
    text-decoration: underline
}

.genai-icon-recents-inactive {
    background: var(--icon-recent-gray) 100% no-repeat;
    background-size: 19px auto;
    width: 22px;
    height: 23px;
}

.genai-icon-citations {
    background: var(--genai-icon-citations) 100% no-repeat;
    background-size: 19px auto;
    width: 22px;
    height: 23px;
}

.question-round-icon {
    background: var(--question-round-icon) 100% no-repeat;
    background-size: 17px auto;
    width: 22px;
    height: 20px;
    cursor:pointer !important;
}

.home-inline-search-gen{
    margin-top: 40px;
    background: none;
    box-shadow: none;
    height: 0px;
}

.genai-content-auto {
    height: auto !important;
    padding: 5px;
}

.gen-ai-font-color-black {
    color: var(--ao-black1) !important;
}

.gen-ai-font-color-black {
    color: var(--ao-black1) !important;
}

.gen-ai-how-to-write-lable {
    color: var(--ao-blue1) !important;
    font-size: 14px;
    cursor: pointer;
}

.gen-ai-blue-color {
    color: var(--ao-blue1) !important;
}

.gen-ai-warn-label {
    color: var(--ao-gray2);
    font-size: 14px;
    font-weight: bold !important;
}

.gen-ai-beta {
    font-size: 12px;
}

.gen-ai-home {
    /*height: 100vh;*/
    background: radial-gradient(circle, var(--ao-blue1) 0%, var(--ao-blue2) 100%);
}

.home-inline-search-gen-ai {
    margin-top: 40px;
    background-color: var(--ao-white1);
    box-shadow: none;
    margin:unset !important;
}

.home-inline-ques-recent-ai {
    margin-top: 40px;
    background-color: var(--ao-white1);
    box-shadow: none;
    margin: unset !important;
    border-radius: 8px;
}

    /*.gen-ai .magic-box-suggestions {
            display: none !important;
        }*/

    .gen-ai .coveo-search-section {
        width: 100% !important;
    }

    .gen-ai .CoveoSearchbox {
        width: 100% !important;
    }

    .gen-ai-header {
       color: var(--ao-gray4) !important;
    }

.gen-ai-round-number {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: #ddf1ff !important;
    color: var(--ao-blue1) !important;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

.gen-ai-result-page-row {
    margin-top: 7px;
    background: radial-gradient(circle, var(--ao-blue1) 0%, var(--ao-blue2) 100%);
}

.gen-ai-results-sbox-container {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 24px;
}

.gen-ai-results-sbox {
    padding: 14px;
    background: var(--ao-white1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gen-ai-results-sgbox {
    width: 100%;
}

.gen-ai-result-text {
    font-size: 26px;
    color: var(--ao-white1);
    font-family: Roboto !important;
    font-weight: 500;
    padding-top: 8px;
}

.gen-ai-result-beta {
    font-size: small;
    color: var(--ao-white1);
    margin-top: -11px;
}

.gen-ai-result-col-first {
    gap: 12px;
    margin-top: 20px;
}

.gen-ai-rephrase-div {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: -1px;
}

.rephrase-hr {
    display: block !important;
    height: 29px !important;
    border: 1px solid #ccc !important;
}

.rep-mt-5{
    margin-top: -5px;
}

.dvque-gap{
    gap: 10px !important;
}

.btn-home-search-genai {
    margin-right: 4.5px !important;
    padding-top: 6px !important;
    padding-left: 18px !important;
    height: 41px !important;
}

.btn-disclaimer-ask{
        width: 150px;
    }

.btn-home-search-genai-origin-page {
    width: 150px !important
}

.ask-button-div-origin {
    justify-content: end;
    padding-right: 0px !important;
}

.mr-scroll {
    margin-right: 1.3rem !important;
}

.gen-ai-search-tree {
    max-height: 300px;
    min-height: 200px;
    overflow-y: auto;
}

.gen-ai-search-tree-gap {
    gap: 15px !important;
}

.hr-gen-ai {
    border: 1.5px dotted !important;
    border-style: none none dotted !important;
    color: var(--ao-gray2);
}

.mr-49{
    margin-right: -49px;
}

.ml-15 {
    margin-left: -15px;
}

.ml-12{
    margin-left: -12px;
}

.ml-8-minus {
    margin-left: -8px;
}

.ml-10-minus {
    margin-left: -10px;
}

.mt-15 {
    margin-top: -15px;
}

.info-mark-icon {
    background: var(--genai-info-mark) 100% no-repeat;
    background-size: 30px auto;
    height: 30px;
    cursor: pointer !important;
    max-width: fit-content;
}

.info-question-mark-yellow-icon {
    background: var(--question-mark-yellow-mark) 100% no-repeat;
    background-size: 25px auto;
    height: 30px;
    cursor: pointer !important;
}

.ask-regi-info-question-mark-yellow-icon {
    background: var(--question-mark-yellow-mark) 100% no-repeat;
    background-size: 25px auto;
    height: 30px;
    cursor: pointer !important;
}

.info-question-mark-div
{
   flex-grow:unset !important;
   margin-right: 5px;
}

.ask-regi-question-mark-div {
    flex-grow: unset !important;
    margin-right: 8px;
}

    .gen-ai-flip {
        transform: rotate(-180deg);
    }

.gen-ai-add-doc-label {
    font-size: large;
    font-weight: 600;
    padding: 5px;
}

.gen-ai-add-doc-main {
    padding: 0px 16px 0px 16px;
}

.btn-restart-search {
    color: var(--ao-blue1) !important;
    font-size: 14px;
    cursor: pointer;
    border-radius: 1px !important;
    -webkit-box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    box-shadow: 0 3px 6px var(--ao-boxshadow2) !important;
    opacity: 1 !important;
    font-weight: bold !important;
    border: 1px solid #bcc3ca !important;
}

.disable-pointer{
    pointer-events: none;
}


.restart-search-resize {
    padding-left: 30px;
    padding-right: 30px;
}

.mt-24 {
    margin-top: 24px;
}

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

.ml-16 {
    margin-left: 16px
}

.mr-16 {
    margin-right: 16px
}

.allpadding0 {
    padding: 0px
}

.pt24 {
    padding-top: 24px
}

.pl24 {
    padding-left: 24px;
}

.pr0 {
    padding-right: 0px
}

.CoveoGeneratedAnswer [part="container"] {
    margin-bottom: 16px !important;
}

#divalldata {
    margin-bottom: 24px !important;
}

#smart-search-input {
    box-sizing: content-box !important; /* bypass border-box */
}

.smart-search-border {
    border: 1px solid #d4d4d4 !important;
}

.smart-search-bold {
    font-weight: 700;
}

.smart-search-normal {
    font-weight: bold;
    font-size: large;
}

.search-icon-home-ui {
    -webkit-mask: var(--icon-search) no-repeat;
    mask: var(--icon-search) no-repeat;
    /*padding-left: 18px;*/
    position: relative;
    background-color: var(--ao-blue11);
    height: 36px;
    width: 36px;
}

.ice-aurora-icon {
    mask: var(--ice-aurora-blue-icon) no-repeat center / 16px 16px;
    background-color: #71C5E8;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 2px;
}

.atomic-adv-search-color {
    background: var(--ao-white1);
}
/* make the column fill the row */
#coveo-search-home .atomic-search-col {
    width: 75%;
    min-width: 0;
}

/* ensure web components take full width */
#coveo-search-home atomic-search-interface,
#coveo-search-home atomic-search-box {
    display: block;
    width: 100%;
    max-width: 100%;
}

.base-labels-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap; /* never stack */
    white-space: nowrap; /* never wrap text */
}

.base-labels {
    display: flex;
    align-items: center;
    flex: 0 0 auto; /* don't stretch to full width */
    min-width: 0;
    padding-right: 7%;
}


.base-labels-right {
    display: flex;
    align-items: flex-end;
    flex: 0 0 auto; /* don't stretch to full width */
    min-width: 0;
    padding-right: 7%;
}

.base-labels-right {
    margin-left: auto; /* ensures it stays pinned right */
}

.header-menu-text-search {
    color: var(--ao-blue11);
}

.smart-search-bold {
    font-weight: bold;
}
/* keep the right label smaller/tighter if desired */
.base-labels-right .header-menu-text {
    color: var(--ao-blue11)
}
/* Raised container look */
.coveo-search-home {
    /*  background: #fff;*/
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
    background-color: white;
    margin-right: 30px;
    margin-left: -15px;
    border-radius: 8px;
    height: 197px;
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2), 0px -3px 6px var(--ao-boxshadow2);
}


@media (max-width: 1199px) {
    #coveo-search-home.smart-search-input-wrapper {
        display: flex;
        flex-wrap: nowrap;      /* never let the Advanced Search box drop to a second line */
        align-items: center;
        gap: 8px;
        width: 100%;            /* fill the card (was fixed 500px) */
        max-width: 780px;       /* cap near the 1200 boundary */
        left: 0;                /* drop the per-breakpoint left offset (24px) */
        margin: 24px 0 auto 0;  /* drop the -25px left margin */
    }
    #coveo-search-home .atomic-search-col {
        flex: 1 1 auto;         /* was width:75% — grow to fill the space left of the Advanced Search box */
        width: auto;
        min-width: 0;           /* allow the atomic search box to shrink instead of forcing an overflow */
    }
    #coveo-search-home #advSearch {
        flex: 0 0 auto;         /* keep the Advanced Search box at its natural width; never grow/shrink */
    }
    /* Widen the Advanced Search DROPDOWN to match the widened input row above it (was tuned 500px,
       which now looks narrow/misaligned under the flex input row). Same 100%/max-780 as the row so
       the panel's edges line up with the search box. */
    .smart-base-advance-active,
    .smart-base-advance-filters-active {
        width: 100%;
        max-width: 780px;
        left: 0;
    }
}
.filter-tree-ul {
    color: var(--ao-black1);
    list-style: none;
    padding-left: 7px;
}

.filter-tree-triangle {
    background: var(--grey-triangle-sort-right) 100% no-repeat;
    background-size: 10px auto;
    padding-left: 14px;
    height: 22px;
    width: 10px;
    bottom: 3px !important;
}

.filter-tree-triangle-base {
    background: var(--grey-triangle-sort-right) 100% no-repeat;
    background-size: 10px auto;
    padding-left: 14px;
    position: relative;
    bottom: 1px;
}

.filter-tree-triangle-base-expand {
    transform: rotate( 90deg );
    display: inline-block;
    padding: 7px;
    position: relative;
    bottom: 3px;
}

.filter-nodes-ul {
    color: var(--ao-black1);
    list-style: none;
    display: none;
}

.filter-nodes-ul-active {
    display: block;
}

.filter-span {
    margin-right: 9px;
}


.match-types {
    align-self: center;
}


.btn-save-folder {
    font-weight: bold;
    text-align: center;
    width: 150px;
}

.modal-title.ao-fav-modal-title {
    font-weight: bold;
    align-content: center;
    text-align: center;
}

.modal-header.ao-fav-modal-header {
    border-bottom: none;
}

.modal-footer > .ao-btn-primary {
    margin-top: 16px;
    margin-bottom: 16px;
}

.add-to-folder-item-container {
    margin-left: 4px;
    margin-right: 4px;
}

    .add-to-folder-item-container > .add-to-foder-item-row:last-child {
        border-bottom: unset;
    }

.add-to-foder-item-row {    
    border-bottom: 1px solid var(--ao-gray7);
    padding-bottom: 8px;
    padding-top: 8px;
}

.modal-body-scrollable {
    max-height: 220px;
    overflow-y:auto;
    overflow-x:hidden;
}

.modal-btn {
    background-color: var(--ao-blue2);
    border: 1px solid var(--ao-gray7);
}
.add-to-folder-modal-footer {
    background-color: var(--ao-blue2)
}

    .add-to-folder-modal-footer .modal-btn {
        border: 1px solid var(--ao-white1);
    }

.add-to-folder-badge-placeholder {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 10px;
}

.ao-fav-editor {
    font-weight: bold;
    color: var(--ao-black2);
}
.no-folder {
    font-weight: bold;
    color: var(--ao-gray1);
}
.fav-folder-name {
    font-weight: bold;
    word-break: break-word;
}

body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.ao-login-validation-summary {
    color: var(--ao-red1);
    margin-left: -40px;
    font-size: 15px;
    margin-top: -13px;
}

    .ao-login-validation-summary ul {
        list-style-type: none;
    }

.login-container {
    position: relative;
    width: 800px;
    height: 351px;
    margin: 220px auto;
    top: 1vh;
    bottom: 1vh;
}

.login-faq-container {
    position: relative;
    width: auto;
    height: auto;
    margin: auto;
    top: 1vh;
    bottom: 1vh;
}

.faq-left-container {
    position: relative;
    float: left;
    width: 400px;
    background-color: var(--ao-blue11);
    text-indent: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.faq-copyright-text {
    position: absolute;
    font-size: .6875rem;
    color: var(--ao-white1);
    opacity: .5;
    bottom: 28px;
    left: 45px;
}

.login-header-title {
    font-size: var(--ao-fontsize6);
    line-height: var(--ao-lineheight4);
    font-weight: bold !important;
    color: var(--ao-blue9);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.ev-form-div-container {
    text-align: left;
    padding: 5px 30px 0px 30px
}

.ev-form-reset-div-row {
    align-items: center !important;
    align-content: center !important;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ev-login-div-row {
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0px;
}

.login-reset-submitted {
    background: var(--icon-check-confirm) 100% no-repeat;
    background-position: center;
    background-size: 50px auto;
    width: 50px;
    height: 50px;
}

.login-left-content-wrapper {
    float: left;
}

.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
    top: .8rem;
    width: 1.22rem;
    height: 1.22rem;
    border-radius: unset;
    outline: 2.5px solid var(--ao-black0);
}

.checkbox-lg .custom-control-label {
    padding-top: 13px;
    padding-left: 6px;
}

.login-text-bottom {
    color: var(--ao-blue7) !important;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

.login-left-content {
    position: relative;
    float: left;
    width: 400px;
    height: 462px;
    background-color: var(--ao-blue11);
    text-indent: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

    .login-left-content .version-text {
        font-size: .8125rem;
        color: var(--ao-white1);
    }

    .login-left-content .copyright-text {
        position: absolute;
        font-size: .6875rem;
        color: var(--ao-white1);
        opacity: .5;
        bottom: 28px;
        left: 45px
    }

.login-button {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    background-color: var(--ao-blue7);
    border-color: var(--ao-blue7);
    color: var(--ao-white1);
}

.login-help-btn {
    width: 108px;
    height: 30px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/28px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/28px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    border: 2px solid var(--unnamed-color-707070);
    background: #737577 0% 0% no-repeat padding-box;
    border: 2px solid #707070;
    border-radius: 2px;
    opacity: 1;
}

.register-login-help-btn {
    width: 148px;
    height: 41px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 14px/28px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 14px/28px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    border: 2px solid var(--unnamed-color-707070);
    background: #737577 0% 0% no-repeat padding-box;
    border: 2px solid #707070;
    border-radius: 2px;
    opacity: 1;
    margin-left: 20px;
}

.regpage-div {
    display: flex;
    justify-content: flex-end;
}

.login-errors {
    width: 349px;
    height: 19px;
    /* UI Properties */
    font-size: 14px !important;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/16px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--red-white-bg);
    text-align: left;
    letter-spacing: 0px;
    color: #CC0000;
    opacity: 1;
}

    .login-errors ul li{
        width: 366px;
    }

    .login-bottom-row {
        margin-top: 20px;
    }

.em-logo {
    position: absolute;
    width: 400px;
    height: 420px;
    background: var(--icon-allregs-logo) no-repeat center top;
    background-position: center;
    background-size: 210%
}

.mlogin-left-content-wrapper {
    display: none;
}

.ao-toggle-password {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-right: 8px;
    cursor: pointer;
    padding-right: 30px;
    padding-left: 5px;
}

input#RememberMe[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 2px;
    outline: none;
    transition-duration: 0.3s;
    background-color: var(--ao-white1);
    cursor: pointer;
    opacity: 1;
}

    input#RememberMe[type="checkbox"]::before {
        background-image: none !important;        
    }

.login-remember-me-lable::before {
    width: 20px;
    height: 20px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    display: block;
    content: ' ';
    background-size: 14px;
    height: 13px;
    width: 12px;
    padding-left: 20px;
    padding-top: 20px;
    background-color: var(--ao-blue8);
    border-radius: 4px;
}

@media only screen and (min-device-width: 768px) {
    body {
        overflow: hidden;
    }

    .login-right-content {
        box-sizing: content-box;
        float: left;
        width: 349px;
        height: 462px;
        padding: 0 38px 0 38px;
        background-color: var(--ao-white1);
        border-radius: 20px;
        position: absolute;
        left: 375px;
    }

        .login-right-content .form-container input[type=text]::-webkit-input-placeholder, .login-right-content input[type=password]::-webkit-input-placeholder, .login-right-content select::-webkit-input-placeholder {
            font-size: 1rem;
            color: var(--ao-gray37);
        }

        .login-right-content .form-container input[type=text]::-moz-placeholder, .login-right-content input[type=password]:-moz-placeholder, .login-right-content input[type=password]::-moz-placeholder, .login-right-content select:-moz-placeholder, .login-right-content select::-moz-placeholder {
            font-size: 1rem;
            color: var(--ao-gray37);
        }

        .login-right-content .form-container input[type=text]:-ms-input-placeholder, .login-right-content input[type=password]:-ms-input-placeholder, .login-right-content select:-ms-input-placeholder {
            font-size: 1rem;
            color: var(--ao-gray37);
        }

        .login-right-content .form-container input[type=text].login-ctrl-error, .login-right-content input[type=password].login-ctrl-error, .login-right-content select.login-ctrl-error {
            color: var(--ao-red4);
        }

        .login-right-content .form-container input[type=text]:hover, .login-right-content input[type=password]:hover, .login-right-content select:hover {
            outline: 0;
        }

        .login-right-content .form-container input[type=text]:focus, .login-right-content input[type=password]:focus, .login-right-content select:focus {
            outline: 0;
            border-bottom: 2px solid var(--ao-blue13);
        }

        .login-right-content .login-forgotpass-link {
            font-size: .875rem;
            color: var(--ao-blue13);
            float: left;
            margin-left: 125px
        }
}

/* Tablet login screen UI */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    body {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .login-left-content {
        position: relative;
        float: left;
        width: 320px;
        height: 462px;
        background-color: var(--ao-blue13);
        opacity: 0.8;
        text-indent: 0;
        border-radius: 25px 0 0 25px;
    }

    .login-right-content {
        box-sizing: content-box;
        float: left;
        width: 349px;
        height: 462px;
        padding: 0 38px 0 38px;
        background-color: var(--ao-white1);
        border-radius: 0px 20px 20px 0px;
        position: absolute;
        left: 272px;
    }

    .form-container {
        position: absolute;
        width: 300px;
        height: 295px;
        background-color: var(--ao-white1);
        border-radius: 20px 20px 0 20px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    body {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .login-left-content {
        position: relative;
        float: left;
        width: 320px;
        height: 462px;
        background-color: var(--ao-blue13);
        opacity: 0.8;
        text-indent: 0;
        border-radius: 25px 0 0 25px;
    }

    .login-right-content {
        box-sizing: content-box;
        float: left;
        width: 349px;
        height: 462px;
        padding: 0 38px 0 38px;
        background-color: var(--ao-white1);
        border-radius: 0px 20px 20px 0px;
        position: absolute;
        left: 272px;
    }
}

/*Mobile Login screen CSS */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px), only screen and (orientation: landscape) and (min-device-width: 360px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) and (min-device-width: 360px) and (max-device-width: 1000px) and (min--moz-device-pixel-ratio: 2), only screen and (orientation: landscape) and (min-device-width: 360px) and (max-device-width: 1000px) and (-o-min-device-pixel-ratio: 2), only screen and (orientation: landscape) and (min-device-width: 360px) and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2), only screen and (orientation: landscape) and (min-device-width: 360px) and (max-device-width: 1000px) and (min-device-pixel-ratio: 2) {
    body {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .login-background {
        display: table;
        width: 100%;
        height: 100%;
    }

    .scroll {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .login-container {
        position: relative;
        margin: auto;
        width: 300px;
        height: 425px;
        float: left;
    }

        .login-container .login-error {
            left: 0;
            height: 50px;
            width: 74.5%;
            color: var(--ao-white1);
            padding-top: 10px;
            line-height: 15px;
            top: -46px;
        }

    .em-logo {
        background-size: 230px 35.02564px;
        background-position: center 20px;
        width: 300px;
        height: 98px;
        border-radius: 20px 20px 0 0;
        background-color: var(--ao-blue13);
        opacity: .86;
    }

    .form-container {
        position: absolute;
        width: 300px;
        height: 295px;
        background-color: var(--ao-white1);
        border-radius: 20px 20px 0 20px;
    }

        .form-container .item {
            border: none;
            padding-top: 0;
            padding-left: 19px;
            background: transparent;
            color: var(--ao-gray38);
            z-index: 2;
            margin: -1px;
            font-size: 16px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .form-container .item.item-input {
                display: -webkit-box;
                display: -moz-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -moz-align-items: center;
                align-items: center;
                position: relative;
                overflow: hidden;
                padding-right: 0;
                padding-bottom: 5px;
            }

                .form-container .item.item-input input {
                    flex: 1 220px;
                    height: 34px;
                    border-radius: 0;
                    margin-top: 20px;
                    -webkit-box-flex: 1;
                    -moz-flex: 1 220px;
                    -ms-flex: 1 220px;
                }

        .form-container input[type=password], .form-container input[type=text], .form-container select {
            color: var(--ao-black7);
            font-size: 18px;
            margin-top: 20px;
            margin-left: -38px;
            border: 0;
            background: transparent;
            border-bottom: 1px solid var(--ao-gray39);
            padding-left: 2em;
            outline: 0;
            box-shadow: none;
        }

            .form-container input[type=password]:focus, .form-container input[type=text]:focus, .form-container select:focus {
                outline: 0;
                border-bottom: 2px solid var(--ao-blue13);
            }

    .login-remember-me {
        padding-top: 5px;
    }

    .em-showPassword .em-showPassword-txt {
        padding-right: 30px;
    }

    .frm-group-btn {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .login-left-content {
        /*border-radius: 20px 20px 0 0;
        width: 0;*/
        position: relative;
        float: left;
        width: 320px;
        height: 462px;
        background-color: var(--ao-blue13);
        opacity: 0.8;
        text-indent: 0;
        border-radius: 20px 0 0 20px;
    }

    .login-right-content, .session-logout {
        /*position: relative;
        width: 300px;
        padding: 0;
        background-color: #fff;
        border-radius: 20px 20px 0 20px;*/
        box-sizing: content-box;
        float: left;
        width: 349px;
        height: 300px;
        padding: 0 38px 0 38px;
        background-color: var(--ao-white1);
        border-radius: 0px 20px 20px 0px;
        position: absolute;
        left: 272px;
    }

    .session-logout-container {
        padding: 15px;
        padding-top: 25%;
    }

    .mlogin-left-content-wrapper {
        bottom: 0;
        border-top-width: 1px;
        border-bottom-width: 0;
        height: 44px;
        position: absolute;
        width: 100%;
        display: block;
    }

    .mcopyright-text {
        position: absolute;
        color: var(--ao-white1);
        left: 45px;
        top: 2px;
        bottom: 0;
        height: 15px;
        font-weight: bold;
        opacity: .7;
        font-size: 13px;
        margin: auto;
    }

    .login-left-content-wrapper {
        background: transparent;
        border-top-width: 1px;
        border-bottom-width: 0;
        background-position: top;
        height: 44px;
        width: 100%;
        position: absolute;
    }

    .checkbox {
        margin-bottom: 12px;
        margin-top: 10px;
        position: relative;
    }

        .checkbox input[type="checkbox"] {
            opacity: 0;
            width: 50px;
            height: 30px;
            margin-left: 0;
            z-index: 999;
            position: inherit;
            float: left;
        }

        .checkbox label {
            vertical-align: middle;
            position: relative;
            padding-bottom: 5px;
            font-size: .815rem;
            color: var(--ao-black7);
            line-height: 2.3;
            display: flex;
        }

        .checkbox input[type=checkbox]:checked + label:before {
            background: var(--ao-blue14) url(../images/icon-checkmark-white.svg) 50%/contain no-repeat;
            border: 1px solid var(--ao-blue14);
            background-size: 75%;
        }

        .checkbox label::before {
            content: "";
            background-color: var(--ao-white1);
            position: absolute;
            left: 0;
            border-radius: 50%;
            margin-left: -40px;
            margin-top: 0;
            width: 28px;
            height: 28px;
            border: 1px solid var(--ao-gray40);
            -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
            transition: border .15s ease-in-out,color .15s ease-in-out;
        }

    .online-help {
        display: none;
    }
}


.splashHeader {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
}

a {
    color: var(--ao-blue12);
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    font-size: 14px;
}

#x_ie_only {
    font-weight: bold;
    color: rgba(212,43,43,1);
    font-size: 14px;
    padding: 16px 0 16px 0;
}

.login-email-row {
    padding-top: 27px;
}

.login-passwd-row {
    padding-top: 15px;
}

.login-lable-bold {
    font-weight: bold;
}

.login-remember-me-panel {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 8px;
}

.login-remember-me-lable {
    padding-left: 8px;
    font-weight: bold;
    padding-top: 3px;
}

.login-button-panel {
    margin-top: 41px;
}

.login-reg-error-panel {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 80%;
}

/* EAlert view styles*/
.ealert-panel {
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    height: 80%;
    padding-top: 40px;
}

.ealert-header-title {
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight4);
    font-weight: bold !important;
    color: var(--ao-blue9);
    padding-top: 40px;
}

.ealertText {
    font-size: var(--ao-fontsize2);
    padding-top: 25px;
    text-align: center;
    padding-left: 1px;
}

.ealert-button-panel {
    padding-top: 35px;
}

.ealert-cancel-panel {
    padding-top: 15px;
}

.ealert-button {
    width: 200px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    background-color: var(--ao-blue7);
    border-color: var(--ao-blue7);
    color: var(--ao-white1);
}

.ealert-continue-link {
    cursor: pointer;
}

/* access code page style */

accesscode-panel {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 80%
}

.accesscode-header-title {
    text-align: center;
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight4);
    font-weight: bold !important;
    color: var(--ao-blue9);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.accesscodeHelptext {
    padding-top: 10px;
    text-align: left;
    padding-left: 1px;
    font-size: 14px;
}

.accesscodeerrortext {
    padding-top: 1px;
    text-align: left;
    padding-left: 1px;
    font-size: 14px;
    color: red;
}

.accesscode-button-panel {
    padding-top: 25px;
}

.accesscode_checkbox {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px
}

.accesscode_checkbox_label {
    padding-left: 15px;
}

    .accesscode_checkbox_label::before {
        width: 22px !important;
        height: 22px !important;
        border-radius: 2px !important;
        border: none !important;
        outline: 1px solid var(--ao-black6) !important;
    }

    .accesscode_checkbox_label::after {
        width: 22px !important;
        height: 22px !important;
        outline: none !important;
    }

.accesscode_content {
    padding-top: 4px;
    text-align: center;
    min-height: 126px;
}
/*Splash page styles*/

.splash-panel {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 80%
}

.splash-header-title {
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight4);
    font-weight: bold !important;
    color: var(--ao-blue9);
    padding-top: 60px;
}

.splashHelptext {
    padding-top: 10px;
    text-align: center;
    padding-left: 1px;
    font-size: 14px;
}

.splash-button-panel {
    padding-top: 25px;
}

.splash_checkbox {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px
}

.splash_checkbox_label {
    padding-left: 15px;
}
    .splash_checkbox_label::before {
        width: 22px !important;
        height: 22px !important;
        border-radius: 2px !important;
        border: none !important;
        outline: 1px solid var(--ao-black6) !important;        
    }
    .splash_checkbox_label::after {
        width: 22px !important;
        height: 22px !important;       
        outline: none !important;
    }

.splash_content {
    padding-top: 4px;
    text-align: center;
    min-height: 126px;
}

.error-main-div {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 80%
}

.error-main-dev-div {
    overflow: scroll;
    background-color: var(--ao-white1);
}

.error-main-dev-exception-div {
    overflow: scroll
}

.register-right-content-inner {
    background-color: var(--ao-white1);
    color: black;
    padding-top: 48px;
    padding-bottom: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
    text-align: center;
}

.register-right-content-msg {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 64%;
}

.pwd-reset-cancel{
    float:left;
    padding-top:8px;
}

.pwd-reset-btn {
    float: right;
}
#pwd-reset-error-div{
    color:red;
}
#pwd-reset-error-div p {
   margin:0px;
}
.login-center-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.clear-all-link {
    margin-left: -15px;
}

.concurrent-login-panel {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 90%;
}

.concurrent-login-heading {
    font-weight: bold;
    margin-bottom: 10px;
}

.concurrent-login-actions {
    margin-top: 20px;
}

.concurrent-login-cancel-form {
    margin-left: 10px;
}