/* Minification failed. Returning unminified contents.
(9,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(22,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(28,25): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(37,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(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 '-'
(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 '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-bootstrap-select-width'
(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,18): run-time error CSS1039: Token not allowed after unary operator: '-modalDialogMargin_TopBottom'
(154,53): run-time error CSS1039: Token not allowed after unary operator: '-modalDialogMargin_LeftRight'
(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,35): run-time error CSS1039: Token not allowed after unary operator: '-scaleVal'
(162,32): run-time error CSS1039: Token not allowed after unary operator: '-scaleVal'
(163,31): run-time error CSS1039: Token not allowed after unary operator: '-scaleVal'
(164,27): run-time error CSS1039: Token not allowed after unary operator: '-scaleVal'
(165,15): run-time error CSS1039: Token not allowed after unary operator: '-top'
(188,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(193,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,34): run-time error CSS1039: Token not allowed after unary operator: '-margin'
(242,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,35): run-time error CSS1039: Token not allowed after unary operator: '-height'
(246,51): run-time error CSS1039: Token not allowed after unary operator: '-mrg'
(247,19): run-time error CSS1039: Token not allowed after unary operator: '-height'
(252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,19): run-time error CSS1039: Token not allowed after unary operator: '-topheight'
(254,41): run-time error CSS1039: Token not allowed after unary operator: '-topheight'
(255,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,27): run-time error CSS1039: Token not allowed after unary operator: '-padding-top'
(260,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(383,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(503,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(507,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(533,19): run-time error CSS1039: Token not allowed after unary operator: '-panelHeadingNavPadding'
(546,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(554,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(558,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(568,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(578,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(582,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(586,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(611,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(612,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(634,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(635,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(640,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(731,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(735,17): run-time error CSS1039: Token not allowed after unary operator: '-color'
(736,28): run-time error CSS1039: Token not allowed after unary operator: '-color'
(737,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(742,28): run-time error CSS1039: Token not allowed after unary operator: '-color'
(748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(839,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(849,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(856,22): run-time error CSS1039: Token not allowed after unary operator: '-height'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(915,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(923,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(931,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(947,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(953,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(1037,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(1068,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(1074,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1078,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(1091,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(1099,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(1115,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(1140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1141,24): run-time error CSS1039: Token not allowed after unary operator: '-padLeft'
(1167,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(1202,33): run-time error CSS1039: Token not allowed after unary operator: '-padLeft'
(1219,25): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(1258,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1259,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1260,19): run-time error CSS1039: Token not allowed after unary operator: '-panelHeadingNavPadding'
(1266,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1270,19): run-time error CSS1039: Token not allowed after unary operator: '-tabbedPanelBodyPad'
(1279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1302,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(1326,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(1327,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(1332,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1333,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(1334,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1342,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1343,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(1347,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1367,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1374,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(1380,21): run-time error CSS1039: Token not allowed after unary operator: '-bootstrap-select-width'
(1397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1438,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1482,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1527,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(1550,25): run-time error CSS1039: Token not allowed after unary operator: '-modalBodyPaddingTopBottom'
(1562,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(1574,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(1575,22): run-time error CSS1039: Token not allowed after unary operator: '-modalBodyPaddingTopBottom'
(1588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1589,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1590,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1640,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(1655,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(1670,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(1675,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(1679,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1722,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(1730,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(1747,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(1755,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(1784,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(1913,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(1917,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(1922,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(1960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1961,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1962,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1984,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1985,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(1991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2009,30): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(2010,27): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(2010,42): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(2037,21): run-time error CSS1039: Token not allowed after unary operator: '-workspaceDDLLayoutMaxWidth'
(2041,29): run-time error CSS1039: Token not allowed after unary operator: '-workspaceDDLLayoutMaxWidth'
(2041,65): run-time error CSS1039: Token not allowed after unary operator: '-divPassportSideOuterMaxWidth'
(2045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2049,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_4'
(2053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2072,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(2076,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2101,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_AddIcon'
(2105,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2109,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(2115,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPendingExpired'
(2124,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2134,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(2138,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(2143,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(2148,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(2152,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(2165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2169,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(2170,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(2178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2179,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(2180,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(2186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFB'
(2384,23): run-time error CSS1039: Token not allowed after unary operator: '-messageParentTopRowPad'
(2385,26): run-time error CSS1039: Token not allowed after unary operator: '-messageParentTopRowPad'
(2397,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(2403,32): run-time error CSS1039: Token not allowed after unary operator: '-colorInactive'
(2419,17): run-time error CSS1039: Token not allowed after unary operator: '-colorError'
(2462,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(2514,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(2522,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(2523,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(2524,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(2539,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(2546,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2623,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(2627,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(2664,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(2694,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(2762,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(2771,34): run-time error CSS1039: Token not allowed after unary operator: '-carouselImgGap'
(2810,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(2855,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(2917,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_AddIcon'
(2922,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2926,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2973,43): run-time error CSS1039: Token not allowed after unary operator: '-carouselImgGap'
(2982,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(2994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3003,20): run-time error CSS1039: Token not allowed after unary operator: '-leftRightPosition'
(3008,21): run-time error CSS1039: Token not allowed after unary operator: '-leftRightPosition'
(3025,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(3110,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3111,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,88): run-time error CSS1039: Token not allowed after unary operator: '-centerPostition'
(3210,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(3215,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(3225,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(3242,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(3246,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(3300,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(3310,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(3318,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(3320,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(3324,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(3380,33): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_3'
(3403,85): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(3451,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(3461,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(3484,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(3490,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(3505,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3517,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(3518,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(3539,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkDark'
(3554,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3555,21): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3556,22): run-time error CSS1039: Token not allowed after unary operator: '-width'
(3595,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(3760,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(3850,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(3931,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(3941,19): run-time error CSS1039: Token not allowed after unary operator: '-z_indexLeftMenu'
(3981,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(4019,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(4040,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(4046,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(4090,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(4131,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(4159,17): run-time error CSS1039: Token not allowed after unary operator: '-divPassportSideOuterMaxWidth'
(4170,21): run-time error CSS1039: Token not allowed after unary operator: '-branchDDLayoutMaxWidth'
(4177,21): run-time error CSS1039: Token not allowed after unary operator: '-divPassportSideMaxWidth'
(4235,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(4240,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(4250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4282,26): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(4314,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(4399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4409,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(4425,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(4485,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(4496,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(4517,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(4588,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(4653,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(4799,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(4828,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(4835,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(4892,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5027,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(5038,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5054,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(5062,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(5066,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(5072,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5076,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5082,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5086,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(5096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5097,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(5098,24): run-time error CSS1039: Token not allowed after unary operator: '-bgBorderColor'
(5099,28): run-time error CSS1039: Token not allowed after unary operator: '-bgBorderColor'
(5105,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5119,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkDark'
(5120,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkDark'
(5126,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5127,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5159,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(5160,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(5161,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(5178,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5230,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(5236,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(5290,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(5291,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(5296,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5300,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5319,17): run-time error CSS1039: Token not allowed after unary operator: '-colorError'
(5345,17): run-time error CSS1039: Token not allowed after unary operator: '-colorFeedback'
(5353,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(5405,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(5431,28): run-time error CSS1039: Token not allowed after unary operator: '-colorInactive'
(5462,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5476,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(5495,34): run-time error CSS1039: Token not allowed after unary operator: '-tabbedPanelBodyPad'
(5496,25): run-time error CSS1039: Token not allowed after unary operator: '-tabbedPanelBodyPad'
(5504,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5510,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(5518,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5522,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5522,52): run-time error CSS1039: Token not allowed after unary operator: '-dtCreateNewTagMessage'
(5526,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5526,52): run-time error CSS1039: Token not allowed after unary operator: '-dtCreateNewTagPost'
(5530,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5530,52): run-time error CSS1039: Token not allowed after unary operator: '-dtCreateNewPillar'
(5534,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5534,52): run-time error CSS1039: Token not allowed after unary operator: '-dtCreateNewTheme'
(5538,29): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(5538,52): run-time error CSS1039: Token not allowed after unary operator: '-dtCreateNewCategory'
(5551,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5566,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(5567,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5576,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(5577,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5614,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5618,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5651,18): run-time error CSS1039: Token not allowed after unary operator: '-modalBorder'
(5651,43): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(5675,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5682,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(5683,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(5687,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(5700,35): run-time error CSS1039: Token not allowed after unary operator: '-modalDialogMargin_TopBottom'
(5737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5738,23): run-time error CSS1039: Token not allowed after unary operator: '-padTopBottom'
(5739,24): run-time error CSS1039: Token not allowed after unary operator: '-modalPaddingLeftRight'
(5740,25): run-time error CSS1039: Token not allowed after unary operator: '-modalPaddingLeftRight'
(5745,26): run-time error CSS1039: Token not allowed after unary operator: '-padTopBottom'
(5746,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5751,31): run-time error CSS1039: Token not allowed after unary operator: '-padTopBottom'
(5753,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5771,19): run-time error CSS1039: Token not allowed after unary operator: '-modalBodyPaddingTopBottom'
(5771,52): run-time error CSS1039: Token not allowed after unary operator: '-modalBodyPaddingLeftRight'
(5879,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5902,31): run-time error CSS1039: Token not allowed after unary operator: '-height'
(5902,47): run-time error CSS1039: Token not allowed after unary operator: '-mrg'
(5907,20): run-time error CSS1039: Token not allowed after unary operator: '-settingsSidebar'
(5911,39): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(5964,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(5974,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(5984,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5990,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(5993,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(6010,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(6027,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(6031,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(6032,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(6044,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6048,42): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(6062,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(6066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6072,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(6088,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(6091,31): run-time error CSS1039: Token not allowed after unary operator: '-height'
(6091,47): run-time error CSS1039: Token not allowed after unary operator: '-mrg'
(6105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6109,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(6110,23): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(6115,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(6142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6148,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(6187,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(6194,17): run-time error CSS1039: Token not allowed after unary operator: '-colorFB'
(6198,17): run-time error CSS1039: Token not allowed after unary operator: '-colorInsta'
(6226,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(6240,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(6255,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(6259,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(6305,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(6309,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(6325,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(6341,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(6413,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(6533,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(6665,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(6667,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(6900,35): run-time error CSS1039: Token not allowed after unary operator: '-messageParentTopRowPad'
(6908,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_3'
(6916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6918,23): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(6919,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(6921,31): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(6927,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(6941,41): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(6960,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_3'
(7006,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(7075,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(7178,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(7218,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(7460,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(7508,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(7509,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(7530,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(7553,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7556,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(7568,42): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(7573,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(7578,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(7580,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(7591,32): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(7608,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(7620,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(7634,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(7659,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(7686,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(7704,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(7709,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7710,29): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(7715,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7716,29): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(7720,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(7738,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7763,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(7776,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(7780,17): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(7785,17): run-time error CSS1039: Token not allowed after unary operator: '-colorError'
(7791,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(7836,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(7840,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_2'
(7844,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7848,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7903,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(7914,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(7940,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(7953,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(7957,17): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(8033,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8264,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(8299,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(8300,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(8305,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8311,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(8339,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(8388,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(8408,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8412,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(8496,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(8500,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(8559,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(8660,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(8672,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8673,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(8678,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8679,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(8684,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(8685,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8698,27): run-time error CSS1039: Token not allowed after unary operator: '-bgImageWidth'
(8699,29): run-time error CSS1039: Token not allowed after unary operator: '-bgImageWidth'
(8709,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(8710,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(8720,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(8729,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(8753,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(8757,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(8761,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPeach_1'
(8766,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(8776,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(8781,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(8798,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(8802,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(8807,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(8969,17): run-time error CSS1039: Token not allowed after unary operator: '-logoInnerWidth'
(8986,21): run-time error CSS1039: Token not allowed after unary operator: '-logoInnerWidth'
(8989,31): run-time error CSS1039: Token not allowed after unary operator: '-logoInnerWidth'
(9000,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9008,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9009,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9015,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9020,27): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9034,29): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_AddIcon'
(9142,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(9147,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(9152,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(9156,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(9166,32): run-time error CSS1039: Token not allowed after unary operator: '-colorInactive'
(9191,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(9195,28): run-time error CSS1039: Token not allowed after unary operator: '-colorInactive'
(9201,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(9213,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9223,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(9276,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9290,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9294,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9340,39): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(9432,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(9436,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9488,46): run-time error CSS1039: Token not allowed after unary operator: '-inboxFilterAccordionButton_position_right'
(9492,25): run-time error CSS1039: Token not allowed after unary operator: '-inboxFilterAccordionButton_position_right'
(9507,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9533,29): run-time error CSS1039: Token not allowed after unary operator: '-inboxFilterAccordionButton_position_right'
(9551,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_4'
(9591,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(9598,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(9608,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(9609,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(9614,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(9633,21): run-time error CSS1039: Token not allowed after unary operator: '-filterProfilesOptionDiv_pageInHeader'
(9634,22): run-time error CSS1039: Token not allowed after unary operator: '-filterProfilesOptionDiv_pageInHeader'
(9638,32): run-time error CSS1039: Token not allowed after unary operator: '-colorApproved_Active'
(9661,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9679,18): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(9686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9692,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9693,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9694,23): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(9712,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9736,38): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(9751,25): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(9790,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9806,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(9811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9814,19): run-time error CSS1039: Token not allowed after unary operator: '-padTopBottom'
(9818,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9830,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9842,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(9843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9844,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(9845,18): run-time error CSS1039: Token not allowed after unary operator: '-width'
(9846,23): run-time error CSS1039: Token not allowed after unary operator: '-width'
(9847,26): run-time error CSS1039: Token not allowed after unary operator: '-width'
(9849,30): run-time error CSS1039: Token not allowed after unary operator: '-width'
(9858,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9872,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray'
(9877,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9901,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(9937,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(9948,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9956,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(9959,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(9967,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(9981,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(10033,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_4'
(10041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10042,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSize'
(10043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10045,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10054,16): run-time error CSS1039: Token not allowed after unary operator: '-leftRightAdj'
(10058,17): run-time error CSS1039: Token not allowed after unary operator: '-leftRightAdj'
(10062,49): run-time error CSS1046: Expect comma, found '255'
(10062,57): run-time error CSS1046: Expect comma, found '/'
(10062,104): run-time error CSS1046: Expect comma, found '255'
(10062,111): run-time error CSS1046: Expect comma, found ')'
(10066,49): run-time error CSS1046: Expect comma, found '255'
(10066,57): run-time error CSS1046: Expect comma, found '/'
(10066,102): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10075,52): run-time error CSS1046: Expect comma, found '255'
(10075,60): run-time error CSS1046: Expect comma, found '/'
(10075,107): run-time error CSS1046: Expect comma, found '255'
(10075,114): run-time error CSS1046: Expect comma, found ')'
(10079,52): run-time error CSS1046: Expect comma, found '255'
(10079,60): run-time error CSS1046: Expect comma, found '/'
(10079,105): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10097,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10110,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(10124,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(10207,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(10215,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10220,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10250,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10277,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(10304,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(10309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10319,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10345,21): run-time error CSS1039: Token not allowed after unary operator: '-dtSearchWidth'
(10356,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10357,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10414,22): run-time error CSS1039: Token not allowed after unary operator: '-select_small_height'
(10418,27): run-time error CSS1039: Token not allowed after unary operator: '-select_small_height'
(10425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10431,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10442,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(10446,17): run-time error CSS1039: Token not allowed after unary operator: '-colorApproved_Active'
(10518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10532,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkDark'
(10536,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(10550,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10563,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(10564,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10585,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(10635,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(10636,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10654,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10663,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(10769,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(10819,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(10829,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(10838,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(10916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10919,30): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(10920,23): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(10921,27): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(10921,42): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(10927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10940,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(10944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10958,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(10988,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(10993,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(11003,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(11043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11045,30): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(11046,23): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(11047,27): run-time error CSS1039: Token not allowed after unary operator: '-lines'
(11047,42): run-time error CSS1039: Token not allowed after unary operator: '-lineHeight'
(11059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11063,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_4'
(11068,33): run-time error CSS1039: Token not allowed after unary operator: '-minicalImg'
(11136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11152,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(11215,21): run-time error CSS1039: Token not allowed after unary operator: '-minicalImg'
(11216,22): run-time error CSS1039: Token not allowed after unary operator: '-minicalImgHeight'
(11313,104): run-time error CSS1030: Expected identifier, found ','
(11313,134): run-time error CSS1031: Expected selector, found ')'
(11313,134): run-time error CSS1025: Expected comma or open brace, found ')'
(11326,115): run-time error CSS1030: Expected identifier, found ','
(11326,139): run-time error CSS1031: Expected selector, found ')'
(11326,139): run-time error CSS1025: Expected comma or open brace, found ')'
(11372,81): run-time error CSS1030: Expected identifier, found ','
(11372,93): run-time error CSS1031: Expected selector, found ')'
(11372,93): run-time error CSS1025: Expected comma or open brace, found ')'
(11401,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(11454,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(11468,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(11488,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(11500,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPendingExpired'
(11533,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(11541,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(11542,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(11558,17): run-time error CSS1039: Token not allowed after unary operator: '-colorApproved_Active'
(11567,17): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(11619,28): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(11621,17): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(11645,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(11646,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(11648,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(11652,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(11658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11668,17): run-time error CSS1039: Token not allowed after unary operator: '-colorApproved_Active'
(11669,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(11670,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(11671,23): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(11862,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(11871,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(11950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11951,23): run-time error CSS1039: Token not allowed after unary operator: '-marginLeft'
(11952,29): run-time error CSS1039: Token not allowed after unary operator: '-marginLeft'
(11962,21): run-time error CSS1039: Token not allowed after unary operator: '-maxPostWidth'
(12017,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(12028,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12034,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(12036,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(12058,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(12065,29): run-time error CSS1039: Token not allowed after unary operator: '-editMediaThumbWidth'
(12071,26): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12077,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_3'
(12082,25): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(12087,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12092,25): run-time error CSS1039: Token not allowed after unary operator: '-colorBlackGray'
(12102,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(12131,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(12161,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(12178,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12296,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12349,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12391,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkFaded'
(12395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12396,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(12397,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(12451,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12474,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12487,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12498,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12506,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(12551,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12571,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12577,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(12581,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(12589,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12605,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12738,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12860,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(12867,21): run-time error CSS1039: Token not allowed after unary operator: '-maxPostWidth'
(12870,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(12882,21): run-time error CSS1039: Token not allowed after unary operator: '-awsMaxImageSmall'
(12896,21): run-time error CSS1039: Token not allowed after unary operator: '-maxPostWidth'
(12901,26): run-time error CSS1039: Token not allowed after unary operator: '-awsMaxImageSmall'
(12905,25): run-time error CSS1039: Token not allowed after unary operator: '-awsMaxImageSmall'
(12929,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(12934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12935,24): run-time error CSS1039: Token not allowed after unary operator: '-mrgRight'
(12936,23): run-time error CSS1039: Token not allowed after unary operator: '-mrgRight'
(12987,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13052,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13085,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkFaded'
(13098,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(13113,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(13119,17): run-time error CSS1039: Token not allowed after unary operator: '-multiImages-nav-width'
(13135,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(13145,26): run-time error CSS1039: Token not allowed after unary operator: '-multiImages-nav-width'
(13145,57): run-time error CSS1039: Token not allowed after unary operator: '-maxPostWidth'
(13146,30): run-time error CSS1039: Token not allowed after unary operator: '-multiImages-nav-width'
(13152,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13161,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(13165,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13177,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13208,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(13220,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(13228,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13232,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13244,29): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13250,21): run-time error CSS1039: Token not allowed after unary operator: '-editMediaThumbWidth'
(13252,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13258,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13262,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13268,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(13362,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13447,49): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(13447,80): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(13525,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(13680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13681,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13682,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13693,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13694,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13706,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13707,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13719,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13720,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13736,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13737,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13747,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13748,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(13758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13822,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(13883,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13892,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(13899,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(13932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13934,26): run-time error CSS1039: Token not allowed after unary operator: '-width'
(13936,15): run-time error CSS1039: Token not allowed after unary operator: '-briefDivTop'
(13937,17): run-time error CSS1039: Token not allowed after unary operator: '-width'
(13938,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_AddIcon'
(13940,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_AddIcon'
(13955,20): run-time error CSS1039: Token not allowed after unary operator: '-briefDivTop'
(13962,20): run-time error CSS1039: Token not allowed after unary operator: '-briefDivTop'
(13967,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(13986,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(13994,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkFaded'
(14023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14027,18): run-time error CSS1039: Token not allowed after unary operator: '-height'
(14028,23): run-time error CSS1039: Token not allowed after unary operator: '-height'
(14031,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14048,42): run-time error CSS1046: Expect comma, found '0'
(14048,46): run-time error CSS1046: Expect comma, found '/'
(14114,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(14153,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(14158,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(14208,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14224,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14228,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(14354,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14362,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(14405,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(14407,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(14430,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(14442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14444,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(14484,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPending_Active'
(14488,28): run-time error CSS1039: Token not allowed after unary operator: '-colorScheduled'
(14497,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14513,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(14517,28): run-time error CSS1039: Token not allowed after unary operator: '-colorReviewRequested'
(14521,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFeedback'
(14525,28): run-time error CSS1039: Token not allowed after unary operator: '-colorApproved_Active'
(14533,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFailedToPost'
(14545,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14555,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14594,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14608,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14662,42): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(14690,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14727,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(14735,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14783,38): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkFaded'
(14784,24): run-time error CSS1039: Token not allowed after unary operator: '-colorPinkFaded'
(14789,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14813,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14817,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(14848,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(14861,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14877,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(14878,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14892,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14897,34): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14901,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(14905,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(14906,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(14940,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14946,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(14961,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14962,33): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14963,35): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(14964,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(14973,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(14981,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(15036,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(15064,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(15115,17): run-time error CSS1039: Token not allowed after unary operator: '-colorFB'
(15119,17): run-time error CSS1039: Token not allowed after unary operator: '-colorInsta'
(15132,17): run-time error CSS1039: Token not allowed after unary operator: '-colorYouTube'
(15136,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTikTok'
(15158,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(15169,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(15293,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(15319,24): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(15335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15508,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(15639,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(15643,21): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(15682,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(15683,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(15729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15740,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(15779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15794,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15809,18): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(15810,17): run-time error CSS1039: Token not allowed after unary operator: '-wh'
(15820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16103,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(16104,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(16168,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(16281,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(16793,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_7'
(16915,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(16999,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(17004,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(17013,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(17079,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(17088,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(17164,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(17175,22): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(17249,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(17292,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(17544,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftMedium'
(17621,17): run-time error CSS1039: Token not allowed after unary operator: '-colorScheduled'
(17631,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(17659,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(17719,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(17734,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(17931,29): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(17960,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(17966,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(17972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17973,17): run-time error CSS1039: Token not allowed after unary operator: '-size'
(17974,18): run-time error CSS1039: Token not allowed after unary operator: '-size'
(17994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18205,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(18250,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(18254,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(18288,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_5'
(18316,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueHover'
(18381,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(18424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18425,29): run-time error CSS1039: Token not allowed after unary operator: '-bgImageWidth'
(18427,27): run-time error CSS1039: Token not allowed after unary operator: '-bgImageWidth'
(18435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18462,17): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(18661,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(18677,39): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(18684,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPink'
(19019,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19089,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19090,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19285,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19380,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19393,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_ExtraLight'
(19472,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19473,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19486,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19525,44): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(19530,37): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_80'
(19541,21): run-time error CSS1039: Token not allowed after unary operator: '-logoInnerWidth'
(19563,19): run-time error CSS1039: Token not allowed after unary operator: '-layoutWorkspaceSelectorDiv_Top'
(19580,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19581,19): run-time error CSS1039: Token not allowed after unary operator: '-top'
(19582,35): run-time error CSS1039: Token not allowed after unary operator: '-top'
(19618,37): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(19670,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19682,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Dark'
(19689,32): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(19694,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19715,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19754,39): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_8'
(19758,23): run-time error CSS1039: Token not allowed after unary operator: '-tabbedPanelBodyPad'
(19819,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19820,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19821,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19823,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19824,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19845,45): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Medium'
(19874,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19881,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19907,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19908,26): run-time error CSS1039: Token not allowed after unary operator: '-height'
(19992,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20070,28): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_Light'
(20102,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20106,19): run-time error CSS1039: Token not allowed after unary operator: '-layoutWorkspaceSelectorDiv_Top'
(20461,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20561,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20871,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20888,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21033,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21774,41): run-time error CSS1039: Token not allowed after unary operator: '-mrgRight'
(21832,36): run-time error CSS1039: Token not allowed after unary operator: '-colorGray_SoftLight'
(21860,21): run-time error CSS1039: Token not allowed after unary operator: '-settingsSidebar'
(21862,22): run-time error CSS1039: Token not allowed after unary operator: '-modalBorder'
(21878,33): run-time error CSS1039: Token not allowed after unary operator: '-settingsSidebar'
(21879,27): run-time error CSS1039: Token not allowed after unary operator: '-settingsSidebar'
(21890,30): run-time error CSS1039: Token not allowed after unary operator: '-settingsSidebar'
(21890,55): run-time error CSS1039: Token not allowed after unary operator: '-panelHeadingNavPadding'
(21943,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22011,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22012,21): run-time error CSS1039: Token not allowed after unary operator: '-modalLgWidth'
(22016,26): run-time error CSS1039: Token not allowed after unary operator: '-modalLgWidth'
(22020,43): run-time error CSS1039: Token not allowed after unary operator: '-mrgRight'
(22135,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22154,41): run-time error CSS1039: Token not allowed after unary operator: '-mrgRight'
 */

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Ubuntu;
    font-weight: 300;
    font-size: 14px;
    color: var(--colorBlackGray);
    /*height: 100%;*/ /*if height is needed, use min-height*/
}

html {
    /*scroll-padding-top: 135px;*/ /*used to allow scrolling correctly to anchors, due to fixed navbar header problem*/
}

button {
    border-style: solid;
}

    button.btn-link {
        color: var(--colorPink);
        padding: 0;
        border: 0;
    }

        button.btn-link:hover {
            color: var(--colorBlackGray);
            text-decoration: none;
        }

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: hsl(225, 10%, 21%);
}

hr {
    border-top-color: var(--colorGray_SoftLight);
}

.ul-horizontal {
    list-style: none;
    padding-left: 0
}

    .ul-horizontal li {
        display: inline-block;
        padding: 0px 5px;
        vertical-align: bottom;
    }

.form-control.form-control-sm {
    height: 23px;
    padding: 0 4px;
    font-size: 12px !important;
}

:root {
    --filterProfilesOptionDiv_pageInHeader: 30px;
    --workspaceLayoutMenu_height: 49px;
    --workspaceLayoutSlider_height: 51px;
    --inboxFilterAccordionButton_position_right: 55px;
    --colorGray_Hue: 225;
    --colorGray_Saturation: 10%;
    /*--colorGray_Hue: 567;
    --colorGray_Saturation: 42%;*/
    --colorPink: #D11C61;
    --colorPinkDark: #89113F;
    --colorPinkFaded: hsl(337deg 66% 59%);
    --colorGray_ExtraLight: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 97%);
    --colorGray_SoftLight: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 92%);
    --colorGray_8: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 88%);
    --colorGray_80: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 83%);
    --colorGray_7: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 76%);
    --colorGray_Light: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 70%);
    --colorGray_SoftMedium: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 60%);
    --colorGray_5: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 50%);
    --colorGray_Medium: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 45%);
    --colorGray_4: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 40%);
    --colorGray_AddIcon: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 35%);
    --colorGray_3: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 31%);
    --colorGray_Dark: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 21%);
    --colorBlackGray: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 10%);
    --colorPeach_1: hsla(36, 87%, 94%);
    --colorPeach_2: hsla(36, 87%, 91%);
    --colorPeach_3: hsla(36, 87%, 87%);
    --colorBlue: hsl(204, 100%, 37%); /*inbox icons color*/
    --colorBlueHover: hsl(204deg 100% 45%); /*inbox icons color*/
    --colorInsta_ExtraLight: hsl(326, 57%, 97%);
    --colorPending_Active: #FF911A;
    --colorApproved_Active: hsl(134, 56%, 46%);
    --colorScheduled: #22813d;
    --colorFailedToPost: hsl(var(--colorGray_Hue), var(--colorGray_Saturation), 23%);
    --colorPendingExpired: #A481DE;
    --colorInboxEmailed: #143aa3;
    --colorReviewRequested: hsl(0deg 100% 47%);
    --colorFeedback: hsla(225, 10%, 47%);
    --colorInactive: #fdecec;
    --colorInsta: #cb4390;
    --colorFB: #0766ff;
    --colorTwitter: black;
    --colorYouTube: #FF0000;
    --colorTikTok: #000000;
    --colorError: #a94442;
    --modalPaddingLeftRight: 10px;
    --modalBodyPaddingTopBottom: 16px;
    --modalBodyPaddingLeftRight: 25px;
    --tabbedPanelBodyPad: 5px;
    --modalBorder: 10px;
    --ribbonPadLeftRight: 15px;
    --z_indexLeftMenu: 200;
    --minicalImg: 25px;
    --minicalImgRightDiv: calc(var(--minicalImg) + 3px);
    --minicalImgHeight: calc(var(--minicalImg) * 1.78);
    --settingsSidebar: 230px;
    --bootstrap-select-width: 220px;
    --workspaceDDLLayoutMaxWidth: 205px;
    --branchDDLayoutMaxWidth: 200px;
    --logoInnerWidth: 201px;
    --divPassportSideOuterMaxWidth: 455px;
    --divPassportSideMaxWidth: 175px;
    --layoutBadgesOuterHeight: 51px;
    --panelHeadingNavPadding: 7px;
    --dtSearchWidth: 150px;
    --dtCreateNewTagMessage: 190px;
    --dtCreateNewTagPost: 160px;
    --dtCreateNewPillar: 150px;
    --dtCreateNewTheme: 150px;
    --dtCreateNewCategory: 170px;
    --awsMaxImageSmall: 250px;
    --maxPostWidth: 522px; /* to give max image width 500px, as per FB*/
    --multiImages-nav-width: 250px;
    --carouselImgGap: 2px;
    --editMediaThumbWidth: 42px;
    --briefDivTop: 230px;
    --messageParentTopRowPad: 25px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: var(--bootstrap-select-width);
}

.bootstrap-select.js-selectInboxBulkAction {
    width: auto !important
}

.form-inline.form-inline-custom .form-group {
    margin-top: 2px;
    margin-bottom: 2px;
}

.modal-dialog {
    --modalDialogMargin_TopBottom: 10px;
    --modalDialogMargin_LeftRight: 10px;
    margin: var(--modalDialogMargin_TopBottom) var(--modalDialogMargin_LeftRight);
}

/*via https://stackoverflow.com/questions/32168234/change-the-bootstrap-modal-effect/32168912*/
.modal.fade .modal-dialog {
    --scaleVal: 1;
    --top: 0;
    -webkit-transform: scale(var(--scaleVal));
    -moz-transform: scale(var(--scaleVal));
    -ms-transform: scale(var(--scaleVal));
    transform: scale(var(--scaleVal));
    top: var(--top);
    opacity: 1;
    /*-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;*/
    /*-webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;*/
    transition: all 0s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: all 0s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: all 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.modal.fade.in .modal-dialog {
    /*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);*/
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/
    opacity: 1;
}

.text-muted {
    color: var(--colorGray_SoftMedium);
}

pre {
    background-color: var(--colorGray_ExtraLight);
    border: 1px solid var(--colorGray_80);
    border-radius: 0;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0; /*used in 'text-muted' on posts index*/
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 17px;
}

.js-slickGlobalPages {
    --margin: 0;
    width: calc(100% - (2 * var(--margin)));
    margin-bottom: 7px;
    padding-left: 0;
    padding-bottom: 7px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
}

    .js-slickGlobalPages::-webkit-scrollbar {
        height: 4px;
        cursor: pointer;
    }

    .js-slickGlobalPages::-webkit-scrollbar-thumb {
        border-radius: 7px;
        background-color: rgb(211, 213, 219);
    }

    .js-slickGlobalPages::-webkit-scrollbar-track {
        border-radius: 7px;
        /*background-color: rgb(233, 234, 237);*/
        background-color: transparent;
    }

.dataTables_scroll {
    position: relative;
    clear: both;
}

.js-mainContainer {
    position: relative;
}

    .js-mainContainer:not(.marginForHeader) {
        --mrg: 5px;
        --height: calc(var(--layoutBadgesOuterHeight) + var(--mrg));
        overflow: hidden;
        overflow-y: auto;
        height: calc(100vh - var(--height) - var(--mrg));
        top: var(--height);
        right: 2px;
    }

    .js-mainContainer.hasLayoutWorkspaceSelector {
        --topheight: var(--workspaceLayoutMenu_height);
        top: var(--topheight);
        height: calc(100vh - 3px - var(--topheight)); /*-3px is to leave some space after the scrollbar on the bottom*/
        --padding-top: 0;
        padding-top: var(--padding-top);
    }

        .js-mainContainer.hasLayoutWorkspaceSelector.showLayoutWorkspaceSlider {
            --topheight: calc(var(--workspaceLayoutMenu_height) + var(--workspaceLayoutSlider_height) );
        }

        .js-mainContainer.hasLayoutWorkspaceSelector .title {
            margin-top: 10px;
            margin-bottom: 0;
        }

.js-reconnectInProcessPopup .modal-dialog {
    max-width: 530px;
    margin-top: 150px;
}

.slick-track {
    /*margin: auto;*/ /*NN:added to center slick items when they don't fill up the entire row*/
}


.js-refetchPages {
    font-weight: 400;
}

.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}

/*.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Ubuntu;
    font-weight: 300;
    font-size: 14.5px;
}*/


.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 {
    font-weight: 300;
    background: hsl(225, 10%, 96%);
}

.ui-accordion.berry-accordion {
    font-size: 14px;
}

    .ui-accordion.berry-accordion .ui-accordion-header {
        color: var(--colorBlueHover);
        background: white;
        font-size: 22px;
        padding: 0px 0px;
        outline: none;
        margin: 0;
        display: inline-block;
        border: 0;
    }

.js-postPreviewColumn .ui-accordion.berry-accordion .ui-accordion-header,
.js-listeningAdditionalFiltersDiv .ui-accordion.berry-accordion .ui-accordion-header {
    font-size: 18px;
}

.ui-accordion.berry-accordion .ui-accordion-header:hover {
    color: #141823;
}

.berry-accordion .ui-accordion-header-icon {
    background-image: url(/../images/arrowBlackCollapse.png);
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    margin-top: -3px;
    position: relative;
    z-index: 1;
}

.js-listeningAdditionalFiltersDiv .berry-accordion {
    margin-bottom: 8px;
}

js-listeningAdditionalFiltersDiv .berry-accordion .ui-accordion-header-icon {
    margin-right: 3px;
}

.berry-accordion .ui-state-active .ui-accordion-header-icon {
    background-image: url(/../images/arrowBlack.png);
}

.ui-accordion.berry-accordion .ui-accordion-content {
    padding: 5px 10px;
    border: 0
}

.js-postDetailsAcccordion.ui-accordion.berry-accordion .ui-accordion-content {
    padding: 1px 0; /*top-bottom padding should be at least 1px, because 0 causes scrollbars*/
    margin-left: -15px;
    margin-right: -15px;
    overflow: visible; /* so that post type select is not cut off*/
}

.js-postDetailsAcccordion .filtersTitle {
    margin-bottom: 2px;
}

    .js-postDetailsAcccordion .filtersTitle a {
        line-height: 12px;
    }

    .js-postDetailsAcccordion .filtersTitle i {
        position: relative;
        top: -1px;
        padding-left: 2px;
    }

.js-Optimisation .bootstrap-select {
    top: -2px;
}

.js-listeningAdditionalFiltersDiv .ui-accordion.berry-accordion .ui-accordion-content {
    overflow: visible; /* so that post type select is not cut off*/
    padding: 5px 0px;
}

.js-listeningAdditionalFiltersDiv input, .js-listeningAdditionalFiltersDiv select {
    color: var(--colorBlueHover) !important;
}

.ui-accordion.berry-accordion .ui-corner-all,
.ui-accordion.berry-accordion .ui-corner-top,
.ui-accordion.berry-accordion .ui-corner-left,
.ui-accordion.berry-accordion .ui-corner-tl {
    border-radius: 0;
}

.js-PostTargetingAccordion,
.js-PostTargetingAudienceAccordion {
    display: inline
}

@font-face {
    font-family: 'lato';
    src: local('Ubuntu'), url('/../fonts/Lato-Light.TTF') format('truetype');
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Mono'), url('/../fonts/RobotoMono-Regular.ttf') format('truetype'), url('/../fonts/RobotoMono-Regular.ttf') format('truetype');
}

/* ubuntu-300 - greek_latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url('/../fonts/ubuntu-v14-greek_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/../fonts/ubuntu-v14-greek_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-500 - greek_latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url('/../fonts/ubuntu-v14-greek_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/../fonts/ubuntu-v14-greek_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700 - greek_latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('/../fonts/ubuntu-v14-greek_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/../fonts/ubuntu-v14-greek_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - greek_latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/../fonts/ubuntu-v14-greek_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/../fonts/ubuntu-v14-greek_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.mentions-input {
    display: block !important;
}

.lblPostMessage b, .calendarColumn .js-postColumn .lblPostMessage b, .highlighter-content b, .postMess b {
    font-weight: normal;
}

.bold, optgroup {
    font-family: Ubuntu;
    font-weight: 500 !important;
}

.regular {
    font-family: Ubuntu;
    font-weight: 400;
}

.ftNormal {
    font-family: Ubuntu;
    font-weight: 300;
}

.fullHeight {
    height: 100%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 200px;
}

@media (min-width: 768px) {
    .body-content {
        margin-left: 0;
    }
}

.row {
    margin-bottom: 15px;
}

a {
    text-decoration: none;
    color: var(--colorPink);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

    a:hover, a:focus {
        cursor: pointer;
        text-decoration: none;
        outline: none;
    }

    a:hover, a:focus, input[type=submit].btnDash:hover, a.grayLink:hover, .grayLink:hover {
        color: var(--colorBlackGray);
    }

footer li a:hover, footer li a:focus {
    color: var(--colorGray_3);
}

.font-style-normal {
    font-style: normal
}

.emoji-picker-icon {
    top: initial;
    bottom: 0px;
}

.emoji-menu .emoji-items-wrap {
    overflow: hidden;
    overflow-y: scroll;
}

.emoji-menu .emoji-items a {
    padding: 5px 4px;
}

.panel {
    border-radius: 0;
}

.panel-default > .panel-heading {
    padding: var(--panelHeadingNavPadding);
}

.note-editor.note-frame {
    border: 1px solid #dddddd;
}

.dashboard div.dataTables_wrapper div.dataTables_filter {
    background-color: transparent;
    padding: 5px 1px;
}

.dashboardPagename {
    color: var(--colorGray_Dark);
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15px;
}

    .dashboardPagename:hover,
    a.js-datepickerCalendar:hover .filtersTitle {
        color: var(--colorPink);
    }

tr.group-start:not(.collapsed) .dashboardPagename {
    color: var(--colorPink);
}

.js-expandCollapseAllGroups.filterButton i {
    line-height: 1.45;
    font-size: 20px;
}

.js-expandRowGroup {
    font-size: 16px;
    color: var(--colorGray_Light)
}

.js-expandRowGroup {
    cursor: pointer;
    padding-right: 8px;
    vertical-align: middle;
}

    .js-expandRowGroup:hover {
        color: var(--colorPink)
    }

.grayLight {
    color: var(--colorGray_Light)
}

.graySoftMedium {
    color: var(--colorGray_SoftMedium);
}

.table > tbody > tr > td.pageNameDashboard {
    padding-left: 28px;
}

.table > tbody > tr[data-group] {
    /*font-size: 14.5px;*/
}

.dataTables_scrollBody thead tr[role="row"] {
    visibility: collapse !important;
}

.dataTable.collapsed .dashboardPagename {
    font-size: 14px;
}

.dataTable td:focus {
    outline: none
}

.reportsDTCell {
    text-align: center;
    border-left: 1px solid var(--colorGray_SoftLight);
    background-color: var(--colorGray_ExtraLight);
}

.reportsDTCell,
.js-txtValue.form-control {
    font-size: 14px;
}

.text-left {
    text-align: left;
}

.dtCellNarrow {
    padding: 8px 3px !important;
}

.dtColTotal {
    text-align: center;
    background-color: #eaeef1;
}

.dtColHeader {
    color: var(--colorPink);
    background-color: var(--colorGray_SoftLight);
    font-size: 13.5px;
}

.monthCol.dtColHeader {
    color: var(--colorGray_Light);
    font-size: 12.5px;
    font-weight: 300;
}

/*.rowTotalAsAverage .dtColHeader {
    background-color: white;
    border: 0;
    padding-bottom: 2px !important;
    padding-top: 4px !important;
}

    .rowTotalAsAverage .dtColHeader:last-child,
    .rowTotalAsAverage:hover .dtColHeader:last-child {
        background-color: var(--colorGray_SoftLight) !important;
    }*/

.dtColMonthlyTotal {
    background-color: #d8dadf;
    color: #30333b;
}

.dtColRowEmpty {
    background-color: white;
    padding: 4px !important;
    border: 0 !important;
}

    .dtColHeader:before,
    .dtColRowEmpty:before {
        display: none !important
    }

.badge.badgeNew {
    vertical-align: initial;
    font-weight: 400;
}

.summaryReportOuterCol .tooltip-tooltipster {
    font-size: 14px;
    top: 1px;
    color: var(--colorBlueHover);
}

.dashShowAll {
    background-image: url(/../images/show-some-off.svg);
}

    .js-filterActiveContentPages.active .dashShowAll, .dashShowAll:hover {
        background-image: url('/../images/show-some-on.svg');
    }

.valign-top {
    vertical-align: top !important
}

.valign-text-top {
    vertical-align: text-top
}

.valign-bottom {
    vertical-align: bottom
}

.valign-middle {
    vertical-align: middle
}

/*summernote*/
.note-editable {
    min-height: 70vh;
}

.js-summaryOuter.active {
    /*background-color: #f4f5f6;*/
    background-image: -webkit-linear-gradient( 90deg, #f4f5f6 25%, hsl(210deg 10% 98%) 50%, hsl(210deg 10% 98%))
}

    .js-summaryOuter.active:after {
        content: ' ';
        border-bottom: 1px solid red;
    }

.js-showPageSummary {
    top: 0px;
    position: relative;
    display: inline-block;
}

    .js-showPageSummary.active,
    .js-showPageSummary:hover {
        color: var(--colorBlue)
    }

.dashboard .badge {
    color: var(--color);
    border: 1px solid var(--color);
    background-color: var(--colorGray_8);
    opacity: 0.5;
}

.dashboard .group-start .badge {
    background-color: var(--color);
    color: white;
    opacity: 1;
}

.tdReview .badge {
    --color: #D44040;
}

.tdApprovedActive .badge {
    --color: var(--colorApproved_Active);
}

.tdScheduled .badge {
    --color: var(--colorScheduled);
}

.tdFailedToPost .badge {
    --color: var(--colorFailedToPost);
}

.tdPendingActive .badge {
    --color: var(--colorPending_Active);
}

.tdPendingExpiring .badge {
    --color: #66b3ff;
}

.tdPendingExpired .badge {
    --color: var(--colorPendingExpired);
}

.dashboardInboxMessages .badge {
    --color: var(--colorPink);
}

.dashboardInboxMessagesEmailed .badge {
    --color: var(--colorInboxEmailed);
}

.dashboardUnreadMessages .badge {
    --color: var(--colorFeedback);
}

.actionsDTCell {
    border-left: none;
    width: 20px !important;
    text-align: right;
    padding: 0 !important;
    padding-right: 12px !important;
}

.dtCellEditable {
    padding: 4px 3px !important;
}

.optionPageName {
    max-width: calc(100% - 40px);
    vertical-align: bottom;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.js-editRow,
.js-saveRow,
.js-cancelSaveRow {
    display: inline-block;
    font-size: 15px;
}

.js-saveRow,
.js-cancelSaveRow {
    margin-left: 10px;
}

.ui-front.ui-autocomplete {
    z-index: 1100 !important;
}

.menu a, .menuScroll a {
    font-size: 13px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    color: white !important;
}

.js-input-tooltipster {
    position: absolute;
    right: 5px;
    top: 5px;
}

.ulTargetingTooltip {
    color: var(--colorGray_SoftMedium);
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 300;
}

.js-postEstimateRow {
    background-color: var(--colorGray_ExtraLight);
    padding: 10px 10px;
    margin-bottom: 5px;
}

.metricLabel {
    --height: 33px;
    min-height: var(--height);
    padding-top: 6px;
    font-weight: 500;
}

.lbl2Lines {
    --height: 48px !important;
}

.lbl3Lines {
    --height: 65px !important;
}

.js-modalMOT .form-control,
.js-modalMOT .js-ddlMOTAds {
    margin-bottom: 3px;
    font-size: 13px;
}

.js-modalMOT textarea.form-control {
    padding: 3px 8px;
}

.js-inputMetric {
    background-color: var(--colorPeach_1);
}

textarea.scrollDiv {
    cursor: initial;
}

.dropdown-menu > .active > a label {
    color: inherit;
}

.singleSelect .multiselect-container > li > a > label {
    /*padding: 6px 20px 6px 15px;*/
    padding: 3px 20px 3px 33px
}

.singleSelect .multiselect-container > li > a > .radio input[type=radio] {
    display: none
}

.singleSelect .multiselect .pageDetailsName {
    padding: 3px 10px;
}

.singleSelect .multiselect .filterProfileName {
    font-weight: 400;
}

.multiselect-container > li > a > label.checkbox {
    display: block;
}
/* PAGINATION*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #F7F7F7;
    /*background-color: #53B8DD;*/
    background-color: var(--colorPink);
    border-color: transparent;
    z-index: auto;
}

.pagination > li > a, .pagination > li > span {
    padding: 5px 10px; /*keep height of 30px to align with select ddl*/
    color: var(--colorGray_Medium);
    background-color: var(--colorGray_SoftLight);
    border: 0;
    font-size: 13px;
    float: none; /* to fix extra space problem in combination with display: inline-block */
    display: inline-block; /* to fix extra space problem in combination with float: none */
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: var(--colorGray_ExtraLight);
    }

.pagination > li.next > a,
.pagination > li.previous > a {
    width: 36px;
    background-color: transparent;
    color: transparent !important;
    padding: 1px 10px;
}

.pagination > li.next a:before,
.pagination > li.previous a:before {
    content: '\f0a8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--colorGray_Medium);
    font-size: 16px;
}

.pagination > li.next.disabled a:before,
.pagination > li.previous.disabled a:before {
    color: var(--colorGray_8);
}

.pagination > li.previous a:before {
    content: '\f137';
}

.pagination > li.next a:before {
    content: '\f138';
}

/* END PAGINATION*/

/*COOKIE POLICY POPUP*/

.cc-revoke, .cc-window {
    font-size: 12px !important;
    line-height: 1.3em !important;
    font-family: Ubuntu;
    font-weight: 300;
}

.cc-floating {
    border-radius: 0;
}

.cc-bottom {
    bottom: 12em;
    border: 1px solid hsla(0, 0%, 11%, 1);
}

.cc-floating .cc-message {
    color: #fffef5;
}

.cc-link {
    padding: 0 !important;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    color: hsla(36, 2%, 22%, 1);
    font-weight: 300;
    font-size: 14px;
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-window.cc-floating {
        max-width: 53%;
    }

    .cc-floating.cc-theme-classic {
        padding: 1em;
    }

    .cc-btn {
        padding: .3em .8em;
    }
}

/*END COOKIE POLICY POPUP*/

.checkbox-inline,
.checkbox-inline + .checkbox-inline,
.form-horizontal .checkbox-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.radio-inline,
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline {
    margin: 0;
    padding-right: 30px;
    width: 100%;
}

    .checkbox-inline:last-child,
    .form-horizontal .checkbox-inline:last-child,
    .radio-inline:last-child {
        margin-right: 0;
    }

    .checkbox-inline input[type="checkbox"] {
        margin-left: -15px;
    }

    .checkbox-inline:hover {
        color: var(--colorPink);
    }

.form-horizontal .checkbox-inline {
    padding-left: 15px;
    padding-top: 0;
}

label.checkbox-inline {
    margin-bottom: 0;
    font-size: 13px;
}

.cbCanChild {
    margin-left: 20px;
}

    .cbCanChild > label {
        padding: 0 3px;
        line-height: 1.4;
        background-color: white;
    }

.userPagePageName {
    color: #66b3ff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.SingleCheckbox input[type=checkbox] ~ label.userPageItemName {
    color: var(--colorGray_Dark);
    font-weight: 400;
}

    .SingleCheckbox input[type=checkbox] ~ label.userPageItemName .pageInHeader {
        margin-right: 2px;
        --width: 25px; /* clearer images in one of these values: 18px, 25px, 36px */
    }

    .SingleCheckbox input[type=checkbox] ~ label.userPageItemName:hover {
        color: var(--colorBlue);
    }

.isCheckboxHidden .SingleCheckbox input[type=checkbox] ~ label.userPageItemName {
    cursor: auto
}

    .isCheckboxHidden .SingleCheckbox input[type=checkbox] ~ label.userPageItemName:before {
        display: none
    }

.lblPageHandle {
    font-weight: normal;
    color: var(--colorGray_SoftMedium);
}

.lblPageNameFpd .lblPageHandle {
}

.smallEmail {
    text-transform: lowercase;
    color: var(--colorGray_SoftMedium);
    font-size: 13px;
    font-weight: 300;
}

.userInDTDetails .smallEmail {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smallEmail:not(.ds-block) {
    display: inline-block
}

.js-sortable2 .smallEmail {
    color: var(--colorGray_Light);
}

.SingleCheckbox input[type=checkbox] ~ label.userPageItemName .smallEmail {
    font-weight: 300;
    font-size: 12px;
}

.permRowInactive {
    position: absolute;
    top: 8px;
    right: 24px;
}

.profilePermissionsRow {
    word-break: break-word;
    padding-top: 2px;
}

.pagePermUlOuter {
    text-align: left;
    margin-top: 3px;
}

.pagePermissions {
    --padLeft: 0;
    padding-left: var(--padLeft);
    margin-bottom: 0;
    margin-top: 0px;
}

.pageRolesDiv {
    position: absolute;
    right: 6px;
    top: -23px;
}

.cbCanGroup {
    list-style-type: none;
    padding: 7px 8px;
    padding-top: 3px;
}

    .cbCanGroup.approversGroup {
        background-color: #ffffffc7;
    }

.cbCanGroupTitle {
    text-transform: uppercase;
    font-size: 12.5px;
    margin-top: 2px;
    margin-bottom: 5px;
    color: var(--colorGray_Dark);
    font-weight: 500;
}

.cbCanGroupTitleFootnote {
    color: hsl(134deg 56% 40%);
    text-transform: none;
    font-weight: 400;
    text-decoration: dotted underline;
    font-size: 12.5px;
    margin-top: 10px;
}

.selectMulti.SingleCheckbox {
    top: 4px;
    position: relative;
    display: inline-block;
    margin-right: 2px;
}

.bootCollapse[data-target="#js-collapseQuickSelect"]:before {
    content: "\f106";
    font-family: 'FontAwesome';
}

.bootCollapse.collapsed[data-target="#js-collapseQuickSelect"]:before {
    content: "\f107";
}

.checkPermissionsBulk {
    margin: 7px 0;
    float: left
}

    .checkPermissionsBulk .pagePermissions {
        padding-left: calc(var(--padLeft) + 10px);
    }

    .checkPermissionsBulk .selectMulti.SingleCheckbox {
        margin-right: 0;
        padding-left: 10px;
        margin-bottom: 4px;
    }

    .checkPermissionsBulk .cbCan {
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 25px;
    }

        .checkPermissionsBulk .cbCan .SingleCheckbox.selectSmall input[type=checkbox] ~ label {
            color: var(--colorGray_Light)
        }

.cbCan {
    font-size: 13px;
    text-transform: uppercase;
}

.cbCanSendContentForApproval {
    display: block;
}

.cbCanChild .SingleCheckbox {
    position: relative
}

    .cbCanChild .SingleCheckbox:before {
        content: '\4c';
        position: absolute;
        top: -1px;
        left: -15px;
        font-size: 20px;
        line-height: 16px;
        color: hsla(225, 11%, 83%, 1);
    }

.modal-tabbed .panel {
    border: 0;
    box-shadow: none;
    height: 100%;
    margin-bottom: 0
}

.modal-tabbed .panel,
.modal-tabbed .panel-heading {
    border-radius: 0;
}

.modal-tabbed .panel-heading-nav {
    border-color: var(--colorGray_SoftLight);
    background-color: var(--colorGray_ExtraLight);
    padding: var(--panelHeadingNavPadding);
}

.modal-tabbed .panel-subNav {
    padding: 0;
    border-color: white;
    border-right: 1px solid var(--colorGray_SoftLight);
}

.modal-tabbed .panel-body {
    padding: var(--tabbedPanelBodyPad);
}

.modal-tabbed .modal-body {
    padding: 0px;
    margin: 0;
}

.modal-tabbed .modal-header {
    --padTopBottom: 0px;
    border-bottom: none;
    box-shadow: none;
}

.modal-tabbed button.close {
    position: absolute;
    right: 11px;
    top: 7px;
}


.nav-tabs,
.nav-tabs > li > a {
    border-bottom-color: transparent;
}

    .nav-tabs > li > a {
        margin-right: 3px;
        border-radius: 0;
        background-color: white;
        padding: 15px 16px;
        text-transform: uppercase;
        color: var(--colorGray_Dark);
        font-weight: 400;
        font-size: 14px;
    }

    .nav-tabs.berry-tabs > li > a {
        background-color: white;
        padding: 10px 12px;
    }

.berry-tabs {
    overflow: hidden;
    overflow-y: auto;
}

.modal-tabbed .panel-subNav {
    background-color: white;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: white;
    cursor: default;
    background-color: var(--colorGray_Dark);
    border-color: var(--colorGray_Dark);
    border-bottom-color: transparent;
}

.nav-tabs.berry-tabs > li.active > a {
    background-color: var(--colorGray_ExtraLight);
    color: var(--colorBlueHover);
    border-color: var(--colorGray_SoftLight);
    border-right-color: transparent;
    border-left-color: transparent;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: white;
    border-color: var(--colorGray_ExtraLight);
    color: var(--colorBlue);
}

.nav-tabs.berry-tabs > li > a:hover {
    background-color: var(--colorGray_ExtraLight);
}

.dropdown-menu {
    padding: 0;
}

.btn.multiselect-clear-filter {
    color: black;
}

    .btn.multiselect-clear-filter:hover {
        background-color: hsl(0, 0%, 90%);
        box-shadow: none;
        color: black;
        border-color: transparent;
    }

.multiselect-item .input-group-addon,
.btn.multiselect-clear-filter {
    background-color: var(--colorGray_ExtraLight);
}

.dropdown-menu,
.multiselect-item .input-group-addon,
.btn.multiselect-clear-filter {
    border-radius: 0;
    border-color: var(--colorGray_8);
}

.btnMultiselect.select-ellipsis,
.bootstrap-select.select-ellipsis .dropdown-menu.open {
    max-width: 100%;
    min-width: var(--bootstrap-select-width);
}

.bootstrap-select.select-right .dropdown-menu.open {
    left: auto;
    right: 0
}

.bootstrap-select.select-small {
    /*width: auto !important*/ /*removed because it caused the ddl to open outside the modal*/
}

    .bootstrap-select.select-small .dropdown-menu {
        /*max-height: 350px !important;*/
    }

.bootstrap-select.js-StatusFilter {
    --bootstrap-select-width: 180px;
}

.position-relative {
    position: relative !important;
}

.position-initial {
    position: initial !important;
}

.minical .minihide,
.minishow {
    display: none !important;
}

.minical .minishow {
    display: inline-block !important;
}

.ui-autocomplete {
    background-color: white;
    border: 1px solid rgba(221, 228, 228, 1);
    max-height: 300px;
    list-style-type: none;
    padding: 0;
    padding-top: 5px;
    overflow: hidden;
    overflow-y: auto;
}

    .ui-autocomplete .ui-menu-item {
        padding: 5px;
        font-size: 13px;
    }

        .ui-autocomplete .ui-menu-item span {
            width: 100%;
        }

        .ui-autocomplete .ui-menu-item:hover {
            background-color: var(--colorGray_SoftLight);
            cursor: pointer;
        }

    .ui-autocomplete .ui-state-active {
        background-color: transparent;
        border: 0;
        color: black;
        margin: inherit;
        font-weight: 300;
    }

    .ui-autocomplete img {
        max-width: 29px;
        margin-right: 5px;
    }

.ui-menu-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*display: inline-block;*/
}

.ui-autocomplete::-webkit-scrollbar {
    width: 7px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgb(211, 213, 219);
}

.ui-autocomplete::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 7px;
    background-color: rgb(233, 234, 237);
}

.js-orgElementRow {
    padding: 3px 5px;
}

    .js-orgElementRow:hover {
        background-color: var(--colorGray_ExtraLight)
    }

.js-searchOrgElement {
    width: 200px;
    max-width: 100%;
    float: right
}

.js-datepickerMovePostsBulk {
    width: 300px;
    max-width: 100%;
}

.ddlFilterPostsByTypeOuter {
    width: 150px;
    max-width: 100%
}

.js-adAccountsDiv .multiselect-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px !important;
    width: 500px;
}

.domainVerificationText > ol, .domainVerificationText ol ul {
    padding-left: 15px;
}

    .domainVerificationText > ol li {
        margin-bottom: 5px;
    }

.domainVerificationText ol ol {
    padding-left: 20px;
}

.ulPagesInRole {
    padding-left: 0;
}

    .ulPagesInRole li {
        list-style-type: none;
        font-size: 0.9em;
        color: var(--colorGray_Medium);
        line-height: 1.25;
        margin-top: 5px;
    }

.connectedSortable {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: -10px;
    overflow: hidden;
    overflow-y: auto;
    height: 100%; /*to be able to drop even if few items in container*/
    /*height: calc(100vh - 275px);*/
}

    .connectedSortable > li {
        cursor: move;
    }

.permissionsFilters {
    position: sticky;
    top: calc(-1 * var(--modalBodyPaddingTopBottom));
    z-index: 2; /*role drop-downs were showing above sticky div*/
    background-color: white;
    padding-top: 5px;
    margin-bottom: 0;
}

.js-filterableItem {
    padding: 5px 6px;
}

    .js-filterableItem > i {
        color: var(--colorGray_Medium);
        transform: rotate(90deg);
        position: relative;
        left: -5px;
        font-size: 1.2em;
        top: 5px;
    }

.sortableCol {
    padding: 5px;
    padding-bottom: 0;
    height: 100%;
    background-color: var(--colorGray_ExtraLight);
    margin-top: var(--modalBodyPaddingTopBottom);
    position: relative;
}

    .sortableCol .filtersTitle {
        position: absolute;
        top: -24px;
    }

.pageImgSmall {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    --width: 1em;
    width: var(--width);
    height: var(--width);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
}

.btnExpandList {
    position: absolute;
    right: 31px;
    bottom: 5px;
}

.sortableItemText {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 50px);
}

.practiceSortable {
    background-color: hsl(230, 9%, 90%);
    padding: 8px 12px;
    border: 1px solid #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    color: hsl(228, 9%, 10%);
    border-radius: 14px;
    width: 100%;
    max-width: calc(100% - 19px);
    word-break: break-word;
    vertical-align: top;
    top: -6px;
    position: relative;
}

    .practiceSortable:hover {
        background-color: hsl(230, 9%, 84%);
    }

ul.practiceSortablePages {
    padding-left: 17px;
    padding-top: 3px;
}

    ul.practiceSortablePages li {
        font-weight: 300;
        list-style-type: none;
        font-size: 0.85em;
        color: var(--colorGray_SoftMedium);
        line-height: 1.75;
        position: relative;
    }

        ul.practiceSortablePages li.treeViewStyle:before {
            content: 'L';
            font-size: 1.25em;
            position: absolute;
            left: -11px;
            top: -6px;
        }

.bootstrap-select-subdetails,
.pagesStringUL {
    color: var(--colorGray_Light);
    font-weight: 300;
}

    .bootstrap-select-subdetails .pagesStringUL {
        padding-left: 17px;
    }

.js-ddlLayoutWorkspaces .bootstrap-select-subdetails .pagesStringUL {
    padding-left: 32px;
    word-break: break-word;
}

.practiceSortablePages .pagesStringUL {
    padding-left: 7px;
    color: var(--colorGray_SoftMedium);
}

.sortableSelectedItems .practiceSortable {
    background-color: white;
    border-color: var(--colorGray_8);
}

    .sortableSelectedItems .practiceSortable:hover {
        background-color: var(--colorGray_SoftLight)
    }

.sortableSelectedItems .practiceSortablePages ul {
    color: hsla(0, 0%, 100%, 0.69)
}

.practiceSortable .inactive {
    color: hsl(0, 100%, 40%);
    text-decoration: line-through
}

.sortableSelectedItems .smallEmail {
    color: hsla(228, 10%, 67%, 1);
}

.js-clearFilterGroups {
    position: absolute;
}

.js-inputFilterGroups {
    margin-top: 8px;
    position: relative;
    display: inline-block
}

.sortableCol .js-inputFilterGroups {
    position: absolute;
    top: -32px;
    right: 0;
}

.js-multiPostsSelectedCount {
    text-transform: lowercase;
    font-size: 11.5px;
}

a.js-hlPostsSelectBulkAction {
    text-decoration: underline;
    text-decoration-style: dotted;
}

    a.js-hlPostsSelectBulkAction:hover {
        color: var(--colorPink)
    }

.filtersTitle {
    /*vertical-align: -1px;*/
}

.filtersTitle, .SingleCheckbox.selectSmall input[type=checkbox] ~ label.filtersTitle, .js-inputFilterGroups input[type=search], a.js-hlPostsSelectBulkAction {
    color: var(--colorGray_Medium);
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.js-editPostParentDiv .filtersTitle {
    margin-bottom: 3px;
}

.SingleCheckbox.selectSmall input[type=checkbox] ~ label.filtersTitle {
    vertical-align: 0;
    margin-bottom: 0
}

.filtersTitle.active {
    color: var(--colorPink);
}

.filtersTitle i {
    font-size: 12px;
}

.js-moreActionsContent label[for]:hover {
    color: var(--colorPink);
}

.js-inputFilterGroups input[type=search] {
    width: 150px;
    max-width: 100%;
    padding-right: 20px;
}

.js-clearFilterGroups {
    z-index: 1;
    right: 5px;
    top: 5px;
    font-size: 0.9em;
}

.js-inputFilterGroups input[type=search].active {
    background-color: hsl(36, 87%, 94%);
}

.postDetailsApproveReview {
    position: fixed;
    bottom: -5px;
    left: 200px;
    right: 0;
}

    .postDetailsApproveReview .approveReviewRow {
        background-color: white;
        border-top: 1px solid var(--colorGray_SoftLight);
        display: inline-block;
        width: 100%;
        padding: 20px;
        padding-right: 38px;
        padding-bottom: 17px;
    }

.dtProfileFace {
    width: 32px !important;
    outline: 0 !important;
    position: relative;
}

.dataTable.collapsed .pageInHeader {
    width: 16px;
    height: 16px;
    left: -4px;
    top: 2px;
    margin-right: 0px;
}

.fbLogo-sm {
    width: 11px;
    position: absolute;
    top: 4px;
    left: calc(100% + 5px);
}

.dataTable.collapsed .fbLogo-sm {
    width: 10px;
    top: 14px;
    left: 45px;
}

.tdSentReceived {
    text-align: center;
    display: block;
}

.twUname {
    color: #9197a3;
}

.platfName {
    position: relative;
    left: 30px;
    font-size: 22px;
}

.c-mask, .cMaskActive {
    /*z-index: 100;*/
    z-index: 1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    position: fixed;
    -webkit-transition: opacity .3s,width 0s .3s,height 0s .3s;
    transition: opacity .3s,width 0s .3s,height 0s .3s;
    overflow: hidden;
}

.cMaskActive {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

/************************to show modal on top of modal correctly************************************/
.modal-backdrop {
    visibility: hidden !important;
}

.modal {
    transition: all .3s ease-in-out;
}

    .modal.in {
        background-color: rgba(0,0,0,0.5);
    }

/*.modal-open {
    overflow: hidden !important;
}*/
/************************end************************************/
.disabledInput {
    background-color: transparent;
    border: 0;
    padding: 0;
    width: 100%;
}

.top .disabledInput {
    text-align: center;
}

.msgVideoIframe {
    border: 0;
}

.socialItemPreview .msgVideoIframe {
    max-height: 100px !important;
}

.ulLinks {
    list-style: none;
    padding-left: 9px;
}

    .ulLinks li {
        margin-bottom: 8px;
    }

.js-branchUserPermissionsSettings .ulLinks {
    padding-left: 15px;
}

.ppItemCol .ulLinks { /*used in _PostPerformance*/
    margin-top: 13px;
    text-align: center;
    padding-left: 0;
}

.iconlink a {
    color: var(--colorGray_Medium);
}

    .iconlink a:hover {
        color: var(--colorPink)
    }

.iconlink i:not(.platfIconFas) {
    margin-right: 4px;
    color: var(--colorBlackGray);
}

.nav-tabs .iconlink.active i {
    color: inherit;
}

.berry-tabs.js-settingsTabsSubMenu > li i {
    width: 34px;
    text-align: center;
    font-size: 14px;
}

.iconlink .fas.fa-file-export {
    font-size: 13.33px;
}

.iconlink .fab.fa-facebook-square:not(.platfIconFas) {
    font-size: 17.14px;
}

.js-userQuickView {
    font-size: 20px;
    color: hsla(225, 11%, 72%, 1);
    position: absolute;
    right: -10px;
    top: 2px;
}

.userQuickView {
    padding: 10px;
    padding-bottom: 0
}

.pageInHeader {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    --width: 25px; /* clearer images in one of these values: 18px, 25px, 36px */
    width: var(--width);
    height: var(--width);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 0;
    margin-right: 7px;
    vertical-align: middle;
}

.modal-title .pageInHeader {
    margin-right: 3px;
}

.js-modalSubscriptionPlansTitle.modal-title i {
    font-size: smaller;
}

.postDetailsImg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    --width: 46px;
    width: var(--width);
    height: var(--width);
    display: inline-block;
    vertical-align: text-top;
}

.group .postDetailsImg {
    --width: 33px;
}

.postDetImgCell {
    max-width: 50px;
}

td.postDetImgCell {
    padding: 0 !important;
}

.postDetailsMsgOuter {
    /*min-width: 200px;*/
}

.postDetailsMsg {
    --lines: 2;
    --lineHeight: 16px;
    -webkit-line-clamp: var(--lines);
    min-height: calc(var(--lines) * var(--lineHeight));
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

    .postDetailsMsg.expanded {
        display: block;
    }

.postDetailsMsgCell {
    min-width: 150px !important;
}

.minCellWidth65 {
    min-width: 65px !important;
}

.minCellWidth70 {
    min-width: 70px !important;
}

.minCellWidth120 {
    min-width: 120px !important;
}

.js-layoutWorkspaceDDLDiv {
    max-width: var(--workspaceDDLLayoutMaxWidth);
}

.js-layoutWorkspaceBadgesOuter {
    width: calc(100% - var(--workspaceDDLLayoutMaxWidth) - var(--divPassportSideOuterMaxWidth))
}

.js-ddlLayoutWorkspaces .dropdown-toggle .pageInHeader {
    --width: 25px; /* clearer images in one of these values: 18px, 25px, 36px */
}

.ribbonWorkspaceName {
    border-bottom: 1px dashed var(--colorGray_4);
}

.pageInHeader.inDT {
    --width: 32px; /* clearer images in one of these values: 18px, 25px, 36px */
    margin-right: 13px;
    vertical-align: middle;
}

.loginAsUserDiv {
    min-width: 250px;
    margin-top: 5px;
    text-align: right;
    padding-right: 10px;
    font-size: 13px;
}

    .loginAsUserDiv i {
        font-size: 17px;
        margin-left: 10px
    }

.btn-edit-gray {
    color: var(--colorGray_Medium)
}

    .btn-edit-gray:hover {
        color: var(--colorPink);
    }

.pinkSmallCaps,
.graySmallCaps,
.addSmallCaps,
.btn-edit,
.js-branchUserPermissionsSettings .ulLinks li {
    font-weight: 400;
    text-transform: uppercase;
}

.pinkSmallCaps,
.graySmallCaps,
.addSmallCaps,
.btn-edit,
.btn-edit-gray,
.js-branchUserPermissionsSettings .ulLinks li,
.h3-sm i,
.js-PageTitleBreadcrumb .text-muted {
    font-size: 13px;
}

.addSmallCaps,
.h3-sm i {
    color: var(--colorGray_AddIcon);
}

.h3-sm a:hover i {
    color: var(--colorPink);
}

.graySmallCaps {
    color: var(--colorGray_Medium);
}

.optimisationMethod {
    margin-top: 5px;
    text-transform: uppercase;
    color: var(--colorPendingExpired);
}

    .optimisationMethod i {
        font-size: 12px;
    }

.pinkSmallCaps,
.btn-edit {
    color: var(--colorPink);
}

.smallGray,
.smallGrayLight {
    font-size: 13px;
    line-height: 17px;
}

.smallGray {
    color: var(--colorGray_Medium);
}

.smallGrayLight {
    color: var(--colorGray_Light);
}

.xsGrayMedium {
    font-size: 11px;
    color: var(--colorGray_Medium);
}

.xsGrayLight {
    font-size: 11px;
    color: var(--colorGray_Light);
}

.groupDDLTitle {
    border-bottom: 1px dotted var(--colorGray_7);
    margin-top: 5px;
    margin-bottom: 12px;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-weight: 500;
}

.js-ddlPageSettings .dropdown-toggle .groupDDLTitle {
    display: none
}

.userInDT {
    --width: 36px; /* clearer images in one of these values: 18px, 25px, 36px */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width: var(--width);
    height: var(--width);
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

/*the multiselect display text*/
.pageDetailsName .pageInHeader {
    --width: 22px; /* clearer images in one of these values: 18px, 25px, 36px */
    width: var(--width);
    height: var(--width);
    vertical-align: middle;
    margin-right: 0;
}

li .pageDetailsName .pageInHeader {
    --width: 18px; /* clearer images in one of these values: 18px, 25px, 36px */
}

.pageDetailsName.js-slickPageDetailsInModal .pageInHeader {
    --width: 36px; /* clearer images in one of these values: 25px, 36px */
    vertical-align: middle;
    margin-right: 0;
}

.js-filterProfilesDiv_Inbox .filterProfileName {
    display: none;
}

/********/
.js-liFilterWorkspace.active .filterProfilesOptionDiv .pageInHeader {
    box-shadow: 0px 5px 5px 1px hsla(0, 0%, 30%, 0.35)
}

    .js-liFilterWorkspace.active .filterProfilesOptionDiv .pageInHeader:after {
        border-color: #fdfdfd;
        border-width: 0px;
    }

.pageInHeader .spIcon, .dataTable .spIcon.inDT {
    width: 11px;
    height: 11px;
    left: 32px;
    top: -1px;
}

.dataTable .spIcon.inDT {
    left: -1px;
    top: 5px;
    margin-right: 8px;
    float: left;
}

.dataTable.collapsed .spIcon.inDT {
    left: -1px;
    width: 9px;
    height: 9px;
    top: 7px;
    margin-right: 3px;
}

.cbPage input[type=checkbox], .userPagePageName {
    cursor: pointer
}

    .userPagePageName:hover {
        color: black
    }

.js-inboxMessageLeft .msgInner .platfIconFas,
.js-messageParentTopRow .fbMessageInner .platfIconFas {
    top: 20px;
    left: 37px;
    position: absolute;
    border: 1px solid #ffffff;
    font-size: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 1.3;
    border-radius: 50%;
    background-color: white;
}

.js-messageParentTopRow .fbMessageInner .platfIconFas {
    left: 0;
    top: calc(100% - 4px);
}

.js-messageParentTopRow .tw-post.type-pm .fbMessageInner .platfIconFas {
    top: calc(100% - 31px);
}

.js-messageParentTopRow .fbMessageInner .fa-instagram, .js-inboxMessageLeft .msgInner .fa-instagram {
    background-color: #b93fa5;
    color: #ffffff;
}

.js-messageParentTopRow .fbMessageInner .fa-facebook-square, .js-inboxMessageLeft .msgInner .fa-facebook-square {
    color: white;
    background-color: var(--colorFB);
    line-height: 1.4;
}

    .js-messageParentTopRow .fbMessageInner .fa-facebook-square:before, .js-inboxMessageLeft .msgInner .fa-facebook-square:before {
        content: "\f39e"; /*NN:overriding default to display .fa-facebook-square as .fa-facebook-f*/
    }

.divLeft {
    float: left;
    width: 100%;
}

.flexrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap; /*for ipad!*/
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    float: none;
}

.flex-justify-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-justify-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-no-wrap {
    flex-wrap: nowrap
}

.flexrow.text-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flexrow.text-justify {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flexrow.flexrow-direction-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.col-gap-5 {
    column-gap: 5px
}

.col-gap-10 {
    column-gap: 10px;
}

.col-gap-15 {
    column-gap: 15px
}

.row-gap-15 {
    row-gap: 15px
}

.flexrowchild-fill {
    flex: 1;
    min-width: 0; /* when children of .flexrowchild-fill have white-space: nowrap, .flexrowchild-fill exceeds the full width of the flex-parent, so we use min-width to fix it*/
}

.flexrowchild-last-right {
    margin-left: auto /*aligns (floats) last flex child to the right*/
}

.flexAlignBottom {
    align-self: flex-end;
}

.align-items-center {
    align-items: center;
}

.postStatusRow {
    /*margin-bottom: 2px;*/
    overflow: hidden;
}

.postFooterRight {
    margin-left: auto;
}

.js-Calendar .postFooterRight {
    height: 17px;
}

.modal .postFooterRight {
    height: 21px;
}

.js-inboxColRight .js-messageParentTopRow {
    padding-top: var(--messageParentTopRowPad);
    padding-bottom: var(--messageParentTopRowPad);
}

.js-inboxColRight, .pnlNewDate span, .js-modalPostInboxMessages .modal-content {
    background-color: hsla(36,88%,97%,1);
}

.js-modalPostInboxMessages .modal-header {
    background-color: white;
}

.js-messageParentTopRow {
    background-color: var(--colorGray_SoftLight);
    position: relative;
}

    .js-messageParentTopRow.msgDeleted,
    .fbMessageInner.msgDeleted {
        background-color: var(--colorInactive) !important;
    }

.fbMessageInner.msgHidden {
    background-color: #e0d1eb !important;
}

.fbMessageInner .messageHiddenTxt {
    display: none;
}

.fbMessageInner.msgHidden .messageHiddenTxt {
    display: block;
}

.msgDeletedTxt {
    color: var(--colorError);
    font-style: italic;
    font-size: 0.9em;
}

.js-inboxMessage .mentions-input .input {
    background-color: rgba(255, 255, 255, 0.6) !important; /*keep transparency to allow mention tags to be visible*/
    border: 1px solid transparent;
    padding: 5px 8px;
    padding-bottom: 20px;
}

.js-parentMessageTop .js-inboxMessage .mentions-input .input {
    border: 1px solid transparent;
    background-color: hsla(225, 0%, 80%, 0.25) !important;
}

.js-inboxMessage .mentions-input .input, .js-inboxMessage .mentions-input .highlighter, .js-inboxMessage .mentions-input .highlighter-content {
    font-size: 13px !important;
    line-height: 1.4;
    min-height: 93px;
}

    .js-inboxMessage .mentions-input .input:focus {
        /*border-color: hsla(330, 12%, 91%, 1) !important*/
        /*border-width: 2px !important;*/
        outline: none;
    }

.js-inboxMessageLeft {
    padding: 14px 0px;
    position: relative;
    text-align: left;
}

    .js-inboxMessageLeft.combinedInbox {
        padding-bottom: 20px;
    }

.inboxMessageLeftRow:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--colorGray_SoftLight);
    position: absolute;
    bottom: -1px;
    left: 0;
}

.inboxMessageLeftRow:last-child:after {
    display: none;
}

.inboxMessageLeftRow:hover::after {
    display: none
}

.inboxMessageLeftRow:hover::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: white;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1
}

.js-filterUserPagesByGroup,
.js-ddlFilterUserPagesByBranch,
.js-ddlFilterBranchUsersByGroupDiv,
.js-ddlFilterUsersByBranchDiv {
    margin-top: 10px;
}

.demographicsOL {
    padding: 0;
    list-style-position: inside;
}

    .demographicsOL li {
        break-inside: avoid; /* Prevents item from breaking into next column */
    }

.columnSearchClients {
    padding: 8px 10px;
    border-bottom: 1px dashed rgb(221, 221, 224);
    position: relative;
    text-align: left;
}

.columnSearch.columnSearchClicked {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: background-color .25s linear;
    transition: background-color .25s linear;
    background-color: var(--colorPeach_1);
}

.columnSearch {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
    color: var(--colorGray_3);
    background-color: var(--colorGray_ExtraLight);
    border-bottom: 1px solid var(--colorGray_SoftLight);
    /*float: left;*/
    /*width: 100%;*/
    margin-left: 9%;
    width: 91%
}

.columnSearchTopFans {
    padding: 7px 0
}

.columnSearchSpecialDays {
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
    color: var(--colorGray_3);
    margin-bottom: 10px;
    position: relative;
}

    .columnSearchSpecialDays .btnDeleteImg {
        top: 11px;
        --size: 16px;
        right: 13px;
    }

.scrollList {
    margin-bottom: 15px;
}

    .scrollList .columnSearch {
        padding: 2px 0;
    }

.columnSearchLast {
    border: 0;
}

.js-inboxColLeft {
    padding-left: 0
}

.inboxTitleOuter {
    margin-top: 9px;
}

.animDone {
    position: absolute;
    background-image: url(/../images/done.png);
    background-size: cover;
    width: 24px;
    height: 24px;
    margin: auto;
    left: 0;
    right: 0;
}

.lblCustomer {
    position: relative;
    font-size: 18px;
    padding: 0 10px;
    top: 0;
    color: gray;
    -webkit-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.case:hover .lblCustomer {
    top: -38px;
}

.hoverOver {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 1;
    visibility: hidden;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    -ms-transition: background-color .5s ease-in-out;
}

.scrollDiv::-webkit-scrollbar {
    width: 5px;
}

.scrollDiv::-webkit-scrollbar-thumb {
    background-color: var(--colorGray_Light) !important;
}

.scrollDiv::-webkit-scrollbar-track {
    background-color: var(--colorGray_8) !important;
}

.js-tbComment {
    border-color: white;
    height: 120px;
}

.noteIsRead {
    padding: 1px;
    background-color: #d4c4ca;
}

.case:hover .hoverOver {
    visibility: visible;
    background-color: rgba(0,0,0,0.4);
}

.lblKey {
    padding-right: 5px
}

.lblLikes {
}

.specialDayDescription {
    font-weight: 400;
    line-height: 1.3;
    color: lightseagreen;
}

.specialDayDescription,
.specialDayName {
    font-size: 13px;
}

.loginBox {
    border: 1px solid var(--colorGray_8);
    padding: 15px;
    margin-top: 70px;
    margin-bottom: 70px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.loginBox-sm {
    margin: 0;
    display: inline-block
}

.loginBox h2 {
    margin-top: 30px;
    margin-bottom: 7px;
    text-align: center;
}

.loginBox-sm h2 {
    margin-top: 10px;
}

.js-Inbox > .validation-summary-errors {
    margin-top: -10px;
    margin-bottom: 10px;
}

.loginBox.reconnect {
    background-color: var(--colorGray_ExtraLight);
}

.fkHead {
    background-color: white;
    margin-top: 0;
    padding-left: 13px;
    padding-bottom: 10px;
    font-size: 19px;
}

.cursor-pointer {
    cursor: pointer
}

.cursor-initial {
    cursor: initial !important
}

.js-filterTagsModal.noresults {
    background-color: hsla(225, 10%, 93%, 1);
}

.carouselDetailsLeft {
    flex: 1;
    min-width: 0; /*NN: necessary for text-overflow  to work on description*/
    padding-right: 8px;
}

.js-multiImages.flexrow {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    float: none;
}

.js-imgMultiDiv {
    background-color: hsla(0, 0%, 96%, 1);
    border-radius: 0px;
    padding: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    float: left;
    background-image: url(/../images/loading.gif);
    background-size: 12%;
    padding-bottom: 100px; /*keep as pixels instead of percentage, because percentage causes screen flickering!*/
    transition: padding-bottom 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition: padding-bottom 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition: padding-bottom 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-print-color-adjust: exact; /*for chrome to print bg images by default*/
}

.js-multiImages[data-display="dsp-fbCarousel"] .js-imgMultiDiv,
.js-postMediaDetails {
    border: 1px solid var(--colorGray_8);
}

.js-multiImages[data-display="dsp-fbCarousel"] .js-imgMultiDiv {
    padding-bottom: 100% !important; /*fb carousel images are rectangular*/
}

[data-display="dsp-fbCarousel"] .slick-slide .js-imgMultiDiv,
[data-display="dsp-fbCarousel"] .slick-slide .js-postMediaDetails {
    width: calc(100% - (2 * var(--carouselImgGap)));
    margin: 0 2px;
}

[data-display="dsp-fbCarousel"] .slick-slide.of_1 .js-imgMultiDiv,
[data-display="dsp-fbCarousel"] .of_1 .js-postMediaDetails {
    width: 100%;
    margin: 0;
}

.js-postMediaDetails {
    padding: 8px 9px;
    border-top: 0;
    display: none;
    font-size: 12.5px;
    line-height: 1.25
}

.calendarColumn .js-postMediaDetails {
    font-size: 11px;
    padding: 6px 7px;
    line-height: 1.3;
}

[data-display="dsp-fbCarousel"] .js-postMediaDetails {
    display: block;
    border-radius: 0 0 8px 8px;
}

.socialItemPreview .js-postMediaDetails {
    padding: 4px;
    font-size: 11px;
    background-color: white;
    border-radius: 0;
}

.pmLinkDomain {
    font-size: 11.5px;
    text-transform: uppercase;
    color: var(--colorGray_5);
}

.pmLinkTitle {
    font-weight: 500 !important;
}


.pmLinkTitle, .pmLinkDescription {
    font-size: 12.5px;
}

.js-postColumn .pmLinkDomain {
    font-size: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.js-postColumn .pmLinkTitle,
.js-postColumn .pmLinkDescription {
    font-size: 11.5px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.js-editPostIdeaImage .js-postMediaDetails_Description {
    margin-top: 3px;
}

.socialItemPreview .pmLinkTitle {
    -webkit-line-clamp: 1;
}

.socialItemPreview .js-postMediaDetails_Description {
    padding-top: 0;
}

.js-postMediaDetails_LinkVisible {
    font-size: 84%;
    padding-top: 5px;
    word-break: break-word;
    color: var(--colorGray_Light);
}

.alert.js-alertPostMediaValidationErrors,
.alert.alertPostMediaValidationErrors {
    word-break: break-word;
    margin-top: 3px;
    margin-bottom: -1px;
    font-size: 10.5px;
    line-height: 1.2;
    position: relative;
    padding: 0 2px;
    padding-top: 1px;
    /*color: var(--colorPinkFaded);*/
    background-color: transparent;
    border-color: transparent;
    font-weight: 400;
}

.alert.js-alertPostMediaValidationErrors {
    font-size: 13px;
    line-height: 1.4;
}

.tw-post .alert.js-alertPostMediaValidationErrors {
    padding: 2px 7px; /*increase due to rounded TW corners*/
}

.js-videoThumbs {
    width: 100%;
    column-gap: 8px;
    align-items: center;
    padding: 0 3px;
}

    .js-videoThumbs > div {
        position: relative;
        padding-top: 5px;
        padding-bottom: 3px;
        width: calc(100% / 8);
    }

    .js-videoThumbs img {
        width: 100%;
    }

    .js-videoThumbs label {
        top: -2px;
        margin-bottom: 0;
        margin-top: 7px;
        font-size: 13px;
        font-weight: 400;
        position: relative;
    }

    .js-videoThumbs label,
    .js-videoThumbs input[type=radio] {
        cursor: pointer;
    }

a.js-selectThumb {
    float: right;
    color: var(--colorGray_AddIcon);
    margin-top: 10px;
}

    a.js-selectThumb:hover {
        color: var(--colorPink);
    }

    a.js-selectThumb.expanded {
        color: var(--colorPink);
    }

    a.js-selectThumb i {
        font-size: 16px;
        vertical-align: text-bottom;
        margin-right: 3px;
    }

/**to make text in slider selectable https://github.com/kenwheeler/slick/issues/826***/
.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .slick-slider[data-display="dsp-fbCarousel"] {
        margin-bottom: 0
    }

    .slick-slider.slimMargin {
        margin-bottom: 10px
    }

.slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*****/

.js-multiImages[data-display="dsp-fbCarousel"]:not(.slick-initialized) .btn-cta {
    /*to display the first 2 images of the carousel so we don't have to initialize the slider (e.g. on calendar)*/
    pointer-events: none;
}

.js-multiImages[data-display="dsp-fbCarousel"]:not(.slick-initialized) .js-postMediaDetails_LinkVisible {
    display: none
}

.js-multiImages[data-display="dsp-fbCarousel"] .js-imgMultiDiv {
    border-radius: 8px 8px 0 0;
    border-bottom: 0;
    padding-bottom: calc(100% - (2 * var(--carouselImgGap)) - 1px) !important; /* fb carousel images are square. subtract the left+right margin of images + 1px border */
}

.socialItemPreview .js-multiImages[data-display="dsp-fbCarousel"] .js-imgMultiDiv {
    border-radius: 0;
}

.js-multiImages[data-display="dsp-fbCarousel"] .js-activeSlider .js-imgMultiDiv,
[data-display="dsp-fbCarousel"] .js-activeSlider .js-postMediaDetails {
    border-color: var(--colorPink)
}

.js-multiImages.slick-slider .js-btnDeletePhoto {
    /*display: none !important*/
}

.js-multiImages.slick-slider .slick-arrow {
    top: 50%;
    width: auto;
    height: auto;
    color: white;
    --leftRightPosition: 10px;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.38));
}

    .js-multiImages.slick-slider .slick-arrow.slick-disabled {
        filter: unset;
    }

    .js-multiImages.slick-slider .slick-arrow.slick-prev {
        left: var(--leftRightPosition);
        z-index: 1;
    }

    .js-multiImages.slick-slider .slick-arrow.slick-next {
        right: var(--leftRightPosition);
    }

    .js-multiImages.slick-slider .slick-arrow:before {
        font-size: 29px;
    }

    .js-multiImages.slick-slider .slick-arrow:not(.slick-disabled):before {
        opacity: 1
    }

.js-multiImages.slick-slider.noNav { /*to show dots*/
    margin-bottom: 30px
}

.btn.btn-cta {
    background-color: #e4e6eb; /*fb*/
    color: var(--colorBlackGray);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    align-self: center;
    padding: 5px 7px;
}

.calendarColumn .btn.btn-cta {
    font-size: 11px;
}

.socialItemPreview .btn.btn-cta {
    border-radius: 3px;
    font-size: 10px;
    padding: 1px 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.minical .js-imgMultiDiv {
    background-image: none;
    transition: none;
    -webkit-transition: none;
}

.js-messageParentTopRow .js-imgMultiDiv {
    padding-bottom: 80px;
}

.calendar .js-imgMultiDiv {
    border: 0;
}

.js-thumb-element {
    border: 2px solid white;
}

.bottomStatus .filtersTitle {
    display: none
}

.postIdeaFancy {
    pointer-events: none;
}

.historyPostIdea .postIdeaFancy { /*historic post idea fancybox is clickable _PostIdeaRead*/
    pointer-events: auto;
}

.js-fancyboxHref, .historyPostIdea .postIdeaFancy { /*class "historyPostIdea" is used to activate the fancybox in _ImageList items for _PostIdeaRead*/
    /*z-index: 1; not needed if absolute element is placed last*/
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

.loaderSpin, .loaderSpinCom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(34, 34, 34, 0.54) url(/../images/loading.gif) calc(50% + 100px) calc(50% - 30px) no-repeat;
    background-size: 64px;
    transition: 0.5s ease-in-out background-color;
}

body.loading {
    min-height: 90px;
}

.js-reportPartial.loading {
    min-height: 250px;
}

    body.loading:after,
    .js-reportPartial.loading:after,
    .js-pastAdCopies.loading:after {
        z-index: 199; /*one less than z_indexLeftMenu*/
        --leftPostition: 0px;
        --centerPostition: calc(var(--leftPostition) / 2);
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        /*background: rgba(255, 255, 255, 0.54) url(/../images/loading.gif) calc(50% - var(--centerPostition)) 50% no-repeat;*/
        background: rgba(255, 255, 255, 0) url(/../images/loading.gif) calc(50% - var(--centerPostition)) 50% no-repeat;
        background-size: 64px;
        transition: 0.5s ease-in-out background-color;
    }

body:not(.inner-page) .loadModalUserDetails {
    display: none;
}

body.inner-page .lblUserNameNoModal {
    display: none;
}

body.loading.modal-open:after {
    z-index: 1050; /*don't change to 1051 because it will hide the modal*/
    background-color: transparent;
}

.modal.js-reconnectInProcessPopup {
    z-index: 1051; /*to go over loading spinner*/
}

body.modal-open.loading .loaderSpin, body.modal-open.loading .loaderSpinCom {
    background-color: transparent;
}

.loaderSpin {
    z-index: 1060; /*menuLoggedIn has 1030, modal has 1050*/
}

.loaderSpinCom {
    z-index: 1029; /*1029 to show below menuLoggedIn which has 1030 (modal has 1050) */
}

.loaderSpinCom {
    position: absolute;
    background: transparent url(/../images/loading.gif) 50% 50% no-repeat;
    background-size: 64px;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
/*body.loading .loaderSpin {
        display: block;
    }*/
body.scrollDisabled {
    position: fixed;
    overflow-y: scroll;
}

.js-calWeekRow {
    /*opacity: 0;*/
    transition: all linear 1s;
}

.js-weekLoading {
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 105px;
    padding: 7px 15px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
    font-size: 14px;
}

input, button, select, textarea {
    font-family: Ubuntu;
    font-weight: 300;
}

strong, b {
    font-weight: 500;
}

dt {
    font-weight: 400;
}

label {
    color: var(--colorGray_Medium);
    font-weight: 300;
}

.ftBlack {
    color: var(--colorGray_Dark);
}

.nxtCC {
    margin-top: 10px;
}

.form-control {
    border-radius: 0;
    resize: none;
    color: var(--colorGray_Dark);
    height: 30px;
    padding: 0 8px;
    position: relative;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    font-family: inherit !important;
}

.form-control {
    font-size: 14px;
}

.form-control, .input-group-addon {
    border-color: var(--colorGray_8);
}

.input-group-addon {
    color: var(--colorGray_3);
}

.date .input-group-addon {
    background-color: transparent;
    padding: 0;
    border: 0
}

textarea.form-control {
    padding: 6px 8px;
}

.js-tbPostMessage {
    /*padding-right: 35px !important; For Emoji Integration */
    min-height: 37px;
    margin-bottom: 5px;
    border-radius: 1px;
    overflow: hidden; /*NN: 2024-05-20 added to fix empty line when mentionsInput is not initalized on textarea (e.g. on IG)*/
    overflow-wrap: break-word;
    cursor: text;
    font-family: arial, helvetica, 'lucida grande', sans-serif !important;
    font-size: 14px;
    line-height: 1.5;
    padding: 7px 7px;
    position: relative;
}

:focus-visible {
    outline: 1px solid #66afe9;
}

.emoji-container {
    position: relative;
}

.js-emoji-menu {
    position: absolute;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #888;
}

.attImageName {
    color: hsl(224, 10%, 29%);
    margin-bottom: 8px;
    font-size: 0.87em;
    margin-top: 3px;
}

.emailAutoTxt {
    padding: 10px;
    border: 1px solid var(--colorGray_8);
    background-color: #ebecef;
    margin-bottom: 15px;
}

textarea.js-tbEmailComments {
    height: 100px;
}

.lastEmailedComments {
    color: var(--colorGray_SoftMedium);
    font-size: 11.5px;
    line-height: 1;
    display: block;
}

.ulEmailRecepients {
    margin-top: 10px;
    background-color: var(--colorGray_ExtraLight);
    padding: 12px 32px;
    border: 1px solid var(--colorGray_SoftLight);
}

    .ulEmailRecepients li {
        color: var(--colorGray_Dark);
        font-size: 13px;
        line-height: 1.7;
        font-weight: 400;
    }

.js-selectIncludeMessages {
    width: 220px;
    max-width: 100%;
}

.select-transparent:focus {
    outline: none
}

.js-multiItemsSelectedCount, .js-selectInboxBulkAction {
    display: inline-block;
    vertical-align: text-top;
}

.js-multiItemsSelectedCount {
    font-size: 13px;
    font-weight: 400;
}

    .js-multiItemsSelectedCount.unselected {
        cursor: pointer;
    }

        .js-multiItemsSelectedCount.unselected:hover {
            color: #6a6a6c;
        }

.childMessages {
    padding-left: 0;
    width: 100%;
    float: left;
    position: relative;
}

.childOf-type-comment {
    padding-left: 29px;
    position: relative;
    display: inline-block;
}

.childOf-type-reply {
    padding-left: 23px;
}

.childOf-type-post {
    margin: 0 auto;
}

.childOf-type-comment:before, .childOf-type-reply:before {
    content: ' ';
    border-left: 1px solid var(--colorPeach_3);
    position: absolute;
    top: -10px;
    left: 7px;
    height: 100%;
}

.label-full {
    width: 100%;
}

.fbLink {
    color: #365899;
}

.js-refetch,
.btnRefetchAd {
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    background: radial-gradient(#e1e1e1 3px, transparent 4px), radial-gradient(var(--colorGray_SoftLight) 3px, transparent 4px), linear-gradient(#fff 4px, transparent 0), linear-gradient(45deg, transparent 74px, transparent 75px, #e1e1e1 75px, #e1e1e1 76px, transparent 77px, transparent 109px), linear-gradient(-45deg, transparent 75px, transparent 76px, #e1e1e1 76px, #e1e1e1 77px, transparent 78px, transparent 109px), #fff;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}

.btnRefetchAd {
    bottom: 4px;
    right: 2px;
}

.js-refetch.onParent {
    background: none;
    top: -18px;
    bottom: auto;
    right: auto;
    left: 21px;
    font-size: 12px;
    color: hsla(36, 87%, 71%, 1);
}

.js-refetch img,
.js-btnRefetchAd img {
    position: relative;
    top: calc(50% - 12px);
}

.datepicker {
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px !important;
    padding: 0 !important;
}

.datepicker-inline {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 8px !important;
    border-radius: 3px;
    border-spacing: 3px;
    width: 100% !important;
}

.datepicker table {
    width: 100% !important;
}

.datepicker td, .datepicker th {
    /*width: 14% !important;*/
    font-size: 13px;
    color: var(--colorGray_3);
}

.datepicker.datepicker-small td {
    font-size: 12px;
    padding: 2px 8px;
    height: 27px
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    color: var(--colorGray_Light);
}

.datepicker.js-addPostDatePicker td, .datepicker.js-addPostDatePicker th, .datepicker.js-datepickerEditPost td, .datepicker.js-datepickerEditPost th {
    font-size: 13px;
    line-height: 1.5;
}

.datepicker-switch {
    color: #66b3ff;
}

.datepicker tr {
    height: 3px;
}

.datepicker td {
    padding: 2px 8px;
    border-radius: 0;
}

    .datepicker td.today:not(.active) {
        background-image: none !important;
        background-color: var(--colorGray_SoftLight) !important;
        text-shadow: none !important;
        color: black !important;
    }

.datepicker table tr td.old, .datepicker table tr td.new {
    color: var(--colorGray_3) !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #555 !important;
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.datepicker th {
    font-weight: 300;
}

.datepicker .datepicker-switch, .datepicker tfoot tr th, .datepicker .prev, .datepicker .next {
    padding: 5px 8px;
    color: var(--colorBlue);
    font-size: 14px;
}

.datepicker.datepicker-small .datepicker-switch, .datepicker.datepicker-small tfoot tr th, .datepicker.datepicker-small .prev, .datepicker.datepicker-small .next {
    padding: 6px 8px;
    font-size: 12.5px;
    font-weight: 400;
}

.datepicker table tr td, .datepicker table tr th {
    --wh: 25px;
    width: var(--wh);
    height: var(--wh);
    border-radius: 0;
    padding: 0 5px
}

.datepicker .prev, .datepicker .next {
    color: transparent;
    top: 8px;
    position: relative;
    background: none !important;
}

.datepicker.datepicker-small .prev, .datepicker.datepicker-small .next {
    top: 8px;
    text-align: initial;
}

.datepicker .prev {
}

    .datepicker .prev:hover:before, .datepicker .next:hover:before {
        background-color: var(--colorPinkDark);
    }

    .datepicker .prev:before, .datepicker .next:before {
        font-family: 'Font Awesome 5 Free';
        font-size: 12px;
        text-align: center;
        color: white;
        font-weight: 900;
        width: 100%;
        line-height: 1.2;
        position: absolute;
        top: 0;
        background-color: #d11c61;
        border-radius: 50%;
        --width: 14px;
        width: var(--width);
        height: var(--width);
    }

    .datepicker .prev:before {
        content: "\f0d9";
        left: 10px;
    }

.datepicker .next:before {
    content: "\f0da";
    right: 10px;
}

.datepicker-switch:hover {
    background: transparent !important;
}

@media print {
    .calPrintRefresh, .calendarColumn .js-postColumn .lblPostMessage:after, .js-accordionPostActions, .postIdeaFancy, .likeComment, .menuLoggedIn, .leftMenu, .leftMenuActive, .divDate, .stripe input[type="submit"], .btnAddPost, .addCalCategory, .imgDel, .specialDay, .btnWeek, .statusBrokenLink, .layoutBadgesOuter, .ui-accordion.accordionFilters .ui-accordion-header, .loggedInAsUser {
        display: none !important;
    }

    .minical .js-postColumn .status {
        color: transparent !important;
    }

    /*remove urls in print view mode, which are added by bootstrap by default*/
    a [href]:after {
        content: none !important;
    }

    .main {
        padding: 5px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    .lblCalDay.today {
        background-color: var(--colorPink) !important;
        color: white !important;
    }

    .lblCalDay {
        background-color: rgb(220, 220, 220) !important;
    }

    .specialDayOuter {
        padding: 0 !important;
    }

    .rowHeader .lblCalDay {
        background-color: white !important;
        height: 30px;
    }

    .status {
        color: white !important;
    }

    .postType {
        background-color: #F1F1F4 !important;
    }

    .catCategory {
        color: white !important;
    }


    .statusPosted {
        background-color: #34C2DB !important;
    }

    .statusUnsubmitted {
        background-color: rgb(170, 176, 176) !important;
    }

    .statusScheduled {
        background-color: #31B957 !important;
    }

    .statusApproved {
        background-color: #3AC75B !important;
    }

    .flexrow {
        display: flex;
    }

    .calendarColumn .js-postColumn .lblPostMessage {
        height: auto !important;
        overflow: visible !important;
        font-size: 11px !important;
        line-height: 10px !important;
        display: initial !important;
    }

    .calendarColumn {
        line-height: 1 !important;
    }

    .js-mainContainer.hasLayoutWorkspaceSelector {
        padding-top: 0;
        top: 0;
        height: auto;
    }

    .lblCalDay {
        font-size: 13px !important;
        padding: 5px 7px !important;
        /*height: 39px !important;*/
    }

    .imgLeft {
        width: calc(100% - 24px) !important;
    }

    .specialDay {
        font-size: 21px !important;
        top: 3px !important;
    }

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

    .stripeOuter {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .stripe {
        text-align: left !important;
    }

    .title {
        padding: 0 !important;
        font-size: 18px !important;
    }

    .js-Calendar .title h3 {
        margin-bottom: 0 !important;
    }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 300;
}

h3, .h3 {
    font-size: 20px;
}

.bottom0 {
    margin-bottom: 0;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom30 {
    margin-bottom: 30px;
}

.fadeOut {
    display: none;
}

select[multiple] {
    /*color: black;
    border-bottom: 1px solid white;*/
    font-size: 13px;
    padding-left: 0;
}

    select[multiple] option {
        padding: 4px 5px;
    }

        select[multiple] option:checked {
            background: #9E9E9E linear-gradient(0deg, hsla(225, 10%, 73%, 1) 0%, hsla(225, 10%, 87%, 1) 100%);
            border-radius: 2px;
            border: 1px solid hsla(216,10%,66%,1);
            margin: 2px 0;
            position: relative;
            left: 3px;
            width: calc(100% - 6px);
            font-style: italic;
            padding: 2px;
            padding-top: 1px;
        }

            select[multiple] option:checked:before {
                content: "✓ ";
                color: var(--colorPink);
                font-size: 13px;
                padding-left: 3px;
                padding-right: 1px;
                font-style: normal;
            }

@media screen and (min-device-width: 320px) and (max-device-width: 736px) {
    .divCommentsOuter {
        width: 100%;
    }

    .divComments h4 {
        padding-left: 15px;
        padding-top: 0px;
    }
}

.js-postIdeaCol.postColumnToBeDel:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.3);
}

.divMarkForDel {
    position: absolute;
    right: 0;
    top: 0;
}

.postColumnToBeDel .divMarkForDel {
    z-index: 1;
}

.divMarkForDel label, .divMarkForDel input[type=checkbox] {
    cursor: pointer;
}

    .divMarkForDel label:before {
        content: "\f00d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #424242;
        font-size: 10px;
        position: absolute;
        top: 3px;
        right: 6.5px;
    }

    .divMarkForDel input[type=checkbox]:checked ~ label::before {
        content: "to be deleted";
        top: 4px;
        right: 12px;
        color: #d10000;
        width: 80px;
        font-style: italic;
        font-family: Ubuntu;
        font-weight: 300;
        text-transform: uppercase;
        font-size: 10px;
        display: inline-block;
    }

.inLegend {
    width: 100%;
    height: 12px;
    margin-bottom: 4px;
    float: right;
}

.repFace {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.js-msgStatus {
    position: relative;
    top: -5px;
}

.stlbl {
    color: var(--colorPink);
}

.attachImg {
    max-width: 120px;
    min-height: 45px;
    position: relative;
}

.attachFile {
    max-width: 100%;
    min-height: auto;
    min-height: initial;
}

.js-pnlCommentsLeft .attachImg {
    min-height: auto; /*ie*/
    min-height: initial;
}

.type-post .attachImg, .postColumnR .attachImg, .socialItemPreview .attachImg {
    max-width: 100%;
}

.socialItemPreview {
    max-width: 100%;
    position: relative;
}

.type-post .attachShare {
    /*max-width: 476px;*/
    /*max-height: 248px;
    overflow: hidden;*/
}

.attachShareDetails {
    padding: 6px 10px;
    background-color: hsla(225, 10%, 93%, 1);
}

.js-messageParentTopRow .attachShareDetails {
    padding: 5px;
    background-color: hsla(225, 10%, 97%, 1);
}

.imgAttachShare {
    position: relative;
    padding-bottom: 52.31% !important;
    /*width: auto !important;*/
}

.productMini {
    margin-top: 10px;
}

.attachMany {
    width: 50%;
    margin-right: 5px;
    margin-bottom: 5px;
}

.wrapper, .wrapperLoggedIn, .wrapperLoggedInActive {
    min-height: 100%;
    /*height: auto !important;*/
    height: 100%;
    display: inline-block;
    width: 100%;
}
/*.leftMenu, .leftMenuActive {
    width: 200px;
    height: calc(100% - 54px);
    background-color: var(--colorGray_Dark);
    top: 54px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    left: 0;
}*/
.leftMenu, .leftMenuActive {
    width: 100%;
    /*background-color: var(--colorGray_Dark);*/
    background-color: var(--colorGray_ExtraLight);
    /*top: 54px;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
    position: fixed;
    left: 0;
    right: 0
}

.leftMenu, .leftMenuActive, .layoutBadgesOuter {
    z-index: var(--z_indexLeftMenu); /*to go over body loading gif*/
}
/*.leftMenu {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
}*/
.leftMenu {
    /*-webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);*/
}
/*.leftMenuActive {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}*/
.leftMenuActive {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
    /* for small screens scroll the left menu*/
    .leftMenu::-webkit-scrollbar, .leftMenuActive::-webkit-scrollbar {
        width: 6px !important;
    }

    .leftMenu::-webkit-scrollbar-thumb, .leftMenuActive::-webkit-scrollbar-thumb {
        border-radius: 0 !important;
        background-color: rgb(95, 95, 95) !important;
    }

    .leftMenu::-webkit-scrollbar-track, .leftMenuActive::-webkit-scrollbar-track {
        border-radius: 0 !important;
        background-color: rgb(113, 113, 113) !important;
    }

body.berryIdxBody {
    font-size: 18px;
    line-height: 1.35;
    color: var(--colorGray_7);
}

.cd-fixed-bg {
    height: 500px;
    /*background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    background-color: rgb(29, 29, 29);*/
    /*display: table-row;*/
}

.cd-intro {
    /*display: table;*/
    height: 100%;
    width: 1355px;
    max-width: 100%;
    margin: 0 auto;
}

.homeSocialIcons {
    justify-content: center;
    column-gap: 40px;
    margin-top: 35px;
}

    .homeSocialIcons img {
        height: 46px;
    }

.cd-fixed-bg.cd-bg-1 {
    /*background-image: url('/../images/bg/BERRY_TIKTOK_WIDESCREEN.jpg');*/
    /*first image*/
}

.cd-scrolling-bg.cd-color-3 { /*footer*/
    background-color: var(--colorGray_Medium)
}

.cd-fixed-bg.cd-bg-3 {
    background-image: url("../img/cd-background-3.jpg");
}

.cd-fixed-bg.cd-bg-4 {
    background-image: url("../img/cd-background-4.jpg");
}

.idxFeatures .flexrow div {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
}

.idxFeatures div i {
    font-size: 24px;
    margin-right: 9px;
    padding-top: 6px;
    color: var(--colorGray_7);
}

.idxLink, h3.idxLink {
    font-weight: 400;
    font-size: 20px;
    color: var(--colorPink);
}

.cd-scrolling-bg {
    min-height: 0;
    padding: 0 30px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    height: auto;
    background-color: rgba(0,0,0,0.7);
}

    /*.cd-scrolling-bg::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
    }*/

    .cd-scrolling-bg.colDark {
        /*background-color: rgba(0,0,0,0.7);*/
    }

    .cd-scrolling-bg.colGradient {
        /*background: linear-gradient(180deg, rgba(6,6,6,1) 0%, rgba(18,18,18,1) 100%);*/
    }

.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

.cd-fixed-bg h1, .cd-fixed-bg h2, .cd-fixed-bg h3, .cd-scrolling-bg h3, .cd-scrolling-bg h2 {
    font-size: 28px;
    background-color: transparent;
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto;
    vertical-align: top;
    color: var(--colorGray_7);
    display: block;
    font-family: Ubuntu;
}

.cd-scrolling-bg h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 18px;
    margin-top: 0;
}

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

.js-noPagesFound {
    text-align: center;
    width: 100%;
    padding-top: 20px;
}

.logoClass {
    padding: 5px;
    height: 52px;
    float: left;
    width: calc(100% - 59px);
}

    .logoClass img {
        max-height: 100%;
    }

.rememberMe {
    padding-top: 0 !important;
    margin-top: -2px;
}

    .rememberMe label {
        padding-left: 0 !important;
        position: relative;
        color: var(--colorGray_Medium);
        font-weight: 300;
    }

.js-txtValue.form-control {
    width: 100%;
    text-align: center;
    padding: 0;
}

    .js-txtValue.form-control[readonly] {
        border: 0;
        background-color: transparent;
        color: inherit;
    }

        .js-txtValue.form-control[readonly].valMissing {
            background-color: rgba(240, 168, 193, 0.20);
        }

tr.child .js-txtValue.form-control /*when collapsed row*/ {
    width: auto;
    width: initial;
    text-align: left;
    padding: 0 8px;
}

.divPassportSideOuter {
    width: var(--divPassportSideOuterMaxWidth);
    float: right;
    position: relative;
    top: -1px;
    text-align: right;
}

.divPassport {
    float: right;
    padding: 10px 0;
    text-align: left;
    max-width: var(--branchDDLayoutMaxWidth);
    min-width: 210px;
    margin-top: 5px;
    margin-left: 15px;
}

.authInner {
    max-width: var(--divPassportSideMaxWidth);
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 5px;
    position: relative;
    position: relative;
    top: 1px;
    min-width: 178px;
}

    .authInner .divPassport {
        max-width: auto; /*ie fallback*/
        max-width: initial;
        min-width: 120px;
        margin-top: 0;
        margin-left: 0;
        padding: 0px;
        float: none;
        width: 100%;
    }

.SingleCheckbox input[type=checkbox], .SingleCheckbox input[type=radio] {
    display: none;
}

.SingleCheckbox.comlist {
    position: absolute;
    left: 100%;
    top: 21px;
}

.SingleCheckbox label {
    /*display: block;
    float: left;*/
    cursor: pointer;
    margin-bottom: 0;
}

.selectSmall.SingleCheckbox input[type=checkbox] ~ label:before,
.selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label:before,
.selectMulti.SingleCheckbox input[type=checkbox] ~ label:before,
.js-selectMultipleMessagesDiv .SingleCheckbox input[type=checkbox] ~ label::before,
.js-selectInboxMessagesRight .SingleCheckbox input[type=checkbox] ~ label::before {
    font-size: 9px;
    padding: 2px;
    width: 15px;
    height: 15px;
    display: inline-block; /*to aquire the width*/
}

.SingleCheckbox.selectMulti input[type=checkbox]:checked ~ label:before {
    background: rgba(255,255,255,.56);
    border-color: hsla(225,11%,87%,1);
    color: #ec0078;
}

.SingleCheckbox input[type=checkbox]:checked ~ label {
    color: var(--colorPink);
    /*color: var(--colorBlueHover);*/
}

    .SingleCheckbox input[type=checkbox]:checked ~ label.userPageItemName {
        color: var(--colorBlue)
    }

    .SingleCheckbox input[type=checkbox]:checked ~ label::before {
        content: "\f00c";
        color: inherit;
        text-align: center;
    }

.cbLarge.SingleCheckbox input[type=checkbox] ~ label {
    --width: 30px;
    margin-top: -2px;
    font-size: 19px;
    border-radius: 0;
}

.cbLarge.SingleCheckbox input[type=checkbox]:checked ~ label:not(.checkbox-lblOut)::before {
    left: -18px;
    top: 1px;
}

.SingleCheckbox input[type=checkbox]:checked ~ label.checkbox-lblOut {
    color: #d11c61;
}

.comlist.SingleCheckbox input[type=checkbox] ~ label {
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.comlist.SingleCheckbox input[type=checkbox]:checked ~ label::before {
    left: -21px;
}

.SingleCheckbox input[type=checkbox]:disabled ~ label {
    cursor: initial;
    opacity: 0.7;
    cursor: not-allowed;
}

    .SingleCheckbox input[type=checkbox]:disabled ~ label:before {
        background: var(--colorGray_Light)
    }

.dropzone {
    min-height: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

    .dropzone .dz-preview .dz-image {
        border-radius: 10px !important;
    }

    .dropzone .dz-preview {
        margin: 5px 16px !important;
    }

.userInactive {
    float: right;
    font-size: 15px;
    color: orangered;
    line-height: 17px;
}

.contentType {
    float: left;
    width: 28%;
}

.ppFilters {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--colorGray_8);
    column-gap: 15px;
    row-gap: 10px;
}

    .ppFilters .filtersTitle {
        margin-bottom: 2px;
    }

.fromDate {
    max-width: 120px;
    display: inline-block;
    margin: 0 5px;
}

.js-fetchDataDiv .fromDate {
    max-width: 105px;
}

.ppFilters .fromDate {
    width: 116px;
    margin: 0 2px
}

    .ppFilters .fromDate > input[type="text"] {
        width: calc(100% - 31px);
    }

.fromDate .lblFormLabel {
    width: 100%;
    text-align: left;
}

.fromDate img {
    width: 32px;
    position: relative;
    top: 0px;
    left: 3px;
    cursor: pointer;
}

.js-postEstimateRow .fromDate img {
    width: 29px;
}

.js-fetchDataDiv .fromDate img {
    width: 23px;
}

.ppFilters .fromDate img {
    width: 29px;
}

.reportsExportBtns {
    align-content: flex-end;
    column-gap: 10px;
}

.fromDate > input[type="text"], div.dataTables_wrapper div.dataTables_filter input.js-fromDatePagesIndex {
    width: calc(100% - 33px);
}

.myProfileLink {
    font-size: 13px;
    font-weight: 400;
}

.js-pnlCommentsRight {
    padding: 0 15px;
    margin-top: 5px;
    z-index: 0; /*to allow parent message accordion to fall on top of the child message accordions */
    position: relative;
}

.progress-bar-info {
    background-color: #d11c61;
}

.carouselIcon {
    right: 4px;
    top: 5px;
    position: absolute;
}

.videoPlayIcon {
    --width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1.5px dashed rgb(255, 255, 255);
    background-color: hsla(0, 0%, 79%, 0.73);
    border-radius: 50%;
    width: var(--width);
    max-width: 60%;
    padding: 6px;
}

.vid_via_checkFor403 {
    width: 100%;
}

.js-parentMessageTop .vid_via_checkFor403 {
    max-height: 80px;
}

.postTypeIcon.videoPlayIcon {
    bottom: initial;
    top: calc(50% - 25px);
    height: var(--width);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    background-color: hsla(0, 0%, 79%, 0.85);
}

.minical .postTypeIcon.videoPlayIcon {
    bottom: initial;
    top: calc(50% - 8px);
    height: auto;
    background-size: 100%;
}

[data-display="dsp-fbCarousel"] .postTypeIcon.videoPlayIcon {
    background-image: url(/../images/carousel.png);
    top: calc(50% - 50px);
}

[data-display="dsp-slider"] .postTypeIcon.videoPlayIcon {
    background-image: url(/../images/slideshow.png);
}

.js-messageParentTopRow .videoPlayIcon {
    width: 35px;
}

.videoPlayIconEditPost {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
}

.isSticker {
    max-width: 80px;
}

.postFooter {
    margin-top: 5px;
}

.minical .postColumnInner {
    width: 100%;
}

.js-Calendar .minical .postFooterRight {
    height: 15px;
    width: 100%;
}

.tabItem {
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: 0;
    margin-bottom: 0;
    border: 0;
    margin-right: 2px;
    margin-bottom: 2px;
    background: var(--colorGray_SoftLight);
    float: left;
}

.js-Calendar .tabItem {
    float: right;
    margin-left: 2px;
    margin-right: 0;
}

.tabItemActive {
    background-color: var(--colorGray_Light) !important;
}

.tabItem a {
    color: rgb(160, 177, 203);
    float: right;
    font-weight: 400;
    font-size: 14px;
    height: 20px;
    margin-right: 7px;
    position: relative;
    margin-top: 3px;
    -webkit-transition: 0.15s linear;
    -webkit-transition-property: -webkit-transform background;
}

.tabItemActive a {
    color: white !important;
}

.tabItem a:hover {
    background: var(--colorGray_8);
}

.js-albOverImageList {
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    position: absolute;
}

    .js-albOverImageList .albOverCount {
        font-size: 18px;
        font-weight: 500;
    }

.albOver {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

.js-inboxMessage .albOver {
    left: 11px;
    right: 11px;
}

.albOverBlk {
    background-color: rgba(0,0,0,.6);
    padding: 24px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.albOverAlb {
    color: #fff;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.albOverCount {
    color: #ccc;
    font-size: 16px;
    font-weight: 300;
    padding-top: 2px;
    display: block;
    width: 100%;
}

.taReply {
    font-size: 12.5px;
    padding: 4px 6px;
    line-height: 1.5;
    background-color: rgba(255, 255, 255, 0.4);
    height: auto;
    max-height: 80px;
    border-color: rgba(255, 255, 255, 0.2)
}

    .taReply::placeholder {
        color: var(--colorGray_Light)
    }

    .taReply:focus {
        outline: none;
        border-color: white;
    }

    .taReply::-webkit-scrollbar {
        width: 4px;
    }

    .taReply::-webkit-scrollbar-thumb {
        border-radius: 7px;
        background-color: rgba(0, 0, 0, 0.18);
    }

    .taReply::-webkit-scrollbar-track {
        border-radius: 7px;
        background-color: rgba(0, 0, 0, 0.09);
    }

    .taReply.js-replyInPM {
        font-size: 13.5px;
        min-height: 150px;
        border-color: hsla(230, 9%, 91%, 1);
    }

.js-ddlPostsBulkAction {
    width: 150px !important;
}

.lblVisPoll {
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-normal {
    white-space: normal;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.photoLinkShareTitle {
    margin-top: 5px;
    cursor: pointer;
    color: black;
}

.socialItemPreview {
    width: 100%;
    float: left;
    position: relative;
    background-color: var(--colorGray_ExtraLight);
}

    .socialItemPreview .albOver {
        position: absolute;
    }

    .socialItemPreview .albOverAlb, .socialItemPreview .attachShareDetails, .socialItemPreview .photoLinkShareTitle {
        display: none;
    }

    .socialItemPreview .albOverBlk {
        padding: 8px;
    }

    .socialItemPreview .albOverCount {
        font-size: 13px;
    }

.js-pnlTags .checkbox {
    margin-top: 0;
    margin-bottom: 2px;
    width: 100%;
}

    .js-pnlTags .checkbox span {
        font-size: 12.5px;
    }

.filterTagsModalDiv .multiselect-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px
}

.js-filterAdCopyTagsDiv .multiselect-container,
.js-filterAdCopyStylesDiv .multiselect-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px
}

.js-adCopyContentTypeSelect.bootstrap-select,
.js-adCopyCategorySelect.bootstrap-select,
.js-adCopyPillarSelect.bootstrap-select,
.js-adCopyThemeSelect.bootstrap-select,
.js-adCopyCategorySelect.bootstrap-select {
    width: 100% !important;
}

.ddlFilterPostsByTypeOuter .multiselect-container {
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px
}

.js-pnlEmails .multiselect-native-select {
    width: calc(100% - 29px);
    margin-bottom: 5px;
    display: inline-block;
}

.js-pnlEmails .multiselectLabel {
    width: 25px;
}

.js-pnlEmails .btnMultiselect .multiselect-selected-text, .js-selectIncludeMessages {
    font-size: 14px;
    white-space: normal;
}

.js-pnlEmails .btnMultiselect .multiselect {
    height: auto;
    height: initial;
    text-transform: none;
    background-size: 19px;
    padding: 5px 9px;
}

.js-expandPanelEmails {
    font-size: 12px;
    line-height: 1.1;
    position: absolute;
    top: -19px;
    position: absolute;
    right: 16px;
    z-index: 10;
}

    .js-expandPanelEmails:after {
        content: "Show more";
    }

    .js-expandPanelEmails.expand:after {
        content: "Show less";
    }

.lbUserImage {
    display: block;
    position: relative;
}

.wrapperLoggedIn, .wrapperLoggedInActive {
    background: none;
}

ul.pageMenu, .pageMenu li ul {
    padding-left: 18px;
    margin-left: 0;
    margin-top: 0px;
    list-style-type: none;
    width: 100%;
}

ul.pageMenu {
    margin-bottom: 0px;
    display: inline-block;
}

.pageMenu li ul {
    padding-left: 12px;
}

.pageMenu li {
    display: inline-block;
}

.pageMenu.generalMenu li {
    border-bottom-style: dashed;
}
/*.pageMenu li ul li {
    border-bottom: 1px dashed hsla(225, 10%, 36%, 1);
    padding: 5px 0;
    padding-left: 2px;
    padding-right: 0;
    position: relative;
}

    .pageMenu li ul li a {
        font-size: 13px;
    }

    .pageMenu li ul li:last-child {
        border-bottom: 0;
    }*/
.pageMenu li a {
    color: var(--colorGray_8);
    text-transform: uppercase;
    padding: 0 !important;
    display: block;
    position: relative;
}

.pageMenu li a, .berry-tabs li, .dt-header, .settingsTitle {
    font-size: 14px;
}

    .pageMenu li a:hover, .pageMenu li a:focus {
        color: hsla(337, 76%, 52%, 1) !important;
        background-color: transparent;
    }

.pageMenu-admin li {
    padding: 1px 0;
}

.pageMenu li ul.js-LayoutPendingBadges {
}

.hlActive {
    color: hsla(337, 76%, 52%, 1) !important;
    font-weight: 400;
}

.rateLimitInfo {
    color: var(--colorGray_3)
}

.lblCompanyName, .lblCompanyNameNoLink {
    padding: 10px 11px;
    padding-right: 30px;
    font-size: 14px;
    background-color: var(--colorGray_3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #DADADA;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

a.lblCompanyName:not(.adminSettings):after {
    content: '\f013';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 8px;
    top: 9px;
    font-size: 17px;
}

.lblCompanyName.adminSettings {
    background-color: hsla(337, 100%, 11%, 1);
}

.lblCompanyNameNoLink {
    background-image: none;
}

    .lblCompanyNameNoLink:hover {
        cursor: default;
        color: #DADADA !important;
    }

.imgInHeader {
    height: 16px;
    vertical-align: baseline;
}

.js-logData {
    white-space: pre-wrap;
    font-size: 11.5px;
    height: calc(100% - 75px);
    word-break: break-word;
    width: 800px;
    max-width: 100%;
}

.js-modalCreateCalendarCategorys {
    z-index: 1060;
}

.float-none {
    float: none !important;
}

.btn {
    background-color: var(--colorPink);
    /*border-color: var(--colorPink);*/
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 11px;
    white-space: normal;
    -webkit-transition: all .2s linear;
    transition: background-color .2s linear, border-color .2s linear, color .2s linear;
    border-radius: 0;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 13px;
    border-radius: 0
}

.note-editor .btn {
    background-color: hsla(228, 9%, 41%, 1);
}

    .note-editor .btn:hover {
        background-color: hsla(228, 9%, 55%, 1);
        border-color: hsla(228, 9%, 55%, 1);
    }

.btn-default {
    border-color: transparent;
}

.btn-loginProvider {
    width: 162px;
    height: 33px;
    cursor: pointer;
    margin-left: 2px;
}

.btnClearNotifications {
    padding: 0;
    border: 0;
}

.export {
    width: 105px;
    right: 0;
    height: 26px;
    top: 0;
    font-size: 13px;
    line-height: 0.7;
}

.rowTopComp .exportPdf {
    top: auto;
    bottom: 0;
    right: 0;
}

.export.expAll {
    top: 0px;
    position: relative;
    right: 0;
    font-size: 14px;
    line-height: 1;
    width: 140px;
    height: 30px;
}

.btn.btnFromDate {
    position: relative;
    top: 1px;
    left: 4px;
    padding: 0px 8px 1px 9px;
}

.ppFilters .btn.btnFromDate {
    left: 0px;
    top: 0px;
}

.btn.btnFromDate, .btn-export {
    height: 30px;
    font-size: 13px;
}

.js-fetchDataDiv .btn.btnFromDate {
    height: 23px;
    font-size: 11px;
    line-height: 22px;
    top: 0;
    left: initial;
    padding: 0 7px;
}

.js-fetchDataDiv .fromDate > input[type="text"] {
    width: calc(100% - 28px);
}

.dt-buttons button, .btn-export {
    background-repeat: no-repeat;
    background-position: left 7px center;
    padding: 4px 0px;
    background-color: #e9eaec;
    border: 1px solid #e3e4e8 !important;
    background-size: 16px;
    width: auto;
    padding-left: 30px;
    padding-right: 10px;
    color: black;
    font-weight: 400;
    font-size: 14px;
}

.dt-buttons button {
    height: 31px;
}

    .dt-buttons button.btn:focus, .btn-export.btn:focus, .dt-buttons button.btn:focus:active, .btn-export.btn:focus:active {
        color: inherit;
    }

    .dt-buttons button.btn:hover, .btn-export.btn:hover {
        background-color: hsla(225, 10%, 95%, 1);
        color: inherit;
    }

    .dt-buttons button.buttons-excel, .btn-export.btn-excel {
        background-image: url(/../images/001-excel.png) !important;
    }

    .dt-buttons button.buttons-colvis {
        background-image: url(/../images/filter.png) !important;
    }

.js-toggleColumns {
    font-size: 11px;
    color: var(--colorGray_SoftMedium);
    float: right;
}

.toggle-vis {
    color: inherit;
    display: inline-block;
    margin-bottom: 4px;
}

    .toggle-vis.active {
        color: var(--colorPink);
    }

.btn-export.btn-pdf {
    background-image: url(/../images/003-pdf.png) !important;
}

.btn-export.btn-sendEmail {
    background-image: url(/../images/email-coupon.png) !important;
}

.dt-buttons button.buttons-print {
    background-image: url(/../images/001-print.png) !important;
}

td.dataTables_empty {
    color: var(--colorGray_7);
    font-size: 14px;
    font-style: italic;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.table > thead > tr > th {
    border-bottom: 1px solid var(--colorGray_8);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 300;
    color: var(--colorBlue); /*var(--colorGray_Medium);*/
    text-transform: uppercase;
    white-space: pre-wrap;
}

.table-hover > tbody > tr:hover {
    background-color: var(--colorGray_ExtraLight);
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-color: var(--colorGray_SoftLight)
}

    .table > tbody > tr > td.dashboardDTCell {
        text-align: center;
        border-left: 2px solid white;
        background-color: var(--colorGray_ExtraLight);
    }

.table > tbody > tr.active > td:not(.dtColRowEmpty) {
    background-color: var(--colorPeach_1);
}

.js-metricRow td:not(.dtColRowEmpty) {
    vertical-align: middle;
    line-height: 18px;
    padding: 7px 8px;
}

.btn-cancel, .btn.btn-cancel, .btn.btn-cancel:hover {
    --bgBorderColor: var(--colorGray_SoftLight);
    color: var(--colorGray_Medium) !important;
    border-color: var(--bgBorderColor);
    background-color: var(--bgBorderColor);
    margin-right: 0 !important;
    text-transform: uppercase;
}

    .btn.btn-cancel:hover {
        --bgBorderColor: var(--colorGray_8);
        box-shadow: none
    }

.btn-save {
    text-transform: uppercase;
}

.btn:hover, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
    color: white; /*!important;*/
}

.btn:hover {
    background-color: var(--colorPinkDark);
    border-color: var(--colorPinkDark);
    box-shadow: inset 0 0 1px 0px rgba(150, 150,150, 0.10 ), 0 1px 0 rgba(50, 50, 50, 0.18);
}

.btn-primary {
    color: #fff;
    background-color: var(--colorPink);
    border-color: var(--colorPink);
}

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #ba1756;
        border-color: #ba1756;
        outline: 0;
    }

.modal-footer .btn {
    font-size: 14px;
}

    .modal-footer .btn.hide + .btn {
        margin-left: 0;
    }

input[type="submit"]:disabled {
    cursor: default;
    background-color: lightgray;
}

    input[type="submit"]:disabled:hover {
        background-color: lightgray;
    }

:not(.expAll).exportExcel, :not(.expAll).exportPdf {
    color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    --width: 30px;
    width: var(--width);
    height: var(--width);
    background-color: var(--colorGray_8);
    border: 1px dashed #585858;
    background-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

:not(.expAll).exportPdf {
    top: 33px !important;
}

.rowTopComp .exportPdf {
    top: 0 !important;
}

.export:hover {
    background-color: var(--colorGray_SoftLight)
}

:not(.expAll).exportExcel {
    background-image: url(/../images/001-excel.png) !important;
}

:not(.expAll).exportPdf {
    background-image: url(/../images/003-pdf.png) !important;
}

.writeComments .btn {
    line-height: 23px !important;
    font-size: 14px !important;
    height: auto;
    width: 100%;
    white-space: normal;
}

.imgDel {
    position: relative;
    top: -4px;
}

.js-modalPostPreview .imgDel {
    display: none;
}

.lbDeletePost {
    margin-top: 4px !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-image: url('/../images/garbageSmall.png');
    height: 16px !important;
}

textarea.pageNotes {
    padding: 8px;
}

.js-BudgetSpentMonthContent {
    text-transform: uppercase;
}

.tooltipster-sidetip .tooltipster-content {
    font-weight: 400;
    font-family: Ubuntu;
    font-size: 13px;
    padding: 8px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: var(--colorBlackGray);
}

.tooltipster-content .tooltipsterCkbNote {
    padding-left: 17px;
    font-weight: 300;
    color: var(--colorGray_SoftMedium);
    line-height: 14px;
    font-size: 11px;
    margin-bottom: 2px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 1px;
    border: 1px solid hsl(228, 8%, 88%);
    background: hsl(0, 0%, 100%);
    box-shadow: 0px 1px 4px 3px rgba(195, 195, 195, 0.2);
}

    .tooltipster-sidetip.tooltipster-light .tooltipster-box hr {
        margin: 5px 0;
    }

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fdfdfd;
}

.js-BudgetSpentMonthContent .table-responsive {
    border: 0 !important
}

.js-BudgetSpentMonthContent table th {
    font-weight: 500
}

.js-BudgetSpentMonthContent .table > tbody > tr > td, .js-BudgetSpentMonthContent .table > tbody > tr > th, .js-BudgetSpentMonthContent .table > tfoot > tr > td, .js-BudgetSpentMonthContent .table > tfoot > tr > th, .js-BudgetSpentMonthContent .table > thead > tr > td, .js-BudgetSpentMonthContent .table > thead > tr > th {
    border-top: 1px dotted #c0c0c8;
}
/*.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -7px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -7px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 8px solid transparent;
    left: 0;
    top: 0;
}*/
.js-BudgetSpentMonthContent .table > thead > tr > th {
    border-bottom: 1px solid var(--colorGray_SoftMedium);
    color: var(--colorBlue);
    font-size: 13px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--colorGray_ExtraLight);
}

.table-striped > tbody > tr.group:nth-of-type(odd) {
    background-color: var(--colorGray_ExtraLight);
}

.table-striped > tbody > tr[data-group]:nth-of-type(odd) {
    background-color: white;
}

.pull-none {
    float: none;
}

.field-validation-error {
    font-size: 14px;
}

.validation-summary-valid li {
    padding: 4px 10px;
    margin-bottom: 1px;
    border: 1px solid #ebccd1;
    color: var(--colorError);
    background-color: #f2dede;
    font-size: 14px;
    word-wrap: break-word;
}

    .validation-summary-valid li a {
        color: black;
        text-decoration: underline;
    }

.validation-summary-valid ul {
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0;
    margin-bottom: 0;
}

.validation-summary-errors {
    margin-bottom: 15px;
}

.lblPageNameMaster {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--colorFeedback);
    font-size: 16px;
}

    .lblPageNameMaster i.platfIconFas {
        top: 1px;
        margin-right: 1px;
        font-size: 1.2em;
        color: var(--colorGray_Medium) !important;
    }

.lblEventStart {
    width: 30px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    vertical-align: top;
    position: relative;
    left: -5px;
    color: #141823;
    font-size: 19px;
    font-weight: 500;
}

    .lblEventStart span {
        color: #e34e60;
        font-size: 12px;
    }

.pnlTab {
    float: left;
}

.addTab {
    float: left;
    width: 27px;
    font-size: 11px !important;
    height: 27px !important;
    line-height: 1;
    padding: 0 !important;
    margin-right: 2px;
}

.btn-sm {
    height: 27px;
    line-height: 1.5;
    padding: 3px 11px;
    text-transform: uppercase;
    vertical-align: top;
}

.postActionsItem a.js-btnPostDelete,
.js-accordionMessageActions li a.js-btnDeleteComment {
    color: rgb(244, 33, 46);
}

.js-lblPostCharCount {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--colorGray_Light);
    position: absolute;
    top: -16px;
}

.platformPostReply .js-lblPostCharCount {
    bottom: 2px;
    right: 48px;
    top: auto;
    font-size: 11px;
}

.fb-post .platformPostReply .js-lblPostCharCount {
    right: 74px;
}

.insta-post .platformPostReply .js-lblPostCharCount {
    right: 48px;
}

.tw-post .platformPostReply .js-lblPostCharCount {
    right: 48px;
}

.js-lblPostCharCount.exceeded {
    color: #e94444;
    background-color: var(--colorInactive);
    padding: 0 2px;
}

.platformPostReply .js-lblPostCharCount.exceeded {
    position: initial;
    display: inline-block;
    margin-bottom: 2px;
}

.js-editPostDetails .js-lblPostCharCount {
    position: relative;
    top: -2px;
    display: inline;
}

    .js-editPostDetails .js-lblPostCharCount.exceeded {
        padding: 2px 3px;
    }

#MinAgeTarget, #MaxAgeTarget {
    margin-bottom: 5px;
}

.clearTargeting {
    font-size: 11px;
    position: relative;
    top: 5px;
}

.tcBack {
    background-color: var(--colorGray_ExtraLight);
    padding: 0;
    padding-bottom: 10px;
}

.js-tbCommentModal {
    min-height: 150px;
}

.js-btnSaveUpdateTag {
    width: 70px;
}

.dtGroup, a.dtGroup {
    background-color: var(--colorBlue);
    padding: 3px 10px;
    border-radius: 11px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
}

.userQuickView .dtGroup {
    font-size: 12px;
    margin-bottom: 2px
}

.dtGroup i {
    font-size: 0.85em
}

.settingPanelOuter {
    min-height: calc(100% - var(--tabbedPanelBodyPad));
    margin-bottom: var(--tabbedPanelBodyPad);
}

.settingPanelInner {
    padding: 0 5px;
}

.js-settingsPanelBody .dataTables_wrapper, .settingPanelOuter {
    border: 1px solid var(--colorGray_SoftLight);
    padding: 8px;
}

.dt-header, .settingsTitle, .dt-header-tag, .dt-header-pillar {
    line-height: 1.1;
    color: var(--colorBlue);
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 2px;
    position: relative;
    display: inline-block;
    width: calc(100% - var(--dtSearchWidth) - 10px);
}

.dt-header-tag-message {
    width: calc(100% - var(--dtSearchWidth) - var(--dtCreateNewTagMessage) - 10px);
}

.dt-header-tag-post {
    width: calc(100% - var(--dtSearchWidth) - var(--dtCreateNewTagPost) - 10px);
}

.dt-header-pillar {
    width: calc(100% - var(--dtSearchWidth) - var(--dtCreateNewPillar) - 10px);
}

.dt-header-theme {
    width: calc(100% - var(--dtSearchWidth) - var(--dtCreateNewTheme) - 10px);
}

.dt-header-category {
    width: calc(100% - var(--dtSearchWidth) - var(--dtCreateNewCategory) - 10px);
}

.invisibleDTActionColumn {
    visibility: hidden;
}

.tags-type-spacing {
    display: inline-block;
    width: 10px; /* Adjust the width to increase or decrease the space */
}

.settingsTitle {
    background-color: var(--colorGray_ExtraLight);
    width: 100%;
    display: block;
    padding: 8px;
    margin-bottom: 15px;
}

    .dt-header .btn-edit,
    .settingsTitle .btn-edit {
        float: right
    }

.nav-pills > li > a,
.nav-pills > li > a:focus {
    border-radius: 0;
    color: var(--colorGray_Dark);
    background-color: var(--colorGray_ExtraLight);
    font-weight: 400;
    font-size: 14px;
}

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover,
    .nav-pills > li > a:hover {
        color: var(--colorBlueHover);
        background-color: var(--colorGray_SoftLight);
    }

.js-reconnectToFB.btn-gray {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

    .js-reconnectToFB.btn-gray:hover {
        color: white;
    }

.socialLoginListImg {
    width: 23px;
    vertical-align: -6px;
}

.js-btnSaveAddPages,
.js-btnSaveAdAccounts {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 14px;
}

.bootstrap-select.select-settings {
    width: 100% !important;
}

.bootstrap-select.select-auto {
    width: auto !important;
    max-width: 100%
}

.bootstrap-select.select-settings {
    border: 1px solid var(--colorGray_SoftLight);
}

.dataTable-header {
    background-color: var(--colorGray_ExtraLight);
    padding: 12px;
}

td.dtNameCol {
    min-width: 250px !important;
    position: relative;
}

    td.dtNameCol.dtNameColMd {
        min-width: 150px !important;
    }

/*NN: table-centered is a custom class added on tables via dtParams*/
table.dataTable.table-centered th,
table.dataTable.table-centered td {
    text-align: center;
}

    table.dataTable th.dtNameCol, table.dataTable td.dtNameCol, table.dataTable.table-centered td.text-left {
        text-align: left;
    }

.table.table-xs-headers > thead > tr > th {
    font-size: 10.5px;
    line-height: 1.3;
}

.modal-content {
    box-shadow: none; /*NN:removed because it causes all text in modal to be not-sharp! (appears bolder)*/
    -webkit-box-shadow: none; /*NN:removed because it causes all text in modal to be not-sharp! (appears bolder)*/
    -webkit-background-clip: initial;
    background-clip: initial;
    border: var(--modalBorder) solid var(--colorGray_8);
    border-radius: 0;
    padding-right: 1px; /*for scrollbars to not be stuck on border*/
    /*height: calc(100vh - 20px);
    overflow: hidden; /*for scrollbars*/
}

.modal-body {
    /*max-height: calc(100vh - 50px - 127px);*/
    overflow: hidden;
    overflow-y: auto;
    margin: 1px 0; /*for scrollbars to not be stuck on border*/
}

.bootbox:not(.modal-fullPage) .modal-body, .bootbox:not(.modal-fullPage) .modal-content {
    height: auto !important;
    overflow: inherit !important;
    margin: 0 !important;
}

.modal.modal-danger .modal-title {
}

    .modal.modal-danger .modal-title .fa-triangle-exclamation {
        color: var(--colorPink)
    }

.modal.modal-danger .modal-body {
}

.modal.modal-danger .btn.bootbox-accept {
    background-color: var(--colorBlackGray);
    border-color: var(--colorBlackGray);
}

.modal-danger-text {
    color: var(--colorPink);
    font-weight: 400
}

.js-modalPostInboxMessages .modal-body {
    /*overflow: hidden;*/ /*because this modal has its own functionality for scrolling */
}

.js-modalAddNotes .modal-content {
    /*height: calc(100vh - 20px);*/ /*use full height for js-modalAddNotes*/
}

.modal-fullPage .modal-content {
    height: calc(100vh - 2 * var(--modalDialogMargin_TopBottom));
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: wrap;
    float: none;
}

.modal-fullPage .modal-body {
    flex: 1;
    width: 100%;
}

.modal-title {
    color: inherit; /*used to also inherit the alert-danger color from bootbox alert (when error)*/
    font-size: 19.5px;
    padding: 0;
    word-break: break-word;
    position: relative;
    top: 1px;
    padding-right: 15px; /*space reserved for close button*/
}

.modal-header, .modal-footer {
    --padTopBottom: 9px;
    padding-top: var(--padTopBottom);
    padding-left: var(--modalPaddingLeftRight);
    padding-right: var(--modalPaddingLeftRight);
    position: relative;
}

.modal-footer {
    padding-bottom: var(--padTopBottom);
    border-top: 1px solid var(--colorGray_SoftLight);
    box-shadow: 0px 4px 24px -5px hsla(220, 10%, 88%, 0.77);
}

.modal-header {
    padding-bottom: calc(var(--padTopBottom) - 1px);
    padding-right: 23px;
    border-bottom: 1px solid var(--colorGray_SoftLight);
    box-shadow: 0px -4px 24px -5px hsla(220, 10%, 88%, 0.77);
}

    .modal-header .close {
        margin-top: -3px;
        margin-right: -2px;
        float: none;
        position: absolute;
        right: 15px;
        z-index: 1; /*added because btn could not be click after being made absolute*/
    }

    button[data-dismiss="modal"], .modal-header .close {
        font-size: 26px;
    }

.modal-body {
    padding: var(--modalBodyPaddingTopBottom) var(--modalBodyPaddingLeftRight);
}

    .modal-body > .row:last-child {
        margin-bottom: 0;
    }

.js-modalPostInboxMessages .js-selectInboxMessagesRight {
    margin-top: 5px;
}

.accordionFilters .ui-accordion-content {
    background-color: transparent;
}

.accordionFilters .modal-title {
    color: black;
    font-size: 19px;
}

.modal-subtitle {
    float: left;
    width: 100%;
    font-size: 12.5px;
    line-height: 1.3;
    color: hsla(210, 1%, 54%, 1);
}

.popup {
    background-color: white;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    width: 300px;
    min-width: 273px;
    border: 10px solid hsla(225,10%,87%,1);
    top: 25vh;
    max-height: 75vh;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}

.popup-large {
    top: 15vh;
    height: 70vh;
    width: calc(100% - 20vw);
}

.popup-med {
    width: calc(100% - 50vw);
    top: 15vh;
    max-height: 80vh;
}

.popup select {
    width: calc(100% - 90px);
    float: right;
}

.popup, .popup select {
    font-size: 14px;
}

    .popup .addTab {
        width: 66px;
        float: none;
    }

    div.msgBoxTitle, .popup h4, .modalWindow h3 {
        font-size: 20px;
        color: #66b3ff;
        border-bottom: 1px solid #66b3ff;
        font-weight: 300;
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
        padding: 0;
    }

    div.msgBoxButtons input[type='button'], .popup .addTab {
        font-size: 13px !important;
        text-transform: uppercase !important;
        font-weight: 300;
    }

.autoCompResultActive {
    background-color: hsla(216,10%,66%,1) !important;
}

    .autoCompResultActive a {
        color: white !important;
    }

.emailLinkPageRole .filtersTitle,
.emailLinkPageRole .js-updateUserPageRolesToDefault {
    display: none
}

.tabItemActive .addTab {
    width: 42px;
    margin-right: 0px;
    margin-left: 1px;
    font-size: 9px !important;
    line-height: 1.2;
    color: var(--colorGray_ExtraLight);
    background-color: hsla(225, 10%, 54%, 1);
    height: 25px !important;
    font-weight: 400;
}

    .tabItemActive .addTab:hover {
        background-color: hsl(220, 10%, 88%) !important;
        color: hsla(215,10%,47%,1);
    }

.tbTabName {
    width: calc(100% - 93px) !important;
    margin-right: 5px;
    background-color: rgba(237, 237, 237, 0.5);
    left: 2px;
    float: left;
    height: 23px !important;
    font-size: 13px !important;
    color: #646E88 !important;
}

.listeningRow {
    height: calc(100vh - var(--height) - var(--mrg) - 5px);
}

.listeningSidebar {
    height: 100%;
    flex: 0 0 var(--settingsSidebar);
}

    .listeningSidebar.noSlides {
        box-shadow: 2px -3px 5px var(--colorGray_SoftLight);
    }

.addListeningGroup {
    margin-bottom: 31px;
    margin-top: 17px;
    font-size: 16px;
}

.js-streamCol {
    /*max-width: 318px;*/
    margin: auto; /*to center the streams horizontally*/
}

a.js-editListeningGroup,
a.js-deleteListeningGroup,
a.btnEditListeningStream,
a.btnAddListeningStream,
a.btnReorderStreams,
a.js-btnRemoveStream,
a.js-btnRefreshStream {
    opacity: 0;
    position: absolute;
    bottom: 1px;
    right: 2px;
    width: 20px;
    line-height: 19px;
    text-align: center;
}

a.js-deleteListeningGroup,
a.btnEditListeningStream {
    right: 24px;
}

a.btnAddListeningStream {
    right: 46px;
}

a.btnReorderStreams {
    right: 68px;
}

a.js-btnRemoveStream {
    right: 46px;
}

.js-ulListeningGroups.nav-tabs.berry-tabs > li {
    position: relative;
    margin-bottom: 1px;
}

    .js-ulListeningGroups.nav-tabs.berry-tabs > li > a {
        color: var(--colorGray_Medium);
        font-size: 16px;
        text-transform: initial;
        font-weight: 300;
        padding: 19px 20px;
    }

    .js-ulListeningGroups.nav-tabs.berry-tabs > li.active > a {
        pointer-events: none;
        border-bottom: 0;
        color: var(--colorBlueHover);
    }

ul.listeningGroupOptions {
    display: none;
    list-style: none;
    padding: 0px 23px;
    padding-bottom: 23px;
    margin-top: -10px;
    position: relative;
    background-color: var(--colorGray_ExtraLight);
}

    ul.listeningGroupOptions > li > a {
        font-size: 12.5px;
        font-weight: 400;
        border-top: 1px solid var(--colorGray_ExtraLight);
        /*padding: 6px 11px;*/
        background-color: white;
        color: var(--colorBlackGray)
    }

.js-ulListeningGroups.berry-tabs li.active .listeningGroupOptions {
    display: block;
}

.js-ulListeningGroups.berry-tabs li:hover a.js-editListeningGroup,
.js-ulListeningGroups.berry-tabs li:hover a.js-deleteListeningGroup,
.js-ulListeningGroups.berry-tabs li.active a.js-editListeningGroup,
.js-ulListeningGroups.berry-tabs li.active a.js-deleteListeningGroup,
a.btnEditListeningStream,
.js-ulListeningGroups.berry-tabs li.active a.btnAddListeningStream,
.js-ulListeningGroups.berry-tabs li.active a.btnReorderStreams,
a.js-btnRemoveStream,
a.js-btnRefreshStream {
    opacity: 1;
    background-color: var(--colorGray_SoftLight);
}

.js-ulListeningGroups.berry-tabs li:hover a.js-editListeningGroup,
.js-ulListeningGroups.berry-tabs li:hover a.js-deleteListeningGroup,
.js-ulListeningGroups.berry-tabs li.active a.js-editListeningGroup,
.js-ulListeningGroups.berry-tabs li.active a.js-deleteListeningGroup,
.js-ulListeningGroups.berry-tabs li.active a.btnAddListeningStream,
.js-ulListeningGroups.berry-tabs li.active a.btnReorderStreams {
    background-color: transparent;
}

.js-btnAddStream {
    position: absolute;
    right: -25px;
    top: 60px;
    font-size: 20px;
    color: var(--colorGray_3);
}

.lblPageNameMasterOuter {
    background-color: var(--colorGray_ExtraLight);
    border: 1px solid var(--colorGray_8);
    padding: 6px 8px;
    padding-bottom: 0px;
    border-left: 0;
    border-right: 0;
    position: relative;
    width: 100%;
}

    .lblPageNameMasterOuter .pageInHeader {
        margin-right: 0px;
        float: none;
        --width: 15px;
    }

.window-scroll .lblPageNameMasterOuter {
    box-shadow: 0px 13px 14px -15px var(--colorGray_7);
}

.js-ddlStreamDataSort {
    position: absolute;
    left: 2px;
    padding-left: 2px;
    bottom: 2px;
    display: none
}

    .js-ddlStreamDataSort.bootstrap-select.select-transparent .btn-default.dropdown-toggle {
        line-height: 22px;
        font-size: 12.5px;
        color: var(--colorPink);
    }

.lblStreamTypeTop {
    --spaceRight: 22px;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--colorBlueHover);
    position: relative;
    text-transform: uppercase;
    margin-top: 3px;
    min-height: 40px;
}

.igTagName {
    /*color: var(--colorPendingExpired);*/
    text-transform: initial;
    /*padding-right: 60px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.pnlStreamColInner {
    border: 1px solid var(--colorGray_8);
    border-top: 0;
    background-color: white;
    height: calc(100vh - var(--height) - var(--mrg));
}

.streamColInner {
    overflow-y: auto;
    width: 100%;
}

.js-btnPreviousPage, .js-btnNextPage {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.btnWeek {
    --wh: 18px;
    border-radius: 0;
    padding: 0;
    font-size: 17px;
    width: var(--wh);
    line-height: var(--wh);
    border: 0;
    background-color: transparent;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    color: var(--colorGray_80);
}

    .btnWeek .fa-caret-left {
        position: relative;
        left: -2px;
    }

    .btnWeek .fa-caret-right {
        position: relative;
        left: 2px;
    }

    .btnWeek img {
        position: relative;
    }

    .btnWeek.prevWeek img {
        left: -2px;
    }

    .btnWeek.nextWeek img {
        left: 2px;
    }

.js-navigateCalendar {
    pointer-events: auto;
    --wh: 12px;
}

    .js-navigateCalendar:hover {
        background-color: transparent;
        box-shadow: none;
        color: var(--colorPink);
    }

    .js-navigateCalendar.disabled {
        pointer-events: none;
    }

.delete {
    position: absolute;
    left: 0;
    top: -16px;
    font-size: 12px !important;
    padding: 3px !important;
    height: auto !important;
    line-height: 13px !important;
    background-color: rgb(83, 83, 83) !important;
}

.topPostListImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #ececec;
}

.tbLeftSubmit {
    float: left;
    width: calc(100% - 58px);
    font-size: 13px;
    height: 27px;
}

.addSmallDiv {
    border: 1px dashed darkgrey;
    padding: 10px;
}

.popoverLink, .tooltip-tooltipster {
    color: var(--colorGray_Medium);
    font-size: 17px;
    position: relative;
    top: -1px;
}

.colorFB {
    color: var(--colorFB)
}

.colorIG {
    color: var(--colorInsta)
}

.analysisGeneral {
    flex: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    -webkit-flex-basis: 100px;
    -ms-flex: 0 1 100px;
    flex-basis: 100px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 8px;
}

    .analysisGeneral .top {
        font-size: 27px;
        line-height: 28px;
        margin-bottom: 5px;
        text-transform: lowercase;
        display: inline-block;
    }

    .analysisGeneral label {
        color: var(--colorGray_Medium)
    }

    .analysisGeneral .per {
        font-size: 18px;
        line-height: 18px;
    }

    .analysisGeneral .nmr {
        font-size: 15px;
        line-height: 30px;
    }

.daily, .general {
    background-color: var(--colorGray_ExtraLight);
}

.adMetrics a.tooltip-tooltipster {
    font-size: 15px;
}

.js-toggleIsDarkPost {
    margin-right: 3px;
}

a.tooltip-light {
    font-size: 12.5px;
    display: inline-block;
    vertical-align: -2px;
    color: var(--colorGray_7);
}

    a.tooltip-light:hover {
        color: var(--colorBlackGray)
    }

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

.lessMargin {
    margin-right: -5px;
    margin-left: -5px;
}

.daily {
    display: flex;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    /*float: left;*/
    padding: 5px;
}

.first {
    border: 0;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
}

.analysisDaily {
    line-height: 20px;
    color: white;
    font-size: 13px;
    letter-spacing: -0.5px;
    padding: 0 5px;
    flex: 1;
    word-break: break-word;
}

    .analysisDaily .top {
        font-size: 17px;
        line-height: normal;
        font-weight: 400;
    }

.analysisDaily, .analysisGeneral {
    border-left: 1px dashed var(--colorGray_Medium);
}

.first, .analysisGeneral, .analysisDaily {
    color: var(--colorGray_Medium);
}

.left50 {
    width: 50%;
    float: left;
}

.socialPageItem {
    float: left;
    margin: 0 10px;
}

h2, .title, h4, h5, h6 {
    text-align: left;
    display: inline;
    color: var(--colorGray_Medium);
    font-size: 24px;
    font-weight: 300;
    padding: 6px 0;
    padding-bottom: 7px;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

    .title a {
        color: inherit
    }

        .title a:hover {
            color: var(--colorPink) !important;
        }

.js-Calendar .title {
    margin-bottom: 0;
}

h2 {
    margin-bottom: 5px;
}

h6 {
    font-size: 18px !important;
    margin-bottom: 3px;
    margin-top: 12px;
    color: #66b3ff;
}

.title {
    margin-top: 30px;
    padding: 0;
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
}

.js-Calendar .title {
    margin-bottom: 5px;
}

.js-Timelines .title {
    margin-bottom: 5px;
    margin-top: 0px;
}

.title i.fas.fa-layer-group, .inboxTitle i.fas.fa-layer-group {
    font-size: 0.8em;
}

.breadcrumbCaret {
    font-size: 25px;
    padding: 0 7px;
    padding-right: 9px;
    float: left;
    position: relative;
}

.modal-title .breadcrumbCaret {
    font-size: 26px;
    line-height: 26px;
}

.js-Inbox > .breadcrumbCaret {
    line-height: 1;
}

.title h3 {
    float: left;
    margin-top: 0;
    font-size: inherit;
    line-height: inherit;
}

.js-Calendar .title h3 {
    margin-bottom: 8px;
}

.title a {
    color: inherit
}

    .title a:hover {
        color: var(--colorPink) !important;
    }

.inboxTitle .pageInHeader {
    width: 21px;
    height: 21px;
    position: relative;
    top: -1px;
    margin-right: 0;
    display: none;
}

.inboxTitle li .pageInHeader {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    top: 2px;
    display: inline-block;
}

.circle, .explore {
    margin-top: 185px;
}

.explore {
    top: 275px;
}

.approveReviewRowInner {
    float: left;
}

.approveReviewRow {
    margin-top: 30px
}

.js-ApproveReview .approveReviewRow {
    margin-top: 4px
}

.explore, .boxOuter {
    width: 70%;
    margin: 0 auto;
    display: flex;
}

    .boxOuter .box {
        display: inline-block;
        vertical-align: top;
        flex: 1;
        padding: 95px 28px 28px 28px;
        background-repeat: no-repeat;
        background-position: center 40px;
        background-color: rgba(255, 255, 255, 0.65);
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        background-size: 55px;
        margin: 0 20px;
    }

        .boxOuter .box span {
            width: 75%;
            padding-bottom: 75%;
            margin: 0 auto;
            display: block;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
        }

        .boxOuter .box h4 {
            padding-left: 0;
            margin-bottom: 0;
            padding-bottom: 0;
            display: block;
            font-family: "lato", sans-serif;
            font-weight: 400;
            font-size: 22px;
            line-height: 32px;
            color: #464646;
            background-color: transparent;
            font-family: latoR;
            width: 100%;
            text-align: center;
        }

        .boxOuter .box h5 {
            padding-left: 0;
            margin-bottom: 0;
            padding-bottom: 0;
            font-size: 18px;
            line-height: 24px;
            color: black;
            background-color: transparent;
            font-family: lato;
            text-align: justify;
        }

.lblInstructions {
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    width: 60%;
    background-image: url("/../images/moreInfo.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: top center;
    padding: 5px;
    padding-top: 30px;
    text-align: center;
    border: 1px dashed #C7C7C7;
    background-color: lightyellow;
}

    .lblInstructions, .lblInstructions a {
        font-size: 15px;
        line-height: 19px;
    }

        .lblInstructions a {
            color: var(--colorPink);
        }

.loggedInAsUser {
    color: #C60000;
    text-align: center;
    font-weight: 400;
    padding: 4px;
    display: block;
    background-color: rgba(255, 178, 178, 0.5);
    font-size: 12.5px;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1051; /*one index over modals (1050)*/
    width: 100%;
}

.menuLoggedIn .loggedInAsUser {
    left: 200px;
    top: 0;
    display: block;
    width: calc(100% - 200px);
    position: fixed;
    margin: 0;
}

.circle {
    width: 615px;
    height: 615px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background: #fff;
    background: rgba(255, 255, 255, .65);
    text-align: center;
    padding: 130px 50px 0 50px;
}

    .circle h1, .circle h2 {
        margin-bottom: 20px !important;
        font-size: 44px;
        line-height: 60px;
        text-align: center;
        display: block !important;
        color: black !important;
        font-weight: normal;
        font-family: lato;
    }

    .circle h2 {
        margin-bottom: 30px !important;
        font-size: 22px;
        line-height: 30px;
    }

    .circle .btn {
        height: auto;
        font-size: 22px;
        line-height: 20px;
        display: inline-block;
        padding: 13px;
    }

.snippet {
    color: hsla(225, 10%, 48%, 1);
    line-height: 1.4;
}

.colLeftMessage {
    min-height: 20px;
    width: 100%;
    float: left
}

.colLeftSnippet {
    width: calc(100% - 180px);
}

.js-inboxMessageLeft .js-pnlMessageTags {
    max-width: calc(100% - 156px);
    width: 100%;
}

.colLeftSnippet {
    float: left;
}

.fixedActions {
    position: absolute;
    list-style-type: none;
    right: 30px;
}

    .fixedActions li {
        float: left;
    }

        .fixedActions li .isAssignedTo:not(.hide),
        .fixedActions li .js-btnPending,
        .fixedActions li .lastEmailedMessageLog:not(.hide) {
            margin: 0 4px;
        }

        .fixedActions li .js-btnPending {
            margin-right: 0;
        }

.isAssignedTo img {
    border-radius: 50%;
}

.ulMessagesLogs li {
    padding-left: 6px;
}

    .ulMessagesLogs li:before {
        content: '\2022';
        vertical-align: top;
    }

.messageLogsMessage {
    font-size: 12.5px;
    margin-bottom: 4px;
    color: hsla(230, 9%, 49%, 1);
    white-space: normal;
    display: block;
}

    .messageLogsMessage blockquote {
        font-size: 14.5px;
        color: var(--colorBlue);
        margin: 0 0 8px 10px;
        border-color: var(--colorGray_SoftLight);
    }

.fromUser #lblTime.snippet {
    max-width: 50%;
    font-size: 12px;
    line-height: 1.1;
}

.msgReply {
    position: relative;
    padding: 12px 9px;
    padding-right: 15px;
    padding-bottom: 0;
    margin-bottom: 9px;
}

.js-parentMessageTop .msgReply {
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
    background-color: transparent;
    border: 0;
}

.replyOuter {
    width: 100%;
    padding-left: 26px;
    display: inline-block;
    position: relative;
}

.js-parentMessageTop .replyOuter {
    padding-left: 22px;
}

.js-modalReplyInPM .replyOuter {
    max-width: none;
    padding-left: 0;
}

.fbMessage {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 10px;
}

.type-message .fbMessage {
    /*padding-right: 0;*/
}

.js-parentMessageTop .fbMessage {
    padding: 0 15px;
    background-color: transparent;
}

.pnlAttachments {
    position: relative;
    padding: 5px 5px;
    padding-top: 10px;
    /*max-width: 150px;*/
}

.js-parentMessageTop .pnlAttachments {
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    padding: 0;
    margin-right: 10px;
    background-color: transparent;
    position: relative;
    width: 100%;
    vertical-align: top;
}

.js-parentMessageTop .messageParentTitleOuter {
    flex: 1;
    padding-right: 100px
}

.js-parentMessageTop .albOver, .msgLeftTypePost .albOver {
    display: none;
}

.fromPage > .fbMessage, .fromPage > .fbMessageInner, .fromPage > .pnlAttachments {
    float: right;
}

.postPad {
    float: left;
    width: 100%;
}

.js-parentMessageTop .postPad {
    padding: 0;
    padding-right: 5px;
}

.fbMessageInner {
    position: relative;
    float: left;
    width: 100%;
    /*padding-left: 35px;*/
    word-wrap: break-word;
    word-break: break-word;
    /*white-space: pre-wrap;*/
    text-align: left;
    background-color: hsla(36, 88%, 94%, 1);
    min-height: 28px; /*min-height to accomodate empty messages aswell*/
    /*padding: 8px 10px;*/
    /*border: 1px solid #e2edf8;*/
    /*border-bottom: 1px dashed #d8cbd0;*/
}

.messageParentTitleTop {
    flex: 1;
}

.js-inboxMessageTxt {
    position: relative;
}

.type-post .fbMessageInner {
    border: 1px solid #dfe0e4;
    border-radius: 0px;
    max-width: none;
    background-color: white;
}

.js-parentMessageTop .fbMessageInner {
    border: 0;
    padding: 0;
    max-width: 100%;
    background-color: transparent !important;
    min-height: 80px; /*to fit the message action buttons even if imgFBPage is not tall enough to set the min height*/
}

.js-modalPostInboxMessages .js-inboxMessage.active {
    border-color: #dfe0e4;
}

.msgInner {
    float: left;
    position: relative;
}

.showOnCalendar a, .showInInbox {
    display: inline-block;
}

.js-Calendar .showOnCalendar {
    display: none;
}

.js-Inbox .showInInbox {
    display: none;
}

.conLine {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    width: 29px;
}

.conLine {
    background-color: #fff;
}

.msgReply {
}

.childOf-type-comment .conLine, .childOf-type-comment .msgReply {
    /*background-color: #efebeb;*/
}

.childOf-type-comment .conLine {
    /*width: 23px;*/
    width: 46px;
}

.type-reply .conLine {
    /*left: 2px;*/
    left: -25px;
}

.type-comment .fbMessageInner {
    padding-left: 30px;
}

.type-reply .fbMessageInner {
    padding-left: 23px;
}

.ratingStar {
    width: 10px;
    vertical-align: 0;
    position: relative;
    top: 1px;
}

.mainMessage {
    color: black;
    padding: 4px 8px;
    padding-right: 55px;
    position: relative;
}

.revHeader {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 15px;
}

.fbMessageInner, .messageTags {
    max-width: calc(100% - 15px); /*reserve space for message actions button*/
    width: 100%;
}

.js-messageParentTopRow .messageTags {
    max-width: auto;
    max-width: initial;
    position: relative;
    margin-top: 0;
    margin-bottom: calc(-1 * var(--messageParentTopRowPad));
    padding-bottom: 10px;
}

.js-inboxMessage.active {
}

    .js-inboxMessage.active .fbMessageInner {
        background-color: var(--colorPeach_3);
    }

    .js-inboxMessage.active .mainMessage, .js-inboxMessage.active .pnlAttachments {
        background-color: transparent;
    }

.js-parentMessageTop .mainMessage {
    --lineHeight: 14px;
    font-size: 12px;
    line-height: var(--lineHeight);
    color: var(--colorGray_5);
    min-height: 20px;
    max-height: calc(2 * var(--lineHeight));
    overflow: hidden;
    overflow-y: auto;
}

.js-parentMessageTop .js-messageParentTopRow.active .mainMessage {
    color: var(--colorGray_Dark)
}

.attachImg, .mainMessage, .pnlAttachments, .pnlAttachments a, .colLeftMessage {
    font-size: 13px;
}

    .attachImg, .mainMessage, .pnlAttachments, .pnlAttachments a {
        line-height: 20px; /*1.6 to accomodate emoticons*/
        word-break: break-word;
    }

        .attachImg[data-type^='story_'] {
            max-width: 150px;
            border-left: 3px solid var(--colorGray_80);
            padding-left: 15px;
        }

            .attachImg[data-type^='story_'] .js-imgMultiDiv {
                border-radius: 18px;
            }

.storyLabel {
    white-space: nowrap;
    color: hsl(36deg 71% 51%);
    margin-bottom: 10px;
}

.type-message .js-inboxMessageTxt {
    margin-bottom: 7px;
}

.emlHighlighted .fbMessageInner {
    background-color: var(--colorPeach_3);
}

.fromPage > .pnlActions {
    /*display: none;*/
}

.msgDateOuter {
    padding-top: 12px;
}

.msgDate {
    position: absolute;
    right: 0;
    top: -17px;
    width: 100%;
    text-align: right;
}

.pmResponse, .msgDate {
    color: hsla(230, 9%, 62%, 1);
}

.js-messageParentTopRow .msgDate {
    color: hsla(230, 9%, 43%, 1);
    top: 10px;
}

#lbReplyPM.js-btnReplyLink {
    margin-top: 0px;
}

.ds-inline-block {
    display: inline-block;
}

.ds-inline {
    display: inline;
}

.ds-block {
    display: block;
}

a.filterLink {
    font-size: inherit;
    color: var(--colorGray_5);
    position: relative;
    top: 0px;
    margin-left: 4px;
    font-family: Ubuntu;
    font-weight: 500;
}

    a.filterLink.js-clearPostsSelected {
        margin-left: 0px;
    }

.clearFilter {
    font-size: 13px;
    position: relative;
    top: 0px;
    left: -1px;
}

.js-activeFiltersLeft {
    padding: 5px 0;
}

.activeFilters {
    /*padding: 5px 4px;*/
    position: relative;
    /*border-top: 1px dotted #e9eaec;*/
    font-size: 13px;
    float: left;
    width: 100%;
}

.modal .js-targetingDetailsRow {
    font-size: 14px;
}

.messagesPagerRow {
    padding: 10px 0;
}

.js-filteringBy {
    font-size: 13px;
    color: hsl(225, 10%, 48%);
}

.clearFilter {
    color: hsla(225, 10%, 50%, 1);
}

.btnMultiselect, .btnMultiselect .multiselect {
    width: 100%;
    text-align: left;
}

.divFilterProfiles .btnMultiselect .multiselect-selected-text {
    text-transform: none;
    padding-right: 0;
}

.inboxTitleRight {
    float: left;
}

.divFilterProfiles .btnMultiselect .multiselect-selected-text, .inboxTitleBread, .inboxTitleRight {
    font-size: 24px;
    line-height: 1;
}

.typeDetails {
    color: var(--colorGray_Light);
    font-size: 10.5px;
}

    .typeDetails i {
        color: limegreen;
        padding-right: 2px;
    }

.dropdown-toggle .typeDetails {
    display: none
}

.js-filterPendingMessages {
    width: 100%;
    cursor: pointer;
}

    .js-filterPendingMessages:before {
        content: 'Show pending only';
        text-transform: uppercase;
        font-size: 10.5px;
        line-height: 1.1;
        position: absolute;
        right: 0;
        color: #3c3c3c;
    }

    .js-filterPendingMessages.active:before {
        content: 'Show all';
        color: hsla(32, 93%, 48%, 1);
    }

    .js-messageParentTopRow .msgDate, .js-filterPendingMessages:before {
        right: 30px;
    }

    .js-filterPendingMessages:before {
        top: -6px;
    }

.js-pnlMessageTags, .msgDate, .readMore, .likeReply a, .js-btnReplyLink, .pmResponse, .js-lbReplyPM {
    font-size: 12px;
    line-height: 1.3;
}

.js-pnlMessageTags {
    max-width: calc(100% - 156px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    width: auto;
}

.js-inboxMessagesRightDiv .js-pnlMessageTags {
    z-index: 1;
    position: relative;
}

.tagLabel {
    background-color: hsla(37, 87%, 63%, 1);
    color: white;
    padding: 1px 3px;
    margin-bottom: 1px;
    margin-top: 2px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.3;
}

.postDetailsHeader .tagLabel {
    padding: 0px 4px;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-top: 0;
    /*float: left; To make clamp work*/
}

.tagLabel:after {
    background-color: hsl(37, 87%, 97%);
    content: ' ';
    width: 3px;
}

.js-modalPostPreview .postDetailsHeader {
    margin-bottom: 0
}

.editTagModal {
    background-color: hsla(210, 1%, 91%, 1);
    color: hsla(224, 13%, 30%, 1);
    padding: 3px 4px;
    margin-bottom: 4px;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 12.5px;
    line-height: 1.1;
    display: inline-block;
    max-width: calc(100% - 20px);
}

a.editTagModal:hover, a.btnDash:hover {
    color: var(--colorPink)
}

.tagNameAutocomplete {
    text-transform: uppercase;
    padding: 0px 1em 0px .4em;
}

.lblTagDeleteGlobal {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    top: -2px;
    left: -1px;
    position: relative;
    cursor: pointer;
    max-width: calc(100% - 20px);
}

.lblForExpand {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    top: -3px;
    left: 3px;
    display: inline;
    position: relative;
    cursor: pointer;
}

.lblForExpand {
    position: relative;
    margin-bottom: 0;
    cursor: pointer
}

    .lblForExpand:before {
        content: "\f0fe";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: var(--colorPink);
    }

    .lblForExpand.expanded:before {
        content: "\f146";
    }

.js-btnDettachTag {
    color: hsla(0, 39%, 49%, 1);
    font-size: 14px;
    vertical-align: top;
}

.js-inboxMessageLeft .tagLabel {
    background-color: hsl(225, 11%, 93%);
    color: hsla(225, 11%, 44%, 1);
}

.js-inboxMessageLeft.active .tagLabel {
    background-color: hsla(225, 11%, 85%, 1);
    color: hsla(225, 11%, 38%, 1);
}

.filterImgLeft {
    width: 14px;
    margin-right: 6px;
    vertical-align: baseline;
}

.filteredTags {
    display: inline-block;
    max-width: calc(100% - 60px);
    vertical-align: text-top;
}

.messageTags {
    margin: 3px 0;
}

.imgTag {
    width: 16px;
    height: 13px;
    position: relative;
    left: -2px;
    top: 3px;
    float: left;
}

.ulMessagesLogs {
    padding: 3px 8px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    list-style: none;
    padding-left: 1px;
}

.readMore {
    color: hsla(210, 100%, 41%, 1);
    padding-left: 16px;
}

.pnlNewDate {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 13px;
}

    .pnlNewDate:before {
        border-top: 1px solid #fbe6c5;
        content: "";
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    .pnlNewDate span {
        padding: 0px 10px;
        text-align: center;
        margin: 10px 0;
        color: hsla(225, 11%, 46%, 1);
        font-size: 13px;
        font-weight: 400;
        display: inline-block;
    }

.ulMessagesLogs img, .msgDate img {
    width: 10px;
    margin-right: 3px;
}

.msgDate img {
    position: relative;
    vertical-align: initial;
    top: 1px;
}

a[data-toggle="collapse"] .hidden {
    display: none;
}

.fixedActions a {
    padding: 4px;
}

    .fixedActions a img {
        height: 100%;
        vertical-align: baseline;
    }

    .fixedActions a:hover {
        background-color: #d6e6f5;
    }

    .fixedActions a.active {
        z-index: 1;
        position: relative;
        background-color: #ebebef;
    }

.js-btnPending #imgDonePending {
    background-image: url('/../images/pendingmsg.png');
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    /*top: -1px;*/
}

.js-btnPending.active #imgDonePending {
    background-image: url('/../images/done.svg');
}

.isAssignedTo, .fixedActions a, .js-btnPending {
    float: left;
    cursor: pointer;
}

.js-accordionMessageActionsButton, .isAssignedTo, .fixedActions a, .js-btnPending {
    width: 20px;
    height: 20px;
}

.isAssignedToLeft img {
    width: 20px;
    max-height: 20px;
}

.isAssignedTo {
    z-index: 1;
    position: relative;
}

    .isAssignedTo div {
        height: 100%;
        background-size: cover;
        background-position: center;
    }

.fixedActions .isAssignedTo div {
    border-radius: 50%;
}

.tooltip-tooltipster {
    cursor: pointer
}

.lastEmailedMessageLog {
    font-size: 12px;
    color: #c91a5d;
    background-color: #e3e3e3;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    display: block;
    top: 0px;
}

.active .lastEmailedMessageLog {
    background-color: rgba(255, 255, 255, 0.95);
}

.js-messageParentTopRow .lastEmailedMessageLog {
    background-color: rgb(254, 251, 246);
}

.js-StatusFilter .lastEmailedMessageLog {
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 13px;
    line-height: 15px;
    margin-right: 6px;
}

.isAssignedToLeft {
    right: 10px;
    top: 36px;
    position: absolute;
    list-style-type: none;
    margin: 0
}

    .isAssignedToLeft li {
        display: inline-block;
        padding: 0px 2px;
        line-height: 1;
        vertical-align: bottom;
    }

    .isAssignedToLeft .status {
        padding: 0;
        margin: 0;
    }

    .isAssignedToLeft img {
        border-radius: 50%;
    }

    .isAssignedToLeft .status img {
        border-radius: 0;
        position: relative;
    }

.layoutRow {
    margin-bottom: 0;
}

.packagesDiv {
    row-gap: 15px;
}

input[type=number].addonItem {
    border: 1px solid var(--colorGray_8);
    padding: 4px 0;
    width: 105px;
    font-weight: 400;
    text-align: center;
    background-color: white;
    margin-top: 3px;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
    transform: scale(1.35);
    padding: 4px;
}

.js-manageBranchChild[data-viewstate='disabled'] {
    pointer-events: none;
    opacity: .6;
    filter: grayscale(1);
}

input[type=number].addonItem,
.priceIntervalDiv .paymentsPrice {
    font-size: 16px;
}

.priceIntervalDiv .paymentsPrice {
    margin-right: 0;
}

.priceIntervalDiv i {
    font-size: 9px;
    position: relative;
    top: 0;
}

.paymentsIntervalBtnsOuter {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: baseline
}

.js-btnBackToPackages {
    font-size: 16px;
}

.js-paymentsIntervalBtn {
    background-color: var(--colorGray_8);
    color: var(--colorGray_Medium);
    font-weight: 400;
    font-size: 11px;
    line-height: 1.2;
    padding: 8px 14px;
    min-width: 97px;
    text-transform: uppercase;
    border: none;
    box-shadow: none !important;
}

    .js-paymentsIntervalBtn.intervalSelected {
        background-color: hsl(337 78% 43% / 1);
        color: white;
    }

.subscriptionPlansDiv {
    /*width: 1660px;*/
    max-width: 100%;
    margin: 0 auto;
    padding-top: 7px;
    color: var(--colorGray_SoftMedium);
    font-size: 13.5px;
}

.packagesDiv {
    column-gap: 7px;
}

.planPriceBottom,
.planNamesDiv,
.subscriptionSummary .planPriceDiv {
    padding: 25px 10px;
    padding-bottom: 22px;
}

.planPriceBottom {
    background-color: white;
}

.currentSubscription {
    flex-direction: row !important;
    row-gap: 20px;
    padding: 20px 17px;
    background-color: var(--colorGray_ExtraLight);
    text-transform: uppercase;
    font-size: 12px;
    color: var(--colorGray_Medium);
}

    .currentSubscription > div {
        height: auto;
        flex: 1;
        flex-basis: 215px;
        flex-direction: column;
        padding: 0 15px;
    }

        .currentSubscription > div.bordered {
            border-left: 1px dashed var(--colorGray_Medium);
        }

    .currentSubscription .filtersTitle {
        margin-bottom: 0;
        color: var(--colorBlueHover);
    }

.subscDetails {
    font-size: 13.5px;
    color: var(--colorBlackGray);
    padding: 15px 10px;
    background-color: var(--colorGray_SoftLight);
}

.paymentsPriceColumn {
    flex-basis: 265px;
    flex-grow: 1;
    position: relative;
    flex-direction: column;
}

    .paymentsPriceColumn .is-highlightBadge {
        background-color: var(--colorBlueHover);
        color: white;
        font-weight: 400;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 6px;
        padding: 0 5px;
        padding-top: 2px;
        position: absolute;
        top: 0;
        right: 0
    }

.planName {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 9px;
    color: var(--colorBlackGray);
}

.currentSubscription .planName {
    font-size: 21px;
}

.featuresDiv .planName {
    font-size: 18px;
}

.paymentsPriceColumn.active .planName {
    color: var(--colorBlue);
}

.paymentsPriceColumn .planName,
.paymentsPriceColumn .planSlots {
    width: 100%;
}

.js-packagesDiv {
    margin-bottom: 60px;
}

.paymentsPrice {
    font-size: 26px;
    color: var(--colorGray_Dark);
    text-transform: uppercase;
}

.currentSubscription .paymentsPrice {
    font-size: 27px;
    color: inherit
}

.paymentsPriceIntervalDiv .paymentsPrice {
    margin-right: 6px;
}

.paymentsPriceInterval {
    line-height: 1.1;
    text-align: left;
    font-size: 12px;
}

.additionalItems {
    position: relative
}

    .additionalItems .pif09, .addonNumber {
        font-size: 15px;
        color: var(--colorGray_3);
        position: absolute;
        right: 2px;
        top: auto;
        bottom: 8px;
    }

        .additionalItems .pif09.fa-flag {
            font-size: 14px;
        }

.addonNumber {
    right: 24px;
    font-size: 19px;
    bottom: 2px;
}

    .addonNumber i {
        font-size: 70%;
    }

.paymentsBtn {
    padding: 17px 11px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    background-color: var(--colorGray_Dark);
    margin-top: auto;
}

    .paymentsBtn i {
        font-size: 18px;
        vertical-align: -2px;
        padding-right: 8px;
    }

.priceIntervalDiv {
    column-gap: 3px;
    align-items: baseline;
    margin-bottom: 6px;
}

.subscriptionSummary .planSlots,
.subscriptionSummary .priceIntervalDiv {
    color: var(--colorGray_5);
    padding-top: 10px;
}

.planPriceDivPlans {
    background-color: var(--colorGray_ExtraLight);
    border: 1px dashed var(--colorGray_8);
    padding: 15px;
}

.planPriceDiv {
    background-color: var(--colorGray_ExtraLight);
    border: 1px dashed var(--colorGray_8);
}

    .planPriceDiv.active {
        border: 1px dashed var(--colorGray_Medium);
    }

.subscriptionSummary .planPriceDiv {
    text-align: center;
    position: relative;
}

.featuresDiv {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.subscriptionSummary .featuresDiv {
    padding-bottom: 15px !important;
    background-color: white;
    border: 2px solid var(--colorGray_ExtraLight);
}

.featuresDiv hr {
    margin-top: 16px;
    margin-bottom: 16px;
}

.accordionFilters.featuresDiv {
    background-color: transparent;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.paymentsProductFeatures {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

    .paymentsProductFeatures li {
        margin-bottom: 17px;
        align-items: baseline;
        column-gap: 10px;
        line-height: 19px;
        color: var(--colorGray_3);
        text-align: left;
    }

        .paymentsProductFeatures li:last-child {
            margin-bottom: 0px;
        }

        .paymentsProductFeatures li i {
            font-size: 14px;
        }

.paymentsPriceColumn.active .paymentsProductFeatures li i {
    color: var(--colorPink);
}

.promptToRemoveItems {
    color: var(--colorReviewRequested);
    font-weight: 400;
}

.adjustExistingItems {
    color: var(--colorError);
    margin-top: 5px;
    font-size: 95%;
}

    .adjustExistingItems a {
        color: var(--colorBlueHover);
    }

/*end payments*/

.msgSenderName {
    vertical-align: initial;
    color: #141823;
    width: 100%;
    font-size: 14px;
    position: relative;
    top: -2px;
}

.lblTime {
    width: 125px;
    position: relative;
    top: -3px;
    text-align: right;
    font-size: 12.5px;
    line-height: 1.4;
}

.blockDescr {
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 0;
}

.js-btnSavePageAdAccounts {
    height: 29px;
    vertical-align: middle;
}

.inlimg img {
    max-height: 15px;
    margin-right: 3px;
}

.rowDottedWide.added {
    /*opacity: 0.8;*/
    /*filter: grayscale(1);*/
}

.rowDottedWide.active {
    background-color: var(--colorPeach_1)
}

    .rowDottedWide.active:hover {
        background-color: var(--colorPeach_2)
    }

.rowDottedWide:hover {
    background-color: var(--colorGray_ExtraLight);
}

.js-inboxMessageLeft:hover {
    background-color: var(--colorGray_ExtraLight);
}

.js-inboxMessageLeft.active, .js-inboxMessageLeft.active:hover {
    background-color: hsl(225, 10%, 94%);
}

.js-inboxMessage:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    width: 5px;
    left: 0px;
    background-color: #fef9f1;
    top: 15px;
    bottom: 10px;
}

.js-messageParentTopRow .js-inboxMessage:before {
    width: 0;
}

.js-inboxMessage.type-comment:before {
    width: 49px;
}

.js-inboxMessage.type-message:before {
    width: 41px;
}

.js-inboxMessage.type-message.fromPage:before {
    width: 75px;
}

.js-inboxMessage.type-message.fromPage {
    padding-left: 35px;
}

.js-inboxMessage.type-reply:before {
    width: 42px;
}

.rowTopComp {
    margin-bottom: 0px
}

    .rowTopComp .postTitle {
        margin-bottom: 0;
    }

.postTitle {
    text-align: center;
    color: var(--colorBlueHover);
    font-size: 21px;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
    padding: 11px 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: var(--colorGray_ExtraLight);
}

    .postTitle.hasExport {
        padding: 3px 105px; /*extra padding resserved for export button*/
    }

    .postTitle span {
        font-size: 13px;
    }

.postTitleReports {
    border-bottom: 10px solid white;
    font-size: 20px;
}

.rowGray .spanHeader {
    color: #66b3ff;
    margin-top: 10px;
}

.colorGold {
    color: darkgoldenrod;
}

.blue {
    color: var(--colorBlueHover);
}

.subtitle {
    color: #66b3ff;
    margin-top: 10px;
}

.darkBerry {
    color: rgb(37, 37, 37);
}

.darkBlue {
    color: var(--colorBlue);
}

.colorError {
    color: var(--colorReviewRequested)
}

.h3-sm {
    font-size: 19px;
}

    .h3-sm i {
        width: 20px;
        position: relative;
        top: -1px;
        text-align: center;
    }

.modal .h3-sm {
    font-size: 16.5px; /*smaller that modal-title*/
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: 7px;
}

.h3-sm {
    margin-bottom: 10px;
    margin-top: 15px;
}

h4, h5 {
    font-size: 17px;
}

h4 {
    font-size: 16px;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-right: 10px;
}

.modalWindow h4 {
    margin-top: 20px;
    margin-bottom: 15px;
}

h5 {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
}

.h3InnerDiv {
    padding-left: 10px;
    float: left;
}

.block {
    position: absolute;
    width: 351px;
    left: 0em;
    top: 0em;
    background-color: rgb(238, 241, 241);
    height: 143px;
}

.blockArrow {
    position: absolute;
    border-bottom: 2.8em solid transparent !important; /*border-bottom: 1.5em solid transparent !important; left: 0px;     bottom: -13px;*/
    left: 0px;
    bottom: 8px;
    opacity: .2;
}

.newsletter {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 9px;
    background-color: var(--colorGray_SoftLight); /* border: 1px solid rgba(221, 228, 228, 0.55); */
    padding: 10px 10px;
    padding-bottom: 3px;
}

.ngrid-line-container-vertical {
    max-height: 100%;
}

.thankyou {
    background-color: rgb(255, 255, 210);
    font-size: 13px;
    padding: 5px;
    width: 100%;
    float: left;
}

.emtFb {
    width: 15px;
    vertical-align: text-top;
}

.js-pnlCommentsLeft {
    padding-top: 0;
}

.js-inboxMessagesRightDiv {
    padding-bottom: 5px;
    z-index: 0; /* to allow accordion in .messageTopMobileView to fall over .js-inboxMessagesRightDiv*/
    /*top: 4px;*/
    margin-bottom: 5px;
}

.js-inboxMessagesRightDiv, .js-pnlCommentsLeft {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    padding-right: 10px;
}

.newsletter .lastName {
    width: 90px;
    margin-left: 1px;
}

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

.newsletter input[type="submit"] {
    width: 100%;
}

.listHeader {
    border-top: 1px solid rgb(202, 202, 202);
    margin: 33px 10%;
    width: 80%;
    margin-bottom: 5px;
    float: left;
    position: relative;
    text-align: center;
}

.list {
    margin: 25px 11%;
    width: 78%;
    float: left;
}

.allItems {
    color: white;
    font-size: 16px;
    float: right;
    width: 100%;
    text-align: right;
}

.lblAll {
    padding-left: 5px;
    top: 1px;
    position: relative;
}

.cats {
    font-size: 13px;
    float: left;
    width: 96%;
    margin: 0 2%;
    color: rgb(101, 125, 136);
    padding: 3px;
    padding-top: 0;
}

    .cats a {
        float: left; /*color: rgb(116, 116, 116);*/
        padding-top: 1px;
    }

        .cats a .sub {
            margin-top: 7px;
            margin-right: 5px;
        }

.columnBox {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.listViewRight {
    margin-top: 108px !important;
    padding-left: 12px;
    text-align: right;
}

    .listViewRight .left {
        float: right;
    }

.listViewOuter {
    width: auto;
    margin-left: 214px;
    margin-right: 214px;
}

.listViewLeft {
    padding-right: 12px !important;
    text-align: left;
}

.listViewLeft, .listViewRight {
    width: 202px;
    float: left;
    margin-top: 32px;
}

    .listViewLeft .lblTitle, .listViewRight .lblTitle {
        color: rgb(33, 97, 148);
        margin-bottom: 1px;
        width: 100%;
        padding-bottom: 10px;
        margin-top: 8px;
        font-size: 27px;
        font-family: Lobster;
    }

.listViewInner {
    width: 100%;
    float: left;
}

.listView {
    float: left;
    padding: 14px;
    padding-top: 7px;
    width: 100%;
    min-height: 500px;
}

.imgStore {
    height: 34px;
    margin-left: 5px;
    float: left;
}

.listRow {
    float: left;
    margin: 4px 0;
    margin-left: 13px;
    position: relative;
    padding: 5px;
}

.listRowLatest {
    float: left;
    width: 100%;
    height: 95px;
    position: relative;
    margin: 4px 0;
    padding-bottom: 12px;
}

    .listRowLatest .lblDate {
        color: rgb(33, 97, 148);
        position: absolute;
        right: 0;
        bottom: 1px;
        left: auto;
    }

.leftMenu .badge {
    top: 0;
    position: relative;
}

.js-menu-send-pending {
    position: absolute;
    right: 8px;
    top: 5px;
}

    .js-menu-send-pending .badge {
        background-color: transparent;
        color: #dc1161;
        padding: 3px 7px;
        font-size: 13px;
        top: -4px;
    }

.pendingHidden {
    background-image: none;
    padding-top: 2px;
    padding-left: 0;
}

.blue_verified {
    color: #5891ff
}

.ddlPublishTime {
    width: 60px !important;
}

.bootstrap-select.ddlPublishTime .dropdown-menu li a {
    padding: 3px 8px
}

.bootstrap-select .dropdown-toggle.btn-default, .btnMultiselect .multiselect {
    background-image: url('/../images/ARROW DOWN-05.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-color: var(--colorGray_3);
    background-size: 25px;
    padding: 10px 37px 10px 10px;
    border: 0;
    /*text-transform: uppercase;*/
    height: 39px;
}

.dropdown-toggle .bootstrap-select-subdetails {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-ddlUserSettings {
    width: auto !important;
}

    .js-ddlUserSettings .dropdown-toggle .bootstrap-select-subdetails {
        display: inline;
        padding-left: 5px;
        font-size: 0.97em;
        text-transform: none;
    }

.bootstrap-select .btn-default.dropdown-toggle:focus {
    outline: none !important;
}

.btn:active, .btn.active, .btn-group.open .btn-default.dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-default.active, .btn-default:active, .bootstrap-select.open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .bootstrap-select.open > .dropdown-toggle.btn-default.focus, .bootstrap-select.open > .dropdown-toggle.btn-default:hover {
    background-color: var(--colorGray_3);
    border-color: var(--colorGray_8);
    color: white;
}

.open > .dropdown-toggle.btn-default {
    background-color: var(--colorGray_SoftLight);
}

    .open > .dropdown-toggle.btn-default.focus,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default:hover {
        background-color: var(--colorGray_80);
    }

.leftMenu .dropdown-toggle {
    font-size: 14px;
}

.bootstrap-select.select-light .btn-default.dropdown-toggle, .btnMultiselect .multiselect, .js-filterDateFrom {
    background-image: url('/../images/arrowBlack.png');
    background-position-x: calc(100% - 9px);
    background-position-y: center;
    background-size: 26px;
    background-repeat: no-repeat;
    padding: 9px;
    padding-right: 35px;
}

.btnMultiselect.open .multiselect {
    background-image: url('/../images/arrowBlackExpand.png');
}

.ddlPublishTime .dropdown-toggle {
    background-position-x: calc(100% - 7px);
    background-size: 21px;
    padding-right: 28px;
}

.bootstrap-select.select-light .btn-default.dropdown-toggle, .btnMultiselect .multiselect, .js-filterDateFrom, .js-inboxMessageLeft.active .snippet, .inboxTitleBread, .inboxTitleRight, .ui-accordion.accordionFilters .ui-accordion-header {
    color: var(--colorGray_3)
}

    .ui-accordion.accordionFilters .ui-accordion-header .ui-accordion-header-icon {
        display: none;
    }


.bootstrap-select.select-small .btn-default.dropdown-toggle, .btnMultiselect .multiselect {
    background-size: 16px;
    padding: 0px 8px;
}

.js-ddlLayoutWorkspaces.bootstrap-select.select-small .btn-default.dropdown-toggle {
    padding-left: 0px;
}

.select-transparent .dropdown-toggle:hover {
    color: #66b3ff
}

.select-transparent .dropdown-menu > li > a {
    padding: 6px 12px;
    font-size: 13px;
    outline: none !important
}

.select-transparent .bs-caret {
    display: block;
}

.select-transparent.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 0;
}

.select-transparent.bootstrap-select.btn-group.js-ddlLayoutWorkspaces .dropdown-toggle .caret {
    right: -5px;
}

.bootstrap-select.select-transparent .btn-default.dropdown-toggle {
    background-color: transparent !important;
    padding: 0;
    padding-left: 4px;
    padding-right: 12px;
    height: auto;
    text-transform: none;
    background-image: none !important;
    /*width: auto;*/
    box-shadow: none !important;
    color: var(--colorBlue);
}

.bootstrap-select.js-postVersionDDL .btn-default.dropdown-toggle {
    padding-left: 0;
    text-transform: uppercase;
    font-size: 11px;
    top: 1px;
}

.js-Optimisation .bootstrap-select .btn-default.dropdown-toggle {
    padding-left: 0;
}

.bootstrap-select.js-selectInboxBulkAction .btn-default.dropdown-toggle {
    font-size: 13px;
    font-weight: 400;
}

.js-inboxMessageLeft.selected, .js-inboxMessage.selected .fbMessageInner {
    background-color: var(--colorGray_SoftLight);
}

.js-inboxMessageLeft.active {
    background-color: var(--colorPeach_1);
}

    .js-inboxMessageLeft.active:hover {
        background-color: hsla(36, 87%, 92%, 1);
    }

.js-inboxMessageLeft.selected:after {
    background-color: white;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.js-inboxMessageLeft.active:before {
    background-color: white;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
}

.js-inboxMessageLeft.active:after {
    background-color: white;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.selectInboxMessage {
    position: absolute;
    left: 7px;
    top: 40px;
    z-index: 1;
}

.js-inboxMessage .selectInboxMessage {
    left: 0px;
    bottom: auto;
    top: 18px;
}

.SingleCheckbox input[type=checkbox] ~ label::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: transparent;
    left: 0;
    top: 0;
    margin-right: 5px;
    font-size: 13.5px;
    font-style: normal;
    line-height: 1;
    padding: 3px 4px;
    border-color: #9191a6;
    background: white;
    border-radius: 2px;
    border: 1px solid #d0d1d5;
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
}

.minical .SingleCheckbox input[type=checkbox] ~ label::before {
    font-size: 8px;
}

.SingleCheckbox.pull-right input[type=checkbox] ~ label::before {
    margin-right: 0;
    margin-left: 5px
}

.SingleCheckbox.selectSmall input[type=checkbox] ~ label {
    font-size: 13px;
}

.cbCan .SingleCheckbox.selectSmall input[type=checkbox] ~ label {
    font-size: 12.5px;
    color: var(--colorGray_SoftMedium)
}

.cbCan .SingleCheckbox.selectSmall input[type=checkbox]:checked ~ label {
    color: var(--colorBlueHover);
}

.SingleCheckbox input[type=checkbox] ~ label {
    position: relative;
    /*display: block;*/
    /* float: left; */
    cursor: pointer;
    margin-bottom: 0;
    /*padding-left: 27px;*/
    line-height: 1.4;
}

    .SingleCheckbox input[type=checkbox] ~ label.cbLblDT {
        float: none;
        display: inline-block;
        vertical-align: top;
        transform: scale(0.8);
    }

    .SingleCheckbox input[type=checkbox] ~ label.checkbox-lblOut {
        width: auto;
        height: auto;
        border: 0;
        background: none;
        font-size: 13px;
        text-indent: 0;
        line-height: 1.2;
    }

.reminderEmailDiv {
    margin: 6px 3px;
    display: inline-block
}

.reminderEmail ~ label:before {
    vertical-align: text-top
}

.js-selectMultipleMessagesDiv .SingleCheckbox input[type=checkbox] ~ label::before {
    /*background: rgba(255, 255, 255, 0.56);*/
    border-color: hsla(225, 11%, 87%, 1);
}

.selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    border-color: white;
    background: transparent;
}

.js-inboxMessagesRightDiv .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    /*background: rgba(255, 255, 255, 0.45);*/
    border-color: hsla(37, 87%, 76%, 1);
}

.selectInboxMessage.SingleCheckbox input[type=checkbox]:checked ~ label::before, .js-selectMultipleMessagesDiv .SingleCheckbox input[type=checkbox]:checked ~ label::before {
    color: hsla(36, 100%, 47%, 1);
}

.js-inboxMessageLeft.selected .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before, .js-inboxMessageLeft:hover .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    border-color: var(--colorGray_8);
}

.js-inboxMessageLeft.active .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    border-color: transparent;
    /*background: transparent;*/
}

.js-inboxMessageLeft.active.selected .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before, .js-inboxMessageLeft.active:hover .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    border-color: hsla(36, 93%, 68%, 1);
}

.js-inboxMessageLeft:hover .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label::before {
    background: rgba(255, 255, 255, 0.25);
}
/*right column checkboxes*/
.js-selectMultipleMessagesDiv[data-direction="right"] .SingleCheckbox:hover input[type=checkbox] ~ label::before, .selectInboxMessage.SingleCheckbox:hover input[type=checkbox] ~ label::before {
    background: hsl(36, 87%, 94%)
}

.js-selectMultipleMessagesDiv[data-direction="left"] .SingleCheckbox:hover input[type=checkbox] ~ label::before {
    background: hsla(225, 10%, 95%, 1)
}

.js-inboxMessageLeft.selected .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label:before, .js-inboxMessageLeft:hover .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label:hover:before {
    background: white;
}

.js-selectMultipleMessagesDiv {
    padding-left: 7px;
    margin-bottom: 10px;
    position: relative;
}

    .js-selectMultipleMessagesDiv .SingleCheckbox,
    .js-selectInboxMessagesRight .SingleCheckbox {
        /*top: 4px;*/
        position: relative;
        display: inline-block;
        margin-right: 2px;
        vertical-align: text-top;
    }

.js-inboxColRight .js-selectMultipleMessagesDiv {
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
}

.inboxSignal {
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 3;
    max-width: calc(100% - 230px);
    border: 0;
    border-radius: 0;
    color: hsl(0, 0%, 100%);
    padding: 5px 11px;
    padding-bottom: 6px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    background-color: hsla(336, 100%, 33%, 1);
}

    .inboxSignal:hover {
        background-color: hsla(336, 100%, 40%, 1);
        color: white
    }

    .inboxSignal i {
        font-size: 16px;
        vertical-align: bottom;
    }

.js-messageParentTopRow .inboxSignal {
    top: 27px;
}

.lblInboxSelectAll {
    margin-right: 5px;
    margin-left: 6px;
}

.inboxMessageLeftRow {
    position: relative;
    margin-bottom: 1px;
}

.divFilterProfiles .btnMultiselect .multiselect {
    background-color: transparent;
}

.js-filterDateFrom {
    background-image: none !important;
}

.dropdown-menu > li > a {
    white-space: normal;
    color: var(--colorGray_Dark);
}

.dropdown-menu:not(.multiselect-container) > li > a {
    padding: 5px 9px;
}

.js-ddlFilterIndexPosts.bootstrap-select.btn-group .dropdown-menu > li > a {
    padding: 4px 10px;
}

.js-filterDateFrom, .dropdown-menu > li > a:hover, .dropdown-menu > li.selected > a, .bootstrap-select.select-light .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .bootstrap-select.select-transparent .dropdown-toggle.btn-default:hover, .bootstrap-select.select-light .dropdown-toggle:hover, .bootstrap-select.select-light .dropdown-menu > li > a:focus, .bootstrap-select.select-light.open > .dropdown-toggle.btn-default, .bootstrap-select.select-light.open > .dropdown-toggle.btn-default:hover, .bootstrap-select.select-light.open > .dropdown-toggle.btn-default:focus, .multiselect:hover, .multiselect.btn-default:active:focus, .open > .multiselect.dropdown-toggle.btn-default:focus, .js-filterDateFrom:hover {
    background-color: var(--colorGray_SoftLight);
    color: var(--colorBlue);
    outline: 0;
}

.bootstrap-select.select-light .dropdown-toggle.btn-default, .btnMultiselect .multiselect {
    background-color: var(--colorGray_SoftLight);
    color: var(--colorGray_Medium);
    outline: 0;
}

fieldset[disabled] .form-control, .form-control[disabled], .form-control[readonly] {
    color: var(--colorGray_Medium);
    background-color: var(--colorGray_SoftLight);
}

.bootstrap-select.selectFullWidth {
    width: 100% !important;
}

.bootstrap-select.height-auto {
    height: auto !important;
}

.bootstrap-select.select-settings .spanUserForAssign, .js-ddlUserSettings li .spanUserForAssign {
    --bgImageWidth: 20px; /* clearer images in one of these values: 18px, 25px, 36px */
    min-height: calc(var(--bgImageWidth) + 1px);
    padding-left: calc(var(--bgImageWidth) + 8px);
}

.bootstrap-select.select-settings .dropdown-toggle.btn-default {
    height: auto;
    padding: 15px;
    padding-right: 42px;
    background-position-x: calc(100% - 15px);
    font-weight: 400;
    line-height: 1.3;
    color: var(--colorGray_ExtraLight);
    background-color: var(--colorGray_Dark);
}

.bootstrap-select.select-extra .dropdown-toggle.btn-default {
    height: auto;
    padding: 25px 25px;
    padding-right: 45px;
    background-position: right 15px center;
    font-weight: 400;
    line-height: 1.3;
    color: var(--colorBlueHover);
    background-color: white;
}

.bootstrap-select.select-extra .dropdown-toggle.btn-default {
    background-color: white;
}

    .bootstrap-select.select-extra .dropdown-toggle.btn-default:hover {
        background-color: var(--colorGray_SoftLight);
    }

.bootstrap-select.select-extra.btn-group .dropdown-toggle .filter-option {
    word-break: break-all;
}

    .bootstrap-select.select-extra.btn-group .dropdown-toggle .filter-option i {
        font-size: 0.85em;
    }

.bootstrap-select.btn-group.js-StatusFilter .dropdown-menu.inner {
    padding: 5px 0;
}

.multiselect-container > li > a.multiselect-all label, .multiselect-container > li.multiselect-group label {
    font-weight: 400 !important;
    font-family: Ubuntu;
    text-transform: uppercase;
}

.multiselect-container > li.multiselect-group label {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--colorPink);
}

.active + .bootstrap-select > .dropdown-toggle, .active + .multiselect-native-select .btnMultiselect > .dropdown-toggle, .active + .js-filterDateFrom.form-control[readonly], .active + .js-tbSearchMessages {
    background-color: var(--colorPeach_1) !important;
}

.active + .js-tbSearchMessages {
    border-color: var(--colorPeach_1);
}

.dropdown-header {
    font-size: 12px;
    color: var(--colorGray_5);
    font-weight: 400;
    background-color: transparent;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 3px 9px;
    padding-bottom: 0;
}

.divider {
    border-right: 1px dotted var(--colorGray_Light);
    margin: 0 9px;
}

.pTypeDivider {
    border-right: 1px solid var(--colorGray_80);
    margin: 0 4px;
    margin-left: 2px;
}

.li-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/**************************************************************/
.dropdown-menu::-webkit-scrollbar {
    width: 7px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background-color: var(--colorGray_8) !important;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--colorGray_7) !important;
}
/**************************************************************/
.ddlPublishTime .dropdown-menu {
    height: 200px;
    background-color: var(--colorGray_ExtraLight);
}

.js-ddlLayoutWorkspaces .dropdown-menu {
    /*max-height: 75vh !important;*/ /*NN 07/24 removed because it was causing last item to be cut-off*/
}

.ddlLayoutSelPage {
    background-color: hsla(224, 10%, 31%, 1);
    background-size: 31px;
    background-repeat: no-repeat;
    background-position: 6px;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -ms-transform: all .6s ease-out;
    transition: all .6s ease-out;
}

    .ddlLayoutSelPage .dropdown-toggle {
        background-color: transparent;
        -webkit-transition: all .6s ease-out;
        -moz-transition: all .6s ease-out;
        -o-transition: all .6s ease-out;
        -ms-transform: all .6s ease-out;
        transition: all .6s ease-out;
    }

    .ddlLayoutSelPage .pageInHeader {
        margin-left: 15px;
        margin-right: 0;
        width: 20px;
        height: 20px;
        border-radius: 0;
        top: 2px
    }

    .ddlLayoutSelPage li {
        margin-top: 3px;
    }

        .ddlLayoutSelPage li:first-child {
            margin-top: 0;
        }

        .ddlLayoutSelPage li .pageInHeader {
            margin-left: 0;
            width: 20px;
            height: 20px;
            top: 0px;
        }

.spIconDDL {
    right: 36px;
    top: 14px;
    position: absolute;
    width: 11px;
}

li .spIconDDL {
    right: 7px;
    top: 8px;
}

.bootstrap-select {
    max-width: 100%;
}

.ddlLayoutSelPage.shiftLeft .dropdown-toggle {
    padding-top: 7px;
    padding-left: 3px;
}

.ddlLayoutSelPage .filter-option span {
    width: calc(100% - 46px);
}

.ddlLayoutSelPage li a span {
    width: calc(100% - 35px);
    top: 0;
    font-size: 11px;
    padding-right: 0;
    padding-left: 6px;
}

.ddlLayoutSelPage .selectOption .text {
    top: -1px;
    padding-left: 0;
    line-height: 1;
}

.bs-caret, .btnMultiselect .caret {
    display: none;
}

.lblDate {
    position: absolute;
    left: 9px;
    font-size: 10px;
    bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(158, 158, 158);
    text-transform: uppercase;
}

.count {
    font-size: 12px;
    position: relative;
    top: -1px;
    color: rgb(128, 128, 128);
}

.active .count {
    color: #66b3ff;
}

.cats img {
    width: 15px;
    float: left;
}

.goToGT {
    padding-top: 15px;
    width: 100%;
    float: left;
    background-color: #1D1D1D;
    color: white !important;
    font-size: 16px;
    text-align: right;
}

/*.divLogoLarge {
    background-image: url('/../images/BERRY SOCIAL LOGO-02.png');
    width: 240px;
    height: 67px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: left center;
    background-size: 100% auto;
    margin-top: 7px;
    margin-left: 5.1vw;
    position: relative;
}

.inner-page .divLogoLarge {
    height: 43px;
}

    .inner-page .divLogoLarge.inMenu {
        width: var(--logoInnerWidth);
        max-width: initial;
        background-image: url(/../images/BERRY-SOCIAL-LOGO-menu-dark.png);
        background-size: var(--logoInnerWidth);
        margin-top: -4px;
        margin-left: 0;
        vertical-align: middle;
        top: 1px;
    }*/

.divLogoLarge {
    width: var(--logoInnerWidth);
    height: 41px;
    margin-top: 17px;
    background-image: url('/../images/logos/berry-logo-frontpage.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    margin-left: 5.1vw;
    position: relative;
    display: inline-block;
}

.inner-page .divLogoLarge {
    height: 41px;
}

    .inner-page .divLogoLarge.inMenu {
        width: var(--logoInnerWidth);
        max-width: initial;
        background-image: url(/../images/logos/berry-logo-inner.png);
        background-size: var(--logoInnerWidth);
        margin-top: -2px;
        margin-left: 0;
        vertical-align: middle;
        top: -2px;
    }

.imgPagePhoto {
    width: 36px;
    height: 36px;
    background-size: cover;
    border: 1px solid var(--colorGray_SoftLight);
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}

.fpdFromUserPhoto {
    --wh: 36px;
    width: var(--wh);
    height: var(--wh);
    margin-right: 5px;
}

    .fpdFromUserPhoto.userPhoto {
        background-size: cover;
        border: 1px solid var(--colorGray_SoftLight);
        border-radius: 50%;
    }

    .fpdFromUserPhoto.letterIcon {
        line-height: var(--wh);
        font-family: Ubuntu;
        font-weight: 400;
    }

.socialItemPreview .imgPagePhoto {
    width: 28%;
    height: auto;
    border-radius: 0;
    filter: grayscale(0.9);
    opacity: 0.3;
    margin: auto;
    float: none;
    display: block;
    border: 1px dotted var(--colorGray_AddIcon);
}

.atPlace {
    font-weight: 400;
    color: #9197a3;
}

.atPlaceName {
    background-image: url('/../images/map.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: left;
    padding-left: 14px;
    font-weight: 400;
    color: #3b5998;
}

.pagePhotoLeft {
    width: calc(100% - 48px); /*used in posts content*/
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 8px;
}

.js-generateCopyButtonsContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
}

@media (max-width: 1000px) {
    .js-generateCopyButtonsContainer {
        float: none;
    }
}

.generateCopyButtonDiv {
    display: flex; /* Make this a flex container */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Ensure the text in the div is centered */
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.generateCopyButton {
    font-weight: 400;
    font-size: 14px;
    pointer-events: auto;
    cursor: pointer;
    /*border-bottom: 1px dashed;*/
    display: block; /* Ensures the anchor takes the full space of the div */
    width: 100%; /* Ensures the anchor tag fills its container */
    text-align: center; /* Centers the text horizontally for multiple lines */
}

@media (max-width: 1000px) {
    .js-generateCopyButtonsContainer {
        flex-direction: column; /* Stacks buttons vertically */
    }

    .generateCopyButtonDiv {
        margin-bottom: 5px;
        margin-right: 0px;
        margin-left: 0px;
        flex-basis: auto;
    }
}


.js-Timelines .pagePhotoLeft {
    padding: 0;
    width: calc(100% - 41px);
}

.hlPageOuter {
    width: 150px;
    float: left;
}

    .hlPageOuter .rowGray {
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

.hlPage {
    width: 100%;
    float: left;
    margin-right: 10px;
    text-align: center;
    padding: 8px 0;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    border-bottom: 2px solid rgba(241, 241, 250, 0);
}

    .hlPage:hover {
        background-color: var(--colorGray_ExtraLight);
        border-bottom: 2px solid rgb(241, 241, 250);
    }

.rowDashed {
    border-bottom: 1px dashed var(--colorGray_8);
    padding: 5px 9px;
}

    .rowDashed:hover {
        background-color: var(--colorGray_ExtraLight);
    }

.rowGray {
    background-color: var(--colorGray_ExtraLight);
    padding: 10px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 2px;
    position: relative
}

    .rowGray.inactive {
        background-color: var(--colorInactive);
    }

    .rowGray a, .rowGray .spanHeader {
        padding-right: 10px;
        margin-top: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        /*display: block;*/
    }

    .rowGray a {
        white-space: nowrap;
    }

    .rowGray .noLink {
        font-size: 15px;
        padding-right: 10px;
    }

.rowToBeAdded {
    background-color: hsl(225deg 100% 96.5%);
}

    .rowToBeAdded .SingleCheckbox input[type=checkbox] ~ label.userPageItemName {
        color: var(--colorBlue);
    }

.rowToBeRemoved {
    background-color: var(--colorInactive);
}

.rowDottedWide {
    padding: 12px 20px;
    font-size: 14px;
    border-bottom: 1px dotted var(--colorGray_7);
    position: relative;
    margin-top: 1px;
}

    .rowDottedWide.rowFBChild {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 77px;
    }

        .rowDottedWide.rowFBChild .medFBPage {
            --width: 30px;
            margin-top: 5px;
        }

    .rowDottedWide:last-child {
        border-bottom: 0;
    }

.addPageWorkspaceName {
    font-size: 11px;
    color: var(--colorGray_Dark);
    text-align: right;
}

.js-addPageToWorkspace.addPageWorkspaceName {
    padding-right: 28px;
}

.selectPageToConnect {
    position: absolute;
    right: 20px;
    top: 27px;
}

.rowFBChild .selectPageToConnect {
    top: 13px;
}

.spIcon {
    width: 16px;
    position: relative;
    top: -1px;
}

.inHeader.spIcon {
    margin-left: 6px;
}

.inboxHeaderTitle .spIcon {
    width: 15px;
    top: 4px;
    margin-left: -10px;
    margin-right: 4px;
    float: left;
}

.js-Timelines .spIcon {
    width: 12px;
    top: 0;
    left: 5px;
}

.js-ConversationMessagesLeftPager .pagination {
    margin: 0;
    display: block
}

    .js-ConversationMessagesLeftPager .pagination li {
        float: left;
        padding: 0px 6px;
    }

    .js-ConversationMessagesLeftPager .pagination > .active > a, .js-ConversationMessagesLeftPager .pagination > .active > span, .js-ConversationMessagesLeftPager .pagination > .active > a:hover, .js-ConversationMessagesLeftPager .pagination > .active > span:hover, .js-ConversationMessagesLeftPager .pagination > .active > a:focus, .js-ConversationMessagesLeftPager .pagination > .active > span:focus {
        color: var(--colorPink);
        background-color: transparent;
        border-color: transparent;
    }

    .js-ConversationMessagesLeftPager .pagination > li > a, .js-ConversationMessagesLeftPager .pagination > li > span {
        padding: 0;
        color: #434351;
        background-color: transparent;
        font-weight: 400;
        font-size: 14px;
    }

        .js-ConversationMessagesLeftPager .pagination > li > a:hover, .js-ConversationMessagesLeftPager .pagination > li > span:hover, .js-ConversationMessagesLeftPager .pagination > li > a:focus, .js-ConversationMessagesLeftPager .pagination > li > span:focus {
            color: var(--colorPink);
        }

.inboxTitleOuter, .ui-accordion.accordionFilters .ui-accordion-header {
    border-bottom: 1px solid var(--colorGray_SoftLight);
}

.js-inboxColRight .inboxTitleOuter {
    height: auto;
    background-color: transparent;
    border-bottom: 0;
    margin-bottom: 3px;
}

.divFilterProfiles .multiselect-container,
.js-FilterTagsDiv .multiselect-container {
    max-height: calc(100vh - 150px);
    overflow: hidden;
    overflow-y: scroll;
}

.divFilterProfiles .multiselect-container {
    max-width: 310px;
    z-index: 1031;
}

.multiselect-container > li.multiselect-all {
    padding-top: 2px
}

.multiselect-container > li > a {
    padding: 3px 0px;
    margin-bottom: 1px; /*spacing for when adjacent items are active*/
}

    .multiselect-container > li > a > label {
        font-weight: 300;
    }

.js-ulFilterType {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0;
    list-style-type: none;
    cursor: pointer;
    margin-top: -1px;
}

    .js-ulFilterType li {
        border-right: 1px dotted var(--colorGray_7);
        float: left;
        width: 33.33%;
        /*background-size: contain;*/
        background-size: 30px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center top 2px;
        transition: 0.15s all linear;
        height: 28px;
    }

.ulFilterTypeMentionedMedia {
    background-image: url(/../images/mentionedMedia-off.svg);
}

    .ulFilterTypeMentionedMedia.active {
        background-image: url(/../images/mentionedMedia-on.svg);
    }

.ulFilterTypeMessages {
    background-image: url(/../images/messenger-off.svg);
}

    .ulFilterTypeMessages.active {
        background-image: url(/../images/messenger-on.svg);
    }

.ulFilterTypeComments {
    background-image: url(/../images/comments-off.svg);
}

    .ulFilterTypeComments.active {
        background-image: url(/../images/comments-on.svg);
    }

.ulFilterTypeReviews {
    background-image: url(/../images/review-off.svg);
}

    .ulFilterTypeReviews.active {
        background-image: url(/../images/review-on.svg);
    }

.ulFilterTypeRetweets {
    background-image: url(/../images/retweet-off.svg);
}

    .ulFilterTypeRetweets.active {
        background-image: url(/../images/retweet-on.svg);
    }

li.ulFilterTypeQuotedTweets {
    background-image: url(/../images/quotedtweet-off.svg);
    background-size: 28px;
    background-position: center top 4px;
}

    li.ulFilterTypeQuotedTweets.active {
        background-image: url(/../images/quotedtweet-on.svg);
    }

.fetchWebhook {
    position: absolute;
    bottom: 27px;
    left: calc(100% - 275px);
    zoom: 0.6;
}

.js-filterBookmark {
    width: 28px;
    height: 28px;
    margin-top: 9px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    transition: 0.15s all linear;
    background-image: url(/../images/bookmark-off.svg);
}

    .js-filterBookmark.active {
        background-image: url(/../images/bookmark-on.svg);
    }

.filter-toggle {
    position: relative;
    top: 2px;
    display: inline-block;
    transition: 0.15s all linear;
    font-size: 19px;
    line-height: 1;
    color: var(--colorGray_Light)
}

    .filter-toggle.active {
        color: var(--colorPink);
    }

    .filter-toggle i.fas {
        transform: rotate(180deg);
        position: relative;
        top: 2px;
    }

    .filter-toggle.active i.fas {
        transform: rotate(0);
    }

.filterDark.filter-toggle {
    top: 1px;
    font-size: inherit;
    float: right
}

    .filterDark.filter-toggle i.fas {
        top: 0;
    }

    .filterDark.filter-toggle.active i.fas {
        top: 1px;
    }

.js-ulFilterType li:last-child {
    border-right: none;
}

.curFolderImg {
    width: 15px;
    left: -6px;
    position: relative;
}

.accordionFilters .curFolderImg {
    width: 15px;
    margin-right: 6px;
    left: 0;
    vertical-align: text-top;
}

.ui-accordion.accordionFilters .ui-accordion-header {
    border-radius: 0;
    border: 0;
    outline: 0;
    margin: 0;
    background-image: url(/../images/arrowBlack.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: top right calc(var(--inboxFilterAccordionButton_position_right) - 26px);
    background-color: transparent;
    padding: 0px;
    padding-bottom: 5px;
    padding-right: var(--inboxFilterAccordionButton_position_right);
    float: right;
    min-height: 22px;
}

.inboxTitle .btnMultiselect .multiselect {
    height: auto;
    padding: 0;
}

.ui-accordion.accordionFilters .ui-accordion-header.ui-state-active {
    background-image: url(/../images/arrowBlackExpand.png);
}

    .ui-accordion.accordionFilters .ui-accordion-header.ui-state-hover, .ui-accordion.accordionFilters .ui-accordion-header.ui-state-active:after, .ui-accordion.accordionFilters.active .ui-accordion-header {
        color: var(--colorPink) !important;
        /*background-image: url(/../images/filter_active.png);*/
        /*transition: .15s all linear;*/
        /*background-color: #fff;*/
        transition: background .2s linear;
    }

.messageParentTitle {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    color: #dc1161;
}

.parentTypeImg {
    width: 24px;
    position: relative;
    left: -3px; /* to remove svg's extra space on the left*/
    margin-right: -3px;
}

.inboxTitle {
    float: left;
    margin: 0;
    padding-right: 5px;
    z-index: 5;
    width: calc(100% - var(--inboxFilterAccordionButton_position_right) - 95px);
    min-height: 40px;
}

.inboxBread1 {
    float: left;
}

.inboxTitleBread {
    float: left;
    position: relative;
}

    .inboxTitleBread.singlePage {
        margin-left: 15px; /*-39px;*/
    }

.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: var(--colorGray_4);
}

.slick-arrow:before {
    color: inherit;
    line-height: 1.1;
}

.js-multiImages-nav .slick-dots li button:before {
    font-size: 8px;
}

.js-multiImages-nav .slick-arrow:before {
    font-size: 16px;
}

.js-btnDeletePhoto {
    font-size: 15px;
}

.btnDeletePhotoThumb.js-btnDeletePhoto {
    position: absolute;
    font-size: 13px;
    top: 28px;
    right: 13px;
}

.postImageReplace {
    position: absolute;
    right: 12px;
    top: 3px;
}

.lcBorder.js-openSortCarousel {
    position: absolute;
    left: -39px;
    bottom: 9px;
}

    .lcBorder.js-openSortCarousel:hover {
        color: var(--colorBlue);
    }

.js-openSortCarousel.closeCarouselEditor {
    top: -9px;
    right: 7px;
    position: absolute;
    color: var(--colorGray_Light);
    font-size: 10px;
}

.multiImages-nav-open .lcBorder.js-openSortCarousel {
    z-index: 1;
}

.js-multiImages-nav-outer.expanded,
.multiImages-nav-open .lcBorder.js-openSortCarousel {
    border-color: var(--colorGray_8);
    color: var(--colorBlue);
    border-width: 1px;
}

.multiImages-nav-open .lcBorder.js-openSortCarousel {
    border-color: var(--colorBlue);
}

.lcBorder.js-openSortCarousel img {
    opacity: 0.5;
    width: 25px;
    padding: 2px;
}

.js-liFilterWorkspace {
    position: relative;
    cursor: pointer;
}

    .js-liFilterWorkspace .pageInHeader {
        top: 0px;
        float: none;
        display: block;
        margin: 0 auto;
        width: var(--filterProfilesOptionDiv_pageInHeader);
        height: var(--filterProfilesOptionDiv_pageInHeader);
    }

    .js-liFilterWorkspace.active .pageInHeader {
        border: 2px solid var(--colorApproved_Active)
    }

.js-slickGlobalPagesOuter {
    position: relative;
    padding: 0 30px;
}

.js-pagesCarouselLeft {
    position: absolute;
    left: 0;
    top: 10px;
}

.js-pagesCarouselRight {
    position: absolute;
    right: 0;
    top: 10px;
}

.glideWorkspacesOuter {
    padding: 10px 20px;
    background-color: white;
    border-bottom: 1px solid var(--colorGray_SoftLight);
}

.glideStreamsOuter {
    padding: 0px 10px;
    position: relative;
}

.workspaceMenu {
    margin-top: 8px;
    padding: 0 38px;
    position: relative;
}

.layoutBadgesOuter .breadcrumbCaret {
    float: none;
    font-size: 20px;
    vertical-align: text-top;
    color: var( --colorGray_7);
    padding-right: 0;
    padding-left: 3px;
    line-height: 1
}

.layoutBadgesOuter .badge {
    --wh: 17px;
    font-size: 10px;
    font-weight: 400;
    margin-left: 1px;
    border-radius: 50%;
    padding: 0;
    width: var(--wh);
    height: var(--wh);
    line-height: var(--wh);
    position: relative;
}

    .layoutBadgesOuter .badge.small {
        font-size: 8.5px;
    }

.layoutWorkspaceDetails > li a.trialBadge {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    padding: 2px 5px;
    color: white !important;
    vertical-align: text-top;
}

.nav-tabs.berry-tabs .trialBadge {
    background-color: var(--colorPink);
    color: white;
    cursor: initial;
    pointer-events: none;
    font-size: 10.5px;
    line-height: 13px;
    font-weight: 400;
    padding: 4px 5px;
    position: relative;
    margin-left: 10px;
    top: 2px;
}

.layoutWorkspaceDetails {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    display: inline; /*not inline-block, so as to wrap on resize*/
}

    .layoutWorkspaceDetails > li {
        display: inline-block; /*not inline, so as to wrap with badge on resize*/
        padding-right: 20px;
        padding-left: 15px;
        border-right: 1px solid var(--colorGray_80);
    }

        .layoutWorkspaceDetails > li:last-child {
            border: none;
        }

        .layoutWorkspaceDetails > li a, .ui-accordion.accordionFilters .ui-accordion-header,
        .bootstrap-select.js-ddlLayoutWorkspaces .btn-default.dropdown-toggle,
        .js-layoutWorkspaceBadgesOuter {
            font-size: 17px;
            line-height: 20px;
        }

        .layoutWorkspaceDetails > li a, .js-layoutWorkspaceBadgesOuter {
            color: var(--colorGray_3);
        }

.divPassportSideOuter .layoutWorkspaceDetails {
    position: relative;
    /*vertical-align: middle;*/
    vertical-align: -6px;
}

    .divPassportSideOuter .layoutWorkspaceDetails li {
        /*padding: 0 10px;*/
        padding-right: 11px;
        padding-left: 8px;
        min-height: 21px;
    }

        .divPassportSideOuter .layoutWorkspaceDetails li:last-child {
            padding-right: 0;
        }

    .divPassportSideOuter .layoutWorkspaceDetails .dropdown-menu li a {
        font-size: 13px
    }

    .divPassportSideOuter .layoutWorkspaceDetails li a span {
        display: none
    }

.js-glidePostTeamMembersOuter {
    padding: 6px 11px;
    padding-bottom: 4px;
    font-size: 11.5px;
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: white;
    filter: drop-shadow(0px 5px 3px hsl(0deg 0% 70% / 39%));
    border-top: 1px solid var(--colorGray_SoftLight);
}

.glideSlideInner {
    padding: 0 10px;
}

.ddlBranchesLayoutOuter {
    position: absolute;
    max-width: 90px;
    right: -3px;
    bottom: -3px;
}

.bootstrap-select.js-ddlBranchesMenu .btn-default.dropdown-toggle {
    font-size: 10px;
    color: var(--colorGray_Dark);
    text-transform: uppercase;
}

.layoutWorkspaceDetails > li a {
    --padTopBottom: 10px;
    position: relative;
    text-align: center;
    padding: var(--padTopBottom) 0;
}

    .layoutWorkspaceDetails > li a.active {
        color: var(--colorPink);
    }

.js-layoutWorkspaceBadgesOuter .layoutWorkspaceDetails > li a i {
    display: none;
}

    .js-layoutWorkspaceBadgesOuter .layoutWorkspaceDetails > li a i.addcontentIcon {
        display: inline-block;
    }

.layoutWorkspaceDetails > li a:hover {
    color: var(--colorPink)
}

.js-layoutWorkspaceBadgesOuter {
    display: inline-block;
    padding-left: 4px;
}

.js-searchSlickPagesOuter {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--colorGray_8);
    --width: 25px;
    width: var(--width);
    height: var(--width);
    line-height: var(--width);
    font-size: calc(var(--width) / 2);
    text-align: center;
    border-radius: calc(var(--width) / 2);
    z-index: 1;
    /*border-bottom: 1px solid transparent;*/
    transition: background-color ease-in-out 0.5s;
    cursor: pointer;
    margin-right: 6px;
}

    .js-searchSlickPagesOuter:not(.expanded) {
        background-color: var(--colorGray_SoftLight)
    }

    .js-searchSlickPagesOuter.expanded {
        text-align: left;
        padding-left: 9px;
        width: 165px;
        cursor: initial;
    }

    .js-searchSlickPagesOuter:before {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: var(--colorGray);
        transition: all ease-in-out 0.3s;
    }

    .js-searchSlickPagesOuter:not(.expanded):hover, .js-searchSlickPagesOuter.expanded:before {
        color: var(--colorPink);
    }

.js-searchSlickPages {
    position: absolute;
    top: 0;
    width: calc(100% - 36px);
    font-size: 90%;
    height: 100%;
    padding: 4px 0;
    padding-left: 30px;
    background-color: transparent;
    border: 0;
    vertical-align: top;
    line-height: 1;
    cursor: inherit;
}

.js-searchSlickPagesOuter.expanded .js-searchSlickPages {
    padding-left: 22px;
    cursor: initial
}

.js-searchSlickPagesClear {
    color: var(--colorGray_Dark);
    position: absolute;
    z-index: 1;
    right: 6px;
}

.emptyList .js-searchSlickPagesClear {
    right: 0;
}

.js-searchSlickPagesOuter:not(.expanded) .js-searchSlickPagesClear {
    display: none
}

.js-liFilterWorkspace > a > label {
    padding: 3px 4px
}

.js-multiselectDeselectAll {
    width: 200px;
    display: inline-block
}

.js-filterWorkspaceName {
    font-size: 10px;
    line-height: 1.4;
    margin-top: 4px;
    margin-bottom: 0;
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    /* word-break: break-word; */
    text-align: center;
    color: var(--colorGray_SoftMedium);
    background-color: transparent;
    padding: 0 2px;
    padding-top: 1px;
    display: none;
    width: 100px;
}

.js-liFilterWorkspace.active .js-filterWorkspaceName {
    color: #ffffff;
    font-weight: 400;
    background-color: var(--colorPink);
}

.pageDetailsName {
    white-space: initial
}

a.filterProfileItem {
    background-color: var(--colorGray_SoftLight);
    padding: 0px 6px;
    position: relative;
    color: var(--colorGray_5);
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

    a.filterProfileItem.active {
        color: var(--colorPink);
    }

    a.filterProfileItem:not(.active) {
        opacity: 0.65;
        filter: grayscale(1);
    }

    a.filterProfileItem:hover {
        opacity: 1;
        filter: none;
    }

    a.filterProfileItem.active:hover {
        background-color: var(--colorGray_ExtraLight)
    }

.js-liFilterProfileLabel {
    white-space: initial;
}

.divFilterProfiles {
    float: left;
    max-width: calc(100% - 220px);
    position: relative;
    top: 0;
    padding-bottom: 10px;
}

    .divFilterProfiles.singleProfile:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
    }

    .divFilterProfiles.singleProfile .btnMultiselect .multiselect {
        background-image: none !important;
    }

.js-slickPageDetailsInModal {
    padding: 15px;
    cursor: pointer;
    border: 1px dashed #c5c6ce;
    margin: 5px;
    white-space: normal;
    width: calc(100% / 3 - 10px);
    transition: 0.3s ease-in-out all;
}

    .js-slickPageDetailsInModal:hover {
        background-color: #eeeff1;
    }

    .js-slickPageDetailsInModal .filterProfileName {
        display: block;
        margin: 0;
        margin-top: 5px;
        font-size: 15px;
    }

/*glide*/
.glide__arrow {
    color: var(--colorGray_4);
    padding: 12px 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.js-glideListeningStreams .glide__arrow {
    --fontSize: 26px;
    font-size: var(--fontSize);
    --leftRightAdj: calc(-1 * var(--fontSize) - 10px);
    top: 28px;
    color: var(--colorPink);
}

.glide__arrow--left {
    left: 0;
    padding-left: 0;
}

.js-glideListeningStreams .glide__arrow.glide__arrow--left {
    left: var(--leftRightAdj);
}

.js-glideListeningStreams .glide__arrow.glide__arrow--right {
    right: var(--leftRightAdj);
}

.glide__arrow--left.glBgLight {
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, hsl(0deg 0% 100% / 50%) 29%, rgb(255 255 255) 100%);
}

.glide__arrow--left.glBgGray {
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, hwb(220deg 93% 6% / 79%) 29%, var(--colorGray_SoftLight) 100%);
}

.glide__arrow--right {
    right: 0;
    padding-right: 0;
}

    .glide__arrow--right.glBgLight {
        background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, hsl(0deg 0% 100% / 50%) 29%, rgb(255 255 255) 100%);
    }

    .glide__arrow--right.glBgGray {
        background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, hwb(220deg 93% 6% / 79%) 29%, var(--colorGray_SoftLight) 100%);
    }

.glide__arrow--disabled {
    /*opacity: .93;*/
}
/*end glide */
/*.js-liFilterWorkspace {
    padding: 0 7px;
    display: table-cell;
    text-align: center;
    cursor: pointer
}*/
.js-liFilterWorkspace:not(.active) .pageInHeader, .js-liFilterWorkspace:not(.active) .js-filterWorkspaceName {
    /*transition: 0.3s ease-in-out all;*/
}

.js-liFilterWorkspace:not(.active):hover .js-filterWorkspaceName {
    color: var(--colorPink);
}

.list-style-none {
    list-style-type: none;
}

.pif09,
.platfIconFas {
    font-size: 0.92em;
    position: relative;
    top: 0;
    display: inline;
    color: var(--colorGray_Light);
}

.msgParentPlatfIcon .platfIconFas {
    position: absolute;
    top: 9px;
    font-size: 17px;
    left: 0.5px;
    color: #f3b44f !important;
    background-color: white;
    line-height: 14px;
}

.dtGroup .platfIconFas {
    color: var(--colorGray_ExtraLight);
}

.pageNameDashboard .platfIconFas {
    font-size: 0.86em;
    padding-right: 5px;
    padding-left: 2px;
}

.js-multiInboxPageInfo .platfIconFas {
    font-size: 0.5em;
}

.pageDetailsName .platfIconFas {
    font-size: 0.8em;
    /*vertical-align: middle;*/
    color: inherit;
    padding: 0 1px;
}

.js-filterProfilesDiv_Inbox .pageDetailsName .platfIconFas {
    font-size: 1.3em;
    padding-right: 0;
    top: 4px;
}

li .pageDetailsName .platfIconFas {
    margin-right: -2px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    left: 2px;
    top: 0
}

.pageDetailsName.js-slickPageDetailsInModal .platfIconFas {
    font-size: 20px;
    vertical-align: bottom;
}

/*.js-accordionFilterStatus,
.js-accordionFilterStatus.ui-helper-reset,
.js-accordionFilterStatus.ui-accordion .ui-accordion-content {
    width: 212px;
}*/
/*.js-accordionFilterStatus, .js-accordionFilterStatus.ui-helper-reset {
        position: relative;
        background: #fcfcfd;
        float: right;
        margin-right: -15px !important;
        padding-right: 15px !important;
         
    }*/
/*.js-accordionFilterStatus.ui-accordion .ui-accordion-content {
            position: absolute;
            top: 53px;
            right: 1px;
            z-index: 10;
            border-color: #e7e9ee;
            border-bottom-width: 2px;
            border-right: 0px;
        }*/
.js-accordionPostActionsButton, .js-accordionMessageActionsButton {
    position: absolute;
    right: 0;
    top: 0;
}
/*.js-accordionMessageActions {
    position: absolute;
    right: 0;
    top: 0;
}

.js-accordionMessageActions {
    right: 0;
    z-index: 3;
}*/
/***********************************************************/
.js-accordionPostActionsButton {
    background-image: url(/../images/less-button.svg) !important;
    background-position: center 2px;
    background-size: 13px;
    background-color: var(--colorGray_ExtraLight);
    width: 25px;
    height: 18px;
    margin-top: 0;
    background-repeat: no-repeat
}

    .js-accordionPostActionsButton:hover, .js-accordionPostActionsButton.focus:not(.active):hover {
        background-color: var(--colorGray_SoftLight);
    }

    .js-accordionPostActionsButton.active {
        background-image: url(/../images/show-more.svg) !important;
        background-color: var(--colorGray_SoftLight);
        background-size: 12px;
    }

    .js-accordionPostActionsButton.focus:not(.active) {
        transition: 0.3s linear background-color;
        background-color: hsla(337, 76%, 46%, 0.22);
    }
/***********************************************************/
.fixedActions, .js-accordionMessageActionsButton {
    top: 19px;
}

.js-accordionMessageActionsButton {
    background-image: url(/../images/more-off.svg);
    background-size: 20px;
    background-position: center;
    margin-top: 0;
    background-repeat: no-repeat
}

    .js-accordionMessageActionsButton:hover {
        background-image: url(/../images/more-gray.svg);
    }

    .js-accordionMessageActionsButton.active {
        background-image: url(/../images/more-on.svg);
    }

    .js-accordionMessageActionsButton.focus:not(.active) {
        background-color: var(--colorGray_SoftLight);
        background-image: url(/../images/more-gray.svg);
        width: 26px;
        height: 28px;
        right: -3px;
        top: 15px;
        transition: 0.3s linear background-color;
    }

.js-messageParentTopRow .js-accordionMessageActionsButton {
    top: 46px;
}

    .js-messageParentTopRow .js-accordionMessageActionsButton.focus:not(.active) {
        background-color: rgba(255, 255, 255, 0.56);
        top: 42px;
    }

.fbMessageInner.focus {
    /*background-color: hsla(93, 46%, 91%, 1)*/
}

.js-accordionMessageActions li:last-child {
    border-bottom: none;
}

.js-accordionPostActions button, .js-accordionPostActions li a, .js-accordionMessageActions li a, .moreContentActionsUL li > a {
    color: var(--colorBlackGray);
    padding: 6px 0;
    padding-left: 15px;
    font-weight: 400;
    font-family: Ubuntu;
    font-size: 12.5px;
    outline: none;
    text-decoration: none;
    float: left;
    width: 100%;
    position: relative;
    text-align: left;
}

.moreContentActionsUL > li:last-child {
    border-bottom: 0
}

.moreContentActionsUL > li a {
    padding: 4px 4px;
}

    .moreContentActionsUL > li a i {
        margin-right: 2px;
    }

.moreContentActionsUL li a.linkToPlatform {
    color: var(--colorGray_5);
    font-weight: 300;
}

a.linkToPlatform .pageInHeader {
    --width: 18px;
    margin-right: 5px;
    vertical-align: bottom;
}

.js-accordionMessageActions a {
    padding-left: 7px;
}

.js-accordionPostActions li:hover button, .js-accordionPostActions li:hover a, .js-accordionMessageActions li:hover a, .moreContentActionsUL li a:hover {
    color: var(--colorPink);
}

.js-accordionMessageActions li a.active {
    color: #00ba00;
}

    .js-accordionMessageActions li a.active:after {
        content: ': ON';
    }

/***************************************************/
.js-btnGetPageSocialDetails {
    display: block;
    margin-top: 15px
}

.accordionFilters hr {
    margin: 10px auto;
}

.filterButton, .dataTables_filter input[type="search"] {
    height: 30px;
}

div.dataTables_wrapper div.dataTables_filter input[type="search"] {
    max-width: var(--dtSearchWidth);
}

div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0
}

.filterButton {
    text-align: center;
    width: 32px;
    height: 32px;
    background: var(--colorGray_SoftLight);
    border: 1px solid var(--colorGray_SoftLight);
    display: inline-block;
    vertical-align: bottom;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    color: #6A6A6E; /*to match color of 'show all' img btn in dashboard*/
    margin-bottom: 0; /*causes problem with vertical-alignment (dashboard)*/
}

    .filterButton .filterButtonBG {
        background-size: 81%;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        position: relative;
        transition: 0.35s linear all;
    }

    .filterButton i {
        font-size: 19px;
        line-height: inherit;
    }

.js-filterByTagType {
    --bootstrap-select-width: 130px;
}

.js-groupBy-PagesIndex {
    width: auto;
}

.js-AssignToFilter .dropdown-menu {
    /*position: relative;*/ /*NN-use to make dropdown push the modal to expand instead of modal getting scrollbars*/
    /*width: 100%;*/
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.js-postCreateThemesDDL.bootstrap-select .dropdown-menu li a span.text,
.js-postCreateCategoriesDDL.bootstrap-select .dropdown-menu li a span.text,
.js-postCreatePillarsDDL.bootstrap-select .dropdown-menu li a span.text {
    overflow: initial;
    text-overflow: initial;
    white-space: normal;
}

.multiselect-search.form-control, .accordionFilters .form-control:not(.multiselect-search), .btnMultiselect .btn.multiselect-clear-filter, .bootstrap-select.select-small, .bootstrap-select.select-small .dropdown-toggle, .btnMultiselect.select-small .multiselect, .btnMultiselect.select-small .dropdown-toggle, input.js-filterDateFrom, input.js-tbSearchMessages, .dropdown-menu, .filterProfileName, .accordionFilters .dropdown-menu, .js-editPostBudget {
    font-size: 13px;
}

    .multiselect-search.form-control, .accordionFilters .form-control:not(.multiselect-search), .btnMultiselect .btn.multiselect-clear-filter, .bootstrap-select.select-small .dropdown-toggle, .btnMultiselect.select-small .multiselect {
        --select_small_height: 30px;
        height: var(--select_small_height);
    }

    .bootstrap-select.select-small .dropdown-toggle, .btnMultiselect.select-small .multiselect {
        line-height: var(--select_small_height);
    }

.btnMultiselect.select-transparent .multiselect {
    background-color: transparent !important;
    padding: 0;
    padding-left: 0px;
    --select_small_height: auto;
    min-height: 23px;
    border-bottom: 1px dotted;
    background-position-x: calc(100% - 1px);
    background-position-y: 4px;
    background-size: 14px;
    color: var(--colorPink);
    font-weight: 400;
}

    .btnMultiselect.select-transparent .multiselect .multiselect-selected-text {
        white-space: normal;
        padding-right: 22px;
    }

.btnMultiselect.select-transparent .btn.multiselect:hover {
    box-shadow: none;
    color: var(--colorBlue);
}

.js-adAccountsDiv button.multiselect.dropdown-toggle {
    color: var(--colorApproved_Active);
}

.js-ulFilterType li {
    height: 32px;
}

.js-filterDateFrom {
    cursor: pointer;
}

    .js-filterDateFrom.form-control[readonly] {
        border: 0;
        width: 125px;
        max-width: 100%;
    }

    .js-filterDateFrom.ad-copy.form-control[readonly] {
        width: 100%;
    }

    .js-filterDateFrom::placeholder {
        color: hsl(225, 10%, 44%);
    }

.divFilterProfiles .btnMultiselect .multiselect {
    padding-right: 40px;
    padding-left: 15px;
}

.js-accordionPostActions, .moreContentActionsUL {
    width: 150px;
}

    .js-accordionPostActions ul, .js-accordionMessageActions ul, .moreContentActionsUL {
        list-style-type: none;
        padding: 0;
        margin: 0;
        /*display: inline-block;*/
    }

.accordionFilters.ui-accordion .ui-accordion-content {
    padding: 5px 15px;
    width: 100%;
    float: left;
    border: 0;
    overflow: visible;
    position: relative;
}

.featuresDiv.accordionFilters.ui-accordion .ui-accordion-content {
    float: none
}

.inboxFilterCol {
    margin-bottom: 15px;
    margin-top: 0;
}

.accordionFilters.ui-accordion .ui-accordion-content {
    padding: 0;
    width: calc(100% - 26px); /*for Filters title and toggle*/
}

.js-accordionFeatures {
    padding: 18px 14px;
    padding-top: 25px;
    height: auto !important;
    background: white;
}

.ui-accordion.accordionFilters .ui-accordion-header {
    --inboxFilterAccordionButton_position_right: 26px;
}

.js-accordionFeatures.ui-accordion.accordionFilters .ui-accordion-header {
    font-size: 14px;
    /*--inboxFilterAccordionButton_position_right: 26px;*/
    background: none;
    margin-top: 8px;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0;
}

    .js-accordionFeatures.ui-accordion.accordionFilters .ui-accordion-header.ui-accordion-header-active {
        color: var(--colorPinkDark);
    }

.js-filtersDivider {
    border-top: 1px dashed var(--colorGray_8);
    margin-bottom: 15px;
}

    .js-filtersDivider.collapsed {
        border-color: transparent;
    }

.inboxFilterCol {
    margin-bottom: 13px;
    align-self: flex-end;
}

.js-seeReply, .js-seeReplyPM {
    color: var(--colorPink);
    cursor: pointer;
}

.js-accordionMessageActions {
    width: 200px;
}

.ui-accordion-content, .js-ulFilterType li {
    border-radius: 0 !important;
}

.groupPanel {
    background-color: var(--colorGray_ExtraLight);
    border: 1px solid var(--colorGray_SoftLight);
    padding: 8px;
}

.js-permissionsRow {
    margin-bottom: 0;
}

    .js-permissionsRow .spIcon {
        left: 17px;
        top: 10px;
        width: 11px;
        height: 11px;
    }

.text-break {
    word-break: break-word;
}

.btnDash, button.btnDash, a.btnDash {
    background-color: transparent !important;
    color: var(--colorGray_Medium);
    border: 0;
    padding: 0;
    height: auto;
    margin-top: 2px;
    border: none !important;
    text-align: left;
    cursor: pointer;
}

    .btnDash:hover, .btnDash:focus, .btnDash:active:focus {
        box-shadow: none;
    }

    .btnDash span {
        padding-bottom: 2px;
        border-bottom: 1px dashed gray;
    }

    .btnDash:hover span, .btnDash:focus span, .btnDash:active:focus span {
        border-bottom: 1px dashed black;
    }

.btnDash-popup-header {
    font-size: 15px;
    float: right;
    position: relative;
}

.dashdd a,
.dashdd input {
    margin-top: 2px;
    margin-bottom: 6px;
    display: inline-block;
}

.btnDash.small {
    font-size: 12.5px;
}

.btn-circle {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px;
    font-size: 13px;
}

.btn-gray {
    background-color: var(--colorGray_SoftLight);
    color: var(--colorPink);
}

.divBelowTitle {
    position: relative;
    top: -15px;
}

    .divBelowTitle * {
        font-size: 14px;
        color: #30333b !important;
    }

.modal .js-addPageNotesModal {
    font-size: 16px;
}

.monthBudget {
    color: var(--colorPink);
    font-size: 16px;
    line-height: 20px;
    vertical-align: -1px;
}

i.refreshAdBudget {
    font-size: 11px;
    vertical-align: 1px;
    color: var(--colorGray_Medium);
}

.accordionPostFiltersContainer {
    min-height: 30px;
    line-height: 30px;
}

.showOnCalendarHeader {
    position: relative;
    float: right;
    top: -3px;
    margin-bottom: -5px;
}

.tagNameFormGroup {
    display: inline-block;
}

.js-editTargeting {
    position: relative;
    top: -2px;
    left: 2px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #6b6b6f;
}

.completionList, .completionListElem {
    border: solid 1px #d0d0d0;
    margin: 0;
    padding: 2px 0;
    max-height: 250px;
    overflow: auto;
    background-color: #fff;
    width: 100%;
    float: left;
}

.listItem, .itemHighlighted {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 3px;
    padding: 2px 0;
    /*float: left;*/
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-left: 6px;
    min-height: 21px;
}

.listItem {
    color: #646464;
    background-color: white;
}

.itemHighlighted {
    color: #aa004f;
    cursor: pointer;
    background-color: #ececec;
}

    .listItem img, .itemHighlighted img {
        position: absolute;
        left: 0;
        width: 21px;
        height: 21px;
        margin-top: -5px;
        margin-left: 2px;
    }

.padRight10 {
    padding-right: 10px;
}

.padRight30 {
    padding-right: 30px;
}

.padRight20 {
    padding-right: 20px;
}

.addDiv {
    /*padding-bottom: 292px;
    float: left;*/
}

.imgLeft {
    float: left;
    width: calc(100% - 29px);
}

.lblNote {
    color: #9197a3;
    font-size: 14px;
    line-height: 18px;
    float: left;
    width: 100%;
}

.lblPostTime, .lblPostTimePassed {
    color: var(--colorGray_SoftMedium);
    font-size: 12px;
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    line-height: 15px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
    position: relative;
    top: 2px;
}

.js-teamInbox .js-postColumn .lblPostTime,
.js-teamInbox .selectedIdea .lblPostTimePassed {
    /*white-space: normal;*/
    display: none;
}

.js-teamInbox .lblRemark, .js-teamInbox .msgBold, .js-teamInbox .js-divRemarks .lblPostTime {
    width: auto;
    float: none;
    display: inline-block;
    font-size: 12.5px;
    padding-left: 0;
}

.js-teamInbox .msgBold {
    font-size: 11.5px;
    padding-top: 0;
}

.js-teamInbox .lblRemark {
    padding-right: 8px;
}

.lblHandle {
    width: auto;
    float: none;
    font-size: 13px;
    top: 0;
}

.specialDay {
    font-size: 22px;
    vertical-align: sub;
    padding-right: 2px;
}

.specialDayOuter, .splblDateDay {
    color: var(--colorPink);
    font-size: 10.5px;
    line-height: 12.5px;
}

.lblCalDay.today .specialDayOuter, .lblCalDay.today .splblDateDay {
    color: white
}

.minical .specialDayOuter, .minical .splblDateDay {
    color: var(--colorGray_SoftMedium);
    font-size: 10px;
}

.lblCalDay.today .lblPostTime, .lblCalDay.today .specialDay {
    color: white;
}

.lblPostTimePassed {
    color: var(--colorGray_Light)
}

.doneEditing, .doneEditing1 {
    margin-right: 1px;
    text-align: right;
    float: right;
    width: 100%;
    font-size: 11.5px;
    margin-bottom: 20px;
}

.reschedulePost {
    border-bottom: 1px dashed;
    font-size: 12.5px;
    margin-left: 5px;
}

.lblDomain {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9197a3;
    padding-top: 3px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    float: left;
    word-wrap: break-word;
    word-break: break-word;
    margin-bottom: 0;
}

.js-messageParentTopRow .lblDomain {
    font-size: 8px;
    line-height: 8px;
}

.lblDomainSmall {
    font-size: 10px;
    line-height: 11px;
    text-transform: uppercase;
    color: #9197a3;
    padding-top: 3px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.contentEditableMessage {
    color: #141823;
    line-height: 1.38;
    float: left;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
}

.js-fpdMessageOuter {
    margin-bottom: 6px;
}

.fpdMessage {
    font-size: 13px;
    font-weight: 400;
    position: relative;
    color: #141823;
    margin-top: 11px;
    margin-bottom: 4px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    --lines: 4;
    --lineHeight: 18px;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    line-height: var(--lineHeight);
    max-height: calc(var(--lines) * var(--lineHeight));
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.js-streamCol .fpdMessage {
    --lines: 7;
    --lineHeight: 17px;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.js-streamCol .fpdMessage,
.streamColInner .lblPostMessage {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    color: var(--colorGray_3);
}

.js-fpdMessageOuter.expanded .fpdMessage {
    --lines: initial;
}

.js-readMoreFpdMessage,
.lblPostTimeFpd,
.lblCommentTimeFpd,
.fpdCommentMessage,
.lblCommenterNameFpd {
    font-size: 12px;
}

.js-readMoreFpdMessage,
.lblPostTimeFpd,
.lblCommentTimeFpd {
    color: var(--colorGray_SoftMedium);
}

.lblPageNameFpd {
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px);
    display: inline-block;
    vertical-align: text-top;
}

    .lblPageNameFpd .fa-caret-right {
        position: relative;
        left: 1px;
    }

.lblCommenterNameFpd {
    color: #3b5998;
    font-weight: bold;
}

.lblPostTimeFpd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px dashed var(--colorGray_SoftMedium);
    top: -4px;
}

.fpdComments {
    border-bottom: 1px solid var(--colorGray_8);
    position: relative;
    top: -7px;
    z-index: 1;
    padding: 0 8px;
    padding-bottom: 8px;
    background-color: white;
}

.lblCommentTimeFpd {
    border-bottom: 1px dashed var(--colorGray_Medium);
}

.lblPostMessage {
    position: relative;
    color: #141823;
    margin-top: 11px;
    margin-bottom: 5px;
    width: 100%;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    font-size: 14px;
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    line-height: 19px;
    display: block;
}

    .lblPostMessage i {
        color: #365899;
        font-style: normal;
    }

    .lblPostMessage b, .calendarColumn .js-postColumn .lblPostMessage b, .highlighter-content b, .postMess b {
        color: #365899;
        font-weight: 300;
    }

.highlighter-content b {
    /*-webkit-text-stroke: 0.1px blue;*/
    -webkit-text-fill-color: blue;
    color: blue;
    /*padding: 2px 0;*/
}

.maxPostTypes .lblPostMessage {
    max-width: calc(100% - 338px) !important;
}

.calendarColumn .lblPostMessage {
    --lines: 4;
    --lineHeight: 16px;
    -webkit-line-clamp: var(--lines);
    line-height: var(--lineHeight);
    max-height: calc(var(--lines) * var(--lineHeight)); /*line-height: 16px * 4 lines*/
    /*min-height: var(--lineHeight);*/
    overflow: hidden;
    font-size: 12px;
    color: black;
    margin-bottom: 4px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.minical .lblPostMessage {
    --lines: 2;
    --lineHeight: 14px;
    font-size: 10.5px;
    margin: 4px 0 1px 0;
    color: var(--colorGray_4);
}

    .minical .lblPostMessage.nextToMedia {
        float: right;
        width: calc(100% - var(--minicalImg) - 4px);
    }

.js-adCopyImagesDiv {
    padding: 0 4px;
}

.adCopyClampText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* number of lines you want to show */
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-PostTagsDiv {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines you want to show */
    overflow: hidden;
    text-overflow: ellipsis;
}

.adCopyButtons {
    font-weight: 400;
    font-size: 12px;
    pointer-events: auto;
    cursor: pointer;
    color: rgb(209, 28, 97);
    display: block; /* Ensures the anchor takes the full space of the div */
    text-align: center; /* Centers the text horizontally for multiple lines */
}

.fetchedAdCopyPostsListHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
}

.loadMoreAdCopyButton {
    font-weight: 400;
    font-size: 14px;
    pointer-events: auto;
    cursor: pointer;
    color: rgb(209, 28, 97);
    display: block; /* Ensures the anchor takes the full space of the div */
    text-align: center; /* Centers the text horizontally for multiple lines */
}

.loadMoreAdCopyButtonText {
    border-bottom: 1px dashed rgb(209, 28, 97);
}

.js-fetchedAdCopyPosts {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.js-adCopyCreative {
    padding: 5px;
}

.tagify.js-generatedPostTags {
    width: 100%;
}

.lblPostMessage-expanded .lblPostMessage {
    --lines: 9999; /* NN: "initial" not working, causes white spaces between hashtags to be removed. so use a really large number instead*/
    --lineHeight: 16px;
}

.minical:not(.lblPostMessage-expanded) .lblPostMessage {
    /*padding-left: var(--minicalImgRightDiv);*/
}

.minical.lblPostMessage-expanded .divPostBelowHeader {
    padding-left: 0;
}

.minical .lblCalDay {
    padding-top: 6px;
    height: 57px;
    font-size: 16px;
    color: var(--colorGray_5);
}

.js-Budget .js-postColumn .lblPostMessage {
    min-height: auto; /*ie*/
    min-height: initial;
    font-size: 11.5px;
    line-height: 16px;
    color: black;
    margin-bottom: 0;
    margin-top: 5px;
}

.js-indexPosts .js-postColumn .lblPostMessage {
    font-size: 13px;
    line-height: 17px;
    /*height: 102px;
    overflow: hidden;*/
}

.lblPageOfPage {
    background-color: rgba(0, 0, 0, .6);
    color: #FFFFFF;
    font-size: 12px;
    line-height: normal;
    padding: 3px 6px;
    margin-top: 1px;
    margin-left: 1px;
    display: inline-block;
}

.divLinkImages {
    position: absolute;
}

    .divLinkImages input[type="submit"], .divLinkImagesShort input[type="submit"] {
        background-color: rgba(0, 0, 0, .6);
        border: 1px solid #fff;
        border-color: rgba(255, 255, 255, .6);
        color: #FFFFFF;
        font-size: 13px;
        padding: 0px 6px 2px 6px;
        height: 24px;
        margin-top: 1px;
        width: 23px;
    }

.pnlPostImg {
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .pnlPostImg:not(.pnlPostImgAuto) {
        width: 100%;
    }

.postColumnInner {
    width: 100%; /*very important! this is necessary for carousel to work on resize*/
}

.minical .pnlPostImg {
    max-width: var(--minicalImg);
    max-height: var(--minicalImgHeight);
    vertical-align: top;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 7px;
}

.postBudgetRow {
    margin-top: 7px;
    margin-bottom: 2px;
}

.minical .postBudgetRow {
    margin-top: 0px;
    margin-bottom: 0px;
}

.js-teamInbox .pnlPostImg {
    margin-top: 0;
}

#ogImagePager {
    position: absolute;
    z-index: 1;
    top: 0;
}

.js-postImage {
    /*float: left;*/
    /*width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
    max-height: initial;
    max-width: 100%;
    overflow: visible;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative;*/
    /*border: 1px solid rgba(0, 0, 0, .1);*/
    padding: 0;
}

    .js-postImage:focus {
        outline: none;
    }

.imgPostImageLink {
    padding-bottom: 52.31%; /*facebook ratio  476 x 249  used for gifs*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/**********************************************/
.of_1 {
    width: 100%;
}

.tw-post .pnlPostImg {
    border-radius: 16px;
}

    .tw-post .pnlPostImg:before { /*using :after causes the absolute element to go on top of image delete button*/
        border: 1px solid #dfe0e4;
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

.minical .tw-post .pnlPostImg {
    border-radius: 0;
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .img_1.of_3 {
    width: 50%;
    float: left;
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .img_1.of_4 {
    width: calc(100% / 3 * 2);
    float: left;
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_3:not(.img_1) {
    width: 50%;
    float: left;
    position: relative;
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_4:not(.img_1),
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .of_4:not(.img_1),
.js-multiImages[data-display="dsp-multi-image"] .of_5:not(.img_1),
.js-multiImages[data-display="dsp-multi-image"]:not(.orientLandscape) .of_5:not(.img_2),
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .js-sliderItem[class*="of_"]:not(.img_1,.of_1,.of_2,.of_3,.of_4,.of_5),
.js-multiImages:not(.orientLandscape)[data-display="dsp-multi-image"] .js-sliderItem[class*="of_"]:not(.img_1,.img_2,.of_1,.of_2,.of_3,.of_4,.of_5) {
    width: calc(100% / 3);
    float: left;
    position: relative;
}

.js-multiImages[data-display="dsp-multi-image"] .of_2,
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .of_4,
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .of_3:not(.img_1),
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .of_3,
.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .img_1.of_5,
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .img_1.of_5,
.js-multiImages:not(.orientLandscape)[data-display="dsp-multi-image"] .js-sliderItem.img_1[class*="of_"]:not(.of_1,.of_2,.of_3,.of_4,.of_5),
.js-multiImages:not(.orientLandscape)[data-display="dsp-multi-image"] .js-sliderItem.img_2[class*="of_"]:not(.of_1,.of_2,.of_3,.of_4,.of_5),
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .js-sliderItem.img_1:not(.of_1,.of_3,.of_4),
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .js-sliderItem.img_2:not(.of_3,.of_4),
.js-multiImages:not(.orientLandscape)[data-display="dsp-multi-image"] .img_2.of_5 {
    width: 50%;
    float: left;
    position: relative;
}

.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .img_1.of_3,
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .img_1.of_4,
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .img_1.of_3 {
    width: 100%;
    float: left;
    position: relative;
}

.tw-post .js-multiImages[data-display="dsp-multi-image"] .js-sliderItem:not(.of_1) {
    width: 50%;
    float: left;
    position: relative;
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_3:not(.img_1) .js-imgMultiDiv {
    padding-bottom: 100% !important
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .img_1.of_4 .js-imgMultiDiv {
    padding-bottom: 150% !important
}

.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_3.img_1 .js-imgMultiDiv,
.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_2 .js-imgMultiDiv {
    padding-bottom: 200% !important
}

.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .img_1.of_3 .js-imgMultiDiv,
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .img_1.of_3 .js-imgMultiDiv {
    padding-bottom: 50% !important
}

.js-multiImages[data-display="dsp-multi-image"] .of_3:not(.img_1) .js-imgMultiDiv,
.js-multiImages[data-display="dsp-multi-image"] .of_2 .js-imgMultiDiv,
.js-multiImages.orientPortrait[data-display="dsp-multi-image"] .of_4:not(.img_1) .js-imgMultiDiv,
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .of_4:not(.img_1) .js-imgMultiDiv,
.js-multiImages.orientLandscape[data-display="dsp-multi-image"] .img_1:not(.of_1,.of_3,.of_4) .js-imgMultiDiv,
.js-multiImages[data-display="dsp-multi-image"] .of_5 .js-imgMultiDiv,
.js-multiImages[data-display="dsp-multi-image"] .js-sliderItem[class*="of_"]:not(.img_1,.of_1,.of_2,.of_3,.of_4,.of_5) .js-imgMultiDiv,
.js-multiImages:not(.orientLandscape)[data-display="dsp-multi-image"] .js-sliderItem[class*="of_"]:not(.of_1,.of_2,.of_3,.of_4,.of_5) .js-imgMultiDiv,
.js-multiImages.orientSquare[data-display="dsp-multi-image"] .of_4 .js-imgMultiDiv {
    padding-bottom: 100% !important;
}

.tw-post .js-multiImages[data-display="dsp-multi-image"] .js-sliderItem.of_3:not(.img_1) .js-imgMultiDiv,
.tw-post .js-multiImages[data-display="dsp-multi-image"] .js-sliderItem.of_4 .js-imgMultiDiv {
    padding-bottom: 56% !important;
}

.tw-post .js-multiImages[data-display="dsp-multi-image"] .img_1.of_3 .js-imgMultiDiv,
.tw-post .js-multiImages[data-display="dsp-multi-image"] .js-sliderItem.of_2 .js-imgMultiDiv {
    padding-bottom: 112% !important;
}

.js-multiImages[data-display="dsp-multi-image"] .js-imgMultiDiv:before {
    border: 1px solid white;
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.minical .js-multiImages[data-display="dsp-multi-image"] .js-imgMultiDiv:before {
    border: 1px solid var(--colorGray_SoftLight);
}

/**********************************************/
.imgShort {
    height: 246px !important;
    overflow: hidden;
}

.likeReply a {
    color: hsla(0, 0%, 42%, 1);
    font-weight: 400;
}

.fixedActions a {
    font-size: 12.5px;
    width: 27px;
    height: 27px;
}

.colColor {
    width: 12px;
    float: left;
    height: 30px;
    margin-right: 7px;
}

.fpd-postColumnOuter {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    padding: 0 13px;
}

    .fpd-postColumnOuter .postFooter {
        display: none;
    }

.js-Timelines .fpd-postColumnOuter {
    padding: 0;
}

.hlPostLink {
    display: inline-block;
    transition: background-color .25s linear;
}

    .hlPostLink .postColumn:hover {
        background-color: rgb(236, 236, 252);
    }

.badge {
    font-weight: 500;
    background-color: var(--colorGray_Medium); /*same as filtersTitle*/
    border-radius: 14px;
}

    .badge.badge-small {
        font-weight: 300;
        left: 6px;
        top: -1px;
        padding: 1px 5px;
        font-size: 10px;
        line-height: 1.3;
    }

a.badge:hover {
    background-color: var(--colorBlackGray)
}

.stripe-badge {
    border: 1px solid;
    border-color: inherit;
    font-size: 11.5px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
}

.stripe-active.badge {
    background-color: rgb(209, 250, 179);
    color: #3c8123;
    border-color: rgb(168, 241, 112)
}

.stripe-canceled.badge {
    background-color: #e9eaed;
    color: var(--colorGray_Medium);
    border-color: #dbdce1;
}

.stripe-trial-ended.badge {
    background-color: #fcfdfd;
    color: #8f94a3;
    border-color: #e3e3e8;
}

.stripe-paused.badge {
    background-color: #f1ebfa;
    color: var(--colorPendingExpired);
    border-color: #e5dbf5;
}

.stripe-trialing.badge {
    background-color: #cbf5fd;
    color: #3278d9;
    border-color: rgb(167, 231, 252)
}

.stripe-pastdue.badge,
.stripe-incomplete.badge,
.stripe-expired.badge {
    background-color: rgb(253, 233, 238);
    color: #c22d51;
    border-color: rgb(251, 211, 220);
}

.alert {
    border-radius: 1px;
}

.alert-danger {
    color: #c0123c;
    background-color: #fde9ee;
    border-color: #fde9ee;
}

.alert-orange {
    color: #c70303;
}

.alert-pink {
    background-color: var(--colorPink);
    border-color: transparent;
    border-radius: 0;
    padding: 5px 9px;
    color: white;
}

.alert-gray {
    background-color: var(--colorGray_ExtraLight);
    border-color: var(--colorGray_SoftLight);
    border-radius: 0;
    color: #30333b;
}
/*keep last*/
.alert-small {
    padding: 4px 7px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-size: 13px;
}

.pageConnected {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    color: var(--colorApproved_Active);
    margin-bottom: 3px;
    text-align: right;
}

.pageDisconnected {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--colorReviewRequested);
    margin-bottom: 3px;
}

.toggle.socialPageIsActiveToggle, .toggle-on.socialPageIsActiveToggle, .toggle-off.socialPageIsActiveToggle {
    border-radius: 20px;
}

    .toggle.socialPageIsActiveToggle .toggle-handle {
        border-radius: 20px;
        background-color: white;
    }

    .toggle.socialPageIsActiveToggle.btn-success {
        border: 2px solid #4cae4c;
    }

    .toggle.socialPageIsActiveToggle.btn-danger {
        border: 2px solid #d43f3a;
    }

label.btn.toggle-on {
    background-color: #5cb85c !important;
}

label.btn.toggle-off {
    background-color: #d9534f !important;
}

.socialPageIsActiveToggle {
    background-color: transparent;
    border-color: transparent;
}

div.toggle-group {
    background-color: transparent;
}

div.toggle.btn.socialPageIsActiveToggle {
    margin-right: 100px;
}

@media only screen and (max-width: 1200px) {
    div.toggle.btn.socialPageIsActiveToggle {
        margin-right: 20px;
    }
}

.rounded-button {
    display: inline-block;
    padding: 2px 4px;
    background-color: white;
    border: 2px solid var(--colorReviewRequested);
    border-radius: 8px;
    color: var(--colorReviewRequested);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-left: 4px;
}
/*****in bootstrap notify******/
div[data-notify="container"] {
    padding: 4px 8px;
    padding-right: 23px;
    font-size: 13px;
    font-weight: 400;
    z-index: 1060 !important; /*to also show over modals*/
}

    div[data-notify="container"] button[data-notify="dismiss"] {
        top: 0px !important;
        right: 5px !important;
        font-size: 16px;
        font-weight: 500;
    }

div.alert.alert-info[data-notify="container"] {
    background-color: var(--colorGray_Dark);
    border-color: var(--colorGray_Dark);
    border-radius: 0;
    color: var(--colorGray_7);
}

    div.alert.alert-info[data-notify="container"] button[data-notify="dismiss"] {
        color: var(--colorGray_5);
        text-shadow: none;
        opacity: 1;
    }

.js-postColumn div[data-notify="container"] {
    --wh: 18px;
    bottom: 5px !important;
    right: 26px !important;
    left: auto !important;
    top: auto !important;
    padding: 0;
    font-size: 14px;
    text-align: center;
    border: 0;
    background-color: white;
    color: var(--colorApproved_Active);
    width: var(--wh);
    height: var(--wh);
    line-height: var(--wh);
    z-index: initial !important;
}

.minical .js-postColumn div[data-notify="container"] {
    right: auto !important;
    left: 2px !important;
    bottom: 2px !important;
}

.js-indexPosts .js-postColumn div[data-notify="container"] {
    bottom: 11px !important;
    right: 30px !important;
}
/******************************/
.js-inboxMessage {
    margin-top: 7px;
    width: 100%;
    float: left;
    position: relative;
}

    .js-inboxMessage:not(.type-message) {
        padding-left: 15px;
    }

.js-messageParentTopRow.active {
    background-color: hsla(36,88%,88%,1);
}

.js-parentMessageTop .js-inboxMessage {
    background-color: transparent;
    margin-top: 0px;
}

.js-filterChildTagsDiv {
    padding: 0 15px;
    text-align: right;
    margin-top: 10px;
}

.js-inboxMessage.type-message {
    margin-top: 1px;
}

.js-parentMessageTop .fixedActions {
    /*top: -25px;*/
    right: 0px;
}

.js-parentMessageTop .js-accordionMessageActions {
    right: -25px;
}

.messageActionsItem a, .js-selectInboxBulkAction li:not(:first-child) a {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 5px center;
    transition: 0.15s all linear;
    padding-left: 35px !important;
}

a.js-btnAssign {
    background-image: url(/../images/assign-gray.svg);
    background-position: left 7px center;
}

    a.js-btnAssign:hover, a.js-btnAssign.active {
        background-image: url(/../images/assign-on.svg);
    }

.js-selectInboxBulkAction li a.multiDone {
    background-image: url(/../images/done.svg);
    background-size: 17px;
    background-position: left 7px center;
}

.js-selectInboxBulkAction li a.multiPending {
    background-image: url(/../images/pendingmsg.png);
    background-size: 17px;
    background-position: left 7px center;
}

.js-sendMessageByEmail, .multiSendByEmail {
    background-image: url(/../images/email-gray.svg);
}

    .js-sendMessageByEmail:hover, .multiSendByEmail:hover {
        background-image: url(/../images/email-on.svg);
    }

a.js-btnReplyLink {
    background-image: url(/../images/comments-gray.svg);
    background-size: 16px;
    background-position: left 7px center;
}

    a.js-btnReplyLink:hover {
        background-image: url(/../images/comments-on.svg);
    }

.replyOuter a.js-btnReplyLink.expanded {
    background-image: none;
    position: relative;
}

a.js-lbReplyPM {
    background-image: url(/../images/messenger-gray.svg);
    background-size: 16px;
    background-position: left 7px center;
}

    a.js-lbReplyPM:hover {
        background-image: url(/../images/messenger-on.svg);
    }

a.js-btnEnableDisableComments {
    background-image: url(/../images/disableComments-off.png);
    background-size: 18px;
    background-position: left 7px center;
}

    a.js-btnEnableDisableComments:hover, a.js-btnEnableDisableComments.active {
        background-image: url(/../images/disableComments-on.png);
    }

a.btnTag {
    background-image: url(/../images/tag-gray.svg);
    background-size: 17px;
    background-position: left 7px center;
}

    a.btnTag:hover, a.btnTag.active {
        background-image: url(/../images/tag-on.svg);
    }

    a.btnTag.showMoreEdit {
        background-color: transparent;
        background-image: none !important;
        color: hsla(37, 87%, 46%, 1);
        float: right;
        margin-left: 3px;
        padding-right: 0;
    }

a.js-showHistory {
    background-repeat: no-repeat;
    background-image: url(/../images/history-gray.svg);
    background-size: 18px;
    background-position: left 7px center;
}

    a.js-showHistory:hover {
        background-image: url(/../images/history-on.svg);
    }

.showOnCalendar a {
    background-image: url(/../images/calendar-gray.svg);
    background-size: 16px;
    background-position: left 7px center;
}

    .showOnCalendar a:hover {
        background-image: url(/../images/calendar-on.svg);
    }

.showInInbox a {
    background-image: url(/../images/messages-gray.svg);
    background-size: 16px;
    background-position: left 7px center;
}

    .showInInbox a:hover {
        background-image: url(/../images/messages-on.svg);
    }

a.js-btnHideShowComment {
    background-image: url(/../images/hide-off.png);
    background-size: 15px;
    background-position: left 7px center;
}

    a.js-btnHideShowComment:hover {
        background-image: url(/../images/hide-on.png);
    }

.likeComment .actionBtn { /*in fpd*/
    line-height: 1.1;
}

    .likeComment .actionBtn:hover { /*in fpd*/
        color: var(--colorBlue);
    }

    .likeComment .actionBtn.btnLikeUnlikeNoLink:hover { /*in competitors*/
        color: inherit;
    }

    /*in fpd*/
    .likeComment .actionBtn.active {
        color: var(--colorBlueHover);
    }

.messageActionsItem .actionBtn { /*in message*/
    padding-left: 8px !important;
    background-position: right;
    background-color: hsl(0deg 0% 100% / 62%);
    background-repeat: no-repeat;
    background-size: 18px;
}

    .messageActionsItem .actionBtn.loading {
        background-image: url(/../images/loading.gif);
    }

    .messageActionsItem .actionBtn:before {
        color: #808285;
        font-size: 16px;
        margin-right: 11px;
    }

    .messageActionsItem .actionBtn.active:before {
        color: #0071bc;
    }

.js-accordionMessageActions li a.btnLikeUnlike.active:after {
    content: 'd';
}

.actionBtn:before {
    font-family: "Font Awesome 5 Free";
}

.btnLikeUnlike:before {
    content: "\f164";
}

.actionBtn.js-btnBookmark:before {
    content: "\f02e";
}

.messageActionsItem .actionBtn.js-btnBookmark:before {
    margin-right: 13px;
    margin-left: 2px;
}

/*for inbox*/
.actionBtn.js-btnRetweet:before {
    content: "\f079";
    font-weight: 900;
}

.messageActionsItem .actionBtn.js-btnRetweet:before {
    font-size: 14px;
    margin-right: 10px;
}

/*.js-accordionMessageActions li a.js-btnRetweet.active:after,*/
.js-accordionMessageActions li a.js-btnBookmark.active:after {
    content: 'ed';
}

.ig-post .btnLikeUnlike:before,
.tw-post .btnLikeUnlike:before {
    content: "\f004";
}

.actionBtn.active:before {
    font-weight: 900;
}

a.js-btnQuoteTweet {
    background-repeat: no-repeat;
    background-image: url(/../images/quotedtweet-gray.svg);
    background-size: 15px;
    background-position: left 8px center;
}

.js-quoteTweetText {
    --marginLeft: 30px;
    margin-left: var(--marginLeft);
    width: calc(100% - var(--marginLeft));
}

.type-post, .type-review {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.type-post, .type-review, .js-postColumn, .js-indexPosts .js-teamInbox .js-postColumn {
    max-width: var(--maxPostWidth);
}

.js-deletePost .js-postColumn {
    max-width: 270px;
}

.js-parentMessageTop .type-post, .js-parentMessageTop .type-review, .js-parentMessageTop .js-postColumn {
    max-width: auto; /*ie fallback*/
    max-width: initial;
    float: left;
}

.childOf-type-post {
    max-width: 650px;
}

.childMessages .js-inboxMessage, .childOf-type-comment .hlPostLink:first-child .js-inboxMessage {
    margin-bottom: 0;
    margin-top: 0;
}

.childMessages .hlPostLink:first-child .js-inboxMessage {
    margin-top: 0px;
}

.js-inboxMessage.fromPage {
    /*float: right;*/
}

.type-comment .msgVideoIframe, .type-reply .msgVideoIframe {
    max-width: 150px;
}

.alertFBStatus {
    padding: 2px;
    font-size: 12px;
}

.fileUpload .alert {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px;
    float: left;
    word-break: break-word;
    font-size: 13px;
    width: 100%;
}

.editFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    border-top: 1px solid var(--colorGray_8);
}

.editPhotoCost {
    max-width: 55px;
    height: 28px;
    position: relative;
    font-size: 14px;
    padding: 0 4px;
    border-radius: 1px !important;
    box-shadow: none;
    color: var(--colorGray_Dark);
    display: block;
    line-height: 1.9;
}

.lcBorder {
    border: 1px solid var(--colorGray_8);
    border-radius: 1px !important;
    color: var(--colorGray_SoftMedium);
    font-size: 19px;
    min-width: 28px;
    height: 28px;
    text-align: center;
    float: left;
    background-color: white;
}

.isSelectedCB label, .lcBorder {
    margin-right: 4px;
}

    .isSelectedCB label.isSelectedIdea {
        cursor: default;
    }

.eurosign {
    position: relative;
    right: 4px;
    margin-left: 3px;
    float: left;
    color: var(--colorGray_SoftMedium);
    font-size: 14px;
    line-height: 29px;
}

.postMediaDetailsEditDiv {
    display: inline-block;
    width: calc(100% - var(--editMediaThumbWidth) - 52px);
    vertical-align: middle;
    padding: 0 5px;
}

    .postMediaDetailsEditDiv .form-control {
        background: var(--colorGray_ExtraLight);
        font-size: 11.5px;
        line-height: 1.3;
        height: auto;
        padding: 1px 3px;
        border: 0;
        color: var(--colorGray_3);
        margin-bottom: 2px;
    }

        .postMediaDetailsEditDiv .form-control::placeholder {
            color: var(--colorGray_7);
        }

        .postMediaDetailsEditDiv .form-control:focus,
        .postMediaDetailsEditDiv .form-control:hover {
            background-color: var(--colorGray_SoftLight);
        }

        .postMediaDetailsEditDiv .form-control.js-postMediaName {
            font-weight: 500;
            color: var(--colorBlackGray);
        }

.js-tbCarouselEndCardLink {
    display: inline-block;
    width: calc(100% - 115px);
    font-size: 12px;
    padding: 1px 4px;
    margin-left: 8px;
    background-color: transparent;
    border: 1px solid var(--colorGray_8);
    height: 21px;
}

.carouselHeadlineInline {
    float: left;
    width: 60%
}

    .carouselHeadlineInline.mediaHeadeline {
        width: 40%
    }

.js-PostDetails {
    padding-bottom: 50px; /*for approve /review buttons which are absolutely positioned*/
}

.top10 {
    margin-top: 10px;
}

.likeComment {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 5px;
}

.likeComment {
    color: var(--colorGray_Medium);
}

    .likeComment img {
        width: 16px;
        position: relative;
        vertical-align: top;
        margin-right: 4px;
    }

    .likeComment i {
        margin-right: 6px;
        font-size: 14px;
        line-height: 16px;
        vertical-align: top;
        color: black;
    }

    .likeComment i,
    .likeComment .actionBtn {
        font-size: 14px;
    }

.streamColInner .likeComment span {
    font-size: 90%;
}

.likeComment .engageRow i,
.likeComment .actionBtn {
    margin-right: 3px;
    color: var(--colorGray_Medium)
}

.streamColInner .likeComment {
    line-height: 1;
    font-size: 12px;
    margin-top: 1px
}

    .streamColInner .likeComment .engageRow i,
    .streamColInner .likeComment .actionBtn {
        font-size: inherit;
        line-height: inherit;
    }

.engageRow {
    padding: 6px 0;
    background-color: var(--colorGray_ExtraLight);
    justify-content: space-around;
    column-gap: 6px;
    row-gap: 5px;
}

.js-streamCol .divEng {
    display: none; /*hide on listening*/
}

.divReactions img {
    float: left;
}

.divReactions span {
    padding-right: 6px;
}

.spanOR {
    float: left;
    padding: 5px 9px;
    color: rgb(56, 56, 56);
    font-weight: 400;
    text-align: center;
    font-size: 15px;
}

.postOut {
    margin: 0 auto;
    width: 1052px;
}

/*on post version and approve*/
.pnlLink {
    padding: 10px;
    background-color: #f0f2f5;
}

/*on calendar*/
.calendarColumn .pnlLink {
    padding: 4px 5px;
}

.pnlPostImgSmall .pnlLinkShortEdit {
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.pnlLink textarea:hover {
    background-color: #ff9;
    cursor: pointer;
}

textarea.lblPostMessage {
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 2px;
    height: 170px;
}

.tbLinkTitle, .tbLinkDescription {
    border: 0;
    height: auto;
    color: #1d2129;
}

.tbLinkTitle {
    font-size: 18px;
    line-height: 1.1;
    width: 100%;
}

.tbLinkDescription {
    font-size: 12px;
    line-height: 1.3;
    position: relative;
    max-height: 60px; /*4 lines*/
    overflow: hidden;
}

    .tbLinkDescription:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 45%;
        height: 15px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(242, 243, 245) 50%);
    }

.hlPost {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    min-height: 50px; /*so posts without text can be clickable*/
}

.minical .hlPost {
    margin-bottom: 0;
    min-height: 20px;
}

.js-linkToPost {
    cursor: pointer;
}

.js-Budget .js-modalPostPreview .js-linkToPost {
    max-width: 100%;
}

.js-postColumn {
    padding: 10px;
    /*margin: 0;*/
    background-color: white;
    position: relative;
    border: 1px solid var(--colorGray_SoftLight);
    /*float: left;*/
    width: 100%;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    page-break-inside: avoid; /*prevents cutting off div in calendar print*/
}

    .js-postColumn.post-processing::after {
        text-align: right;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        background-image: url(/../images/loading.gif);
        background-color: hsl(0deg 0% 100% / 62%);
        background-repeat: no-repeat;
        background-size: 44px;
        background-position: center;
        text-align: right;
        color: #d64747;
        font-weight: 500;
        font-size: 11px;
        padding-top: 17px;
        text-transform: uppercase;
        padding-right: 9px;
        font-style: italic;
    }

    .js-postColumn.post-processing.post-deleting::after {
        content: "deleting...";
        background-image: none;
    }

    .js-postColumn.post-processing.post-duplicating::after {
        content: "duplicating...";
    }

    .js-postColumn.post-preload {
        opacity: 0.5;
        min-height: 400px;
        background-size: 32px;
        background-position: top 20px center;
        background-repeat: no-repeat;
        background-image: url(/../images/loading.gif);
    }

.minical .js-postColumn.post-preload {
    min-height: 80px;
}

.js-indexPosts .js-teamInbox .js-postColumn {
    background-color: var(--colorGray_ExtraLight);
}

.modal .js-postColumn {
    padding: 10px;
    display: inline-block;
}

.modal .postFooter {
    top: 3px;
    margin-top: 0;
    position: relative;
}

.js-postColumn, .js-modalPostPreview .js-postPreviewColumn:hover {
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.calendarColumn .js-postColumn {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 6px;
}

.minical .js-postColumn {
    margin-top: 8px;
    margin-bottom: 7px;
    padding: 3px;
    padding-right: 10px;
    padding-bottom: 7px; /*make room for the calDragHandle*/
    /*min-height: 70px !important;*/
}

    .minical .js-postColumn.js-post-selected {
        border-width: 1px
    }

.minical .postBudgetInitial {
    display: none
}

.js-postColumn.active {
    border-color: var(--colorPinkFaded);
}

.calendarColumn .js-postColumn .imgPagePhoto {
    --wh: 25px;
    width: var(--wh);
    height: var(--wh);
    margin-right: 3px;
}

.calendarColumn .js-postColumn .pagePhotoLeft {
    width: calc(100% - 28px);
    padding: 0;
}

.minical .js-postColumn .pagePhotoLeft {
    padding-left: 1px;
}

.fpd-postColumnOuter .pType {
    padding-right: 2px;
    height: 14px;
    float: none;
}

.postColumn .js-postColumn {
    /*padding: 0;*/
    border: none;
    background-color: transparent;
}
/*.js-postColumn .pnlPostImg {
    left: -5px;
    width: calc(100% + 10px);
}*/
.btnFunction {
    width: 16px !important;
    float: left;
    margin-left: 0;
    margin-top: 1px;
    padding: 1px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

textarea.lblPostMessage {
    margin-top: 5px;
}

.pnlPostImgSmall {
    position: relative;
    float: left;
    width: 100%;
}

.lblLinkTitleSmall {
    font-weight: 500;
    font-size: 13.5px;
    line-height: 15px;
    word-wrap: break-word;
    word-break: break-word;
    color: var(--colorGray_Dark);
    padding-top: 4px;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 30px;
    position: relative;
    display: block;
    max-width: 100%;
}

.js-messageParentTopRow .lblLinkTitleSmall {
    font-size: 9px;
    line-height: 9px;
}

.lblLinkTitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 3px;
    margin-top: 3px;
    max-height: 44px;
    color: var(--colorGray_Dark);
    display: block;
    position: relative;
    width: 100%;
}

.lblLinkTitleSmall::after {
    height: 15px;
}

.lblLinkDescriptionSmall {
    font-size: 11px;
    line-height: 15px;
    color: var(--colorGray_Dark);
    padding-top: 4px;
    padding-bottom: 0;
    display: block;
}

[class^='lbLinkDescription'] {
    line-height: 16px;
    font-size: 11.5px;
    position: relative;
    overflow: hidden;
    color: var(--colorGray_Dark);
    display: block;
    width: 100%;
    margin-bottom: 0px;
}

.lbLinkDescriptionNoHover:hover {
    background-color: transparent;
    color: var(--colorGray_Dark) !important;
    cursor: text;
}
/*.lbLinkDescription:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45%;
    height: 16px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}*/
.calendarPost {
    border-collapse: initial !important;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 8px;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    float: left;
    border-spacing: 3px;
}

    .calendarPost .calendarPost {
        padding: 0;
        color: #66b3ff;
    }

    .calendarPost td {
        background-color: white !important;
    }

        .calendarPost td, .calendarPost th, .calendarPost td a {
            font-size: 17px;
            padding: 5px;
        }

    .calendarPost th {
        color: rgb(110, 111, 115);
        font-weight: 300;
        padding-bottom: 5px;
    }

.postOuter, .indexPostsOuter {
    background-color: var(--colorGray_SoftLight);
    padding: 26px;
    padding-top: 15px;
    padding-bottom: 8px;
    position: relative;
}

.indexPostsOuter {
    justify-content: space-around;
}

    .indexPostsOuter .js-postColumn {
        margin-bottom: 10px;
    }

#btnAddIdea {
    top: 21px;
    position: absolute;
    right: 0px;
    font-size: 13px;
    background-color: var(--colorGray_ExtraLight);
    color: black;
    padding: 3px 6px;
}

    #btnAddIdea:hover {
        color: var(--colorPink);
    }

.calendarPost .calendarCellSelected {
    background-color: var(--colorPink) !important;
}

.calendarCellSelected a, .calendarCellSelected a:hover {
    color: #FFF !important;
}

.calendarPost .calendarCellToday {
    background-color: var(--colorGray_SoftLight) !important;
}

.uploadResults, .fileUpload .failureNotification {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-top: 2px;
    float: left;
    color: #9197a3;
    line-height: 17px;
}

.fileUpload {
    border-top: 1px solid var(--colorGray_SoftLight);
    padding-top: 12px;
    padding-bottom: 4px;
    margin-top: 6px;
    float: left;
    width: 100%;
}

.js-postImageUpload,
.js-btnReplacePhoto {
    display: none !important;
}

.imgNamePath {
    font-size: 12px;
    color: #bbbbbb;
    width: calc(100% - 39px);
    padding-bottom: 5px;
}

.custom-file-upload {
    cursor: pointer;
    margin-bottom: 0;
    height: 28px;
    width: 20px;
    background-image: url('/../images/photo-camera.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 3px;
}

    .custom-file-upload:hover {
        background-image: url('/../images/photo-camera-on.svg');
    }

.js-editPostUploadResults {
    margin-bottom: 0;
}

    .js-editPostUploadResults label {
        margin-bottom: 0;
        color: #3c763d;
    }

.photoCount {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 22px;
    position: absolute;
    bottom: 0;
    right: 0px;
    vertical-align: middle;
    line-height: 1;
    padding: 14px;
    border-top: 2px solid white;
    border-left: 2px solid white;
}

.fileUpload input[type="submit"], .diviPhoto input[type="submit"] {
    float: right;
    position: relative;
    right: -1px;
    top: -1px;
    font-size: 13px;
    height: 25px;
    text-transform: uppercase;
    padding: 0px 9px 1px 10px;
}

.js-video-background {
    width: 100%;
    display: block;
    min-height: 42px;
    /*background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;*/
}

.videoOuter {
    border-radius: 20px;
    max-width: 60%;
    overflow: hidden;
}

.video-bg {
    max-width: 100%;
    display: block;
}

.gif-bg {
    max-width: 50%;
}

    .gif-bg.bg-sm {
        max-width: 40%;
    }

    .gif-bg .js-imgMultiDiv {
        border-radius: 20px;
    }

.tw-post .js-video-background {
    border-radius: 12px;
}

.inboxMessageOuter {
    float: left;
    width: 100%;
    position: relative;
}

.postActionsItem, .messageActionsItem, .moreContentActionsUL > li {
    padding: 0; /*keep to 0 and add padding on a elements inside*/
    border-bottom: 1px dotted #c0c0c8;
    float: left;
    width: 100%;
}

    .postActionsItem a {
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: left 5px center;
        transition: 0.15s all linear;
        padding-left: 35px !important;
    }

    .messageActionsItem:last-child {
        border-bottom: none;
    }

    .postActionsItem:hover, .messageActionsItem:hover,
    .moreContentActionsUL li a:hover {
        background-color: var(--colorGray_ExtraLight);
    }

    .messageActionsItem .js-seeOnPlatform {
        background-size: 16px;
        background-position: left 8px center;
    }

    .postActionsItem .js-seeOnPlatform {
        padding-left: 6px !important;
    }

        .postActionsItem .js-seeOnPlatform i {
            font-size: 16px;
            padding-right: 12px;
        }

    .postActionsItem .btnApprove {
        background-image: url(/../images/approve.svg);
        background-size: 19px;
        background-position-x: 4px;
    }

    .postActionsItem .btnReview {
        background-image: url(/../images/reject.svg);
        background-size: 19px;
        background-position-x: 4px;
    }

    .postActionsItem .getPostPreview {
        background-image: url('/../images/QUICK VIEW-DEACTIVATE.svg');
        background-size: 18px;
        background-position-x: 4px;
    }

        .postActionsItem .getPostPreview:hover {
            background-image: url('/../images/QUICK VIEW-ACTIVATE.svg');
        }

    .postActionsItem .btnSendForApproval {
        background-image: url('/../images/SEND FOR APPROVAL-DEACTIVATE.svg');
        background-size: 18px;
        background-position-x: 4px;
    }

        .postActionsItem .btnSendForApproval:hover {
            background-image: url('/../images/SEND FOR APPROVAL-ACTIVATE.svg');
        }

    .postActionsItem.deletePost a,
    .js-accordionMessageActions li a.js-btnDeleteComment {
        background-image: url('/../images/DELETE-DEACTIVATE.svg');
        background-size: 18px;
        background-position-x: 6px;
    }

        .postActionsItem.deletePost a:hover,
        .js-accordionMessageActions li a.js-btnDeleteComment:hover {
            background-image: url('/../images/DELETE-ACTIVATE.svg');
        }

.js-accordionMessageActions li a.js-btnApproveComment {
    background-image: url('/../images/CHECK-DEACTIVATE.svg');
    background-size: 18px;
    background-position-x: 6px;
}

    .js-accordionMessageActions li a.js-btnApproveComment:hover {
        background-image: url('/../images/CHECK-ACTIVATE.svg');
    }

.postActionsItem.hlSeeOnCalendar a {
    background-image: url(/../images/calendar-off.svg);
}

    .postActionsItem.hlSeeOnCalendar a:hover {
        background-image: url(/../images/calendar-on.svg);
    }

.postActionsItem.openInNewTab a {
    background-image: url(/../images/newTab-gray.png);
    background-size: 14px;
    background-position-x: 6px;
}

    .postActionsItem.openInNewTab a:hover {
        background-image: url(/../images/newTab-on.png);
    }

.postActionsItem .btnChangeStatus {
    background-image: url('/../images/CHANGE STATUS-DEACTIVATE.svg');
    background-size: 19px;
    background-position-x: 4px;
}

    .postActionsItem .btnChangeStatus:hover {
        background-image: url('/../images/CHANGE STATUS-ACTIVATE.svg');
    }

.postActionsItem .btnDuplicate {
    background-image: url('/../images/duplicate-gray.svg');
    background-size: 15px;
    background-position-x: 6px;
}

    .postActionsItem .btnDuplicate:hover {
        background-image: url('/../images/duplicate-on.svg');
    }

.postActionsItem .btnMovePost {
    background-image: url('/../images/calendar-off.svg');
    background-size: 15px;
    background-position-x: 6px;
}

    .postActionsItem .btnMovePost:hover {
        background-image: url('/../images/calendar-on.svg');
    }

.js-commentingStatus {
    font-size: 13px;
    font-weight: 400;
    color: var(--colorBlueHover);
    margin-top: 6px;
}

.postColumn {
    background-color: white;
    width: 100%;
    max-width: var(--maxPostWidth); /* to give max image width 500px, as per FB*/
    /*padding: 10px;*/
    text-align: left;
    border: 1px solid var(--colorGray_SoftLight);
    position: relative;
    /*z-index: 1;*/
    min-width: 0; /*for ellipsis to work in flex column*/
    padding-bottom: 80px;
    margin-top: 10px;
    margin-bottom: 8px;
    float: none;
    display: table;
}

.js-Budget .budRow .postColumn {
    max-width: var(--awsMaxImageSmall);
}

.js-postIdeaCol.postColumn {
    padding: 10px;
    padding-bottom: 80px;
}

.js-editPostDetails .js-postIdeaCol.postColumn {
    padding-bottom: 60px;
    overflow: hidden; /*for keeping the carousel nav hidden until expanded*/
}

.fb-post .postColumn, .fb-post.postColumn {
    max-width: var(--maxPostWidth);
}

.js-indexPosts .js-postColumn {
    padding-bottom: 10px;
    max-width: calc(var(--awsMaxImageSmall) + 22px); /* to give max image width 250px, as per AWS*/
}

    .js-indexPosts .js-postColumn .pnlPostImg {
        max-width: var(--awsMaxImageSmall); /*   as per AWS*/
    }

.js-postColumn.js-postColumnAdCopy {
    max-width: 98% !important;
}

.js-postColumn.js-postColumnAdCopy {
    margin-bottom: 10px;
}

.js-modalPostPreview .pnlPostImg {
    max-width: auto; /*ie*/
    max-width: initial;
}

.tw-post .postColumn, .tw-post.postColumn {
    max-width: 530px; /* to give max image width 506px, as per twitter*/
}

.postColumn.js-teamInbox {
    max-width: auto !important; /*ie fallback*/
    max-width: initial !important;
    display: inline-block;
    background-color: var(--colorGray_ExtraLight);
    border: 0;
    margin-top: 2px;
    padding: 10px;
    float: left;
    --mrgRight: 5px;
    margin-right: var(--mrgRight);
    margin-left: var(--mrgRight);
}

.js-teamInbox .postColumnInner {
    position: relative;
    width: 120px;
}

.js-teamInbox .teamMessagesOnly {
    float: left;
    width: calc(100% - 120px);
    position: relative;
    z-index: 0;
}

.teamMessagesOnlyStatus {
    padding-right: 30px; /*space for js-accordionPostActionsButton*/
}

.js-teamInbox .lblPostMessage, .js-teamInbox .pageNameAndDate, .js-teamInbox .postBudgetRow, .js-teamInbox .optimisationMethod, .js-teamInbox .pType {
    display: none;
}

.js-teamInbox .js-divRemarks .lblPostTime {
    width: 100%;
}

.js-teamInbox .js-NoteRow {
    border-bottom: 1px dashed hsla(225, 10%, 83%, 1);
    padding: 1px;
    position: relative;
}

    .js-teamInbox .js-NoteRow.lastRow {
        border-bottom: 0;
    }


.js-teamInbox .js-divRemarks .imgRemark, .js-teamInbox .js-divRemarks .imgRemarkInset {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 5px;
}

.teamMessageUserName {
    display: none;
}

.messageFrom {
    color: var(--colorPink);
    font-weight: 400;
}

.js-teamInbox .teamMessageUserName {
    display: inline-block;
}

.js-teamInbox .postFooterRight {
    margin-left: 0;
}

.js-teamInbox .pfItem {
    margin-left: 0px;
    margin-right: 4px;
}

.js-teamInbox .remarkRowOuter, .js-teamInbox .remarkRowOuterInset {
    margin-bottom: 0;
    max-width: calc(100% - 28px);
}

.js-Budget .budRow .postColumn {
    float: left;
    padding-bottom: 0;
    margin: 0;
}

.js-Budget .budRow .divLeftTable, .js-Budget .imgDel {
    display: none;
}

.js-Budget .js-postColumn .lblPostMessage {
    margin-top: 0;
}

.js-Budget .js-postColumn {
    padding-top: 20px;
}

.budRow {
    background-color: #f1f1f1;
    padding: 15px;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.postColumnR {
    background-color: white;
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    float: left;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    position: relative;
    z-index: 1;
    min-width: 0; /*for ellipsis to work in flex column*/
}

.js-streamCol .postColumnR,
.js-streamCol .js-postColumn {
    margin-top: 2px;
    border: 0;
    border-bottom: 1px solid var(--colorGray_8);
    padding: 8px;
}

.postColumnOuterReports {
    /*background-color: var(--colorGray_ExtraLight);*/
    border: 5px solid white;
    padding: 0;
    padding-bottom: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    -webkit-flex-basis: 100px;
    -ms-flex: 0 1 100px;
    flex-basis: 100px;
    position: relative;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    /*width: 100%;*/
    width: 1px; /*for flex to work on PageCompetition*/
}

.flxReports {
    margin-left: -5px; /*to fit with flex columns white border of 5px in .postColumnOuterReports*/
    margin-right: -5px; /*to fit with flex columns white border of 5px in .postColumnOuterReports*/
}

.js-piSelected {
    border-color: var(--colorPinkFaded);
}

.calCategoriesOuter {
    /*padding: 0 17px;*/
    padding: 0 2px;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
}

.editMediaHeader {
    color: var(--colorBlue);
    position: absolute;
    top: 15px;
    padding-left: 11px;
    padding-right: 24px;
    left: 0;
    right: 0;
    margin: 0;
    font-size: 17px;
}

.js-multiImages-nav-outer {
    padding: 8px 10px;
    padding-right: 4px;
    padding-top: 52px;
    border-left: 1px dotted var(--colorGray_SoftLight);
    background-color: white;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: var(--multiImages-nav-width);
    max-width: 100%;
    transition: right 0.15s ease-in-out;
}

    .js-multiImages-nav-outer.expanded {
        /*box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);*/
        /*box-shadow: -220px 0px 0px 0px rgb(0 0 0 / 38%);*/
        right: 0;
        left: auto;
    }

.closeCarousel {
    position: absolute;
    left: -50px;
    bottom: 23px;
    color: var(--colorGray_7);
    font-size: 10px;
    display: none
}

.js-multiImages-nav-outer.expanded .js-openSortCarousel.closeCarousel {
    display: block
}

.js-postIdeaCol.postColumn.multiImages-nav-open {
    max-width: calc(var(--multiImages-nav-width) + var(--maxPostWidth) + 1px);
    padding-right: calc(var(--multiImages-nav-width) + 11px);
    overflow: initial;
    min-height: 660px;
}

    .js-postIdeaCol.postColumn.multiImages-nav-open[data-display="dsp-fbCarousel"] {
        --multiImages-nav-width: 650px;
    }

.js-thumbNumberLarge {
    position: relative;
    font-size: 11px;
    text-align: right;
    padding-right: 11px;
    top: 2px;
    color: var(--colorGray_Light);
}

.js-activeSlider .js-thumbNumberLarge {
    color: var(--colorPink);
}

.js-multiImages-nav {
    height: 100%;
    overflow: auto;
    padding-right: 7px;
}

.js-postIdeaCol.postColumn.multiImages-nav-open[data-display="dsp-fbCarousel"] .js-multiImages-nav {
    height: calc(100% - 40px);
    margin-bottom: 13px;
    border-bottom: 1px solid var(--colorGray_8);
}

.js-multiImages-nav::-webkit-scrollbar {
    width: 4px;
}

.thumbNumberGripDiv {
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    top: 2px;
    position: relative;
    text-align: center;
}

.calDragHandle {
    padding: 8px 8px;
    cursor: move;
    cursor: -webkit-grabbing;
    color: hsla(337, 76%, 46%, 0.8);
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    display: none;
    font-size: 19px;
}

.js-carouselDragHandle {
    cursor: -webkit-grabbing;
    color: var(--colorBlue);
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 13px;
}

    /*.js-carouselDragHandle.active {
        color: var(--colorPink);
    }*/

    .js-carouselDragHandle:hover, .js-carouselDragHandle:hover .js-thumbNumber {
        color: var(--colorBlueHover);
    }

    .js-carouselDragHandle i {
        font-size: 16px;
    }

.js-sliderItem-nav.active {
    border-color: var(--colorPink);
}

    .js-sliderItem-nav.active .js-carouselDragHandle {
        color: var(--colorPink);
    }

.js-thumbNumber {
    font-size: 11px;
    margin-top: 3px;
}

.sliderItemNav {
    padding: 5px 9px;
    padding-left: 3px;
    position: relative;
    border: 1px dashed var(--colorGray_8);
    margin-bottom: 3px;
    /*background-color: var(--colorGray_ExtraLight);*/
}

    .sliderItemNav .carouselNavImg, .sliderItemNav video {
        width: var(--editMediaThumbWidth);
        padding: 2px;
        border: 1px solid var(--colorGray_8);
        background-color: white;
        vertical-align: text-top;
    }

    .sliderItemNav.slick-current img {
        border-color: var(--colorPink);
    }

    .sliderItemNav hr {
        border-top-color: var(--colorGray_8);
        margin-top: 10px;
        margin-bottom: 0px;
    }

.js-carouselDragHandle:hover img, .js-carouselDragHandle.active img {
    border-color: var(--colorPink);
}

.videoPlayIconCarousel {
    position: absolute;
    left: 71px;
    top: 3px;
    font-size: 14px;
    background-color: white;
    border-radius: 50%;
}

.slick-condensed .slick-disabled {
    display: none !important;
}

.slick-condensed .slick-next:before {
    content: '\f152';
}

.slick-condensed .slick-prev:before {
    content: '\f191';
}

.slick-condensed .slick-arrow:before {
    font-size: 15px;
}

.slick-condensed .slick-arrow {
    width: 15px;
}

.slick-condensed .slick-next {
    /*right: -15px;*/
    right: 0;
}

.slick-condensed .slick-prev {
    /*left: -15px;*/
    left: 0;
}

.slick-condensed .slick-arrow {
    color: white;
    height: 15px;
    z-index: 1
}

.slick-condensed .slick-next {
    right: 0.5px;
}

.catCategory {
    color: white;
    font-size: 10px;
    line-height: 14px;
    padding: 0px 17px;
    padding-top: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    display: block
}

a.catCategory:hover {
    color: white !important;
    filter: saturate(0.8);
}

.remarkRowOuter, .remarkRowOuterInset {
    float: left;
    position: relative;
    margin-bottom: 5px;
    max-width: calc(100% - 47px);
    width: 100%;
    position: relative;
}

.remarkRowOuterInset {
    max-width: calc(100% - 82px);
}

.remarkRow {
    font-size: 14px;
    line-height: 22px;
    float: left;
    padding: 7px;
    position: relative;
    background-color: white;
    color: #314A7E;
    border-radius: 12px;
    width: 100%;
    position: relative;
    border: 1px solid var(--colorGray_8);
}

.js-teamInbox .remarkRow.unread {
    background-color: hsla(339, 49%, 91%, 1);
}

.isSystemNote .remarkRow {
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-top: 7px;
    float: none
}

.js-NoteRow.isSystemNote .remarkRow {
    margin-top: 0;
}

.js-teamInbox .remarkRow {
    padding: 0;
    border-radius: 0;
    width: 100%;
    background-color: transparent;
    border: 0;
}

.lblRemark {
    width: 100%;
    float: left;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    line-height: 1.4;
}

.js-tbComment, .lblRemark {
    font-size: 13.5px;
}

#mod-progress {
    z-index: 1100;
}

.js-PostPreview .lblRemark {
    font-size: 12.5px;
    line-height: 1.4;
}

.js-PostPreview .lblRemark, .js-PostPreview .lblPostMessage {
    height: initial;
    overflow: visible;
}

.lblRemark::-webkit-scrollbar-thumb {
    background-color: hsla(225, 10%, 76%, 1);
}

.lblRemark::-webkit-scrollbar {
    width: 9px;
}

.imgRead {
    width: 18px;
    float: right;
    padding-left: 8px;
}

.divCommentsOuter {
    background-color: hsla(225, 10%, 93%, 0.93);
    float: left;
    width: 100%;
    margin: 2px 0 9px 0;
    padding: 15px 0;
    border: 1px solid rgb(221, 221, 224);
    position: relative;
}

.js-pastRemarks {
    position: fixed;
    right: -400px;
    z-index: 100;
    top: 145px;
    width: 400px;
    margin-bottom: 0;
    background: linear-gradient(to bottom, var(--colorGray_ExtraLight) 0%,var(--colorGray_SoftLight) 100%);
    transition: right ease-in-out 0.5s;
    border: 4px solid hsla(225, 15%, 42%, 0.31);
    border-right: 0 !important;
    box-shadow: 20px 5px 40px rgba(0,0,0,.16);
}

.teamMessagesOnly .js-pastRemarks {
    position: initial;
    background: none;
    border: 0 !important;
    box-shadow: none;
    width: auto;
    width: initial;
    transition: none;
}

.modal .js-pastRemarks {
    top: 60px;
    right: -400px;
}

.js-pastRemarks.inline {
    position: initial;
    border: 0;
    width: 100%;
    float: left;
}

.js-pastRemarks.inline {
    border: 1px solid #ededef;
    position: relative;
    left: 0;
    top: 0;
}

.js-modalPostPreview .modal-dialog {
    overflow: hidden; /*to hide js-pastRemarks comments "drawer" from showing during animation */
}

.js-pastRemarks.inline .remarksExpander {
    display: none;
}

.js-pastRemarks.inline .pastRemarks-body {
    padding-top: 5px !important;
}

.js-teamInbox .js-pastRemarks-content {
    width: 100%;
}

.pastRemarks-header-sub {
    max-width: 50%;
    float: left;
    font-size: 14px;
}

.js-teamInbox .unreadCountText {
    display: none;
}

.pastRemarks-header-sub img {
    width: 18px;
    vertical-align: sub;
}

.js-teamInbox .markAllAsRead {
    padding-left: 28px;
}

.js-pastRemarks.expanded {
    right: 0;
    box-shadow: 0px 5px 40px rgba(0,0,0,.16);
}

.modal .js-pastRemarks.expanded {
    right: 10px;
    border: 4px solid var(--colorGray_7);
}

.remarksExpander {
    cursor: pointer;
    position: absolute;
    left: -99px;
}

    .remarksExpander:before {
        content: '';
        position: absolute;
        top: 18px;
        left: 19px;
        width: 27px;
        height: 17px;
        background-color: white;
        z-index: -1;
    }

    .remarksExpander img {
        width: 55px;
    }

.modal .js-pastRemarks .remarksExpander img {
    width: 50px;
}

.modal .js-pastRemarks .remarksExpander:before {
    top: 16px;
    left: 17px;
    width: 24px;
    height: 17px;
}

.unreadCount {
    position: absolute;
    font-size: 13px;
    line-height: 14px;
    top: -2px;
    right: -8px;
    width: 22px;
    height: 22px;
    padding: 3px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: white;
    background-color: #30333b;
    border-radius: 50%;
}

.pastRemarks-header, .pastRemarks-body, .pastRemarks-footer {
    padding: 0 20px;
}

.modal .pastRemarks-header, .modal .pastRemarks-footer {
    padding-left: 10px;
    padding-right: 10px;
}

.pastRemarks-header {
    position: absolute;
    z-index: 1;
    background-color: white;
    height: 42px;
    /*width: inherit;*/
    left: 0;
    right: 0;
}

.js-teamInbox .pastRemarks-header {
    position: relative;
    height: auto;
    width: 100%;
    float: left;
    background-color: transparent;
}

.js-teamInbox .pastRemarks-body, .js-teamInbox .pastRemarks-header {
    padding: 0 10px;
}

.js-teamInbox .pastRemarks-body {
    padding-top: 25px !important;
}

.inline .pastRemarks-header {
    position: absolute;
    width: 100%;
}

.pastRemarks-header-title {
    margin-top: 10px;
}

.pastRemarks-body {
    padding-top: 52px !important;
    padding-bottom: 5px;
}

.js-divRemarks {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(70vh - 175px);
    min-height: 50px;
}

.js-teamInbox .js-divRemarks {
    max-height: 285px;
    padding-right: 8px;
}

.pastRemarks-footer {
    margin-top: 1px;
    text-align: right;
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    padding-top: 9px;
}

    .pastRemarks-footer a {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        padding: 0px 4px;
    }

@-moz-document url-prefix() {

    .divComments .btnDeleteImg {
        top: -1px !important;
    }
}

.divComments h4 {
    padding-left: 0;
    background-color: transparent;
    margin-left: 0;
}

.contentReceived .divComments {
    padding-right: 20px;
    width: calc(100% - 240px);
}

    .contentReceived .divComments .pagination > li > a, .contentReceived .divComments .pagination > li > span {
        padding: 1px 7px;
    }

.imgRemark, .imgRemark img, .imgRemarkInset {
    float: left;
    margin-right: 5px;
    --size: 42px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.js-imgUserProfileSide {
    float: left;
    margin-right: 5px;
    --size: 42px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.imgUserProfileEdit {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    --size: 90px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.inner-page .js-imgUserProfileSide {
    --size: 29px;
}

.bgImage {
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
}

dt.hlProfileImageOuter .bgImage {
    --size: 110px;
    margin-bottom: 15px;
}

.imgModalTitle {
    float: left;
    margin-right: 5px;
    --size: 28px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -5px;
}

.imgUserSocialProfile {
    --size: 28px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.js-addPageRow .imgUserSocialProfile {
    --size: 15px;
    vertical-align: text-top;
}

.js-teamInbox .imgRemark, .js-teamInbox .imgRemarkInset {
    height: 30px;
    width: 30px;
}

.dtProfileFace .imgRemark {
    margin: 0;
    width: 29px;
    height: 29px;
}

.remarkRow .imgRemark {
    --size: 35px;
    margin-top: 3px;
    margin-right: 15px;
}

.js-divRemarks .imgRemark, .js-divRemarks .imgRemarkInset {
    width: 30px;
    height: 30px;
    margin-top: 19px;
}

.imgRemarkInset {
    margin-left: 35px;
}

.isSystemNote .imgRemark, .isSystemNote .imgRemarkInset {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-right: 12px;
}

.onEmail {
    color: #4cc700;
}

.darkPostInfo {
    position: absolute;
    right: 15px;
    top: 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    color: indianred;
}

.js-postBriefSnippetsRows {
    width: 100%;
}

.js-postPreviewColumn
.js-postBriefSnippetsRows {
    margin-top: 0;
}

.js-postBriefSnippetRow {
    font-size: 11.5px;
    line-height: 1.35;
    color: var(--colorBlueHover);
    letter-spacing: -0.1px;
    margin-bottom: 1px;
    word-break: break-word;
}

.js-postPreviewColumn .js-postBriefSnippetRow {
    margin-bottom: 4px;
}

    .js-postPreviewColumn
    .js-postBriefSnippetRow:last-child {
        margin-bottom: 7px;
    }

.js-postBriefSnippetRow:first-child {
    margin-top: 7px
}

.js-postPreviewColumn .js-postBriefSnippetRow:first-child {
    margin-top: 3px
}

.js-postBriefSnippetRow i {
    margin-right: 3px;
    font-size: 0.9em;
}

.js-postPreviewColumn .js-postBriefSnippetRow i {
    margin-right: 3px;
}

.js-postPreviewColumn .js-postBriefSnippetRow {
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
}

    .js-postPreviewColumn .js-postBriefSnippetRow:hover {
        color: black
    }

.postBriefMessagesInner
.editMediaHeader {
    padding-right: 6px;
    padding-left: 13px;
}

.searchShortLinks {
    background-color: #474c57;
    border: 0;
    font-size: 13px;
}

.postBriefMessagesInner .editMediaHeader,
.shortLinkInner .editMediaHeader,
.js-postBriefMessage,
.js-shortLink,
i.js-briefExpander,
i.js-shortLinkExpander,
.searchShortLinks {
    color: var(--colorGray_8)
}

.postBriefMessagesInner .addSmallCaps,
.shortLinkInner .addSmallCaps,
.js-postBriefRows .lblPostTime,
.js-shortLinkRows .lblPostTime,
i.js-briefExpander,
i.js-shortLinkExpander {
    color: var(--colorGray_SoftMedium);
}

    .postBriefMessagesInner .addSmallCaps:hover,
    .shortLinkInner .addSmallCaps:hover,
    i.js-briefExpander:hover,
    i.js-shortLinkExpander:hover {
        color: var(--colorGray_8);
    }

.js-postBriefRows,
.js-shortLinkRows {
    overflow: hidden;
    overflow-y: auto;
    right: 0;
    left: 0;
    top: 48px;
    bottom: 17px;
    position: absolute;
    padding-right: 6px;
    padding-left: 13px;
}

    .js-postBriefRows::-webkit-scrollbar,
    .js-shortLinkRows::-webkit-scrollbar {
        width: 4px;
    }

    .js-postBriefRows::-webkit-scrollbar-thumb,
    .js-shortLinkRows::-webkit-scrollbar-thumb {
        background-color: hsl(225deg 10% 27%);
    }

    .js-postBriefRows::-webkit-scrollbar-track,
    .js-shortLinkRows::-webkit-scrollbar-track {
        background-color: hsl(225deg 10% 56%);
    }

.js-briefDiv,
.js-shortLinkDiv {
    --width: 300px;
    position: fixed;
    left: calc(-1 * var(--width));
    z-index: 100;
    top: var(--briefDivTop);
    width: var(--width);
    background: var(--colorGray_AddIcon);
    transition: left ease-in-out 0.5s;
    border: 4px solid var(--colorGray_AddIcon);
    border-left: 0 !important;
    box-shadow: -20px 5px 40px rgba(0,0,0,.16);
    padding-right: 6px;
    height: 352px;
}

    .js-briefDiv.expanded,
    .js-shortLinkDiv.expanded {
        left: 0px;
    }

.js-motExpander {
    position: fixed;
    left: 0;
    top: calc(var(--briefDivTop) + 60px);
    cursor: pointer;
    z-index: 2;
}

.js-shortLinkDiv {
    z-index: 99;
    top: calc(var(--briefDivTop) + 102px);
}

.js-postBriefRows .isSystemNote,
.js-shortLinkRows .isSystemNote {
    border-top: 1px dotted var(--colorGray_SoftMedium);
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 5px;
}

.taEditBrief {
    min-height: 300px
}

.js-postBriefRows .lblPostTime,
.js-shortLinkRows .lblPostTime {
    float: none;
    font-size: 11px;
    font-family: Ubuntu;
}

.js-postBriefRows .divider,
.js-shortLinkRows .divider {
    border-right: 1px solid var(--colorGray_SoftMedium);
    margin-left: 6px;
    margin-right: 9px;
}

.postBriefTitle,
.js-shortLinkTitle,
.js-seeMoreShortLinks {
    color: var(--colorPinkFaded);
    font-size: 13px;
    font-weight: 400;
}

.js-briefExpander,
.js-shortLinkExpander {
    cursor: pointer;
    position: absolute;
}

i.js-briefExpander,
i.js-shortLinkExpander {
    font-size: 10px;
    right: -6px;
    bottom: 2px;
    background-color: transparent;
    padding: 2px 6px;
    padding-right: 0;
}

.js-briefExpander i,
.js-shortLinkExpander i {
    cursor: pointer;
}

.btnExpander,
.js-briefExpander.briefExpander,
.js-shortLinkExpander.shortLinkExpander {
    --height: 40px;
    right: -49px;
    top: 5px;
    width: 45px;
    height: var(--height);
    line-height: var(--height);
    text-align: center;
    font-size: 18px;
    background-color: var(--colorPink);
    color: white;
    font-size: 17px;
}

    .btnExpander:hover,
    .js-briefExpander.briefExpander:hover,
    .js-shortLinkExpander.shortLinkExpander:hover {
        background-color: #bd1957;
    }

.js-briefExpander.briefExpander {
    font-size: 18px;
}

.expanded .js-briefExpander.briefExpander,
.expanded .js-shortLinkExpander.shortLinkExpander {
    box-shadow: inset 0px 5px 40px rgb(0 0 0 / 16%);
}

.js-briefNotesUnreadCount.unreadCount {
    top: -11px
}

.js-postBriefMessage,
.js-shortLink {
    line-height: 18px;
    font-size: 12.5px;
    white-space: pre-line;
    overflow-wrap: break-word;
}

.js-shortLink {
    white-space: normal;
}

.postBriefMessagesInner {
    position: relative;
    height: 100%;
}

.btnAddRemarks {
    float: right;
    margin-top: -3px !important;
    position: relative;
    font-size: 14px !important;
    height: 24px !important;
    line-height: 0.8;
}

.remarkOuter {
    width: 100%;
    float: left;
    margin: 5px 0;
}

    .remarkOuter .remarkRowOuter {
        width: 100%;
        max-width: calc(100% - 53px);
    }

.js-pastRemarks.inline .js-divRemarks {
    max-height: calc(28vh - 100px);
}

.js-PostPreview .js-divRemarks {
    max-height: calc(100vh - 381px);
}

.js-divRemarks::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255);
}

.js-divRemarks::-webkit-scrollbar-thumb {
    background-color: hsla(337, 76%, 46%, 0.83);
}

.js-divRemarks::-webkit-scrollbar {
    width: 5px;
}

.js-divRemarks .lblPostTime {
    font-size: 11px;
    color: var(--colorGray_Light);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Ubuntu';
    font-style: italic;
    float: none;
}

.js-divRemarks .isSystemNote .lblPostTime {
    padding-left: 0;
}

.js-divRemarks .btnDeleteImg {
    height: auto !important;
    width: auto;
    font-size: 12px;
    line-height: 18px;
    background-color: white !important;
    color: #929498 !important;
    padding: 0px 6px !important;
    border-radius: 5px;
    float: right;
    position: relative;
}
/********/
div::-webkit-scrollbar {
    width: 8px;
    height: 8px; /*the horizontal scrollbar width*/
}

div.dataTables_scrollBody::-webkit-scrollbar {
    height: 10px; /*the horizontal scrollbar width*/
}

div::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 7px;
    background-color: var(--colorGray_SoftLight);
}

div::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: var(--colorGray_7);
}
/*******/
.js-mainContainer::-webkit-scrollbar {
    width: 11px;
}
/*******/
.leftMenuActive::-webkit-scrollbar-track, .leftMenuActive::-webkit-scrollbar-thumb {
    border-radius: 0;
}

.leftMenuActive::-webkit-scrollbar-track {
    background-color: rgb(61, 61, 61);
}

.leftMenuActive::-webkit-scrollbar-thumb {
    background-color: rgb(89, 89, 89);
}

.cbRemarkVisible {
    display: block;
    margin-top: 2px;
    margin-right: 24px;
    text-align: right;
}

    .cbRemarkVisible label {
        font-size: 12px;
        color: rgb(103, 103, 103);
        position: relative;
        top: -2px;
    }

.btnAddPost {
    position: absolute;
    top: 3px;
    right: 2px;
    padding: 3px 4px;
    padding-bottom: 2px;
    -webkit-transition: background-color .25s linear;
    transition: background-color .25s linear;
    border-radius: 50%;
}

    .btnAddPost img {
        width: 16px;
        vertical-align: top;
    }

    .btnAddPost:hover {
        background-color: var(--colorPink);
    }

.btnAddPostBottom {
    font-size: 20px;
    color: hsl(225 10% 83% / 1);
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 4px;
    position: sticky;
    top: 150px;
    opacity: 0.6;
}

    .btnAddPostBottom:hover {
        opacity: 0.9;
        color: var(--colorPink)
    }

.msgBold {
    color: var(--colorGray_Light);
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
    padding-top: 4px;
    float: right;
    width: 100%;
    display: inline-block;
}

.remarkOuter .msgBold {
    float: none;
    padding-left: 0;
}

.isSystemNote .msgBold {
    color: #d11b61;
    float: left;
    text-align: left;
    width: auto;
    /*padding-left: 8px;*/
    padding-top: 0;
}

.remarkOuter .imgRemark {
    margin-top: 3px;
}

.postType {
    background-color: #F1F1F4;
    font-size: 10px;
    line-height: 16px;
    color: hsla(225,13%,70%,1);
    padding: 0px 4px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
    max-width: calc(100% - 60px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.getPostPreview {
    /*width: 14px;
    background-image: url('../images/expand.svg');*/
    cursor: pointer;
}
/*.modal .liPostPreview,*/
.modal .js-getTeamMessagesInPreview, .js-teamInbox .js-getTeamMessagesInPreview {
    display: none;
}

.imgOnBoolean {
    width: 16px;
}

.imgLocked {
    width: 17px;
}

.imgWithBadge {
    cursor: pointer;
    position: relative;
    text-align: right;
}

.minical .imgWithBadge {
    top: -2px;
}

.js-summaryCol i {
    cursor: pointer;
}

.js-reportsPageSelected {
    /*justify-content: center;*/
    max-width: 1860px;
    margin: auto;
}

.window-scroll .js-reportsPageSelected {
    max-width: 100%;
}

.curFolderImg, .badge {
    vertical-align: text-bottom;
}

.imgWithBadge .badge {
    font-size: 8.5px;
    right: -2px;
    position: relative;
    border-radius: 0;
    padding: 2px 3px;
    border-radius: 3px;
    background-color: #c7004c;
    vertical-align: bottom;
}

.js-Calendarnotes, .js-Calendarnotes span, .note-editor.note-frame, .note-editor.note-frame span {
    font-size: 14px !important;
}

.pfItem {
    vertical-align: bottom;
    display: inline-block;
}

.js-teamInbox .pfItem {
    margin-left: 2px;
}

.pfIcon {
    height: 15px;
    width: 15px;
    position: relative;
    right: 0;
    top: 1px;
    background-size: cover;
    vertical-align: bottom;
    display: inline-block;
}

.pType {
    text-transform: uppercase;
    color: var(--colorPink);
    position: relative;
    margin: 0;
}

.js-editPostBudget.form-control {
    width: 70px;
    border: 0;
    color: var(--colorBlue);
    position: relative;
    top: -2px;
    cursor: pointer;
}

.imgWithBadge .pfIcon {
    margin-left: auto; /*pulls the image to the right*/
}

.hlSeeOnCalendar, .pfIcon, .status, .status, .calendarColumn .js-postColumn .postTypeCalendar, .pType, .bud, .calendarBudgets, .postDetailsHeader .tagLabel {
    line-height: 17px;
}

.unreadMessages {
    background-image: url(/../images/team-messages-gray.svg);
}

    .unreadMessages:hover {
        background-image: url(/../images/team-messages-on.svg);
    }

.getInboxMessages {
    background-image: url(/../images/messages-gray.svg);
    height: 17px;
    width: 16px;
    top: 2px;
}

    .getInboxMessages:hover {
        background-image: url(/../images/messages-on.svg);
    }

.status {
    color: white;
    margin-right: 3px;
    text-transform: uppercase;
    padding: 0 4px;
    float: left;
    max-width: 100%;
}

    .status.statusChild {
        color: var(--colorGray_Dark);
        background-color: white;
        border: 1px dotted var(--colorGray_SoftMedium);
        padding: 0 3px;
        height: 17px;
    }

.status, .postDetailsHeader .tagLabel, .calendarColumn .js-postColumn .postTypeCalendar {
    height: 16px;
}

.status, .calendarColumn .js-postColumn .postTypeCalendar, .pType, .bud, .calendarBudgets, .optimisationMethod {
    font-size: 11px;
}

.minical .status, .minical .postTypeCalendar, .minical .pType, .minical .bud, .minical .calendarBudgets {
    font-size: 10px;
    line-height: 12px;
}

.minical .bud {
    padding-left: 6px
}

.minical .pType {
    color: var(--colorGray_Light);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 41px);
}

.minical .calendarBudgets {
    margin-left: 2px;
}

.minical .js-postColumn .status {
    --wh: calc(100% + 2px);
    height: 5px;
    width: var(--wh);
    color: transparent;
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
    position: absolute;
    left: -1px;
    top: -5px;
    border-radius: 5px 5px 0 0;
    max-width: initial;
}

.statusClear {
    background-color: #a481de;
}

.statusBrokenLink {
    position: relative;
    width: 15px;
    overflow: hidden;
}

    .statusBrokenLink:after {
        background-image: url(/../images/broken-link.png);
        background-size: 13px;
        background-repeat: no-repeat;
        content: '';
        width: 100%;
        height: 13px;
        position: absolute;
        top: 0;
        background-color: white;
        left: 2px;
    }

.statusDeleted {
    background-color: rgb(234, 28, 28);
}

.statusPending {
    background-color: var(--colorPending_Active);
}

.statusScheduled {
    background-color: var(--colorScheduled);
}

.js-ddlFilterIndexPosts .dropdown-toggle .status {
    float: none;
    display: inline-block;
}

.js-statusInboxMessages {
    background-color: var(--colorPink);
}

    .js-statusInboxMessages i {
        font-size: 0.85em;
        margin-left: 1px;
    }

.contentStatus {
    height: 28px;
    padding: 7px;
    font-size: 14px;
}

.statusUnsubmitted {
    /*background-color: rgb(170, 176, 176);*/
    background-color: var(--colorGray_Light);
}

.statusReview {
    background-color: var(--colorReviewRequested);
}

.statusFeedback {
    background-color: var(--colorFeedback);
}

.statusApproved {
    background-color: var(--colorApproved_Active);
}

.statusPosted {
    background-color: #34C2DB;
}

.statusFailed {
    background-color: var(--colorFailedToPost);
}

.statusClearNotif {
    background-color: hsl(224, 10%, 54%);
}

.statusUnsuccessful .statusError {
    background-color: rgb(66, 66, 66);
}

.diviPhoto {
    background-color: var(--colorGray_ExtraLight);
    width: 100%;
    margin-bottom: 10px;
    float: left;
    padding: 20px;
    padding-bottom: 15px;
    position: relative;
}

.backSection {
    background-color: var(--colorGray_ExtraLight);
    padding: 14px;
    padding-bottom: 5px;
}

.userProfile {
    width: 85px;
    display: inline-block;
    padding-right: 1px;
    padding-bottom: 1px;
}

    .userProfile input[type="radio"] {
        margin: 7px 0 1px 34px;
    }

    .userProfile .userImage {
        width: 100%;
        float: left;
        margin-top: 3px;
        background-size: 100%;
        height: 83px;
        cursor: pointer;
    }

.addIdea {
    float: right;
    margin-top: 6px;
    margin-right: 25px;
    font-size: 15px;
}

.calendarBudgets {
    position: relative;
    float: right;
    margin-left: 12px;
}

.bud {
    color: var(--colorPink);
    padding-left: 3px;
}

.isSelected {
    display: none;
}

.isSelectedCB {
    float: left;
    max-height: 28px;
}

    .isSelectedCB label {
        border: 1px solid var(--colorGray_8) !important;
        border-radius: 1px !important;
        font-size: 18px !important;
        width: 28px !important;
        height: 28px !important;
        text-indent: 0 !important;
        line-height: 1.6 !important;
        background: white !important;
        color: transparent;
        text-align: center;
        margin-bottom: 0 !important;
        position: relative;
        cursor: pointer;
    }

        .isSelectedCB label.cbDisabled {
            cursor: default;
        }

        .isSelectedCB input[type=checkbox]:checked ~ label,
        /*.isSelectedCB.history label:not(.cbDisabled),*/
        .isSelectedCB label.isSelectedIdea {
            border-color: #d11c61 !important;
        }

        .isSelectedCB label:before {
            /*content: "\f004";*/
            content: ' ';
            background-image: url(/../images/selIdea-gray.svg);
            /*font-family: "Font Awesome 5 Free";*/
            /*font-weight: 900;*/
            background-size: contain;
            background-repeat: no-repeat;
            height: 100%;
            position: absolute;
            width: 18px;
            left: 4px;
            top: 4px;
        }

        .isSelectedCB input[type=checkbox]:checked ~ label::before,
        /*.isSelectedCB.history label:not(.cbDisabled)::before,*/
        .isSelectedCB label.isSelectedIdea:before {
            content: " ";
            background-image: url(/../images/selIdea-on.svg);
            margin-left: 0;
        }

.calTop {
    padding-top: 10px;
    background-color: white;
}

.window-scroll .calStaticDays, .window-scroll .js-reportsPageSelected {
    box-shadow: 0px 13px 14px -15px var(--colorGray_7)
}

.conCals {
    margin-top: 0;
}

.stripeOuter {
    margin-top: 18px;
    margin-bottom: 25px;
}

.stripe {
    float: left;
    text-align: center;
    position: relative;
    top: -5px;
    display: none
}

    .stripe .lblWeekText {
        display: inline-block;
        width: 85px;
        top: 0px;
        position: relative;
    }

.divDate {
    color: var(--colorGray_8)
}

.calPrintRefresh {
    /*position: absolute;*/
    /*z-index: 1;*/
    /*right: 0px;*/
    position: relative;
    top: -5px;
    margin-left: auto;
}

.printCalendar {
    position: relative;
    width: 24px;
    top: 3px;
    left: 0px;
    right: 5px;
    margin: 0;
    margin-left: 1px;
    margin-right: 5px;
}

.lbResetCalendar {
    font-size: 11px;
    position: relative;
    top: 1px;
    left: 7px;
}

    .lbResetCalendar img {
        top: -2px;
        position: relative;
    }

.calendarImg-sm {
    cursor: pointer;
    color: var(--colorGray_80);
    font-size: 11px;
    position: relative;
    top: 0px;
    left: 7px;
}

    .calendarImg-sm:hover {
        color: var(--colorPink);
    }

.lbResetCalendar img, .printCalendar {
    width: 17px;
    margin: 0 5px;
    opacity: 0.7;
}

.tbRowR {
    border-left: none;
}

.borderDashedLeft {
    border-left: 1px dashed rgb(221, 221, 221);
}

.rowHeader {
    width: 100%;
}

.resetCalendar,
.js-resetContentPerformanceDates {
    position: relative;
    top: 1px;
    cursor: pointer;
}

.photoCost {
    color: #585858;
    font-size: 13px;
    padding: 0 5px;
    width: 45px;
    height: 25px;
    display: inline-block;
}

.lcs {
    position: relative;
    top: 5px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 118px);
}

.js-calendarDayCol.active {
    box-shadow: -1px -1px 0 0px var(--colorPinkFaded);
    border-color: var(--colorPinkFaded);
    border-bottom-style: solid;
}

.calendarColumnOuter {
    background-color: var(--colorGray_ExtraLight);
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    -webkit-flex-basis: 100px;
    -ms-flex: 0 1 100px;
    flex-basis: 100px;
    border-right: 1px solid white;
    border-bottom: 1px dashed rgb(221, 221, 221);
    position: relative;
    min-height: 121px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1px;
    flex-flow: column; /*for calendar dragging*/
}

.js-post-selected {
    border: 2px dashed var(--colorPink);
}

.calendarColumn .js-post-selected {
    background-color: var(--colorGray_SoftLight);
}

    .calendarColumn .js-postColumn:not(.calDragIgnore):hover .calDragHandle, .calendarColumn .js-post-selected .calDragHandle {
        opacity: 1;
        display: block;
    }

.cbSelPostCalendar {
    display: none;
    position: absolute;
    top: 10px;
    left: 7px;
}

.minical .cbSelPostCalendar {
    top: calc(100% - 23px);
    left: 3px;
}

.js-indexPosts .cbSelPostCalendar {
    top: 17px;
    left: 15px;
}

.js-indexPosts .js-post-selected .cbSelPostCalendar {
    top: 11px;
    left: 10px;
}

.cbSelPostCalendar.SingleCheckbox:hover input[type=checkbox] ~ label::before {
    border-color: var(--colorBlueHover);
}

.js-post-selected .cbSelPostCalendar, .js-postColumn:hover .cbSelPostCalendar {
    display: block;
}

.js-teamInbox .js-postColumn:hover .cbSelPostCalendar {
    display: none;
}

.calendarColumn .js-post-selected .calDragHandle {
    background: transparent;
    color: var(--colorPink);
}

.js-postColumn:not(.calDragIgnore):hover .imgPagePhoto, .js-post-selected .imgPagePhoto {
    opacity: 0
}

.js-indexPosts .js-postColumn.js-post-selected:hover .imgPagePhoto, .js-indexPosts .js-post-selected .imgPagePhoto {
    opacity: 1
}

.calendarColumn .js-postColumn.calDragIgnore .calDragHandle {
    display: none
}

.calSortableGhostClass {
    background-color: var(--colorGray_SoftLight);
    border: 2px dashed var(--colorPink);
}

.minical .calDragHandle {
    padding: 0px 3px;
    left: 1px;
    right: auto;
    bottom: 1px;
    top: auto;
    font-size: 13px;
    text-align: center;
}

.invalidDate {
    background-color: var(--colorGray_ExtraLight);
}

.otherMonth {
    background-color: hsl(225, 10%, 99%);
    border-right: 1px solid var(--colorGray_ExtraLight);
}

.invalidDate .lblCalDay {
    color: var(--colorGray_SoftMedium);
}

.otherMonth .lblCalDay {
    background-color: var(--colorGray_SoftLight);
    color: var(--colorGray_Light);
}

.ccoClassBorder {
    border-right: 1px dashed rgb(221, 221, 221);
}

.calendarColumn {
    font-size: 13px;
    line-height: 17px;
    float: left;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 0 4px;
    padding-top: 1px;
    /*flex: 1;*/ /*to fill column height all the way down so that dragging works: NN: removed to allow new add post button to show below it*/
}

.addCalCategory {
    width: 16px;
    border-width: 0px;
    float: left;
    position: absolute;
    top: 8px;
    left: 7px;
    transition: all .25s linear;
}

    .addCalCategory:hover {
        filter: invert(1);
    }

.lblCalDay {
    background-color: var(--colorGray_8); /*rgba(219, 220, 225, 0.98);*/
    padding: 10px 4px;
    height: 62px;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 19px;
    color: var(--colorPink);
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    vertical-align: top;
    text-align: center;
    /*position: sticky;
    top: 107px;*/
    z-index: 1;
    position: relative;
}

.rowHeader .lblCalDay {
    background-color: white;
    padding: 8px 7px;
    border-right: 1px dashed var(--colorGray_8);
    border-top: 1px dashed var(--colorGray_8);
    border-bottom: 1px solid var(--colorGray_8);
    color: var(--colorGray_Medium);
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1px;
    height: 40px;
    font-size: 16px;
}

.window-scroll .rowHeader .lblCalDay {
    background-color: var(--colorGray_ExtraLight)
}

.splblDateDay {
    display: none;
}

.lblCalDay.today {
    background-color: var(--colorPink);
    color: white !important;
}

.email {
    font-size: 14px !important;
    margin-top: 5px !important;
    color: rgba(138, 138, 144, 0.6) !important;
}

.labelHyperlink {
    font-size: 15px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
}

.columnSearchClicked .labelHyperlink {
    font-weight: 400;
}

.nextToimgFB {
    max-width: calc(100% - 60px);
}

.js-taCommentToApprover {
    font-size: 13px;
    min-height: 100px;
}

.lblPageName {
    font-size: 12px;
    font-weight: bold;
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    display: block;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 35px); /*space saved for 'post actions' button and 'more ideas available' label (lblIdeaNo) */
    float: left;
}

.calendar .lblPageName.moreIdeas {
    width: calc(100% - 36px); /*space saved for idea number on calendar. keep to 18px to fit quick view also*/
}

.lblIdeaNo {
    width: auto;
    position: absolute;
    top: 4px;
    right: 30px;
    float: right;
    font-size: 10.5px;
    line-height: 11px;
    color: var(--colorGray_Light);
    font-family: arial, helvetica, 'lucida grande', sans-serif;
}

.js-Calendar .lblIdeaNo {
    display: inline-block;
    right: 28px;
}

.minical .lblIdeaNo {
    top: 3px;
    font-size: 10px;
}

.calendarColumn .lblPageName {
    font-size: 10.5px;
    line-height: 12px;
    margin-top: 1px;
}

.minical .lblPageName {
    display: none;
}

.platformPost i.platfIconFas {
    font-size: 1.1em;
    top: 0px;
    left: 1px;
    color: var(--colorBlue);
}

.js-postColumn.platformPost i.platfIconFas {
    font-size: 18.5px;
    top: 0px;
    left: auto;
    vertical-align: bottom;
}

    .js-postColumn.platformPost i.platfIconFas.fa-tiktok {
        font-size: 17px;
    }

.teamMessagesPostOuter {
    padding: 0;
    background-color: transparent;
}

    .teamMessagesPostOuter .js-postColumn.platformPost i.platfIconFas {
        font-size: 18px;
        top: -1px;
    }

    .teamMessagesPostOuter .postFooter,
    .teamMessagesPostOuter .js-postBriefSnippetsRows {
        display: none;
    }

.js-postColumn.platformPost .lblPageName i.platfIconFas,
.postColumnR i.platfIconFas,
.calendarColumn .js-postColumn.platformPost .lblPageName i.platfIconFas {
    font-size: 11px;
    vertical-align: baseline;
    top: -1px;
}

.postColumnR i.platfIconFas {
    top: -3px;
}

.calendarColumn .js-postColumn.platformPost .lblPageName i.platfIconFas {
    vertical-align: bottom;
}

.minical .js-postColumn.platformPost i.platfIconFas {
    font-size: 1em;
    top: -1px;
}

i.fa-facebook.platfIconFas, i.fa-facebook-square.platfIconFas, .fb-post i.fa-facebook-square, #emlRowHeader i.fa-facebook-square, .js-multiInboxPageInfo i.fa-facebook-square, .sortableItemText i.fa-facebook-square, .pageNameDashboard i.fa-facebook-square {
    color: var(--colorFB);
}

i.fa-instagram.platfIconFas, i.fa-instagram-square.platfIconFas, .insta-post i.fa-instagram, .insta-post i.fa-instagram-square, #emlRowHeader i.fa-instagram, #emlRowHeader i.fa-instagram-square, .js-multiInboxPageInfo i.fa-instagram, .js-multiInboxPageInfo i.fa-instagram-square, .sortableItemText i.fa-instagram, .sortableItemText i.fa-instagram-square, .pageNameDashboard i.fa-instagram .pageNameDashboard i.fa-instagram-square {
    color: var(--colorInsta);
}

.tw-post i.fa-twitter-square,
#emlRowHeader i.fa-twitter-square,
.js-multiInboxPageInfo i.fa-twitter-square,
.sortableItemText i.fa-twitter-square,
.pageNameDashboard i.fa-twitter-square,
i.fa-twitter-square.platfIconFas {
    color: white;
}

i.fa-youtube-square.platfIconFas, i.fa-youtube-square {
    color: var(--colorYouTube)
}

i.fa-tiktok.platfIconFas {
    color: var(--colorTikTok)
}

.fa-twitter-square::before {
    content: "𝕏";
    font-size: 0.9em;
    color: white;
    background-color: black;
    padding: 0px 2px;
    border-radius: 2px;
}

.calendarColumn .lblPostTime, .calendarColumn .lblPostTimePassed {
    font-size: 10.5px;
    line-height: 11px;
}

.calendarColumn .postTimeCondensed {
    width: auto;
}

.calendarColumn .lblPostTime.postTimeCondensed {
    color: var(--colorBlueHover);
}

.calendarColumn .postTimeCondensed, .minical .bud {
    font-size: 10px;
    line-height: 11px;
    font-family: Ubuntu;
    font-weight: 400
}

.pink {
    color: var(--colorPink) !important;
}

a#reportsLink {
    max-width: calc(100% - 61px);
    padding-top: 6px;
}

a#postType {
    max-width: calc(100% - 40px);
    padding-top: 3px;
}

.divCommentsOuter .columnSearch {
    padding: 21px 20px;
    width: 240px;
    float: left;
    border: none;
}

    .divCommentsOuter .columnSearch .right {
        right: -21px !important;
        top: -18px !important;
        width: 100%;
        text-align: right;
    }

@media only screen and (max-width: 1280px) {
    .divCommentsOuter .columnSearch {
        width: 100%;
    }
}

.columnSearchClients {
    border: 0;
    margin-bottom: 0;
    padding: 0;
    padding-top: 5px;
}

    .columnSearchClients .imgFBPage {
        float: none;
    }

.postMess {
    margin-top: 8px;
    float: left;
    overflow: hidden;
    height: 57px; /* (3*19) 3 lines, 19px line-height*/
    position: relative;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-line;
    width: 100%;
    color: #141823 !important;
}

    .postMess:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 45%;
        height: 19px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    }

.conversationIndex {
    position: absolute;
    left: 0px;
    bottom: 0;
    font-size: 12px;
    padding: 0px 3px;
    font-weight: 400;
    background-color: white;
}

.messengerIcon {
    width: 18px;
    position: absolute;
    top: 15px;
    left: 6px;
}

.platformIcon {
    /*position: absolute;
    z-index: 1;
    border: 0;*/
    width: 12px;
    /*top: 34px;
    left: 8px;*/
    border-radius: 50%;
}

.js-multiInboxPageInfo {
    position: absolute;
    bottom: 3px;
    /*width: 143px; problem*/
    max-width: 100%;
    left: 69px;
    margin: 0 auto;
    padding: 0px 4px;
    line-height: 0.8em;
    font-size: 20px;
}

    .js-multiInboxPageInfo * {
        vertical-align: middle;
    }

.socialPageIcon {
    width: 12px;
    /*margin-right: 5px;*/
    border-radius: 50%;
}

.js-multiInboxPageInfo .socialPageIcon {
    width: 0.7em;
    border: 1px solid rgba(0, 0, 0, .1);
}

.spNameMsgLeft {
    font-size: 0.55em;
    color: var(--colorBlue);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}

.parentType {
    width: 11px;
    bottom: 0;
    top: auto;
    left: 38px;
}

.pageInHeader:not(.noBorderRadius):after, .pageImgSmall:after, .conversationImg:after, .imgFBPage:after {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: inherit;
}

.filterProfileItem .pageDetailsName .pageInHeader:not(.noBorderRadius):after {
    border-color: var(--colorGray_80);
}

.ddlLayoutSelPage li .pageInHeader:after {
    display: none
}

.noBorderRadius.conversationImg:after {
    border-radius: 0;
}

.conversationImg {
    left: 30px;
}

.js-inboxMessage .imgFBPage, .pnlReply .imgFBPage, .conversationImg {
    --wh: 30px;
    background-color: hsla(28, 19%, 95%, 1);
}

.streamColInner .js-inboxMessage .imgFBPage {
    --wh: 20px;
}

.showInListening, .showInListening .albOver {
    display: none;
}

.streamColInner .showInListening {
    width: 50px;
    display: block
}

.showInListening .attachImg {
    max-width: 100%;
    min-height: initial;
}

.taggedIcon {
    position: absolute;
    bottom: 15px;
    left: 5px;
    font-size: 19px;
    width: 100%;
}

    .taggedIcon i {
        background: white;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

.taggedPageName {
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    display: inline-block;
    border: 0;
    font-size: 11px;
    color: white;
    line-height: 21px;
    padding: 0 6px;
    position: relative;
    top: 3px;
    left: -2px;
    max-width: calc(100% - 35px);
}

.taggedPageNameInner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.taggedArrow {
    border-style: solid;
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
    border-bottom: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, .85);
    top: 100%;
}

.js-parentMessageTop .js-inboxMessage.type-review .imgFBPage, .js-parentMessageTop .js-inboxMessage.type-pm .imgFBPage {
    --wh: 80px;
    z-index: auto;
    position: relative;
    margin-right: 10px;
}

.js-parentMessageTop .js-inboxMessage.type-pm.tw-post .imgFBPage {
    --wh: 48px; /*tw images are 48px max*/
}

.js-parentMessageTop .js-inboxMessage .msgReply .imgFBPage {
    --wh: 18px;
    top: 14px;
}

.msgInner, .pnlReply .replyOuter {
    padding-left: 61px;
    width: 100%;
}

.replyOuter.js-nonMessage {
    padding-left: 21px;
    padding-top: 1px;
}

.js-replyRight, .js-newData {
    float: left;
    width: 100%;
}

.js-loadMore {
    float: left;
    position: relative;
    left: calc(50% - 55px);
    width: 110px;
    color: hsla(37, 87%, 47%, 1);
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.6px;
    padding: 5px 7px;
    padding-bottom: 4px;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background-color: hsla(37, 87%, 98%, 1);
    border-radius: 10px;
    border: 1px solid hsl(37, 87%, 72%);
    cursor: pointer;
    transition: 0.3s all linear;
}

    .js-loadMore:hover {
        background-color: hsla(37, 87%, 93%, 1);
    }

    .js-loadMore[data-direction="1"] { /*1 is LoadMessagesActionEnum.LoadMore */
        margin-top: 12px;
    }

.tp-conversation .js-loadMore[data-loadMessagesAction="2"] { /*2 is LoadMessagesActionEnum.LoadPrevious */
    display: none
}

.type-message .fbMessageInner {
    padding-left: 39px;
    /*width: 100%;
    max-width: none;*/
}

.js-inboxMessage.fromPage > .imgFBPage {
    margin-left: 10px;
    margin-right: 0 !important;
    float: right !important;
}

.type-comment .imgFBPage, .msgReply .imgFBPage {
    --wh: 23px;
    top: 17px;
    line-height: 1.7;
}

.js-parentMessageTop .msgReply .imgFBPage {
    left: 0px;
    top: 10px;
}

.type-comment .msgReply .imgFBPage {
    --wh: 20px;
}

.type-reply .imgFBPage {
    --wh: 16px;
    top: 22px;
}

.letterIcon {
    font-size: 14px;
    line-height: 2;
    color: white;
    font-weight: 500;
    background-color: var(--colorGray_Medium) !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 50%;
}

.js-parentMessageTop .letterIcon {
    line-height: 2;
    font-size: 25px;
    height: 80px;
    width: 80px;
    margin-right: 5px;
}

.type-reply .letterIcon {
    font-size: 11px;
    line-height: 1.3;
}

.js-modalAddEmail .modal-body {
    padding: 15px 18px;
}

.js-modalAddEmail .emailMessagesTable {
    font-family: Calibri !important;
    font-size: 16px !important;
}

.js-modalAddEmail p {
    margin: 0
}

.singleLine .lblPostMessage {
    width: auto;
    margin-right: 10px;
}

.singleLine .divContributor {
    float: right;
    margin-top: 11px;
}

.singleLine label {
    font-size: 14px;
    vertical-align: 2px;
}

.singleLine input[type="checkbox"] {
    cursor: pointer;
}

.editDeleteBtn {
    background-color: transparent !important;
    line-height: 1 !important;
    padding: 0 !important;
    border: 0 !important;
    margin-right: 2px !important;
    vertical-align: initial !important;
    font-size: 14px;
}

    .editDeleteBtn:hover {
        box-shadow: none !important;
        color: #367C96 !important;
    }

.columnSearch input[type="image"] {
    float: left;
    width: 167px;
}

.lblTelephone {
    width: 100px;
}

.imgPost, .imgPostDisabled {
    width: 100%;
    float: left;
    margin-right: 13px;
}

.hlCampName, .hlOutName {
    width: 255px;
    margin-right: 10px;
    float: left;
}

.how {
    float: left;
    font-size: 14px;
    text-align: center;
    color: rgb(102, 102, 102);
    width: 100%;
    margin-bottom: 10px;
}

.lblTitle {
    font-size: 21px;
    margin: 0 8px 27px 0;
    float: left;
    width: 100%;
}

.lblDesigner {
    font-size: 13px;
    color: rgb(80, 80, 80);
    position: relative;
    top: 10px;
}

.pnlPhoto {
    background-size: contain;
    height: 100px;
    width: 150px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 50px;
}

.breadcrumb {
    float: left;
    width: 100%;
}

.dataTable .fa-circle {
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

    .dataTable .fa-circle.active {
        color: var(--colorBlue);
    }

    .dataTable .fa-circle.inactive {
        color: var(--colorGray_8);
    }

.datepicker .active {
    color: white !important;
    background-color: #d11c61 !important;
    background-image: none !important;
}

.activeAll {
    margin-left: -5px;
}

    .activeAll label {
        opacity: 0;
        margin-left: -6px;
    }

.pageNameInline {
    max-width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.pnlCategories span {
    font-size: 14px;
    position: relative;
    margin-bottom: 2px;
    float: left;
}

.conversationImg, .imgFBPage {
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: var(--wh);
    height: var(--wh);
}

.msgLeftTypePost {
    right: 125px;
    left: auto;
    top: -1px;
    width: 42px;
    height: 42px;
    border-radius: 0;
    position: absolute;
}

.combinedInbox .msgLeftTypePost {
    top: 1px;
}

.msgLeftTypePost .attachShareDetails {
    display: none;
}

.msgLeftTypePost .pnlAttachments {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    position: relative;
}

.msgLeftTypePost::after {
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: transparent;
}

.tableTokenStatus .imgFBPage {
    float: none;
    position: relative;
}

.imgFBPage {
    --wh: 26px;
    margin-right: 10px;
    z-index: 1;
}

.fpdComments
.imgFBPage {
    --wh: 16px;
}

.quoteTweet {
    border: 1px solid var(--colorGray_8);
    padding: 9px;
    padding-top: 5px;
    border-radius: 12px;
    background-color: white;
    float: left;
    font-family: arial, helvetica, 'lucida grande', sans-serif;
    font-size: 13px;
}

.topEngagementPost .quoteTweet {
    margin: 5px;
    width: calc(100% - 2 * 5px);
}

.platformPost .quoteTweet {
    margin: 5px 0;
    width: 100%;
}

.quoteTweet .pnlAttachments {
    padding: 0;
    margin-top: 3px;
    width: 100%;
}

.quoteTweet .lblPageNameFpd {
    line-height: 1.4;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: text-top;
}

.quoteTweet .imgFBPage {
    left: 0;
    position: relative;
    --wh: 25px;
    margin-right: 5px;
}

.parentMessageFrom {
    color: black;
    font-size: 12.5px;
    font-weight: 400;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 3px;
    align-items: center;
}

    .parentMessageFrom .imgFBPage {
        --wh: 16px;
        position: relative;
        margin-right: 5px
    }

    .parentMessageFrom .letterIcon {
        line-height: 14px;
        font-size: 12px;
        margin-right: 3px;
        height: 15px;
        width: 15px;
    }

.pageFansUserImg {
    --wh: 26px;
    height: var(--wh);
    width: var(--wh);
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    z-index: 2;
    margin-right: 10px;
    float: left;
}

.columnSearchClicked .pageFansUserImg {
    --wh: 40px;
}

.imgFBPage.colColorImg {
    top: 2px;
    position: relative;
    margin-right: 8px;
    float: left;
}

.reportsPostTypesList .imgFBPage {
    top: 0;
    position: relative;
    float: left;
}

.imgFBPage:after {
    border: 1px solid rgba(0, 0, 0, .2);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.noBorderRadius {
    border-radius: 0;
}

.fromPage > .mainMessage {
    float: right !important;
}

.fromPage > #attUrl {
    border-radius: 15px;
    padding: 10px;
    background-color: #4e5665;
    float: left;
    color: white !important;
    text-decoration: underline;
}

.smallFBPage {
    width: 16px;
}

.medFBPage {
    --width: 42px;
    margin: 3px 0;
    margin-right: 15px;
}

.userRoleCombo {
    width: 150px;
    margin-right: 10px;
    font-size: 13px;
}

.lblFBPageName {
    color: rgb(102, 102, 102);
    font-size: 14px;
    font-weight: 300;
    vertical-align: top;
}

.rblCategories {
    padding: 0 5px;
    overflow-x: overlay;
    white-space: nowrap;
    margin-bottom: -4px;
}

    .rblCategories td {
        height: 35px;
    }

    .rblCategories input[type="radio"], .rbSubCategory input[type="radio"] {
        display: none;
        float: left;
    }

    .rblCategories img {
        width: 27px;
        padding: 0px 5px;
        padding-bottom: 0;
        cursor: pointer;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
        transition: border .25s linear, color .25s linear, background-color .25s linear;
    }

        .rblCategories img:hover {
            background-color: lightblue;
        }

.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalNoAccount {
    font-size: 12.5px;
    color: #96A5AE;
    margin-left: 5px;
}

.modalLinkBtn {
    color: #5C6367;
    font-size: 12.5px;
    text-decoration: underline;
}

.modalClose {
    position: absolute;
    right: 3px;
    top: 1px;
    width: 21px;
}

.modalWindow {
    padding: 13px;
    max-height: 430px;
    overflow: hidden;
    overflow-y: auto;
    float: none;
    margin: 0 auto;
    width: 395px;
    border-radius: 0;
    background-color: #FFFFFF;
    border: 8px solid rgb(214, 214, 216);
}

    .modalWindow span {
    }

.modalWindowMessageText {
    font-size: 13px;
    text-align: justify;
    line-height: 17px;
    color: rgb(86, 86, 86);
    display: block;
}

.modalLogin {
    margin-top: 8px;
    margin-left: 2px;
    display: inline-block;
}

.modalSaveClose {
    float: right;
    margin-right: 0;
}

.modalWindow textarea.lblPostMessage {
    margin-top: 0;
    margin-bottom: 0px;
    resize: vertical;
    max-width: 100%;
    max-height: 200px;
}

.modalWindow::-webkit-scrollbar {
    width: 9px;
}

.modalWindow::-webkit-scrollbar-track {
    /*border-radius: 0 0 7px 0;*/
    background-color: rgb(247, 247, 247);
}

.modalWindow::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgb(239, 239, 239);
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.modalWindow label, .signUpField {
    display: block;
    font-size: 14px;
    color: rgb(33, 97, 148);
    margin-bottom: 3px;
    text-align: left;
}

.modalWindow input[type="checkbox"] {
    height: 18px;
    color: #333;
    font-size: 13px;
    width: auto;
    padding: 0;
    margin: 0;
    margin-right: 5px;
    float: left;
}

.rbGender {
    background-color: white;
    border-radius: 5px;
}

    .rbGender td {
        width: 72px;
        margin-right: 11px;
        float: left;
        text-align: center;
        font-size: 14px;
        margin-top: 3px;
    }

        .rbGender td label {
            margin-left: 2px;
        }

.firstName, .lastName {
    width: 250px;
    float: left;
    margin: 5px 0;
}

.firstName {
    padding-right: 20px;
}

.left#address {
    width: 254px;
}

.divComplete {
    width: 355px;
    text-align: center;
    padding-bottom: 10px;
}

    .divComplete span span {
        font-size: 19px;
    }

    .divComplete span {
        font-size: 13px;
    }

.passwordInfo {
    font-size: 12px;
    left: 5px;
    color: #66b3ff;
    top: -5px;
    position: relative;
    line-height: 12px;
}

.forgotPassword {
    float: left;
    font-size: 13px;
    text-decoration: underline;
}

.fbBtn {
    background-color: #506ca6 !important;
}

    .fbBtn:hover {
        background-color: #405684 !important;
    }

.separator {
    font-size: 13px;
    color: #868686;
    text-align: center;
    line-height: 11px;
    margin: 9px 0;
    background: url(/../images/separator.png) no-repeat center 7px;
    float: left;
    width: 100%;
}

.btnDeleteImg {
    background-color: rgba(255, 255, 255, 0.74);
    border: 0;
    --size: 22px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    right: 4px;
    padding: 0;
    top: 4px;
    border-radius: 50%;
}

.tableTokenStatus .pageInHeader {
    width: 26px;
    height: 26px;
}

.tableFBPermissions {
    margin-bottom: 0;
}

.table-condensed.tableFBPermissions th, .table-condensed.tableFBPermissions td {
    padding: 1px;
}

.tableFBPermissions th, .tableTokenStatus * {
    font-size: 13px;
}

.subscribedField {
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.45);
    border: 1px solid hsla(103, 44%, 86%, 1);
    margin: 1px 0;
    font-weight: 500;
}

.tableTokenStatus .spIcon {
    top: 3px;
    float: left;
}

.instaBtnOuter {
    background-color: #ffdbe8;
    padding: 5px;
    border-radius: 12px;
}

    .instaBtnOuter .btnDash {
        color: black;
        font-size: 14px;
    }

    .instaBtnOuter img {
        width: 26px;
    }

.pnlLink .btnDeleteImg, .js-postImage .btnDeleteImg {
    top: -1px;
    right: -1px;
}

.btnDeleteImgShort {
    right: -1px;
    top: -1px;
}

.remarkRow input[type="submit"]:hover, .btnDeleteImg:hover, .btnDeleteImg:hover {
    background-color: var(--colorGray_ExtraLight) !important;
}

input[type="submit"]:not(.btnDash):focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(204, 227, 241, 0.3);
    /*border: 1px solid #64a5cf;*/
}

.modalWindow input[type="radio"] {
    height: 17px;
    width: 20px;
    float: left;
}

.modalWindow select {
    width: 109px;
    margin-top: 0;
}

.table-fixed {
    table-layout: fixed;
}

th {
    font-weight: 400;
    font-family: Ubuntu;
}

.trFBPermissions th {
    text-align: center;
}

.modalWindowInner {
    width: 420px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 15px;
}

.modalWindowInnerBorder {
    border-radius: 14px;
    width: 395px;
    padding: 7px;
    background-color: rgba(20, 20, 20, 0.34);
    float: left;
}

.pnlpopup {
    background-color: rgba(0, 0, 0, 0.65);
    padding-top: 15%;
    width: calc(100vw - 200px);
    height: 85%;
    position: fixed;
    top: 0;
    left: 200px;
    z-index: 999;
}
/*.pnlpopup {
    width: 420px;
    height: 420px;
    padding: 7px;
    background: #9d9d9d;
    background: rgba(0,0,0,.35);
    border-radius: 10px;
    border: none;
    box-shadow: none;
}*/
.modalOuter {
    width: 100%;
    height: 100%;
    background-color: rgba(70, 79, 87, 0.78);
    float: left;
    position: fixed;
    z-index: 1001;
}

.loginHeader {
    background-color: #E1EAF0;
    padding: 10px 17px;
    position: relative;
}

.modalWindow h3 img {
    float: left;
    width: 32px;
}

.formLabelModal {
    font-size: 14px;
    float: left;
    font-variant: normal;
    margin-bottom: 8px;
    margin-top: 3px;
}

.modalSaveClose {
    float: right;
    margin-top: 7px;
    margin-right: 3px;
}

.submit-sm {
    width: 400px;
    max-width: 100%;
}

.hlUserImage {
    max-width: 170px;
    border-radius: 50%;
}

.emptyList {
    color: var(--colorGray_SoftMedium);
    font-style: italic;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 10px;
    font-size: 14px;
}

.pagerPrevious, .pagerNext {
    color: #ffffff;
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    font-size: 23px;
    padding: 6px 14px;
    padding-top: 2px;
    float: left;
    font-family: cuprum;
    background-color: #B8C9CF;
}

    .pagerPrevious:hover, .pagerNext:hover {
        background-color: #4598B6;
        color: White;
    }

.pagerPrevious {
    margin-top: 0 !important;
}

.pagerNext {
    margin: 0 !important;
    position: absolute;
    right: 0;
}

.listBackground .pager {
}

.listBackground .pagerPrevious, .listBackground .pagerNext {
    color: #B4B4B4;
}

    .listBackground .pagerPrevious:hover, .listBackground .pagerNext:hover {
        background-color: #F0F0F0;
        color: rgb(146, 146, 146);
    }

.listBackground .numeric_button {
    border: 1px solid #B8B8B8;
    color: #B8B8B8;
    background-color: white;
}

.listBackground .current_page {
    border: 1px solid #66b3ff;
}

.pager {
    margin: 20px auto;
    float: right;
}

    .pager a {
        display: inline-block;
        margin-top: 9px;
        margin-right: 2px;
    }

.current_page, .numeric_button {
    padding: 3px 8px;
    padding-top: 2px;
    margin-right: 1px;
    margin-top: 6px !important;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    font-family: Ubuntu;
}

.current_page {
    background-color: #66b3ff;
    color: #F7F7F7;
}

.numeric_button {
    background-color: #B8C9CF;
    color: #F7F7F7;
}

    .current_page:hover, .numeric_button:hover {
        background-color: #66b3ff;
        color: #ffffff;
        -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
        transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    }

.pager input {
    width: 40px;
    float: left;
}

.divBackground {
    float: left;
    width: 100%;
    position: relative;
}

.btnClosePop {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px !important;
}

.listBackground input[type="image"] {
    width: 40px;
    float: none;
}

.lvBg {
    position: absolute;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
    padding: 25px 15px 10px 15px;
    background-color: rgba(233, 233, 233, 0.94);
    width: 153px;
    /*max-width: 100%;*/
    border: 4px solid white;
    border-radius: 8px;
    border-width: 4px !important;
    z-index: 10;
    top: 33px;
    display: none;
}

.lvBgActive {
    display: block;
}

.lbShowBackgrounds {
    float: left;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
}

.divPop {
    position: relative;
    float: left;
    width: 100%;
}

.previewCol {
    height: 28px;
    width: 52px;
    float: left;
    border-radius: 0;
    margin-right: 5px;
    border: 1px solid hsla(225, 10%, 90%, 1);
}

.editDelete {
    display: inline-block;
}

.js-tbCategoryName {
    vertical-align: top;
    max-width: 150px;
}

.ajax__slider_v_rail {
    background: url(WebResource.axd?d=Bb_jAYY2vI0PW4pOmnFFrVIk60tN66zRpjS1BfzvQKBFfXIKrcqWwi11F…Z8UONH2KX3tCGngXpBFO-mq9GKSi6pCQgmcgrewB9H8uC42VGOvA1&t=634170827588579876) repeat-y !important;
    height: 55px !important;
    width: 6px !important;
}

.ajax__slider_h_rail {
    height: 6px !important;
}

.ajax__slider_h_rail, .ajax__slider_v_rail {
    background-color: Gray !important;
    background-image: none !important;
    border-radius: 6px;
    margin-top: 7px;
    margin-bottom: 2px;
}

.ajax__slider_h_handle {
    top: -6px !important;
}

.ajax__slider_v_handle {
    left: -5px !important;
}

.ajax__slider_h_handle, .ajax__slider_v_handle {
    height: 16px !important;
    width: 15px !important;
    border: 1px solid rgb(163, 163, 163);
    border-radius: 11px;
    background-color: #ECECEC;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

    .ajax__slider_h_handle img, .ajax__slider_v_handle img {
        display: none;
    }

    .ajax__slider_h_handle:hover, .ajax__slider_v_handle:hover {
        cursor: pointer;
        background-color: white;
    }

.tbCulture {
    margin-bottom: 3px;
    background-color: #efefef;
}

.lblDiscountList {
    font-size: 22px;
    float: left;
    line-height: 23px;
    font-family: impact;
    width: 60px;
    position: absolute;
    bottom: 9px;
    left: 6px;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
}

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

.welcomeName {
    float: left;
    margin-right: 7px;
}

.left {
    float: left;
    padding-right: 10px;
}

.left75 {
    float: left;
    width: 75px;
    text-align: center;
    padding: 5px 0;
}

.left100 {
    float: left;
    width: 100px;
    padding: 5px 0;
}

.outerDiv .left100 {
    padding-top: 0;
    padding-bottom: 2px;
}

#date.left100, #minAge.left100 {
    margin-right: 7px;
}

.left150 {
    float: left;
    width: 150px;
    padding: 5px 0;
    text-align: center;
}

.left200 {
    float: left;
    width: 200px;
    padding: 5px 0;
    text-align: center;
}

.left225 {
    float: left;
    width: 225px;
    padding: 5px 0;
    text-align: center;
}

.left250 {
    float: left;
    width: 250px;
}

.left300 {
    float: left;
    width: 65.5%;
    position: relative;
}

    .left300 .left100, .left300 .left300 {
        margin: 2px 0;
        text-align: center;
    }

.moveBadgeText {
    float: left;
}

    .moveBadgeText input[type="image"] {
        width: 19px;
    }

.moveBadgeTextHorizontal {
    float: left;
    margin-left: 39px;
    margin-top: 2px;
}

    .moveBadgeTextHorizontal input[type="image"] {
        width: 17px;
    }

.designerDescription {
    float: left;
    margin-top: 58px;
}

.divSubmit input[type="submit"], .btn.cancelPostEdit {
    width: 193px;
}

.js-deletePost .deletePost {
    display: none;
}

.js-Timelines .divSubmit input[type="submit"] {
    width: 66px;
    margin-right: 2px;
}

.divSubmit input[type="submit"].addTab {
    width: 66px;
    float: none;
}

.designerDescription textarea {
    width: 98%;
    height: 75px;
    float: left;
    margin-top: 5px;
}

.dtActionColumn {
    width: 50px !important;
}

.fontSize {
    float: left;
    width: 100%;
}

    .fontSize .left, .fontSize .right {
        position: absolute;
    }

    .fontSize img {
        height: 14px;
        width: 11px;
        top: 5px;
    }

    .fontSize .left {
        left: 11px;
        padding: 0;
    }

    .fontSize .right {
        right: 10px;
    }

.lblValidOn {
    font-size: 11px;
    float: left;
    width: 100%;
}

.lblDescriptionList {
}

.lblDescription {
    float: left;
    width: 123px;
    padding-left: 2px;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    padding-top: 6px;
    color: rgb(94, 94, 94);
}

.imgCell {
    vertical-align: middle;
    height: 81px;
    width: 88px;
    display: table-cell;
    margin: 0;
    text-align: right;
}

    .imgCell img {
        max-height: 81px;
        max-width: 88px;
    }

.categoryColumn {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-top: 5px;
}

.listBackground {
    float: left;
    background-color: rgba(221, 228, 228, 0.3);
    width: 100%;
    margin-bottom: 30px;
}

.listBackgroundInner {
    float: right;
}

.listBackground p {
    margin: 0;
}

.tbForeColor {
    cursor: pointer;
    border: 1px solid rgb(180, 180, 180) !important;
    border-radius: 5px;
    width: 42px !important;
    height: 40px !important;
}

.scrollList .postTitle {
    margin-bottom: 0;
    margin-top: 20px;
}

.scrollList .lblPostMessage, .scrollList .lblSum, .scrollList .lblSum1, .scrollList .lblSum2 {
    margin-top: 5px;
}

.scrollList .lblPostMessage {
    max-width: calc(100% - 140px);
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #616262 !important;
    margin-bottom: 2px;
}

.topEngagementPost {
    /*height: calc(100% - 70px);*/
}

.engPerc {
    width: 100%;
    float: left;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}

.lblNo {
    color: #66b3ff;
    font-size: 17px;
    float: left;
    padding-right: 6px;
}

.reportsPostTypesList {
    width: calc(100% - 270px);
}

.lblSum, .lblSum1, .lblSum2 {
    float: right;
    margin-top: 7px;
    font-weight: 400;
}

.lblSum1, .lblSum2 {
    width: 38px;
    margin-right: 7px;
    text-align: right;
    font-size: 14px;
}

.lblSum2 {
    color: #66b3ff;
    margin-top: 0;
}

.lblPostType {
    color: var(--colorGray_7);
    margin-top: 3px;
    margin-bottom: 2px;
    font-size: 12px;
    float: right;
    text-transform: uppercase;
}

.scrollList input[type="submit"] {
    position: absolute;
    width: 98px;
    right: 6px;
    height: 23px;
    top: 20px;
    font-size: 13px;
    z-index: 1;
}

    .scrollList input[type="submit"].pdf {
        top: 50px;
    }

.bg {
    width: 52px;
    height: 28px;
    float: left;
    background-size: contain;
    cursor: pointer;
}

.saveCancel {
    position: relative;
    top: -11px;
}

.lbCategoryName {
    padding: 4px 8px;
    color: white;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
}

.bulletBefore:before {
    content: "•";
    padding-right: 3px;
    font-size: 10px;
    color: hsla(225, 3%, 51%, 1);
}

.type-reply .bulletBefore:before {
    content: "";
}

.btnChangeBg {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    border-radius: 6px;
    border: 2px solid white;
    transition: linear border 0.5s;
}

.js-tbCategoryNameMaster {
    max-width: calc(100% - 58px);
    display: inline-block;
}

.js-tbCategoryName, .lbCategoryName {
    max-width: calc(100% - 149px);
    min-width: 136px;
}

.btnChangeBg.active {
    border: 2px solid lime !important;
}

.btnChangeBg a {
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.btnChangeBg:hover {
    border: 2px solid black !important;
}

.btnChangeBg.active:hover {
    border: 2px solid lime !important;
}

.header {
    font-size: 26px;
    margin-bottom: 14px;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6F6F6F;
}

.pnlReply {
    border: 1px solid hsl(37, 87%, 88%);
    background-color: hsl(35, 86%, 95%);
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    margin-top: 5px;
}

.platformPostReply {
    background-color: var(--colorGray_ExtraLight);
    padding: 7px;
    padding-bottom: 3px;
}

.js-inboxMessageLeft {
    padding-left: 10px;
    padding-right: 10px;
}

.inboxHeaderTitle {
    padding-bottom: 0px;
}

.js-parentMessageTop {
    position: relative;
}

.js-inboxMessagesRightDiv {
    margin-bottom: 6px; /*!!don't increase because it affects inbox scrollbars!! */
    padding-bottom: 1px; /*keep at least 1px to avoid cutting-off the LOAD MORE button */
    float: left;
    width: 100%;
}

.js-modalPostInboxMessages .js-inboxMessagesRightDiv {
    min-height: 100%;
    padding-left: 5px;
    padding-right: 3px;
    right: 5px; /*push scrollbar from edge*/
    margin-bottom: 0;
    padding-bottom: 20px;
    margin-top: 10px;
}

.js-modalPostInboxMessages div.js-inboxMessagesRightDiv::-webkit-scrollbar {
    width: 6px;
}

.messagesTitle.inboxHeaderTitle {
    display: none;
    background: none;
    padding-right: 0;
}

.js-inboxMessageLeft {
    cursor: pointer;
    position: relative;
}

.inboxHeaderTitle {
    position: relative;
}

#filterMessageType {
    width: 109px;
    height: 37px;
    position: relative;
    top: 1px;
    border-top: 5px solid #d70051;
    border-bottom: 1px solid #d70051;
    font-size: 13.5px;
}

.js-tbConversationReply {
    font-size: 13.5px;
    line-height: 1.3;
    height: auto;
    overflow: hidden;
    border: 0;
    padding: 6px;
    margin-bottom: 5px;
    background-color: transparent;
}

    .js-tbConversationReply.taOverflow {
        overflow-y: auto;
    }

.platformPostReply .taReply {
    font-family: inherit;
    font-size: 12px;
    padding: 0;
    max-height: initial;
    color: var(--colorGray_Dark);
    margin-bottom: 0;
}

    .platformPostReply .taReply:hover::placeholder {
        color: var(--colorBlue)
    }

.js-btnSearchMessages {
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 1;
    font-weight: 400;
    background: var(--colorGray_SoftLight);
    padding: 5.5px;
    color: #59637d;
    font-size: 13.5px;
    line-height: 1.7;
    border-left: 1px solid rgba(221, 228, 228, 1);
    bottom: 1px;
}

.divReply {
    background-color: #ffffff;
    padding: 6px;
    border-radius: 15px;
    width: 100px;
    position: absolute;
    z-index: -1;
    right: 75px;
    opacity: 0;
    top: -100px;
    border: 1px solid hsla(223, 17%, 90%, 1);
    box-shadow: 0px 0px 12px 1px hsla(0, 0%, 83%, 0.55);
    pointer-events: none; /*make it unclickable when hidden*/
}

.divReplyOuter.expanded .divReply {
    opacity: 1;
    z-index: 2;
    pointer-events: initial; /*restore clickability*/
}

.divReply a {
    padding: 5px;
    float: left;
    border-radius: 50%;
    width: 33.3%;
}

    .divReply a:hover {
        background-color: #e9eaec;
        /* text-align: center; */
    }

    .divReply a img {
        width: 18px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

.divReplyItem {
    text-transform: uppercase;
    font-size: 13px;
    font-family: Ubuntu;
    font-weight: 500;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}

.js-nonMessage .divReplyItem {
    font-size: 13px;
}

.platformPostReply .divReplyItem {
    padding: 0 4px;
    color: var(--colorGray_Medium);
}

.divReplyItem.send,
.divReplyItem.sendAlt {
    padding-right: 0;
}

.divReplyItem:not(.send) {
    color: var(--colorGray_Medium);
}

.divReplyItem.thumbsUp {
    display: none
}

.fb-post .divReplyItem.thumbsUp {
    display: inline
}

.platformPostReply .divReplyItem.send {
    font-size: 12px;
}

.divReplyItem.sendAlt {
    display: none
}

.platformPostReply .divReplyItem.send {
    display: none
}

.platformPostReply .divReplyItem.sendAlt {
    display: inline-block;
}

.divReplyOuter {
    position: relative;
    bottom: 2px;
    float: right;
    line-height: 1;
}

.js-nonMessage .divReplyOuter {
    bottom: 5px;
    right: 2px;
}

.divReplyOuter.expanded {
    display: block;
}

.js-expandEmoticons {
    cursor: pointer;
}

    .js-expandEmoticons img {
        height: 20px;
    }

.platformPostReply .js-expandEmoticons img {
    height: 15px;
}

.rbLocation {
    float: left;
    width: 100%;
}

    .rbLocation input[type="radio"] {
        margin-top: 1px;
        margin-left: 0;
    }

.autoCompList {
    overflow: hidden;
    overflow-y: auto;
    max-height: 150px;
    width: 100%;
    float: left;
    margin-top: 7px;
    margin-bottom: 20px;
}

.autoCompResult, .autoCompResultActive {
    background: var(--colorGray_SoftLight);
    border: 1px solid hsla(216,10%,66%,1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    width: 100%;
}

.autoCompFilterTags .autoCompResult, .autoCompFilterTags .autoCompResultActive {
    background: var(--colorGray_SoftLight);
    border: 1px solid hsla(216,10%,66%,1);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-right: 15px;
    width: auto;
    height: 23px;
    position: relative;
}

    .autoCompFilterTags .autoCompResult span {
        width: 100%;
        max-width: none;
    }

.autoCompFilterTags .removeTag {
    position: absolute;
    right: 5px;
}

.autoCompRemove {
    color: rgb(160, 177, 203);
    float: right;
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 14px;
    height: 20px;
    margin-right: 9px;
    position: relative;
    margin-top: 0px;
    right: -4px;
}

.autoCompPlace .autoCompResult a {
    float: left;
}

.hlCompPage {
    width: 26px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.autoCompResult span {
    color: #646E88 !important;
    font-size: 12.5px !important;
    font-family: Ubuntu !important;
    font-weight: 300;
    line-height: normal !important;
    float: left !important;
    max-width: 87%;
    min-height: auto !important; /*ie fallback*/
    min-height: initial !important;
    padding: 3px 4px 2px 8px;
    height: auto !important;
    margin: 0 !important;
}

.autoCompResult span {
    max-width: calc(100% - 17px);
}

.lblFormLabelFull {
    display: block;
    margin-bottom: 5px;
}

.lblFormLabel, .rowPlaceTargeting .lblFormLabel {
    display: block;
    margin-bottom: 1px;
    color: var(--colorGray_SoftMedium);
}

.lblFormLabel, .rowPlaceTargeting .lblFormLabel {
    font-size: 13.5px;
}

.fromDate input[type="text"] {
    font-size: 13px;
}

.rowPlaceTargeting .outerDiv h3 {
    margin-bottom: 12px;
    padding: 6px 11px;
}

.rowPlaceTargeting span {
    font-size: 13.5px;
    color: #8A8A90;
    line-height: 20px;
}

.rowPlaceTargeting .cbTargeting {
    line-height: normal !important;
}

.rowTargeting4 {
    float: left;
    width: 100%;
}

    .rowTargeting4 .outerDiv {
        margin-top: 3px;
        margin-bottom: 2px;
        margin-left: 19px;
    }

    .rowTargeting4 h3 {
        width: 32%;
        /*float: left;*/
        vertical-align: top;
        margin: 0;
        border-right: 10px solid white;
        background-color: var(--colorGray_ExtraLight);
        padding-left: 9px;
        margin-bottom: 14px;
    }

.cbTargetRelationship {
    display: block;
}

    .cbTargetRelationship label, .rbLocation label {
        position: relative;
        top: -2px;
        left: 2px;
    }

        .cbTargetRelationship:hover, .cbTargeting input[type="checkbox"]:hover, .cbTargeting label:hover, .rbLocation input[type="radio"]:hover, .rbLocation label:hover {
            color: #1b6f90;
            cursor: pointer;
        }

.cbTargeting input[type="checkbox"]:checked + label {
    color: #66b3ff;
}

.cbTargeting label {
    font-size: 15px;
    font-weight: 300;
    color: rgb(74, 75, 77);
    position: relative;
    top: -1px;
    left: 2px;
}

.dvDiv {
    float: left;
    width: 9.5%;
    border: 1px dashed rgb(208, 208, 208);
    background-repeat: no-repeat;
    background-size: 100%;
}

.divLeftTable {
    display: table;
    table-layout: fixed;
    width: 100%;
    line-height: 1;
}

.tw-post .divPostBelowHeader {
    /*padding-left: 47px;*/
}

.calendarColumn .tw-post .divPostBelowHeader {
    /*padding-left: 27px;*/
    padding-left: 0;
}

.divRight {
    float: right;
    width: 100%;
    position: relative;
}

.imgLegend {
    position: absolute;
    /*margin-left: 21.2%;*/
    padding-top: 50%;
    width: 100%;
}

    .imgLegend .imgFBPage {
        width: 10%;
        border-radius: 22px;
        filter: gray; /* IE6-9 */
        filter: grayscale(1); /* Firefox 35+ */
        -webkit-filter: grayscale(1);
    }

.lvHeader {
    float: right;
    padding-right: 1px;
    font-style: italic;
    color: #66b3ff;
    position: relative;
    font-size: 16px;
    margin-bottom: 5px;
}

.floatDivHalf {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.floatDiv {
    float: left;
    margin-right: 20px;
}

    .floatDiv table {
        width: 210px;
        font-size: 11px;
    }

.userProfileTools {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.profile {
    width: auto;
    margin-left: 300px;
    margin-top: 15px;
}

.rowPlaceTargeting {
    /*float: left;
    width: 100%;*/
    margin-bottom: 15px;
    position: relative;
}

.rowPlaceTargeting {
    width: 50%;
}

.subMain, .subMainNarrow, .subMainTerms {
    margin-left: 200px;
    margin-top: 21px;
    padding: 40px;
    /*overflow: auto;*/
    /*height: calc(100vh - 97px);*/
    float: left;
    width: calc(100% - 200px);
    max-width: 1690px;
}

.subMainTerms {
    width: 65%;
    float: none;
    margin: 0 auto;
    margin-top: 90px;
}

.subMainNarrow {
    width: calc(60% - 200px);
}

@-moz-document url-prefix() {
    body {
        overflow: visible !important;
    }
    /*for Firefox by bootstrap*/
    fieldset {
        display: table-cell;
    }
}

.subMain, .subMainNarrow, .subMainTerms, .postOut .divSubmit {
    padding-bottom: 35px;
    padding-top: 15px;
}

.pnlCreateUser {
    width: 75%;
    margin: 0 auto;
    float: none;
}

.pnlCreateUserInner {
    max-width: 486px;
    margin-top: 60px;
    float: left;
}

#poCode .textEntry {
    width: 66px;
}

.htextEntry {
    width: 238px !important;
}

.pnlCreateUserInner .textEntry {
    width: 479px;
}

.pnlCreateUser select {
    width: 100%;
}

.okCancel {
    float: right;
    margin-top: 15px;
    margin-right: 4px;
}

.savingsTypeDiv {
    border: 1px dashed rgb(169, 169, 169);
    font-size: 13px;
    margin-bottom: 15px;
    padding: 10px;
    margin-top: 3px;
    float: left;
}

    .savingsTypeDiv .floatDiv {
        margin-right: 10px;
    }

    .savingsTypeDiv input {
        width: 59px !important;
        margin-bottom: 5px;
        float: none !important;
    }

    .savingsTypeDiv .failureNotification {
        float: none;
        background-color: rgba(197, 39, 58, 0.13);
    }

.formLabelLeft {
    width: 116px;
    float: left;
    margin-top: 0;
}

.formSubLabel {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-size: 14px;
}

.w150 {
    width: 150px !important;
}

.w100 {
    width: 100px !important;
}

.w200 {
    width: 300px !important;
}

.w300 {
    width: 300px !important;
}

a.grayLink, .grayLink {
    color: var(--colorGray_SoftMedium);
}

.outer {
    width: auto;
    margin-left: 116px;
}

    .outer select /*add campaign form*/ {
        width: auto;
        margin: 0;
    }

.row#terms input[type="text"] {
    width: 70px !important;
    margin-right: 5px;
}

#addCamp .outer {
    margin-left: 180px;
}

#addCamp .formLabelLeft {
    width: 180px;
}

.pnlItems {
    background-color: white;
    position: relative;
    min-height: 530px;
    width: 100%;
    float: left;
}

.pnlCategories {
    background-color: white;
    position: relative;
    padding-bottom: 7px;
}

.pnlDialog {
    background-color: #66b3ff;
    background-color: #ACCFCE;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(53deg, rgba(255, 255, 255, .2) 19%, transparent 48%, transparent 38%, rgba(255, 255, 255, .2) 65%, rgba(255, 255, 255, .2) 75%, transparent 93%, transparent);
    background-image: -moz-linear-gradient(53deg, rgba(255, 255, 255, .2) 19%, transparent 48%, transparent 38%, rgba(255, 255, 255, .2) 65%, rgba(255, 255, 255, .2) 75%, transparent 93%, transparent);
    background-image: -ms-linear-gradient(53deg, rgba(255, 255, 255, .2) 19%, transparent 48%, transparent 38%, rgba(255, 255, 255, .2) 65%, rgba(255, 255, 255, .2) 75%, transparent 93%, transparent);
    background-image: -o-linear-gradient(53deg, rgba(255, 255, 255, .2) 19%, transparent 48%, transparent 38%, rgba(255, 255, 255, .2) 65%, rgba(255, 255, 255, .2) 75%, transparent 93%, transparent);
    background-image: -linear-gradient(53deg, rgba(255, 255, 255, .2) 19%, transparent 48%, transparent 38%, rgba(255, 255, 255, .2) 65%, rgba(255, 255, 255, .2) 75%, transparent 93%, transparent);
    width: 95% !important;
    margin: 0 2.5%;
}

.pnlFilters {
    width: 96%;
    float: left;
    margin: 0 2%;
    padding: 5px 0;
    padding-bottom: 8px;
    border-top: 1px dashed rgba(221, 228, 228, 1);
}

.pnlCategories, .pnlDialog {
    width: 100%;
    float: left;
    padding: 20px;
    position: relative;
}

user agent stylesheetdiv {
    display: block;
}

.pnlCategories span {
}

.lblScheduleStatus {
    color: var(--colorScheduled);
    font-size: 12.5px;
    line-height: 18px;
    margin-bottom: 20px;
}

.linkCtaTip {
    margin-top: 10px;
    font-size: 12px;
    line-height: 15.5px;
    color: var(--colorGray_Light)
}

.js-remarksUnreadCount {
    vertical-align: top;
    padding: 5px 7px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

.js-postAdAccountsDDLDiv {
    margin-bottom: 10px;
    margin-top: -10px;
}

.divArea {
    right: 398px;
    z-index: 1;
    position: absolute;
    top: 16px;
}

    .divArea select {
        background-color: transparent !important;
    }

select:hover {
    background-color: var(--colorGray_ExtraLight);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: background-color .25s linear;
    transition: background-color .25s linear;
}

#categories .divLocation {
    float: left;
    margin-right: 0;
    padding-top: 6px;
}

.pnlFilters#categories {
    padding-top: 2px;
    border-bottom: 1px dashed rgba(221, 228, 228, 1);
}

.divLocation {
    margin-top: 3px;
    margin-right: 38px;
}

.divLocation, .divSort {
    float: left;
    padding-left: 5px;
}

    .divLocation span, .divSort span {
        font-size: 14px;
        color: #646464;
        float: left;
        padding-top: 1px;
    }

.sub {
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #DBDBDB;
    width: 0;
    height: 0;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 1px;
    float: left;
}

.fancybox {
    cursor: pointer;
}
/*.fancybox img {
        width: 16px;
    }*/
option, select {
    font-weight: 300;
    font-family: Ubuntu;
}

select {
    padding: 0;
    color: hsla(225, 10%, 43%, 1);
    background-color: var(--colorGray_SoftLight);
    height: 28px;
    cursor: pointer;
    border: 0;
    padding-left: 3px;
    width: 100%;
    max-width: 100%;
}

    select:disabled {
        cursor: initial;
        opacity: 0.7;
    }

        select:disabled:hover {
            background-color: var(--colorGray_SoftLight);
            -webkit-font-smoothing: none;
            -webkit-transition: none;
            transition: none;
        }

.ddlPageOuter {
    margin-bottom: 2px;
    outline: none;
}

.divSort {
    float: right;
    padding-left: 5px;
}

.divLocation select {
    width: 150px;
}

.ddlAuto {
    width: auto !important;
}

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

    .cblBrands td {
        float: left;
    }

        .cblBrands td span {
            float: left;
            margin-right: 2px;
            font-size: 13px;
            padding: 4px 7px;
            background-color: white;
            border: 1px solid #E9E9E9;
        }

.selectedBrand {
    color: #66b3ff !important;
}

.unselectedBrand {
    color: #85888A;
}

.cblBrands input[type="checkbox"] {
    margin: 0 3px 0 0;
    cursor: pointer;
}

.cblBrands label {
    cursor: pointer;
}

.divLocation .left {
    float: left;
    margin-right: 10px;
}

.talkbubble .lblTitle, .talkbubbleLocation .lblTitle {
    margin-bottom: 0;
    font-size: 22px;
    margin-top: 0;
}

.talkbubble {
    float: left;
    padding: 20px;
    background: white;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 15px;
    margin: 20px 0;
}

    .talkbubble:before, .talkbubbleLocation:before {
        content: "";
        position: absolute;
        right: 19%;
        bottom: -13px;
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-right: 26px solid white;
        border-bottom: 13px solid transparent;
    }

.talkbubbleLocation {
    padding: 20px;
    background: white;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 15px;
    margin: 0 auto;
    width: 330px;
    height: 200px;
}

    .talkbubbleLocation select {
        width: 180px;
    }

.rbIsSticker {
    width: 100%;
}

    .rbIsSticker td {
        margin-right: 20px;
        float: left;
    }

.outer input[type="checkbox"], .outer input[type="radio"] {
    width: auto;
    float: none;
    margin-left: 1px;
    height: auto;
}

input[type="checkbox"] {
    margin-left: 0;
}

.outer#campDayMonth input {
    float: none;
    width: auto;
}

textarea {
    height: 60px;
    width: 100%;
    max-width: auto; /*ie fallback*/
    max-width: initial;
    font-family: Ubuntu;
    font-weight: 300;
    padding: 7px 8px;
    resize: none;
    border: 1px solid rgba(221, 228, 228, 1);
}

    textarea:disabled, input[type=text]:disabled {
        background-color: rgb(233, 234, 237);
    }

.js-exportExcelPostRandomComments {
    margin-left: 10px;
}

/***** YouTube *****/
.youtubeTextBox, .adCopyURL {
    height: 30px;
    width: 100%;
    max-width: auto; /*ie fallback*/
    max-width: initial;
    font-family: Ubuntu;
    font-weight: 300;
    padding: 7px 8px;
    resize: none;
    border: 1px solid rgba(221, 228, 228, 1);
}

.js-youtubeDescription, .js-adCopyDescription, .js-adCopyBrandDescription, .js-adCopyKeywords, .js-generatedAdCopy {
    min-height: 100px;
    overflow: hidden;
    resize: vertical;
}

.js-youtubeDescription {
    min-height: 130px;
}

.js-youtube-emoji-field {
    min-height: 60px;
    overflow: hidden;
    resize: vertical;
    font-weight: 300;
    border: 1px solid rgba(221, 228, 228, 1);
}

.js-thumbnail {
    transition: opacity .3s linear;
    display: flex;
    flex-direction: column;
    opacity: 0.6;
    cursor: pointer;
}

/* Default state of custom thumbnail dropzone added on top of .thumbnail-image*/
.thumbnail-image-custom {
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--colorGray_8);
    cursor: pointer;
    min-width: 85px;
}

.dropzone-icon {
    font-size: 18px;
}

/* Added to dropzone to highlight uploaded image */
.thumbnail-image-invincible {
    opacity: 1.0 !important;
}

.adCopyPostImages {
    max-width: 100%;
    background-color: white;
    vertical-align: text-top;
    cursor: pointer;
    opacity: .6;
}

.js-thumbnail:not(.thumbnail-image-custom),
.adCopyPostImages {
    outline: 3px double transparent;
}

    .js-thumbnail.thumbnail-image-border,
    .adCopyPostImages.thumbnail-image-border {
        outline-color: var(--colorPink);
        opacity: 1.0 !important;
    }

    .js-thumbnail:hover,
    .adCopyPostImages:hover {
        outline-color: var(--colorPink);
        opacity: 1;
    }

.js-btnDeleteThumbnail {
    border: 0;
    --size: 18px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    right: -6px;
    padding: 0;
    top: -4px;
    border-radius: 50%;
}

.dropzone-text {
    text-align: center;
    line-height: 1.3;
    font-size: 11px;
    margin-top: 4px;
}

.youtubeTags, .js-adCopyKeywords {
    width: 100%;
}

.tagify {
    --placeholder-color: var(--colorGray_SoftMedium);
    --placeholder-color-focus: var(--colorGray_Medium);
    --placeholdercolor-font-family: Ubuntu;
    --placeholdercolor-font-weight: 300;
    --tags-disabled-bg: rgb(233, 234, 237);
    --tags-border-color: var(--colorGray_8);
    --tags-hover-border-color: var(--colorGray_80)
}

    .tagify[disabled] {
        opacity: 1;
        filter: none;
    }

.tagify__input {
    margin: 2px;
    padding: 7px 8px;
}

    .tagify__input::before {
        white-space: normal;
        line-height: 1.4;
    }

.yt-post {
    --maxPostWidth: auto;
}
/************************************/
.outer#innerAddress input {
    margin-right: 10px;
    margin-bottom: 7px;
}

.outer#innerAddress {
    width: auto;
    margin-right: 210px;
}

.outer#outerAddress span {
    float: left;
    padding: 0 3px 0 8px;
}

.poCode {
    width: 210px;
    float: left;
}

    .poCode input {
        width: 101px;
    }

.failureNotification, .failureNotificationUserName {
    font-size: 13px;
    color: #D53636 !important;
    background-color: #E6E6EA;
    float: left;
    width: 100%;
    font-family: Ubuntu;
    font-weight: 300;
    margin-top: 2px;
    text-align: left;
    margin-bottom: 10px;
    padding: 5px 7px;
    line-height: 16px;
}

.fileUpload .failureNotification {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
}

.userLogin {
    float: left;
    color: white;
    padding-top: 7px;
    padding-left: 11px;
    width: calc(100% - 53px);
    line-height: 16px;
}

.inner-page .userLogin {
    padding-top: 0;
    padding-left: 2px;
    width: calc(100% - 37px);
    line-height: 13px;
    position: relative;
    top: -1px;
}

.menu, .menuScroll, .menuLoggedIn, .menuBlack {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 74px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1030;
}

.menuScroll, .menuBlack {
    color: white;
}

.menuScroll, .menuBlack, .menuLoggedIn {
    background-color: #1D1D1D;
}

.menuLoggedIn {
    height: auto;
}

.main {
    margin-top: 70px;
    /*overflow-x: hidden;*/ /*NN: removed as it was causing bootstrap-multiselect drop-down to be cut off because .main was too short*/
}

.menuLoggedIn .userLogin {
    color: black;
}

.menuLoggedIn .divLogoLarge {
    background-color: transparent;
    position: relative;
}

.menuLoggedIn .menuInner {
    width: 100%;
    margin: 0;
}

.menuInner {
    width: 95%;
    margin: 0 1% 0 4%;
}

.navbar-inverse .mainMenu {
    float: right;
    margin-left: 56px;
    margin-right: 15px;
}

    .navbar-inverse .mainMenu .navbar-nav {
        margin: 0;
        padding: 0;
    }

.social {
    float: right;
    font-size: 13px;
    margin-top: -9px;
    margin-left: 15px;
    color: rgb(237, 237, 237);
    text-align: right;
}

.footer img {
    width: 16px;
    height: 16px;
    background-color: #131313;
    display: inline-block;
    padding: 8px;
    border-radius: 27px;
    position: relative;
    top: -4px;
}

.navbar-inverse .mainMenu li {
    display: inline;
    padding: 0;
    position: relative;
}

.navbar-inverse .mainMenu .navbar-nav li a {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 29px 15px;
    line-height: 16px;
    color: white;
    text-transform: uppercase;
    -webkit-transition: background-color .6s ease-out;
    -moz-transition: background-color .6s ease-out;
    -o-transition: background-color .6s ease-out;
    -ms-transform: background-color .6s ease-out;
    transition: background-color .6s ease-out;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse.menuScroll .mainMenu .navbar-nav li a:hover, .navbar-inverse.menuBlack .mainMenu .navbar-nav li a:hover {
    color: black;
    background-color: white;
}

.navbar-inverse .mainMenu .navbar-nav li a:hover {
    color: white;
    background-color: black;
}

.mainMenu li.mainMenuLiActive {
    display: inline-block;
    position: relative;
}

    .mainMenu li.mainMenuLiActive a {
        color: white;
        background-color: black;
    }

.menuScroll .mainMenu li.mainMenuLiActive a, .menuScroll .mainMenu li:hover a, .menuBlack li.mainMenuLiActive a {
    color: black !important;
    background-color: var(--colorGray_SoftLight);
}

.imgUserProfile {
    /*width: auto !important;
    margin: 0;
  
        height: 28px;
    */ float: left;
    cursor: pointer;
    width: 42px;
    border-radius: 21px;
}

.btnLogin {
    position: relative;
    top: -8px;
    width: 170px;
}

.inlink {
    color: white !important;
}

.language input[type="image"] {
    width: 14px;
}

.userProfileDiv {
    margin-left: 11.2%;
    margin-top: 10px;
    float: left;
}

.lblUserName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 100%;
    color: white;
    font-size: 14px;
}

.inner-page .lblUserName {
    color: var(--colorGray_Medium)
}

    .inner-page .lblUserName:hover {
        color: var(--colorPink)
    }

.inner-page .lblUserName, .inner-page .myProfileLink {
    font-size: 12px;
}

.inner-page .myProfileLink {
    top: 3px;
    position: relative;
}

.signUp {
    margin-right: 4px;
    margin-top: 18px;
    font-size: 13px;
    font-weight: 400;
    font-family: Ubuntu;
}

    .signUp a {
        color: #F10C63;
    }

.detailsLblTitle {
    font-size: 24px;
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

.js-btnSelectEntireMonth {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: var(--colorGray_5);
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-top: 15px;
    margin-bottom: 3px;
}

.js-datepickerPlaceholder .datepicker table tr td span {
    height: 35px;
    line-height: 34px;
    border-radius: 0;
    text-transform: uppercase;
}

.js-datepickerContentFilterByDate input {
    padding: 0;
    padding-right: 4px;
    border: 0;
    font-size: 10px !important;
    height: auto !important;
    text-align: right;
    outline: none;
    max-width: 117px;
    pointer-events: none;
    background-color: transparent;
    color: var(--colorBlueHover);
    font-weight: 400;
}

.js-datepickerContentFilterByDate img {
    width: 14px;
}

.searchInside {
    background-color: rgba(255, 255, 255, 0.37);
    margin-top: 2px;
    margin-bottom: 5px;
    float: left;
}

.ppFilters .searchInside {
    margin-top: 0px;
    margin-bottom: 0px;
}

#tbFilterTags.searchInside {
    margin-top: 0px;
    margin-bottom: 0;
}

.updateProgressSearch {
    position: absolute;
    width: 100%;
    top: 2px;
    bottom: 0;
    z-index: 0;
    background-color: black;
    opacity: .3;
    filter: alpha(opacity=70);
    text-align: center;
}

.updateProgress {
    position: fixed;
    /*width: 100%;*/
    /*padding-left: calc(50vw + 60px);*/
    /* padding-top: 25%; 
     padding-left: calc(50vw - 30px);*/
    /*padding-top: calc(50vh - 30px);*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: rgba(39, 39, 39, 0.6);
    opacity: 1;
    filter: alpha(opacity=100);
}

.imgUserForAssign {
    width: 19px;
    height: 19px;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 6px;
    top: 6px;
}

a.js-btnRemoveAssign {
    color: var(--colorPink);
}

.selectpickerAssignToDiv .imgUserForAssign {
    top: 6px;
}

.dropdown-menu li a .imgUserForAssign {
    width: 20px;
    height: 20px;
    left: 10px;
    top: 5px;
}

.selectpickerAssignToDiv .dropdown-menu li a .imgUserForAssign {
    top: 3px;
}

.selectpickerAssignToDiv .bootstrap-select.btn-group .dropdown-menu.inner {
    padding-bottom: 5px;
}

.assignmentNote {
    min-height: 150px;
}

.bootstrap-select.select-small.btn-group .btn-default.dropdown-toggle .filter-option, .btnMultiselect .multiselect-selected-text, .spanUserForAssign {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 27px;
    display: block;
}

.bootstrap-select.select-small.select-transparent.btn-group .btn-default.dropdown-toggle .filter-option, .bootstrap-select.select-small.js-ddlLayoutWorkspaces .btn-default.dropdown-toggle .filter-option {
    padding-right: 0;
}

.btnMultiselect .multiselect-selected-text {
    padding-right: 27px;
}

.spanUserForAssign {
    --bgImageWidth: 18px;
    padding-left: calc(var(--bgImageWidth) + 7px);
    padding-right: 0;
    background-size: var(--bgImageWidth);
    background-position: left center;
    background-repeat: no-repeat;
    text-transform: none;
}

.dropdown-menu li a .spanUserForAssign {
    background-position: left top;
    --bgImageWidth: 19px;
}

.spanUserForAssign.ddlAdData {
    background-position: left top 6px;
    height: 30px;
}

.dropdown-menu li a .ddlAdData {
    white-space: normal;
    background-position: left top 5px;
    --bgImageWidth: 32px;
    height: auto
}

.inactive.spanUserForAssign {
    text-decoration: line-through;
    color: #ac3e68;
}

.bootstrap-select .dropdown-toggle .spanUserForAssign.notAssignedFilter, .bootstrap-select .dropdown-toggle .spanUserForAssign.assignToFilter_Select {
    padding-left: 0;
}
/*FOOTER*/
.lblRights {
    padding-top: 4px;
    font-size: 10px;
    color: var(--colorGray_Medium);
    float: left;
    /*width: calc(100% - 125px); social media space*/
    width: 100%;
}

.wrapperInner {
    min-height: calc(100vh - 70px);
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.footerOuter {
    float: left;
    width: 100%;
    background-color: #1D1D1D;
}

.footerOuter, .push {
    height: 70px;
}

.footer {
    padding-top: 10px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.footerConnect {
    margin-top: 10px;
    font-size: 12px;
    display: inline-block;
    color: #39393A;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.footer ul {
    display: block;
    list-style-type: none;
    padding: 0px;
    margin: 0;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

    .footer ul.socialFooter {
        margin-top: 0px;
        margin-bottom: 0;
        display: inline-block;
    }

.footer li {
    display: inline;
    padding: 5px;
}

.footer ul li:before {
    content: normal;
    counter-increment: none;
}

.footer ul li a {
    font-size: 12px;
    color: rgb(194, 194, 194);
}

    .footer ul li a:hover {
    }

    .footer ul li a:active {
    }
/* ---------------------Animated footer----------------------------- */
div.cap {
    display: block;
    height: 100px;
    width: 40px;
    /*background: url('../images/SHELF.png') bottom left no-repeat;*/
}

    div.cap.left {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    div.cap.right {
        background-position: right bottom;
        position: absolute;
        top: 0px;
        right: 0px;
    }

ul.osx-dock {
    display: inline-block;
    padding: 0 40px 0 0;
    /*background: url('../images/SHELF.png') no-repeat right bottom;*/
    overflow: hidden;
    margin: 0 0 0 40px;
}

    ul.osx-dock li {
        display: block;
        position: relative;
        float: left;
        width: 50px;
        -webkit-transition: 0.15s linear;
        -webkit-transition-property: -webkit-transform margin;
        text-align: center;
    }

        ul.osx-dock li a {
            display: block;
            padding: 0 1px;
            -webkit-transition: 0.15s linear;
            -webkit-transition-property: -webkit-transform margin;
            margin: 0;
            /*-webkit-box-reflect: below -10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));*/
        }

            ul.osx-dock li a img {
                width: 48px;
            }
        /*ul.osx-dock li:hover {
            margin-left: 9px;
            margin-right: 9px;
            z-index: 200;
        }*/
        /*ul.osx-dock li:hover a {
                -moz-transform: scale(1.5);
                -webkit-transform-origin: center bottom;
                -webkit-transform: scale(1.5);
            }*/
        ul.osx-dock li.nearby {
            margin-left: 6px;
            margin-right: 6px;
            z-index: 100;
        }

            ul.osx-dock li.nearby a {
                -webkit-transform-origin: center bottom;
                -webkit-transform: scale(1.25);
            }

        ul.osx-dock li span {
            background: rgba(0,0,0,0.75);
            position: absolute;
            bottom: 80px;
            margin: 0 auto;
            display: none;
            width: auto;
            font-size: 11px;
            font-weight: 500;
            padding: 6px 6px;
            -webkit-border-radius: 6px;
            color: #fff;
        }

        ul.osx-dock li:hover span {
            display: block;
        }

div#dockContainer {
    margin-top: 10px;
    margin-bottom: 12px;
    text-align: center;
    width: 100%;
    z-index: 100;
}

div#dockWrapper {
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 0;
}
/* ---------------------Animated footer end----------------------------- */
.js-inboxColRight {
    border-left: 1px solid white;
    position: relative;
}

.reportDatesDiv {
    padding: 24px 0;
    margin-bottom: 0;
}

.squareLink {
    flex-basis: calc(100% / 7);
    padding: 11px 0px;
    padding-top: 5px;
    position: relative;
    vertical-align: top;
    color: var(--colorBlue);
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    word-break: break-word;
    margin-top: 0;
    position: relative;
    font-size: 13px;
}

    .squareLink:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 2px solid var(--colorGray_SoftLight);
        border-radius: 2px;
        -webkit-transition: border-bottom .2s linear;
        transition: border-bottom .2s linear;
    }

    .squareLink.active, .squareLink:hover {
        color: var(--colorPink);
    }

        .squareLink.active:before, .squareLink:hover:before {
            border-color: #d11c61;
        }

    .squareLink img {
        max-width: 30px;
        display: inline-block;
        margin-right: 5px;
    }

    .squareLink span {
        display: inline-block;
    }

.window-scroll .reportDatesDiv {
    padding-top: 60px;
    padding-bottom: 12px;
}

.js-analyticsWhatData {
    margin-top: 45px;
    text-align: center
}

.cke_bottom, .cke_top {
    display: none;
}

span.cke_skin_kama {
    padding: 0 !important;
}

.caseOut {
    padding-bottom: 100px;
}

.case {
    position: relative;
    float: left;
    width: 100%;
    height: 275px;
    overflow: hidden;
    text-align: center;
}

.caseInner {
    position: relative;
    top: 0;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
}

.case:hover .caseInner, .case:hover .hoverOver {
    top: -55px;
}

.extPadTop5 {
    padding-top: 5px;
}

.noMargin {
    margin: 0 !important;
}

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

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

.noMarginTop {
    margin-top: 0 !important;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight7 {
    margin-right: 7px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginBottom3 {
    margin-bottom: 3px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom25 {
    margin-bottom: 25px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom45 {
    margin-bottom: 45px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop3 {
    margin-top: 3px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop30 {
    margin-top: 30px;
}

.padLeft10 {
    padding-left: 10px;
}

.padLeft15 {
    padding-left: 15px;
}

.padTop35 {
    padding-top: 35px;
}

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

.noPad {
    padding: 0 !important;
}

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

.noPadTop {
    padding-top: 0 !important;
}

.noPadBottom {
    padding-bottom: 0 !important;
}

.noBorder {
    border: 0 !important;
}

.noBorderTop {
    border-top: 0 !important;
}

.noBorderBottom, li.noBorderBottom {
    border-bottom: 0 !important;
}

.pointer-events-none {
    pointer-events: none;
}

@media only screen and (max-width :1595px) {
    .postTitle {
        font-size: 18px;
        line-height: 20px;
    }

    .subMainNarrow {
        width: calc(100% - 200px);
    }

    .ddlFilterPostsByTypeOuter {
        width: 136px;
    }
}

@media only screen and (max-width :1500px) {

    .layoutWorkspaceDetails > li {
        padding-right: 15px;
        padding-left: 10px;
    }

    .layoutWorkspaceDetails li a span {
        display: none;
    }

    .js-layoutWorkspaceBadgesOuter .layoutWorkspaceDetails > li a span.badge {
        display: inline;
    }

    .js-layoutWorkspaceBadgesOuter .layoutWorkspaceDetails > li a i,
    .js-layoutWorkspaceBadgesOuter .layoutWorkspaceDetails > li a span.badge {
        display: inline-block;
    }

    .js-liFilterProfileLabel .filterProfileName {
        display: none;
    }
}

@media only screen and (max-width :1440px) {

    .analysisDaily br {
        display: block;
    }

    .first {
        float: left;
    }

    .squareLink img {
        display: block;
        margin-right: auto;
        padding-bottom: 3px;
    }

    .squareLink span {
        display: block;
    }
}

@media only screen and (max-width :1280px) {

    .contentReceived .divComments {
        padding-left: 20px;
        width: calc(100% - 20px);
    }

    .addIdea {
        float: left;
    }

    .scrollList input[type="submit"] {
        width: 89px;
        font-size: 12px;
    }

    .postTitle {
        font-size: 15.5px;
    }

        .postTitle span {
            font-size: 14px;
        }

    .menuInner {
        width: 96%;
        margin: 0 2%;
    }

    .navbar-inverse .mainMenu .navbar-nav li a {
        padding: 29px 6px;
    }

    .navbar-inverse .mainMenu {
        margin-left: 0;
    }

    .first {
        width: 100%;
    }

    .analysisGeneral .top {
        font-size: 23px;
    }

    .calendarBudgets {
        margin-left: 8px;
    }
}

@media screen and (max-width:1175px) {
    .postOut {
        width: 90%;
    }

    h3, .h3 {
        margin-bottom: 10px;
    }

    .footer {
        width: 90%;
    }
}

@media screen and (min-width:768px) {

    .modal-over .modal-dialog {
        --modalDialogMargin_TopBottom: 27px;
    }

    .modal-sm {
        width: 350px;
    }

    .sm-pull-right {
        float: right;
    }

    .form-inline.form-inline-custom .form-group {
        margin-right: 10px;
    }

    .js-postIdeaCol.postColumn {
        margin: 3px 5px
    }

    .js-editPostDetails .js-postDetailsAcccordion.berry-accordion .ui-accordion-header {
        position: absolute;
        left: 8px;
        top: 11px;
    }

    .js-editPostDetails .js-postDetailsAcccordion.berry-accordion .ui-accordion-header-icon {
        width: 10px;
        height: 10px;
    }

    .js-editPostDetails .js-postDetailsAcccordion.berry-accordion .ui-accordion-header-icon {
        background-image: url(/../images/down-arrow.svg);
        transform: rotate(-90deg);
    }

    .js-editPostDetails .js-postDetailsAcccordion.berry-accordion .ui-state-active .ui-accordion-header-icon {
        background-image: url(/../images/down-arrow.svg);
        transform: none
    }

    .postMediaDetailsEditDiv .form-control {
        display: inline-block;
        width: 100%;
    }

    .md-ds-inline-block {
        display: inline-block;
    }

    .profilePermissionsRowCheckbox {
        display: inline-block;
        width: calc(100% - 255px)
    }

    .calTop {
        position: sticky;
        top: 0;
        z-index: 2;
        margin-bottom: 0;
    }

    .approveReviewRowInner {
        float: right;
    }

    .postPreviewPost {
        padding-right: 0;
    }

    .modal-dialog {
        --modalDialogMargin_TopBottom: 10px;
        --modalDialogMargin_LeftRight: auto;
    }

    .navbar-toggle.imgMenu {
        display: block;
    }

    .postColumn {
        display: block;
    }

    .datepicker td {
        /*padding: 2px 10px !important;*/
    }

    .nxtCC {
        float: right;
    }

    .h3-sm {
        margin-bottom: 15px;
        margin-top: 20px;
        font-size: 22px;
    }

    .export {
        position: absolute;
    }

    .lblLinkDescriptionSmall {
        word-wrap: break-word;
        word-break: break-word;
    }

    .circle {
        top: 110px;
        width: 575px;
        height: 575px;
    }

        .circle h1 {
            font-size: 42px !important;
            line-height: 51px;
        }

        .circle h2 {
            font-size: 22px !important;
            line-height: 28px;
        }

    .explore, .boxOuter {
        width: 90%;
    }

        .boxOuter .box {
            padding: 28px;
        }

            .boxOuter .box span {
                width: 40%;
                padding-bottom: 40%;
            }

    .calendarBudgets {
        margin-left: 4px;
    }

    .left300 {
        margin-right: 20px !important;
        width: 66.5%;
    }

    .postOuter {
        margin-top: 3px;
    }

    .indexPostsOuter {
        margin-top: 5px;
    }

    .calendarPost {
        width: 100%;
    }

    .logoClass {
        padding: 5px;
        height: 76px;
        margin-left: 30px;
        width: auto;
    }

    .menuLoggedIn .logoClass {
        width: 200px;
        height: 54px;
        padding: 2px;
        margin-left: 0;
    }


    .menuLoggedIn .loggedInAsUser {
        left: 0;
        top: 54px;
        font-size: 13px;
        width: calc(100% - 18px);
    }

    /*.menuLoggedIn .divLogoLarge {
            background-color: transparent;
        }*/

    .case {
        height: 219px;
    }

    .daily {
        padding-bottom: 7px;
    }

    .general {
        padding: 24px 5px;
    }

    .rowTargeting4 h3 {
        width: 49%;
        float: none;
        vertical-align: top;
    }

    .calendarColumn .lblLinkTitleSmall {
        font-size: 12px;
        line-height: normal;
        max-height: 24px;
    }

    .lblLinkTitle:after {
        height: 19px;
    }

    .lblLinkTitleSmall::after {
        height: 12px;
    }


    @-moz-document url-prefix() {

        .lblLinkTitleSmall {
            max-height: 27px;
        }
    }

    .pnlpopup {
        left: 0;
        width: 100vw;
    }

    .menuInner {
        text-align: center;
    }

    .stripeOuter {
        margin-bottom: 20px;
    }

    /*.leftMenuActive {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        overflow: auto;
    }*/
    .leftMenuActive {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        /*overflow: auto;*/
    }

        .leftMenuActive body {
            overflow: hidden;
        }

    .wrapperLoggedInActive {
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px);
    }

    .subMain, .subMainNarrow, .subMainTerms, .postOut .divSubmit {
        margin-left: 0;
        width: 100%;
        margin-top: 70px !important;
    }
}

@media(max-width:1199px) {
    :root {
        --logoInnerWidth: 150px;
    }

    .inner-page .divLogoLarge.inMenu {
        top: 0px;
    }

    .columnSearch {
        margin-left: 0;
        width: 100%
    }

    .layoutWorkspaceDetails > li {
        padding-right: 11px;
        padding-left: 7px;
    }

    .js-postDetailsAcccordion .filtersTitle {
        margin-top: 10px;
    }

    .js-liFilterProfileLabel .filterProfileName,
    .js-filterProfilesDiv_Inbox .filterProfileName {
        display: initial;
    }

    a.filterProfileItem {
        margin-bottom: 3px;
    }

    .idxFeatures > div {
        margin-bottom: 15px;
    }

        .idxFeatures > div:last-child {
            margin-bottom: 0;
        }

    .postTitle {
        margin-top: 15px;
    }

    .addPageWorkspaceName {
        text-align: left;
    }

    .pageConnected {
        width: 100%;
    }

    .pageDisconnected {
        width: 100%;
    }

    .analysisGeneral {
        font-size: 14px;
        line-height: 17px;
    }

    .glideStreamsOuter {
        padding-right: 20px;
    }

    .js-btnAddStream {
        right: -16px;
    }

    .squareLink {
        font-size: 12px;
    }

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

    .ui-accordion.accordionFilters .ui-accordion-header {
        float: none;
    }

    .accordionFilters {
        padding: 0;
    }

        .accordionFilters.js-accordionFeatures {
            padding: 18px 14px;
            padding-top: 25px;
        }

        .accordionFilters.ui-accordion .ui-accordion-content {
            width: 100%;
            padding: 0px 15px;
            margin-bottom: 5px;
        }

    .js-postIdeaCol.postColumn.multiImages-nav-open[data-display="dsp-fbCarousel"] {
        --multiImages-nav-width: 500px;
    }

    .calPrintRefresh {
        top: 0;
        padding: 4px 10px;
        margin: 0;
    }

    .inboxFilterCol {
        margin-bottom: 2px;
        padding-bottom: 6px;
        padding-top: 6px;
        background-color: var(--colorGray_ExtraLight);
        border: 1px outset hsla(0, 0%, 100%, 0.45);
        align-self: auto;
        flex-grow: 1;
    }

    .workspaceMenu {
        padding-left: 25px;
    }

    .js-inboxMessageLeft .js-pnlMessageTags {
        max-width: auto;
        max-width: initial;
        margin-top: 5px;
    }

    .js-messageParentTopRow .msgDate,
    .js-filterPendingMessages:before {
        right: 15px;
    }

    .js-inboxColLeft,
    .js-inboxColRight {
        padding-right: 0;
        padding-left: 0
    }

    .js-filterChildTagsDiv {
        padding: 0;
    }

    .js-parentMessageTop {
        padding-left: 15px;
        padding-right: 15px;
    }

        .js-parentMessageTop .js-inboxMessage {
            padding-left: 0;
            padding-right: 0;
        }

    .js-btnSearchMessages {
        padding: 5.5px 9px;
    }

    .js-ulFilterType {
        width: 100%;
    }

    .editFooter {
        padding: 10px;
    }

    .isSelectedCB label, .lcBorder {
        margin-right: 10px;
    }

    .postTitle {
        padding-left: 26px;
        padding-right: 26px;
    }


    .postTitleSingleLine {
        line-height: 18px;
    }

    .status, .calendarColumn .js-postColumn .postTypeCalendar, .pType, .bud, .calendarBudgets {
        font-size: 10px;
    }

    .calendarColumn .status {
        max-width: 78px;
    }
}

@media screen and (max-width: 1023px) {

    :root {
        --layoutWorkspaceSelectorDiv_Top: 50px;
        --inboxFilterAccordionButton_position_right: 70px;
        --filterProfilesOptionDiv_pageInHeader: 32px;
    }

    .authInner {
        right: 15px;
    }

    .leftMenu {
        display: none
    }

    .js-glideListeningStreams .glide__arrow {
        --leftRightAdj: calc(-1 * var(--fontSize) - 5px);
    }

    .workspaceMenu {
        padding: 0;
        padding-top: 8px;
        padding-bottom: 15px;
    }

    .js-layoutWorkspaceBadgesOuter {
        width: 100%;
        padding: 0
    }

    .divPassportSideOuter {
        width: 100%;
        float: none;
        padding: 0;
    }

    .layoutWorkspaceDetails {
        text-align: center;
        display: block;
    }

        .layoutWorkspaceDetails li {
            margin-top: 5px;
        }

        .layoutWorkspaceDetails li,
        .divPassportSideOuter .layoutWorkspaceDetails li {
            margin-top: 2px;
            display: block;
            border-right: 0;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .layoutWorkspaceDetails li {
            border-bottom: 1px dashed var(--colorGray_80);
        }

    .divPassportSideOuter .layoutWorkspaceDetails li {
        border: 0;
        border-top: 1px dashed var(--colorGray_80);
    }

        .layoutWorkspaceDetails li a span,
        .divPassportSideOuter .layoutWorkspaceDetails li a span {
            display: inline;
        }

    .divLogoLarge {
        height: 41px;
        margin-left: 4.5vw;
        width: var(--logoInnerWidth);
    }

    .menuLoggedIn .divLogoLarge {
        margin-top: 17px;
    }

    .inner-page .menuLoggedIn .divLogoLarge {
        margin-top: 2px;
        top: 3px;
        margin-left: 15px;
    }

    .divLogoLarge.inMenu {
        display: none;
    }

    .main {
        margin-top: 0 !important;
    }

    .leftMenuActive {
        top: var(--layoutWorkspaceSelectorDiv_Top);
    }

    .menuLoggedIn .divLogoLarge {
        background-image: url(/../images/logos/berry-logo-frontpage.png);
    }

    .divLogoLarge {
        margin-left: 2.5vw;
    }

    .layoutBadgesOuter {
        left: 0;
        width: 100%;
    }

    .js-mainContainer.hasLayoutWorkspaceSelector {
        --top: 57px;
        top: var(--top);
        height: calc(100vh - var(--top))
    }

    .js-mainContainer:not(.marginForHeader) .title {
        margin-top: 70px; /*use margin so it is added to the height*/
    }

    .general {
        width: 100%;
        padding: 10px 0;
        display: block;
        border: 0 !important;
    }

    .daily {
        width: 100%;
        display: block;
    }

    .analysisDaily {
        border: none;
        padding: 0 10px 0 0px;
    }

        .analysisDaily br {
            display: none;
        }

        .analysisDaily .top {
            font-size: 15px;
        }

    .analysisGeneral {
        font-size: 14px;
        padding: 8px;
        border: 0;
        border-top: 1px dashed var(--colorGray_Medium);
    }

        .analysisGeneral .top {
            font-size: 22px;
            line-height: 28px;
        }

    .first {
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .postDetailsApproveReview {
        left: 0
    }

        .postDetailsApproveReview .approveReviewRow {
            padding: 15px;
            padding-bottom: 14px
        }

    .js-Inbox .main {
        width: 100%;
    }

    .loaderSpin, .loaderSpinCom {
        background-position: center;
    }

    .remarksExpander {
        left: -82px;
    }

    .js-pastRemarks {
        top: 99px;
        right: -410px;
    }

        .js-pastRemarks.expanded {
            right: 0px;
        }

    .js-btnAddStream {
        right: -11px;
    }
}

@media screen and (max-width: 991px) {

    :root {
        --multiImages-nav-width: 300px;
    }

    .flexrow-md-visible {
        display: block
    }

    .packagesDiv {
        justify-content: center;
    }

    .idxFeatures {
        background-color: var(--colorGray_Dark);
        padding: 20px;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .js-settingsTabsSubMenu.nav-tabs.berry-tabs > li > a {
        background-color: var(--colorGray_SoftLight);
        margin-bottom: 2px;
    }

    .js-postIdeaCol.postColumn.multiImages-nav-open[data-display="dsp-fbCarousel"] {
        --multiImages-nav-width: 350px;
    }

    .nav-tabs.berry-tabs .trialBadge {
        top: 0;
    }

    .metricLabelDuration {
        height: 69px;
    }

    .sliderItemNav {
        padding: 2px 3px;
    }

    .js-adAccountsDiv .multiselect-container {
        width: 430px;
    }

    .js-parentMessageTop .js-inboxMessage.type-review .imgFBPage,
    .js-parentMessageTop .js-inboxMessage.type-pm .imgFBPage {
        --wh: 53px;
    }

    .js-parentMessageTop .pnlAttachments {
        max-width: 30px;
        max-height: 30px;
        margin-top: 0;
        margin-right: 5px;
    }

    .postMediaDetailsEditDiv {
        width: 100%;
        padding: 0;
    }

    .carouselHeadlineInline,
    .carouselHeadlineInline.mediaHeadeline {
        width: 100%;
    }

    .js-pageDetailsSettings,
    .js-actionsGroup,
    .js-actionsWorkspace {
        padding: 10px;
    }

    .editMediaHeader {
        padding-right: 27px;
    }

    .lblTime {
        font-size: 11px;
    }

    .msgSenderName {
        font-size: 13px;
    }

    .js-settingsBranchDDL {
        border-bottom: 1px solid var(--colorGray_8);
    }

    ul.nav.nav-tabs.berry-tabs {
        padding: var(--tabbedPanelBodyPad);
    }

    .js-settingsTabsSubMenu.berry-tabs li {
        width: 100%;
    }

    .js-settingsTabsSubMenu.berry-tabs > li.active > a {
        border-top-color: transparent;
    }

    .js-ulListeningGroups.berry-tabs li {
        width: 100%;
    }

    .js-ulListeningGroups.berry-tabs > li > a {
        padding: 15px 20px;
        font-size: 11px;
    }

    .listeningSidebar {
        flex: 0 0 200px;
    }

    .msgLeftTypePost {
        right: 123px;
        width: 30px;
        height: 30px;
    }

    .colLeftSnippet {
        width: calc(100% - 150px);
    }


    .navbar-inverse .mainMenu .navbar-nav li a {
        padding: 29px 4px;
        font-size: 12px;
    }

    .specialDayOuter,
    .splblDateDay {
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 800px) {

    .navbar-inverse .mainMenu .navbar-nav li a {
        font-size: 11.5px;
    }

    .bud {
        font-size: 9.5px;
        padding-left: 1px;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --layoutWorkspaceSelectorDiv_Top: 50px;
        --inboxFilterAccordionButton_position_right: 40px;
        --ribbonPadLeftRight: 15px;
        /*--multiImages-nav-width: 240px;*/
        --multiImages-nav-width: 190px;
        --bootstrap-select-width: 100%;
    }

    .bootstrap-select.select-ellipsis .dropdown-menu.open {
        min-width: 220px;
    }

    .xs-pull-none {
        float: none !important;
    }

    .currentSubscription {
        padding: 5px 12px;
    }

        .currentSubscription > div {
            padding: 13px 15px;
        }

            .currentSubscription > div.bordered {
                border-left: none;
                border-top: 1px dashed var(--colorGray_Medium);
            }

                .currentSubscription > div.bordered:first-child {
                    border: none;
                }

    .editMediaHeader {
        padding-top: 7px;
    }

    .homeSocialIcons {
        column-gap: 9px;
    }

        .homeSocialIcons img {
            height: 28px;
        }

    .paymentsPriceColumn {
        margin-bottom: 15px;
        flex-basis: 350px;
    }

    .js-adAccountsDiv .multiselect-container {
        width: 220px;
    }

    .btnExpander, .js-briefExpander.briefExpander, .js-shortLinkExpander.shortLinkExpander {
        --height: 35px;
        right: -39px;
        width: 35px;
        font-size: 16px;
    }

    .js-postIdeaCol.postColumn.multiImages-nav-open[data-display="dsp-fbCarousel"] {
        --multiImages-nav-width: 240px;
    }

    body.loading::after {
        left: 0;
    }

    .col-xs-noPadLeft {
        padding-left: 0
    }

    .modal-footer .btn,
    .modal-footer .btn + .btn {
        margin-bottom: 5px;
    }

    .leftMenu {
        display: none;
    }

    .form-inline.form-inline-custom .form-group {
        margin-bottom: 10px;
        margin-top: 0;
    }

    .metricLabel {
        --height: 33px;
        min-height: var(--height);
        padding-top: 4px;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.25;
    }

    .js-postEstimateRow .fromDate img {
        width: 22px;
    }

    .js-editPostParentDiv .filtersTitle {
        margin-top: 10px;
    }

    .ppFilters {
        flex-direction: column;
    }

        .ppFilters .fromDate {
            text-align: left;
        }

    .calTop {
        margin-bottom: 0;
    }

    .fromDate img {
        width: 23px;
    }

    .fromDate > input[type="text"], div.dataTables_wrapper div.dataTables_filter input.js-fromDatePagesIndex {
        width: calc(100% - 25px);
    }

    .listeningSidebar {
        flex: 0 0 170px;
    }

    .addListeningGroup {
        margin-bottom: 10px;
    }

    .btnAddListGroup {
        display: block;
    }

    .js-ulListeningGroups.nav-tabs.berry-tabs > li > a {
        padding: 11px 10px;
        padding-bottom: 17px;
    }

    .reportDatesDiv {
        margin-bottom: 15px;
    }

    .bootstrap-select.select-extra .dropdown-toggle.btn-default {
        padding: 10px;
    }

    .bootstrap-select.select-settings .dropdown-toggle.btn-default {
        font-size: 14px;
        padding: 7px;
    }

    .bootstrap-select.js-ddlLayoutWorkspaces,
    .bootstrap-select.js-StatusFilter {
        width: 100% !important;
    }

    .filtersTitle, .SingleCheckbox.selectSmall input[type=checkbox] ~ label.filtersTitle, .js-inputFilterGroups input[type=search] {
        margin-bottom: 1px;
    }

    .postMediaDetailsEditDiv .form-control {
        line-height: 1.8;
    }

    .postColumn {
        display: block; /* for carousel images not to stretch below 767*/
    }

        .postColumn.js-teamInbox {
            flex-basis: 100% !important;
            --mrgRight: 0
        }

    .btn-edit {
        font-size: 11px !important;
    }

    .dt-header .btn-edit,
    .settingsTitle .btn-edit {
        float: none;
        display: block;
        margin-top: 7px;
        margin-bottom: 4px;
    }

    .cbCanGroupTitle {
        margin-bottom: 0px;
    }

    .cbCanGroup {
        margin-bottom: 10px;
    }

    .ddlFilterPostsByTypeOuter {
        width: 100%;
    }

    .js-PageTitleBreadcrumb {
        width: 100%;
    }

    /*.js-cbExpandPostText,
    .js-cbMiniCalendar {
        width: 100%;
    }*/

    .bootstrap-select.btn-group .dropdown-menu {
        max-width: 100%;
    }

    .settingPanelInner {
        padding: 0;
    }

    .settingsTitle {
        padding: 7px;
        margin-bottom: 9px;
        text-align: center;
    }

    .dt-header {
        padding: 3px 0px;
        padding-top: 5px;
        width: 100%;
        text-align: center;
    }

    .js-toggleColumns {
        float: none;
    }

    .js-settingsPanelBody .dataTables_wrapper,
    .settingPanelOuter {
        padding: 6px;
    }

    .js-pageDetailsSettings,
    .js-actionsGroup,
    .js-actionsWorkspace {
        border: 1px solid;
        margin-top: 6px;
    }

    .js-settingsPanelBody .dataTables_wrapper,
    .settingPanelOuter,
    .js-pageDetailsSettings,
    .js-actionsGroup,
    .js-actionsWorkspace {
        border-color: var(--colorGray_Light);
        border-style: dotted;
    }

    ul.nav.nav-tabs.berry-tabs {
        padding: 0;
    }

    .nav-tabs > li > a {
        padding: 7px 9px;
        font-size: 14px;
    }

    .nav-tabs.berry-tabs.js-settingsTabsSubMenu > li > a {
        padding: 6px 6px;
        margin-right: 1px;
        font-size: 11px;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .js-settingsTabsSubMenu.berry-tabs > li i {
        /*font-size: 16px;
        display: block;
        width: auto;
        margin-bottom: 3px;*/
        display: none
    }

    .js-layoutWorkspaceDDLDiv {
        margin: auto;
        --workspaceDDLLayoutMaxWidth: 100%;
    }

    .layoutBadgesOuter {
        top: var(--layoutWorkspaceSelectorDiv_Top);
    }

    .ddlBranchesLayoutOuter {
        margin-top: 55px;
    }

    .table > thead > tr > th {
        font-size: 11px;
    }

    .js-slickPageDetailsInModal {
        display: block;
        width: 100%;
        margin: 5px 0;
    }

    .js-searchSlickPagesOuter {
        right: 5px;
    }

    .xs-center {
        text-align: center;
    }

    .xs-text-left {
        text-align: left;
    }

    .xs-center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .xs-block {
        display: block
    }

    .status {
        max-width: 100%;
    }

    .resetCalendar {
        display: block;
        margin-bottom: 10px;
        margin-left: 5px;
    }

    .js-mainContainer:not(.marginForHeader) .title {
        margin-top: 60px;
    }

    .js-inboxMessageLeft .msgInner .platfIconFas {
        top: 52px;
        left: 4px;
    }

    .stripe {
        float: none;
    }

    .datepicker td {
        padding: 2px 2vw;
    }

    .imgUserForAssign {
        width: 15px;
        height: 15px;
        top: 5px;
    }

    .addPageWorkspaceName {
        top: auto;
        bottom: 18px;
    }

    .accordionFilters .curFolderImg {
        width: 13px;
    }

    .js-multiInboxPageInfo {
        left: 0;
    }

    .spNameMsgLeft {
        font-size: 9.5px;
        max-width: calc(100% - 68px);
    }

    .taReply {
        font-size: 11px;
    }

    .js-accordionMessageActions li a {
        font-size: 12px;
        line-height: 1.1;
    }

    .js-filterBookmark {
        width: 25px;
        height: 25px;
    }

    .inboxFilterCol input,
    .inboxFilterCol button,
    .ui-widget input.js-submitWebhook {
        font-size: 11px;
    }

    .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label, .js-selectMultipleMessagesDiv .SingleCheckbox input[type=checkbox] ~ label {
        width: 14px;
        height: 14px;
        font-size: 8px;
        line-height: 1.5;
    }

    .js-msgToAttach .js-pnlMessagesToAttach {
        max-width: 100%;
    }

    .msgDate {
        /*position: relative;
        left: 4px;
        width: calc(100% - 8px);
        line-height: 1.1;
        right: auto;
        top: 5px;*/
        text-align: left;
    }

    .js-messageParentTopRow .msgDate {
        position: absolute;
        left: auto;
        text-align: right;
        top: 8px;
    }

    .js-messageParentTopRow .msgDate,
    .js-filterPendingMessages:before {
        right: 7px;
    }

    .js-accordionMessageActionsButton {
        top: -15px;
        right: 3px;
    }

        .js-accordionMessageActionsButton.focus:not(.active) {
            top: -19px;
            right: 0
        }

    .fixedActions {
        top: -13px;
        right: 29px;
        position: initial;
        position: absolute;
        float: right;
    }

    .js-parentMessageTop .fixedActions {
        top: 1px;
    }

    .js-accordionMessageActions {
        top: -9px;
    }

    .attachImg,
    .mainMessage,
    .pnlAttachments,
    .pnlAttachments a,
    .colLeftMessage,
    .msgSenderName {
        line-height: 16px;
    }

    .fbMessageInner, .messageTags {
        max-width: 100%;
        width: 100%;
    }

    .fbMessageInner {
        min-height: 24px;
    }

    .mainMessage {
        padding: 4px 6px;
        /*padding-top: 8px;*/
    }

    .js-accordionMessageActions.ui-accordion .ui-accordion-content {
        width: 193px;
    }

    .js-ConversationMessagesLeftPager {
        padding: 0 7px
    }

    .selectInboxMessage {
        top: 0px;
        left: 4px;
    }

    .js-inboxMessage .selectInboxMessage {
        top: 6px;
    }

    .modal .js-pastRemarks {
        width: 78vw;
        right: -78vw;
    }

    table.dataTable {
        font-size: 14px;
    }

    .calendarImg-sm {
        width: 18px;
    }

    .printCalendar {
        width: 19px;
        top: 2px;
        left: 6px;
        right: 5px;
    }

    .js-PostPreview .js-tbComment {
        height: 80px;
    }

    .modal-content {
        border-width: 6px;
    }

    .modal-body {
        padding: 10px;
    }

    .js-postPreviewColumn {
        padding: 0 36px;
    }

        .js-postPreviewColumn.js-editPostDetails {
            padding: 0 23px;
        }

    .js-modalPostPreview .js-pastRemarks {
        top: 100px;
    }

    .modal-header, .modal-footer {
        padding: 12px;
    }

    .modal-title {
        font-size: 19px;
    }

    .emtFb {
        width: 13px !important;
    }

    .js-modalPostInboxMessages .js-inboxMessagesRightDiv {
        right: 1px;
    }

    .js-inboxMessage:before {
        top: 10px;
    }

    .js-inboxMessage.type-comment:before {
        width: 18px;
    }

    .js-inboxMessage.type-reply:before {
        width: 18px;
    }

    .js-inboxMessage.type-message:before {
        width: 38px;
    }

    .js-inboxMessage.type-message.fromPage:before {
        width: 73px;
    }

    .pnlNewDate {
        margin-top: 2px;
    }

    .inboxTitleBread.singlePage {
        margin-left: -18px;
    }

    .js-pnlCommentsRight {
        padding-left: 0;
        padding-right: 0;
    }

        .js-pnlCommentsRight.tp-conversation {
            padding-top: 0px;
        }

    .js-inboxColRight .js-selectMultipleMessagesDiv {
        padding-left: 5px;
        padding-right: 5px;
    }

    .js-filteringBy, .js-ConversationMessagesLeftPager .pagination > li > a, .js-ConversationMessagesLeftPager .pagination > li > span {
        font-size: 11px;
    }

    .js-multiItemsSelectedCount,
    .bootstrap-select.js-selectInboxBulkAction .btn-default.dropdown-toggle {
        font-size: 11px;
    }

    .js-multiItemsSelectedCount {
        max-width: 97px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .js-selectInboxBulkAction li:not(:first-child) a {
        padding-left: 29px !important;
    }

    .bootstrap-select.select-transparent .btn-default.dropdown-toggle {
        padding-right: 11px;
        padding-left: 1px;
    }

    .js-selectMultipleMessagesDiv .SingleCheckbox {
        top: -5px;
    }

    .divFilterProfiles {
        max-width: calc(100% - 110px);
    }

        .divFilterProfiles .btnMultiselect .multiselect {
            padding-right: 25px;
            padding-left: 0;
            background-position-x: calc(100% - 5px);
        }

    .parentTypeImg {
        width: 12px;
    }

    .js-parentMessageTop .mainMessage {
        --lineHeight: 12px;
    }

    .js-messageParentTopRow .js-inboxMessageTxt:after {
        height: 12px;
    }

    .inboxTitle {
        width: 100%;
        min-height: initial;
        margin-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .js-inboxMessage,
    .childMessages .js-inboxMessage,
    .childOf-type-comment .hlPostLink:first-child .js-inboxMessage {
        margin-top: 15px;
    }

        .js-inboxMessage:not(.type-message) {
            padding-left: 0;
        }

    .childOf-type-comment {
        padding-left: 18px;
    }

    .msgLeftTypePost {
        position: initial;
    }

    .messageParentTitleTop {
        font-size: 10.5px;
        line-height: 1.2;
        white-space: normal;
    }

    .messageParentTitleOuter {
        padding: 0 7px
    }

    .js-parentMessageTop .messageParentTitleOuter {
        padding-right: 80px;
    }

    .divFilterProfiles {
        top: -1px;
    }

        .ui-accordion.accordionFilters .ui-accordion-header,
        .divFilterProfiles .btnMultiselect .multiselect-selected-text,
        .inboxTitleBread,
        .inboxTitleRight {
            font-size: 17px;
        }

    .ui-accordion.accordionFilters .ui-accordion-header {
        background-size: 16px;
    }

    .btnDash.showOnCalendarHeader {
        margin-bottom: -5px;
    }

    .editDelete, .saveCancel {
        width: 100%;
    }

    .saveCancel {
        left: 0;
        top: 0;
    }

    .remarksExpander {
        left: calc(-12vw);
    }

        .remarksExpander img {
            max-width: calc(15vw - 15px);
        }

    .modal .js-pastRemarks .remarksExpander img {
        width: 40px;
    }

    .pnlReply {
        padding-top: 7px;
        padding-left: 7px;
        padding-right: 7px;
        margin-top: 0;
        border: 0;
    }

        .pnlReply .replyOuter {
            padding-left: 25px;
        }

        .pnlReply .imgFBPage {
            --wh: 20px;
        }

    .js-tbConversationReply {
        font-size: 11px;
        margin-bottom: 0;
    }

    .js-inboxMessagesRightDiv {
        padding-left: 5px;
        padding-right: 5px;
    }

    .noMessagesFound {
        padding: 9px;
        font-size: 11px;
    }

    .js-Inbox .main {
        margin-top: 50px;
    }

    .addCalCategory {
        top: 6px;
        left: 4px;
    }

    .rowHeader .lblCalDay {
        display: none;
    }

    .js-teamInbox .pfItem {
        margin-left: 4px;
    }

    .pType {
        top: 2px;
    }

    .menuScroll, .menuBlack {
        height: auto;
    }

    .loginOrFB {
        display: inline-block;
        width: 100%;
    }

    .caseOut {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cd-scrolling-bg {
        padding-left: 41px;
        padding-right: 41px;
    }

        .cd-scrolling-bg h3,
        .idxLink,
        h3.idxLink {
            font-size: 16px;
        }

    body.berryIdxBody {
        font-size: 16px;
    }

    .pastRemarks-header-sub {
        max-width: 100%;
    }

    .js-teamInbox .js-NoteRow {
        width: 100%;
    }

    .js-teamInbox .remarkRow.unread {
        width: 100%;
    }

    .flexrow:not(.js-postColumn.flexrow):not(.flexrow-xs-visible) {
        display: block;
    }

    .postFooterRight, .postFooter {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -o-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        float: none;
    }

    .pastRemarks-header, .pastRemarks-body, .pastRemarks-footer {
        padding: 0 10px;
    }

    .pastRemarks-body {
        padding-bottom: 5px;
    }

    .js-PostPreview .pastRemarks-header {
        height: 36px;
    }

    .pastRemarks-footer {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .js-teamInbox .js-divRemarks .lblPostTime {
        padding-right: 0;
        text-align: left;
        padding-left: 0px;
        width: 100%;
    }

    .js-teamInbox .remarkRow {
        width: 100%;
    }

    .js-pastRemarks {
        width: 85vw;
        right: -85vw;
        top: 84px;
    }

    .modal .js-pastRemarks {
        margin-top: 10px;
        top: 100px;
    }

        .modal .js-pastRemarks.expanded {
            right: 5px;
        }

        .modal .js-pastRemarks .remarksExpander:before {
            top: 10px;
            left: 13px;
            width: 20px;
            height: 17px;
        }

    .js-parentMessageTop .fbMessageInner {
        padding-left: 0;
    }

    .js-parentMessageTop .type-pm .fbMessageInner {
        min-height: 45px;
    }

    .js-parentMessageTop .type-review .fbMessageInner {
        width: 100%;
        max-width: auto;
        max-width: initial;
    }

    #btnAddIdea {
        top: 0px;
        right: auto;
        left: 0;
    }

    .postColumnOuterReports {
        width: 100%;
        display: inline-block;
    }

    .btnDash-popup-header {
        font-size: 13px;
    }

    .js-inboxMessageLeft {
        padding-left: 10px;
    }

    .js-parentMessageTop .type-pm .mainMessage {
        display: none
    }

    .js-parentMessageTop .pnlActions {
        margin-top: 0;
    }

    .js-messageParentTopRow .js-accordionMessageActionsButton {
        top: 32px;
    }

        .js-messageParentTopRow .js-accordionMessageActionsButton.focus:not(.active) {
            top: 28px;
        }

    /**************collapse message filters******************/
    .isAssignedToLeft,
    .isAssignedToLeft .status {
        top: auto;
        top: initial;
    }

    .isAssignedToLeft {
        right: 5px;
        bottom: 3px;
    }

        .isAssignedToLeft .status {
            right: 3px;
            bottom: 4px;
        }

        .isAssignedToLeft img {
            width: 15px;
            max-height: 15px;
        }

        .isAssignedToLeft .lastEmailedMessageLog {
            font-size: 10px;
            width: 15px;
            height: 15px;
            line-height: 15px;
        }

        .isAssignedToLeft li {
            padding: 0px 1px;
        }

    .msgSenderName {
        width: 100%;
    }

    .colLeftMessage,
    .msgSenderName,
    .attachImg,
    .mainMessage,
    .pnlAttachments,
    .pnlAttachments a {
        font-size: 12px;
    }

    .msgSenderName {
        white-space: normal;
        font-family: 'Ubuntu';
        font-weight: 500;
    }

    .colLeftMessage {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: initial;
        white-space: normal;
    }

    .js-parentMessageTop .fbMessage {
        padding: 0 10px;
    }

    .lblTime {
        top: 2px;
        text-align: left;
        width: 100%;
        margin-bottom: 7px;
    }

    .pnlNewDate span {
        font-size: 11px;
    }

    .js-pnlMessageTags, .msgDate, .readMore, .likeReply a, .js-btnReplyLink, .pmResponse, .js-lbReplyPM, .lblTime, .js-filterPendingMessages:before,
    .js-parentMessageTop .mainMessage {
        font-size: 10.5px;
    }

    .js-pnlMessageTags {
        max-width: calc(100% - 66px);
    }

    .js-inboxMessageLeft .js-pnlMessageTags {
        display: none
    }

    .js-messageParentTopRow .js-pnlMessageTags {
        max-width: calc(100% - 86px);
    }

    .js-inboxMessageLeft {
        padding: 4px 0;
        padding-right: 2px;
        padding-bottom: 20px;
    }

    .js-replyRight {
        padding: 0;
    }

    .replyOuter a.js-btnReplyLink.expanded {
        display: inline-block;
    }

    .type-comment .imgFBPage,
    .msgReply .imgFBPage,
    .type-comment .msgReply .imgFBPage {
        --wh: 14px;
        top: 29px;
    }

    .letterIcon {
        font-size: 8px;
    }

    .msgReply .imgFBPage, .type-comment .msgReply .imgFBPage {
        top: 7px;
    }

    .type-reply .msgReply .imgFBPage {
        top: 6px;
    }

    .type-reply .imgFBPage {
        --wh: 14px;
        top: 29px;
    }

    .type-comment .fbMessageInner {
        padding-left: 18px;
    }

    .type-reply .fbMessageInner {
        padding-left: 18px;
    }

    .colLeftSnippet {
        width: 100%;
        font-size: 10px;
        min-height: 50px;
    }

        .colLeftSnippet .msgSenderName .badge,
        .revHeader .badge {
            padding: 1px 4px;
            font-size: 10px;
        }

        .colLeftSnippet .ratingStar,
        .revHeader .ratingStar {
            width: 9px;
        }

        .colLeftSnippet .emtFb {
            width: 11px !important;
        }

    .msgInner {
        padding-left: 23px;
    }

    .conversationImg {
        height: 13px;
        width: 13px;
        top: 23px;
        left: 5px;
    }

    .js-inboxColLeft {
        padding-right: 1px;
    }

    .js-pnlCommentsLeft {
        padding-right: 2px;
    }

    .js-inboxMessagesRightDiv {
        padding-right: 6px;
    }

    .messengerIcon {
        top: 39px;
        left: 4px;
        width: 15px;
    }

    .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label,
    .js-inboxMessageLeft.active .selectInboxMessage.SingleCheckbox input[type=checkbox] ~ label {
        border-color: #b8beca;
    }

    .js-selectMultipleMessagesDiv {
        padding-left: 4px;
        margin-bottom: 3px;
    }

    .js-inboxMessageLeft.active:before,
    .js-inboxMessageLeft.active:hover:before,
    .js-inboxMessage.active:before {
        left: -1px;
    }
    /****************************************/

    .subMainTerms {
        margin-top: 0;
    }

    .subMain, .subMainNarrow, .subMainTerms {
        width: 752px;
    }

    .wrapper, .wrapperLoggedIn, .wrapperLoggedInActive {
        width: 768px;
    }

    .calendarColumnOuter {
        width: 100%;
        display: inline-block;
    }

        .calendarColumnOuter.otherMonth {
            display: none;
        }

    .imgLegend {
        margin-left: 0;
    }

    .menu, .menuScroll {
        width: 768px;
    }

    .lblOnlyDate {
        display: none;
    }

    .splblDateDay {
        display: inline-block;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        text-align: inherit;
        padding: 0;
    }

    .messageActions {
        padding-right: 0;
    }

    .pagesDDLOuter {
        width: 100%;
    }

    .title {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 20px;
    }

        .title h3 {
            margin-top: 4px;
        }

    .breadcrumbCaret {
        font-size: inherit;
        line-height: 19px;
    }

    .pageInHeader:not(.medFBPage) {
        --width: 18px; /* clearer images in one of these values: 18px, 25px, 36px */
    }

    .dataTable .spIcon.inDT {
        left: 23px;
    }

    .squareLink {
        padding-bottom: 2px;
        margin-top: 6px;
        font-size: 11px;
        flex-basis: calc(100% / 3);
    }

    .contentReceived .divComments {
        padding-right: 15px;
        padding-left: 15px;
    }

    .maxPostTypes .lblPostMessage {
        max-width: calc(100% - 280px) !important;
    }

    .lblSum1, .lblSum2 {
        width: 27px;
        font-size: 11px;
    }

    .reportsPostTypesList {
        width: calc(100% - 204px);
    }

    .hlCampName {
        width: 100% !important;
        margin: 10px 0;
    }

    .addIdea {
        float: left;
        margin-right: 10px !important;
    }

    .contentType {
        width: 100%;
        margin: 0;
    }

    .left50 {
        width: 100%;
    }

    .calendarPost {
        width: 100%;
    }

    .circle {
        width: 90%;
        border-radius: 83px;
        padding: 25px 30px;
        height: auto;
        margin-top: 140px;
        margin-bottom: 150px;
    }

        .circle h2 {
            margin-bottom: 3px !important;
            font-size: 18px;
            line-height: 20px;
        }

        .circle h1 {
            font-size: 25px;
            line-height: 1;
        }

        .circle .btn {
            margin-top: 5px;
            font-size: 17px;
            padding: 7px;
        }

    .explore, .boxOuter {
        width: 90%;
        display: block;
    }

        .boxOuter .box {
            padding: 24px 28px;
            margin: 0 8px;
            border-radius: 0px;
        }

    .userLogin {
        /*display: none;*/
    }

    .wrapper, .wrapperLoggedIn, .wrapperLoggedInActive {
        width: 100%;
    }

    .wrapperLoggedInActive {
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px);
    }

    .subMain, .subMainNarrow, .subMainTerms, .postOut .divSubmit {
        /*margin-top: 115px !important;*/
        padding-right: 10px;
        padding-left: 10px;
    }

    .divReplyItem {
        font-size: 11px;
    }

        .js-expandEmoticons img,
        .divReplyItem.thumbsUp img {
            height: 16px;
        }

    .inboxColLeftInner {
        padding-left: 6px;
        padding-right: 1px;
    }

    .js-inboxMessage .mentions-input .input, .js-inboxMessage .mentions-input .highlighter-content {
        font-size: 11px !important;
    }

    .msgReply {
        position: relative;
        padding: 5px;
        padding-top: 2px;
        margin-bottom: 0px;
    }

    .replyOuter {
        padding-left: 18px;
    }

    .fbMessage {
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-left: 0;
    }

    .menu, .menuScroll {
        height: auto;
    }

    .navbar-inverse .mainMenu {
        margin-left: 0;
        padding-top: 2px;
        margin-right: 0;
        float: none;
        width: 100%;
    }

    .divPassport {
        width: 100%;
        max-width: auto; /*ie fallback*/
        max-width: initial;
        float: left;
        padding: 10px 5px;
        margin-left: 0;
    }

    .signUp {
        margin: 0;
    }

    .navbar-inverse .mainMenu .navbar-nav {
        margin-right: 0;
        margin-bottom: 7px;
        text-align: center;
        clear: both;
    }

        .navbar-inverse .mainMenu .navbar-nav li {
            display: block
        }

            .navbar-inverse .mainMenu .navbar-nav li a {
                padding: 15px 7px;
            }

    .imgUserProfile {
        margin-top: 2px;
    }


    .postTitle span {
        font-size: 14px;
    }

    .postTitle span {
        padding: 3px 0 !important;
    }

    .divDate .lblWeekText {
        font-size: 13px;
    }

    .js-divRemarks {
        padding: 9px 5px;
        padding-top: 0;
    }

    .js-PostPreview .js-divRemarks {
        max-height: calc(100vh - 311px);
        padding: 5px 0px;
    }

    .js-PostPreview .pastRemarks-header-title {
        font-size: 17px;
    }

    .js-PostPreview .remarkRowOuter {
        max-width: calc(100% - 42px);
    }

    .js-PostPreview .remarkRowOuterInset {
        max-width: calc(100% - 70px);
    }

    .js-PostPreview .pastRemarks-body {
        padding-top: 44px !important;
    }

    .divDate input[type="text"] {
        left: 0 !important;
    }

    .divComments {
        width: 100% !important;
    }

    .divSubmit {
        width: 100%;
    }

        .divSubmit btn:not(.js-btnDuplicatePost) {
            width: 48% !important;
            margin-right: 0 !important;
            margin-bottom: 4px;
            font-size: 14px !important;
            padding: 0px 4px 1px 4px;
            height: 41px;
        }

    .scrollList input[type="submit"] {
        right: 1px;
        height: 20px;
        font-size: 12px;
        top: 77px;
    }

        .scrollList input[type="submit"].pdf {
            top: 77px;
            right: 104px;
        }

    .postOut {
        width: 94%;
        margin: 0 3%;
    }

    .menu, .menuScroll {
        width: 100%;
        position: fixed;
    }

    .menu {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .outerDiv {
    }

    .fileUpload {
        margin-bottom: 10px;
    }

    .postColumnOuter {
        margin: 0;
        width: 100%;
        padding: 0 8px;
        margin-left: 0 !important;
    }

    .postOuter, .indexPostsOuter {
        padding-bottom: 10px;
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .rowPlaceTargeting {
        width: 100% !important;
    }

    .lblLinkTitle {
        position: relative;
        max-height: 27px;
        line-height: 13px;
        overflow: hidden;
        font-size: 13px;
        font-family: arial, helvetica, 'lucida grande', sans-serif;
        color: black;
        display: block;
    }

        .lblLinkTitle:after {
            height: 14px;
        }

    .lbLinkDescription {
        line-height: 15px;
        font-size: 11px;
        display: block;
        word-wrap: break-word;
        word-break: break-word;
    }

    .pnlLink {
        padding: 5px 6px;
        height: auto;
    }

    .pnlPostImg {
        height: auto;
    }

    .lblDomain {
        text-transform: lowercase;
        font-size: 12px;
    }

    input[type="submit"].btnDash, a.btnDash {
        text-align: left;
        margin: 0;
        margin-top: 4px;
        margin-bottom: 2px;
        background-color: transparent !important;
    }

    .singleLine .imgFBPage {
        margin-right: 12px;
    }

    .rowGray {
        margin-bottom: 9px;
        margin-top: 0px;
    }

    .footerConnect {
        font-size: 11px;
    }

    .footer ul li a {
        font-size: 13px;
        color: rgb(163, 163, 165);
    }

    .firstName {
        padding-right: 8px;
    }

    .hlUserImage {
        width: 100%;
        padding-right: 5px;
    }

    .divLinkImages input[type="submit"], .divLinkImagesShort input[type="submit"] {
        height: 27px;
        width: 29px;
        margin-right: 5px;
    }

    textarea.lblPostMessage {
        margin-bottom: 5px;
    }

    .doneEditing {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .left300, .left250 {
        margin-bottom: 8px;
        width: 100%;
    }

    .calendarPost td, .calendarPost th, .calendarPost td a {
        padding: 3px;
        font-size: 13px;
    }

    .ui-datepicker td {
        padding: 5px !important;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            font-size: 15px !important;
        }

    .ui-datepicker {
        left: 0 !important;
        right: 0 !important;
        margin-left: auto;
        margin-right: auto;
    }


    .divDate input[type="text"] {
        left: 0;
    }

    .menu a, .menuScroll a {
        font-size: 14px;
    }

    .divLogoLarge {
        margin-left: 15px;
        height: 32px;
        margin-top: 10px;
    }

    .modalWindow {
        width: 95% !important;
        padding: 8px;
        border: 6px solid rgb(214, 214, 216);
    }

    .passwordInfo {
        font-size: 10px;
        text-align: right;
        right: 0;
        top: -4px;
        position: absolute;
        line-height: 10px;
    }

    .modalWindow h3 {
        padding-left: 5px;
        margin-top: 2px;
    }

    .modalLogin span {
        display: block;
    }

    .modalLogin .modalNoAccount {
        margin-left: 0;
        display: inline-block;
    }

    .failureNotification, .failureNotificationUserName {
        font-size: 12px;
    }

    .footerOuter {
        padding-top: 1px;
        width: 100%;
    }

    .footer {
        width: 100%;
        background-color: rgb(29, 29, 29);
        padding: 0;
    }

        .footer li {
            display: block;
            border-bottom: 1px solid rgb(52, 52, 52);
            padding: 8px 10px;
        }

        .footer ul {
            padding-bottom: 0;
        }

    .socialFooter li {
        display: inline;
    }

    .lblRights {
        border-color: rgb(234, 234, 239);
        padding: 7px 10px;
        width: 100%;
    }

    ul.osx-dock {
        margin: 0;
        padding: 0;
    }

        ul.osx-dock li, ul.osx-dock li a img {
            width: 38px;
        }

    .osx-dock li {
        border: 0;
    }

    .btnAddPost span {
        font-size: 12px !important;
    }

    .lblLinkTitleSmall {
        font-family: arial, helvetica, 'lucida grande', sans-serif;
        color: black;
    }

    .lblPostMessage {
        font-size: 13px !important;
    }

    .js-PostPreview .lblPostMessage {
        max-width: calc(100% - 40px);
        float: none;
        display: inline-block;
        margin: 0;
    }

    .js-PostPreview .js-postColumn {
        padding: 8px;
    }

    .js-PostPreview .pagePhotoLeft {
        padding-top: 0;
        padding-bottom: 3px;
    }

    .js-PostPreview .postFooter {
        margin-top: 2px;
    }

    .calendarColumn .js-postColumn .lblPostMessage {
        font-size: 11.5px !important;
        height: auto;
        height: initial;
    }

        .calendarColumn .js-postColumn .lblPostMessage:after {
            display: none;
        }

    .rowTargeting4 h3 {
        width: 100%;
    }

    .cbTargeting label {
        font-size: 14px;
    }

    .divComments .js-divRemarks {
        width: 100%;
    }

    .autoCompResult {
        margin-bottom: 5px;
    }

    .lblCalDay {
        padding-top: 10px;
    }

    .calendarColumn {
        padding: 0 0px;
        padding-top: 1px;
    }

    .specialDayOuter {
        display: none;
    }
}

@media screen and (max-height: 465px) {
    .js-tbComment {
        height: 55px;
    }
}

@media screen and (max-width: 620px) {
    .case {
        height: 160px;
    }

    .js-fetchDataDiv .fromDate {
        display: block;
        padding-bottom: 5px;
        max-width: initial;
    }
}

@media screen and (max-width: 460px) {
    .btnApprove,
    .btnReview,
    .spanOR,
    .approveReviewRowInner {
        width: 100%;
    }

    .spanOR {
        padding: 2px;
        line-height: 1.5;
    }
}

@media screen and (max-width: 410px) {

    .divDate {
        width: 100%;
    }

    .spNameMsgLeft {
        display: none
    }
}

@media screen and (max-width: 321px) {
    .js-messageParentTopRow .messageTags {
        display: none;
    }

    .js-pnlCommentsRight .js-selectInboxBulkAction .dropdown-menu {
        left: auto;
        right: 0;
    }

    .js-inboxColLeft {
        width: 40%;
    }

    .js-inboxColRight {
        width: 60%;
    }

    .js-accordionMessageActions {
        width: 160px;
    }
}

@media screen and (max-device-width: 767px) {
    .subMain, .subMainNarrow, .subMainTerms {
        width: 100%;
    }

    .menu, .menuScroll, .menuLoggedIn {
        position: fixed;
    }
}

@media only screen and (min-width :768px) and (max-width :1200px) {
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {

    .explore, .boxOuter {
        display: block;
    }

    .postColumnOuter {
        margin: 0 auto;
        float: none;
    }

    .menu, .menuScroll {
        width: 100% !important;
    }

    .menuLoggedIn .navbar-header {
        float: none;
    }

    strong, b, dt {
        font-weight: 300;
    }
}

@media screen and (min-device-width: 737px) {
    .postColumnOuter {
        /*float: none;*/
        /*  width: 33.3%; 494px;*/
    }
}

.flexrow .xs-12 {
    flex-basis: 100%;
}

@media screen and (min-width: 768px) {
    .js-plansDiv {
        max-width: calc(100% - 270px);
    }

        .js-plansDiv.plansDivTrial {
            max-width: initial;
            width: 100%;
        }

    .inner-page .menuLoggedIn .navbar-header {
        width: 100%;
    }

    dt.hlProfileImageOuter .bgImage {
        float: right;
    }

    .js-dtExtraFilters {
        float: left;
    }

    .tagsIndexCreateTag {
        float: left;
    }

    .flexrow .sm-4 {
        flex-basis: 33.3%;
    }

    .flexrow .sm-6 {
        flex-basis: 50%;
    }

    .js-indexPosts .js-postColumn {
        flex-basis: 49%;
    }

    .marginForHeader {
        margin-top: 90px;
    }

    dd.hlProfileImageOuter {
        margin-left: 90px;
    }

    .postColumn.js-teamInbox {
        flex-basis: calc(50% - 2 * var(--mrgRight)) !important;
    }

    .contentPerformanceFilterType {
        width: 115px
    }
}

@media (min-width: 992px) {
    .flex-md-initial {
        flex: initial
    }

    .js-postIdeaCol.postColumn {
        flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex: 0 1 50%;
    }

    .postMediaDetailsEditDiv .form-control.js-postMediaName {
        width: calc(100% - 6px);
    }

    .ulPagesInRole {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }

    .js-audienceTargeting {
        display: none;
    }

    .metricLabel {
        text-align: right
    }



    .exportPdf {
        /*top: 30px;*/
    }

    .cbCanGroup {
        padding-right: 10px;
        padding-left: 0;
        display: inline-block;
        vertical-align: text-top;
    }

    .berry-tabs li {
        float: none;
    }

    .nav-tabs.berry-tabs > li > a {
        border-bottom-color: white;
        border-top: 1px solid var(--colorGray_SoftLight);
        padding: 15px 20px;
        margin-right: 0
    }

    .flexrowSettings {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -o-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        float: none;
        height: 100%;
    }

    .sideSettings {
        position: fixed;
        width: var(--settingsSidebar);
        top: 78px;
        bottom: var(--modalBorder);
    }

    .js-ulListeningGroups.nav-tabs.berry-tabs > li > a {
        padding: 22px 15px;
        padding-bottom: 23px;
    }

    .js-settingsPanelBody[data-level="1"] {
        flex: 1;
        width: 100%;
        overflow: hidden;
        overflow-y: overlay;
    }

    .js-settingsPanelBody[data-level="2"] {
        width: calc(100% - var(--settingsSidebar));
        margin-left: var(--settingsSidebar);
        height: inherit;
        overflow: hidden;
        overflow-y: auto;
    }

    .js-settingsPanelBody[data-level="3"] {
        padding: 2px 0;
    }

    li.js-settingsLiBranches {
        min-width: calc(var(--settingsSidebar) - var(--panelHeadingNavPadding));
    }

    .berry-tabs {
        border-bottom: 0
    }

    .md-pull-right {
        float: right;
    }

    .modal-md {
        width: 900px;
    }

    .paPostPerf .ppItemCol { /*used in PageAnalysis*/
        width: 33.3%;
    }

    /*.js-pnlTags {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }*/

    .flexrow .md-2 {
        flex-basis: 12.5%;
    }

    .flexrow .md-3 {
        flex-basis: 25%;
    }

    .flexrow .md-4 {
        flex-basis: 33.3%;
    }

    .js-indexPosts .js-postColumn {
        flex-basis: 32%;
    }

    .flexrow .md-6 {
        flex-basis: 50%;
    }

    .daily {
        padding: 7px;
    }
}

@media (min-width: 1024px) {

    body.inner-page.loading:after {
        --leftPosition: 200px;
    }

    .loggedInAsUser {
        right: 410px;
        left: auto;
        max-width: calc(100% - 200px);
        width: 200px;
    }

    .menuLoggedIn {
        background-color: transparent;
        width: 200px; /*to avoid transparent row to be above other elements*/
    }

    .inner-page .menuLoggedIn {
        display: none;
    }

    .cMaskActive {
        display: none;
    }

    .wrapperLoggedInActive {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .navbar-toggle.imgMenu {
        display: none;
    }

    .menuLoggedIn .divLogoLarge {
        height: 54px;
        margin-top: 47px;
        margin-left: 20px;
        /*border-right: 2px ridge #3c3f49;*/
    }
}

@media (min-width: 1200px) {

    .lg-pull-left {
        float: left;
    }

    .lg-pull-right {
        float: right;
    }

    .inboxFilterCol {
        flex: 25%;
        width: auto;
    }
	
	.js-liFilterProfileLabel {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px;
    }

    .flex-lg-initial {
        flex: initial
    }

    .modal-lg {
        --modalLgWidth: 1160px;
        width: var(--modalLgWidth);
    }

    .modal-over .modal-lg {
        width: calc(var(--modalLgWidth) - 34px);
    }

    .postColumn.js-teamInbox {
        flex-basis: calc(33.3% - 2 * var(--mrgRight)) !important;
    }

    .filtersFlexrow {
        width: calc(100% + 15px);
    }

    .demographicsOL {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .js-postIdeaCol.postColumn {
        flex-basis: auto;
        -webkit-flex-basis: 0;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1px;
    }

    .inboxFilterCol {
        padding-right: 0
    }

    .paPostPerf .ppItemCol { /*used in PageAnalysis*/
        width: 25%;
    }

    .logoClass {
        margin-left: 70px;
    }

    /*6 cols*/
    .flexrow .lg-2 {
        flex-basis: 16.66666667%;
    }

    /*5 cols*/
    .flexrow .lg-fake5 {
        flex-basis: 20%;
    }

    /*4 cols*/
    .flexrow .lg-3 {
        flex-basis: 25%;
    }

    /*3 cols*/
    .flexrow .lg-4 {
        flex-basis: 33.33333333%;
    }

    /*2 cols*/
    .flexrow .lg-6 {
        flex-basis: 50%;
    }

    .daily {
        padding: 7px;
    }

    .general {
        padding: 19px 5px;
    }

    .analysisGeneral {
        font-size: 13px;
        padding: 0 10px;
    }

    .analysisDaily .top {
        font-size: 18px;
    }

    .analysisDaily {
        font-size: 14px;
        letter-spacing: initial;
    }
}

@media (min-width:1366px) {

    .editFooter {
        padding: 10px;
    }

    .isSelectedCB label, .lcBorder {
        margin-right: 10px;
    }

    .flexrow .xl-3 {
        flex-basis: 25%;
    }

    .js-indexPosts .js-postColumn {
        flex-basis: 24%;
        max-width: 272px;
    }

    .flexrow .xl-4 {
        flex-basis: 33.33%;
    }

    .flexrow .xl-5 {
        flex-basis: 41.67%;
    }

    .flexrow .xl-6 {
        flex-basis: 50%;
    }
}

@media (min-width: 1500px) {
    .modal-lg {
        --modalLgWidth: calc(100% - 478px);
        max-width: 1557px;
    }

    .js-modalPostPreview .modal-lg {
        width: 88vw;
    }

    .modal-lg-custom {
        width: 1100px;
    }
}

@media (min-width: 1700px) {
    .inboxFilterCol {
        padding-right: 5px;
    }

    .postColumn.js-teamInbox {
        flex-basis: calc(25% - 2 * var(--mrgRight)) !important;
    }
}

@media (min-width: 2270px) /*max width after which calendar thumbnails exceed 250px width for aws*/
{
    .calendarColumn .js-postColumn {
        padding: 10px;
    }
}

@media (min-width: 2560px) {
    .container {
        width: 2530px;
    }

    .pnlReply, .js-inboxMessagesRightDiv {
        padding-right: 10vw;
    }
}

.teamNotifCol .remarkRow {
    padding: 8px 10px;
    border-radius: 0px;
    border: 0;
    border-bottom: 1px dashed hsl(0, 0%, 85%);
    background-color: transparent;
    line-height: 22px;
}

.teamNotif .remarkRowOuter {
    margin-bottom: 0;
    max-width: calc(100% - 85px);
}

.teamName {
    cursor: pointer;
}

/*.row [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .row [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .row [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .row [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}*/
/* end adds margin... */