/* Minification failed. Returning unminified contents.
(3,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(34,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3092,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3381,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3383,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(3387,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3389,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(3700,38): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(3704,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(3709,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(3710,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(14743,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(14891,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(14906,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14911,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(14914,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14920,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14921,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14959,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14962,22): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(14963,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14970,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14975,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(14976,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(14984,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(15003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15021,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15052,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15284,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15287,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15315,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15327,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15341,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(15414,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15938,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(15988,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16214,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16326,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16541,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16550,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16565,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16573,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16593,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16602,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16635,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16644,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16769,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16785,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16841,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(16952,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17105,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17300,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(17383,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(17578,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(18627,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19453,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19658,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(19664,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(19668,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(19677,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(19697,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(19808,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19840,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19965,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20102,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20108,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20189,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20190,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20191,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20192,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20203,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20207,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20208,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20209,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20211,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20213,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20214,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20215,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20217,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20218,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20219,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20225,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20226,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20230,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20231,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20234,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20235,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20237,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20238,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20239,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20241,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20242,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20243,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20245,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20246,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20247,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20249,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20250,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20251,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20253,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20254,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20255,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20257,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20258,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20259,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20261,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20262,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20263,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20264,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20265,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20267,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20268,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20269,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20270,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20274,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20275,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20276,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20277,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20278,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20279,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20280,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20281,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20282,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20283,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20284,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20285,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20286,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20287,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20288,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20289,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20290,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20292,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20293,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20294,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20296,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20298,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20299,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20300,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20301,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20302,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20306,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20308,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20311,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20312,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20313,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20317,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20320,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20324,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20325,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20326,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20327,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20328,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20329,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20330,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20331,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20333,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20334,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20336,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20337,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20339,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20340,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20341,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20343,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20344,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20345,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20346,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20347,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20350,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20352,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20353,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20354,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20355,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20356,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20357,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20358,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20359,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20360,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20361,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20362,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20363,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20364,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20366,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20367,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20368,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20369,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20371,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20372,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20373,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20374,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20376,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20377,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20381,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20382,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20383,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20385,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20386,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20387,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20388,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20389,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20390,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20391,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20392,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20393,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20394,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20396,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20397,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20398,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20399,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20401,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20402,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20403,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20404,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20405,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20407,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20408,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20409,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20410,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20412,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20414,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20415,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20416,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20417,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20418,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20419,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20420,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20422,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20423,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20424,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20425,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20426,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20427,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20429,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20430,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20432,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20433,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20434,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20435,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20436,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20437,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20438,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20439,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20440,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20441,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20442,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20444,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20445,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20446,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20447,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20448,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20449,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20450,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20451,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20452,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20453,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20456,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20457,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20458,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20459,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20460,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20461,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20462,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20463,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20464,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20466,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20467,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20468,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20469,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20470,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20471,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20472,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20473,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20475,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20476,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20477,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20478,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20479,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20480,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20481,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20482,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20483,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20484,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20485,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20486,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20487,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20488,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20489,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20490,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20491,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20492,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20493,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20494,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20495,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20496,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20497,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20498,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20499,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20500,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20501,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20502,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20503,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20504,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20505,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20506,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20507,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20508,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20509,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20510,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20511,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20512,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20513,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20515,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20517,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20518,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20521,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20522,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20523,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20524,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20525,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20526,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20527,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20529,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20530,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20531,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20533,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20534,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20537,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20538,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20539,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20540,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20541,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20542,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20544,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20545,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20546,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20547,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20552,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20558,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20559,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20565,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20571,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20577,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20578,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20579,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20585,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20591,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20592,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20593,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20594,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20600,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20606,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20670,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(20671,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20687,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(20691,22): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(20708,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(20712,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(20721,26): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(20748,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20815,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(20817,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20880,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20881,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(20887,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20888,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(20892,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(20895,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20985,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21023,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21032,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21036,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21040,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(21054,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(21065,25): run-time error CSS1046: Expect comma, found '255'
(21065,33): run-time error CSS1046: Expect comma, found '/'
(21066,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(21067,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21072,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(21079,14): run-time error CSS1030: Expected identifier, found '.'
(21079,29): run-time error CSS1031: Expected selector, found ')'
(21079,29): run-time error CSS1025: Expected comma or open brace, found ')'
(21087,14): run-time error CSS1030: Expected identifier, found '.'
(21087,29): run-time error CSS1031: Expected selector, found ')'
(21087,29): run-time error CSS1025: Expected comma or open brace, found ')'
(21096,22): run-time error CSS1039: Token not allowed after unary operator: '-layour-bg-color'
(21203,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21207,30): run-time error CSS1046: Expect comma, found '29'
(21207,36): run-time error CSS1046: Expect comma, found '/'
(21212,29): run-time error CSS1046: Expect comma, found '8'
(21212,34): run-time error CSS1046: Expect comma, found '/'
(21220,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21235,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21237,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21237,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21237,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21238,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21238,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21238,88): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21243,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21249,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(21252,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(21256,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(21261,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21268,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21271,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21275,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(21279,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21279,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21279,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21280,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21280,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21280,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21289,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21293,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21322,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(21328,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(21336,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21357,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21363,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(21433,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(21434,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(21463,36): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(21473,36): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(21474,36): run-time error CSS1039: Token not allowed after unary operator: '-salmon-light-color'
(21482,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(21483,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21512,21): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(21530,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(21531,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21544,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(21548,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21570,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(21571,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21571,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21571,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21572,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(21586,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21603,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(21611,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21640,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(21641,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(21649,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21686,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(21687,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21688,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21695,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(21707,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21707,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21707,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21710,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21711,18): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(21717,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(21734,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21749,12): run-time error CSS1038: Expected hex color, found '#ffff'
(21782,16): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21797,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21803,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21825,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21861,12): run-time error CSS1038: Expected hex color, found '#ffff'
(21886,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22077,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22118,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(22119,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(22130,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22134,30): run-time error CSS1046: Expect comma, found '18'
(22134,36): run-time error CSS1046: Expect comma, found '/'
(22153,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22157,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22158,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22164,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(22179,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(22183,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22371,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(22372,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-box-shadow'
(22387,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22395,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22402,22): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(22406,22): run-time error CSS1039: Token not allowed after unary operator: '-ct-bg-color'
(22410,22): run-time error CSS1039: Token not allowed after unary operator: '-oc-bg-color'
(22414,22): run-time error CSS1039: Token not allowed after unary operator: '-gm-bg-color'
(22558,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(22565,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22588,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22610,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22626,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(22627,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22635,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22645,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22650,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22651,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22652,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(22660,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22661,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22720,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(22726,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22731,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(22747,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22826,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(22827,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(22943,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23067,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(23072,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(23076,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(23077,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(23081,24): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(23122,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(23255,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23362,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(23362,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(23362,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(23390,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23391,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23392,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23393,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23403,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23412,40): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23422,31): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(23435,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23439,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23446,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(23455,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23460,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23461,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23467,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23491,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23492,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(23493,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(23499,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(23517,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23518,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23522,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23526,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23527,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23531,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23535,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23545,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-light-bottom'
(23546,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-light-bottom'
(23556,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23557,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23561,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23565,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23570,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23574,24): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(23578,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23582,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23586,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23595,45): run-time error CSS1039: Token not allowed after unary operator: '-dark-gradient-primary'
(23595,85): run-time error CSS1046: Expect comma, found '255'
(23595,93): run-time error CSS1046: Expect comma, found '/'
(23599,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(23611,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(23612,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(23625,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23630,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23631,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23635,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23642,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23647,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23657,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23658,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(23659,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(23660,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23668,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23669,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23670,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(23675,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23676,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23677,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23684,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23691,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(23695,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-right-bubble'
(23705,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23709,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23714,38): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23718,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23722,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23727,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23733,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23738,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23742,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23751,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23755,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23759,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23764,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23768,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23772,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23776,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-overlay-bg'
(23780,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(23781,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(23782,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(23786,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(23787,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(23796,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(23801,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23805,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23809,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23810,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23814,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23823,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23824,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23828,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(23836,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23837,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23847,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23848,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23849,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(23853,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23854,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23858,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23859,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(23863,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23867,30): run-time error CSS1046: Expect comma, found '155'
(23867,38): run-time error CSS1046: Expect comma, found '/'
(23871,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23877,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23878,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(23879,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(23892,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23901,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23906,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23910,33): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(23916,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(23921,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(23926,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23932,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23936,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23940,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23944,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23946,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23951,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23955,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23956,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(23957,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23961,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(23966,32): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(23980,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(23986,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(23994,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23998,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(23999,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24003,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24004,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24008,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(24009,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24010,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(24014,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(24026,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24034,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24051,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24055,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24060,37): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24065,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24074,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24087,46): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24087,92): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24088,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24088,84): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24093,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24097,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24098,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24099,28): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(24103,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(24104,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24108,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24116,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24120,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24125,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24139,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24143,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24156,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24202,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24231,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24241,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(24246,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24257,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(24258,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24272,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24279,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(24302,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24305,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24306,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(24327,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24364,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24383,29): run-time error CSS1046: Expect comma, found '2'
(24383,33): run-time error CSS1046: Expect comma, found '/'
(24394,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24409,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24429,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24519,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(24522,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24523,24): run-time error CSS1046: Expect comma, found '153'
(24523,32): run-time error CSS1046: Expect comma, found '/'
(24524,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(24552,40): run-time error CSS1046: Expect comma, found '0'
(24552,44): run-time error CSS1046: Expect comma, found '/'
(24569,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24583,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24604,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(24695,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(24699,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(24705,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(24710,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24725,29): run-time error CSS1046: Expect comma, found '0'
(24725,33): run-time error CSS1046: Expect comma, found '/'
(24740,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(24741,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(24764,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(24765,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24930,60): run-time error CSS1046: Expect comma, found '233'
(24930,67): run-time error CSS1046: Expect comma, found ')'
(24930,82): run-time error CSS1046: Expect comma, found '176'
(24930,89): run-time error CSS1046: Expect comma, found '/'
(24951,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(24954,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(24958,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24964,26): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24965,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(24966,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(24970,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24971,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24972,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(24976,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24977,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(24978,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(24979,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24996,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(25006,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(25009,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25038,60): run-time error CSS1046: Expect comma, found '89'
(25038,64): run-time error CSS1046: Expect comma, found ')'
(25038,79): run-time error CSS1046: Expect comma, found '88'
(25038,84): run-time error CSS1046: Expect comma, found '/'
(25054,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25123,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(25245,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(25257,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(25259,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(25300,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(25411,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(25427,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(25450,38): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(25487,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(25495,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25498,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(25502,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(25507,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(25508,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25509,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25514,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25524,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-bg-color'
(25538,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25565,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25612,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25613,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25614,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(25622,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(25623,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25632,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(25636,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25724,59): run-time error CSS1046: Expect comma, found '255'
(25724,67): run-time error CSS1046: Expect comma, found '/'
(25724,99): run-time error CSS1046: Expect comma, found '255'
(25724,107): run-time error CSS1046: Expect comma, found '/'
(25725,51): run-time error CSS1046: Expect comma, found '255'
(25725,59): run-time error CSS1046: Expect comma, found '/'
(25725,91): run-time error CSS1046: Expect comma, found '255'
(25725,99): run-time error CSS1046: Expect comma, found '/'
(25736,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(25737,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(25747,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(25751,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(25772,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25773,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(25774,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25778,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(25779,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25798,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(25799,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(25800,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25809,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(25823,36): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(25824,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25828,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(25832,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(25836,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25837,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(25850,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25851,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(25862,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25925,30): run-time error CSS1039: Token not allowed after unary operator: '-tb-secondary-bg'
(25946,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(25948,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(25948,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(25948,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(25949,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(25949,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(25949,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(25979,25): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25987,34): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(26090,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26098,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(26103,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26130,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26132,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26142,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(26175,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26176,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26181,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26181,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26181,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26182,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26183,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26183,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26183,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26187,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26187,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26187,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26188,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26188,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26188,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26189,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26189,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26189,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26209,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(26257,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26265,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26266,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(26267,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26277,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(26279,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26283,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26287,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26293,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26293,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26293,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26296,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26305,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26319,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26351,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26382,16): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-7'
(26388,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26388,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26388,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26389,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26389,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26389,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26393,16): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(26399,16): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(26403,16): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(26407,16): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(26419,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26420,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(26453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26466,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26491,16): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-7'
(26499,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26499,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26499,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26502,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(26502,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(26502,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(26511,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(26516,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26556,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26565,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26566,33): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26568,21): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26569,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26604,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(26613,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26648,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(26649,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(26687,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26711,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26712,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26720,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26721,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26725,38): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(26767,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26873,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26878,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26915,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(26926,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(26928,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26929,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26933,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(26942,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(26943,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26985,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(26986,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(27022,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27047,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27061,30): run-time error CSS1046: Expect comma, found '110'
(27061,38): run-time error CSS1046: Expect comma, found '/'
(27063,20): run-time error CSS1046: Expect comma, found '110'
(27063,28): run-time error CSS1046: Expect comma, found '/'
(27081,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27094,18): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(27129,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(27131,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(27132,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(27133,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(27135,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(27141,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(27146,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(27147,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(27152,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(27159,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(27174,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(27175,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(27194,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(27195,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(27208,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(27209,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(27230,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(27231,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(27232,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(27273,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27276,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27289,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27300,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(27307,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27353,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27426,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27428,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27432,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(27492,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27499,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27514,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27527,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(27530,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27532,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27535,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(27571,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27645,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27671,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27675,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27678,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27679,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27683,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27749,31): run-time error CSS1046: Expect comma, found '255'
(27749,39): run-time error CSS1046: Expect comma, found '/'
(27763,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27781,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(27817,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27832,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27877,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27879,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(27883,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27887,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27891,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(27896,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(27900,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(27904,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(27908,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(27912,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27913,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(27919,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27920,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27921,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27930,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27932,19): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27944,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27952,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27958,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(27983,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(27988,30): run-time error CSS1046: Expect comma, found '21'
(27988,36): run-time error CSS1046: Expect comma, found '/'
(27989,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27999,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28003,38): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(28007,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28007,55): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28011,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28038,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28056,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(28074,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28076,22): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28077,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28082,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28116,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28128,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28141,38): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(28142,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(28146,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(28147,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(28180,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28181,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(28191,42): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(28197,42): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(28259,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(28277,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28278,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28301,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28310,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28313,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28318,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28320,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(28321,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28323,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28336,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(28341,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28372,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(28396,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-mh'
(28403,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28419,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(28420,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28421,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28425,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28429,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(28430,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28432,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28435,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28449,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(28460,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28464,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28472,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28480,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28483,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28491,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28538,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28542,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28585,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28608,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(28619,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28620,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28626,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(28630,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28737,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28738,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28748,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28749,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28750,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28754,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(28755,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28773,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28829,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28829,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28829,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28830,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28831,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28898,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28902,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28903,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28924,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(28930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28937,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28938,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28942,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28963,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28979,22): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(28987,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28993,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(29000,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29000,55): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29009,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(29011,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29025,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(29026,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(29030,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(29031,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(29035,31): run-time error CSS1046: Expect comma, found '223'
(29035,38): run-time error CSS1046: Expect comma, found ')'
(29036,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29060,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29061,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29063,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(29160,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29170,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29172,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29187,30): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(29214,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(29215,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29283,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29410,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29412,31): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(29412,43): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(29414,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(29434,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29436,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29456,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29461,21): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(29466,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29466,56): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29470,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29477,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29478,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29507,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29715,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29716,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29723,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29738,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(29744,17): run-time error CSS1039: Token not allowed after unary operator: '-bg--def-txt-col'
(29768,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29783,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-accent-color'
(29789,22): run-time error CSS1039: Token not allowed after unary operator: '-indigo-color'
(29841,22): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(29843,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(29854,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(29876,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(29877,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29878,19): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(29880,30): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29884,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29890,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(29890,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(29890,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(29891,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(29891,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(29891,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(29900,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(29900,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(29900,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(29906,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(29907,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29908,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(29912,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29913,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29963,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29966,39): run-time error CSS1046: Expect comma, found '0'
(29966,43): run-time error CSS1046: Expect comma, found '/'
(29982,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(29987,22): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(30000,22): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(30012,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(30018,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30029,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30036,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30041,22): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(30045,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(30059,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30065,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30069,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30073,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30074,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30078,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30079,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30113,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(30115,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30120,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30133,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(30149,40): run-time error CSS1046: Expect comma, found '65'
(30149,46): run-time error CSS1046: Expect comma, found '/'
(30154,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30160,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(30179,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30183,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(30200,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30212,18): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30218,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(30221,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30230,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30245,32): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30251,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30256,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(30257,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30262,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30270,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(30285,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30286,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30288,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30294,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(30295,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30296,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30301,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30309,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30314,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30329,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30335,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(30342,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30344,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30346,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(30370,33): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(30393,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30425,32): run-time error CSS1039: Token not allowed after unary operator: '-table-head-bg'
(30426,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30434,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30435,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30447,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30447,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30447,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30451,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30451,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30451,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30452,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30452,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30452,78): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30457,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30457,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30457,88): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30472,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30482,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30498,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30504,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30508,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(30510,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30513,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30515,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30517,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(30526,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30527,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(30531,27): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30550,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30570,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30575,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30579,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30585,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(30586,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30602,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30606,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30607,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30608,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30615,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30620,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(30621,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30627,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(30637,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(30640,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30655,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30662,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(30663,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30667,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-opacity-color'
(30670,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30681,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(30702,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(30723,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(30750,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30784,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30798,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30803,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30810,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30824,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(30873,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30873,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30873,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30875,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30883,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30883,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30883,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30894,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(30895,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30897,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30901,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30904,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30905,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30923,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(30927,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30931,31): run-time error CSS1046: Expect comma, found '245'
(30931,39): run-time error CSS1046: Expect comma, found '/'
(30938,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30940,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30943,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30949,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(30953,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(30957,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30958,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30962,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30963,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31006,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(31022,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31052,27): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31054,28): run-time error CSS1039: Token not allowed after unary operator: '-blur2-bg-color'
(31055,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(31059,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(31140,18): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(31148,18): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(31156,18): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(31189,18): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(31206,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31217,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(31268,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31269,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31275,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31463,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31467,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(31512,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31542,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31550,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(31633,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(31634,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31635,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31639,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(31643,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31644,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31645,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31662,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31829,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31866,28): run-time error CSS1039: Token not allowed after unary operator: '-Gradient-2'
(31893,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31930,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31933,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(31934,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31939,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(31956,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31956,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31956,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31964,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(31968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31975,22): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(31980,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31981,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(31985,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(31999,35): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(32006,34): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(32010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32011,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32047,23): run-time error CSS1039: Token not allowed after unary operator: '-p-sb-block-width'
(32065,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(32078,17): run-time error CSS1039: Token not allowed after unary operator: '-p-sb-block-width'
(32079,34): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(32082,15): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(32083,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(32086,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(32090,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(32107,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32112,35): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(32113,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(32117,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32144,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32145,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32148,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(32160,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32164,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32165,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32166,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32171,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(32172,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32176,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32177,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(32179,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32191,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(32192,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(32208,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32215,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32217,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32218,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(32233,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32234,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32245,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32246,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32283,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(32287,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(32295,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(32297,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32301,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(32313,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32326,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32335,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32344,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32351,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32355,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32359,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(32372,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32383,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32385,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32386,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32402,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(32403,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(32407,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(32423,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32425,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32426,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32466,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32475,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(32476,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32521,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32533,18): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(32534,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-height'
(32535,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-height'
(32537,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32545,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(32546,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(32590,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32594,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32615,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(32630,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(32651,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32652,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32663,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32722,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32723,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32739,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32768,18): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(32769,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32771,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(32773,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32790,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32805,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32806,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32812,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32821,36): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(32822,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32832,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(32833,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32834,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(32835,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(32836,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(32840,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32874,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32948,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(32949,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32961,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(32971,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(32972,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33062,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(33063,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33083,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33104,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(33114,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33118,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33157,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33162,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33162,54): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33162,84): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33171,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(33187,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33221,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33245,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(33271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33275,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(33279,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33312,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33348,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33357,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33370,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(33378,21): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33382,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(33383,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(33406,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33406,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33406,78): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33407,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33407,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33407,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33409,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33410,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33416,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33417,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-placeholder-color'
(33421,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(33434,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-placeholder-color'
(33438,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(33452,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(33505,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33505,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33505,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33506,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(33510,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33510,62): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33510,89): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33532,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33532,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33532,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33533,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33541,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33541,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33541,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33583,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h6'
(33584,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33654,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33663,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(33752,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33876,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33877,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(33884,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(33885,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33887,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33888,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33923,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(33931,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(33932,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33937,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33938,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33942,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34006,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34007,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34032,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34032,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34032,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34033,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(34040,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34040,72): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34040,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34041,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(34049,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34049,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34049,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34050,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(34057,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34057,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34057,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34058,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(34066,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34066,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34066,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34067,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(34074,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34074,77): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34074,114): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34075,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(34083,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34083,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34083,106): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34084,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(34091,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34091,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(34091,106): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(34092,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(34098,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34210,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34221,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34577,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34578,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34638,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34671,25): run-time error CSS1046: Expect comma, found '141'
(34671,33): run-time error CSS1046: Expect comma, found '/'
(34672,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34673,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34692,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34697,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34698,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34706,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34708,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34736,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34751,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34756,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(34759,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(34763,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34774,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(34778,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34782,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(34796,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(34819,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(34835,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34850,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(34853,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(34854,18): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(34889,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34917,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(34921,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34921,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34921,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34923,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34924,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(34924,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(34925,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(34933,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34934,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(34939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34940,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(34942,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34943,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34946,31): run-time error CSS1046: Expect comma, found '232'
(34946,39): run-time error CSS1046: Expect comma, found '/'
(34966,37): run-time error CSS1046: Expect comma, found '206'
(34966,45): run-time error CSS1046: Expect comma, found '/'
(34971,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34976,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(34981,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34982,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34987,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35010,103): run-time error CSS1030: Expected identifier, found '.'
(35010,120): run-time error CSS1031: Expected selector, found ')'
(35010,120): run-time error CSS1025: Expected comma or open brace, found ')'
(35041,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(35047,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35051,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35062,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(35065,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(35066,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(35070,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(35071,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35087,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(35114,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(35116,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35122,22): run-time error CSS1039: Token not allowed after unary operator: '-tw-ring-offset-shadow'
(35122,50): run-time error CSS1038: Expected hex color, found '#0000'
(35122,63): run-time error CSS1039: Token not allowed after unary operator: '-tw-ring-shadow'
(35122,84): run-time error CSS1038: Expected hex color, found '#0000'
(35122,97): run-time error CSS1039: Token not allowed after unary operator: '-tw-shadow'
(35131,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(35132,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35233,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35237,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35265,20): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(35306,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35310,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35314,26): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(35315,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(35324,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(35327,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35356,21): run-time error CSS1033: Expected closing bracket, found 'i'
(35356,22): run-time error CSS1031: Expected selector, found ']'
(35356,22): run-time error CSS1025: Expected comma or open brace, found ']'
(35426,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(35459,18): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35463,34): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(35465,33): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(35482,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(35486,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h6'
(35503,19): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35516,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35524,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(35528,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35532,19): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35535,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(35538,17): run-time error CSS1039: Token not allowed after unary operator: '-vir-ag-sb-wid'
(35539,34): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(35541,17): run-time error CSS1039: Token not allowed after unary operator: '-vir-ag-sb-wid'
(35545,28): run-time error CSS1039: Token not allowed after unary operator: '-vir-ag-sb-wid'
(35563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35564,17): run-time error CSS1039: Token not allowed after unary operator: '-vir-ag-sb-wid'
(35567,24): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(35568,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(35574,25): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35580,25): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35581,29): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35585,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35657,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(35731,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(35786,19): run-time error CSS1039: Token not allowed after unary operator: '-chat-gap'
(35789,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(35805,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(35809,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35816,21): run-time error CSS1039: Token not allowed after unary operator: '-vir-ag-sb-wid'
(35817,16): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(35821,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35847,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35864,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35865,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35894,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35904,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35907,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35911,22): run-time error CSS1039: Token not allowed after unary operator: '-sec'
(35920,22): run-time error CSS1039: Token not allowed after unary operator: '-blur2-bg-color'
(35921,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(35922,40): run-time error CSS1046: Expect comma, found '0'
(35922,44): run-time error CSS1046: Expect comma, found '/'
(35966,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35982,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35987,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(36025,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36080,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36098,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(36133,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36137,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36141,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36142,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36143,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36153,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36154,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36155,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36157,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36162,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(36183,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36190,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36195,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36216,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36226,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(36249,22): run-time error CSS1039: Token not allowed after unary operator: '-blur2-bg-color'
(36250,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36251,40): run-time error CSS1046: Expect comma, found '0'
(36251,44): run-time error CSS1046: Expect comma, found '/'
(36284,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36288,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36319,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36339,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36354,50): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36358,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36359,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36363,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36370,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36373,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36383,17): run-time error CSS1039: Token not allowed after unary operator: '-text-base'
(36384,45): run-time error CSS1039: Token not allowed after unary operator: '-text-base'
(36384,66): run-time error CSS1039: Token not allowed after unary operator: '-text-base'
(36384,88): run-time error CSS1039: Token not allowed after unary operator: '-text-shimmer'
(36384,113): run-time error CSS1039: Token not allowed after unary operator: '-text-base'
(36384,135): run-time error CSS1039: Token not allowed after unary operator: '-text-base'
(36409,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36410,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36416,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36417,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36445,16): run-time error CSS1030: Expected identifier, found '.'
(36445,33): run-time error CSS1031: Expected selector, found ')'
(36445,33): run-time error CSS1025: Expected comma or open brace, found ')'
(36464,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36494,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36545,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(36547,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(36562,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(36565,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36567,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(36597,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36617,33): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36618,34): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36679,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36681,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(36690,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36691,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36693,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36697,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36698,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36702,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36715,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36720,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36721,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36730,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36759,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36760,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36764,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36789,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36790,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36822,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36823,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(36827,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36830,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(36831,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(36848,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36850,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36855,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36856,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36880,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36881,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(36882,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36889,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36890,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(36890,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(36890,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(36906,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(36921,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36935,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36970,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(37015,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37031,14): run-time error CSS1030: Expected identifier, found '.'
(37031,29): run-time error CSS1031: Expected selector, found ')'
(37031,29): run-time error CSS1025: Expected comma or open brace, found ')'
(37036,14): run-time error CSS1030: Expected identifier, found '.'
(37036,29): run-time error CSS1031: Expected selector, found ')'
(37036,29): run-time error CSS1025: Expected comma or open brace, found ')'
(37041,14): run-time error CSS1030: Expected identifier, found '.'
(37041,29): run-time error CSS1031: Expected selector, found ')'
(37041,29): run-time error CSS1025: Expected comma or open brace, found ')'
(37046,14): run-time error CSS1030: Expected identifier, found '.'
(37046,29): run-time error CSS1031: Expected selector, found ')'
(37046,29): run-time error CSS1025: Expected comma or open brace, found ')'
(37054,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(37056,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37074,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(37079,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37090,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37090,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37090,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37091,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37096,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37096,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37096,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37096,100): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(37097,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37110,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37174,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37174,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37174,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37174,100): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(37197,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37205,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37237,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37237,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37237,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37242,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37242,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37242,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37281,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37344,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(37372,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37377,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-3'
(37431,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37449,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37453,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37453,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37453,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37454,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37454,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37454,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37496,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(37509,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(37519,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37538,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37559,31): run-time error CSS1046: Expect comma, found '255'
(37559,38): run-time error CSS1046: Expect comma, found ')'
(37563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37574,31): run-time error CSS1046: Expect comma, found '255'
(37574,38): run-time error CSS1046: Expect comma, found ')'
(37608,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37630,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37633,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(37638,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(37647,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37652,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(37669,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(37700,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37701,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37702,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37702,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37702,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37702,136): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37702,156): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37702,183): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37710,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37719,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(37722,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37737,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-green-bg'
(37738,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-green-border'
(37742,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-blue-bg'
(37743,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-blue-border'
(37747,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-purple-bg'
(37748,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-purple-border'
(37757,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-yellow-bg'
(37758,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-yellow-border'
(37762,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-pink-bg'
(37763,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-pink-border'
(37767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37769,22): run-time error CSS1039: Token not allowed after unary operator: '-wd-light-rose-bg'
(37770,28): run-time error CSS1039: Token not allowed after unary operator: '-wd-light-rose-border'
(37780,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37784,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(37785,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37790,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37790,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37790,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37794,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(37795,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37799,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37799,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37799,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37807,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37894,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37895,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37903,18): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-background-color'
(37910,18): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-progress-color'
(37917,17): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-primary'
(37922,17): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-text'
(37931,41): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-border'
(37941,17): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-text'
(37971,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-warning'
(37976,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-success'
(37981,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-to-error'
(38053,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(38056,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(38057,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(38069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38078,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-bg'
(38086,35): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-border'
(38095,17): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-text'
(38111,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(38139,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38139,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38139,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38165,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38165,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38165,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38211,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38211,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38211,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38212,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38212,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38212,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38213,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(38215,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38237,17): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-primary'
(38241,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-success'
(38251,28): run-time error CSS1039: Token not allowed after unary operator: '-p-wd-cico-primary'
(38282,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(38288,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38288,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38288,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38332,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38332,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38332,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38339,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38339,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38339,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38349,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38349,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38349,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38371,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38371,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38371,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38372,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38377,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38377,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38377,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38390,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38405,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38423,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(38424,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38429,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(38464,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(38468,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(38479,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38480,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38481,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38481,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38481,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38482,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38482,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38482,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38482,138): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38482,158): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38482,185): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38488,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(38502,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38517,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(38535,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38535,60): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38535,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38577,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38577,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38577,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38615,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(38631,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38631,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38737,39): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38738,40): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38742,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38742,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38742,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38746,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38746,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38746,88): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38762,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(38763,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38764,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38765,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(38766,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(38771,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38774,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38779,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38781,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38785,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38786,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38795,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38808,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38839,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38844,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38844,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38844,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38844,136): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38844,156): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38844,183): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38895,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(38899,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(38900,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38907,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-yellow-bg'
(38911,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-green-bg'
(38916,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-rose-bg'
(38920,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39004,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-no-data-svg'
(39014,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(39035,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39043,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39044,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(39047,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(39070,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39074,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39079,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(39080,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(39107,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39111,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39144,22): run-time error CSS1039: Token not allowed after unary operator: '-blur-bg-color'
(39148,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39166,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39171,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39175,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(39192,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39197,39): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39201,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39228,17): run-time error CSS1030: Expected identifier, found '.'
(39228,28): run-time error CSS1031: Expected selector, found ')'
(39228,28): run-time error CSS1025: Expected comma or open brace, found ')'
(39239,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39239,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39239,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(39242,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(39243,18): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(40644,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(40818,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(40823,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40833,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40837,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40866,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(40872,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40877,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40896,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40913,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(41043,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(41044,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(41308,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41351,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41795,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41841,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41852,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41859,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(42060,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42062,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42089,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(42091,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(42134,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(42193,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(42194,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(42232,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42301,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(42323,30): run-time error CSS1046: Expect comma, found '30'
(42323,36): run-time error CSS1046: Expect comma, found '/'
(42325,26): run-time error CSS1046: Expect comma, found '30'
(42325,32): run-time error CSS1046: Expect comma, found '/'
(42327,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42367,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42394,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42400,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42576,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43320,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43561,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(43585,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(43646,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44095,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44106,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44163,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(44166,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(44167,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44177,28): run-time error CSS1039: Token not allowed after unary operator: '-main-loader-bg'
(44182,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44413,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44604,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44781,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44788,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44790,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44797,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44798,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44827,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44828,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44851,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44858,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44860,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44881,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44883,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44895,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44901,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44925,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44931,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44942,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44944,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44958,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44964,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44966,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44977,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44979,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(44986,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44988,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45048,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45127,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45134,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45249,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45339,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45590,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45642,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45643,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45699,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45769,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45774,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45776,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45781,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45796,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45818,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45962,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(45968,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45972,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(45977,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(45981,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(46006,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(46086,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(46094,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(46095,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46101,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(46137,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(46147,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46244,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(46244,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(46244,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(46244,100): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(46287,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(46388,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46393,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46575,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46578,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46693,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46698,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46797,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46822,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46825,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(46942,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47047,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47077,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(47082,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47115,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47186,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47207,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(47209,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(47281,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(47455,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47472,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47474,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(47481,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47490,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(47494,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47500,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47506,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(47507,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47520,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47569,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47588,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47877,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47911,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48023,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48035,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48052,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48140,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48172,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48282,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48294,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48316,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48365,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48444,25): run-time error CSS1046: Expect comma, found '255'
(48444,33): run-time error CSS1046: Expect comma, found '/'
(48445,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(48446,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48456,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48464,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48482,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48504,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48540,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48549,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48551,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48725,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48727,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48749,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48754,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48758,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(48778,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48782,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48812,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48814,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48819,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(48821,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48856,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(48982,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(49052,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49074,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49091,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49110,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49146,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(49226,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49232,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49320,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49326,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49333,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49338,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49497,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49702,48): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(49702,76): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(49702,105): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(49705,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49758,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(49760,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49765,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49773,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(49774,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(49870,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49883,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50011,22): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(50016,26): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(50024,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50069,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50123,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50161,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50181,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50208,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50219,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50227,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(50231,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50243,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50261,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(50844,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51014,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51040,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51048,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51055,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(51056,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51099,40): run-time error CSS1046: Expect comma, found '72'
(51099,46): run-time error CSS1046: Expect comma, found '/'
(51136,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51174,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51175,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51228,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51244,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51250,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51251,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51262,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51293,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51302,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51303,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51343,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51408,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51416,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51420,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51434,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51453,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51457,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51461,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51467,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51553,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51565,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51573,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51586,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51606,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(51607,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(51650,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51651,19): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51652,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51653,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(51769,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51778,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51779,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(51786,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51788,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51789,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51793,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(51797,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(51832,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(51837,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(51841,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51843,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51849,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51898,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(51900,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51909,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(51910,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(51931,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51934,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(51936,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(51991,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(51998,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52008,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg-color'
(52010,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(52058,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52080,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg-color'
(52082,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(52097,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52099,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52104,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52106,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52111,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(52112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52153,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52154,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52164,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52168,24): run-time error CSS1039: Token not allowed after unary operator: '-prmary-light-color'
(52183,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52185,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52218,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52220,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52256,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52265,74): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52266,66): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52275,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52292,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52309,17): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(52339,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52345,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52350,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(52399,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53006,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(53037,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-left-bubble'
(53042,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53083,24): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(53096,36): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(53114,24): run-time error CSS1039: Token not allowed after unary operator: '-salmon-dark2-color'
(53126,36): run-time error CSS1039: Token not allowed after unary operator: '-salmon-dark2-color'
(53165,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53182,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(53258,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53341,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(53343,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53383,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53410,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53419,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53423,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(53468,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53508,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53572,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53582,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53586,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(53656,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53660,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(53841,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53919,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53931,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(53932,20): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(53936,20): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(53941,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-mode-btn-color'
(53942,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-mode-btn-color'
(53947,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-mode-btn-color'
(53948,20): run-time error CSS1039: Token not allowed after unary operator: '-dark-mode-btn-color'
(53957,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53984,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54029,20): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(54101,1): run-time error CSS1019: Unexpected token, found '}'
(54426,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54432,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54503,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(54536,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54616,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(54626,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(54629,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(54639,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54645,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54649,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54654,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(54711,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(54741,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54821,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54822,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(54827,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(54828,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(54833,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(54852,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54855,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(54871,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54900,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54972,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54976,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(54982,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54986,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55001,17): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-width'
(55002,18): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-height'
(55016,17): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-width'
(55017,18): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-height'
(55035,17): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-width'
(55036,18): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-height'
(55049,17): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-width'
(55050,18): run-time error CSS1039: Token not allowed after unary operator: '-categoreis-height'
(55064,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55093,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55212,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(55222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55225,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(55226,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55227,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(55228,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55229,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55230,21): run-time error CSS1039: Token not allowed after unary operator: '-cat-box-wdth'
(55231,21): run-time error CSS1039: Token not allowed after unary operator: '-cat-box-wdth'
(55236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55242,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55500,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55510,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55512,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55619,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55670,26): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55690,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55705,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55718,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55727,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55757,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55766,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55779,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55799,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55806,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55811,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(55812,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(55813,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(55815,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55817,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(55839,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55849,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55861,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55888,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55905,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55912,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(55923,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(55932,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(55937,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55969,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(55975,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(55982,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(56006,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(56007,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56008,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56014,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56015,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(56019,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(56049,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(56070,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56077,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56082,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56098,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56102,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56103,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(56105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56109,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56110,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(56112,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56120,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(56122,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(56125,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(56142,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56893,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(56894,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(56900,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(56917,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(56929,35): run-time error CSS1046: Expect comma, found '19'
(56929,41): run-time error CSS1046: Expect comma, found '/'
(56933,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(56950,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(56953,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(56957,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56966,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(56968,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57018,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57019,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57037,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57426,26): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57455,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57459,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57464,24): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57468,24): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57472,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57533,22): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(57539,22): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(57545,22): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(57551,22): run-time error CSS1039: Token not allowed after unary operator: '-highlight-color'
(57601,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(57639,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57738,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57773,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57827,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57861,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58094,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(58100,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58159,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58192,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58345,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(58400,23): run-time error CSS1038: Expected hex color, found '#0000'
(58499,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(58505,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58556,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-bg-color'
(58582,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(58628,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58654,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(58678,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58688,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58690,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58701,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(58758,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58801,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58829,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58834,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59057,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(59075,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59099,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59990,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60066,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(60067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(60087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60107,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60111,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60130,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60134,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60149,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60186,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60308,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60332,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60345,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60359,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60370,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60398,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60407,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60512,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60514,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(60530,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(60537,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60560,35): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(60572,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60580,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(60592,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(60668,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(60692,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(60735,36): run-time error CSS1046: Expect comma, found '0'
(60735,40): run-time error CSS1046: Expect comma, found '/'
(60816,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60829,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(60903,25): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61083,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61097,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61119,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61216,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61228,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61280,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61311,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61352,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61401,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61429,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61433,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(61433,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(61435,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(61435,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(61435,88): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(61435,114): run-time error CSS1039: Token not allowed after unary operator: '-opacity-default-border'
(61466,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61498,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61506,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61528,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61607,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61623,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61684,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61697,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61731,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61781,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61792,47): run-time error CSS1046: Expect comma, found '0'
(61792,51): run-time error CSS1046: Expect comma, found '/'
(61798,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61812,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61824,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61912,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61940,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(61947,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62005,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62044,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62056,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62087,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62156,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62164,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62314,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62325,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62439,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(62444,30): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(62461,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62479,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62483,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62487,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62491,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62511,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62512,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(62530,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(62539,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(62544,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62547,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(62561,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(62567,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(62583,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(62585,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62591,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(62593,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(62649,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62664,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62721,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62725,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62918,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(62962,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(62981,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(63020,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(63061,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(63148,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(63184,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(63553,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(63655,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64005,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(64132,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64352,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64413,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(64435,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(64453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64464,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(64465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(64527,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64532,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(64572,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(64573,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(64577,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(64638,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(64645,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(64720,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(64727,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(64734,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(64832,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(64962,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64970,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(64985,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65009,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65013,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65049,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65197,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65343,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65584,40): run-time error CSS1046: Expect comma, found '72'
(65584,46): run-time error CSS1046: Expect comma, found '/'
(65627,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65642,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65735,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65742,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65766,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65798,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65810,40): run-time error CSS1046: Expect comma, found '72'
(65810,46): run-time error CSS1046: Expect comma, found '/'
(65818,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65835,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65857,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65872,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(65895,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(65923,35): run-time error CSS1046: Expect comma, found '0'
(65923,39): run-time error CSS1046: Expect comma, found '/'
(65990,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(66009,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66089,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66092,39): run-time error CSS1046: Expect comma, found '0'
(66092,43): run-time error CSS1046: Expect comma, found '/'
(66093,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66152,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66160,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66235,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66244,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66258,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66288,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66289,17): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(66336,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66399,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66420,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66424,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66440,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66504,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66512,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(66522,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66529,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66558,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66563,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66568,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66581,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66582,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66596,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66602,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66616,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66632,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66642,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(66697,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(66826,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(66827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(66838,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(66839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(66850,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(66851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(66862,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(66863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(66874,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(66875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(66891,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66904,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66910,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(66933,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66944,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66950,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color'
(66959,30): run-time error CSS1039: Token not allowed after unary operator: '-salmon-dark-color'
(66979,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(66999,23): run-time error CSS1038: Expected hex color, found '#0000'
(67000,34): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(67015,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67025,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67071,30): run-time error CSS1038: Expected hex color, found '#000a'
(67129,31): run-time error CSS1046: Expect comma, found '239'
(67129,39): run-time error CSS1046: Expect comma, found '/'
(67130,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67138,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67157,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67172,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(67223,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(67244,22): run-time error CSS1039: Token not allowed after unary operator: '-default-light-boxshadow'
(67289,17): run-time error CSS1039: Token not allowed after unary operator: '-db-text-head'
(67314,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(67316,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-txt-color'
(67317,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-color'
(67372,28): run-time error CSS1039: Token not allowed after unary operator: '-ebook-bg-light-color'
(67383,22): run-time error CSS1039: Token not allowed after unary operator: '-default-light-boxshadow'
(67399,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67403,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(67412,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(67421,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67423,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67458,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(67468,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67473,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67520,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(67521,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(67559,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67564,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(67570,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(67647,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67674,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67744,21): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(67750,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67790,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(67956,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67957,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67958,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67964,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(67993,32): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(68003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(68006,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(68094,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(68118,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(68133,21): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(68189,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(68207,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(68212,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(68216,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(68294,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(68304,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(68882,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(68994,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(68999,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69008,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69014,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69033,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(69049,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(69054,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(69066,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69119,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-light-color'
(69130,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69147,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69151,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69163,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(69179,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69195,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(69201,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(69227,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(69232,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(69264,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69339,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69364,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69403,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(69426,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(69646,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69653,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69748,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69768,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69774,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(69816,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69846,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69864,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69896,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(69942,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(69956,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70091,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70106,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70119,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70146,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70172,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(70176,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(70204,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70232,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70240,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70256,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(70275,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70282,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70289,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70298,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70326,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70354,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70414,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70420,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70529,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(70700,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70717,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70818,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70827,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70833,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(70897,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70925,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(70930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70932,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(70934,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(70935,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(70939,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(70940,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70944,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(70971,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(70995,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71000,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71034,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71048,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71190,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(71261,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71277,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71315,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71324,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71330,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71420,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71482,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71542,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71555,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71573,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(71579,28): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(71580,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(71589,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71623,35): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(71630,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(71636,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71637,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(71641,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71655,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71660,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71674,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(71687,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(71732,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(71764,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71779,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(71836,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(71870,22): run-time error CSS1039: Token not allowed after unary operator: '-tr-bg-color'
(72062,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72063,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(72086,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(72087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72088,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72105,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72115,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72116,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72121,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72158,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72179,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72188,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72337,25): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(72363,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(72389,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72447,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(72454,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(72456,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(72486,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(72506,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-gradient-primary'
(72691,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72705,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72711,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72717,33): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72718,34): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72722,33): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72723,34): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72727,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(72732,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72737,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72750,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(72754,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72756,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(72768,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72785,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72786,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(72791,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72792,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(72793,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(72800,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(72801,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(72802,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(72803,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(72808,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(72808,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(72808,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(72809,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(72817,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(72821,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(72834,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(72838,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(72839,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(72840,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(72846,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72848,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(72850,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(72851,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(72855,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72867,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72874,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72919,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(72921,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(72925,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(72926,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72935,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(72984,35): run-time error CSS1046: Expect comma, found '0'
(72984,39): run-time error CSS1046: Expect comma, found '/'
(72987,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(73014,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73036,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73046,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73062,49): run-time error CSS1046: Expect comma, found '255'
(73062,57): run-time error CSS1046: Expect comma, found '/'
(73083,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73094,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73098,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73119,35): run-time error CSS1046: Expect comma, found '0'
(73119,39): run-time error CSS1046: Expect comma, found '/'
(73153,29): run-time error CSS1046: Expect comma, found '0'
(73153,33): run-time error CSS1046: Expect comma, found '/'
(73196,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(73202,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(73209,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(73236,35): run-time error CSS1046: Expect comma, found '0'
(73236,39): run-time error CSS1046: Expect comma, found '/'
(73276,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73297,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73313,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73398,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(73399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(73404,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(73405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(73474,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73493,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73551,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(73560,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73573,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73577,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73588,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73595,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73614,35): run-time error CSS1046: Expect comma, found '0'
(73614,39): run-time error CSS1046: Expect comma, found '/'
(73624,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73631,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(73652,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73667,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(73668,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(73670,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(73672,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(73712,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73998,61): run-time error CSS1046: Expect comma, found '246'
(73998,69): run-time error CSS1046: Expect comma, found '/'
(74022,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(74024,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74051,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(74065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(74074,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(74075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(74097,26): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74102,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74112,29): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(74116,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74137,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(74167,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74169,37): run-time error CSS1046: Expect comma, found '183'
(74169,45): run-time error CSS1046: Expect comma, found '/'
(74170,39): run-time error CSS1046: Expect comma, found '183'
(74170,47): run-time error CSS1046: Expect comma, found '/'
(74171,40): run-time error CSS1046: Expect comma, found '183'
(74171,48): run-time error CSS1046: Expect comma, found '/'
(74213,15): run-time error CSS1038: Expected hex color, found '#ffff'
(74274,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(74302,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(74304,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(74310,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(74312,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74595,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74604,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74610,34): run-time error CSS1046: Expect comma, found '66'
(74610,40): run-time error CSS1046: Expect comma, found '/'
(74616,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74617,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74637,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74650,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(74679,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(74680,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(74680,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(74680,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(74681,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(74682,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(74693,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(74762,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(74768,37): run-time error CSS1046: Expect comma, found '170'
(74768,45): run-time error CSS1046: Expect comma, found '/'
(74769,39): run-time error CSS1046: Expect comma, found '170'
(74769,47): run-time error CSS1046: Expect comma, found '/'
(74770,40): run-time error CSS1046: Expect comma, found '170'
(74770,48): run-time error CSS1046: Expect comma, found '/'
(74771,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74834,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74841,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-color'
(74842,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(74843,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(74847,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(74848,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74852,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-color'
(74853,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(74854,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(74858,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(74859,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74863,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(74864,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(74865,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(74869,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(74870,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74874,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-color'
(74875,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(74876,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(74880,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(74881,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74885,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-color'
(74886,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(74887,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(74891,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(74892,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74896,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-color'
(74897,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(74898,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(74902,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(74903,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74907,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-color'
(74908,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(74909,17): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(74913,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(74914,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74918,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(74919,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74928,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(74929,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74933,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(74934,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74938,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(74939,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74943,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(74944,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(74948,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(74949,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(75054,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(75058,37): run-time error CSS1046: Expect comma, found '20'
(75058,42): run-time error CSS1046: Expect comma, found ')'
(75062,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(75072,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(75076,17): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(75080,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(75081,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(75082,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(75151,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75304,40): run-time error CSS1046: Expect comma, found '59'
(75304,46): run-time error CSS1046: Expect comma, found '/'
(75305,18): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(75348,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(75349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(75427,29): run-time error CSS1046: Expect comma, found '212'
(75427,37): run-time error CSS1046: Expect comma, found '/'
(75448,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-color'
(75449,21): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(75483,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(75526,24): run-time error CSS1046: Expect comma, found '153'
(75526,32): run-time error CSS1046: Expect comma, found '/'
(75529,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(75539,25): run-time error CSS1046: Expect comma, found '255'
(75539,33): run-time error CSS1046: Expect comma, found '/'
(75540,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(75542,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(75544,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75551,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(75573,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(75588,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(75598,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(75599,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(75600,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(75610,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(75611,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75612,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(75654,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(75654,54): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(75658,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(75677,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(75687,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(75711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75728,28): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-100'
(75733,34): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-200'
(75744,35): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-200'
(75766,35): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-200'
(75785,29): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-300'
(75786,28): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-50'
(75803,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(75807,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(75813,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(75861,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(75865,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(75865,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(75865,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(75866,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(75866,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(75866,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(75870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75914,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75916,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(75920,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(75943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75950,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(75952,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(75953,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(75954,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(75972,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(75978,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(75979,22): run-time error CSS1039: Token not allowed after unary operator: '-prev-nav-mh'
(75992,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(75993,22): run-time error CSS1039: Token not allowed after unary operator: '-prev-nav-mh'
(75997,24): run-time error CSS1039: Token not allowed after unary operator: '-prev-pad'
(75997,47): run-time error CSS1039: Token not allowed after unary operator: '-prev-pad'
(76003,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76003,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76003,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76035,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(76099,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(76103,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(76104,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(76105,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(76117,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(76118,29): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(76122,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(76132,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(76147,19): run-time error CSS1039: Token not allowed after unary operator: '-prev-pad'
(76223,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(76224,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(76230,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(76286,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(76287,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(76297,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76297,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76297,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76301,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76301,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76301,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76305,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76305,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76305,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76308,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76308,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76308,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76311,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76311,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76311,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76314,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76314,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76314,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76335,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76335,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76335,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76341,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76341,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76341,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76345,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76345,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76345,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76364,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76364,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76364,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76369,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76369,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76369,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76390,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76390,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76390,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76394,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76394,66): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76394,93): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76400,28): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-100'
(76404,17): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-blue'
(76408,28): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-blue'
(76412,28): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-blue'
(76413,24): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-blue'
(76417,17): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-500'
(76421,17): run-time error CSS1039: Token not allowed after unary operator: '-p-nd-gray-600'
(76429,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(76430,10): run-time error CSS1035: Expected colon, found '{'
(76455,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(76469,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(76470,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(76474,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(76478,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(76484,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(76488,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(76497,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(76506,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(76507,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(76521,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(76528,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(76530,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(76534,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(76542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76548,34): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(76580,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(76627,22): run-time error CSS1039: Token not allowed after unary operator: '-sub-sidebar-width'
(76627,49): run-time error CSS1039: Token not allowed after unary operator: '-secondary-sidebar-width'
(76631,17): run-time error CSS1039: Token not allowed after unary operator: '-sub-sidebar-width'
(76636,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(76638,28): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76646,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-sidebar-width'
(76648,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(76650,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76664,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(76668,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(76670,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(76684,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76688,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(76693,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(76719,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(76720,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76725,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(76729,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(76730,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(76742,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(76752,32): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76762,33): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76773,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(76775,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76779,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(76787,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76791,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-sidebar-width'
(76799,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(76813,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76817,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(76822,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(76828,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(76847,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-speed'
(76851,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(76856,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(76863,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(76873,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(76881,20): run-time error CSS1039: Token not allowed after unary operator: '-sub-sidebar-width'
(76884,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md'
(76911,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md'
(76929,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76929,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76929,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76931,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76931,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76931,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76932,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76932,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76932,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76933,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(76943,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(76944,18): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(76954,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76954,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76954,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76955,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76955,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76955,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76961,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(76962,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76962,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76962,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76968,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76968,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76968,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76977,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(76982,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76982,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76982,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76986,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76986,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76986,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76987,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76987,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76987,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(76992,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(76992,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(76992,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77018,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77018,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77018,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77019,28): run-time error CSS1039: Token not allowed after unary operator: '-body-bg-image'
(77037,35): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(77041,32): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(77045,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(77046,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(77052,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(77053,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(77058,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77072,35): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(77075,44): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(77119,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(77120,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(77124,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(77179,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(77187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77188,16): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(77189,18): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(77209,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77209,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77209,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77210,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77210,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77210,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77218,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77218,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77218,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77222,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(77228,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77228,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77228,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77229,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77229,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77229,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77233,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77233,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77233,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77234,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77234,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77234,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77243,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77243,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77243,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77244,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77244,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77244,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77248,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77248,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77248,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77249,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77249,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77249,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77253,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77253,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77253,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77254,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77254,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77254,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77263,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(77267,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77267,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77267,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77268,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77268,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77268,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77270,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77270,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77270,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77274,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77274,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77274,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77278,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77278,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77278,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77461,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(77465,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77465,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77465,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77469,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77469,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77469,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77485,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77485,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77485,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77502,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(77503,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(77513,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77513,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77513,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77517,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77517,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77517,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77531,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77531,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77531,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77532,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77532,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77532,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77536,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77536,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77536,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77547,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77547,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77547,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77561,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77561,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77561,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77566,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77570,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(77571,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77580,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77584,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77588,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77596,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77596,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77596,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77597,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77609,28): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(77611,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(77612,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(77617,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77625,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77639,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(77649,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(77658,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(77662,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77662,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77662,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77666,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(77666,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(77666,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(77708,33): run-time error CSS1046: Expect comma, found '0'
(77708,37): run-time error CSS1046: Expect comma, found '/'
(77709,31): run-time error CSS1046: Expect comma, found '234'
(77709,39): run-time error CSS1046: Expect comma, found '/'
(77715,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(77716,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(77734,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(77748,23): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(77766,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(77928,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(77929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(77945,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(77946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(77970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(77971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(77980,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(77981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(77997,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(77998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78014,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78039,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78056,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78081,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(78108,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(78148,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78175,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78214,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78251,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78357,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78358,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78381,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78438,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78471,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78495,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78528,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78552,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78585,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78609,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78642,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78643,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78661,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78707,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78753,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78780,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78799,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78826,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78836,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78851,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78865,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78886,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78900,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78935,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78970,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(78971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(78991,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(78992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79005,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79040,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79063,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79077,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79098,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79112,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79133,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79147,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79168,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79182,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79217,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79238,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79248,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79263,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79277,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79298,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79312,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79333,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79347,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79403,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79417,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79438,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79452,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79508,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79522,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79543,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79580,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79630,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79631,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79654,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79714,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79750,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79764,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79788,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79802,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79826,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79852,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79889,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79903,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79944,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79971,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(79972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(79989,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(79990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80016,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80034,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80061,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80079,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80106,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80124,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80151,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80196,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80214,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80241,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80259,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80286,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80331,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80349,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80376,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80389,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80409,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80422,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80488,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80508,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80521,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80541,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80554,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80574,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80619,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80680,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80694,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80717,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(80718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80731,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(80732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(80799,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(80810,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(80814,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(80815,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(80979,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(81106,24): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(81147,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(81172,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(81206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81228,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81250,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81274,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81284,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81294,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81304,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81394,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81426,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81458,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81484,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81510,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81532,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81569,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81583,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81602,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81631,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81665,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81675,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81725,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81864,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(81865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81898,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(81899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(81966,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(81967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(83161,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(83162,6): run-time error CSS1035: Expected colon, found '{'
(83165,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(83166,6): run-time error CSS1035: Expected colon, found '{'
(83169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(83170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(83174,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(83175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(83178,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(83179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(83190,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(83191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(83367,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(83377,35): run-time error CSS1046: Expect comma, found '0'
(83377,39): run-time error CSS1046: Expect comma, found '/'
(83377,65): run-time error CSS1046: Expect comma, found '0'
(83377,69): run-time error CSS1046: Expect comma, found '/'
(83396,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(83397,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(83412,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(83473,25): run-time error CSS1046: Expect comma, found '255'
(83473,33): run-time error CSS1046: Expect comma, found '/'
(83504,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(83509,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83672,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(83689,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(83726,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(83727,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83742,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(83802,42): run-time error CSS1046: Expect comma, found '41'
(83802,48): run-time error CSS1046: Expect comma, found '/'
(83821,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83835,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83840,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83855,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83856,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83861,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83862,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83863,29): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(83867,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83868,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83869,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(83873,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83874,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83875,34): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(83896,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83926,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(83962,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83966,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83996,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(83997,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(84004,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84043,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84044,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84049,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84050,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84055,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84056,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84060,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84061,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84062,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84230,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84234,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84251,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84416,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84427,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84432,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(84435,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84451,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84456,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84530,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84586,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84710,37): run-time error CSS1046: Expect comma, found '19'
(84710,43): run-time error CSS1046: Expect comma, found '/'
(84715,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84724,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84795,40): run-time error CSS1046: Expect comma, found '49'
(84795,47): run-time error CSS1046: Expect comma, found '/'
(84798,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(84810,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84811,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(84821,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84949,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(84953,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(84960,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85039,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(85043,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85061,41): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(85071,25): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(85075,36): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(85076,32): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(85170,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85176,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(85186,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85187,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85191,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(85376,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85429,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85435,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85501,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85504,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(85680,49): run-time error CSS1046: Expect comma, found '196'
(85680,57): run-time error CSS1046: Expect comma, found '/'
(85697,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85703,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85805,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(85846,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(85848,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(85991,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(85992,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86004,27): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(86005,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86014,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86044,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(86050,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(86051,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86118,24): run-time error CSS1046: Expect comma, found '64'
(86118,29): run-time error CSS1046: Expect comma, found ')'
(86125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(86126,10): run-time error CSS1035: Expected colon, found '{'
(86137,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(86138,10): run-time error CSS1035: Expected colon, found '{'
(86164,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-txt'
(86181,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(86183,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(86412,26): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(86425,26): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(86435,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(86436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(86447,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(86448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(86477,39): run-time error CSS1046: Expect comma, found '195'
(86477,47): run-time error CSS1046: Expect comma, found '/'
(86482,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86503,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86519,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86600,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(86601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(86606,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(86607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(86676,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(86764,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86769,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86773,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86777,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86781,21): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(86785,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86789,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(86793,46): run-time error CSS1039: Token not allowed after unary operator: '-dark-gradient-primary'
(86793,86): run-time error CSS1046: Expect comma, found '255'
(86793,94): run-time error CSS1046: Expect comma, found '/'
(86797,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(86804,22): run-time error CSS1039: Token not allowed after unary operator: '-blur-bg-color'
(86883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86900,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86901,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(86910,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(86919,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(86923,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(86932,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86945,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86962,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(86981,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(86990,36): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(86990,72): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(87004,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(87008,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(87031,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(87067,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(87096,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(87097,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(87110,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(87113,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(87150,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87175,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87176,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(87177,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(87178,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(87192,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(87246,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(87261,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(87272,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(87285,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(87288,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(87615,33): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(87636,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(87646,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(87647,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(87654,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(87659,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(87667,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(88415,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88417,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88418,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88419,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88433,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88435,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88436,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88437,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88453,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88455,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88456,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88457,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88473,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88475,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88476,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88477,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88493,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88495,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88496,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88497,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88513,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88515,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88516,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88517,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88532,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88534,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88535,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88536,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88551,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88553,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88554,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88555,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88570,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88572,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88573,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88587,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88589,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88590,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88591,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88605,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88607,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88608,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88609,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88624,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88626,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88627,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88628,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88646,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88648,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88649,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88650,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88667,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88669,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88670,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88671,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88688,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88690,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88691,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88692,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88709,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88711,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88712,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88713,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88727,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88729,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88730,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88731,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88747,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88749,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88750,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88751,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88770,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88784,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88786,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88787,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88788,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88808,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88810,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88811,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88812,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88824,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88826,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88827,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88828,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
(88849,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(88851,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88852,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(88853,22): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-boxshadow'
 */
.ui-helper-reset,.ui-menu{outline:0;list-style:none}.ui-button,.ui-spinner,.ui-spinner-input{vertical-align:middle}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-zfix,.ui-widget-overlay{top:0;left:0;width:100%;height:100%}.ui-helper-reset{margin:0;padding:0;border:0;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:500;border:0;font-size:12px}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{padding:0;margin:0;display:block}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;font-size:14px;font-weight:400;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-slider-vertical .ui-slider-range-min,.ui-spinner-down{bottom:0}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:0;margin:.2em 22px .2em .4em}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget-content{border:1px solid #aaa;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#282727;font-size:14px;font-weight:400;font-family:geomanist1}.ui-widget-content a,.ui-widget-header a{color:#222}.ui-widget-header{background:url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;color:#222;font-weight:500}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{font-size:14px;background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{background:url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;font-weight:400;color:#212121}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        color: var(--primary-color);
        font-weight: bold
    }.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;color:#cd0a0a}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(../images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(../images/ui-icons_888888_256x240.png)}.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(../images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay,.ui-widget-shadow{background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:8px}
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


*, ::after, ::before {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: var(--primary-font);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--on-primary-color);
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
        cursor: pointer
    }

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

    .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
        border-color: #7abaff
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

    .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
        border-color: #b3b7bb
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

    .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
        border-color: #8fd19e
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

    .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
        border-color: #86cfda
    }

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

    .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
        border-color: #ffdf7e
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

    .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
        border-color: #ed969e
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

    .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
        border-color: #fbfcfc
    }

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #95999c
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #343a40
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #454d55
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255,255,255,.075)
    }

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .table-responsive > .table-bordered {
        border: 0
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
    display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

    .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
    }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
        border-color: #28a745
    }

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

    .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
    }

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
        border-color: #dc3545
    }

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.focus, .btn-light:focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus, .btn-dark:focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

        .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

        .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
        }

.btn-link {
    font-weight: 400;
    color: var(--primary-color);
    text-decoration: none;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline
    }

    .btn-link.focus, .btn-link:focus {
        text-decoration: underline
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d;
        pointer-events: none
    }

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

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

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

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: var(--primary-color);
        text-decoration: none;
        background-color: var(--light-new-blue);
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--primary-color);
        text-decoration: none;
        background-color: var(--light-new-blue);
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
            z-index: 1
        }

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0
}

    .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none
    }

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
            margin-left: -1px
        }

        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4
        }

        .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group > .custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after, .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .form-control:nth-last-child(n+3) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn:focus, .input-group-prepend .btn:focus {
            z-index: 3
        }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 .2rem var(--sec-light-color6);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: var(--sec-light-color6)
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: var(--sec-light-color7);
        border-color: var(--sec-light-color5);
    }

    .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px
    }

    .custom-control-label::after {
        position: absolute;
        top: .25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50%/50% 50% no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-switch {
    padding-left: 2.25rem
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem
    }

    .custom-switch .custom-control-label::after {
        top: calc(.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: .5rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out
    }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: .75rem;
        background-image: none
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef
    }

    .custom-select::-ms-expand {
        display: none
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {
        background-color: #e9ecef
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse"
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse)
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .custom-range:focus {
        outline: 0
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
        }

    .custom-range::-moz-focus-outer {
        border: 0
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item, .nav-fill > .nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

    .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }

        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff
        }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(.25rem - 1px);
            border-top-right-radius: calc(.25rem - 1px)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(.25rem - 1px);
            border-bottom-left-radius: calc(.25rem - 1px)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom, .card-img-top {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus, a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus, a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus, a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus, a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus, a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus, a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus, a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus, a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus, a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus, a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus, a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:focus, a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus, a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media (min-width:576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: .25rem;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: .25rem;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

    .close:hover {
        color: #000;
        text-decoration: none
    }

    .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        opacity: .75
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    opacity: 0;
    border-radius: .25rem
}

    .toast:not(:last-child) {
        margin-bottom: .75rem
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        content: ""
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none
        }

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: .8rem;
        height: .4rem
    }

    .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid
    }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0
    }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after, .popover .arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {
        bottom: calc(-.5rem - 1px)
    }

        .bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
            bottom: 0;
            border-width: .5rem .5rem 0;
            border-top-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {
        left: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
            left: 0;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
            left: 1px;
            border-width: .5rem .5rem .5rem 0;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {
        top: calc(-.5rem - 1px)
    }

        .bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
            top: 0;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {
        right: calc(-.5rem - 1px);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
            right: 0;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
            right: 1px;
            border-width: .5rem 0 .5rem .5rem;
            border-left-color: #fff
        }

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block
}

    .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

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

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

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

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

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

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    word-break: break-all;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

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

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

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

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

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

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

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

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

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

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1, .my-n1 {
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2, .my-n2 {
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0, .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0, .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0, .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0, .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3, .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3, .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3, .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3, .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4, .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4, .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4, .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4, .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -3rem !important
    }

    .mt-sm-n5, .my-sm-n5 {
        margin-top: -3rem !important
    }

    .mr-sm-n5, .mx-sm-n5 {
        margin-right: -3rem !important
    }

    .mb-sm-n5, .my-sm-n5 {
        margin-bottom: -3rem !important
    }

    .ml-sm-n5, .mx-sm-n5 {
        margin-left: -3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3, .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3, .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3, .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3, .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4, .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4, .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4, .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4, .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5, .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5, .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5, .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-md-n5, .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3, .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3, .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3, .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3, .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4, .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4, .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4, .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4, .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -3rem !important
    }

    .mt-lg-n5, .my-lg-n5 {
        margin-top: -3rem !important
    }

    .mr-lg-n5, .mx-lg-n5 {
        margin-right: -3rem !important
    }

    .mb-lg-n5, .my-lg-n5 {
        margin-bottom: -3rem !important
    }

    .ml-lg-n5, .mx-lg-n5 {
        margin-left: -3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3, .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3, .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3, .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3, .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4, .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4, .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4, .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4, .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -3rem !important
    }

    .mt-xl-n5, .my-xl-n5 {
        margin-top: -3rem !important
    }

    .mr-xl-n5, .mx-xl-n5 {
        margin-right: -3rem !important
    }

    .mb-xl-n5, .my-xl-n5 {
        margin-bottom: -3rem !important
    }

    .ml-xl-n5, .mx-xl-n5 {
        margin-left: -3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

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

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

.text-right {
    text-align: right !important
}

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

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

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

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6 !important
    }

    .table-dark {
        color: inherit
    }

        .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
            border-color: #dee2e6
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}


/*nio icons*/
@font-face {
    font-family: "Nioicon";
    src: url("/Content/fonts/Nioicon.eot");
    src: url("/Content/fonts/Nioicon.eot#iefix") format("embedded-opentype"), url("/Content/fonts/Nioicon.ttf") format("truetype"), url("/Content/fonts/Nioicon.woff") format("woff"), url("/Content/fonts/Nioicon.svg#Nioicon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ni { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "Nioicon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ni-centos:before {
    content: "";
}

.ni-covid:before {
    content: "";
}

.ni-fedora:before {
    content: "";
}

.ni-hot-fill:before {
    content: "";
}

.ni-hot:before {
    content: "";
}

.ni-linux-server:before {
    content: "";
}

.ni-linux:before {
    content: "";
}

.ni-note-add-fill:before {
    content: "";
}

.ni-repeat-fill:before {
    content: "";
}

.ni-tranx-fill:before {
    content: "";
}

.ni-ubuntu:before {
    content: "";
}

.ni-virus:before {
    content: "";
}

.ni-b-chrome:before {
    content: "";
}

.ni-b-edge:before {
    content: "";
}

.ni-b-firefox:before {
    content: "";
}

.ni-b-ie:before {
    content: "";
}

.ni-b-opera:before {
    content: "";
}

.ni-b-safari:before {
    content: "";
}

.ni-b-si:before {
    content: "";
}

.ni-b-uc:before {
    content: "";
}

.ni-brick-fill:before {
    content: "";
}

.ni-brick:before {
    content: "";
}

.ni-col-3s:before {
    content: "";
}

.ni-col-4s:before {
    content: "";
}

.ni-col-2s:before {
    content: "";
}

.ni-comments:before {
    content: "";
}

.ni-dot-sq:before {
    content: "";
}

.ni-dot:before {
    content: "";
}

.ni-footer:before {
    content: "";
}

.ni-header:before {
    content: "";
}

.ni-heading:before {
    content: "";
}

.ni-layout-alt-fill:before {
    content: "";
}

.ni-layout-alt:before {
    content: "";
}

.ni-layout-fill1:before {
    content: "";
}

.ni-layout1:before {
    content: "";
}

.ni-list-index-fill:before {
    content: "";
}

.ni-list-index:before {
    content: "";
}

.ni-list-thumb-alt-fill:before {
    content: "";
}

.ni-list-thumb-alt:before {
    content: "";
}

.ni-list-thumb-fill:before {
    content: "";
}

.ni-list-thumb:before {
    content: "";
}

.ni-masonry-fill:before {
    content: "";
}

.ni-masonry:before {
    content: "";
}

.ni-menu-circled:before {
    content: "";
}

.ni-menu-squared:before {
    content: "";
}

.ni-notice:before {
    content: "";
}

.ni-pen2:before {
    content: "";
}

.ni-property-blank:before {
    content: "";
}

.ni-propert-blank:before {
    content: "";
}

.ni-property-add:before {
    content: "";
}

.ni-property-alt:before {
    content: "";
}

.ni-property-remove:before {
    content: "";
}

.ni-property:before {
    content: "";
}

.ni-puzzle-fill:before {
    content: "";
}

.ni-puzzle:before {
    content: "";
}

.ni-quote-left:before {
    content: "";
}

.ni-quote-right:before {
    content: "";
}

.ni-row-mix:before {
    content: "";
}

.ni-row-view1:before {
    content: "";
}

.ni-sidebar-r:before {
    content: "";
}

.ni-text2:before {
    content: "";
}

.ni-tile-thumb-fill:before {
    content: "";
}

.ni-tile-thumb:before {
    content: "";
}

.ni-view-col-fill:before {
    content: "";
}

.ni-view-col-sq:before {
    content: "";
}

.ni-view-col:before {
    content: "";
}

.ni-view-col2:before {
    content: "";
}

.ni-view-col3:before {
    content: "";
}

.ni-view-cols-fill:before {
    content: "";
}

.ni-view-cols-sq:before {
    content: "";
}

.ni-view-cols:before {
    content: "";
}

.ni-view-grid-fill:before {
    content: "";
}

.ni-view-grid-sq:before {
    content: "";
}

.ni-view-grid-wd:before {
    content: "";
}

.ni-view-grid:before {
    content: "";
}

.ni-view-grid2-wd:before {
    content: "";
}

.ni-view-grid3-wd:before {
    content: "";
}

.ni-view-group-fill:before {
    content: "";
}

.ni-view-group-wd:before {
    content: "";
}

.ni-view-list-fill:before {
    content: "";
}

.ni-view-list-sq:before {
    content: "";
}

.ni-view-list-wd:before {
    content: "";
}

.ni-view-list:before {
    content: "";
}

.ni-view-panel-fill:before {
    content: "";
}

.ni-view-panel-sq:before {
    content: "";
}

.ni-view-panel:before {
    content: "";
}

.ni-view-row-fill:before {
    content: "";
}

.ni-view-row-sq:before {
    content: "";
}

.ni-view-row-wd:before {
    content: "";
}

.ni-view-row:before {
    content: "";
}

.ni-view-x1:before {
    content: "";
}

.ni-view-x2:before {
    content: "";
}

.ni-view-x3:before {
    content: "";
}

.ni-view-x4:before {
    content: "";
}

.ni-view-x5:before {
    content: "";
}

.ni-view-x6:before {
    content: "";
}

.ni-view-x7:before {
    content: "";
}

.ni-dashlite:before {
    content: "";
}

.ni-dashlite-circle:before {
    content: "";
}

.ni-dashlite-alt:before {
    content: "";
}

.ni-master-card:before {
    content: "";
}

.ni-paypal:before {
    content: "";
}

.ni-visa-alt:before {
    content: "";
}

.ni-coin-eur:before {
    content: "";
}

.ni-coin-gbp:before {
    content: "";
}

.ni-sign-ada-alt:before {
    content: "";
}

.ni-sign-bch-alt:before {
    content: "";
}

.ni-sign-bgp-alt:before {
    content: "";
}

.ni-sign-bnb-alt:before {
    content: "";
}

.ni-sign-brl-alt:before {
    content: "";
}

.ni-sign-btc-alt:before {
    content: "";
}

.ni-sign-cc-alt:before {
    content: "";
}

.ni-sign-cc-alt2:before {
    content: "";
}

.ni-sign-chf-alt:before {
    content: "";
}

.ni-sign-cny-alt:before {
    content: "";
}

.ni-sign-czk-alt:before {
    content: "";
}

.ni-sign-dash-alt:before {
    content: "";
}

.ni-sign-dkk-alt:before {
    content: "";
}

.ni-sign-eos-alt:before {
    content: "";
}

.ni-sign-eth-alt:before {
    content: "";
}

.ni-sign-eur-alt2:before {
    content: "";
}

.ni-sign-euro-alt:before {
    content: "";
}

.ni-sign-gbp-alt2:before {
    content: "";
}

.ni-sign-hkd-alt:before {
    content: "";
}

.ni-sign-idr-alt:before {
    content: "";
}

.ni-sign-inr-alt:before {
    content: "";
}

.ni-sign-jpy-alt:before {
    content: "";
}

.ni-sign-kr-alt:before {
    content: "";
}

.ni-sign-ltc-alt:before {
    content: "";
}

.ni-sign-ltc:before {
    content: "";
}

.ni-sign-mxn-alt:before {
    content: "";
}

.ni-sign-mxr-alt:before {
    content: "";
}

.ni-sign-myr-alt:before {
    content: "";
}

.ni-sign-paypal-alt:before {
    content: "";
}

.ni-sign-paypal-full:before {
    content: "";
}

.ni-sign-php-alt:before {
    content: "";
}

.ni-sign-pln-alt:before {
    content: "";
}

.ni-sign-rub-alt:before {
    content: "";
}

.ni-sign-sek-alt:before {
    content: "";
}

.ni-sign-sgd-alt:before {
    content: "";
}

.ni-sign-kobo-alt:before {
    content: "";
}

.ni-sign-steem-alt:before {
    content: "";
}

.ni-sign-steller-alt:before {
    content: "";
}

.ni-sign-stripe-fulll:before {
    content: "";
}

.ni-sign-thb-alt:before {
    content: "";
}

.ni-sign-trx-alt:before {
    content: "";
}

.ni-sign-try-alt:before {
    content: "";
}

.ni-sign-usd-alt:before {
    content: "";
}

.ni-sign-usd-alt2:before {
    content: "";
}

.ni-sign-usdc-alt:before {
    content: "";
}

.ni-sign-usdt-alt:before {
    content: "";
}

.ni-sign-visa-alt:before {
    content: "";
}

.ni-sign-vnd-alt:before {
    content: "";
}

.ni-sign-waves-alt:before {
    content: "";
}

.ni-sign-xem-alt:before {
    content: "";
}

.ni-sign-xrp-new-alt:before {
    content: "";
}

.ni-sign-xrp-old-alt:before {
    content: "";
}

.ni-sign-zcash-alt:before {
    content: "";
}

.ni-chevron-left:before {
    content: "";
}

.ni-chevron-right:before {
    content: "";
}

.ni-chevron-up:before {
    content: "";
}

.ni-chevron-down:before {
    content: "";
}

.ni-chevron-left-round:before {
    content: "";
}

.ni-chevron-right-round:before {
    content: "";
}

.ni-chevron-up-round:before {
    content: "";
}

.ni-chevron-down-round:before {
    content: "";
}

.ni-chevron-left-round-fill:before {
    content: "";
}

.ni-chevron-right-round-fill:before {
    content: "";
}

.ni-chevron-up-round-fill:before {
    content: "";
}

.ni-chevron-down-round-fill:before {
    content: "";
}

.ni-chevron-left-c:before {
    content: "";
}

.ni-chevron-right-c:before {
    content: "";
}

.ni-chevron-up-c:before {
    content: "";
}

.ni-chevron-down-c:before {
    content: "";
}

.ni-chevron-left-fill-c:before {
    content: "";
}

.ni-chevron-right-fill-c:before {
    content: "";
}

.ni-chevron-up-fill-c:before {
    content: "";
}

.ni-chevron-down-fill-c:before {
    content: "";
}

.ni-chevron-left-circle:before {
    content: "";
}

.ni-chevron-right-circle:before {
    content: "";
}

.ni-chevron-up-circle:before {
    content: "";
}

.ni-chevron-down-circle:before {
    content: "";
}

.ni-chevron-left-circle-fill:before {
    content: "";
}

.ni-chevron-right-circle-fill:before {
    content: "";
}

.ni-chevron-up-circle-fill:before {
    content: "";
}

.ni-chevron-down-circle-fill:before {
    content: "";
}

.ni-caret-left:before {
    content: "";
}

.ni-caret-right:before {
    content: "";
}

.ni-caret-up:before {
    content: "";
}

.ni-caret-down:before {
    content: "";
}

.ni-caret-left-fill:before {
    content: "";
}

.ni-caret-right-fill:before {
    content: "";
}

.ni-caret-up-fill:before {
    content: "";
}

.ni-caret-down-fill:before {
    content: "";
}

.ni-sort:before {
    content: "";
}

.ni-sort-up:before {
    content: "";
}

.ni-sort-down:before {
    content: "";
}

.ni-sort-fill:before {
    content: "";
}

.ni-sort-up-fill:before {
    content: "";
}

.ni-sort-down-fill:before {
    content: "";
}

.ni-sort-v:before {
    content: "";
}

.ni-swap-v:before {
    content: "";
}

.ni-swap:before {
    content: "";
}

.ni-arrow-left-round:before {
    content: "";
}

.ni-arrow-right-round:before {
    content: "";
}

.ni-arrow-up-round:before {
    content: "";
}

.ni-arrow-down-round:before {
    content: "";
}

.ni-arrow-left-round-fill:before {
    content: "";
}

.ni-arrow-right-round-fill:before {
    content: "";
}

.ni-arrow-up-round-fill:before {
    content: "";
}

.ni-arrow-down-round-fill:before {
    content: "";
}

.ni-arrow-left-c:before {
    content: "";
}

.ni-arrow-right-c:before {
    content: "";
}

.ni-arrow-up-c:before {
    content: "";
}

.ni-arrow-down-c:before {
    content: "";
}

.ni-arrow-left-fill-c:before {
    content: "";
}

.ni-arrow-right-fill-c:before {
    content: "";
}

.ni-arrow-up-fill-c:before {
    content: "";
}

.ni-arrow-down-fill-c:before {
    content: "";
}

.ni-arrow-left-circle:before {
    content: "";
}

.ni-arrow-right-circle:before {
    content: "";
}

.ni-arrow-up-circle:before {
    content: "";
}

.ni-arrow-down-circle:before {
    content: "";
}

.ni-arrow-left-circle-fill:before {
    content: "";
}

.ni-arrow-up-circle-fill:before {
    content: "";
}

.ni-arrow-down-circle-fill:before {
    content: "";
}

.ni-arrow-right-circle-fill:before {
    content: "";
}

.ni-chevrons-left:before {
    content: "";
}

.ni-chevrons-right:before {
    content: "";
}

.ni-chevrons-up:before {
    content: "";
}

.ni-chevrons-down:before {
    content: "";
}

.ni-first:before {
    content: "";
}

.ni-last:before {
    content: "";
}

.ni-back-ios:before {
    content: "";
}

.ni-forward-ios:before {
    content: "";
}

.ni-upword-ios:before {
    content: "";
}

.ni-downward-ios:before {
    content: "";
}

.ni-back-alt:before {
    content: "";
}

.ni-forward-alt:before {
    content: "";
}

.ni-upword-alt:before {
    content: "";
}

.ni-downward-alt:before {
    content: "";
}

.ni-back-alt-fill:before {
    content: "";
}

.ni-forward-alt-fill:before {
    content: "";
}

.ni-upword-alt-fill:before {
    content: "";
}

.ni-downward-alt-fill:before {
    content: "";
}

.ni-arrow-long-left:before {
    content: "";
}

.ni-arrow-long-right:before {
    content: "";
}

.ni-arrow-long-up:before {
    content: "";
}

.ni-arrow-long-down:before {
    content: "";
}

.ni-arrow-left:before {
    content: "";
}

.ni-arrow-right:before {
    content: "";
}

.ni-arrow-up:before {
    content: "";
}

.ni-arrow-down:before {
    content: "";
}

.ni-arrow-up-left:before {
    content: "";
}

.ni-arrow-up-right:before {
    content: "";
}

.ni-arrow-down-left:before {
    content: "";
}

.ni-arrow-down-right:before {
    content: "";
}

.ni-arrow-to-left:before {
    content: "";
}

.ni-arrow-to-right:before {
    content: "";
}

.ni-arrow-to-up:before {
    content: "";
}

.ni-arrow-to-down:before {
    content: "";
}

.ni-arrow-from-left:before {
    content: "";
}

.ni-arrow-from-right:before {
    content: "";
}

.ni-arrow-from-up:before {
    content: "";
}

.ni-arrow-from-down:before {
    content: "";
}

.ni-curve-down-left:before {
    content: "";
}

.ni-curve-up-right:before {
    content: "";
}

.ni-curve-up-left:before {
    content: "";
}

.ni-curve-down-right:before {
    content: "";
}

.ni-curve-left-up:before {
    content: "";
}

.ni-curve-right-up:before {
    content: "";
}

.ni-curve-left-down:before {
    content: "";
}

.ni-curve-right-down:before {
    content: "";
}

.ni-back-arrow:before {
    content: "";
}

.ni-forward-arrow:before {
    content: "";
}

.ni-back-arrow-fill:before {
    content: "";
}

.ni-forward-arrow-fill:before {
    content: "";
}

.ni-navigate:before {
    content: "";
}

.ni-navigate-up:before {
    content: "";
}

.ni-navigate-fill:before {
    content: "";
}

.ni-navigate-up-fill:before {
    content: "";
}

.ni-send:before {
    content: "";
}

.ni-send-alt:before {
    content: "";
}

.ni-unfold-less:before {
    content: "";
}

.ni-unfold-more:before {
    content: "";
}

.ni-exchange-v:before {
    content: "";
}

.ni-exchange:before {
    content: "";
}

.ni-expand:before {
    content: "";
}

.ni-shrink:before {
    content: "";
}

.ni-focus:before {
    content: "";
}

.ni-maximize:before {
    content: "";
}

.ni-minimize:before {
    content: "";
}

.ni-maximize-alt:before {
    content: "";
}

.ni-minimize-alt:before {
    content: "";
}

.ni-shuffle:before {
    content: "";
}

.ni-cross-sm:before {
    content: "";
}

.ni-cross:before {
    content: "";
}

.ni-cross-round:before {
    content: "";
}

.ni-cross-circle:before {
    content: "";
}

.ni-cross-c:before {
    content: "";
}

.ni-cross-round-fill:before {
    content: "";
}

.ni-cross-circle-fill:before {
    content: "";
}

.ni-cross-fill-c:before {
    content: "";
}

.ni-na:before {
    content: "";
}

.ni-check:before {
    content: "";
}

.ni-check-thick:before {
    content: "";
}

.ni-done:before {
    content: "";
}

.ni-check-round:before {
    content: "";
}

.ni-check-circle:before {
    content: "";
}

.ni-check-c:before {
    content: "";
}

.ni-check-round-fill:before {
    content: "";
}

.ni-check-circle-fill:before {
    content: "";
}

.ni-check-fill-c:before {
    content: "";
}

.ni-check-circle-cut:before {
    content: "";
}

.ni-check-round-cut:before {
    content: "";
}

.ni-bullet:before {
    content: "";
}

.ni-circle:before {
    content: "";
}

.ni-square:before {
    content: "";
}

.ni-square-c:before {
    content: "";
}

.ni-bullet-fill:before {
    content: "";
}

.ni-circle-fill:before {
    content: "";
}

.ni-square-fill:before {
    content: "";
}

.ni-square-fill-c:before {
    content: "";
}

.ni-plus-sm:before {
    content: "";
}

.ni-minus-sm:before {
    content: "";
}

.ni-plus:before {
    content: "";
}

.ni-minus:before {
    content: "";
}

.ni-plus-round:before {
    content: "";
}

.ni-minus-round:before {
    content: "";
}

.ni-plus-circle:before {
    content: "";
}

.ni-minus-circle:before {
    content: "";
}

.ni-plus-c:before {
    content: "";
}

.ni-minus-c:before {
    content: "";
}

.ni-plus-round-fill:before {
    content: "";
}

.ni-plus-circle-fill:before {
    content: "";
}

.ni-minus-round-fill:before {
    content: "";
}

.ni-minus-circle-fill:before {
    content: "";
}

.ni-plus-fill-c:before {
    content: "";
}

.ni-minus-fill-c:before {
    content: "";
}

.ni-plus-medi:before {
    content: "";
}

.ni-plus-medi-fill:before {
    content: "";
}

.ni-equal-sm:before {
    content: "";
}

.ni-equal:before {
    content: "";
}

.ni-calc:before {
    content: "";
}

.ni-search:before {
    content: "";
}

.ni-zoom-out:before {
    content: "";
}

.ni-zoom-in:before {
    content: "";
}

.ni-play:before {
    content: "";
}

.ni-play-fill:before {
    content: "";
}

.ni-play-circle:before {
    content: "";
}

.ni-play-circle-fill:before {
    content: "";
}

.ni-pause:before {
    content: "";
}

.ni-pause-fill:before {
    content: "";
}

.ni-pause-circle:before {
    content: "";
}

.ni-pause-circle-fill:before {
    content: "";
}

.ni-stop:before {
    content: "";
}

.ni-stop-fill:before {
    content: "";
}

.ni-stop-circle:before {
    content: "";
}

.ni-stop-circle-fill:before {
    content: "";
}

.ni-rewind:before {
    content: "";
}

.ni-forward:before {
    content: "";
}

.ni-rewind-fill:before {
    content: "";
}

.ni-forward-fill:before {
    content: "";
}

.ni-step-back:before {
    content: "";
}

.ni-step-forward:before {
    content: "";
}

.ni-vol-off:before {
    content: "";
}

.ni-vol-no:before {
    content: "";
}

.ni-vol-half:before {
    content: "";
}

.ni-vol:before {
    content: "";
}

.ni-mic:before {
    content: "";
}

.ni-mic-off:before {
    content: "";
}

.ni-video:before {
    content: "";
}

.ni-video-off:before {
    content: "";
}

.ni-video-fill:before {
    content: "";
}

.ni-loader:before {
    content: "";
}

.ni-power:before {
    content: "";
}

.ni-signout:before {
    content: "";
}

.ni-signin:before {
    content: "";
}

.ni-upload:before {
    content: "";
}

.ni-download:before {
    content: "";
}

.ni-alert-circle:before {
    content: "";
}

.ni-alert:before {
    content: "";
}

.ni-caution:before {
    content: "";
}

.ni-report:before {
    content: "";
}

.ni-alert-c:before {
    content: "";
}

.ni-alert-circle-fill:before {
    content: "";
}

.ni-alert-fill:before {
    content: "";
}

.ni-caution-fill:before {
    content: "";
}

.ni-report-fill:before {
    content: "";
}

.ni-alert-fill-c:before {
    content: "";
}

.ni-info-i:before {
    content: "";
}

.ni-info:before {
    content: "";
}

.ni-info-fill:before {
    content: "";
}

.ni-help:before {
    content: "";
}

.ni-help-fill:before {
    content: "";
}

.ni-archived:before {
    content: "";
}

.ni-archive:before {
    content: "";
}

.ni-unarchive:before {
    content: "";
}

.ni-archived-fill:before {
    content: "";
}

.ni-archive-fill:before {
    content: "";
}

.ni-unarchive-fill:before {
    content: "";
}

.ni-bag:before {
    content: "";
}

.ni-bag-fill:before {
    content: "";
}

.ni-bell:before {
    content: "";
}

.ni-bell-off:before {
    content: "";
}

.ni-bell-fill:before {
    content: "";
}

.ni-bell-off-fill:before {
    content: "";
}

.ni-wifi:before {
    content: "";
}

.ni-wifi-off:before {
    content: "";
}

.ni-live:before {
    content: "";
}

.ni-signal:before {
    content: "";
}

.ni-bluetooth:before {
    content: "";
}

.ni-blank-alt:before {
    content: "";
}

.ni-blank:before {
    content: "";
}

.ni-blank-fill:before {
    content: "";
}

.ni-blankf-fill:before {
    content: "";
}

.ni-block-over:before {
    content: "";
}

.ni-book-read:before {
    content: "";
}

.ni-book:before {
    content: "";
}

.ni-book-fill:before {
    content: "";
}

.ni-bulb-fill:before {
    content: "";
}

.ni-bulb:before {
    content: "";
}

.ni-calendar-alt-fill:before {
    content: "";
}

.ni-calendar-alt:before {
    content: "";
}

.ni-calendar-booking-fill:before {
    content: "";
}

.ni-calendar-booking:before {
    content: "";
}

.ni-calendar-check-fill:before {
    content: "";
}

.ni-calendar-check:before {
    content: "";
}

.ni-calendar-fill:before {
    content: "";
}

.ni-calendar:before {
    content: "";
}

.ni-calender-date-fill:before {
    content: "";
}

.ni-calender-date:before {
    content: "";
}

.ni-call:before {
    content: "";
}

.ni-call-alt:before {
    content: "";
}

.ni-call-alt-fill:before {
    content: "";
}

.ni-call-fill:before {
    content: "";
}

.ni-camera-fill:before {
    content: "";
}

.ni-camera:before {
    content: "";
}

.ni-capsule:before {
    content: "";
}

.ni-capsule-fill:before {
    content: "";
}

.ni-cards:before {
    content: "";
}

.ni-cards-fill:before {
    content: "";
}

.ni-cart:before {
    content: "";
}

.ni-cart-fill:before {
    content: "";
}

.ni-cc:before {
    content: "";
}

.ni-cc-alt:before {
    content: "";
}

.ni-cc-alt2:before {
    content: "";
}

.ni-cc-secure:before {
    content: "";
}

.ni-cc-new:before {
    content: "";
}

.ni-cc-off:before {
    content: "";
}

.ni-cc-fill:before {
    content: "";
}

.ni-cc-alt-fill:before {
    content: "";
}

.ni-cc-alt2-fill:before {
    content: "";
}

.ni-cc-secure-fill:before {
    content: "";
}

.ni-msg-circle:before {
    content: "";
}

.ni-chat-circle:before {
    content: "";
}

.ni-msg:before {
    content: "";
}

.ni-chat:before {
    content: "";
}

.ni-question-alt:before {
    content: "";
}

.ni-question:before {
    content: "";
}

.ni-msg-circle-fill:before {
    content: "";
}

.ni-chat-circle-fill:before {
    content: "";
}

.ni-msg-fill:before {
    content: "";
}

.ni-chat-fill:before {
    content: "";
}

.ni-clip-h:before {
    content: "";
}

.ni-clip-v:before {
    content: "";
}

.ni-clip:before {
    content: "";
}

.ni-link-alt:before {
    content: "";
}

.ni-unlink:before {
    content: "";
}

.ni-unlink-alt:before {
    content: "";
}

.ni-link-h:before {
    content: "";
}

.ni-link-v:before {
    content: "";
}

.ni-link:before {
    content: "";
}

.ni-clipboard:before {
    content: "";
}

.ni-clipboad-check:before {
    content: "";
}

.ni-clipboard-fill:before {
    content: "";
}

.ni-clipboad-check-fill:before {
    content: "";
}

.ni-clock:before {
    content: "";
}

.ni-clock-fill:before {
    content: "";
}

.ni-cloud:before {
    content: "";
}

.ni-upload-cloud:before {
    content: "";
}

.ni-download-cloud:before {
    content: "";
}

.ni-cloud-fill:before {
    content: "";
}

.ni-contact:before {
    content: "";
}

.ni-contact-fill:before {
    content: "";
}

.ni-coffee:before {
    content: "";
}

.ni-coffee-fill:before {
    content: "";
}

.ni-box-view:before {
    content: "";
}

.ni-col-view:before {
    content: "";
}

.ni-sidebar:before {
    content: "";
}

.ni-layout:before {
    content: "";
}

.ni-table-view:before {
    content: "";
}

.ni-layout2:before {
    content: "";
}

.ni-row-view:before {
    content: "";
}

.ni-dot-box:before {
    content: "";
}

.ni-layout-fill:before {
    content: "";
}

.ni-box-view-fill:before {
    content: "";
}

.ni-sidebar-fill:before {
    content: "";
}

.ni-table-view-fill:before {
    content: "";
}

.ni-dot-box-fill:before {
    content: "";
}

.ni-template:before {
    content: "";
}

.ni-browser:before {
    content: "";
}

.ni-toolbar:before {
    content: "";
}

.ni-browser-fill:before {
    content: "";
}

.ni-toolbar-fill:before {
    content: "";
}

.ni-template-fill:before {
    content: "";
}

.ni-box:before {
    content: "";
}

.ni-package:before {
    content: "";
}

.ni-layer:before {
    content: "";
}

.ni-layers:before {
    content: "";
}

.ni-panel:before {
    content: "";
}

.ni-server:before {
    content: "";
}

.ni-layer-fill:before {
    content: "";
}

.ni-layers-fill:before {
    content: "";
}

.ni-package-fill:before {
    content: "";
}

.ni-panel-fill:before {
    content: "";
}

.ni-server-fill:before {
    content: "";
}

.ni-color-palette:before {
    content: "";
}

.ni-color-palette-fill:before {
    content: "";
}

.ni-copy:before {
    content: "";
}

.ni-copy-fill:before {
    content: "";
}

.ni-crop-alt:before {
    content: "";
}

.ni-crop:before {
    content: "";
}

.ni-target:before {
    content: "";
}

.ni-crosshair:before {
    content: "";
}

.ni-crosshair-fill:before {
    content: "";
}

.ni-db-fill:before {
    content: "";
}

.ni-db:before {
    content: "";
}

.ni-hard-drive:before {
    content: "";
}

.ni-cpu:before {
    content: "";
}

.ni-disk:before {
    content: "";
}

.ni-pen:before {
    content: "";
}

.ni-edit-alt:before {
    content: "";
}

.ni-pen-fill:before {
    content: "";
}

.ni-edit-alt-fill:before {
    content: "";
}

.ni-pen-alt-fill:before {
    content: "";
}

.ni-edit-fill:before {
    content: "";
}

.ni-edit:before {
    content: "";
}

.ni-external-alt:before {
    content: "";
}

.ni-external:before {
    content: "";
}

.ni-eye-alt:before {
    content: "";
}

.ni-eye-alt-fill:before {
    content: "";
}

.ni-eye:before {
    content: "";
}

.ni-eye-fill:before {
    content: "";
}

.ni-eye-off:before {
    content: "";
}

.ni-eye-off-fill:before {
    content: "";
}

.ni-file:before {
    content: "";
}

.ni-file-minus:before {
    content: "";
}

.ni-file-plus:before {
    content: "";
}

.ni-file-remove:before {
    content: "";
}

.ni-file-check:before {
    content: "";
}

.ni-file-code:before {
    content: "";
}

.ni-file-docs:before {
    content: "";
}

.ni-file-img:before {
    content: "";
}

.ni-file-doc:before {
    content: "";
}

.ni-file-pdf:before {
    content: "";
}

.ni-file-xls:before {
    content: "";
}

.ni-file-zip:before {
    content: "";
}

.ni-file-download:before {
    content: "";
}

.ni-file-text:before {
    content: "";
}

.ni-files:before {
    content: "";
}

.ni-file-fill:before {
    content: "";
}

.ni-file-minus-fill:before {
    content: "";
}

.ni-file-plus-fill:before {
    content: "";
}

.ni-file-remove-fill:before {
    content: "";
}

.ni-file-check-fill:before {
    content: "";
}

.ni-file-text-fill:before {
    content: "";
}

.ni-files-fill:before {
    content: "";
}

.ni-folder:before {
    content: "";
}

.ni-folder-minus:before {
    content: "";
}

.ni-folder-plus:before {
    content: "";
}

.ni-folder-remove:before {
    content: "";
}

.ni-folder-check:before {
    content: "";
}

.ni-folder-list:before {
    content: "";
}

.ni-folders:before {
    content: "";
}

.ni-folder-fill:before {
    content: "";
}

.ni-folders-fill:before {
    content: "";
}

.ni-filter-alt:before {
    content: "";
}

.ni-sort-line:before {
    content: "";
}

.ni-filter-fill:before {
    content: "";
}

.ni-filter:before {
    content: "";
}

.ni-flag:before {
    content: "";
}

.ni-flag-fill:before {
    content: "";
}

.ni-notify:before {
    content: "";
}

.ni-dashboard:before {
    content: "";
}

.ni-dashboard-fill:before {
    content: "";
}

.ni-grid-sq:before {
    content: "";
}

.ni-grid:before {
    content: "";
}

.ni-grid-c:before {
    content: "";
}

.ni-grid-alt:before {
    content: "";
}

.ni-grid-plus:before {
    content: "";
}

.ni-grid-add-c:before {
    content: "";
}

.ni-grid-fill:before {
    content: "";
}

.ni-grid-fill-c:before {
    content: "";
}

.ni-grid-alt-fill:before {
    content: "";
}

.ni-grid-plus-fill:before {
    content: "";
}

.ni-grid-add-fill-c:before {
    content: "";
}

.ni-grid-box-alt-fill:before {
    content: "";
}

.ni-grid-box-alt:before {
    content: "";
}

.ni-grid-box:before {
    content: "";
}

.ni-grid-box-fill:before {
    content: "";
}

.ni-grid-line:before {
    content: "";
}

.ni-menu-alt-left:before {
    content: "";
}

.ni-menu-alt-r:before {
    content: "";
}

.ni-menu-alt:before {
    content: "";
}

.ni-menu-center:before {
    content: "";
}

.ni-menu-left:before {
    content: "";
}

.ni-menu-right:before {
    content: "";
}

.ni-menu:before {
    content: "";
}

.ni-trend-up:before {
    content: "";
}

.ni-trend-down:before {
    content: "";
}

.ni-line-chart-down:before {
    content: "";
}

.ni-line-chart-up:before {
    content: "";
}

.ni-line-chart:before {
    content: "";
}

.ni-bar-chart:before {
    content: "";
}

.ni-bar-chart-alt:before {
    content: "";
}

.ni-chart-up:before {
    content: "";
}

.ni-chart-down:before {
    content: "";
}

.ni-growth:before {
    content: "";
}

.ni-growth-fill:before {
    content: "";
}

.ni-bar-chart-fill:before {
    content: "";
}

.ni-bar-c:before {
    content: "";
}

.ni-bar-fill-c:before {
    content: "";
}

.ni-pie:before {
    content: "";
}

.ni-pie-alt:before {
    content: "";
}

.ni-pie-fill:before {
    content: "";
}

.ni-activity:before {
    content: "";
}

.ni-activity-alt:before {
    content: "";
}

.ni-activity-round:before {
    content: "";
}

.ni-activity-round-fill:before {
    content: "";
}

.ni-meter:before {
    content: "";
}

.ni-speed:before {
    content: "";
}

.ni-happy:before {
    content: "";
}

.ni-sad:before {
    content: "";
}

.ni-meh:before {
    content: "";
}

.ni-happy-fill:before {
    content: "";
}

.ni-happyf-fill:before {
    content: "";
}

.ni-sad-fill:before {
    content: "";
}

.ni-meh-fill:before {
    content: "";
}

.ni-home:before {
    content: "";
}

.ni-home-alt:before {
    content: "";
}

.ni-home-fill:before {
    content: "";
}

.ni-img:before {
    content: "";
}

.ni-img-fill:before {
    content: "";
}

.ni-inbox:before {
    content: "";
}

.ni-inbox-in:before {
    content: "";
}

.ni-inbox-out:before {
    content: "";
}

.ni-inbox-fill:before {
    content: "";
}

.ni-inbox-in-fill:before {
    content: "";
}

.ni-inbox-out-fill:before {
    content: "";
}

.ni-link-group:before {
    content: "";
}

.ni-lock:before {
    content: "";
}

.ni-lock-alt:before {
    content: "";
}

.ni-lock-fill:before {
    content: "";
}

.ni-lock-alt-fill:before {
    content: "";
}

.ni-unlock:before {
    content: "";
}

.ni-unlock-fill:before {
    content: "";
}

.ni-mail:before {
    content: "";
}

.ni-emails:before {
    content: "";
}

.ni-mail-fill:before {
    content: "";
}

.ni-emails-fill:before {
    content: "";
}

.ni-map-pin:before {
    content: "";
}

.ni-location:before {
    content: "";
}

.ni-map:before {
    content: "";
}

.ni-map-pin-fill:before {
    content: "";
}

.ni-list:before {
    content: "";
}

.ni-list-ol:before {
    content: "";
}

.ni-align-center:before {
    content: "";
}

.ni-align-justify:before {
    content: "";
}

.ni-align-left:before {
    content: "";
}

.ni-align-right:before {
    content: "";
}

.ni-list-check:before {
    content: "";
}

.ni-list-round:before {
    content: "";
}

.ni-card-view:before {
    content: "";
}

.ni-list-fill:before {
    content: "";
}

.ni-save:before {
    content: "";
}

.ni-save-fill:before {
    content: "";
}

.ni-move:before {
    content: "";
}

.ni-scissor:before {
    content: "";
}

.ni-text:before {
    content: "";
}

.ni-text-a:before {
    content: "";
}

.ni-bold:before {
    content: "";
}

.ni-italic:before {
    content: "";
}

.ni-underline:before {
    content: "";
}

.ni-percent:before {
    content: "";
}

.ni-at:before {
    content: "";
}

.ni-hash:before {
    content: "";
}

.ni-code:before {
    content: "";
}

.ni-code-download:before {
    content: "";
}

.ni-terminal:before {
    content: "";
}

.ni-cmd:before {
    content: "";
}

.ni-sun:before {
    content: "";
}

.ni-sun-fill:before {
    content: "";
}

.ni-moon-fill:before {
    content: "";
}

.ni-moon:before {
    content: "";
}

.ni-light:before {
    content: "";
}

.ni-light-fill:before {
    content: "";
}

.ni-more-v:before {
    content: "";
}

.ni-more-h:before {
    content: "";
}

.ni-more-h-alt:before {
    content: "";
}

.ni-more-v-alt:before {
    content: "";
}

.ni-music:before {
    content: "";
}

.ni-movie:before {
    content: "";
}

.ni-offer:before {
    content: "";
}

.ni-offer-fill:before {
    content: "";
}

.ni-opt-alt:before {
    content: "";
}

.ni-opt:before {
    content: "";
}

.ni-opt-dot-alt:before {
    content: "";
}

.ni-opt-dot:before {
    content: "";
}

.ni-opt-dot-fill:before {
    content: "";
}

.ni-opt-alt-fill:before {
    content: "";
}

.ni-user-alt:before {
    content: "";
}

.ni-user-alt-fill:before {
    content: "";
}

.ni-user:before {
    content: "";
}

.ni-users:before {
    content: "";
}

.ni-user-add:before {
    content: "";
}

.ni-user-remove:before {
    content: "";
}

.ni-user-check:before {
    content: "";
}

.ni-user-cross:before {
    content: "";
}

.ni-account-setting:before {
    content: "";
}

.ni-account-setting-alt:before {
    content: "";
}

.ni-user-list:before {
    content: "";
}

.ni-user-fill:before {
    content: "";
}

.ni-users-fill:before {
    content: "";
}

.ni-user-add-fill:before {
    content: "";
}

.ni-user-remove-fill:before {
    content: "";
}

.ni-user-check-fill:before {
    content: "";
}

.ni-user-cross-fill:before {
    content: "";
}

.ni-account-setting-fill:before {
    content: "";
}

.ni-user-list-fill:before {
    content: "";
}

.ni-user-circle:before {
    content: "";
}

.ni-user-circle-fill:before {
    content: "";
}

.ni-user-c:before {
    content: "";
}

.ni-user-fill-c:before {
    content: "";
}

.ni-user-round:before {
    content: "";
}

.ni-printer:before {
    content: "";
}

.ni-printer-fill:before {
    content: "";
}

.ni-laptop:before {
    content: "";
}

.ni-monitor:before {
    content: "";
}

.ni-tablet:before {
    content: "";
}

.ni-mobile:before {
    content: "";
}

.ni-undo:before {
    content: "";
}

.ni-redo:before {
    content: "";
}

.ni-reload-alt:before {
    content: "";
}

.ni-reload:before {
    content: "";
}

.ni-regen-alt:before {
    content: "";
}

.ni-regen:before {
    content: "";
}

.ni-invest:before {
    content: "";
}

.ni-history:before {
    content: "";
}

.ni-histroy:before {
    content: "";
}

.ni-update:before {
    content: "";
}

.ni-repeat:before {
    content: "";
}

.ni-repeat-v:before {
    content: "";
}

.ni-tranx:before {
    content: "";
}

.ni-reply-all:before {
    content: "";
}

.ni-reply:before {
    content: "";
}

.ni-reply-fill:before {
    content: "";
}

.ni-reply-all-fill:before {
    content: "";
}

.ni-notes:before {
    content: "";
}

.ni-note-add:before {
    content: "";
}

.ni-notes-alt:before {
    content: "";
}

.ni-article:before {
    content: "";
}

.ni-text-rich:before {
    content: "";
}

.ni-todo:before {
    content: "";
}

.ni-report-profit:before {
    content: "";
}

.ni-reports-alt:before {
    content: "";
}

.ni-reports:before {
    content: "";
}

.ni-task:before {
    content: "";
}

.ni-note-add-c:before {
    content: "";
}

.ni-task-c:before {
    content: "";
}

.ni-todo-fill:before {
    content: "";
}

.ni-note-add-fill-c:before {
    content: "";
}

.ni-task-fill-c:before {
    content: "";
}

.ni-scan-fill:before {
    content: "";
}

.ni-scan:before {
    content: "";
}

.ni-qr:before {
    content: "";
}

.ni-money:before {
    content: "";
}

.ni-coins:before {
    content: "";
}

.ni-coin:before {
    content: "";
}

.ni-coin-alt:before {
    content: "";
}

.ni-coin-alt-fill:before {
    content: "";
}

.ni-setting-alt-fill:before {
    content: "";
}

.ni-setting-alt:before {
    content: "";
}

.ni-setting-fill:before {
    content: "";
}

.ni-setting:before {
    content: "";
}

.ni-share-alt:before {
    content: "";
}

.ni-share-fill:before {
    content: "";
}

.ni-share:before {
    content: "";
}

.ni-network:before {
    content: "";
}

.ni-rss:before {
    content: "";
}

.ni-shield:before {
    content: "";
}

.ni-shield-star:before {
    content: "";
}

.ni-shield-check:before {
    content: "";
}

.ni-shield-alert:before {
    content: "";
}

.ni-shield-off:before {
    content: "";
}

.ni-security:before {
    content: "";
}

.ni-policy:before {
    content: "";
}

.ni-shield-alert-fill:before {
    content: "";
}

.ni-shield-check-fill:before {
    content: "";
}

.ni-shield-fill:before {
    content: "";
}

.ni-shield-half:before {
    content: "";
}

.ni-shield-star-fill:before {
    content: "";
}

.ni-policy-fill:before {
    content: "";
}

.ni-spark:before {
    content: "";
}

.ni-spark-off:before {
    content: "";
}

.ni-spark-fill:before {
    content: "";
}

.ni-spark-off-fill:before {
    content: "";
}

.ni-wallet:before {
    content: "";
}

.ni-wallet-alt:before {
    content: "";
}

.ni-wallet-in:before {
    content: "";
}

.ni-wallet-out:before {
    content: "";
}

.ni-wallet-saving:before {
    content: "";
}

.ni-wallet-fill:before {
    content: "";
}

.ni-star:before {
    content: "";
}

.ni-star-half:before {
    content: "";
}

.ni-star-half-fill:before {
    content: "";
}

.ni-star-fill:before {
    content: "";
}

.ni-star-round:before {
    content: "";
}

.ni-heart:before {
    content: "";
}

.ni-heart-fill:before {
    content: "";
}

.ni-swap-alt-fill:before {
    content: "";
}

.ni-swap-alt:before {
    content: "";
}

.ni-thumbs-down:before {
    content: "";
}

.ni-thumbs-up:before {
    content: "";
}

.ni-tag:before {
    content: "";
}

.ni-tag-alt:before {
    content: "";
}

.ni-tags:before {
    content: "";
}

.ni-tag-fill:before {
    content: "";
}

.ni-tag-alt-fill:before {
    content: "";
}

.ni-tags-fill:before {
    content: "";
}

.ni-bookmark:before {
    content: "";
}

.ni-bookmark-fill:before {
    content: "";
}

.ni-label:before {
    content: "";
}

.ni-label-fill:before {
    content: "";
}

.ni-priority:before {
    content: "";
}

.ni-piority:before {
    content: "";
}

.ni-priority-fill:before {
    content: "";
}

.ni-piority-fill:before {
    content: "";
}

.ni-label-alt:before {
    content: "";
}

.ni-label-alt-fill:before {
    content: "";
}

.ni-ticket-alt:before {
    content: "";
}

.ni-ticket:before {
    content: "";
}

.ni-ticket-minus:before {
    content: "";
}

.ni-ticket-plus:before {
    content: "";
}

.ni-ticket-alt-fill:before {
    content: "";
}

.ni-ticket-fill:before {
    content: "";
}

.ni-ticket-minus-fill:before {
    content: "";
}

.ni-ticket-plus-fill:before {
    content: "";
}

.ni-toggle-off:before {
    content: "";
}

.ni-toggle-on:before {
    content: "";
}

.ni-trash-alt:before {
    content: "";
}

.ni-trash-empty:before {
    content: "";
}

.ni-trash:before {
    content: "";
}

.ni-trash-fill:before {
    content: "";
}

.ni-trash-empty-fill:before {
    content: "";
}

.ni-delete-fill:before {
    content: "";
}

.ni-delete:before {
    content: "";
}

.ni-alarm-alt:before {
    content: "";
}

.ni-alarm:before {
    content: "";
}

.ni-bugs:before {
    content: "";
}

.ni-building:before {
    content: "";
}

.ni-building-fill:before {
    content: "";
}

.ni-headphone:before {
    content: "";
}

.ni-headphone-fill:before {
    content: "";
}

.ni-aperture:before {
    content: "";
}

.ni-help-alt:before {
    content: "";
}

.ni-award:before {
    content: "";
}

.ni-briefcase:before {
    content: "";
}

.ni-gift:before {
    content: "";
}

.ni-globe:before {
    content: "";
}

.ni-umbrela:before {
    content: "";
}

.ni-truck:before {
    content: "";
}

.ni-sign-usd:before {
    content: "";
}

.ni-sign-dollar:before {
    content: "";
}

.ni-sign-mxn:before {
    content: "";
}

.ni-sign-sgd:before {
    content: "";
}

.ni-sign-euro:before {
    content: "";
}

.ni-sign-eur:before {
    content: "";
}

.ni-sign-gbp:before {
    content: "";
}

.ni-sign-pound:before {
    content: "";
}

.ni-sign-thb:before {
    content: "";
}

.ni-sign-inr:before {
    content: "";
}

.ni-sign-jpy:before {
    content: "";
}

.ni-sign-yen:before {
    content: "";
}

.ni-sign-cny:before {
    content: "";
}

.ni-sign-kobo:before {
    content: "";
}

.ni-sign-chf:before {
    content: "";
}

.ni-sign-vnd:before {
    content: "";
}

.ni-sign-php:before {
    content: "";
}

.ni-sign-brl:before {
    content: "";
}

.ni-sign-idr:before {
    content: "";
}

.ni-sign-czk:before {
    content: "";
}

.ni-sign-hkd:before {
    content: "";
}

.ni-sign-kr:before {
    content: "";
}

.ni-sign-dkk:before {
    content: "";
}

.ni-sign-nok:before {
    content: "";
}

.ni-sign-sek:before {
    content: "";
}

.ni-sign-rub:before {
    content: "";
}

.ni-sign-myr:before {
    content: "";
}

.ni-sign-pln:before {
    content: "";
}

.ni-sign-try:before {
    content: "";
}

.ni-sign-waves:before {
    content: "";
}

.ni-waves:before {
    content: "";
}

.ni-sign-trx:before {
    content: "";
}

.ni-tron:before {
    content: "";
}

.ni-sign-xem:before {
    content: "";
}

.ni-nem:before {
    content: "";
}

.ni-sign-mxr:before {
    content: "";
}

.ni-monero:before {
    content: "";
}

.ni-sign-usdc:before {
    content: "";
}

.ni-sign-steller:before {
    content: "";
}

.ni-sign-steem:before {
    content: "";
}

.ni-sign-usdt:before {
    content: "";
}

.ni-tether:before {
    content: "";
}

.ni-sign-btc:before {
    content: "";
}

.ni-bitcoin:before {
    content: "";
}

.ni-sign-bch:before {
    content: "";
}

.ni-bitcoin-cash:before {
    content: "";
}

.ni-sign-bnb:before {
    content: "";
}

.ni-binance:before {
    content: "";
}

.ni-sign-ada:before {
    content: "";
}

.ni-sign-zcash:before {
    content: "";
}

.ni-sign-eth:before {
    content: "";
}

.ni-ethereum:before {
    content: "";
}

.ni-sign-dash:before {
    content: "";
}

.ni-dash:before {
    content: "";
}

.ni-sign-xrp-old:before {
    content: "";
}

.ni-ripple-old:before {
    content: "";
}

.ni-sign-eos:before {
    content: "";
}

.ni-eos:before {
    content: "";
}

.ni-sign-xrp:before {
    content: "";
}

.ni-ripple:before {
    content: "";
}

.ni-american-express:before {
    content: "";
}

.ni-jcb:before {
    content: "";
}

.ni-cc-jcb:before {
    content: "";
}

.ni-mc:before {
    content: "";
}

.ni-cc-mc:before {
    content: "";
}

.ni-discover:before {
    content: "";
}

.ni-cc-discover:before {
    content: "";
}

.ni-visa:before {
    content: "";
}

.ni-cc-visa:before {
    content: "";
}

.ni-cc-paypal:before {
    content: "";
}

.ni-cc-stripe:before {
    content: "";
}

.ni-amazon-pay:before {
    content: "";
}

.ni-amazon-pay-fill:before {
    content: "";
}

.ni-google-pay:before {
    content: "";
}

.ni-google-pay-fill:before {
    content: "";
}

.ni-apple-pay:before {
    content: "";
}

.ni-apple-pay-fill:before {
    content: "";
}

.ni-angular:before {
    content: "";
}

.ni-react:before {
    content: "";
}

.ni-laravel:before {
    content: "";
}

.ni-html5:before {
    content: "";
}

.ni-css3-fill:before {
    content: "";
}

.ni-css3:before {
    content: "";
}

.ni-js:before {
    content: "";
}

.ni-php:before {
    content: "";
}

.ni-python:before {
    content: "";
}

.ni-bootstrap:before {
    content: "";
}

.ni-ebay:before {
    content: "";
}

.ni-google-wallet:before {
    content: "";
}

.ni-google-drive:before {
    content: "";
}

.ni-google-play-store:before {
    content: "";
}

.ni-android:before {
    content: "";
}

.ni-blogger-fill:before {
    content: "";
}

.ni-blogger:before {
    content: "";
}

.ni-hangout:before {
    content: "";
}

.ni-apple-store:before {
    content: "";
}

.ni-apple-store-ios:before {
    content: "";
}

.ni-stripe:before {
    content: "";
}

.ni-apple:before {
    content: "";
}

.ni-microsoft:before {
    content: "";
}

.ni-windows:before {
    content: "";
}

.ni-amazon:before {
    content: "";
}

.ni-paypal-alt:before {
    content: "";
}

.ni-airbnb:before {
    content: "";
}

.ni-adobe:before {
    content: "";
}

.ni-mailchimp:before {
    content: "";
}

.ni-dropbox:before {
    content: "";
}

.ni-digital-ocean:before {
    content: "";
}

.ni-slack:before {
    content: "";
}

.ni-slack-hash:before {
    content: "";
}

.ni-stack-overflow:before {
    content: "";
}

.ni-soundcloud:before {
    content: "";
}

.ni-blackberry:before {
    content: "";
}

.ni-spotify:before {
    content: "";
}

.ni-kickstarter:before {
    content: "";
}

.ni-houzz:before {
    content: "";
}

.ni-vine:before {
    content: "";
}

.ni-yelp:before {
    content: "";
}

.ni-yoast:before {
    content: "";
}

.ni-envato:before {
    content: "";
}

.ni-wordpress:before {
    content: "";
}

.ni-wp:before {
    content: "";
}

.ni-wordpress-fill:before {
    content: "";
}

.ni-elementor:before {
    content: "";
}

.ni-joomla:before {
    content: "";
}

.ni-megento:before {
    content: "";
}

.ni-git:before {
    content: "";
}

.ni-github:before {
    content: "";
}

.ni-github-round:before {
    content: "";
}

.ni-github-circle:before {
    content: "";
}

.ni-dribbble:before {
    content: "";
}

.ni-dribbble-round:before {
    content: "";
}

.ni-behance:before {
    content: "";
}

.ni-behance-fill:before {
    content: "";
}

.ni-flickr:before {
    content: "";
}

.ni-flickr-round:before {
    content: "";
}

.ni-medium:before {
    content: "";
}

.ni-medium-round:before {
    content: "";
}

.ni-reddit:before {
    content: "";
}

.ni-reddit-round:before {
    content: "";
}

.ni-reddit-circle:before {
    content: "";
}

.ni-google:before {
    content: "";
}

.ni-facebook-f:before {
    content: "";
}

.ni-facebook-fill:before {
    content: "";
}

.ni-facebook-circle:before {
    content: "";
}

.ni-instagram:before {
    content: "";
}

.ni-instagram-round:before {
    content: "";
}

.ni-linkedin:before {
    content: "";
}

.ni-linkedin-round:before {
    content: "";
}

.ni-twitter:before {
    content: "";
}

.ni-twitter-round:before {
    content: "";
}

.ni-pinterest:before {
    content: "";
}

.ni-pinterest-round:before {
    content: "";
}

.ni-pinterest-circle:before {
    content: "";
}

.ni-tumblr:before {
    content: "";
}

.ni-tumblr-round:before {
    content: "";
}

.ni-skype:before {
    content: "";
}

.ni-viber:before {
    content: "";
}

.ni-whatsapp:before {
    content: "";
}

.ni-whatsapp-round:before {
    content: "";
}

.ni-snapchat:before {
    content: "";
}

.ni-snapchat-fill:before {
    content: "";
}

.ni-telegram:before {
    content: "";
}

.ni-telegram-circle:before {
    content: "";
}

.ni-youtube-line:before {
    content: "";
}

.ni-youtube:before {
    content: "";
}

.ni-youtube-fill:before {
    content: "";
}

.ni-youtube-round:before {
    content: "";
}

.ni-vimeo:before {
    content: "";
}

.ni-vimeo-fill:before {
    content: "";
}

/*nio icons ends here*/

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .simplebar-content-wrapper::-webkit-scrollbar,
    .simplebar-hide-scrollbar::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    [data-simplebar].simplebar-dragging .simplebar-content {
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    [data-simplebar].simplebar-dragging .simplebar-track {
        pointer-events: all;
    }

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: var(--on-primary-color);
    border-radius: 3px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 8px;
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 9px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

    .simplebar-dummy-scrollbar-size > div {
        width: 200%;
        height: 200%;
        margin: 10px 0;
    }

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.select2-selection {
    max-width: 100%;
}

.hdr-drp {
    right: 0;
    left: auto;
}


.popup {
    width: 100%;
    height: 85px;
    background: #0197c8;
    bottom: 0;
    left: 0 !important;
    position: fixed;
    box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.05);
    transition: 0.5s;
    z-index: 40;
}

.close-1 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 500;
}

ul.token-input-list.form-control-facebook {
    border: solid #d8d5d5 1px;
    /* padding: 3px; */
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
}

.doctor-info .isotope > ul > li .thumb {
    padding-bottom: 5px;
}

/*css form landing page*/

.main-head {
    font-weight: 700;
    font-size: 40px;
    color: #68c8cb !important;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
}

.col-md-3.slots-custom-wid {
    padding-left: 0;
}


/*css form book session page*/

.book-session {
    margin-top: 2.6rem;
}

.btn-book-slot {
    background: transparent;
    color: var(--on-primary-color);
    text-align: center;
    Padding: 3px 3px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 14px;
    font-weight: 400;
    min-width: 85px;
    width: 100%;
    min-height: 28px;
}

.btn-book-slot:hover, .btn-book-slot:focus {
    color: var(--primary-color);
    background: transparent;
}

.choose-date {
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: 7px;
    padding: 3px 8px;
    color: var(--primary-color);
}


.book-slot-selected-date .btn-book-slot {
    /*background: #fff;*/
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color) !important;
    font-weight: 700;
    opacity:1;
}

.hr-cus-1 {
    display: flex;
    grid-gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.cus-padd-lr {
    padding: 0 4px;
}

.pracr-profile {
    width: 130px;
    margin: 0px auto 20px;
    height: 130px;
    display: block;
}

.ph-book-session .exp-lang {
    margin: 35px 0px 0;
}

.slots-mt {
    margin: 10px 0px;
}

.btn-slot {
    width: 84px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
    cursor: pointer;
    background: var(--card-bg-color);
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
    border-radius: 25px;
    font-size: 14px;
}

.btn-slot:hover, .btn-slot:focus {
    background: var(--primary-color);
    color: #fff !important;
}

.book-session-calender-right .para-text {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.05rem;
}

a.btn-book-slot:active {
    background: #ffffff;
    color: var(--on-primary-color);
}

.slot-pd {
    padding: 0px;
    margin: 0px 30px 15px 0px;
}

.icons-time {
    width: 20px;
}

.icons-sun {
    width: 23px;
}

.day-time {
    font-size: 15px;
    min-height: 35px;
    color: var(--primary-color);
    font-weight: 500;
}

.icons-pd {
    padding-right: 10px;
}

.horiz-line-book {
    margin-bottom: 20px;
    margin-top: 0px;
    width:100%;
}

.pract_name {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    margin: 6px 0;
}

.social-list {
    list-style-type: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.social-list li {
    padding-right: 10px;
}

.icon-soc {
    color: #626063;
    font-size: 19px;
    cursor: pointer;
}

.profi-Price {
    text-align: center;
    color: #696969;
    font-size: 16px;
    font-weight: 500;
    margin-top: 3px;
    margin-bottom: 0;
}

.disp-flex p strong {
    color: var(--primary-color);
    font-weight: 600;
}

.disp-flex p {
    color: #5b5b5b;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
}

.disp-flex {
    margin-bottom: 10px;
}

.Book-sess-mod {
    margin-top: 25px;
}

.book-sess-rating {
    margin: 5px auto;
    display: flex;
    justify-content: center;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
    font-weight: 400;
}

.select2-container {
    width: 100% !important;
}

.formCont {
    border-radius: 4px !important;
}

.pract-video {
    width: 412px;
    position: absolute;
    top: -47px;
    right: 50px;
}

.btn-vid-mt {
    margin-top: 10px;
}

.doctor-info .isotope > ul > li .thumb .caption .name a:hover {
    text-decoration: underline;
}

.brw_frm {
    position: absolute;
    padding-right: 15px;
    margin-top: -4px;
    width: 20%;
    padding-left: 0;
    top: -11px !important;
}

.padd-left-0 {
    padding-left: 0;
}

.srch-btn > .select2-container--default > .selection > .select2-selection--single > .select2-selection__rendered {
    background-color: #f6f6f6;
    color: black !important;
    text-align: center;
    padding: 0px 0px;
}

.sort-drop-icon {
    font-size: 18px;
    position: absolute;
    right: 26px;
    top: 5px;
}

.srt-algn li {
    padding: 0px 0px;
}

.sort-txt {
    position: relative;
    left: 20px;
    z-index: 9999;
}

.CountName {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
}

.FavHeart {
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
}

.doctor-info .isotope > ul > li .thumb .caption {
    padding: 0px 15px;
    height: 164px;
}

.head-1 {
    text-align: left;
    color: white;
    font-size: 44px;
    font-weight: 600;
    text-shadow: 0.5px 0.5px 0.5px rgba(49, 49, 49, 0.68);
    margin-bottom: 10px;
}

.head-2 {
    text-align: left;
    color: white;
    font-size: 28px;
    margin-top: 10px;
    text-shadow: 0.5px 0.5px 0.5px rgba(49, 49, 49, 0.68);
    margin-bottom: 10px;
    font-weight: 500;
}

.Counterdigit {
    text-align: center;
    color: #ffffff;
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 3px;
}

.CouterHead {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: inherit;
    text-align: center;
    display: inline-block;
    margin-top: 9px;
}

.LowerStrip {
    background-color: rgba(0, 0, 0, 0.12);
    color: white;
    position: relative;
    bottom: 95px;
    width: 100%;
    left: 15px;
    min-height: 95px;
    padding-bottom: 3px;
}

.disp-flex {
    display: flex;
    justify-content: center;
}

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

.right-txt {
    text-align: right;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.86) !important;
    font-weight: 400;
}

.rat-star-brp {
    position: relative;
    top: 0px;
    right: 5px;
}

.book-rat {
    padding-right: 1px;
}

.doctor-info .isotope > ul > li .thumb .caption .name a {
    color: #0f5498;
    font-size: 18px;
    font-weight: 600;
}

.thumb {
    height: 366px;
}

.thr_img1 {
    height: 160px;
}

.dis-flx-bws {
    display: flex;
    justify-content: flex-start;
}

.online-offline {
    position: absolute;
    right: 7px;
    top: -26px;
}

.last_cpt {
    margin-top: 20px;
}

.player .vp-target {
    position: unset !important;
    top: 0;
    height: 100%;
}

.cust-txt {
    text-decoration: none !important;
}

.timeScale-btn {
    padding: 1px 9px;
    display: inline-block;
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--primary-color) !important;
    border-radius: 4px;
}

.timeUl {
    position: absolute;
    top: 98px;
    padding: 1px 0px;
    left: 40px;
}

.timeUl li {
    padding: 0px 3px;
}

.timeScale-btn:hover {
    background-color: #05a9af;
    color: white;
}


.Time-sca-txt {
    font-weight: 400;
    color: #062045;
}


li.active-ts span {
    background-color: var(--primary-color);
    color: #fff;
    display: block;
}


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

.buttn-pack {
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 10px 25px;
    font-size: 17px;
    border-radius: 25px;
    min-width: 172px;
}

.center-audio {
    text-align: center;
    font-size: 32px;
    color: #333333;
    font-weight: 400;
    font-family: var(--primary-font);
}

.mt-packg {
    margin: 25px 0px;
}

.crd-img-wid {
    width: 191px;
}

.pitch-txt {
    text-align: right;
}

.crowd-img {
    text-align: center;
}

.cal-ipad-width {
    font-size: 17px;
}

.BookSess-homeBtn {
    background: #5bc0de;
    color: #fff !important;
    text-align: center;
    Padding: 10px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 218px;
    max-width: 270px;
    margin: 10px 15px 0px 0px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 23px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 4px;
}

.FreeSess-homeBtn {
    background: #0098c7;
    color: #fff !important;
    text-align: center;
    Padding: 10px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 218px;
    max-width: 270px;
    margin: 10px 15px 0px 0px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 23px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 4px;
}

.BookSess-homeBtn:hover {
    background: #17a9d6;
    color: #fff !important;
}

.FreeSess-homeBtn:hover {
    background: #17a9d6;
    color: #fff !important;
}

.refer-fre-nav {
    text-decoration: none;
    background-color: var(--primary-color);
    color: #ffffff !important;
    font-weight: 500;
    padding: 4px 8px !important;
    border-radius: 16px !important;
    position: relative;
}

@media (min-width: 1000px) and (max-width: 1200px) {

    #section-features .section .section-heading .info {
        margin: 5px !important;
    }

    #section-features .carousel-slide .carousel-inner .desc {
        height: 400px;
    }

    .portal p {
        font-size: 13px;
    }

    .portal .section-heading .info {
        font-size: 15px !important;
    }

    .ab {
        height: 450px !important;
    }

    #content .section {
        padding-bottom: 0 !important;
    }

    .portal .section-heading {
        height: 400px !important;
    }
}

@media (min-width: 820px) and (max-width: 1000px) {
    .portal .section-heading .info {
        font-size: 15px !important;
    }

    .portal .section-heading {
        height: 430px !important;
    }

    .portal p {
        font-size: 12px !important;
    }

    .ab {
        height: 450px !important;
    }

    .portal .section-heading .info {
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }

    #doctor-carousel .thumb img.therapistImg {
        width: 150px !important;
        height: 150px !important;
    }
}

@media (min-width: 676px) and (max-width: 819px) {
    .prt_img,
    .prt_inf {
        width: 100% !important;
    }
}

@media (min-width: 990px) and (max-width: 1190px) {
    .happier {
        padding: 0 !important;
    }

        .happier .section .section-heading .title-1 {
            font-size: 29px !important;
        }
}

@media (max-width: 990px) {
    /*.test {
        display: none !important;
    }*/

    #doctor-carousel .thumb img.therapistImg {
        width: 100px !important;
        height: 100px !important;
    }

    .happier {
        padding: 0 !important;
    }

    /*.test {
        display: none !important;
    }*/

    .book_sessn .container-fluid .section-heading {
        padding: 0 !important;
    }

    #section-copyright .row p {
        text-align: center !important;
    }
}

@media (max-width: 800px) {
    .happier {
        padding: 0 !important;
        min-height: 370px;
    }

    .section .section-heading .title-1 {
        text-align: center !important;
    }

    #section-patients-saying .happier .section-content .desc {
        height: 200px !important;
    }

    #content #section-patients-saying .section-content #patient-sliders .desc {
        font-size: 16px !important;
    }

    #doctor-carousel .thumb img.therapistImg {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width: 678px) {


    #doctor-carousel .thumb img.therapistImg {
        width: 170px !important;
        height: 170px !important;
    }

    .dv20 {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .social.about_responsive {
        text-align: center !important;
    }

    .rejoin_session {
        display: none;
    }

    .section .section-heading .title-1 {
        text-align: center !important;
    }

    #section-features {
        padding-top: 0 !important;
    }

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

    #wrapper .header-wrapper #header .menu {
        top: 71px !important;
        margin-right: 19px;
    }

    body.page-header-scroll .menu-responsive {
        margin-top: -12px !important;
    }
}

@media only screen and (max-width: 321px) {
    .Counterdigit {
        font-size: 11px !important;
    }

    .CouterHead {
        font-size: 11px !important;
    }

    .lower-band-security {
        bottom: 71px !important;
        min-height: 31px !important;
    }

    .LowerStrip {
        position: relative;
        bottom: 71px;
        min-height: 31px !important;
    }

    .pos-vstxt {
        left: 39px !important;
        top: -1px !important;
    }

    .virg-sec-txt {
        font-size: 7px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 321px) {


    .mob-head-txt {
        font-size: 29px !important;
    }

    .prc-hight {
        height: 88px !important;
    }


    .text-area-resze {
        resize: none;
    }


    .placeholderClass {
        font-weight: 400;
    }

    input [type="placeholder" ] {
        color: red !important;
    }


    .drop-main-coust {
        border-radius: 0px;
    }


        .drop-main-coust li {
            border-bottom: 0px solid !important;
            box-shadow: none;
        }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px !important;
        color: inherit;
    }

    select2-selection ul.token-input-list.form-control-facebook {
        display: block;
        width: 100%;
    }

    .select2-selection {
        box-shadow: none;
        height: auto;
    }

    .amt_cash li {
        border: none;
        height: 40px;
        font-size: 14px;
    }

    .cht_msg a {
        font-size: 10px !important;
    }

    .book_sessn {
        padding: 0 0px !important;
        margin-bottom: 30px;
    }

    .brw_sess {
        font-size: 11px !important;
    }

    .fnd_pra a {
        padding: 10px;
        font-size: 20px !important;
        width: 213px !important;
    }

    .cal-year .btn {
        border-radius: 3px;
        min-width: 10px;
        padding: 4px 6px !important;
        font-weight: 400;
        font-size: 14px;
    }

    .btn-search {
        margin-left: 103px !important;
    }
}

@media only screen and (max-width: 1251px) {
    .cust-log-out {
        padding: 0 !important;
    }

    .dropdown-content1 {
        display: none;
        z-index: 9;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        margin-top: 10px !important;
    }


    #wrapper .header-wrapper #header .menu > ul > li {
        position: relative;
        padding: 0 5px;
        height: 70px;
        line-height: 70px;
        transition: all 0s !important;
    }

    #wrapper .header-wrapper #header .menu > ul > li {
        display: block;
        height: auto;
        line-height: 19px !important;
        border-bottom: 1px solid #80d5d8;
        padding: 10px !important;
    }

    #wrapper #header .menu ul.list-unstyled.list-inline li:nth-child(-n+3) {
        display: none;
    }

    #wrapper #header .menu ul.dropdown-menu.show li{
        display: block !important;
    }

    #wrapper .header-wrapper #header .menu > ul > li.dropdown a {
        text-align: left;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .close-btn-bp {
        position: relative;
        top: 8px !important;
        right: 12px !important;
    }

    .prc-hight {
        height: 66px;
        line-height: 47px;
    }

    .gdady-sec-patc {
        left: -21px !important;
    }

    .gdpr-img {
        left: -8px !important;
    }

    .Counterdigit {
        font-size: 20px;
    }

    .CouterHead {
        font-size: 16px;
    }

    .LowerStrip {
        bottom: 94px !important;
    }

    .head-1 {
        font-size: 41px;
    }

    .list-logo {
        display: inline-block;
    }

    .df-c {
        display: block !important;
        justify-content: center;
    }

    .dis-flx-bws {
        display: flex;
        justify-content: center;
    }

    .BtnYN {
        display: flex;
        justify-content: center;
    }

    .paraYNOpt {
        text-align: center !important;
        font-size: 26px !important;
        margin: 50px 0px 0px 0px !important;
    }

    .BtnMr {
        margin-right: 5px;
    }

    .browse-prac-width {
        width: 43% !important;
    }

    .banner-wid {
        width: 750px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .timeUl {
        position: absolute;
        top: 119px;
        padding: 1px 0px;
        left: 42px;
    }

    .center-mode-practices p {
        min-height: 205px !important;
    }

    .testimonial .description {
        font-size: 12px !important;
    }

    #carousel-example-generic .carousel-indicators {
        bottom: -36px !important;
    }

    .close-btn-bp {
        position: relative;
        top: 8px !important;
        right: 12px !important;
    }

    .gdady-sec-patc {
        left: -21px !important;
    }

    .gdpr-img {
        left: -8px !important;
    }

    .mob-order-sum {
        display: flex;
        margin-top: 12px;
        flex-direction: column;
    }


    .LowerStrip {
        bottom: 100px !important;
    }

    .pd-text {
        padding: 0px !important;
    }

    .list-box-list > li {
        line-height: normal !important;
    }

    .list-logo > li:first-child {
        width: auto !important;
    }

    .mob-order-sum {
        display: flex;
        margin-top: 12px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    .head-1 {
        font-size: 49px;
    }

    .head-2 {
        font-size: 21px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .timeScale-btn {
        padding: 1px 4px;
        font-size: 12px;
    }


    .d-category {
        background: #f6f6f6;
        margin-bottom: 7px;
        margin-top: 0px;
        height: auto;
    }


    .vacation-ipad {
        width: 100.666667%;
    }

    .StartClear {
        margin: 10% 0% !important;
    }

    .MircoTxt {
        text-align: center;
        font-size: 30px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
        margin: 90px 0% !important;
    }

    .share-btn a {
        padding: 8px 52px !important;
        font-size: 13px;
    }

    .refer-gap {
        margin: 7px 0px !important;
    }

    .breadcrumb li a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .lft-ipD-PP {
        margin-right: 59px !important;
    }

    .mob-order-sum {
        display: flex;
        margin-top: 12px;
        flex-direction: column;
    }

    #validationMsg {
        padding-top: 10px;
    }

    .border-book-sess {
        border-bottom: 1px solid #eeeeee;
        display: inline-flex;
        width: 34%;
        margin-bottom: 12px;
    }

    .timeUl {
        top: 155px;
    }

    .SpeakerTxt {
        text-align: center !important;
        font-size: 26px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
    }

    .mar-y {
        margin: 10px 0 !important;
    }

    .twitter-btn-refer {
        margin-top: 20px;
    }

    .insta-btn-refer {
        margin-top: 20px;
    }

    .refer-gap {
        margin: 25px 0px !important;
    }

    .social-btn-icon:after {
        display: none !important;
    }

    .img-bgref {
        display: block !important;
    }

    .pd-text {
        padding: 0px 0px !important;
    }

    /*css media form bood session*/

    .book-session {
        margin-top: 26px !important;
    }

    .cus-padd-lr {
        padding: 0 4px;
        margin-top: 10px;
        display: inline-block;
        min-width: 101px;
    }

    .slot-pd {
        padding: 0px;
        margin: 0px 0px 15px 5px !important;
        display: inline-block;
    }

    .day-time {
        font-size: 15px;
        min-height: 35px !important;
    }


    .social-list li {
        border: 0px !important;
    }

    .book-sess-rating {
        padding: 0px 0px 0 0px !important;
        margin: 10px 0px 0px auto !important;
        display: flex;
        justify-content: center;
    }

    .slots-mt {
        margin: 18px 0px !important;
    }

    .mt-bs {
        margin-bottom: 26px;
    }

    .desktopScreenView.text-center {
        text-align: left !important;
    }

    .btn-paynw {
        margin: 4px 0px !important;
    }
}

@media only screen and (max-width: 767px) {

    .reschedule-request-main-wrapper .row-suggestion {
        margin: 15px;
    }

    .enable-camera-div {
        height: 100vh;
        margin: 0;
        width: 100%;
    }

    .enable-camera-inner-div {
        padding: 20px;
    }

    .practices--testi-bg {
        margin: 0px 0 50px !important;
    }

    .practices-book-session-div h1 {
        font-size: 28px !important;
    }

    .x-sign {
        border: 0px !important;
    }

    .radio-bp label {
        display: inline !important;
    }

    .meet-sec-div {
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }

    .availability-2 .cus-btn,
    .availability-2 .cus-btnW {
        width: 100% !important;
    }

    .browse-prac-btn[disabled] {
        width: 100% !important;
    }

    .cookieBanner {
        bottom: 0px !important;
        left: 0px !important;
    }

    .qna-content {
        padding: 0;
    }

    .package-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .close-btn-bp {
        right: 0px;
        margin-right: 19px;
        text-align: justify;
    }

    .mob-hide {
        display: none;
    }

    .quest-div h3 {
        font-size: 20px !important;
    }

    .quest-div .form-control {
        min-width: 100%;
    }

    .quest-div {
        padding: 0px 5px 0px 5px !important;
        margin-bottom: 2rem !important;
    }

        .quest-div li.token-input-token-facebook {
            position: relative;
            top: -2px;
        }

        .quest-div ul.token-input-list li input {
            padding: 3px 7px !important;
            width: 100% !important;
            text-overflow: ellipsis;
        }

    .cust_min_height #content {
        min-height: 100% !important;
    }

    .videoPageIcons {
        position: relative;
        left: 16px;
    }

    .quest-head {
        font-size: 24px !important;
        margin: 20px 0 30px 0 !important;
    }

    .btn-close-img {
        width: 16px !important;
    }


    .pract-no-res {
        margin: 1px 16px 20px 15px !important;
        width: 92% !important;
    }

    .list-logo > li:first-child {
        width: auto !important;
    }

    .mob-order-sum {
        display: flex;
        margin-top: 12px;
        flex-direction: column;
    }

    .appylu-text {
        display: flex;
        margin-bottom: 5px;
    }

    .per-left::after {
        left: 19px !important;
    }

    .mdl-pdd {
        padding: 25px !important;
    }

    .sgncolor {
        background-color: var(--primary-color);
        margin-bottom: 18px;
    }

    #wrapper .header-wrapper #header .menu-responsive span {
        font-size: 28px !important;
    }

    .LowerStrip {
        bottom: 72px;
    }

    .bs-example {
        margin: 20px 0px !important;
    }

    .hide-mob-ex {
        display: none;
    }

    .cal-ipad-width {
        font-size: 15px;
    }

    .list-mb-0 li {
        display: inline-block !important;
        border-bottom: 0px !important;
        padding: 0px !important;
    }


    .li-txt-cen-2 > span {
        float: none !important;
    }

    .btn-lrg-standard {
        padding: 6px 10px !important;
        margin: 0 !important;
        font-size: 17px !important;
        width: 100% !important;
        margin-left: -8px !important;
    }


    .prac-preview {
        top: -18px !important;
        left: 17px;
    }

    .text-margin {
        margin-top: 30px;
    }

    .df-c {
        display: block !important;
        justify-content: center;
    }

    .rev-short {
        margin-left: 6px !important;
    }

    .timeUl li {
        padding: 0px 0px;
    }

    .timeScale-btn {
        padding: 0px 6px;
        font-size: 12px;
    }

    .dis-flx-bws {
        display: flex;
        justify-content: center;
    }

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

    .doctor-info .isotope > ul > li .thumb .caption {
        padding: 0px 12px !important;
    }

    .mt-20 {
        margin-top: 13px !important;
    }

    .how-it-works-step-1 {
        left: 94px;
        top: 311px;
    }

    .how-it-works-step-2 {
        right: 90px;
        top: 311px;
    }

    .faq_header {
        font-size: 18px !important;
    }

    .item-1 a {
        border-radius: 0 !important;
        margin-top: 0;
    }

    .nav-bg > li > a {
        margin-bottom: 0 !important;
    }

    .bor-rig {
        border-right: 1px solid var(--primary-color) !important;
    }

    .nav-bg > li {
        display: block;
    }

    .x-sign1 {
        margin-left: 0px !important;
        width: 126px;
    }

    .pymnmt-img {
        width: 232px;
        display: block;
        margin: 0 auto 0px;
    }

    .form-control {
        max-width: 360px;
    }

    canvas.js-volume.speakSound {
        height: 260px !important;
    }


    .select2-container--default .select2-selection--single {
        background-color: #ffffff !important;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            display: block !important;
        }


    .brw_list {
        float: right;
        width: 100% !important;
        margin-top: 18px;
        padding-right: 3px !important;
        padding-left: 0px !important;
    }

    .rat-star-brp {
        position: relative;
        top: 0px !important;
        left: -3px;
    }

    .browse-prac-width {
        padding: 0px 15px !important;
    }

    li.element-item.col-md-3.rating.col-sm-5.col-xs-12 {
        width: 100%;
    }

    h3.overlay-text {
        margin-top: 96px;
    }

    .mod-dropdown {
        width: 73% !important;
        margin-top: -6px;
    }

    /*css media form book session*/

    .browse-prac-btn {
        padding: 7px 0px !important;
        font-size: 12px;
        width: 122px !important;
    }

    .hr_chr {
        font-size: 14px;
    }

    .mob-fr {
        float: right;
    }

    .mob-fl {
        float: left;
    }

    .CountName {
        font-size: 14px;
    }

    .word_truncate {
        margin: 0;
        font-size: 14px;
    }

    .brw_list {
        float: right;
        width: 100%;
    }

    .padd-left-0 {
        padding-left: 20px;
    }

    .pract-video {
        width: 100%;
        position: relative;
        top: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    /*css media form bood session*/

    .book-session {
        margin-top: 26px !important;
    }

    .cus-padd-lr {
        padding: 0 4px;
        margin-top: 10px;
        display: inline-block;
        min-width: 101px;
        margin: 0 auto;
    }

    .slot-pd {
        padding: 0px;
        margin: 0px 0px 15px 5px !important;
        display: inline-block;
    }

    .day-time {
        font-size: 15px;
        min-height: 35px !important;
    }

    /*.profi-Price:after {
        position: absolute;
        left: 93px;
        right: 0;
        bottom: 177px !important;
        content: '';
        width: 192px;
        border: 0.5px dashed black;
    }*/

    .social-list li {
        border: 0px !important;
    }

    .book-sess-rating {
        padding: 0px 0px 0 0px !important;
        margin: 14px 0px 35px auto !important;
        display: flex;
        justify-content: center;
    }

    .slots-mt {
        margin: 18px 0px !important;
    }

    div#AppointmentCalendarContainer {
        display: none;
    }

    .overlay-text {
        font-size: 9px !important;
        top: 6px !important;
    }

    .social-btn-icon:after {
        display: none !important;
    }

    .mar-y {
        margin: 10px 0;
    }

    .twitter-btn-refer {
        margin-top: 20px;
    }

    .insta-btn-refer {
        margin-top: 20px;
    }

    .refer-gap {
        margin: 25px 0px !important;
    }

    p.dotted {
        font-size: 13px !important;
        text-align: center;
    }

    .rflcode {
        padding: 0px;
    }

    .reconnective-text, .nlp-text, .guided-text, .reiki-text, .pranic-text, .thetahealing-text, .lifecoaching-text {
        padding-top: 32px !important;
        padding-bottom: 1px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }



    .MircoTxt {
        text-align: center;
        font-size: 25px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
        margin: 65px 0% !important;
    }

    .MircoHead {
        text-align: center;
        font-size: 24px !important;
        color: #03a1d0;
        font-weight: 600;
        font-family: var(--primary-font);
        margin: 53px 0px 34px 0px !important;
        line-height: 30px;
    }

    .VolumIcn {
        font-size: 148px !important;
        color: #333333;
    }

    .SpeakerTxt {
        text-align: center !important;
        font-size: 21px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
    }

    .SpeakerHead {
        text-align: center;
        font-size: 28px !important;
        color: #03a1d0;
        font-weight: 600;
        font-family: var(--primary-font);
        margin: 50px 0px 10px 0px !important;
    }

    .VideoBG {
        height: 335px !important;
        width: 100% !important;
        margin: 6% auto !important;
    }

        .VideoBG video {
            height: 335px !important;
            width: 100% !important;
        }

    .StartHead {
        text-align: center;
        font-size: 32px !important;
        color: #03a1d0;
        font-weight: 600;
        font-family: var(--primary-font);
        margin: 50px 0px 10px 0px !important;
    }

    .StartTxt {
        text-align: center;
        font-size: 20px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
        margin: 33px 0% !important;
    }

    .StartClear {
        margin: 12% 0% !important;
    }

    .BtnMr {
        margin-right: 5px;
    }

    .BtnYN {
        display: flex;
        justify-content: center;
    }

    .paraYNOpt {
        text-align: center !important;
        font-size: 26px !important;
        margin: 50px 0px 0px 0px !important;
    }


    .main-Media {
        margin-bottom: 20% !important;
    }

    .CamHead {
        text-align: center;
        font-size: 28px !important;
        color: #03a1d0;
        font-weight: 600;
        font-family: var(--primary-font);
        margin: 76px 0px 0px 0px !important;
    }

    .CamPara {
        text-align: center;
        font-size: 24px !important;
        color: #333333;
        font-weight: 400;
        font-family: var(--primary-font);
        margin: 56px 4% !important;
    }

    .mtCamStart {
        margin: 6% 0% !important;
    }

    .mtCam {
        margin: 0% 0% !important;
    }

    .homeloader-outerdiv img {
        margin: auto;
        position: relative;
        right: 81px;
    }

    .sub-text {
        color: #ffffff;
        font-size: 20px !important;
        font-weight: 500;
        line-height: initial;
    }

    .loader-text {
        color: #ffffff;
        font-size: 20px !important;
    }

    .loader-cont {
        width: 351px !important;
        position: relative;
        right: 179px !important;
    }

    .HourChAlign {
        float: left;
        font-size: 12px;
        width: 35% !important;
    }

    .TxtHorly {
        color: red !important;
        font-size: 10px !important;
    }

    .sec-Pd {
        padding: 20px 0px;
    }

    .wid-div-rev {
        width: 69% !important;
    }

    .rev-arg {
        font-size: x-small;
        font-weight: 600;
        position: relative;
        top: 3px !important;
        left: 0px !important;
    }



    .dropdown-content1 {
        min-width: 170px !important;
        overflow-x: hidden;
        height: 400px;
        right: -35px;
        width: 203px !important;
        left: -53px !important;
    }

    #main #content #section-what-we-do .img-responsive {
        width: 85% !important;
    }

    .lSAction {
        display: none !important;
    }


    .promo-pd {
        padding: 0px 5px;
    }

    .hol-promo-sec {
        position: relative;
        top: 55px !important;
        left: 5px;
    }

    .browse_pract a {
        padding: 9px;
        font-size: 20px !important;
        width: 221px;
        position: relative;
        top: 17px;
        border-radius: 1px !important;
    }

    .mob-view-vde {
        padding: 0 9% !important;
        font-size: 18px !important;
    }

    .mob-view {
        text-align: center;
        border-radius: 6px;
        position: relative;
        top: 22px;
        padding: 7px 0px;
    }

    .pd-lft-inp > ul.token-input-list.form-control-facebook {
        display: none !important;
    }

    ul.token-input-list li input {
        border: 0;
        width: 350px;
        padding: 8px 0px;
        background-color: white;
        -webkit-appearance: caret;
        font-family: var(--primary-font);
        /*display: none;*/
    }

    ul.token-input-list.form-control-facebook {
        /* padding: 3px; */
        border: solid #d8d5d5 1px;
        font-size: 13.5px !important;
    }

    ul.token-input-list li input {
        border: 0;
        width: 350px;
        padding: 8px 0px !important;
        background-color: white;
        -webkit-appearance: caret;
        font-family: var(--primary-font);
    }

    .find-btn {
        font-size: 14px !important;
        display: none;
        border-radius: 4px;
    }

    .btn-search {
        margin-left: 109px !important;
    }

    .search-cont {
        position: relative;
        top: -233px !important;
        z-index: 16 !important;
        left: 0px !important;
    }

    .disp-mob-none {
        display: none;
    }

    #footer #section-footer {
        height: auto !important;
    }

    .chat-wrap div#chtlog {
        height: 145px !important;
        min-height: 270px;
        width: 100%;
        bottom: -60px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .book_sessn {
        padding: 0 0px !important;
        margin-bottom: 30px;
    }

    .brw_sess {
        font-size: 15px;
    }

    .page-header-scroll #wrapper .header-wrapper #header .logo img {
        top: -37px !important;
        height: 50px;
        float: left;
    }

    .portal p {
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 400;
        font-family: var(--primary-font);
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 17px !important;
        color: inherit;
    }

    .pd-lft-inp > ul.token-input-list.form-control-facebook {
        display: block;
        width: 100% !important;
    }

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

    .pd-text {
        padding: 0px 10px 0px 10px !important;
    }

    .pd10 {
        padding: 10px;
        margin-bottom: 45px !important;
    }

    .disclaimer {
        font-size: 13px;
        text-align: center;
        padding: 0px 16%;
    }

    .head_title {
        font-weight: 600 !important;
        FONT-SIZE: 30PX;
    }

    .doctor-info .isotope > ul > li .thumb .fav {
        position: absolute;
        top: 8px !important;
        left: 25px !important;
    }

    .chck_ol {
        position: absolute;
        left: 45px !important;
        top: 10px !important;
        font-size: 12px;
        font-weight: 600;
    }

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

    .box-align {
        margin-left: 0px !important;
    }

    .doc-avai-slot {
        font-size: 10px !important;
        top: 15px !important;
        float: left !important;
        left: 15px !important;
    }

    .Audio-center {
        margin: 0 auto;
    }

    .dropdown-menu-right {
        right: 15px;
        left: auto;
    }

    #AppointmentDate1 {
        display: inline-block;
    }

    .online-pracall {
        margin-left: -20px !important;
    }

    .sec2-head {
        text-align: center !important;
        font-weight: 700;
        margin-bottom: 35px;
        margin-top: 25px !important;
    }


    .sect-bt {
        margin: 35px 0px;
    }

    .Deskview {
        display: none;
    }

    .rejoin_session {
        font-size: 11px !important;
        font-weight: 500;
    }

    .pract-serch {
        font-size: 24px;
    }

    .serch-pract {
        background-color: var(--primary-color);
        color: white;
        font-size: 23px;
        margin: 15px auto !important;
        display: block;
        width: 98%;
        padding: 4px 0px;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    }

        .serch-pract:focus {
            float: none !important;
        }

        .serch-pract:active {
            float: none !important;
        }


    ul.token-input-list.form-control-facebook {
        border: solid #d8d5d5 1px;
        display: block;
        width: 100%;
        height: 35px;
        padding: 4px 6px;
    }

    .virgil-img img {
        width: 98px;
        position: relative;
    }

    /*.doctor-info .isotope > ul > li .thumb .caption .pos {
            color: #0f5498;
            float: right;
            margin-top: 6px !important;
        }*/

    .chat-wrap div#chtlog {
        height: 142px !important;
        /* min-height: 270px; */
        width: 100%;
        /* bottom: -60px; */
        overflow-x: hidden;
        overflow-y: auto;
    }

    .chat-mob-hgt {
        height: 309px !important;
    }

    /*div#remote-media.video-mob {
            height: auto !important;
            min-height: 0px !important;
        }*/


    .dropbtn1 {
        background-color: transparent;
        color: white;
        cursor: pointer;
        font-size: 16px;
        font-weight: 300;
        position: relative;
        left: 3px;
    }

    .pd-lft-inp {
        width: 104.333333% !important;
    }

    .srt-algn {
        margin-right: 11px !important;
        margin-bottom: 10px;
    }

    .certificate-icon {
        padding-top: 6px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 415px) {
    .btn-search {
        margin-left: 127PX;
    }

    .x-sign1 {
        margin-left: 32px;
        margin-right: 5px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 376px) {


    .book_sessn {
        padding: 0 0px !important;
        margin-bottom: 30px;
    }

    .brw_sess {
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 415px) {
    .book_sessn {
        padding: 0 0px !important;
        margin-bottom: 30px;
    }

    .brw_sess {
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 569px) {
    .banner-home-page .carousel-caption {
        padding-top: 150px !important;
        padding-bottom: 113px !important;
        position: relative;
    }

    .pd-lft-inp {
        width: 104.333333% !important;
    }

    .btn-search {
        margin-left: 288px !important;
    }
}

@media only screen and (min-width: 667px) and (max-width: 668px) {
    .banner-home-page .carousel-caption {
        padding-top: 150px !important;
        padding-bottom: 113px !important;
        position: relative;
    }

    .pd-lft-inp {
        width: 104.333333% !important;
    }

    .btn-search {
        margin-left: 288px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 769px) {
    /*.mob-hide {
		display: none;
	}*/
    .sgncolor {
        background-color: var(--primary-color);
        margin-bottom: 18px;
    }

    .new-hovr-su {
        margin-top: 12px;
    }

    .formCont {
        max-width: 100% !important;
    }

    .how-it-works-step-2 {
        right: 223px;
        top: 111%;
    }

    .how-it-works-step-1 {
        right: 37%;
        top: 100%;
    }

    .ipad-year {
        display: flex;
        justify-content: flex-start;
    }


    .cal-ipad-width {
        margin-left: 0px !important;
    }

    .prac-preview {
        top: -21px !important;
        left: -135px !important;
    }

    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
        margin-left: 11px !important;
    }

    .fc-time-grid-event .fc-time {
        font-size: 1.0em !important;
        margin: 1px 6px !important;
        line-height: 42px !important;
    }

    .pract-video {
        width: 100%;
        position: relative;
        top: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .pract-no-res {
        padding: 9px !important;
        width: 84.7% !important;
    }

    .modal-sm {
        width: 500px;
    }

    li#notification {
        display: none !important;
    }

    /*input#AppointmentDate1 {
        margin-top: 9px;
    }*/

    .thumb_info {
        padding: 9px 3px !important;
    }

    select#ddlBreakTime {
        margin-top: 9px;
    }

    .serch-pract {
        background-color: #05a9af;
        color: white;
        width: 47%;
        font-size: 16px;
        margin-bottom: 15px;
        float: left;
        margin-left: 20px;
        padding: 5px 8px !important;
    }

    .forMobileH3 {
        margin-left: 220px;
    }

    .col-wid-ipad {
        width: 100%;
    }

    .cht_msg a {
        font-size: 11px !important;
    }

    .col-sm-6 {
        width: 50%;
    }

    .chck_ol {
        top: 0px !important;
        left: 40px !important;
    }

    .fav i.fa-heart-o, .fav i.fa-heart {
        margin-left: 5px !important;
        position: relative;
        top: -2px;
    }

    .vacation-ipad2 {
        display: inline !important;
    }

    .doc-avai-slot {
        top: 6px !important;
        left: 8px !important;
    }

    .dropdown-content1 {
        min-width: 487px !important;
        right: -6% !important;
    }

    .search-bar-home {
        width: 100% !important;
    }

    .lSAction > .lSNext {
        right: 0px !important;
        top: 88px !important;
    }

    .lSAction > .lSPrev {
        left: 0px !important;
        top: 88px !important;
    }

    .online-pracall {
        margin-left: -15px !important;
    }

    .homeloader-outerdiv img {
        margin: auto;
        position: relative;
        right: 53px;
    }

    .sub-text {
        color: #ffffff;
        font-size: 20px !important;
        font-weight: 500;
        line-height: initial;
    }

    .loader-text {
        color: #ffffff;
        font-size: 20px !important;
    }

    .loader-cont {
        width: 628px !important;
        position: relative;
        right: 285px !important;
    }


    .HourChAlign {
        float: left;
        font-size: 12px;
        width: 35% !important;
    }

    .TxtHorly {
        color: red !important;
        font-size: 10px !important;
    }

    .ipad-res {
        width: 100%;
    }

    .portal p {
        color: #fff !important;
        font-size: 15px;
        font-weight: 400;
        font-family: var(--primary-font);
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px !important;
        color: inherit;
    }

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

    .browse_pract {
        display: none;
    }


    .navbar-nav {
        margin-left: 27px;
    }

    .btn-search {
        margin-left: -25px !important;
    }

    .pd-lft-inp {
        width: 86.666667% !important;
    }

}

@media only screen and (max-width: 1024px) {
    .doctor-info .isotope > ul > li .thumb .caption {
        padding: 0px 15px !important;
    }

    .last_cpt ul li.chgr {
        float: left;
        width: 0% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {

    .back-whform-1 .wid-box-form {
        width: 80%;
    }

    #footer #section-footer .contact-info > ul > li > a {
        font-size: 13px !important;
    }

    .contact-form .form-control {
        max-width: 100%;
    }

    #content .ipad-pad-sec {
        padding-bottom: 42px !important;
    }

    .formCont {
        max-width: 100% !important;
    }

    .how-it-works-step-1 {
        right: 100%;
    }

    .btn-slot {
        width: 75px;
        font-size: 14px;
    }

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


    .landing-btn {
        padding: 3px 14px;
        transition: all 0.3s;
        font-family: var(--primary-font);
        font-size: 12px;
        margin: 3px 0px 10px 0;
    }

    .pitch-txt {
        text-align: right !important;
    }

    .crd-img-wid {
        width: 99px;
        margin-top: 6px;
        margin-left: -12px;
    }

    .crowd-txt {
        font-size: 14px;
        text-align: center;
    }

    .prac-preview {
        left: 134px !important;
    }


    .timeUl {
        top: 155;
    }

    .fc-time-grid-event .fc-time {
        font-size: 1.4em !important;
        margin: 1px 7px !important;
        LINE-HEIGHT: 42PX !important;
    }

    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
        margin-left: 30px !important;
    }

    .section {
        padding-top: 47px !important;
    }

    .browse-prac-width {
        width: 33.33% !important;
    }

    .pract-no-res {
        padding: 14px !important;
    }

    r-wid.srch-modal {
        padding-bottom: 358px !important;
    }

    .fav-width {
        width: 33%;
    }

    .background-image {
        background-attachment: scroll;
    }

    .bannr_ack {
        position: relative;
        right: 27%;
    }

    .img-modalities {
        background-image: none;
        background-color: #14a6cf;
        background-position: 100% 100% !important;
    }

    .jq-ry-container {
        display: inline-block !important;
    }

    .ipad-heart {
        position: relative;
        top: 0px !important;
    }

    .sort-btn {
        float: right;
    }

    .mb-ipad {
        margin-bottom: 30px;
    }

    .guided-text {
        padding-left: 60px !important;
    }

    .form-inline .form-group {
        /*display: block;*/
        margin-bottom: 10px;
        /*vertical-align: middle;*/
    }

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

    .SpeakerTxt {
        text-align: right !important;
    }

    div#footer {
        position: relative;
    }

    .reconnective-text, .nlp-text, .guided-text, .reiki-text, .pranic-text, .thetahealing-text, .lifecoaching-text {
        padding-top: 35px !important;
        padding-bottom: 1px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .browse_pract {
        display: none;
    }

    .mobileUlMenu {
        min-height: 50px;
        overflow-y: auto;
        max-height: 200px;
    }

    li#notification {
        display: none !important;
    }

    .thumb_info {
        padding: 9px 3px !important;
    }

    select#ddlBreakTime {
        margin-top: 9px;
    }

    /*input#AppointmentDate1 {
            margin-top: 9px;
        }*/

    .serch-pract {
        display: block !important;
        background-color: #0496bf;
        color: white;
        width: 56.9%;
        font-size: 16px;
        margin-bottom: 15px;
        float: left;
        background-color: #4ab9bc;
        margin-left: 6px;
        padding: 5px 8px !important;
    }

    .modal-sm {
        width: 500px;
    }


    label.frm_date {
        font-size: 12px;
    }

    .to_date {
        font-size: 12px;
    }

    .extend-btns label {
        font-size: 20px !important;
    }


    li.loginMobile {
        display: block !important;
    }

    .login-top.loginDesktop.iod-loginhide {
        display: none !important;
    }

    .log-pract-res {
        position: relative;
        top: 3px !important;
        padding: 0px 0px 0px 10px !important;
    }

    .portal p {
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 400;
        font-family: var(--primary-font);
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px !important;
        color: inherit;
    }

    .srt-algn {
        margin-right: 6px !important;
    }

    .btn-search {
        margin-left: -25px !important;
    }

    .pd-lft-inp {
        width: 71.666667%;
    }

    .pd-lft-inp {
        width: 74.333333% !important;
    }
}

@media screen and (max-width: 1250px) {
    .menu.welcome ul.list-unstyled.list-inline {
        display: block !important;
        float: right !important;
    }

    .profile img {
        height: 45px;
        width: 45px;
        display: none !important;
    }

    .nav-flr {
        float: none;
    }

    .lin-hei-div {
        text-align: center;
        display: flex;
    }

    .wallet-nav {
        position: relative;
        right: -5px;
    }

    .dd-content-wallet {
        padding: 16px 16px 20px 16px !important;
    }

    .refer-fre-nav {
        padding: 8px 7px !important;
        border-radius: 16px !important;
        font-size: 16px !important;
        text-align: center;
        top: -1px;
    }

    .lin-hei {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 1851px) {
    ul.token-input-list.form-control-facebook {
        /* padding: 3px; */
        display: block;
        width: 100%;
        border: solid #d8d5d5 0px;
    }

    .pd-lft-inp {
        width: 82.333333%;
    }
}

@media only screen and (max-width: 1600px) {

    .doctor-info .isotope > ul > li .thumb .caption {
        position: relative;
        padding: 0px 11px 18px 11px;
        height: auto;
        background-color: #fff;
        z-index: 2;
    }
}

@media only screen and (min-width: 1601px) {
    .user-imag {
        height: 155px !important;
        width: 155px !important;
    }

    .browse-prac-btn {
        width: 113px !important;
        font-size: 13px !important;
        padding: 6.5px 2px !important;
    }

    .browse-prac-width {
        width: 25%;
        padding: 0px 6px;
    }

    .brw_frm {
        width: 23%;
    }

    .brw_list {
        float: right;
        width: 77.3%;
        margin-top: 7px;
        padding-right: 2px !important;
    }
}
/*-------------------------------------------------------------------------------Modalities Start-----------------------------------------------------------------------------------*/
/*if we add new modalities in future copy "RapidPersonalTransformation" page it is fully responsive*/
/*Add only ID or Classes in belleow resolutions to correct modalities page added in future*/

@media only screen and (min-width: 1280px) and (max-width: 1281px) {

    .reconnective-text {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media only screen and (min-width: 1440px) {
    #section-rpt, #section-reiki, #section-reconnective, #section-nlp, #section-guided, #section-lifecoaching, #section-hypnosis, #section-pranic, #section-thetahealing, #section-BodyTalk, #section-reconnective, #section-EFT, #section-Eden-Energy, #section-Emotion-Code, #section-Body-Code, #section-Family_Constellations, #section-Holistic-Healthcare-Coaching, #section-Psychotherapy, #section-Akashic-Records, #section-Time-Line-Therapy, #section-Trinity-Energy-Healing, #section-yoga-angel, #section-yoga-astro, #section-yoga-councelling, #section-yoga-esoteric, #section-yoga-holy, #section-yoga-karuna, #section-yoga-meta, #section-yoga-nid, #section-yoga-peat, #section-yoga-pranayama, #section-yoga-reso, #section-yoga-somatic, #section-Rapid-Transformation-Therapy {
        padding-top: 64px !important;
        padding-bottom: 75px !important;
    }

    .reconnective-text {
        padding-top: 34px !important;
        padding-bottom: 50px !important;
    }

    .meta-karuna {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media only screen and (min-width: 1920px) {
    #section-matrix, #section-vortex, #section-rpt, #section-reiki, #section-reconnective, #section-nlp, #section-guided, #section-lifecoaching, #section-hypnosis, #section-pranic, #section-thetahealing, #section-BodyTalk, #section-reconnective, #section-EFT, #section-Eden-Energy, #section-Emotion-Code, #section-Body-Code, #section-Family_Constellations, #section-Holistic-Healthcare-Coaching, #section-Psychotherapy, #section-Akashic-Records, #section-Time-Line-Therapy, #section-Trinity-Energy-Healing, #section-yoga-angel, #section-yoga-astro, #section-yoga-councelling, #section-yoga-esoteric, #section-yoga-holy, #section-yoga-karuna, #section-yoga-meta, #section-yoga-nid, #section-yoga-peat, #section-yoga-pranayama, #section-yoga-reso, #section-yoga-somatic, #section-Rapid-Transformation-Therapy {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .reconnective-text, .nlp-text, .reiki-text {
        padding-top: 80px !important;
        padding-bottom: 78px !important;
    }

    .meta-karuna {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pract-no-res {
        margin: 1px 17px 12px 16px !important;
    }
}

@media only screen and (min-width: 2560px) {

    #section-Sports-Psychology, #section-Matrix-Reimprinting, #section-Bi-Aura-Therapy, #section-Past-life-Regression, #section-matrix, #section-vortex, #section-rpt, #section-reiki, #section-reconnective, #section-nlp, #section-guided, #section-lifecoaching, #section-hypnosis, #section-pranic, #section-thetahealing, #section-BodyTalk, #section-reconnective, #section-EFT, #section-Eden-Energy, #section-Emotion-Code, #section-Body-Code, #section-Family_Constellations, #section-Holistic-Healthcare-Coaching, #section-Psychotherapy, #section-Akashic-Records, #section-Time-Line-Therapy, #section-Trinity-Energy-Healing, #section-yoga-angel, #section-yoga-astro, #section-yoga-councelling, #section-yoga-esoteric, #section-yoga-holy, #section-yoga-karuna, #section-yoga-meta, #section-yoga-nid, #section-yoga-peat, #section-yoga-pranayama, #section-yoga-reso, #section-yoga-somatic, #section-Rapid-Transformation-Therapy {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .reconnective-text, .nlp-text {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .meta-karuna {
        padding-top: 135px !important;
        padding-bottom: 135px !important;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1681px) {
    #section-matrix, #section-vortex, #section-rpt, #section-reiki, #section-reconnective, #section-nlp, #section-guided, #section-lifecoaching, #section-hypnosis, #section-pranic, #section-thetahealing, #section-BodyTalk, #section-reconnective, #section-EFT, #section-Eden-Energy, #section-Emotion-Code, #section-Body-Code, #section-Family_Constellations, #section-Holistic-Healthcare-Coaching, #section-Psychotherapy, #section-Akashic-Records, #section-Time-Line-Therapy, #section-Trinity-Energy-Healing, #section-yoga-angel, #section-yoga-astro, #section-yoga-councelling, #section-yoga-esoteric, #section-yoga-holy, #section-yoga-karuna, #section-yoga-meta, #section-yoga-nid, #section-yoga-peat, #section-yoga-pranayama, #section-yoga-reso, #section-yoga-somatic, #section-Rapid-Transformation-Therapy {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .reconnective-text, .nlp-text {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .meta-karuna {
        padding-top: 91px !important;
        padding-bottom: 91px !important;
    }
}



@media only screen and (min-width: 1300px) and (max-width: 1400px) {

    .CountName {
        font-size: 11px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .browse-prac-btn {
        width: 113px !important;
        font-size: 13px !important;
        padding: 6.5px 2px !important;
    }

    .crowd-txt {
        font-size: 21px;
    }

    .crd-img-wid {
        width: 170px;
        margin-top: 4px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    .tooltip-country {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 88px !important;
        overflow: hidden;
        word-wrap: break-word;
    }



    .crd-img-wid {
        width: 150px;
        margin-top: 4px;
    }

    .crowd-txt {
        font-size: 20px;
    }

    .browse-prac-btn {
        width: 94px !important;
        font-size: 11px !important;
        padding: 5.5px 0px !important;
    }

    .CountName {
        display: inline-block;
        font-weight: 500;
        font-size: 12px;
    }

    .ther-fnt-wt {
        font-size: 12px !important;
    }

    .cust-container {
        width: 1200px;
    }
}
/*-------------------------------------------------------------------------------Modalities Ends-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 1366px) and (max-width: 1367px) {

    .chat-mob-hgt {
        height: 64.9vh !important;
    }

    .online-pracall {
        margin-left: 10px !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1281px) {
    .online-pracall {
        margin-left: 10px !important;
    }

    .hol-promo-sec {
        position: relative;
        top: -2px !important;
        left: -15px !important;
    }

    ul.token-input-list.form-control-facebook {
        display: block;
        width: 100%;
        border: solid #d8d5d5 0px;
    }

    .pd-lft-inp {
        width: 61.333333%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1441px) {


    .chat-mob-hgt {
        height: 48vh !important;
    }

    .online-pracall {
        margin-left: 10px !important;
    }

    ul.token-input-list.form-control-facebook {
        display: block;
        width: 100%;
        border: solid #d8d5d5 0px;
    }

    .search-cont {
        position: relative;
        left: 14px !important;
        top: -231px !important;
        z-index: 16;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1681px) {
    .sort-btn {
    }

    .online-pracall {
        margin-left: 20px !important;
    }

}

@media only screen and (min-width: 1920px) and (max-width: 1921px) {


    .online-pracall {
        margin-left: 20px !important;
    }

    ul.token-input-list.form-control-facebook {
        display: block;
        width: 100%;
        border: solid #d8d5d5 0px;
    }

    .form_sidebar_info_scroll {
        top: 8%;
        position: fixed !important;
        width: 23.1% !important;
    }

    .formCont {
        max-width: 100%;
    }
    div#chtlog {
        height: 498px !important;
        /* min-height: 270px; */
        width: 100%;
        /* bottom: -60px; */
        overflow-x: hidden;
        overflow-y: auto;
    }

    .rejoin_session {
        font-size: 18px;
        font-weight: 400;
    }
}

@media only screen and (min-width: 767px) {
    .close-btn-bp {
        right: 0px;
        margin-right: 19px;
        text-align: justify;
    }

    .prac-preview {
        top: -21px;
        left: 122px;
    }

    .mob-view {
        display: none;
    }

    .Mobview {
        display: none;
    }

    .trial-txt {
        margin-left: 33px;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 769px) {

    .tab-mob-view {
        display: none !important;
    }


    .sect-bt {
        margin: 60px 0px;
    }

    .mob-view-vde {
        display: none;
    }

    .mobile-view-frm {
        display: none;
    }

    .sec-Pd {
        padding: 0px 180px 100px;
    }
}

@media only screen and (min-width: 1500px) {

    .promo-code {
        font-size: 38px !important;
        color: white;
        padding: 15px;
        border: 1px solid #00ffff;
    }
}

@media only screen and (min-width: 1280px) {
    .breadcrumb li a {
        font-size: 14px !important;
    }
}

@media only screen and (min-width: 568px) and (max-width: 569px) {
    #doctor-carousel .thumb img.therapistImg {
        width: 132px !important;
        height: 132px !important;
    }
}


@media only screen and (min-width: 320px) and (max-width: 321px) {
    .forgot {
        font-size: 11px;
    }

    .checkbox label, .radio label {
        font-size: 12px;
    }

    .enbl-dsble {
        font-size: 13px;
    }

    .prac-preview {
        left: 38px;
    }

    .timeScale-btn {
        padding: 0px 4px;
        font-size: 10px;
    }

    .browse-prac-btn {
        width: 110px !important;
        font-size: 11.5px !important;
    }

    .loader-text {
        color: #ffffff;
        font-size: 15px !important;
    }

    .sub-text {
        color: #ffffff;
        font-size: 15px !important;
        font-weight: 500;
        line-height: initial;
    }

    .loader-cont {
        width: 307px !important;
        position: relative;
        right: 162px !important;
    }

    .rev-arg {
        font-size: x-small;
        font-weight: 600;
        position: relative;
    }

    a#ui-id-2 {
        font-size: 16px;
    }

    a#ui-id-1 {
        font-size: 16px;
    }

    .pract-no-res {
        width: 90.5% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .vdeo-cntr {
        position: relative;
        right: 95px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1052px) {

    .online-pracall {
        margin-left: -15px !important;
    }

    .chck_ol {
        top: 0px !important;
        left: 40px !important;
    }
    /*.fav i.fa-heart-o, .fav i.fa-heart {
            margin-left: 5px !important;
            position: relative;
            top: -2px;
        }*/

    .doc-avai-slot {
        top: 9px !important;
        left: 5px !important;
    }
}

@media only screen and (min-width: 810px) and (max-width: 815px) {

    /*.chck_ol {
        left: 24px !important;
        top: 0px !important;
    }*/
    .doc-avai-slot {
        float: left !important;
        top: 12px !important;
        left: 29px !important;
    }
}

@media only screen and (min-width:2480px) and (max-width: 2600px) {

    .fav_dct .chck_ol {
        left: 24px !important;
    }
}

@media only screen and (min-width:1280px) and (max-width: 2600px) {
    .vdeo-cntr {
        position: relative;
        right: 130px;
    }

    .vdeo-cntr2 {
        position: relative;
        right: 108px;
    }
}


@media screen and (orientation:landscape) and (min-width: 667px) and (max-width: 668px) {

    .d-category .list-our-departments {
        padding: 8px 168px 0px 134px;
    }

    #wrapper .header-wrapper #header .menu {
        top: 68px !important;
    }
}

@media screen and (orientation:landscape) and (min-width: 736px) and (max-width: 737px) {

    .d-category .list-our-departments {
        padding: 8px 168px 0px 134px;
    }

    #wrapper .header-wrapper #header .menu {
        top: 68px !important;
    }
}

@media screen and (orientation:landscape) and (min-width: 736px) and (max-width: 737px) {
    .LowerStrip {
        bottom: 92px;
    }

    .carousel-caption {
        top: 35% !important;
        left: 48px;
    }
}

@media screen and (orientation:landscape) and (min-width: 812px) and (max-width: 813px) {
    .col-sm-6 {
        width: 100%;
    }

    .browse-prac-width {
        width: 50% !important;
    }

    .thumb {
        height: 380px;
    }

    .how-it-works-step-2 {
        right: 43px;
    }

    li#notification {
        display: none !important;
    }

    .element-item {
        width: 49.666667%;
    }

    .serch-pract {
        background-color: #0496bf;
        color: white;
        font-size: 23px;
        margin: 15px auto !important;
        display: block;
        width: 102%;
        padding: 4px 0px;
    }

    .media-left {
        padding: 0px 277px;
    }

    .Audio-center {
        margin: 0 auto;
    }
}

@media screen and (orientation:landscape) and (min-width: 568px) and (max-width: 569px) {
    .header-wrapper #header .menu li .dropdown:hover > div {
        display: block;
        height: 111px !important;
    }
}

@media screen and (orientation:landscape) and (max-width: 812px) {
    .header-wrapper #header .menu li .dropdown:hover > div {
        display: block;
        height: 150px;
    }
}


@media screen and (orientation:landscape) and (min-width: 1024px) and (max-width: 1025px) {



    .frm_search_prac_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        color: #545454 !important;
        margin-right: 2px;
        float: right;
        font-weight: inherit;
        position: relative;
        right: -1px;
    }
}

@media only screen and (min-width:320px) and (max-width: 321px) {
    div#myDropdown {
        height: 307px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 769px) {

    .browse-pract-overlay {
        min-height: 1050px !important;
    }

    .testimonial {
        text-align: center;
        margin: 85px 0px 0 !important;
    }

    #form0 li.token-input-token-facebook {
        position: relative;
        top: 2px;
    }

    #form0 ul.token-input-list li input {
        padding: 7px 7px;
    }

    .pack-btn-ipad {
        margin: 0 10px 10px 66% !important;
    }

    .box-align {
        margin-left: 0px !important;
    }

    .enble-dsble-btn {
        padding-top: 36px;
    }

    .enbl-dsble {
        position: absolute;
        margin-right: 118px;
        font-size: 11px;
    }

    .ipad-pad-sec {
        padding-bottom: 42px !important;
    }

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

    .cust-wid-2 {
        width: 21.666667%;
    }

    .cust-wid-1 {
        width: 13.333333%;
    }

    .cust-div-wid {
        margin-top: 10px !important;
    }


    .fav-width {
        width: 50%;
    }


    .right {
        display: none;
    }

    .reconnective-text, .nlp-text, .guided-text, .reiki-text, .pranic-text, .thetahealing-text, .lifecoaching-text {
        padding-top: 1px !important;
        padding-bottom: 37px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .ipad-cal {
        width: 98.3%;
    }

    .horizontal-calender .form-group .controls {
        float: left;
        width: 100%;
    }

    .message-center .btn {
        width: 100%;
    }

    .ipad-heart {
        position: relative;
        top: 0px !important;
    }

    .overlay-text {
        font-size: 19px !important;
        top: 33px !important;
    }
}

@media only screen and (max-width: 766px) {
    .message-center .btn {
        width: 100%;
        min-width: 40px !important;
    }

    .fixed-table-pagination .pagination-detail {
        font-size: 14px;
    }

    .horizontal-calender .form-group .controls {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .dropdown-content1 {
        right: -7% !important;
    }

    .enble-dsble-btn {
        padding-top: 36px;
    }

    .li-cust {
        border: none !important;
    }

    .per-left::after {
        left: 66px !important;
    }

    .gdpr-img-home {
        left: 145px !important;
        top: 10px;
    }

    .pos-vstxt {
        left: -38px !important;
    }

    .list-mb-0 {
        display: flex !important;
        justify-content: space-between;
        border-bottom: 0px !important;
        padding: 0px !important;
    }

    .li-txt-cen-2 > span {
        float: none !important;
    }


    .btn-lrg-standard {
        padding: 0px 10px !important;
        margin: 0 !important;
        font-size: 18px !important;
        width: 100% !important;
        margin-left: -8px !important;
    }

    .my-fav-hert {
        top: 3px !important;
    }

    .my-favhour {
        color: #68c8cb;
        border-radius: 5px;
        font-weight: 600;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {

    .head-2 {
        font-size: 21px !important;
    }

    .btn-book-slot {
        min-width: auto;
        font-size: 12px;
    }

    .cus-padd-lr {
        padding: 0px 0px 12px 4px;
    }

    .package-session-list .hc-default-btn {
        margin-top: 15px;
    }
}

@media only screen and (min-width:1100px) and (max-width:1299px) {

    .chat-mob-hgt {
        height: 49vh !important;
    }

    .brw_list {
        margin-top: 20px;
        padding-right: 2px !important;
    }

    .cus-padd-lr {
        padding: 0px 0px 12px 4px;
    }

    .cust-bord > .token-input-list > .token-input-token-facebook p {
        width: 80px !important;
    }

    .row.hello {
        margin-left: -75px;
    }
    
    .head-txt-2 {
        margin: -5px 0px 0px 0px;
        font-size: 58px;
    }

    .pd-lft-inp {
        width: 55%;
    }

    .cust-wid-1 {
        width: 12.333333%;
    }
}

@media only screen and (min-width:1300px) and (max-width: 1400px) {



    .cust-bord > .token-input-list > .token-input-token-facebook p {
        width: 87px !important;
    }

    ul.token-input-list li input {
        border: 0;
        width: 350px;
        padding: 12px 8px;
        background-color: #fff;
        -webkit-appearance: caret;
        font-family: 'Raleway',sans-serif;
        font-size: 15px;
    }

    .small, small {
        font-size: 75%;
    }

    .billing-info h2 {
        font-size: 20px !important;
    }
}

@media only screen and (min-width:1300px) and (max-width:1500px) {




    .media-left a img {
        height: 150px;
        width: 150px;
    }

    .profileImage-Overlay {
        width: 150px !important;
        height: 150px !important;
    }

    .rat-star-brp {
        position: relative;
        top: 0px;
        left: -5px;
    }


    .pd-lft-inp {
        width: 69%;
    }

    .cust-bord > .form-control-facebook > li.token-input-token-facebook {
        top: 7px !important;
    }
}

@media only screen and (min-width:1501px) and (max-width:1800px) {

    .head-txt-2 {
        margin: -5px 0px 0px 0px;
        font-size: 58px;
    }

    .pd-lft-inp {
        width: 65%;
    }
}

@media only screen and (min-width:1801px) {


    .chat-mob-hgt {
        height: 56.7vh !important;
    }

    .search-bar-home {
        width: 100% !important;
        max-width: 100%;
        height: 58px !important;
    }

    .head-txt-2 {
        margin: -5px 0px 0px 0px;
        font-size: 58px;
    }

    .pd-lft-inp {
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {

    .review-row-cs .review-block {
        display: block !important;
    }

    .table-responsive.overflow-table {
        border: 0;
    }

    .video-page-message p {
        font-size: 28px !important;
        line-height: 40px !important;
        width: 100%;
        padding: 15px 15px;
        margin-bottom: 0 !important;
    }

    ul.list-unstyled.list-disc {
        margin-bottom: 0;
    }

    .res-prmo-field {
        float: none !important;
        display: flex;
        margin-bottom: 15px;
    }

    .landing-btn {
        padding: 3px 14px;
        transition: all 0.3s;
        font-family: var(--primary-font);
        font-size: 12px;
        margin: 3px 0px 10px 0;
    }

    .pitch-txt {
        text-align: center !important;
    }

    .crd-img-wid {
        width: 100px;
        margin: 0 auto;
    }

    .crowd-txt {
        font-size: 14px;
        text-align: center;
    }


    .login-padding {
        padding: 0px 0px 0px 0px !important;
    }

    .d-category {
        background: #f6f6f6;
        margin-bottom: 7px;
        margin-top: 0px;
        height: auto;
    }

    .banner-head {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 19px;
        line-height: 18px;
    }

    .tab-desk-view {
        display: none !important;
    }

    .popup {
        height: 144px;
    }

    .content {
        margin-bottom: -3px !important;
    }

    .bx-next, .bx-prev {
        width: 25px !important;
        height: 25px !important;
    }

    .forgot {
        margin-top: 0px;
    }

    .portal .section-heading .carousel-control {
        right: -9% !important;
    }

    .img-modalities {
        background-image: none;
        background-color: #14a6cf;
        background-position: 100% 100% !important;
    }

    .cust-bord {
        width: 308px !important;
    }

    .ns-close {
        width: 24px !important;
        height: 24px !important;
        right: 9px !important;
        top: 3px !important;
    }

    .how-it-w {
        padding: 35px 0px;
    }

    div#sendMessage {
        padding-right: 0px !important;
    }

    .book_sessn .container-fluid .ttl {
        font-size: 18px !important;
    }

    .carousel-caption {
        top: 36%;
        overflow-x: hidden;
    }

    .sec_tl {
        font-size: 21px !important;
        line-height: 23px !important;
    }

    .hppr a {
        width: auto !important;
    }


    .skdslider {
        height: 500px !important;
    }

    #demo1 li {
        list-style-type: none;
        background-position: 50% 100% !important;
    }

    #wrapper .header-wrapper #header .logo .lg1 {
        height: 200px;
        width: 200px;
        background-size: contain;
    }

    #footer #section-footer .contact-info > ul > li {
        float: none !important;
        text-align: center;
    }

    #section-footer {
        padding-top: 20px !important;
    }

    #wrapper #footer #section-footer .contact-info {
        margin-bottom: 0px !important;
    }



    #section-copyright div {
        text-align: center !important;
    }

    .carousel-caption hr {
        margin: 10px !important;
    }

    .lne {
        margin: 0 !important;
    }

    .page-header-scroll.menu-responsive {
        top: 80%;
    }
}

@media only screen and (max-width: 1024px) {

    .ipad-view {
        display: none;
    }

    .pd-lft-inp {
        width: 66.333333% !important;
    }

    .bg-img {
        height: 600px !important;
    }
}

@media only screen and (max-width: 1299px) {

    .user-imag {
        height: 135px !important;
        width: 135px !important;
    }

    .brw_frm {
        width: 23%;
    }

    .brw_list {
        float: right;
        width: 77.3%;
        margin-top: 7px;
        padding-right: 2px !important;
    }

    .browse-prac-width {
        width: 25%;
        padding: 0px 6px;
    }



    .rat-star-brp {
        position: relative;
        top: 0px;
    }

    .ther-fnt-wt {
        font-size: 12px;
    }

    .ScrollSearchFix {
        margin-top: -47px !important;
        width: 21.8% !important;
    }

    .CountName {
        display: inline-block;
        font-weight: 500;
        font-size: 12px;
    }

    .tooltil-ellip {
        width: 250px !important;
    }

    tooltip-ellip-2 {
        width: 80px;
    }

    .small, small {
        font-size: 67%;
    }

    .doctor-info .isotope > ul > li .thumb .caption {
        padding: 15px 10px;
    }

    .doctor-info .isotope > ul > li .thumb .fav {
        left: 16px !important;
    }

    .chck_ol {
        left: 44px !important;
    }

    .cust-bord > .form-control-facebook > li.token-input-token-facebook {
        text-align: center;
        top: 6px;
    }

    .cust-bord > .token-input-list > .token-input-input-token-facebook > .placeholderClass {
        padding: 12px 8px;
    }
}

@media (min-width: 1199px) {
    .cont-cus-wid {
        width: 1170px;
    }
}

@media (min-width: 1300px) {
    .cont-cus-wid {
        width: 1400px;
    }

    .slots-custom-wid {
        width: 20%;
    }
}

@media (max-width: 1399px) {

    .mt-20 {
        margin-top: 14px !important;
    }
}

@media (min-width: 1300px) and (max-width:1600px) {

    section.main-Media {
        min-height: 150px !important;
    }

    .user-imag {
        height: 155px !important;
        width: 155px !important;
    }

    .brw_frm {
        width: 22%;
    }

    .brw_list {
        float: right;
        width: 78%;
        margin-top: 7px;
        padding-right: 2px !important;
    }

    .browse-prac-width {
        width: 25%;
        padding: 0px 6px;
    }

    .srch-modal {
        padding-top: 400px;
    }

}


@media (min-width: 1024px) and (max-width:1280px) {


    .container.banner-wid.srch-modal {
        margin-top: -200px;
    }

    ul.token-input-list.form-control-facebook {
        padding: 0px 0px;
    }

    .quest-head {
        margin: 0px 0 37px 0 !important;
    }
}

@media only screen and (min-width:1300px) and (max-width: 1500px) {

    /*.close-btn-bp {
			right: 300px !important;
		}*/

    .cust-container {
        width: 1300px;
    }

    ul.token-input-list li input {
        border: 0;
        width: 350px;
        padding: 12px 8px !important;
        background-color: #fff;
        -webkit-appearance: caret;
        font-family: 'Raleway',sans-serif;
        font-size: 15px !important;
    }

    .budget {
        display: block;
        height: 50px;
        border-radius: 0px;
        font-size: 15px;
    }

    .brw_frm {
        padding-right: 10px;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) {

    /*.close-btn-bp {
			right: 6% !important;
		}*/
    .srch-modal {
        margin-top: 0px !important;
    }

    .cust-bord > .token-input-list > .token-input-input-token-facebook > .placeholderClass {
        padding: 11px 8px;
    }

    .cust-container {
        width: 1400px;
    }
}

@media (min-width: 1601px) and (max-width: 1800px) {

    .mt-20 {
        margin-top: 18px !important;
    }

    .cust-container {
        width: 1500px;
    }

    .fnd-btton {
        height: 50px;
    }

    .cust-bord > .token-input-list {
        height: 50px !important;
    }

    .srch-modal {
        margin-top: -167px;
    }

    .background-image {
        height: 626px;
        background-position: center 36%;
    }
}

@media (min-width: 2400px) and (max-width: 2600px) {
    .cust-bord > .token-input-list {
        height: 50px !important;
    }

    .fnd-btton {
        height: 50px;
    }

    .container.banner-wid.srch-modal {
        margin-top: 141px;
    }

    ul.token-input-list.form-control-facebook {
        width: 100%;
    }

    .bgres-p {
        height: 750px !important;
    }
}

@media (min-width: 2100px) and (max-width: 2399px) {
    .cust-bord > .token-input-list {
        height: 50px !important;
    }

    .fnd-btton {
        height: 50px;
    }

    .container.banner-wid.srch-modal {
        margin-top: 91px;
    }

    ul.token-input-list.form-control-facebook {
        width: 100%;
    }
}

@media (min-width: 1801px) and (max-width: 1899px) {

    .cust-container {
        width: 1500px;
    }

    .cust-bord > .token-input-list {
        height: 50px !important;
    }

    .fnd-btton {
        height: 50px;
    }

    .background-image {
        height: 626px;
        background-position: center 36%;
    }
}

@media (min-width: 1900px) and (max-width: 2099px) {
    .cust-bord > .token-input-list {
        height: 50px !important;
    }

    .fnd-btton {
        height: 50px;
    }

    .container.banner-wid.srch-modal {
        margin-top: 127px;
    }

    ul.token-input-list.form-control-facebook {
        width: 100%;
    }

    .background-image {
        height: 764px;
        background-position: center 36%;
    }

    .mt-20 {
        margin-top: 18px !important;
    }
}

@media (max-width: 768px) and (min-width: 769px) {

    .find-btn {
        padding: 17px 41px !important;
    }

    .pos {
        margin-right: 20px !important;
    }

    .cust-bor-trial {
        height: auto;
    }
}


@media (min-width: 1025px) {
    .pract-no-res {
        margin: 1px 12px 8px 7px !important;
    }

    .desktophide {
        display: none;
    }

    .sort-btn {
        margin-left: 8px;
    }
}

@media (min-width: 1900px) {
    .sort-btn {
    }

    .cust-container {
        width: 1500px;
    }
}

@media (min-width: 768px) {

    .footer-logos div {
        float: right;
        margin-left: 15px;
    }

    #carousel-example-generic .carousel-indicators {
        bottom: -60px !important;
    }

    /*.filter-brwo-prac .form-control-facebook, .browse-pracfilt-div .select2-container--default {
		margin-left: 3.1rem !important;
		width: 90% !important;
	}*/

    .refer-frp-tf {
        border-radius: 0px 0px 0px 0px;
        height: 40px;
        width: 268px !important;
    }

    .cust-modal-dia {
        width: 500px;
    }

    .left-ali-btns {
        display: flex;
        justify-content: center;
    }

    .db-ps-btn {
        display: block !important;
    }
}

@media (min-width: 769px) {
    .left-ali-btns {
        display: flex;
        justify-content: flex-end;
        position: relative;
        left: -31px;
        top: -11px;
    }
}

@media (min-width: 767px) {

    .border-book-sess {
        border-bottom: 0px !important;
    }

    /*.rev-short {
            margin-left: 16px !important;
        }*/
}



@media only screen and (min-width: 1024px) and (max-width: 1025px) {

    .btn-filter-myapp {
        margin-left: 0px !important;
    }

    .browse-pract-overlay {
        min-height: 936px !important;
    }

    .practitioners .carousel-control.right {
        right: -33px !important;
    }

    .box-align {
        margin-left: 8.2rem !important;
    }
}

@media only screen and (max-width: 767px) {

    .btn-prcprf {
        margin-bottom: 1rem;
        width: 100%;
    }

    .virgil-img img {
        width: 40% !important;
        margin-bottom: 1.5rem !important;
    }

    .btn-paynw {
        padding: 9px 15px !important;
    }

    .close-btn-mobile {
        right: 0px !important;
        margin-right: 19px;
        text-align: justify;
    }

    .client-sign-btn {
        margin-left: 15px !important;
        width: 93%;
    }

    .browse-pracfilt-div {
        min-height: 323px !important;
        max-height: 444px !important;
    }

    .testimonial {
        max-height: unset !important;
        min-height: 410px !important;
    }

    .browse-pract-overlay {
        padding-bottom: 130px !important;
    }

    .radio-bp input[type="radio"] + .radio-label-bp:before {
        top: 3px !important;
    }

    .radio-bp label {
        display: flex;
    }

    .lefBoxbp {
        font-size: 16px !important;
    }

    .paddiBrows {
        padding: 18px 23px !important;
        min-height: 293px !important;
    }


    .headertxt-browseprac-filter {
        font-size: 17px !important;
        margin-bottom: 2rem !important;
    }

    .loader-brow-prac {
        width: 300px !important;
        height: 300px !important;
        top: -33px;
    }

    .clnt-marg {
        margin: 0 !important;
    }

    .BookSess-homeBtn {
        margin: 6px 6px 11px 0px;
        font-size: 15px;
        width: 141px;
        min-width: auto;
        font-weight: 500;
    }

    .FreeSess-homeBtn {
        margin: 6px 6px 11px 0px;
        font-size: 15px;
        width: 145px;
        min-width: auto;
        font-weight: 500;
    }

    .head-1 {
        color: white;
        font-size: 29px !important;
        font-weight: 600;
        text-align: left;
        padding: 0px 20px;
    }

    .mt-10 {
        margin-left: 1px;
    }

    .clent-sgn-btn {
        margin-left: 15px;
    }

    .prc-hight {
        height: auto !important;
        line-height: normal !important;
    }

    .order_summry {
        width: 35px !important;
        height: 35px !important;
    }

    .left-ali-btns {
        text-align: center;
    }

    .shar-social {
        padding: 0px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .refer-head {
        padding: 0px !important;
    }

    .refer-subhead {
        padding: 0px !important;
    }

    .li-cust {
        border: none !important;
    }

    .gdady-sec-patc {
        position: relative;
        left: -14px !important;
    }

    .gdrp-logo {
        width: 40% !important;
        margin-top: 9px !important;
        margin-bottom: 0px !important;
    }

    .gdady-logo {
        width: 55% !important;
        margin-top: 0px !important;
    }

    .virgil-logo-gray {
        margin-top: 7px !important;
        margin-bottom: 4px;
        width: 100% !important;
    }

    .pal0 {
        padding-left: 0px;
    }

    .fnt-size-strip {
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 9px;
        display: block;
        text-align: center;
    }

    .micrphon-line-cans {
        width: 100%;
    }

    .padd-0 {
        padding: 0px;
        line-height: 35px;
    }

    .LowerStrip {
        position: relative;
        bottom: 112px;
        min-height: 40px !important;
    }

    .gdpr-img-home {
        left: 36px !important;
        width: 76px !important;
        top: 6px !important;
    }

    .drp_main li a {
        font-size: 17px !important;
    }

    .dropbtn1 {
        font-size: 18px !important;
    }

    .CouterHead {
        font-size: 14px;
        margin: 0px;
    }

    .mob-btn {
        display: flex;
        justify-content: flex-start;
        padding: 0px 0px 0px 0px;
    }

    .book-sess {
        line-height: 40px;
        background-color: #0098c7;
        -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        border-radius: 4px !important;
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-family: var(--primary-font);
        font-weight: 400;
        width: 141px;
        text-shadow: none;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
        border: none;
        margin: 0;
    }

    .mob-head-txt {
        color: white;
        font-size: 35px !important;
        font-weight: 600;
        text-align: left;
        padding: 0px 20px;
        text-shadow: 0.5px 0.5px 0.5px rgba(49, 49, 49, 0.68);
    }

    .carousel-caption {
        top: 22%;
    }

    .bg-img {
        height: 473px !important;
    }

    .gdpr-img {
        width: 103px !important;
        height: auto !important;
        position: relative !important;
        left: -2px !important;
    }

    .social-list {
        display: none;
    }

    .buttn-mesg {
        width: 250px;
        margin-left: 0px !important;
    }

    #lft-li {
        border-bottom: 0px solid #ffffff !important;
    }

    .list-box-list {
        display: -webkit-box;
    }

    .right-txt {
        text-align: unset !important;
    }

    .li-blist {
        display: inline-block !important;
        border-bottom: 0px solid #0b8fb3 !important;
    }
}

@media only screen and (max-width: 326px) {
    .btn-lrg-standard {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .lft-li {
        border-bottom: 0px solid #0b8fb3 !important;
        display: initial !important;
    }
}

@media only screen and (min-width: 1024px) {
    .enble-dsble-btn {
        padding-top: 36px;
    }
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 680px) {
    .online-offline {
        top: 0px;
    }

    .panel-title {
        font-size: small !important;
    }
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width: 320px) and (max-width:321px) {
    .forgot {
        margin-top: -37px !important;
        font-size: 12px;
    }

    .checkbox label, .radio label {
        font-size: 12px;
    }
}

@media (max-width: 401px) and (min-width: 320px) {
    .timeUl {
        top: 266px;
    }
}

@media (max-width: 400px) and (min-width: 344px) {
    .timeUl {
        top: 240px;
    }
}

@media (min-width: 401px) and (max-width: 491px) {
    .timeUl {
        top: 253px;
    }
}

@media (min-width: 492px) and (max-width: 767px) {
    .timeUl {
        top: 233px;
    }
}

@media (max-width: 767px) {

    .hr-cus-1 {
        display: grid;
        grid-template-columns: repeat(2, auto);
        grid-gap: 10px;
        margin-bottom: 30px;
    }

    #AppointmentCalendarContainer .modal-header .close {
        margin-top: 0px !important;
        margin-right: 39px !important;
    }
}



.teams-body aside.main-sidebar {
    display: none;
}

body.teams-body.sidebar-mini .content-wrapper, body.teams-body.sidebar-mini.sidebar-collapse .content-wrapper {
    margin-left: 0 !important;
}

.teams-body .page-wrapper.toggled .sidebar-wrapper {
    top: 0;
}

.teams-body .page-wrapper .page-content {
    padding-top: 0;
}

.teams-body .meditation-oci-content-block-inner .ph-oc-action-btn {
    display: none;
}

.teams-body .meditation-oci-content-block-inner.meditation-oci-content-block-inner-head {
    grid-template-columns: auto;
}

.teams-body .meditation-oic-course-content-wrapper .oic-poinets-wrapper {
    max-width: 100%;
}

.teams-body.sidebar-mini.sidebar-collapse .main-footer {
    margin: 0 !important;
    width: 100% !important;
}

.teams-body .content-wrapper {
    padding: 35px 55px 40px;
}

.teams-body .hc-live-dates {
    font-size: 16px;
}

.team-back-btn-wrapper {
    display: none !important;
}

.teams-body .headerinner-wrapper-learn .cus-conatiner-learn .df-jcsb {
    max-width: 100%;
    margin-left: auto;
    gap: 1.5rem;
}

.teams-body .hc-learn-browse-search {
    width: 100%;
}

.teams-body .team-back-btn-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    display: grid !important;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 10px;
    color: var(--secondary-color);
    cursor: pointer;
    z-index: 99;
}

.team-back-icon-wrapper {
    background-color: var(--secondary-color);
    padding: 8px 8px;
    font-size: 16px !important;
    border-radius: 50%;
    color: var(--white-color) !important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}

em.team-bck-btn {
    font-size: 15px !important;
    color: var(--white-color) !important;    
}

@media(max-width: 991px) {

    .team-back-btn-wrapper {
        left: 15px;
        grid-gap: 7px;
    }

    .team-back-icon-wrapper {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    em.team-bck-btn {
        font-size: 15px !important;
        color: var(--white-color) !important;
    }

    .teams-body .msger-header-new {
        margin-top: 0;
    }

    .teams-body header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
        position: relative;
    }

    .learn-search--overlay.teams-body header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
        position: initial;
    }

    .teams-body .headerinner-wrapper-learn .cus-conatiner-learn .df-jcsb {
        max-width: 100%;
        margin-left: 0px;
    }

    .learn-search--overlay.teams-body .headerinner-wrapper-learn .cus-conatiner-learn .df-jcsb {
        margin-left: 0;
    }
}

@media(max-width:1600px ) {
    .teams-body .content-wrapper {
        padding: 35px 40px 40px;
    }

    .teams-body .nd-greetings-user {
        font-size: 27px;
    }

    .teams-body .nd-label-head span {
        font-size: 13px;
    }

    .teams-body .ph-ma-upcoming-head {
        font-size: 13px;
    }

    .teams-body .nd-appointments-head {
        font-size: 15px;
    }

    .teams-body .dashboard-user .nd-dash-user img {
        width: 80px;
        height: 80px;
    }
}

@media only screen and (max-width: 1252px) {
    .teams-body .sidebar-wrapper {
        top: 36px !important;
    }
}

@media(max-width: 1025px) {
    .teams-body .ph-ot-header {
        display: none;
    }

    .teams-body .content-wrapper {
        padding: 20px 40px 40px;
    }
}

@media only screen and (max-width: 991px) {
    .teams-body .boxes-newdash-2 {
        grid-template-columns: auto;
        grid-gap: 35px;
        margin: 0px 0 20px;
    }

    .teams-body .thid-dashboard-row {
        margin-top: 10px;
    }

    .teams-body .learn-header-wrapper-al .hc-learn-browse-search {
        padding-left: 15px;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .teams-sidebar-modifier .nav-sidebar {
            padding-bottom: 10px !important;
        }
    }
}

@media(max-width: 767px ) {
    .teams-body .content-wrapper {
        padding: 15px;
    }

    .teams-sidebar-modifier .ebook-placeloader-main-wrapper,
    .teams-sidebar-modifier .ebook-main-container {
        display: none;
    }

    .main-sidebar .os-scrollbar.os-scrollbar-vertical {
        display: none;
    }
}

/* teams modifier sidebar*/
.teams-sidebar-modifier.sidebar-mini .main-sidebar .nav-item .virtual-assistance-icon p {
    margin-left: 19px !important;
}

.teams-sidebar-modifier.sidebar-mini .main-sidebar .nav-item p {
    color: var(--on-primary-color);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 22px;
    position: relative;
    top: 1px;
    white-space: nowrap;
}

.teams-sidebar-modifier .icon-sidebar.icon-sidebar-admin {
    width: 24px;
    height: 24px;
}

.teams-sidebar-modifier svg.icon-sidebar {
    width: 23px;
    height: 23px;
}

.teams-sidebar-modifier .virtual-assistance-icon .icon-sidebar {
    width: 23px;
    height: 23px;
}

.teams-sidebar-modifier .logout-newdash svg.icon-sidebar {
    width: 24px;
    height: 22px;
    position: relative;
    left: 4px;
}

.teams-sidebar-modifier .main-sidebar .nav-sidebar li a.activea p {
    color: var(--primary-color);
}

.teams-sidebar-modifier .brand-link .brand-image {
    width: 80px;
    height: auto;
}

.teams-sidebar-modifier.sidebar-mini .main-sidebar .brand-link,
.teams-sidebar-modifier.sidebar-mini .main-sidebar .user-panel .info span {
    display: none;
}

.teams-sidebar-modifier.sidebar-mini .main-sidebar li.sidebar-profile a {
    pointer-events: none;
    padding-top: 1.1rem;
}

.teams-sidebar-modifier.sidebar-mini .main-sidebar .nd-user-name {
    margin-bottom: 0;
}

.teams-sidebar-modifier.sidebar-mini .main-sidebar .user-panel .image {
    padding: 0 11px 0 1px;
}

@supports not (-webkit-touch-callout: none) {
    .teams-sidebar-modifier.sidebar-mini .wrapper .sidebar {
        height: calc(100vh - (1rem + 1px));
    }

    .teams-sidebar-modifier.sidebar-mini .wrapper .sidebar {
        height: calc(100vh - (1rem + 1px));
    }
}

@media (min-width: 992px) {
    .teams-sidebar-modifier.sidebar-mini .content-wrapper, .teams-sidebar-modifier.sidebar-mini .main-header {
        margin-left: 13.5rem !important;
    }

    .teams-sidebar-modifier.sidebar-mini .main-sidebar, .teams-sidebar-modifier.sidebar-mini .main-sidebar::before {
        margin-left: 0;
        width: 13.5rem !important;
    }

    .teams-sidebar-modifier.sidebar-mini .main-sidebar .user-panel > .info,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar .nav-sidebar .nav-link p,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar .brand-text,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar .logo-xl, .teams-sidebar-modifier.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar.sidebar-focused .nav-sidebar .nav-link p,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar.sidebar-focused .brand-text,
    .teams-sidebar-modifier.sidebar-mini .main-sidebar.sidebar-focused .logo-xl {
        display: inline-block;
        margin-left: 18px !important;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: visible;
    }

    .teams-sidebar-modifier.sidebar-mini .main-sidebar .nav-link,
    .teams-sidebar-modifier.sidebar-mini-md .main-sidebar .nav-link,
    .teams-sidebar-modifier.sidebar-mini-xs .main-sidebar .nav-link {
        width: 100% !important;
    }

    .teams-sidebar-modifier.sidebar-mini .nav-sidebar .nav-item .nav-link {
        margin: 8px 0px;
    }
}

@media (max-width: 1600px) {
    .teams-body .center-category input {
        width: 105px !important;
        height: 105px !important;
    }

    .teams-body .form-container .slide h1 {
        font-size: 1.5rem;
    }

    .teams-body .form-container form#questionnaire-form.category-page .category-quest-head {
        margin-bottom: 1rem !important;
    }

    .teams-body .center-category input[id="defaultInline6"] {
        width: 105px !important;
    }

    .teams-body .center-category input[id="defaultInline1"] {
        width: 105px !important;
        height: 105px !important;
    }

    .teams-body .form-container form#questionnaire-form.category-page .slide {
        height: 90vh;
    }

    .teams-body .form-container {
        padding: 0 10px;
    }

    .teams-body .select-category .symtom-text-bottom {
        font-size: 0.96rem;
    }

    .teams-body .select-category .symtom-text {
        font-size: 1.05rem;
    }

    .teams-body .center-category input[type="checkbox"]:after {
        width: 90px !important;
        height: 90px !important;
    }

    .teams-body .center-category input:checked:before {
        width: 100px;
        height: 100px;
    }

    .teams-body .center-category input:checked::after {
        border: 3px solid var(--primary-color);
    }

    .form-container form#questionnaire-form {
        height: calc(100vh - 180px);
    }
}



@media (max-width: 991.98px) {
    .teams-sidebar-modifier.sidebar-mini .main-sidebar .nav-item .virtual-assistance-icon p {
        margin-left: 28px !important;
    }
}


.teams-sidebar-modifier .ph-manage-appoint-actions {
    text-align: center;
}

@media(max-width: 1550px) {
    .teams-sidebar-modifier .dashboard-hc-btn {
        min-width: 135px;
    }

    .teams-sidebar-modifier .ph-ma-actions-nd-btns {
        gap: 0.8rem;
    }
}

@media(max-width: 1440px) {
    .teams-sidebar-modifier .active-lc-tag::before,
    .teams-sidebar-modifier .active-lc-tag::after {
        top: -20px;
    }

    .teams-sidebar-modifier .hc-live-top-categories {
        padding-top: 2rem;
        overflow-y: hidden;
    }

    .teams-sidebar-modifier .hc-live-top-categories {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

@media(max-width: 1400px) {
    .teams-sidebar-modifier .ph-ma-actions-nd-btns {
        max-width: initial;
    }

    .teams-sidebar-modifier .ph-manage-appoint-actions .dash-appo-the-date {
        display: block;
        text-align: left;
    }

    .teams-sidebar-modifier .ph-ma-actions-nd-btns .dashboard-hc-btn {
        font-size: 0.8rem;
        flex: 1;
        max-width: 115px;
        min-width: 115px;
        padding: 6px 6px;
    }

    .teams-sidebar-modifier .ph-ma-actions-nd-btns {
        gap: 0.5rem;
    }

    .teams-sidebar-modifier .ph-dash-default-head h4 {
        font-size: 0.84rem;
    }
}


@media(max-width: 1280px) {
    .teams-sidebar-modifier .ph-ma-actions-nd-btns {
        gap: 0.7rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .teams-sidebar-modifier .ph-ma-actions-nd-btns .dashboard-hc-btn {
        font-size: 0.85rem;
        flex: 1;
        max-width: 130px;
        min-width: 130px;
    }

    .teams-sidebar-modifier .ph-dash-default-head h4 {
        font-size: 0.88rem;
        letter-spacing: normal;
    }
}

/*graph related fixes*/


.teams-body-new .main-sidebar .nav-sidebar > li > a.nav-link {
    flex-direction: row !important;
    padding: 0.6rem 0.35rem 0.6rem 0.8rem !important;
    gap: 0.575rem !important;
}

.teams-body-new .main-sidebar .nav-sidebar > li > a.nav-link p {
    justify-content: flex-start !important;
}

.teams-body-new .main-sidebar{
    --custom-sidebar-width: 14.7em;
}

.teams-body-new .main-sidebar .nav-sidebar li a.nav-link .icon.ni {
    right: -95px !important;
}

.teams-body-new .main-sidebar .brand-link {
    visibility: hidden;
    opacity: 0;
    min-height: 10px !important;
    margin: 0 !important;
    padding: 0;
    line-height: 0;
    overflow: hidden;
    height: 14px;
}

@media (min-width: 768px) {
    body.teams-body-new:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body.teams-body-new:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body.teams-body-new:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        --custom-sidebar-width: 14.7em;
    }
}

@media(max-width: 991px){
    .teams-body-new .main-sidebar, .main-sidebar::before {
        --custom-sidebar-width: 16.5em;
    }
}
/*base variable starts here*/
:root {
    --white-color: #ffffff; /* white */
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font: 'Plus Jakarta Sans';
    --box-padding: 1.4rem;
    --box-y-padding: 1.1rem;
    --default-gap: 1.6rem;
    --default-container-gap: 1.8rem;
    --bs-border-width: 0.5rem;
    --custom-sidebar-width: 210px;
    --content-grid-width: 240px;
    --pc-thumb-height: 9rem;
    --bs-border-radius-lg: 2.5rem;
    --border-radius-default: 1.15rem;
    --bs-border-radius: 1.15rem;
    --nav-min-height: 3.3rem;
    --default-sidebar-width: 380px;
    --default-sidebar-width-sm: 365px;
    --base-font-size-xxs: 0.76rem;
    --base-font-size-xs: 0.78rem;
    --base-font-size-sm: 0.8rem;
    --base-font-size: 0.84rem;
    --base-font-size-lg: 0.85rem;
    --base-font-size-xl: 0.875rem;
    --base-font-size-xxl: 0.91rem;
    --base-font-size-h1-lg: 2.5rem;
    --base-font-size-h1: 1.275rem;
    --base-font-size-h2: 1.25rem;
    --base-font-size-h3: 1.05rem;
    --base-font-size-h4: 1rem;
    --base-font-size-h5: 0.94rem;
    --base-font-size-h6: 0.76rem;
    --border-width-layout: 1px;
    --plm-light-purple: #CED2F6;
    --plm-dark-purple: #9895D8;
    --plm-light-green: #6df7de;
    --plm-light-green1: #E4FDF8;
    --plm-dark-green1: #76F6DD;
    --pb-light-yellow: #ffe1d7;
    --plm-light-yellow2: #FEFAE9;
    --plm-dark-yellow2: #F9E791;
    --plm-light-blue: #88c9ff;
    --plm-light-blue2: #EAF5FE;
    --plm-light-salmon: #f5a6ac;
    --plm-light-blue: #96cdfa;
    --plm-light-pink: #FFD4FA;
    --salmon-color: #f5a6ac;
    --plm-light-yellow: #fae697;
    --bs-table-striped-bg: rgb(221 223 233 / 38%);
    --p-btn-padding: 0.48rem 0.95rem;
    --p-btn-min-width: 7.75rem;
    --p-btn-min-width2: 6.625rem;
    --p-btn-min-height: 2.45rem;
    --p-border-width: 0.125rem;
    --dark-bg-txt: #173571;
    --icon-nav-wh: 1.07rem;
    --icon-nav-wh-lg: 1.32rem;
    --icon-nav-wh-xl: 1.32rem;
    --hh-wm: 4.063rem;
    --overdue-tc: #D33D44;
    --overdue-bg: #FDF2F2;
    --incomplete-tc: #0046A8;
    --incomplete-bg: #F5F2FD;
    --complete-tc: #17663A;
    --complete-bg: #EEFDF3;
    --chat-input-mh: 4.5rem;
    --def-sb-wid: 0.25em;
    --container-width: 2500px;
    --schedular-cal-wid: 1850px;
    --chat-gap: 0.9rem;
    --vir-ag-sb-wid: 385px;
    --primary-accent-color: #EF21AD;
}

    :root[color-mode="light"] {
        --theme-btn-hover: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.85);
        --theme-light-bg-def: hsl( var(--primary-hue), 35%, calc(50% * 0.1 + 89%) );
        --theme-light-bg-def-1: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 90%) );
        --theme-light-bg-def-2: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 80%) );
        --theme-light-bg-def-3: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 85%) );
        --theme-placeholder-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
        --theme-icon-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.75);
        --theme-border-layout: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.125);
        --input-bg-sel-theme: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-border-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
        --theme-border-3: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
        --input-bg-sel-theme-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --indigo-color: #0A162F;
        --layour-bg-color: rgb(255 255 255 / 75%);
        --content-bg-color: rgb(255 255 255 / 75%);
        --btn-light-bg: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --hsla-input-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        --card-btn-light-bg: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.04);
        --theme-primary-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        --th-dropdown-bg: rgb(255 255 255 / 35%);
        --th-dropdown-border: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-secondary-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        --theme-no-data-svg: hsl(var(--primary-hue), 50%, calc(50% * 0.1 + 60%));
        --bg-shade-lightness: 9%;
        --opacity-base-active-bg: 0.1;
        --text-color: hsl(0, 0%, 20%);
        --opacity-default-border: 0.12;
        --opacity-base: 1;
        --border-layout: rgb(255 255 255 / 63%);
        --table-head-bg: hsl( var(--primary-hue), 65%, calc(50% * 0.1 + 87%) );
        --wd-green-bg: #e8fff9;
        --wd-green-border: #e8fff9;
        --wd-blue-bg: #e4efff;
        --wd-blue-border: #deebff;
        --wd-purple-bg: #e6e2ff;
        --wd-purple-border: #e6e2ff;
        --wd-yellow-bg: #fffae4;
        --wd-yellow-border: #f9f1cd;
        --wd-pink-bg: #ffeffe;
        --wd-pink-border: #ffddfa;
        --on-primary-color: #363643;
        --p--border-1: #E2E8F0;
        --p-border-2: #D1D1DB;
        --primary-bg-color: #f2f3f4;
        --primary-text-inverse: #f7f4f4;
        --p-grey-1: #c5ccdd;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f1f1f1;
        --p-grey-4: rgb(249 249 252 / 80%);
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #0A162F;
        --p-btn-txt: #ffffff;
        --p-btn-hover: var(--theme-btn-hover);
        --input-border-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: var(--primary-color);
        --default-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
        --bg-default: #f6f6f7; /* default background is white */
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color-2: rgb(204 209 225);
        --primary-border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        --sec-light-color1: #4c4c4c;
        --sec-light-color2: #666666;
        --sec-light-color3: #808080;
        --sec-light-color4: rgba(79, 87, 98, 0.05);
        --sec-light-color5: #cccccc;
        --sec-light-color6: #e5e5e5;
        --sec-light-color7: #efefef;
        --sec-light-color8: #f6f6f7;
        --salmon-new-color: #f3a7ad;
        --salmon-new-color2: #F8CACD;
        --salmon-new-light-color: #fdbdc2;
        --nav-menu-color: #6A7895;
        --nav-menu-active-color: #eaeffb;
        --nav-menu-bg-color: #ffffff;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --yellow-color: #7e5f00;
        --green-color: #2e8d50;
        --light-green3: #ADFAEB;
        --red-color: #d00c0c;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #fff;
        --db-text-para: #B4BFD6;
        --skeleton-color-2: #eaeef7;
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: rgb(9, 9, 11);
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #0a88ed; /*light dark blue btn hover etc*/
        --primary-dark-color2: #2664BD;
        --primary-opacity-color: #ebf5ff; /* light blue with opacity*/
        --card-bg-color: #ffffff; /*card background*/
        --secondary-color: #0A162F; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #5f5f74; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #d8d9df; /* disable color */
        --disabled-light-color: #fafafa; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #FFAD98; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #F7F8FA; /*table row bg color*/
        --sidebar-bg-color: #FDFEFE; /*sidebar bg color*/
        --video-sidebar-bg-color: #F7FBFF; /*sidebar bg color*/
        --video-topnav-bg-color: #383838; /*sidebar bg color*/
        --blur-bg-color: rgb(246 250 253); /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(255 255 255 / 80%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #FFE2DB; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #DAEDFF; /*tag background color*/
        --tag-bg-body-color: #E9DDFC; /*tag background color*/
        --tag-bg-work-color: #DEFBEA; /*tag background color*/
        --tag-bg-addiction-color: #FFD6E2; /*tag background color*/
        --tag-bg-relsp-color: #FFD9B6; /*tag background color*/
        --tag-bg-pg-color: #FFF3B5; /*tag background color*/
        --tag-bg-soundscape-color: rgb(156 39 176 / 21%); /*tag background color*/
        --tag-bg-pastlive-color: #ebfdc6; /*tag background color*/
        --notification-bg-color: #FA3E3E; /*notification bg background color*/
        --modal-bg-color: rgb(19 22 31 / 88%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(79, 87, 98, 0.05); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --bg-default-pattern: #F7F8FA;
        --main-loader-bg: rgb(19 22 31 / 88%);
        --light-green: #62E3CA;
        --light-yellow: #F4DF7A;
        --light-salmon: #FC969D;
        --pb-light-purple: #E9DDFC;
        --pb-light-pink: #ffd6e2;
        --light-blue: #81C3FA;
        --placeholder-color: #b8bcc9;
        --link-color: #121217;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #f1f3f4;
        --light-grey-svg-stroke: #ffffff;
        --light-grey-main-circle: #f2f2f2;
        --dark-gradient-primary: #173571;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --blue-light-bg: #EAF5FE;
        /*---------box shadows---------*/
        --default-shadow: 0px 7px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 5px 10px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(0 0 0 / 25%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #ffffff; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #ADD5F5; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: rgb(180 191 214 / 36%); /*tag border color*/
        --profile-img-border-color: #f1f2f7; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --tag-bg-soundscape-border-color: #89189c; /*tag background border color*/
        --tag-bg-pastlive-border-color: #5c8b00; /*tag background border color*/
        /*---------buttons---------*/
        --dash-btn-bg-color: rgba(53, 155, 236, 0.08);
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/

        --background1: #ffffff;
        --text-white: #364a63;
        --glow1: #f3f3f3;
        --msg-sidebar: #fff;
        /*new colors*/
        --input-focus-dark: #ffffff;
        --chat-dark-bg-2: #fff;
    }

    :root[color-mode="dark"] {
        --p--border-1: #E2E8F0;
        --p-grey-1: #dbdfe8;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: #fbfbfc;
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #359BEC;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #0181e7;
        --input-border-1: #383E51;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: #78829A;
        --border-layout: #383E51;
        --bg-default: #010811;
        --default-shadow: 0 0.3rem 0.3rem rgba(140,152,164,.04) !important;
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color: #212b42;
        --sec-light-color1: #6b92e1;
        --sec-light-color2: #95b1e9;
        --sec-light-color3: #282c32;
        --sec-light-color4: #3B455C;
        --sec-light-color5: #010811;
        --sec-light-color6: rgb(24 24 26 / 53%);
        --sec-light-color7: #2b3249;
        --salmon-new-light-color: #fdbdc2;
        --salmon-new-color2: #F8CACD;
        --salmon-new-color: #f3a7ad;
        --nav-menu-color: #adadad;
        --nav-menu-active-color: #2b2b2b;
        --nav-menu-bg-color: #1f1f1f;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --green-color: #2E944E;
        --red-color: #ed0000;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #ffffff;
        --db-text-para: #adadad;
        --skeleton-color-2: #05111f;
        --plm-light-blue2: #b4d2ea;
        /*graph colors*/
        --dark-green: #39a361;
        --light-green: #62E3CA;
        --background1: #101924;
        --text-white: #ffffff;
        --glow1: #6d8fb9;
        --white-color: #1f1f1f; /* white */
        /*variable for chat page dark mode starts here*/
        --chat-dark-bg-1: #191E2E;
        --chat-dark-bg-2: #191E2E;
        --chat-dark-border-1: #1f1f1f;
        --chat-left-bubble: #2c2c2c;
        --chat-right-bubble: #024678;
        --chat-recommend-msg: #fb977d;
        --chat-bg-font: #e4e4e4;
        --chat-dark-border: #2b2b2b;
        --chat-dark-border-2: #565656;
        --chat-dark-border-3: #0461a5;
        --primary-dark: #c15337;
        --input-focus-dark: #003c6c;
        --gradient-dark-top: #447cad;
        --gradient-light-bottom: rgb(3 69 122);
        --light-grey-dark: #dddddd;
        --dark-back-bg: #05335c;
        --bg-default-box-shadow: 0px 1px 3px 2px rgb(52 52 52 / 37%);
        --dark-neo-box-shadow: 2px 2px 5px #000000, -2px -2px 5px #404040;
        --dark-primary-color: #359bec;
        --dark-overlay-bg: rgb(66 66 66 / 84%);
        --dark-gradient-primary: #005797;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --light-green3: #ADFAEB;
        --blue-light-bg: #3B455C;
        /*variable for chat page dark mode ends here*/
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #d1d1d1; /* light blue -D */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #1f1f1f; /*light dark blue btn hover etc*/
        --primary-opacity-color: #ebf6ff; /* light blue with opacity*/
        --card-bg-color: #191E2E; /*card background*/
        --secondary-color: #359bec; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #ffffff; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #3c3c3c; /* disable color -D*/
        --disabled-light-color: #363636; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --bg-default-pattern: #141414;
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #bf3f1e; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #191818; /*table row bg color*/
        --sidebar-bg-color: rgb(31 31 31); /*sidebar bg color*/
        --video-sidebar-bg-color: #1f1f1f; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: #1f2436; /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(31 31 31 / 84%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #d4674b; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #359bec; /*tag background color -D*/
        --tag-bg-body-color: #7946db; /*tag background color -D*/
        --tag-bg-work-color: #39a361; /*tag background color -D*/
        --tag-bg-addiction-color: #ff6c98; /*tag background color -D*/
        --tag-bg-relsp-color: #ff6d3f; /*tag background color -D*/
        --tag-bg-pg-color: #e19a2e; /*tag background color -D*/
        --notification-bg-color: #af0000; /*notification bg background color*/
        --tag-bg-soundscape-color: #b207cf;
        --tag-bg-pastlive-color: #639300; /*pastlive background color*/
        --tag-bg-pastlive-border-color: #639300; /*pastlive background border color*/
        --tag-bg-soundscape-border-color: #b207cf;
        --modal-bg-color: rgb(36 36 36 / 66%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(148, 204, 249, 0.21); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --dash-box-bg-color: #0a0a0b;
        --light-green: #39a361; /*d*/
        --light-yellow: #d1be14; /*d*/
        --light-salmon: #d55a3a; /*d*/
        --pb-light-purple: #7946db; /*d*/
        --pb-light-pink: #ff6c98; /*d*/
        --light-blue: #0058ab; /*d*/
        --placeholder-color: #78829A; /*-d*/
        --link-color: #62adff;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #141414;
        --light-grey-svg-stroke: #e4e4e4;
        --light-grey-main-circle: #e4e4e4;
        /*---------box shadows---------*/
        --default-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(31 29 29 / 71%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #141414; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #3a3a3a; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: #292e3c; /*tag border color*/
        --profile-img-border-color: #0a0a0b; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --main-loader-bg: rgb(0 23 58 / 82%);
        /*---------buttons---------*/
        --dash-btn-bg-color: #0461a5;
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/
    }

@media(min-width: 2000px) {
    :root {
        --schedular-cal-wid: 2250px;
    }
}

@media(max-width: 1800px) {
    :root {
        --pc-thumb-height: 8.5rem;
        --default-container-gap: 1.5rem;
    }
}

@media(max-width: 1750px) {
    :root {
        --custom-sidebar-width: 200px;
    }
}

@media(max-width: 1550px) {
    :root {
        --custom-sidebar-width: 190px;
    }
}

@media(max-width: 1450px) {
    :root {
        --default-gap: 1.35rem;
        --default-container-gap: 1.25rem;
        --default-sidebar-width: 350px;
    }
}

@media(max-width: 1350px) {
    :root {
        --box-padding: 1.1rem;
    }
}

@media(max-width: 991.98px) {
    :root {
        --default-gap: 1rem;
        --box-padding: 1rem;
        --default-container-gap: 1rem;
        --nav-min-height: 4rem;
    }
}

@media(max-width: 991px) {
    :root {
        --custom-sidebar-width: 12.5em;
    }
}

@media(max-width: 576px) {
    :root {
        --custom-sidebar-width: 16.5em;
    }
}


/*base variable ends here*/

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}


@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Kamerik105W00';
    src: url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*base css varibales for layout starts here*/
body {
    background: var(--grey-bg-6);
    font-size: var(--base-font-size);
}

.lead-head {
    font-family: 'Kamerik105W00' !important;
}

.dx-htmleditor-content .dx-mention {
    padding: 1px 0;
    border-radius: 2px;
    background-color: transparent;
    color: #007FFF;
    font-weight: 500;
}

.p-bord-bot1p {
    border-bottom: 1px solid var(--sec-light-color4);
}

.slimScrollBar {
    background: var(--default-border) !important;
    width: 5px !important;
}

.min-w-250px {
    min-width: 250px;
}

.min-w-225px {
    min-width: 225px;
}

.min-w-200px {
    min-width: 200px;
}

.p-circle-count {
    background: var(--dark-blue-color);
    width: 1.5rem;
    height: 1.05rem;
    border-radius: 0.85rem;
    color: var(--background1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 500;
}

    .p-circle-count.p-circle-count-green {
        background: var(--complete-tc);
    }

.p-circle-count-lg {
    width: initial;
    min-width: 3rem;
    height: 1.3rem;
    display: inline-flex;
}

.ph-default-link-hover:hover {
    text-decoration: underline;
}

.pos-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.def-avat-name-ini {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--base-font-size);
    border-radius: 50%;
    font-weight: 500;
}

a.brand-link.show-logo-team {
    display: none !important;
}

button {
    transition: all .3s;
}

.placeload-img-default {
    border: none !important;
    box-shadow: none !important;
}

.ph-placeload .loads {
    width: 100%;
    height: 9px;
}

.ph-placeload.placeload {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    min-height: initial;
}

/*js scroll left right*/
.js-scrollable-nav .p-defautlt-navs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.js-scrollable-nav {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Hide the overflowing content */
}

.js-left-arrow, .js-right-arrow {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
}

.js-left-arrow {
    left: 0;
}

.js-right-arrow {
    right: 0;
}
/*js scroll right left*/


.fw-500 {
    font-weight: 500;
}

.form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    font-size: var(--base-font-size);
    line-height: 1.35;
}

select,
.btn-custom-dd,
.dx-tag-wi .p-dx-dd-tt .dx-selectbox-container,
.p-sc-w,
.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-add-di,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-select2-input .select2-selection__arrow {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.888rem;
}

.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 1.25rem;
}

html[color-mode="dark"] select.form-control,
html[color-mode="dark"] .p-input-append.p-add-dd .dx-texteditor-input-container,
html[color-mode="dark"] .p-sc-w,
html[color-mode="dark"] .p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-add-di,
html[color-mode="dark"] .p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.p-input-append.p-add-si .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-input-append.p-add-si .dx-texteditor-input-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23404040' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Search' transform='translate(2.000000, 2.000000)' stroke-width='1.5'%3E%3Ccircle id='Ellipse_739' cx='9.76659044' cy='9.76659044' r='8.9885584'%3E%3C/circle%3E%3Cline x1='16.0183067' y1='16.4851259' x2='19.5423342' y2='20.0000001' id='Line_181'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 1.1rem;
    background-repeat: no-repeat;
}

.form-builder-wp select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A") !important;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    background-position: calc(100% - 0.88rem);
}

.p-input-append.p-add-si .dx-dropdowneditor-button {
    width: 43px;
}

.ph-header-1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-header-2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-sub-header-2 {
    font-family: var(--primary-font);
    margin: 5px 0 5px;
    font-size: 1.1rem;
    color: var(--on-primary-color);
    line-height: 1.45;
}

@media(max-width: 1600px) {
    .ph-header-1 {
        font-size: 28px;
    }

    .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 25px;
    }
}

@media(max-width: 1200px) {
    .ph-sub-header-2 br {
        display: none;
    }
}

@media(max-width: 992px) {
    .ph-header-1 {
        font-size: 26px;
        line-height: 38px;
    }

    .ph-header-2 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .ph-sub-header-2 {
        font-size: 18px;
    }
}

.ph-para-1 {
    font-size: 16px;
    line-height: 28px;
}

.ph-para-head {
    font-weight: 600;
}

.ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 35px;
}

.ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
}

.ph-default-para-wrapper .ph-para-1:not(:last-child) {
    margin-bottom: 20px;
}

.ph-para-dot {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
}

.ph-para-tick {
    position: relative;
    margin-left: 26px;
    padding-left: 33px;
}

    .ph-para-tick::before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.682 9.37458C28.1552 9.96308 27.6587 10.5528 27.1937 11.1413C26.9769 11.3896 26.7905 11.6378 26.5737 11.9163C26.9455 13.0631 27.1622 14.3031 27.1622 15.5746C27.1319 22.0846 21.8305 27.3863 15.3205 27.3863C8.81052 27.3863 3.5089 22.0846 3.5089 15.5746C3.5089 9.06464 8.81052 3.76302 15.3205 3.76302C17.3973 3.76302 19.3821 4.32127 21.0871 5.25127C21.6756 4.66277 22.2654 4.10452 22.8854 3.54627L23.2886 3.20477C20.9939 1.71774 18.2657 0.849487 15.3207 0.849487C7.19901 0.849487 0.595703 7.4528 0.595703 15.5745C0.595703 23.6962 7.19901 30.2995 15.3207 30.2995C23.4424 30.2995 30.0457 23.6962 30.0457 15.5745C30.0457 13.373 29.5492 11.2661 28.6822 9.37449L28.682 9.37458Z' fill='%23359BEC'/%3E%3Cpath d='M19.4739 11.2029C18.3574 12.5664 17.3039 13.9614 16.3122 15.3879C15.8157 16.1011 15.3205 16.8446 14.8555 17.5894L10.8872 12.6911C10.4222 12.1328 9.61566 12.0093 8.99566 12.4125C8.34417 12.846 8.18917 13.7143 8.62391 14.3658L13.6155 21.7742C13.739 21.9607 13.9255 22.1459 14.1423 22.2707C14.4208 22.4571 14.7308 22.5492 15.0408 22.5492C15.6293 22.5492 16.2808 22.2392 16.5593 21.7124C16.8378 21.2159 18.2328 18.6439 19.1628 17.249C20.0613 15.854 20.9913 14.4905 22.0145 13.1574C23.0063 11.8241 24.061 10.5224 25.1762 9.28236C26.2612 8.04236 27.4395 6.77086 28.6179 5.68574L28.6493 5.65426C29.2076 5.1275 29.2378 4.25925 28.7426 3.70101C28.2158 3.1125 27.3476 3.04951 26.7591 3.57749C25.3956 4.78599 24.1858 5.99574 22.9774 7.26587C21.7374 8.53737 20.5591 9.83912 19.4741 11.2026L19.4739 11.2029Z' fill='%23359BEC'/%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 17px;
        height: 17px;
    }

.ph-para-dot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

@media(max-width: 992px) {
    .ph-para-tick::before {
        top: 8px;
        width: 15px;
        height: 15px;
    }

    .ph-para-tick {
        position: relative;
        padding-left: 30px;
        margin-left: 0px;
    }

    .ph-para-dot::before {
        top: 9px;
    }

    .ph-para-dot {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
    }

    .ph-para-1 {
        font-size: 17px;
        line-height: 29px;
    }
}

.p-deleted-user {
    opacity: 0.45;
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    line-height: 1.3;
}

a {
    text-decoration: none;
}

p, label, button, a, input, button, select, textarea {
    font-family: var(--primary-font) !important;
}

.text-primary-color {
    color: var(--primary-color) !important;
}

.form-control::placeholder, input::placeholder {
    color: var(--placeholder-color);
    opacity: 0;
    visibility: hidden;
}

.p-with-20 {
    width: 20px;
}

.min-wid-ini {
    min-width: initial !important;
}

.ph-card, .appointment-div, .inbox-div, .prac-boxes-newdash-2 {
    padding: calc(var(--box-padding) * 0.9);
}

.ph-card,
.appointment-div,
.inbox-div,
.prac-boxes-newdash-2,
.p-nd-widget,
.p-eb-box,
.p-tl-box {
    position: relative;
    background: rgb(255 255 255 / 70%);
    border: 1px solid var(--theme-border-layout);
    border-radius: var(--bs-border-radius);
    box-shadow: 0px 1px 1px rgba(13, 41, 66, 0.04);
}

.main-sidebar {
    background-color: var(--grey-bg-6);
    padding: 0 0 0.2rem;
}

.dropdown-menu,
.p-dd-wp-content,
.p-ani-dropdown,
.tooltip:has(.p-si-ttw-white) .tooltip-inner {
    border: 1px solid var(--th-dropdown-border);
    border-radius: var(--bs-border-radius);
    background: var(--th-dropdown-bg) !important;
}

.p-ani-dropdown,
.dropdown-menu,
.tooltip:has(.p-si-ttw-white) .tooltip-inner {
    backdrop-filter: blur(25px);
}

.main-sidebar,
.main-header,
.sidebar-dropdown-menu,
.search-suggestions {
    background-color: transparent;
    background: var(--layour-bg-color) !important;
}

.search-suggestions .p-ss-feature {
    position: relative;
    padding: 0.45rem;
}

    .dropdown-menu-list-icon::before,
    .main-header::before,
    .main-sidebar::before,
    .sidebar-dropdown-menu::before,
    .search-suggestions .p-ss-feature::before,
    .ph-card::before,
    .appointment-div::before,
    .inbox-div::before,
    .prac-boxes-newdash-2::before,
    .p-nd-widget::before,
    .p-eb-box::before,
    .p-tl-box::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(35px);
        -webkit-backdrop-filter: blur(35px);
        top: 0;
        left: 0;
        z-index: -1;
    }

.dropdown-menu-list-icon::before {
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.main-sidebar::before {
    left: -1px;
}

.ph-card::before,
.appointment-div::before,
.inbox-div::before,
.prac-boxes-newdash-2::before,
.p-nd-widget::before,
.p-eb-box::before {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}


#txtDelete.form-control::placeholder,
#txtDelete input::placeholder,
#txtCaseNo input::placeholder,
#txtCaseNo.form-control::placeholder,
#txtGoalDelete.form-control::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete.form-control::placeholder,
#searchUsersInput.form-control::placeholder,
#searchUsersInput input::placeholder,
#searchpeoplesInput input::placeholder,
#searchpeoplesInput.form-control::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#PartnerUserID.form-control::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID.form-control::placeholder,
#FirstName.form-control::placeholder,
#FirstName input::placeholder,
#FirstName input::placeholder,
#FirstName.form-control::placeholder,
#LastName.form-control::placeholder,
#LastName input::placeholder,
#LastName input::placeholder,
#LastName.form-control::placeholder,
#DOB.form-control::placeholder,
#DOB input::placeholder,
#DOB input::placeholder,
#DOB.form-control::placeholder,
#JobTitle.form-control::placeholder,
#JobTitle input::placeholder,
#JobTitle input::placeholder,
#JobTitle.form-control::placeholder,
#Email.form-control::placeholder,
#Email input::placeholder,
#Email input::placeholder,
#Email.form-control::placeholder,
.delete-conf-iw input.form-control::placeholder {
    opacity: 1;
    visibility: visible;
}


.icon.ni.rating-star {
    color: #f39c12;
    font-size: 18px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
}

.modal-backdrop {
    background-color: rgb(28 29 30 / 64%);
    backdrop-filter: blur(6px);
}

html[color-mode="dark"] .modal-backdrop {
    background-color: rgb(1 8 17 / 59%);
}

.modal-backdrop.show {
    opacity: 1;
}

.ui-datepicker table {
    font-family: var(--primary-font);
}

@media(max-width: 767px) {
    .modal-title {
        max-width: 75%;
        margin: 0 auto;
    }
}

.modal-footer {
    justify-content: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
    background: transparent;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-bottom: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.nav-pills .nav-link {
    border-radius: 0;
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem 1rem;
}

.ph-default-box {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 20px;
    background-color: var(--card-bg-color);
}

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

.ph-form-group label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.ph-form-group input, .ph-form-group select, .ph-form-group textarea {
    background-color: var(--white-color);
    padding: .375rem 1rem;
    width: 100%;
    color: var(--primary-color);
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--secondary-color);
}

input.form-control:focus {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.45);
}

.ph-form-group textarea {
    height: initial;
    min-height: 120px;
}

.ph-default-box .ph-form-group input, .ph-default-box .ph-form-group select, .ph-default-box .ph-form-group textarea, .deactivate-text-area {
    border: 1px solid var(--input-border-1) !important;
}

.ph-para-text {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.ph-asterisk label {
    position: relative;
}

/*.ph-asterisk label::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    margin-left: 2px;
    line-height: 17px;
}*/

.form-control[disabled],
.p-small-input[disabled],
.form-control[readonly],
.form-control[disabled="disabled"],
.disabled-disabled button.btn-custom-dd,
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor,
select[disabled="disabled"],
.form-control[disabled] ~ .input-group-append span,
.form-group .dx-state-disabled.dx-widget {
    background-color: var(--disabled-light-color) !important;
    opacity: 1;
    cursor: default;
}

    .form-group .dx-state-disabled.dx-widget .dx-texteditor-input {
        background-color: var(--disabled-light-color) !important;
    }

    .form-control[disabled]:focus,
    .form-control[readonly]:focus,
    .form-control[disabled="disabled"]:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--input-border-1) !important;
    }

.text-underline {
    position: relative;
}

    .text-underline::after {
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M246.2 1.4999C240.4 1.1999 234.5 0.899902 228.6 0.599902C226.7 0.499902 224.7 0.499902 222.8 0.399902C218.6 0.299902 214.4 0.199902 210.2 0.0999023C207.9 -9.76548e-05 205.5 -9.76548e-05 203.2 -0.100098C202.5 -0.100098 201.8 -0.100098 201.2 -0.100098C199.7 -0.100098 198.2 -0.100098 196.6 -0.100098C189.7 -0.100098 182.8 -0.100098 175.9 -0.100098C174.3 -0.100098 172.6 -0.100098 171 -9.76548e-05C166.9 0.0999023 162.9 0.0999024 158.8 0.199902C154.2 0.299902 149.6 0.299902 145 0.399902C137.6 0.599902 130.1 0.799902 122.7 0.999902C118.4 1.0999 114.1 1.1999 109.8 1.2999C102.4 1.5999 95 1.8999 87.6 2.1999C83.5 2.3999 79.5 2.4999 75.4 2.6999C67.7 3.1999 60 3.5999 52.3 3.9999C48.2 4.1999 44.1 4.3999 40 4.6999C32.4 5.2999 24.7 5.9999 17.1 6.6999C15.5 6.7999 13.8 6.9999 12.1 7.0999C8.9 7.3999 5.6 7.8999 2.3 8.2999C2.1 8.2999 1.9 8.3999 1.7 8.3999C1.3 8.3999 1 8.5999 0.7 8.8999C0.2 9.3999 0 9.9999 0 10.5999C0 11.1999 0.2 11.7999 0.7 12.1999C1.1 12.5999 1.8 12.8999 2.3 12.8999C6.3 12.4999 10.2 11.9999 14.2 11.5999C17.9 11.2999 21.6 10.9999 25.3 10.6999C29.3 10.3999 33.3 9.9999 37.4 9.6999C39 9.5999 40.6 9.3999 42.3 9.2999C48.6 8.9999 54.8 8.5999 61.1 8.2999C65 8.0999 68.9 7.8999 72.8 7.6999C74.4 7.5999 76 7.4999 77.6 7.3999C83.8 7.0999 90 6.8999 96.2 6.5999C100 6.4999 103.7 6.2999 107.5 6.1999C108.8 6.1999 110 6.0999 111.3 6.0999C118 5.8999 124.7 5.7999 131.4 5.5999C135.1 5.4999 138.9 5.3999 142.6 5.2999C143.9 5.2999 145.3 5.1999 146.6 5.1999C153.5 5.0999 160.4 5.0999 167.4 4.9999C171.7 4.9999 176 4.8999 180.3 4.8999C187.6 4.8999 195 4.8999 202.3 4.9999C203.7 4.9999 205.2 5.0999 206.6 5.0999C210.7 5.1999 214.7 5.2999 218.8 5.4999C221.8 5.5999 224.9 5.6999 227.9 5.7999C230.1 5.8999 232.2 5.9999 234.4 6.0999C240.7 6.3999 247.1 6.7999 253.4 7.1999C255 7.2999 256.6 7.3999 258.2 7.4999C259.9 7.5999 261.7 7.6999 263.4 7.8999C263.7 7.8999 263.9 7.9999 264.2 8.0999C264.9 8.1999 265.5 8.1999 266.1 7.7999C266.7 7.4999 267.1 6.8999 267.3 6.2999C267.7 4.9999 266.9 3.5999 265.5 3.1999C264.3 2.8999 263.1 2.7999 262 2.5999C261.2 2.4999 260.4 2.3999 259.6 2.3999C258 2.1999 256.4 2.1999 254.9 1.9999C252.1 1.8999 249.1 1.6999 246.2 1.4999Z' fill='%23173571'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='267.6' height='12.9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 100%;
        height: 15px;
        background-repeat: no-repeat;
        left: 0;
        bottom: -3px;
    }

.input-text-only {
    padding: 0.6rem 0;
    display: block;
    color: var(--primary-color);
}


.logout-user .btn,
.hc-default-btn {
    border-radius: calc(var(--border-radius-default)* 1.25) !important;
}

@media(max-width: 768px) {
    .text-underline::after {
        bottom: -4px;
        background-size: 220%;
    }
}

/*container custumisation*/

.container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-md, .container-sm {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .container, .container-md, .container-sm {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
        margin: 0 auto;
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*base css varibales for layout ends here*/
/*profile image image border*/
.hc-live-profile-image img, .favourite-therapist-img, .live-classes-row-profile, .oc-pract img, .user-panel img, .steps-filter-single-pract-wrapper .ncd-learn-profil-img, .order-summary-inner-div .prac-name-div img, .review-img, .userProfileDiv img, .pracr-profile, .nd-review-img-name-wrapper img.nd-review-user, .testimonial-img-steps, .header-wrapper .drop-down-link img, .learn-search--overlay .learn-ovelay-search-mob-view, .dashboard-user .nd-dash-user img, .ph-default-img {
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    /*box-shadow: var(--profile-img-boxshadow);*/
    object-fit: cover;
    object-position: top;
}
/*profile image image border*/


/*css for header*/

/*sick slider controls starts here*/

.slick-dots {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 50%);
}

    .slick-dots li {
        display: inline-block;
    }

        .slick-dots li button {
            font-size: 0;
            border: 0;
            background-color: var(--disabled-light-color);
            line-height: 0;
            height: 10px;
            width: 10px;
            border: 2px solid transparent;
            border-radius: 50%;
            padding: 3px;
        }

        .slick-dots li.slick-active button {
            border: 2px solid var(--salmon-color);
            background-color: var(--salmon-light-color);
        }

        .slick-dots li:not(:last-child) {
            margin-right: 10px;
        }

.prev-ctrl, .next-ctrl {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
}

@media (max-width: 767px) {
    .prev-ctrl, .next-ctrl {
        display: none !important;
    }
}

.prev-ctrl {
    left: -10px;
}

.next-ctrl {
    right: -10px;
}

    .prev-ctrl.slick-disabled em, .next-ctrl.slick-disabled em, .prev-ctrl.slick-hidden em, .next-ctrl.slick-hidden em {
        color: var(--disabled-color);
        cursor: default;
    }

.ctrls-icon {
    width: 23px;
    height: 23px;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-disabled {
    opacity: 0;
}

.slick-prev, .slick-next {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
    font-size: 0;
    border: 1px solid var(--dash-btn-bg-color);
}

    .slick-prev:hover, .slick-next:hover {
        background-color: var(--white-color) !important;
    }

.slick-prev {
    left: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.slick-next {
    right: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
/*slick slider control ends here*/

.p-grey-bg-box {
    position: relative;
    padding: calc(var(--box-padding) * 0.75);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: var(--border-radius-default);
}

/*dark mode btns css starts here*/
:root[color-mode="light"] .dark-switch-btns .light--hidden {
    display: none;
}

:root[color-mode="dark"] .dark-switch-btns .dark--hidden {
    display: none;
}

.dark-switch-btns {
    position: initial;
    background-color: var(--input-border-1);
    min-width: 3.3rem;
    border-radius: 5rem;
    padding: 0.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    align-items: center;
    width: 3.125rem;
}

.color-mode__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    width: 1.62rem;
    height: 1.62rem;
    padding: 0;
}

    .color-mode__btn .iconly--icon {
        stroke: var(--primary-color);
    }

:root[color-mode="dark"] .dark-switch-btns .light--hidden {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    margin: 0;
}

/*dark mode btns css ends here*/


/*tooltip Css*/

/*All buttons*/
/*----dahsboard btn----*/

.play-btn-video {
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.main-wrapper-mood-track-step textarea::placeholder {
    color: #99a2b7 !important;
}

.continue-button:hover {
    background: var(--theme-icon-color);
    border-color: var(--theme-icon-color);
    color: #ffffff !important;
    text-decoration: none !important;
}

.browse-prac-btn {
    width: 139px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 5px;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 25px !important;
}

    .browse-prac-btn[disabled] {
        background-color: #bbbbbb;
        box-shadow: none;
        cursor: not-allowed !important;
        text-decoration: line-through #fff;
    }

    .browse-prac-btn:hover {
        color: #ffffff;
        background-color: #05a9af;
        border-color: #05a9af;
    }


.dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: 130px;
    margin-top: 3px;
    line-height: 20px;
}

.dashboard-user-inner button.dashboard-hc-btn.refer-therapist {
    width: 100%;
    min-width: initial;
    max-width: initial;
}

button.dashboard-hc-btn.refer-therapist {
    background-color: var(--p-btn-bg);
    color: var(--white-color);
    border-radius: var(--bs-border-radius);
    min-width: 140px;
    object-fit: cover;
    margin: 1rem auto 0;
}

button.dashboard-hc-btn.refer-therapist:hover {
    background-color: var(--primary-dark-color);
}

.nd-creator-hc-btn-wrapper .dashboard-hc-btn {
    font-size: 16px;
}

.hc-default-btn[disabled],
.p-btn-second-bord[disabled],
.js-qw-next.disabled,
.p-btn-small[disabled],
.p-btn-sec[disabled] {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}

/*buttons ends*/
/*css footer*/
footer.hcb-footer {
    background-color: var(--secondary-color);
    padding: 50px 0 40px;
    position: relative;
    margin-top: 100px;
    text-align: left;
}

.hcb-links-pri-ter,
.footer-wrapper-content-s-cols ul {
    list-style-type: none;
    padding: 0;
}

    .footer-wrapper-content-s-cols ul li a,
    .hcb-links-pri-ter li a,
    .footer-wrapper-content-t-cols a,
    .sales-press-links strong {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: left;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
        }

label.hcb-copyright {
    color: #ffff;
}

.footer-wrapper-content-f-row {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 30px;
}

.hcb-social-media {
    display: inline-grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 15px;
    align-items: center;
}

.ph-footer-social-security-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hcb-social-media a {
    display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
}

.hcb-social-media svg {
    fill: var(--white-color);
    width: 20px;
    height: 20px;
    display: inline-block;
}

.footer-wrapper-content-t-cols a,
.hcb-certificates li a,
.hcb-links-pri-ter li a {
    font-weight: 600;
}

.hcb-links-num, .hcb-links-email {
    margin: 0;
    display: inline-block;
    color: var(--white-color)
}

    .hcb-links-num:hover, .hcb-links-email:hover {
        margin: 0;
        display: inline-block;
        color: var(--white-color)
    }

.ph-connect-infos-media {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    grid-gap: 40px;
}

.hcb-footer-logo img {
    max-width: 115px;
    height: auto;
}

.footer-wrapper-content-s-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

    .footer-wrapper-content-s-cols p {
        color: var(--white-color);
        font-weight: 600;
        font-size: 17px;
    }

.footer-wrapper-content-f-cols {
    display: flex;
    align-items: flex-end;
}

.path-footer-icons {
    fill: #FFF;
    width: 20px;
    height: 20px;
    display: inline-block;
}

ul.hcb-links-pri-ter {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 23px;
}

svg.footer-pattern {
    max-width: 100%;
    width: 440px;
    position: absolute;
    right: -160px;
    bottom: -260px;
}

.hcb-footer-logo {
    margin-bottom: 25px;
}

label.hcb-copyright {
    color: #ffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.hcb-certificates svg {
    width: 100%;
    max-width: 300px;
}

.hcb-footer-dissclaimer {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 6px;
}

.footer-wrapper-content {
    position: relative;
    z-index: 99;
}

.hcb-footer hr {
    border-color: var(--chat-inbox-border-color);
    border-top: 1px solid;
}

.footer-lady {
    position: absolute;
    left: 0;
    top: -106px;
    max-width: 240px;
    z-index: 99;
}

.footer-wrapper-content-s-cols ul li a:hover {
    text-decoration: underline;
}

@media(max-width: 992px) {
    .ph-footer-social-security-wrapper {
        flex-direction: column;
    }

    .footer-lady {
        position: absolute;
        left: 0;
        top: -99px;
        max-width: 230px;
        z-index: 9999;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    .footer-wrapper-content-s-cols {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 15px;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
            font-size: 14px;
        }

    .footer-wrapper-content-t-cols a, .hcb-certificates li a, .hcb-links-pri-ter li a {
        font-weight: 400;
        font-size: 14px;
    }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        max-width: 100%;
        text-align: center;
    }

    svg.footer-pattern {
        max-width: 100%;
        width: 400px;
        position: absolute;
        right: -154px;
        bottom: -260px;
    }
}

@media (max-width: 767px) {

    .footer-wrapper-content-f-cols {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .footer-wrapper-content-s-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph-connect-infos-media {
        grid-template-columns: auto;
        align-items: center;
        grid-gap: 8px;
        justify-content: center;
        text-align: center;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: center;
    }

    .footer-wrapper-content-f-row {
        grid-template-columns: auto;
        grid-gap: 30px;
        align-items: center;
        text-align: center;
        grid-gap: 18px;
    }

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    ul.hcb-links-pri-ter {
        align-items: center;
        justify-content: center;
    }

    svg.footer-pattern {
        width: 380px;
        right: -160px;
        bottom: -254px;
        height: auto;
    }

    .hcb-links-pri-ter, .footer-wrapper-content-s-cols ul {
        margin-bottom: 0;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 6px;
        }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        margin-top: 6px;
        text-align: center;
    }

    .hcb-social-media svg {
        width: 32px;
        height: 32px;
    }

    hr.footer-line {
        margin: 5px 0 0;
    }

    .hcb-footer-logo {
        margin-bottom: 14px;
    }

    label.hcb-copyright {
        margin-bottom: 16px;
        margin-top: 8px;
    }

    .hcb-demo-last-btn.text-center.my-9 {
        margin: 10px 0 50px !important;
    }

    .hcb-certificates svg {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    footer.hcb-footer {
        padding: 70px 0 20px;
        margin-top: 80px;
    }
}

/*css for footer ends here*/

/*tables start*/
table tr td {
    border: none;
}

/*dashboard table start*/

/*dashboard table ends*/


/*tables ends*/

.hidden {
    display: none;
}

.icon.ni {
    font-size: 23px;
    /*    color: var(--primary-color);*/
}

a.moreless {
    color: var(--primary-color);
}



.p-custom-checkbox {
    display: flex;
    align-items: center;
    padding-left: 1.7rem;
    line-height: 1.58;
}

.p-custom-checkbox-wl.p-custom-checkbox {
    display: inline-flex;
    justify-content: center;
    position: relative;
    right: -0.19rem;
}

    .p-custom-checkbox-wl.p-custom-checkbox .custom-control-input {
        z-index: 1;
        width: 1.2rem;
        cursor: pointer;
    }

.p-custom-checkbox .custom-control-label::after {
    top: 0.01rem;
    left: -1.65rem;
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 79%;
    background-position: center;
}

.p-custom-checkbox .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    left: -1.6rem;
    top: 0.05rem;
}

.p-custom-checkbox .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 0;
    cursor: pointer;
    font-size: var(--base-font-size);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(18 18 23 / 50%);
    cursor: default;
    border: transparent;
}

.custom-checkbox .custom-control-input:disabled:checked {
    cursor: default;
}

.p-checkbox-2x {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.35rem;
}


/*calender customization starts here*/
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
    border-right: 1px solid var(--chat-inbox-border-color) !important;
}

span[data-cal-date] {
    font-size: var(--base-font-size) !important;
    color: var(--primary-color) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.cal-cell1.cal-cell.blocked-date {
    background-color: var(--input-border-1) !important;
}

.cal-month-day {
    padding: 6px !important;
}

/*calender customization ends here*/

/* top header css starts here*/
header.header-wrapper {
    transition: all .6s;
}

.headerinner-wrapper-learn {
    background-color: var(--white-color);
}

a.x-sign {
    border: 1px solid var(--primary-color) !important;
}

/*pattern starts*/

.nd-pattern-top, .nd-pattern-top-right {
    z-index: -1;
}

#wrapper {
    height: 100%;
    position: relative;
}

.nd-pattern-top {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    max-width: 325px;
}

.nd-pattern-top-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-35%);
    max-width: 300px;
    width: 100%;
    height: initial;
}

@media(max-width: 1600px) {
    .nd-pattern-top-right {
        max-width: 250px;
    }
}

/*only for  dashboard*/

.nd-pattern-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 220px;
    width: 100%;
}

@media(max-width: 1110px) {
    .nd-pattern-top {
        max-width: 30%;
    }

    .nd-pattern-top-right {
        bottom: 0;
        max-width: 25%;
        top: initial;
    }
}

@media(max-width: 767px) {
    .nd-pattern-top {
        max-width: 50%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

@media(max-width: 575px) {
    .nd-pattern-top {
        max-width: 75%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

/*dark mode pattern*/

/*.nd-dark-mode-pattern-top,
.nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}*/

html[color-mode="dark"] .nd-dark-mode-pattern-top,
html[color-mode="dark"] .nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}

/*patterns ends here*/
/* top header css starts here*/
.ph-bl-sections {
    padding-top: 130px;
}

.ph-header-main {
    font-size: 35px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: 75% auto;
}

.section-join-therapist .ph-header-main {
    margin-bottom: 50px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: auto 380px;
    grid-gap: 25px;
}

.cuation-icon {
    width: 20px;
}

.cuation-para {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    grid-gap: 15px;
    padding-left: 24px;
    margin-top: 55px;
}

@media(max-width: 1600px) {
    .ph-header-main {
        font-size: 28px;
    }
}

@media(max-width: 992px) {
    .ph-join-thep {
        grid-template-columns: auto 250px;
    }

    .ph-bl-sections {
        padding-top: 90px;
    }

    .ph-header-main {
        font-size: 28px;
        line-height: 40px;
    }

    .cuation-para {
        padding-left: 0px;
    }
}

@media(max-width: 767px) {
    .ph-join-thep {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 25px;
        justify-content: center;
    }
}

/*how it works page starts here*/

.ph-hiw-4x-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    align-self: stretch;
    margin-bottom: 45px;
}

.ph-why-plumm-inner {
    border-radius: 9px;
    width: 100%;
    padding: 16px;
    min-height: 310px;
}

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        background: var(--icon-bg-color);
        box-shadow: var(--icon-box-shadow);
        border-radius: 16px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

        .ph-why-plumm-inner .ph-4x-icon-wrapper svg {
            max-width: 36px;
        }

    .ph-why-plumm-inner h3 {
        color: var(--secondary-color);
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .ph-why-plumm-inner p {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 16px;
        line-height: 27px;
    }

.ph-hiw-ot {
    background: var(--ot-bg-color);
}

.ph-hiw-ct {
    background: var(--ct-bg-color);
}

.ph-hiw-oc {
    background: var(--oc-bg-color);
}

.ph-hiw-gm {
    background: var(--gm-bg-color);
}

/*how it works page ends here*/

.hiw-btns-signup {
}

.hiw-steps {
    margin: 60px 0 70px;
}

    .hiw-steps > .container, .hiw-plum-secure > .container {
        max-width: 1100px;
    }

.hiw-steps-1, .hiw-steps-3 {
    background: #F4F8FC;
}

.hiw-steps-1, .hiw-steps-2, .hiw-steps-3 {
    padding: 45px 0;
}

section.hiw-plum-secure {
    margin: 20px 0 150px;
}

.main-how-it-works .ph-para-dot {
    margin-left: 0;
}

.plumm-step-imgs {
    padding: 20px;
}

.main-how-it-works .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 15px;
}

.main-how-it-works .ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 45px;
}

@media(max-width: 1024px) {
    .ph-hiw-4x-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }

    section.hiw-plum-secure .ph-header-main {
        font-size: 24px;
        line-height: 35px;
    }
}

@media(max-width: 991px) and (max-width: 768px) {
    .plumm-step-imgs {
        padding: 20px;
        max-width: 55%;
        margin: 0 auto;
        display: block;
    }
}

@media(max-width: 767px) {
    section .hiw-steps.hiw-steps-1 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
    }

    .ph-hiw-lc-ri-content, .ph-hiw-li-rc-content {
        grid-gap: 30px;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-1 {
        margin-bottom: 0;
    }
}

@media(max-width: 545px) {
    .ph-hiw-4x-grid {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 30px;
        align-self: stretch;
        margin-bottom: 35px;
    }
}

.ph-hiw-lc-ri-content {
    display: grid;
    grid-template-columns: 65% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-li-rc-content {
    display: grid;
    grid-template-columns: auto 65%;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-left-right-wrapper {
    margin-top: 0px;
}


@media(max-width: 991px) {
    .main-how-it-works .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 15px;
    }

    .ph-hiw-lc-ri-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .ph-hiw-li-rc-content {
        display: grid;
        grid-template-columns: auto;
    }
}


@media(max-width: 768px) {
    .ph-hiw-lc-ri-content {
        grid-template-columns: auto;
    }
}

.ph-hiw-left-right-wrapper img {
    border-radius: 3px;
    box-shadow: var(--default-shadow);
}

/*how it works page ends here*/

/*css for contact us page starts here*/
.contact-us-form .ph-form-group input, .contact-us-form .ph-form-group select, .contact-us-form .ph-form-group textarea {
    border: 1px solid var(--chat-inbox-border-color) !important;
}


.contact-us-form .ph-form-group textarea {
    min-height: 150px;
}

.cu-mt {
    margin-top: 30px;
}

.section-contact-us .ph-header-main {
    margin-bottom: 25px;
}

.ph-get-in-touch .ph-para-1 em {
    font-size: 20px;
    display: inline-block;
    padding-right: 18px;
}

.ph-get-in-touch .ph-para-1 em, .ph-get-in-touch .ph-para-1 a {
    color: var(--primary-color);
}

.customer-service {
    margin-bottom: 50px;
}

@media(max-width: 992px) {

    .contact-us-form {
        margin-bottom: 55px;
    }

    .cu-mt {
        margin-top: 35px;
    }
}
/*css for contact us page ends here*/

/*css fot terms of use starts here*/
.mod-drop-col p, .mod-drop-col-1 p, .section-terms-use p, .section-terms-use li, .restriction-miandiv li, .header-underline li, .section-cookie-policy p {
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 16px;
}

.restriction-miandiv li, .section-terms-use li, .header-underline li {
    list-style-type: disc;
}

    .restriction-miandiv li:not(:last-child), .section-terms-use li:not(:last-child), .header-underline li:not(:last-child) {
        margin-bottom: 15px;
    }

.header-underline h1 span, .header-underline div span, .ph-bl-sections .text-title, .ph-bl-sections .text-title h3 {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.section-terms-use .text-title, .header-underline .text-title {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    margin-top: 25px;
}

.section-terms-use .table {
    color: var(--primary-color);
}

    .section-terms-use .table thead th {
        vertical-align: bottom;
        border: 1px solid var(--chat-inbox-border-color);
        background-color: var(--primary-color);
        color: var(--white-color);
        font-weight: 500 !important;
    }

    .section-terms-use .table td, .section-terms-use .table th {
        padding: .75rem;
        text-align: center;
        vertical-align: middle;
        border: 1px solid var(--chat-inbox-border-color);
        color: var(--secondary-color);
    }

.section-terms-use i.fa.fa-check {
    position: relative;
}

    .section-terms-use i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 700;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='%23359BEC' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 57' id='Layer_57'%3E%3Cpath d='M11.5,25.5a2,2,0,0,1-1.41-.59l-5.5-5.5a2,2,0,0,1,2.83-2.83l4.09,4.09L24.59,7.59a2,2,0,0,1,2.83,2.83l-14.5,14.5A2,2,0,0,1,11.5,25.5Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center center;
        top: -10px;
    }

.section-terms-use {
    margin-bottom: 160px;
}

@media(max-width: 992px) {

    .section-terms-use .table td, .section-terms-use .table th {
        white-space: nowrap;
    }

    .section-terms-use .text-title {
        display: flex;
        margin-top: 10px;
    }

    .header-underline h1 span, .header-underline div span,
    .plm-tou-heading {
        font-size: 18px;
    }

    .plm-tou-heading {
        padding-bottom: 0px !important;
    }

    .mb20 {
        margin-bottom: 12px;
    }

    .section-terms-use {
        margin-bottom: 80px;
    }
}
/*css fot terms of use starts here*/

/*css for request appointment page starts here*/

.section-reschedule-app .ph-default-box {
    border-radius: 13px;
    padding: 30px 20px;
    background-color: var(--card-bg-color);
}

/*css for request appointment page ends here*/

.ph-feedback-header {
    color: var(--primary-color);
    font-size: 22px;
    margin-bottom: 25px !important;
    display: inline-block;
    font-weight: 600;
    font-family: var(--primary-font);
}

.ph-feedback {
}

.control {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
}

.review-form label strong {
    color: var(--primary-color);
    font-weight: 600;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
    padding-right: 3px;
}

.ph-fdbk-pl .form-group label {
    text-align: left;
    display: block;
}

.ph-fdbk-pl .review-form label strong {
    text-align: left;
}

.ph-feedback .dg-maxc-maxc {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 20px;
}

.review-form:not(:last-child) {
    margin-bottom: 17px;
}

.review-form-row {
    margin-bottom: 20px;
}

.ph-feedback .ph-para-text {
    font-size: 14px;
}

.ph-feedback .control {
    padding-left: 36px;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 16px;
}

.ph-feedback {
    padding: 30px 25px 20px;
}

.after-feedback .main_summry {
    border: none;
    padding: 0;
}

    .after-feedback .main_summry tr:last-child td {
        padding-bottom: 20px;
    }

    .after-feedback .main_summry tr:first-child td:first-child {
        padding-top: 20px;
    }

/*css for payment link page starts here*/

.payment-link-form-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-link-form-inner-wrapper {
    max-width: 560px;
    margin: auto;
    padding: 25px 25px 0;
    width: 100%;
}

.ph-stripe-payment .form-control {
    height: 48px;
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--default-shadow);
}

.payment-link-form-inner-wrapper .form-group {
    margin-bottom: 30px !important;
}


.ph-stripe-payment {
    margin-bottom: 40px !important;
}

/*css for payment link page ends here*/

/*css for practices and practices inner pages starts here*/

.practices--testi-bg .row {
    display: initial;
}


.practices-gallery-main-div .row {
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .cust-header-wrapper {
        padding-top: 50px !important;
    }

    .all-pract-head {
        font-size: 26px !important;
    }

    .practices-inner-page h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
}


/*css for practices and practices inner pages ends here*/

.calneder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/*css for language change starts here*/

.weglot-widget .hc-default-btn {
    font-size: 16px;
}

.weglot-widget .contact-us-content {
    padding-bottom: 30px;
}

.weglot-widget .bah-content-text {
    max-width: 60%;
    margin-right: 26px;
}

.weglot-widget .btn-slot {
    min-width: 84px;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    width: initial;
}

.weglot-widget .ph-header .navbar-nav li a {
    padding: 10px 7px;
    font-size: 15px;
}

    .weglot-widget .ph-header .navbar-nav li a.x-login, .weglot-widget .ph-header .navbar-nav li a.x-sign {
        min-width: 115px;
        line-height: 27px;
    }

.weglot-widget .mental-health-care-boxes-items {
    padding: 20px;
    min-height: 280px;
}

    .weglot-widget .mental-health-care-boxes-items p {
        font-size: 15px;
    }

.weglot-widget .get-start-content .list-item-wrapper p br, .weglot-widget .ph-jat-banner-content p br {
    display: none;
}

.weglot-widget .contact-us-content .hc-default-btn {
    min-width: 330px;
}

.weglot-widget .ba-nav-wrapper {
    max-width: 100%;
}

.weglot-widget .ba-nav-wrapper {
    grid-gap: 12px;
    padding: 10px 0px;
}

    .weglot-widget .ba-nav-wrapper a.nav-link {
        font-size: 13px;
        padding: 12px 9px;
    }

.wg-drop.country-selector .wgcurrent {
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: 5px;
}

    .wg-drop.country-selector .wgcurrent:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646 0.646001C0.692446 0.599438 0.747622 0.562495 0.808367 0.537288C0.869112 0.512082 0.934233 0.499107 1 0.499107C1.06577 0.499107 1.13089 0.512082 1.19163 0.537288C1.25238 0.562495 1.30755 0.599438 1.354 0.646001L7 6.293L12.646 0.646001C12.6925 0.599513 12.7477 0.562637 12.8084 0.537477C12.8692 0.512318 12.9343 0.499369 13 0.499369C13.0657 0.499369 13.1308 0.512318 13.1916 0.537477C13.2523 0.562637 13.3075 0.599513 13.354 0.646001C13.4005 0.692489 13.4374 0.747678 13.4625 0.808417C13.4877 0.869157 13.5006 0.934257 13.5006 1C13.5006 1.06574 13.4877 1.13085 13.4625 1.19158C13.4374 1.25232 13.4005 1.30751 13.354 1.354L7.354 7.354C7.30755 7.40056 7.25238 7.43751 7.19163 7.46271C7.13089 7.48792 7.06577 7.50089 7 7.50089C6.93423 7.50089 6.86911 7.48792 6.80837 7.46271C6.74762 7.43751 6.69245 7.40056 6.646 7.354L0.646 1.354C0.599437 1.30756 0.562494 1.25238 0.537288 1.19163C0.512081 1.13089 0.499106 1.06577 0.499106 1C0.499106 0.934234 0.512081 0.869112 0.537288 0.808367C0.562494 0.747622 0.599437 0.692447 0.646 0.646001Z' fill='%238598BC'/%3E%3C/svg%3E%0A") !important;
    }

.weglot-widget .login-action-btns {
    margin-left: 15px;
}

.weglot-widget .ba-date-range-picker .report-range span {
    padding: 7px 10px;
    font-size: 14px;
}

@media(min-width: 992px) {
    .weglot-widget .phb-banner {
        background-position: right;
    }

    .weglot-widget .hcb-nav-menu li.navbar-nav-item a {
        padding: 8px 6px !important;
    }
}

@media (min-width: 1200px) {
    .weglot-widget .get-start-content .list-item-wrapper p {
        max-width: 45%;
    }

    .weglot-widget .ph-jat-banner-content p {
        max-width: 65%;
    }
}

.nd-subscription table tr,
.nd-subscription table tr td,
.nd-subscription .bootstrap-table .table thead > tr > th,
.nd-subscription .bootstrap-table .table,
.client-billing table tr,
.client-billing table tr td,
.client-billing .bootstrap-table .table thead > tr > th,
.client-billing .bootstrap-table .table,
.nd-my-app table tr,
.nd-my-app table tr td,
.nd-my-app .bootstrap-table .table thead > tr > th,
.nd-my-app .bootstrap-table .table {
    border: none !important;
}
/*css for language change ends here*/

/*core css*/

/*.bg-pattern{
    position: relative;
    overflow: hidden !important;
}

.bg-pattern::after,
.mood-tracker-pattern::before,
.ma-pattern::before {
    content: "";
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}

.ma-pattern::after,
.ma-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -160px;
    right: -30px;
    width: 335px;
    height: 335px;
    transform: rotate(81deg);
}

.ma-pattern::before {
    left: -66px;
    top: 50px;
    transform: rotate(-107deg);
    width: 140px;
    height: 120px;
}

.pattern-chat-therapist::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 146 146' style='enable-background:new 0 0 146 146;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M92.1,26.4c-8.6,4.5-18.3,6.6-27.4,9.9c-9.1,3.3-18.3,8.2-23.3,16.5c-5.1,8.3-4.6,20.6,3.3,26.3 c5.7,4.2,13.3,4,20.1,5.8c6.8,1.8,13.9,8.1,11.6,14.8c-2.5,7.3-14,8.6-15.9,16.1c-1.8,7.4,7.6,12.7,15.3,12.7s16.3-1.7,22.2,3 c4.2,3.3,6,9.3,10.8,11.7c4.8,2.5,11.1,0.3,14.7-3.8c3.6-4.1,5.3-9.5,6.7-14.8c8.2-31.2,11.2-63.6,8.8-95.8 c-0.6-7.6-1.6-15.7-6.6-21.5C116.3-11.1,103.8,20.3,92.1,26.4z'/%3E%3C/svg%3E%0A");
    top: -66px;
    right: -20px;
    width: 220px;
    height: 265px;
}

.mood-tracker-pattern::after,
.mood-tracker-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -110px;
    right: -100px;
    width: 335px;
    height: 335px;
    transform: rotate(35deg);
}

.mood-tracker-pattern::before {
    top: 195px;
    transform: rotate(-154deg);
}

.daily-affir-pattern::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M87.8,193.4c3.7,13.1,0.9,27.1,0.4,40.7c-0.6,13.6,2,29,13.1,37c13,9.5,32.2,4.1,43.7-7 c11.5-11.2,17.5-26.7,24.3-41.2c6.8-14.5,15.6-29.4,30-36.4c8.3-4,17.6-5.1,26.3-8.2c8.7-3,17.4-8.9,19.5-17.8 c3-12.7-8.4-25.2-6.7-38.2c1.9-14.2,17.6-21.5,26.3-32.8c12.4-16.2,8.4-41.3-5.8-56c-14.2-14.7-36.1-20-56.4-18 c-20.3,2-39.5,10.4-57.6,19.8c-39.1,20.3-75.4,46-107.7,75.9c-14.5,13.5-29.9,36.9-5.7,48C53.4,169.2,79.4,164.1,87.8,193.4z'/%3E%3C/svg%3E");
    top: -130px;
    right: -80px;
    width: 255px;
    height: 255px;
    transform: rotate(334deg);
}*/

:root[color-mode="dark"] .wg-drop.country-selector {
    background-color: var(--dark-back-bg);
    border-radius: 5px;
}

    :root[color-mode="dark"] .wg-drop.country-selector .wgcurrent {
        border: 1px solid var(--tag-border-color);
    }

    :root[color-mode="dark"] .wg-drop.country-selector ul {
        border: 1px solid var(--tag-border-color);
        background: var(--dark-back-bg);
    }

:root[color-mode="dark"] .hcb-footer hr {
    border-color: var(--tag-border-color);
}

@media(min-width: 768px) and (max-width: 1024px) {
    .weglot-widget .table-appointments .dashboard-hc-btn {
        min-width: 120px;
    }
}
/*css for language change ends here*/

.dm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .lm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .dm-cus-d-none {
    display: block;
}

:root[color-mode="dark"] .nd-placeload-preloader-oc .placeload {
    background: #1f1f1f;
}

:root[color-mode="dark"] .loads {
    background: #191818;
    background: linear-gradient(to right, #0a0a0b 8%, #0f0f13 18%, #0a0a0b 33%);
}

:root[color-mode="dark"] .nd-pattern-top, :root[color-mode="dark"] .nd-pattern-top-right {
    z-index: -1;
}

.learn-search--overlay header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}

/*css for lite cover page starts here*/
.body-ph-lite-cover {
    background-color: var(--bg-default-pattern);
}

.ph-lite-cover .ph-lite-cover-heading {
    padding: 4.4rem 0rem 3rem;
}

.ph-lite-cover .ph-header-2 {
    margin-bottom: 5px !important;
}

.ph-lite-cover .ph-para-dot {
    margin-left: 0px;
}

.ph-cust-logo-tl {
    position: absolute;
    z-index: 99999;
    top: 20px;
    left: 30px;
}

    .ph-cust-logo-tl img {
        max-width: 115px;
        height: auto;
    }

.ph-default-box-lite .form-group {
    margin-bottom: 25px !important;
}

.ph-lite-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}


.ph-stripe-payment #card-element {
    border: none !important;
}

.ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
    text-align: center;
}

.ph-lite-steps .ph-header-1 {
    margin-bottom: 37px !important;
}

.ph-lite-row {
    justify-content: center;
}

@media(max-width: 1024px) {
    section.ph-lite-cover {
        min-height: 65vh;
    }
}

@media (max-width: 991px) {

    .ph-lite-steps {
        margin-top: 20px;
    }

        .ph-lite-steps .ph-header-1 {
            margin-bottom: 20px !important;
        }
}

@media (max-width: 767px) {
    .ph-lite-cover .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-lite-form-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .ph-lite-cover .ph-header-1 {
        font-size: 21px;
        line-height: 35px;
    }

    .ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 15px;
        text-align: center;
    }

    .ph-sub-header-2 {
        line-height: 24px;
    }

    .ph-lite-cover .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-lite-cover .ph-para-1 {
        font-size: 15px;
        line-height: 25px;
    }

    .ph-default-box-lite {
        margin-top: 0px;
    }

    .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-default-box-lite {
        margin-bottom: 35px;
    }

    section.ph-lite-cover {
        margin-bottom: 4rem;
    }

    .ph-lite-cover .ph-lite-cover-heading {
        padding: 5.3rem 0rem 1.3rem;
    }
}


.hc-cp-email input[disabled="disabled"] {
    background-color: #d6dbe6;
}


html[color-mode="dark"] a.btn-book-slot:active {
    color: var(--chat-dark-bg-2);
}

/*dark mode logo*/

.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: flex;
    opacity: 0.9;
}

html[color-mode="dark"] .brand-link .dark-mode-logo {
    width: 66px;
    height: auto;
}

/*css for header*/



.is-login#ph-header {
    max-width: 225px;
    background-color: transparent;
    box-shadow: none;
    padding: 0.8rem 0rem;
}

#wrapper .is-login#ph-header #header {
    background: transparent;
}

#ph-header.is-login .ph-menu-wrapper,
#ph-header.is-login .plmm-header-action-btn {
    display: none !important;
}

#ph-header.is-login .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.is-login#ph-header.js-header-fix-moment {
    max-width: 100%;
}

@media(max-width: 1253px) {
    .is-login#ph-header .ph-navbar-toggle-btn {
        display: none !important;
    }

    .is-login#ph-header.ph-header .navbar {
        justify-content: flex-start;
    }

    .is-login#ph-header.ph-header {
        top: 0px;
    }

    #ph-header.ph-header .navbar img, #ph-header.ph-header .navbar > a {
        max-width: 95px;
    }

    .ph-header .navbar a {
        flex-grow: 1;
    }


    #ph-header.is-login .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.aster-all-field-com {
    margin-bottom: 0 !important;
    color: #d50000 !important;
    display: flex;
    align-items: center;
}

    .aster-all-field-com span {
        color: #af0000;
        font-size: 30px;
        line-height: 16px;
        display: inline-block;
        position: relative;
        top: 7px;
        margin-right: 7px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px;
}

/*default link*/
.refer-therapist.see-more-btn,
.ph-default-link,
.welcome-dash-moodal-link a {
    cursor: pointer;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
}

    .ph-default-link.ph-default-link-red {
    }

.password-hint ul {
    margin-bottom: 0 !important;
}

.password-hint {
    position: absolute;
    bottom: 0px;
    right: -245px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .3s;
    font-size: 14.6px;
    line-height: 25px;
    color: var(--on-primary-color);
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
    z-index: 1200;
}

.tooltip-arrow {
    position: absolute;
    bottom: 12px;
    left: -20px;
    width: 0;
    height: 0;
    border-color: transparent var(--chat-dark-bg-2) transparent transparent;
    border-width: 10px;
    border-style: solid;
}

    .tooltip-arrow::after {
        content: '';
        border-width: 11.5px;
        border-style: solid;
        border-color: transparent var(--chat-inbox-border-color) transparent transparent;
        top: -11px;
        left: -13px;
        position: absolute;
        z-index: -1;
    }

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: var(--sec-light-color4);
}

@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }

    .tooltip-arrow {
        bottom: -20px;
        right: 10px;
        left: initial;
        border-color: var(--chat-dark-bg-2) transparent transparent transparent;
    }

        .tooltip-arrow::after {
            border-color: var(--chat-inbox-border-color) transparent transparent transparent;
            bottom: -20px;
            right: 10px;
        }
}

a.focus-clsignup {
    color: var(--secondary-color);
    font-weight: 400;
    text-decoration: underline;
}

/*default dark border*/
html[color-mode="dark"] .btn-slot,
html[color-mode="dark"] .hc-default-btn.ph-promo-btn,
html[color-mode="dark"] .appointment-summary .table > tbody > tr > td {
    border-color: var(--chat-dark-border-2);
}

/*sweet alert modal */
html[color-mode="dark"] .sweet-alert {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--bg-default);
}

    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::before,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::after,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix {
        background: var(--bg-default);
    }

/*dark input*/
html[color-mode="dark"] .form-contact input, .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input, html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control, html[color-mode="dark"] .form-control,
html[color-mode="dark"] .emojionearea-wrapper .emojionearea-search input,
html[color-mode="dark"] .ph-form-group input,
html[color-mode="dark"] .ph-form-group select, html[color-mode="dark"] .ph-form-group textarea,
html[color-mode="dark"] .dx-texteditor.dx-editor-outlined,
html[color-mode="dark"] .dx-texteditor-input,
html[color-mode="dark"] .form-contact input,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input,
html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control,
html[color-mode="dark"] .form-control,
html[color-mode="dark"] .p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child,
html[color-mode="dark"] .p-html-editor .dx-quill-container.ql-container {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
    border: 1px solid var(--border-layout);
}

    html[color-mode="dark"] .form-contact input:focus, html[color-mode="dark"] .search-bar-input-wrapper input:focus,
    html[color-mode="dark"] .mood-track-text-area,
    html[color-mode="dark"].gify-search-input input {
        border: 1px solid var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
    border: none !important;
}

html[color-mode="dark"] .dx-radiobutton-icon::before {
    border-color: var(--chat-dark-border-2);
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-switch-container {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
}

    html[color-mode="dark"] .dx-switch-container .dx-switch-on {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

/*dark input select2*/

/*html[color-mode="dark"] .select2-container--default .select2-search--inline .select2-search__field {
    height: initial;
} */

html[color-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gradient-light-bottom);
    border: 1px solid var(--gradient-light-bottom);
}

html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field,
html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field:focus {
    box-shadow: none;
    border: none !important;
}

html[color-mode="dark"] .select2-dropdown {
    background-color: var(--bg-default);
    border: 1px solid var(--bg-default);
}

html[color-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .select2-container--default .select2-results__option--selected {
    background-color: var(--chat-dark-bg-1);
}
/*modal */
html[color-mode="dark"] .modal-header,
html[color-mode="dark"] .modal-content {
    background: var(--bg-default);
}

html[color-mode="dark"] .modal-header {
    border-color: var(--card-bg-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--on-primary-color);
}

html[color-mode="dark"] ::selection {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .btn-slot:hover, html[color-mode="dark"] .btn-slot:focus {
    color: var(--bg-default);
}

html[color-mode="dark"] .text-underline::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M246.2 1.6C240.4 1.3 234.5 1 228.6 0.7C226.7 0.6 224.7 0.6 222.8 0.5C218.6 0.4 214.4 0.3 210.2 0.2C207.9 0.1 205.5 0.1 203.2 0C202.5 0 201.8 0 201.2 0C199.7 0 198.2 0 196.6 0C189.7 0 182.8 0 175.9 0C174.3 0 172.6 0 171 0.1C166.9 0.2 162.9 0.2 158.8 0.3C154.2 0.4 149.6 0.4 145 0.5C137.6 0.7 130.1 0.9 122.7 1.1C118.4 1.2 114.1 1.3 109.8 1.4C102.4 1.7 95 2 87.6 2.3C83.5 2.5 79.5 2.6 75.4 2.8C67.7 3.3 60 3.7 52.3 4.1C48.2 4.3 44.1 4.5 40 4.8C32.4 5.4 24.7 6.1 17.1 6.8C15.5 6.9 13.8 7.1 12.1 7.2C8.9 7.5 5.6 8 2.3 8.4C2.1 8.4 1.9 8.5 1.7 8.5C1.3 8.5 1 8.7 0.7 9C0.2 9.5 0 10.1 0 10.7C0 11.3 0.2 11.9 0.7 12.3C1.1 12.7 1.8 13 2.3 13C6.3 12.6 10.2 12.1 14.2 11.7C17.9 11.4 21.6 11.1 25.3 10.8C29.3 10.5 33.3 10.1 37.4 9.8C39 9.7 40.6 9.5 42.3 9.4C48.6 9.1 54.8 8.7 61.1 8.4C65 8.2 68.9 8 72.8 7.8C74.4 7.7 76 7.6 77.6 7.5C83.8 7.2 90 7 96.2 6.7C100 6.6 103.7 6.4 107.5 6.3C108.8 6.3 110 6.2 111.3 6.2C118 6 124.7 5.9 131.4 5.7C135.1 5.6 138.9 5.5 142.6 5.4C143.9 5.4 145.3 5.3 146.6 5.3C153.5 5.2 160.4 5.2 167.4 5.1C171.7 5.1 176 5 180.3 5C187.6 5 195 5 202.3 5.1C203.7 5.1 205.2 5.2 206.6 5.2C210.7 5.3 214.7 5.4 218.8 5.6C221.8 5.7 224.9 5.8 227.9 5.9C230.1 6 232.2 6.1 234.4 6.2C240.7 6.5 247.1 6.9 253.4 7.3C255 7.4 256.6 7.5 258.2 7.6C259.9 7.7 261.7 7.8 263.4 8C263.7 8 263.9 8.1 264.2 8.2C264.9 8.3 265.5 8.3 266.1 7.9C266.7 7.6 267.1 7 267.3 6.4C267.7 5.1 266.9 3.7 265.5 3.3C264.3 3 263.1 2.9 262 2.7C261.2 2.6 260.4 2.5 259.6 2.5C258 2.3 256.4 2.3 254.9 2.1C252.1 2 249.1 1.8 246.2 1.6Z' fill='%230995FB'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .team-profile-img::after {
    height: 100px;
    background: linear-gradient( 0deg, var(--dark-gradient-primary) 54.88%, rgb(255 255 255 / 0%));
}

html[color-mode="dark"] footer.hcb-footer {
    background-color: var(--dark-back-bg);
}

html[color-mode="dark"] .hcb-social-media svg,
html[color-mode="dark"] .hcb-links-num,
html[color-mode="dark"] .hcb-links-email,
html[color-mode="dark"] .footer-wrapper-content-s-cols ul li a,
html[color-mode="dark"] .hcb-links-pri-ter li a,
html[color-mode="dark"] .sales-press-links strong,
html[color-mode="dark"] .footer-wrapper-content-t-cols a,
html[color-mode="dark"] .footer-wrapper-content-s-cols p,
html[color-mode="dark"] .hcb-footer-dissclaimer {
    fill: var(--secondary-color);
    color: var(--secondary-color);
}

html[color-mode="dark"] .hcb-footer-logo img {
    opacity: 0.8;
}

html[color-mode="dark"] .ad-aster::after {
    color: #af0000;
}

html[color-mode="dark"] .ba-nav-wrapper a.nav-link.active,
html[color-mode="dark"] .progress-step-list > li.active {
    color: var(--bg-default) !important;
}

/*bark hover*/
html[color-mode="dark"] .pac-item:hover {
    background-color: var(--dark-primary-color);
    color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .pac-item:hover .pac-item-query {
        color: var(--chat-dark-bg-2);
    }

/*ends here*/

/*dark step progress starts here*/
html[color-mode="dark"] .steps > *.done {
    background: var(--dark-primary-color);
}

    html[color-mode="dark"] .steps > *.done::before,
    html[color-mode="dark"] .steps > *.done::after {
        background: var(--dark-primary-color);
    }

/*dark tags*/

html[color-mode="dark"] .mood-track-step-feeling span,
html[color-mode="dark"] .selectedlist-btns-div .selected-list,
html[color-mode="dark"] .ph-qestions-options,
html[color-mode="dark"] .learn-skills-tag,
html[color-mode="dark"] .btn-slot {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

    html[color-mode="dark"] .mood-track-step-feeling .mood-track-active,
    html[color-mode="dark"] .selectedlist-btns-div .selected-list.selected,
    html[color-mode="dark"] .ph-qestions-options.active-option,
    html[color-mode="dark"] .learn-skills-tag.active-learn-tag,
    html[color-mode="dark"] .btn-slot:focus {
        background-color: var(--dark-primary-color) !important;
        border: 1px solid var(--dark-primary-color);
        color: var(--icon-bg-color)
    }

@media (min-width: 1025px) {
    html[color-mode="dark"] label.selected-list:hover {
        border: 1px solid var(--dark-primary-color);
        color: var(--on-primary-color);
        background: var(--bg-default) !important;
    }

    html[color-mode="dark"] .mood-track-step-feeling span:hover,
    html[color-mode="dark"] .ph-qestions-options:hover,
    html[color-mode="dark"] .learn-skills-tag:hover,
    html[color-mode="dark"] .btn-slot:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

/*ends here*/

html[color-mode="dark"] .list-group-item {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .custom-billing-balance .list-group-item-success {
    background-color: var(--chat-right-bubble);
    padding: 10px 15px;
    border-radius: 3px;
}

/*checkbox ui chnages starts here*/

html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before,
html[color-mode="dark"] .partners-login .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .partners-login .hc-radio-check [type=radio] + label::after {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--bg-default);
}

html[color-mode="dark"] .radio-bp input[type="radio"]:checked + .radio-label-bp:before,
html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 5px var(--chat-dark-bg-1);
}

html[color-mode="dark"] .book-summary .panel-haed.active .radio input[type="radio"] + .radio-label:before {
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    background: var(--chat-dark-bg-1);
}
/*starts here*/
html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::after {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before,
html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .hc-radio-check [type=radio]:checked + label::before {
    background-color: var(--primary-color);
}
/*ends here*/

/*checkbox starts here*/

html[color-mode="dark"] .control:hover input:not([disabled]):checked ~ .control__indicator,
html[color-mode="dark"] .control input:checked:focus ~ .control__indicator,
html[color-mode="dark"] .control__indicator {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .control__indicator {
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--dark-primary-color);
}

/*dark scheduler starts here*/
html[color-mode="dark"] .dx-tab.dx-state-hover {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-popup-title {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-overlay-content .dx-toolbar-label .dx-toolbar-item-content > div {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] .dx-overlay-shader {
    background-color: var(--dark-overlay-bg);
}

html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3);
}

    html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content:hover {
        background-color: var(--input-focus-dark) !important;
        border: 1px solid var(--chat-dark-border-2) !important;
    }

html[color-mode="dark"] .dx-toolbar-items-container .dx-item-content .dx-button-mode-contained {
    background-color: transparent;
}

html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button,
html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button.dx-state-hover {
    background-color: var(--chat-dark-border) !important;
}

html[color-mode="dark"] .form-group .chek-para,
html[color-mode="dark"] .form-group .para-text {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
    border-bottom: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-header-panel-cell {
    border-left: 1px solid var(--chat-inbox-border-color);
    border-right: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-scheduler-work-space {
    border-color: var(--chat-inbox-border-color);
}

/*chat therapist tag*/


html[color-mode="dark"] .chat-therapist-left-side label.nd-tag,
html[color-mode="dark"] .welcome-dash-moodal-names label.nd-tag
html[color-mode="dark"] .filtered-tags-btns {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .oic-banner-hero__title {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .hc-percentage-satisfication svg {
    opacity: 0.8;
}

html[color-mode="dark"] .already-booked {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-inbox-border-color);
    opacity: 0.5;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #ccc;
}

    html[color-mode="dark"] .already-booked:hover,
    html[color-mode="dark"] .already-booked:focus {
        background-color: var(--bg-default) !important;
        border: 1px solid var(--bg-default) !important;
        color: var(--secondary-color) !important;
    }

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag.active-learn-tag {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag:hover {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color) !important;
}

html[color-mode="dark"] .daterangepicker .drp-buttons .btn {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .center-category input:checked:before {
    background-color: rgb(53 155 236 / 70%);
}

html[color-mode="dark"] .wg-drop.country-selector ul li a {
    color: var(--primary-color);
}


/*css for datepicker*/
html[color-mode="dark"] #ui-datepicker-div.ui-widget-content {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
    border: 1px solid var(--chat-dark-border-1) !important;
}

html[color-mode="dark"] .ui-state-default,
html[color-mode="dark"] .ui-widget-content .ui-state-default,
html[color-mode="dark"] .ui-widget-header .ui-state-default {
    border: 1px solid #799fbd;
    background: #5580a3 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #000;
    background-color: #799fbd;
}

.ui-datepicker-calendar tr th span {
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: var(--dark-primary-color) !important;
    color: #000;
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .ui-state-disabled,
html[color-mode="dark"] .ui-widget-content .ui-state-disabled,
html[color-mode="dark"] .ui-widget-header .ui-state-disabled {
    font-family: var(--primary-font);
    opacity: .5;
}

html[color-mode="dark"] .ui-datepicker-calendar {
    font-family: var(--primary-font);
}

html[color-mode="dark"] .cal-year-box .row-fluid,
html[color-mode="dark"] .cal-month-box .cal-row-fluid {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .cal-month-box,
html[color-mode="dark"] .cal-year-box,
html[color-mode="dark"] .cal-week-box {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] #calendar .selected-date .cal-month-day {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] span[data-cal-date] {
    color: var(--primary-color) !important;
}

html[color-mode="dark"] .ui-datepicker-title select {
    background-color: var(--chat-dark-bg-1);
    color: #fff;
    border: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .cal-year-box .row-fluid:hover,
html[color-mode="dark"] .cal-row-fluid:hover {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] #cal-week-box {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div .ui-datepicker-year {
    border: 1px solid var(--chat-dark-bg-1) !important;
    border-radius: 0;
}

html[color-mode="dark"] .daterangepicker .drp-buttons {
    border-top: 1px solid var(--dashboard-hr-color);
}

html[color-mode="dark"] .daterangepicker td.off,
html[color-mode="dark"] .daterangepicker td.off.in-range,
html[color-mode="dark"] .daterangepicker td.off.start-date,
html[color-mode="dark"] .daterangepicker td.off.end-date {
    background-color: #464646;
}

html[color-mode="dark"] .daterangepicker td.active,
html[color-mode="dark"] .daterangepicker td.active:hover,
html[color-mode="dark"] .daterangepicker td.available:hover,
html[color-mode="dark"] .daterangepicker th.available:hover {
    background-color: var(--theme-primary-color) !important;
    color: #fff !important;
}

html[color-mode="dark"] .daterangepicker .calendar-table .next span,
html[color-mode="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--chat-dark-border-3);
}

html[color-mode="dark"] .daterangepicker td.in-range {
    background-color: #799fbd;
}

html[color-mode="dark"] .daterangepicker .ranges li {
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker .calendar-table {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .section-terms-use .table thead th {
    background-color: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
}

html[color-mode="dark"] input#btnSubmitContactUsForm {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3) !important;
}

    html[color-mode="dark"] input#btnSubmitContactUsForm:hover {
        background-color: var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-session-btns:hover {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .video-session-btns.end-session-btn:hover .end-session-icon {
    color: #fff;
}

html[color-mode="dark"] .dx-calendar {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid transparent;
}

/*html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    background-color: var(--chat-dark-bg-1);
    border-color: #ddd;
}*/

html[color-mode="dark"] .dx-button-mode-contained.dx-state-hover,
html[color-mode="dark"] .dx-scheduler-navigator-caption.dx-state-focused {
    background-color: transparent !important;
}

html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover th,
html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover td,
html[color-mode="dark"] .dx-calendar-body thead tr th {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--chat-inbox-border-color);
    color: #999;
}

html[color-mode="dark"] .dx-popover-arrow::after {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .ph-tou-head-para a,
html[color-mode="dark"] .ph-tou-head-head a,
html[color-mode="dark"] .terms-of-use-client a,
html[color-mode="dark"] .section-terms-use a,
html[color-mode="dark"] .info_link,
html[color-mode="dark"] .parctices-inner-section a {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

html[color-mode="dark"] .ph-tou-head-head a {
    font-weight: 600;
}

html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    color: #ededed !important;
}

html[color-mode="dark"] .dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .gc-live-more-p {
    background: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
    border: 1px solid var(--placeholder-color);
}

html[color-mode="dark"] .msg-side-nav-body a.msg-cus-btn:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button {
    border-color: inherit !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
    background-color: var(--dark-primary-color) !important;
    color: #e9e9e9 !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .table td {
    border: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .icons-time {
    filter: brightness(81.5);
    opacity: 0.7;
}

html[color-mode="dark"] .ooo-msg-main-wrapper input[disabled="disabled"],
html[color-mode="dark"] .ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.3 !important;
}

html[color-mode="dark"] #AppointmentCalendarContainer .close {
    color: var(--primary-color);
}

.country-selector a {
    color: var(--white-color);
}

.sales-press-links a {
    display: block !important;
    font-weight: 400;
}

.sales-press-links a, .hcb-footer-dissclaimer .info_link {
    color: #91ceff !important;
}

.create-acc-step h1 small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    margin-bottom: 24px !important;
    display: inline-block;
}

span#spnVerificationCodeMsg {
    margin-top: 10px;
    display: block;
}

.login-passowrd-wrapper #txtPassword {
    padding-right: 64px;
}

@media(max-width: 767px) {
    .right-ca-ph {
        display: none;
    }

    .login-plumm-account .step5-main-row {
        padding-top: 0px !important;
    }
}

/*design for ooo */

.message-info-label {
    display: flex;
}

.info-icon-oo {
    display: inline-block;
    margin-left: 5px;
}

.oo-status-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 22px;
}

.message-info-label .icon.ni:hover {
    color: var(--dark-primary-color);
}

.message-info-label .icon.ni {
    cursor: pointer;
    font-size: 19px;
    position: relative;
    top: 4px;
}

.ooo-msg-main-wrapper input[disabled="disabled"],
.ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.5 !important;
}

.therapist-out-of-office {
    margin-top: 15px;
    padding-left: 5px;
    color: #DC143C;
    font-weight: 600;
    font-size: 17px;
}

.doctor-profile-main .out-office-status .form-group label {
    font-size: 0.95rem;
}

.out-office-status .form-group .para-text {
    font-size: 1.01rem;
    color: var(--on-primary-color);
    line-height: 1.35;
}

.ooo-msg-main-wrapper .cca-dob-wrapper {
    margin-bottom: 30px !important;
}

input#btn_submit_outoffofice {
    max-width: 150px;
    border: 1px solid var(--chat-dark-border-3) !important;
    border-radius: 5px;
}

.out-office-status .cca-dob input {
    border: 1px solid var(--chat-inbox-border-color) !important;
    max-width: 200px;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry:after {
    border-bottom-color: #d9d9d9 !important;
}

.deep-anchor {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    padding-top: 40px;
    margin-bottom: 25px;
}

.to-pdt-0 {
    padding-top: 0.8rem;
}

.plm-tou-heading {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    font-size: 1.4rem;
    font-family: var(--secondary-font);
}

html[color-mode="dark"] .deep-anchor a.anchorjs-link {
    text-decoration: none;
}

.anchorjs-link {
    padding-left: 0.375em;
    font-size: 23px !important;
    position: relative;
    top: 2px;
}

/* tooltip arrow */

.deep-anchor-link {
    position: relative;
    padding-top: 40px;
}

.click-to-copy {
    padding: 4px 7px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    font-size: 13px;
    left: 40px;
    display: block;
    z-index: 99;
    border-radius: 4px;
    bottom: -15px;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all .3s;
}

    .click-to-copy::after {
        content: '';
        border-width: 6px;
        border-style: solid;
        border-color: transparent var(--secondary-color) transparent transparent;
        top: 6px;
        left: -12px;
        position: absolute;
        z-index: -1;
    }

.deep-anchor-link:hover .click-to-copy {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 767px) {
    .click-to-copy {
        right: 0px;
        bottom: -31px;
        transform: none;
        left: initial;
        display: none;
    }

        .click-to-copy::after {
            top: -12px;
            left: 140px;
            transform: rotate(90deg);
        }
}

.nd-blogs-wrapper-inner1 .nd-label-head {
    color: #fff;
}

    .nd-blogs-wrapper-inner1 .nd-label-head span::after {
        background-color: #fff;
    }

.nd-blogs-wrapper-inner1 .nd-ebook-wrapper .nd-label-head span::after {
    background-color: var(--primary-color);
}



/*saved classes */
.saved-classes em.icon {
    font-size: 1.2rem;
    height: 23px;
}

.saved-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(2 2 2 / 35%);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

    .saved-icon em.icon {
        color: var(--white-color);
        font-size: 21px;
        position: relative;
        top: -0.03rem;
        height: 20px;
        width: 20px;
    }

.like-save-wrapper {
    display: flex;
    align-items: center;
    gap: 0.98rem;
}

.learn-video-save-like em.icon {
    color: var(--white-color);
    cursor: pointer;
    position: relative;
}

.like-save-inner-wrapper {
    line-height: 18px;
}

.like-save-inner-wrapper {
    line-height: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--secondary-color);
}

/*.like-save-wrapper em.icon:hover::after {
    content: '';
    position: absolute;
    width:31px;
    height: 31px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #35589f;
    z-index: -1;
}
*/
.like-save-wrapper em.icon.ni {
    position: relative;
    top: 0.05rem;
}

.learn-like-count span, .like-save-wrapper span {
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.learn-like-count, .learn-video-save-like {
    display: flex;
    align-items: center;
    gap: 5px;
}

.learn-video-save-like {
    gap: 15px;
}

.learn-like-count em.icon.ni {
    font-size: 19.5px;
    cursor: pointer;
}

.learn-like-count {
    z-index: 99;
}

.sidebar-video-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-video-info {
    padding-right: 15px;
}

.saved-couses-icon {
    display: block;
    width: 210px;
    height: auto;
    margin: 2rem auto 2rem;
    opacity: 0.65;
}

.show-side-bar-inner {
    padding: 3px;
}

.course-new-tag {
    position: absolute;
    right: 12px;
    bottom: 21px;
}

label.dash-learn-label-cw.ph-default-tag-label {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 10px;
    cursor: pointer;
}

.ph-default-tag-label {
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white-color);
    background: rgb(54 153 255 / 67%);
    border-radius: calc(var(--border-radius-default) * 0.7);
}

.p-tag--pabs-tl {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

.dash-meditation .ph-default-tag-label {
    font-size: 0.68rem;
    padding: 3px 8px;
}

.learn-medi-detail-save-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .learn-medi-detail-save-icon .saved-icon {
        position: initial;
    }

    .learn-medi-detail-save-icon .learn-like-count span {
        text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
    }

.hc-live-box .ncd-enroll {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 1px 25px;
}

    .hc-live-box .ncd-enroll span:first-child {
        margin-left: 0;
    }

.hc-live-box .learn-list-instr-item .oc-dot {
    font-weight: 700;
    vertical-align: text-top;
    height: initial;
    color: var(--primary-color) !important;
    font-size: 33px !important;
    line-height: 0px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.hc-live-box .learn-list-instr-item .oc-dot {
    position: relative;
    top: -1px;
}

.hc-live-box .ctf-pract-details strong {
    color: var(--on-primary-color);
    margin-right: 3px;
}

.hc-live-box li.learn-list-instr-item {
    font-size: 14px;
}

.hc-live-box .learn-list-instr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.learn-medi-list .hc-live-profile-image img, .saved-learn-medi-loader .hc-live-placeholder .hc-live-profile-image .image-placeholder {
    border-radius: var(--bs-border-radius);
    min-width: 250px;
    max-width: 250px;
    height: 145px !important;
    box-shadow: none;
    border: none;
}

.saved-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .35s linear .1s;
    transition: opacity .35s linear .1s;
    opacity: 0;
}

.hc-live-profile-image {
    position: relative;
    cursor: pointer;
}

    .hc-live-profile-image:hover .saved-play-overlay {
        opacity: 1;
        z-index: 1;
    }

.ph-saved-video-row .hc-live-dates {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ph-saved-video-row.hc-live-cards-row .hc-live-cards-cols {
    margin-bottom: 25px;
}

.learn-medi-detail-save-icon .saved-icon em {
    left: -0.03rem;
    top: 0;
}

.learn-medi-detail-save-icon .learn-like-count em.icon.ni {
    left: 0.05rem;
    top: 0.05rem;
}

.saved-lists .hc-live-profile-image {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
}

.save-list-therapist .hc-live-profile-image img {
    max-width: 145px !important;
    min-width: 145px;
    height: 145px !important;
}


@media(max-width: 1200px) {
    .hc-live-box .ncd-enroll {
        grid-template-columns: repeat(1, auto);
    }
}

@media(max-width: 767px) {
    .hc-live-box .ncd-enroll {
        display: inline-grid;
        grid-template-columns: repeat(1, auto);
        grid-gap: 10px 25px;
    }

    .like-save-wrapper {
        gap: 12px;
    }

    .learn-video-save-like {
        position: absolute;
        right: 10px;
        top: 40px;
        z-index: 9;
    }

    .show-side-bar-inner {
        padding: 0px;
    }
}

html[color-mode="dark"] .ph-default-tag-label {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .live-classes-row-actions-default {
    border: 1px solid var(--chat-dark-border-3);
}

.pract-profile-left .saved-icon {
    right: 13px;
    top: 13px;
    background: var(--sec-light-color4);
    padding: 0;
}

    .pract-profile-left .saved-icon em.icon {
        color: var(--primary-color);
    }

html[color-mode="dark"] .pract-profile-left .saved-icon {
    background: #141414;
}

.pos-continue-watch-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.continue-watching-progress-wrapper {
    background-color: rgb(0 0 0 / 19%);
    width: 100%;
    height: 3px;
}

.continue-watching-progress-bar {
    background-color: red;
    height: 3px;
}

.hide-progress-bar {
    display: none;
}

html[color-mode="dark"] .live-classes-row-actions-default.lc-joined {
    border: 1px solid var(--chat-dark-border-3);
    background-color: var(--chat-dark-border-3);
}


.al-logo-header {
    display: none;
}

.sidebar-mini .al-logo-header {
    position: absolute;
    top: 1.25rem;
    left: 1.8rem;
    display: block;
}

@media(max-width: 991px) {
    .sidebar-mini .al-logo-header {
        display: none;
    }
}

/*updated- headings 1 to 6*/
.plm-heads {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-weight: 400;
}

.plm-heading-1 {
    font-size: 3rem;
}

.plm-heading-2 {
    font-size: 2.5rem;
}

.plm-heading-3 {
    font-size: 2.2rem;
}

.plm-heading-4 {
    font-size: 1.7rem;
    line-height: 1.35;
}

.plm-heading-5 {
    font-size: 1.2rem;
}

.plm-heading-6 {
    font-size: 0.85rem;
}

@media(min-width: 1800px) {

    .plm-heading-4 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .plm-heading-5 {
        font-size: 1.35rem;
    }
}

@media(max-width: 991px) {
    .plm-heading-3 {
        font-size: 2rem;
    }

    .plm-heading-4 {
        font-size: 1.7rem;
        line-height: 1.4;
    }
}

@media(max-width: 576px) {
    .plm-heading-4 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .plm-heading-3 {
        font-size: 1.7rem;
    }
}


/*plumm logo css starts here*/

.plumm-logo-new {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: cover;
    display: inline-block;
}

.plumm-logo-new-dark {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}

.plumm-logo-new-blue {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='126' height='39' viewBox='0 0 126 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.428 9.91187C119.768 9.91187 121.64 10.6679 123.116 12.1439C124.592 13.6199 125.348 15.6359 125.348 18.2279V29.9999H120.632V19.0919C120.632 15.9239 119.012 14.2318 116.564 14.2318C113.936 14.2318 112.064 16.2118 112.064 19.2358V29.9999H107.384V19.1278C107.384 16.0678 105.728 14.2318 103.244 14.2318C100.616 14.2318 98.7084 16.2118 98.7084 19.2718V29.9999H94.0284V10.4518H98.6364V13.2598C99.7524 11.2078 102.02 9.91187 104.576 9.91187C107.132 9.94784 109.364 11.1358 110.408 13.4038C111.812 11.2078 114.44 9.91187 117.428 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M81.5688 9.91187C83.9088 9.91187 85.7811 10.6679 87.2568 12.1439C88.7328 13.6199 89.4888 15.6359 89.4888 18.2279V29.9999H84.7728V19.0919C84.7728 15.9239 83.1528 14.2318 80.7048 14.2318C78.0768 14.2318 76.2048 16.2118 76.2048 19.2358V29.9999H71.5248V19.1278C71.5248 16.0678 69.8688 14.2318 67.3848 14.2318C64.7568 14.2318 62.8488 16.2118 62.8488 19.2718V29.9999H58.1688V10.4518H62.7768V13.2598C63.8928 11.2078 66.1608 9.91187 68.7168 9.91187C71.2728 9.94784 73.5048 11.1358 74.5488 13.4038C75.9528 11.2078 78.5808 9.91187 81.5688 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M44.7996 30.468C39.3636 30.468 35.9796 27.264 35.9796 21.828V10.452H40.6956V21.828C40.6956 24.456 42.2436 26.184 44.7996 26.184C47.3916 26.184 48.9396 24.456 48.9396 21.828V10.452H53.6556V21.828C53.6556 27.264 50.3076 30.468 44.7996 30.468Z' fill='%2309090B'/%3E%3Cpath d='M31.4544 2.64001V30H26.7744V2.64001H31.4544Z' fill='%2309090B'/%3E%3Cpath d='M13.428 9.98401C16.2 9.98401 18.504 10.992 20.34 12.972C22.176 14.952 23.076 17.364 23.076 20.208C23.076 23.088 22.14 25.536 20.304 27.516C18.468 29.496 16.164 30.468 13.392 30.468C10.908 30.468 8.78397 29.496 7.09197 27.552V38.028H2.37598V10.452H7.05597V13.044C8.74797 10.992 10.872 9.98401 13.428 9.98401ZM6.98397 20.244C6.98397 21.936 7.52397 23.34 8.56797 24.492C9.61197 25.608 10.98 26.184 12.672 26.184C14.364 26.184 15.732 25.608 16.776 24.492C17.82 23.34 18.36 21.936 18.36 20.244C18.36 18.552 17.82 17.148 16.776 16.032C15.732 14.88 14.364 14.304 12.672 14.304C10.98 14.304 9.61197 14.88 8.56797 16.032C7.52397 17.184 6.98397 18.588 6.98397 20.244Z' fill='%2309090B'/%3E%3C/svg%3E%0A");
    height: 32px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}


@media(max-width: 1253px) {
    .plumm-logo-new-blue,
    .plumm-logo-new,
    .plumm-logo-new-dark {
        height: 27px;
        width: 95px;
    }
}


.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: block;
    opacity: 0.9;
}

/*ends here*/


/*css for feedback after session completes starts here*/
.session-feedback-emoji-wrapper > label,
.plumm-helping-wrapper > label,
.session-feedback-rate > label {
    display: block;
    text-align: left;
    margin-bottom: 0.6rem;
}

.plm-feedback-emoji-wrapper {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.2rem;
}

.session-feedback-emoji-wrapper .emojis-wrapper-item {
    font-size: 2rem;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
}

span.emojis-wrapper-item.sf-emoji-active1,
span.emojis-wrapper-item.sf-emoji-active2 {
    transform: scale(1.35);
    border-radius: 50%;
    position: relative;
}

.plm-feedback-emoji-wrapper span.emojis-wrapper-item:hover {
    transform: scale(1.15);
}

span.emojis-wrapper-item.sf-emoji-active1::before,
span.emojis-wrapper-item.sf-emoji-active2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
    background: radial-gradient(circle, #f7d090 0, rgb(255 233 129) 40%, rgb(255 176 46 / 5%) 65%);
}

.ph-feedback .review-form:not(:last-child) {
    margin-bottom: 18px;
}

.session-feedback-helping {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem 0.8rem;
    flex-wrap: wrap;
}

    .session-feedback-helping .emojis-wrapper-item {
        margin: 7px 2px;
        flex-grow: initial;
        max-width: initial;
        border: 1px solid transparent;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.3rem 0.75rem 0.3rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.6;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 100px;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        box-shadow: var(--default-shadow-1);
        border: 1px solid var(--primary-border-color);
    }

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background-color: var(--dark-primary-color) !important;
    border: 1px solid var(--dark-primary-color);
    color: var(--icon-bg-color);
}

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

.session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background: #FFF4BF;
    border: 1px solid #F9D52E;
}

@media(min-width: 1253px) {
    .session-feedback-helping .emojis-wrapper-item:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

.session-feedback-rate .ratingDiv {
    text-align: left;
}

.session-feedback-subhead {
    font-weight: 600;
    font-size: var(--base-font-size);
    display: block;
    line-height: 1.5;
    color: var(--primary-color);
    margin-bottom: 1.5rem !important;
}

@media(max-width: 1253px) {
    .session-feedback-helping {
        justify-content: center;
        gap: 0.1rem 1rem;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .session-feedback-subhead br {
        display: none;
    }

    .plm-feedback-emoji-wrapper {
        display: flex;
        gap: 0.5rem 0.5rem;
        margin-bottom: 0.2rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}




html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active1::before, html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active2::before {
    background: radial-gradient(circle, #643e00 0, rgb(108 89 0) 40%, rgb(141 88 2 / 5%) 65%);
}

html[color-mode="dark"] .cookieBanner {
    background: #173571;
}

    html[color-mode="dark"] .cookieBanner button {
        color: #173571;
    }

.practices--testi-bg .slick-prev, .practices--testi-bg .slick-next {
    z-index: 9999;
}

.forgot-pass-wrapper .new-layout-from-input label {
    color: var(--primary-color);
    font-weight: 600;
}

.forgot-pass-wrapper .ph-input-create-password input,
.ph-input-create-password input {
    padding-right: 4.5rem !important;
}

@media only screen and (max-width: 1500px) {
    td.join-reschedule-thera-btn > * {
        flex: 1;
    }
}



@media only screen and (min-width: 1100px) {
    .second-pract-dashboard-row {
        display: grid !important;
        grid-template-columns: 65% 1fr;
        gap: 1.9rem;
    }
}

@media only screen and (min-width: 1300px) {
    .second-pract-dashboard-row {
        grid-template-columns: 66% 1fr;
    }
}

@media only screen and (min-width: 1600px) {
    .second-pract-dashboard-row {
        grid-template-columns: 60% 1fr;
    }
}

@media only screen and (max-width: 1100px) {
    .second-pract-dashboard-row {
        display: flex;
    }

        .second-pract-dashboard-row > .cols-pract-fr {
            flex: 1;
        }

    .second-dashboard-row.second-pract-dashboard-row {
        flex-direction: column;
    }
}

.select-package-boxes .secondary-sub-head span.ph-default-tag.ph-default-tag-df {
    position: relative;
    top: -13px;
}

.form-group.ba-det-per-email {
    grid-column-start: 1;
    grid-column-end: 3;
}

.no-contract-found {
    text-align: center;
    min-height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--secondary-color);
    font-weight: 600;
}

.ba-sir-boxes.no-contract-found {
    padding-top: 20px;
}

.ba-company-details.bg-company-details-content {
    display: flex;
}

    .ba-company-details.bg-company-details-content > div:first-child {
        flex: 1;
    }

    .ba-company-details.bg-company-details-content input {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

label.plm-read-only {
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057 !important;
    display: block;
    font-weight: 400 !important;
    line-height: 1.3;
    color: #495057 !important;
    display: block;
    white-space: nowrap;
    word-break: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

@media(min-width: 1100px) {
    .ba-company-details .seelct-package-wrapper {
        max-width: 500px;
    }

    .ba-sir-boxes.no-contract-found {
        min-width: 400px;
    }
}


@media(max-width: 1100px) {
    .ba-company-details.bg-company-details-content {
        flex-direction: column;
    }

    span#LblBilllabel {
        line-height: 1.2;
    }

    .bg-ad-company-details-from {
        margin-bottom: 0;
    }
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell {
    color: #5a5a5a;
}

    html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell.dx-state-hover {
        color: #4b4b4b;
    }

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-content .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-numberbox-spin-up-icon {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: #333;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #626262;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-field-item-content-location-bottom .dx-buttongroup-wrapper .dx-button-mode-contained {
    border-color: #3c3c3c !important;
    color: #b0b0b0 !important;
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-timeview-field .dx-texteditor-input {
    padding: 7px 7px 8px;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-layout-manager.dx-widget .dx-widget {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-active .dx-button-content,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-mode-contained.dx-state-focused {
    background-color: initial !important;
}


html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color) !important;
    color: #e7e7e7 !important;
}

.dx-scheduler-appointment-popup .add-schedule-popup .dx-state-active .dx-button-content,
.dx-scheduler-appointment-popup .add-schedule-popup .dx-button-mode-contained.dx-state-focused {
    background-color: #d4d4d4 !important;
}


/* css for new login page starts here*/
.login-head {
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.login-plumm-account-main-wrapper {
    margin-top: 2.7rem;
}

.login-plumm-left-form {
    position: relative;
    max-width: 550px;
    padding-left: 70px;
}

.get-started-ca-wrapper .form-group {
    margin-bottom: 1.5rem !important;
}

.plumm-mobile-app-logos {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: flex-start;
}

    .plumm-mobile-app-logos svg {
        width: 150px;
        height: 50px;
        display: inline-block;
    }

.download-app-login {
    margin-top: 0.55rem;
    margin-left: 2.2rem;
}

.download-mob-app {
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 1rem 0px 1.2rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.ph-login-illustr-content-mw {
    max-width: 480px;
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
}

.cca-dob input.date-picker {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.6rem);
    background-size: 15px;
    background-repeat: no-repeat;
}

.login-plumm-account-main-wrapper.login-ca-wrapper {
    grid-template-columns: 50% 1fr;
}

@media (max-width: 1600px) {
    .download-app-login {
        margin-top: 1.05rem;
    }

    .ph-login-illustr-content-mw {
        max-width: 420px;
    }
}

@media (max-width: 1100px) {
    .login-plumm-left-form {
        padding-left: 0;
    }

    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .login-plumm-right-form {
        margin-top: 1.7rem;
    }
}

@media (max-width: 1024px) {
    .ph-login-illustr-content-mw {
        margin-top: 3rem;
    }

    .plumm-mobile-app-logos {
        justify-content: center;
    }

    .download-mob-app {
        text-align: center;
    }

    .ph-login-illustr-content-mw {
        max-width: 480px;
    }

    .login-plumm-account-main-wrapper.login-ca-wrapper {
        grid-template-columns: auto;
    }
}

@media (max-width: 991px) {
    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .download-mob-app br {
        display: none;
    }

    .ph-login-illustr-content-mw {
        margin-bottom: 2.5rem;
        margin-top: 1.4rem;
    }

    .download-app-login {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-plumm-right-form {
        margin-top: 0;
        margin-bottom: 2.4rem;
    }
}

@media (max-width: 576px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-head {
        margin-bottom: 1.5rem;
        margin-top: 0.4rem;
    }
}
/*ends here*/
.ui-widget-content {
    font-family: var(--primary-font);
}

/*pop over tour*/

.plm-popover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1201;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: var(--bg-default);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    padding: 0.8rem;
}

    .plm-popover[class*="tour-"] {
        box-sizing: border-box;
        min-width: 270px;
        max-width: 320px;
    }

    .plm-popover.right-arrow {
        margin-left: 10px;
    }

        .plm-popover.right-arrow > .arrow {
            top: 50%;
            left: -10px;
            margin-top: -11px;
            border-left-width: 0;
            border-right-color: var(--bg-default);
        }

    .plm-popover > .arrow {
        border-width: 11px;
    }

        .plm-popover > .arrow,
        .plm-popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

.plm-popover-close {
    color: #cccccc;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plm-popover-title {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    font-size: 1.15rem;
    color: var(--secondary-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.plm-popover-content {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin: 1rem 0;
    font-size: var(--base-font-size);
}

.plm-small-btn {
    font-size: var(--base-font-size);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    min-width: 5.1rem;
    line-height: 1.4;
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-align: center;
}

    .plm-small-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.plm-popover-navigation {
    display: flex;
    justify-content: flex-end;
}

.popover-va-overlay {
    background-color: var(--modal-bg-color);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1200;
}

.plm-popover-va {
    width: 25px;
    height: 25px;
    position: relative;
    left: -2px;
    fill: var(--primary-color);
    display: inline-block;
}

.teams-body .plm-popover.right-arrow > .arrow {
    top: 0 !important;
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    margin-top: -8px;
}

.teams-body .plm-popover {
    left: 130px !important;
    top: 10px !important;
}

html[color-mode="dark"] .plm-small-btn:hover {
    color: #fff;
}


.ph-close-modal {
    border: none;
    padding: 0;
}

button.ph-close-modal em.icon {
    color: var(--on-primary-color);
    font-size: 1.15rem;
}

.ph-close-modal {
    background-color: transparent;
}

@media(max-width: 991px) {
    .plm-popover {
        display: none;
    }
}

/** Safari */

@media(max-width: 991px) {
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .nav-sidebar {
            padding-bottom: 80px !important;
        }

        .chatbot-load-chat {
            z-index: 1300;
            margin-bottom: 6.5rem !important;
        }
    }
}

.ph-certificate-prev-del-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.certificate-upload-modal-wrapper .certf_size {
    margin-bottom: 15px;
    height: 200px;
}

.new-ebbok-wrapper button.slick-arrow {
    z-index: 1000;
}

.pract-profile-right li.nav-item .nav-link {
    font-weight: 400;
    padding: 0.4rem 1rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
}

    .pract-profile-right li.nav-item .nav-link:hover {
        font-weight: 400;
    }

    .pract-profile-right li.nav-item .nav-link.active {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
        border: 1px solid #d7e7f3;
    }

.pract-profile-right ul.nav-pills {
    gap: 1rem;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link.active {
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link:hover {
    color: var(--primary-color);
}

@media(max-width: 767px) {
    .pract-profile-right ul.nav-pills {
        gap: 0.6rem;
        justify-content: center;
    }
}

@media all and (max-width: 540px) {
    .sweet-alert {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 30px) !important;
        animation: none !important;
    }
}


.chat-search-input .p-search-input {
    position: relative;
    width: 100%;
}

.chat-search-input {
    gap: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem;
}

.chat-filter.icon.ni,
.msg-search-icon.icon.ni {
    font-size: 1.35rem;
    cursor: pointer;
}

.pg-2 {
    gap: 0.8rem;
}

@media(min-width: 992px) {
    .chat-head-dn-dsk {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .msg-chat-left-top-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.35rem 0.85rem;
        min-height: 60px;
    }

    .chat-search-input {
        padding: 0;
        flex: 1;
    }
}


/*chat pages common css*/

/*.msger-header-new {
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}*/

.msger-header-new {
    padding: 0.5rem 0.9rem;
}

.chat-right-loader .loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background: linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background-size: 1200px 104px;
    position: relative;
}

.msg-side-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 55px;
    padding: 12px 20px;
    min-height: var(--nav-min-height);
    background-color: var(--card-bg-color);
    /* border-bottom: var(--border-width-layout) solid var(--border-layout);*/
}

.msg-side-nav-body {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
    padding-top: 25px;
    padding-bottom: 85px;
    background-color: var(--card-bg-color);
}

.pact-profile-name label {
    font-size: var(--base-font-size-lg);
    display: block;
    font-weight: 400;
    margin-top: 0.4rem;
    line-height: 1.4;
}

.sidenav-view-profile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: 0.5s;
}

/*generic clickable tooltip starts here*/
.p-clk-tt {
    display: none;
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color);
    color: white;
    font-weight: bold;
    padding: 0;
    font-size: var(--base-font-size-xs);
    border-radius: var(--bs-border-radius);
    display: none;
    width: 100%;
    max-width: 280px;
    z-index: 2400;
}

    .p-clk-tt[data-popper-reference-hidden] {
        visibility: hidden;
        pointer-events: none;
    }


.p-clk-tt {
    border: none;
    /*    border-radius: initial;*/
}

    .p-clk-tt .dx-list-with-search {
        border: 1px solid var(--primary-border-color);
        font-size: var(--base-font-size-xs);
        border-radius: var(--bs-border-radius);
        overflow: hidden;
        z-index: 9;
        position: relative;
    }

    .p-clk-tt[show-popper] {
        display: block;
        z-index: 2206;
        border-radius: var(--bs-border-radius);
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item-content {
        padding: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list-search {
        margin: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item {
        border-top: 1px solid var(--border-layout);
        color: var(--on-primary-color);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: var(--sec-light-color7);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: var(--sec-light-color4);
    }

    .p-clk-tt #popper-arrow, .p-clk-tt #popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

    .p-clk-tt[data-popper-placement^='bottom'] > .arrow {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -5px;
    }

    .p-clk-tt .popper-arrow, .p-clk-tt .popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

/*build the arrow targeting the divider with class 'popper-arrow'*/
#popper-arrow,
#popper-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--chat-dark-bg-2);
}

#popper-arrow {
    visibility: hidden;
}

    #popper-arrow::before {
        visibility: visible;
        content: "";
        transform: rotate(45deg);
    }

/*position arrow using popper.js data-popper-placement attribute*/
.p-clk-tt[data-popper-placement^="top"] #popper-arrow {
    bottom: -4px;
}

.p-clk-tt[data-popper-placement^="bottom"] #popper-arrow {
    top: -4px;
}

.p-clk-tt[data-popper-placement^="left"] #popper-arrow {
    right: -4px;
}

.p-clk-tt[data-popper-placement^="right"] #popper-arrow {
    left: -4px;
}

/*hide arrow when reference outside of viewport*/
.p-clk-tt[data-popper-reference-hidden] #popper-arrow::before {
    visibility: hidden;
}
/*generic clickable tooltip ends here*/


/* Sidebar styles (adjust as needed) */


/*css for custom progress starts here*/
.progress-sm {
    height: 5px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 16px
}

.custom-progess {
    position: relative
}

    .custom-progess .progress-icon {
        position: absolute;
        top: -12px
    }

        .custom-progess .progress-icon .avatar-title {
            background: var(--tb-secondary-bg)
        }

.animated-progress {
    position: relative
}

    .animated-progress .progress-bar {
        position: relative;
        border-radius: 0;
        animation: animate-positive 2s
    }

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.custom-progress.progress {
    height: 0.45rem;
    border-radius: calc(var(--border-radius-default)* 0.5);
    padding: 0;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

.custom-progress .progress-bar {
    position: relative;
}

/*.custom-progress .progress-bar:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    right: 2px;
    top: 50%;
    transform: translateY(-50%)
}*/

.progress-label {
    overflow: visible
}

    .progress-label .progress-bar {
        position: relative;
        overflow: visible;
        min-width: 0.4rem
    }

        .progress-label .progress-bar .label {
            color: var(--on-primary-color);
            display: inline-block;
        }

        .progress-label .progress-bar .cp-data-bottom {
            position: absolute;
            top: -0.7rem;
            right: -0.65rem;
            font-size: calc(var(--base-font-size-xxs) * 0.85);
        }

.custom-progress .progress-bar[aria-valuenow="0"] {
    min-width: 0;
}

    .custom-progress .progress-bar[aria-valuenow="0"] .cp-data-bottom,
    .custom-progress .progress-bar[aria-valuenow="1"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="2"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="3"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="4"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="5"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="6"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="7"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="8"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="9"] .cp-data-bottom {
        right: -0.95rem;
    }

.custom-progress .progress-bar[aria-valuenow="100"] .cp-data-bottom {
    right: 0.05rem;
}

.loading-skeleton .progress-label .progress-bar .cp-data-bottom {
    top: -1.1rem;
    padding: 0;
    width: 1.2rem;
    height: 0.7rem !important;
    border-radius: 0.2rem !important;
    left: 0rem;
}

.loading-skeleton .progress-label .progress-bar {
    background-color: transparent;
}

/*.progress-label .progress-bar .label.cp-data-bottom:after {
    bottom: initial;
    top: -7px;
    transform: translateX(-50%) rotate(180deg);
}

.progress-label .progress-bar .label:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top-color: #438eff;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.progress-step-arrow {
    height: 3.25rem
}*/

.progress-step-arrow .progress-bar {
    position: relative;
    overflow: initial;
    font-size: .875rem;
    color: #fff
}

    .progress-step-arrow .progress-bar:after {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        bottom: 15px;
        right: -20px;
        z-index: 1
    }

.progress-primary .progress-bar {
    background-color: #438eff
}

    .progress-primary .progress-bar:after {
        border-left-color: #438eff
    }

.p-progress-def .progress-bar {
    overflow: visible !important;
}

/*css for custom progress ends here*/

/*animated dropdown starts here*/
.p-ani-btn-wrpr {
    position: relative;
    display: inline-block;
}

.p-ani-dropdown-open .p-ani-btn p {
    visibility: hidden;
    opacity: 0;
}

.p-ani-btn.p-add-btn {
    display: inline-flex;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    gap: 0.6rem;
    background-color: var(--secondary-color);
    padding-right: 0.75rem;
    padding-left: 0.95rem;
    font-weight: 500;
    user-select: none;
}

    .p-ani-btn.p-add-btn:hover {
        background-color: var(--p-btn-hover);
    }

.p-ani-dropdown a .p-icon,
.p-ani-dropdown button .p-icon {
    stroke: var(--primary-color);
    flex: 0 0 auto;
    min-width: 1.2rem;
}

.p-ani-icon-ac, .p-ani-icon-ac svg {
    transition: transform 0.3s ease;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff;
    border-radius: 50%;
}

    .p-ani-icon-ac.open {
        /*transform: rotate(45deg);*/
    }

.p-ani-btn label {
    display: inline;
    cursor: pointer;
    margin: 0;
}

.p-ani-dropdown {
    position: absolute;
    top: calc(100% + 3px);
    color: var(--primary-color);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    display: block;
    min-width: 12.2rem;
    transform: scale(0.01);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
    overflow: hidden;
    z-index: 850;
    text-align: left;
    font-size: var(--base-font-size-xs);
}

    .p-ani-dropdown a.disabled, .p-ani-dropdown button.disabled {
        opacity: 0.45;
        pointer-events: none;
        cursor: default !important;
    }

.p-ani-btn-right .p-ani-dropdown {
    right: 0;
    transform-origin: right top;
}

.p-ani-dropdown.open {
    transform: scale(1);
    opacity: 1;
}

.p-ani-dropdown a,
.p-ani-dropdown button {
    position: relative;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
    overflow: hidden;
    padding: 0.45rem;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    text-decoration: none !important;
    color: var(--primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

    .p-ani-dropdown a:hover,
    .p-ani-dropdown button:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border-radius: calc(var(--bs-border-radius) * 0.7);
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

.p-ani-sec-btn .p-ani-btn.p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-ani-icon-ac {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr .ani-btn-lg .p-ani-icon-ac svg {
    width: 0.92rem;
    height: 0.92rem;
}

.p-ani-sec-btn .p-ani-icon-ac svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: var(--theme-primary-color);
    padding: 0.05rem;
}

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
        width: 1.05rem;
        height: 1.05rem;
    }

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-plus {
        width: 1.35rem;
        height: 1.35rem;
    }

/*.p-ani-sec-btn .mp-icon-plus,
.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-dot {
    opacity: 0;
    visibility: hidden;
}*/

.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-plus {
    opacity: 1;
    visibility: visible;
}

.p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.p-ai-icon-dd {
    stroke: none;
    fill: #b6d9ff;
}

.p-text-nowrap {
    white-space: nowrap;
}
/*css for dots dropdown*/
/* Styles for the dropdown container */
.p-dd-wp-wrapper {
    position: relative;
    display: inline-block;
}

.p-dd-wp-btn-hover {
    border: none;
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 11.6);
    padding: 0.4rem;
    padding-right: 0.85rem;
    min-width: 6.8rem;
    justify-content: center;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-btn-hover {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
    justify-content: space-between;
    padding-right: 1.3rem;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    cursor: pointer;
    padding: var(--box-padding);
}

.phc-tab-slides-content {
    padding: var(--box-padding);
}

.phc-hm-item:hover .icon-box-sm {
    background-color: var(--chat-dark-bg-2);
}

.icon-box-sm {
    width: 3.75rem;
    height: 3.75rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 0.95);
    justify-content: center;
    flex-shrink: 0;
}

.phc-hm-item svg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    fill: var(--primary-color);
    margin-top: 0;
}

.hc-icon-help svg {
    width: 2rem;
    height: 2rem;
}

.phc-hm-item .label-primary {
    margin-bottom: 0.15rem;
}

.p-icon-blue.p-icon {
    stroke: var(--primary-color);
}

.p-emma-ai.p-help-center {
    width: 6.3rem;
}

.p-help-center .p-icon-blue.p-icon {
    top: 0.05rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon:hover {
    background-color: transparent;
}

.p-dd-wp-wrap-hover-ws .pgab-icons {
    padding: 0.45rem 0.75rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon {
    stroke: #fff;
    fill: none;
}

/* Styles for the dropdown content */
.p-dd-wp-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    backdrop-filter: blur(20px);
}

    /* Styles for the active dropdown content */
    .p-dd-wp-content.active {
        display: block;
        opacity: 1;
        animation: none; /* Disable the CSS animation */
    }

button.p-dd-wp-btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.p-dd-wp-dot-icon,
.p-acco-action-btn .p-dd-wp-dot-icon {
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    stroke: none;
    border-radius: 50%;
    padding: 0.375rem;
    /* background-color: var(--light-new-blue); */
    fill: var(--grey-bg-7);
    transition: all .3s;
}

    .p-dd-wp-dot-icon:hover,
    .p-acco-action-btn .p-dd-wp-dot-icon:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.icon-more-rect {
    fill: var(--light-new-blue);
    width: 1.82rem;
    height: 1.82rem;
}

.p-dd-wp-dot-icon:hover .icon-more-rect {
    fill: var(--light-blue-dark);
}

.p-dd-wp-dot-icon:hover .icon-more-dot {
    fill: var(--light-new-blue);
}

.icon-more-dot {
    fill: var(--light-blue-dark);
}

html[color-mode="dark"] .icon-more-rect {
    fill: #010811;
}

.p-dd-wp-content .p-grid-action-btns a,
.pgab-icons {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.45rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
    padding-left: 0.8rem;
}

.p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    line-height: 1.4;
    vertical-align: middle;
}

.p-grid-action-btns .pgab-icons[disabled],
a.pgab-icons[disabled],
.pgab-icons.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.p-dd-wp-content .p-grid-action-btns {
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
}

.p-grid-info-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
    --icon-v1: 0.926rem !important;
}

.p-rid-info-mw > .pdf {
    position: relative;
    width: 100%;
}
/*.p-dd-wp-content .p-grid-action-btns a:hover,
.pgab-icons:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}*/
.p-dd-wp-content .p-grid-action-btns svg {
    stroke: var(--primary-color);
    flex: 0 0 auto;
}


.p-dd-wp-content .p-grid-action-btns a > * {
    flex: 0 0 auto;
}

.p-dd-wp-btn.p-dd-wp-btn-small {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    padding: 0.75rem;
}

    .p-dd-wp-btn.p-dd-wp-btn-small:hover {
        background-color: transparent;
    }

.p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    padding: 0.13rem;
    width: 1.28rem;
    height: 1.28rem;
    fill: var(--grey-bg-7);
}

.more-option-selected {
    transition: transform 0.1s ease-in-out;
}

    .more-option-selected .p-ani-btn {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
        color: #fff !important;
        animation: zoomBtn 1.5s; /* Adjust the animation duration as needed */
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    }

.p-db-post-lists-mw {
    padding: 0.72rem;
}

    .p-db-post-lists-mw .p-ncb-ic label.label-primary {
        margin-top: 0.15rem;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.6rem;
    }

    .p-db-post-lists-mw p {
        color: var(--primary-color);
    }

@keyframes zoomBtn {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(1.125);
    }

    66% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.more-option-selected .p-ani-btn .p-ani-icon-ac svg {
    fill: #fff !important;
}
/*animated dropdown ends here*/
/*css for table skeleton loader starts here*/
.table-skeleton-loader .dx-datagrid-rowsview .dx-datagrid-table,
.table-skeleton-loader table {
    border-spacing: 1.2rem !important;
    border-collapse: separate !important;
}

.p-datagird-loader {
    display: none;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
.table-skeleton-loader tr td {
    padding: 0.55rem 0.25rem;
    font-size: 0;
    border-radius: calc(var(--bs-border-radius) * 0.4) !important;
    border: none
}

.table-skeleton-loader::before {
    content: '';
    width: 100%;
    height: 3rem !important;
    display: inline-block;
    background-color: var(--bg-default);
    max-width: calc(100% - var(--box-padding) * 2 + 0.5rem);
    position: relative;
    left: calc(var(--box-padding) - 0.25rem);
    border-radius: var(--bs-border-radius) !important;
    margin-top: 0.5rem;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td button.p-dd-wp-btn,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td .custom-item, .table-skeleton-loader .dx-datagrid .dx-row > td img,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .circle-tag,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .p-progress-def {
    display: none;
}

/*css for table skeleton loader ends here*/
/*css for profile menu dropdown slide effect sh*/
.p-pm-dropdown {
    position: relative;
}
/*css for profile menu dropdown slide effect eh*/

/*css for color picker sh*/
.p-cp-mw {
    min-width: 7rem;
}

.p-sc-w {
    display: flex;
    align-items: center;
    padding: .375rem 0.7rem;
    padding-right: 2.1rem;
    overflow: visible;
}

.p-sc, .p-cp-colors {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-color: var(--link-color);
    border-radius: 50%;
}

.p-cp-mw .dropdown-menu {
    padding: 0;
}

.p-cp-dd-mw {
    padding: calc(var(--box-padding) * 0.5);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0.85rem;
    justify-items: center;
}

.p-cp-colors {
    cursor: pointer;
    transition: all 0.1s linear;
}

    .p-cp-colors:hover {
        transform: scale(1.2);
    }

.p-cp-selected {
    position: relative;
}

    .p-cp-selected::after {
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
        border: solid #fff;
        position: absolute;
        border-width: 0 0px 2px 2px !important;
        height: 5px;
        width: 10px;
        margin: 11px 0 0 12px;
    }
/*css for color picker eh*/

/*loader for accordian loader sh*/
.loading-skeleton .p-acc-wc-loader {
    min-height: 55px;
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: calc(var(--border-radius-default) * 0.75);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.loading-skeleton .p-acc-wc-loader {
    flex: 1;
}

    .loading-skeleton .p-acc-wc-loader:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-nds-mh {
    min-height: 15rem;
    position: relative;
}

.loading-skeleton .p-acco-btn-wrapper h6 {
    height: 15px;
    min-width: 90px;
    margin-bottom: 0;
}

.loading-skeleton .p-btn-small .p-dd-wp-dot-icon {
    min-height: 100%;
}

.loading-skeleton .lt-days p {
    min-width: 30px;
}

.lt-list-date small {
    min-width: 120px;
}

.lt-list-date .lt-days small {
    color: var(--on-primary-color);
}
/*loader for accordian loader eh*/
.modal-blur .modal-content {
    -webkit-filter: blur(1px);
    filter: blur(3px);
    opacity: 0.4;
}

.p-wdhrs {
    display: flex;
    align-items: center;
}

    .p-wdhrs label.control-label {
        font-weight: 400;
        font-size: 75%;
    }

    .p-wdhrs input.form-control {
        border-radius: 0;
    }

    .p-wdhrs .pw-dh:first-child input {
        border-top-left-radius: var(--bs-border-radius);
        border-bottom-left-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh input {
        border-right: 0;
    }

    .p-wdhrs .pw-dh.pw-dh-lc input {
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh-lc input {
        border-right: 1px solid var(--input-border-1);
    }

.p-wdhrs-note {
    margin-left: 1.15rem;
    display: inline-block;
    min-width: 90px;
    margin-top: 1.3rem;
    line-height: 1.2;
}

.tkl-ws {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3.8rem;
    background-color: transparent;
    margin-left: -1.2rem;
    width: calc(100% + 2.2rem);
}

.tkl-ws-pos-ini {
    position: initial;
    top: 0;
}

.my-goals-content .tkl-ws-pos-ini {
    position: relative;
}

.tkl-ws-pos-t-0 {
    top: 0;
    margin: 0 auto;
    width: 100%;
}

.pso-form-details .tkl-ws-pos-ini {
    margin-left: -0.7rem;
    width: calc(100% + 0.7rem);
}

.dx-master-detail-row .tkl-ws {
    border-radius: var(--bs-border-radius);
    padding-top: 1rem;
}

.goals-loader {
    top: 8rem;
}

.p-m-sc-w {
    min-height: 100vh;
}

section#screen {
    margin: 0;
    height: 100%;
    padding: 0;
    visibility: visible;
}

/*#screen .streams .tc-list li {
    z-index: 1001;
    bottom: 0px;
    border: 0;
}*/

.p-vc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-si {
    height: 100vh;
    z-index: 800 !important;
}

    .p-si .user-name-modal {
        height: initial;
    }

.p-vca-btn {
    border: none;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #3C4043;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

span.p-vca-msg-indi-dot {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    position: absolute;
    background: #ea4335;
    border-radius: 50%;
    top: 0.45em;
    right: 0.45em;
}

.p-vca-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    stroke: #ffffff;
    border: none;
    margin: 0;
}

.p-vca-btn-ec.p-vca-btn svg {
    stroke: none;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
}

.p-vca-btn-adus svg {
    width: 1rem;
    height: 1rem;
}

.p-vca-btn-ec {
    background-color: #EA4335;
}

.p-vca-btn-sr svg {
    stroke: none;
    fill: #ffffff;
    width: 1.08rem;
    height: 1.08rem;
}

.p-sd-dropdown {
    position: relative;
    display: inline-block;
}

.p-sd-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 260px;
    padding: calc(var(--box-padding)* 0.5);
    z-index: 1;
    bottom: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--bs-border-radius);
}

.p-vca-btn-setting .p-sd-dropdown-content {
    min-width: 340px;
}

.p-sd-dropdown-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.p-sd-show {
    display: block;
}

.p-sd-dc-inner.p-sc-int-vid-cont {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
    padding: 0.7rem 0.3rem;
}

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.5rem;
    }

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.3rem;
        line-height: 1.25;
        font-size: var(--base-font-size-xxs);
    }

.p-sd-dd-end-call ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .p-sd-dd-end-call ul li {
        white-space: nowrap;
        padding: 0.5rem calc(var(--box-padding)* 0.75);
        cursor: pointer;
        color: var(--primary-color);
        border-radius: var(--bs-border-radius);
    }

        .p-sd-dd-end-call ul li:not(:last-child) {
            border-bottom: 1px solid var(--primary-border-color);
        }

.p-sd-dd-end-call .p-sd-dropdown-content {
    min-width: initial;
    padding: 0 0;
}

.p-sd-dd-end-call ul li:hover {
    background-color: var(--sec-light-color5);
    color: var(--primary-color);
}

.p-vca-btn-yovid, .p-vca-btn-mute, .p-ts-vids-ov-acts.act-sc-int-btns {
    background-color: #fff;
}

    .p-vca-btn-yovid[disabled], .p-vca-btn-mute[disabled] {
        background-color: #3C4043;
    }

    .p-vca-btn-yovid svg, .p-vca-btn-mute svg,
    .p-ts-vids-ov-acts.act-sc-int-btns svg {
        stroke: #242629;
    }

    .p-vca-btn-yovid.activated, .p-vca-btn-mute.activated {
        background-color: #3C4043;
    }

        .p-vca-btn-yovid.activated svg,
        .p-vca-btn-yovid[disabled] svg,
        .p-vca-btn-mute.activated svg,
        .p-vca-btn-mute[disabled] svg {
            stroke: #ffffff;
        }

.p-vc.callcontrols button[disabled],
.p-vc.callcontrols button.disabled {
    opacity: 0.3;
}

.p-acc-jcbtn {
    justify-content: space-between;
}

.p-ci-int-ul li {
    margin-bottom: 0.75rem;
}

span.rejectedCandidate,
.status-terminated .btn-status {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc) !important;
    border: 1px solid #ffdbdc;
}

svg.rejectedCandidate,
.status-terminated .iconly--icon {
    stroke: #DE3B40;
}

.status-new-joiner .btn-status {
    background-color: #faface;
    color: #957c00 !important;
    border: 1px solid #eaeab3;
}

.status-new-joiner .iconly--icon {
    stroke: #957c00;
}

span.pendingCandidate {
    background-color: #ffede8;
    color: #ab4322;
    border: 1px solid #ffbda8;
}

svg.pendingCandidate {
    stroke: #ab4322;
}

span.newCandidate {
    background-color: #e3f1ff;
    color: #007FFF;
    border: 1px solid #d9e9f8;
}

svg.newCandidate {
    stroke: var(--on-primary-color);
}

.iconly--icon.icon-status-def {
    width: 1.1rem;
    height: 1.1rem;
}
/*accepted*/
span.acceptedCandidate {
    background-color: #e5f8e5;
    color: #408940;
    border: 1px solid #c3eec3;
}

svg.acceptedCandidate {
    stroke: #408940;
}

span.onboardingCandidate {
    background-color: #ddf2dd;
    color: #006400;
    border: 1px solid #ddf2dd;
}

svg.onboardingCandidate {
    stroke: var(--on-primary-color);
}

span.signedCandidate {
    background-color: #fffae0;
    color: #a9900b;
    border: 1px solid #eee092;
}

svg.signedCandidate {
    stroke: #a9900b;
}

span.completedCandidate {
    background-color: rgb(13 110 253 / 17%);
    color: #0d6efd;
    border: rgb(13 110 253 / 51%);
}

svg.completedCandidate {
    stroke: #0d6efd;
}

span.sentCandidate,
span.scheduledCandidate,
span.interviewedCandidate {
    background-color: #eae9ff;
    color: #4b47a7;
    border: 1px solid #d8d6ff;
}

svg.sentCandidate,
svg.scheduledCandidate,
svg.interviewedCandidate {
    stroke: var(--on-primary-color);
}

/*green*/
span.hired,
.status-employed .btn-status {
    background-color: #EEFBF4;
    color: #17663A;
    border: 1px solid #B2EECC;
}

svg.hired,
.status-employed .iconly--icon {
    stroke: var(--complete-tc);
}

.status-none .btn-status {
    background-color: #f9faff;
    color: #64688a !important;
    border: 1px solid #e9eaf3;
}

.status-none .iconly--icon {
    stroke: #64688a;
}

.status-garden-leave span.btn-status {
    background-color: #e8eaf3;
    color: #64688a !important;
    border: 1px solid #e8eaf3;
}

.status-garden-leave .iconly--icon {
    stroke: #64688a;
}

span.deletedCandidate {
    background-color: #fff8da;
    color: #bf8f00;
    border: 1px solid #f4e398;
}

svg.deletedCandidate {
    stroke: #747474;
}

.p-tag-sm,
.p-tag-sm1 {
    background-color: var(--btn-light-bg);
    padding: 0.12rem 0.55rem;
    border-radius: calc(var(--border-radius-default) * 0.6);
    font-size: var(--base-font-size-xxs);
    color: var(--theme-primary-color);
    line-height: 1.45;
    border: 1px solid var(--input-border-1);
    font-weight: 500;
}

.p-tag-sm.p-tag-xs {
    padding: 0.15rem 0.55rem;
    font-size: calc(var(--base-font-size-xs) * 0.925);
    min-width: 4rem;
}

.p-tag-theme-pri {
    background-color: var(--theme-border-layout);
    color: var(--theme-primary-color);
}

.btn-status,
.p-tag {
    border-radius: calc(var(--border-radius-default) * 0.4) !important;
    position: relative;
    min-width: 6.2rem;
    text-shadow: none;
    text-transform: capitalize;
    display: inline-block;
    padding: 0.3rem 0.55rem;
    font-size: calc(var(--base-font-size-xs) * 0.925);
    text-align: center;
    font-weight: 500;
}

.statusProgress,
.status-yellow,
.p-tag-yellow,
.myTasksIncomplete,
.mTimeOffPending,
.trustLinePending,
.late-tag,
.myProgressInProgress,
.oneNoneDraft {
    background-color: #fff6d9;
    color: var(--yellow-color);
    border: 1px solid var(--yellow-color) !important;
}

.p-tag-light-grey {
    background-color: #f1f1f1;
    color: #3b3b3b;
}

.trustLineOpen,
.mTimeOffCompleted,
.statusCompleted,
.status-green,
.myTasksCompleted,
.oneNoneCompleted,
.mTimeOffApproved,
.p-tag-green,
.myProgressCompleted,
.regularize-tag {
    background-color: #b0f8ca6e;
    border: 1px solid var(--green-color);
    color: var(--green-color);
}

.mTimeOffCancelled,
.trustLineClosed,
.mTimeOffRejected,
.statusCancelled,
.status-red,
.myTasksOverdue,
.p-tag-red,
.oneNoneCancelled,
.missing-tag {
    background-color: #ffe6e7;
    color: var(--overdue-tc);
    border: 1px solid var(--overdue-tc);
}

.oneNoneScheduled,
.statusToStart,
.p-tag-blue,
.woff-tag,
.p-at-blue {
    background-color: #e6f0ff;
    color: #3b75d0;
    border: 1px solid #3b75d0 !important;
}

.p-tag-grey,
.myProgressNotStarted {
    background-color: #ededed;
    color: #424b53;
    border: 1px solid #ededed;
}

.p-light-blue {
    border: 1px solid var(--input-border-1);
    color: var(--theme-primary-color );
    background-color: var(--btn-light-bg);
}

.p-tag-dark-grey {
    background-color: #666666; /* Dark grey */
    color: white;
}

.p-tag-medium-grey {
    background-color: #999999; /* Medium grey */
    color: white;
}

.p-light-yellow {
    border-color: #fff4ca;
    color: #7c6200;
    background-color: #fff4ca;
}

.p-light-salmon {
    border-color: #ffd7da;
    color: #b04f57;
    background-color: #ffd7da;
}

.p-light-tealgreen {
    border-color: #aefced;
    color: #006654;
    background-color: #aefced;
}

.p-light-blue-new {
    border-color: #d4ecff;
    color: #295b84;
    background-color: #d4ecff;
}

/*css for analysis page*/
.p-hlo {
    left: 0;
    top: 0;
    padding: calc(var(--default-gap) * 0.3) 0.6rem;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-hi {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-block;
    border-radius: 0.65rem;
    overflow: hidden;
}

.p-tl-box.p-tl-box-modi-sceen {
    align-items: flex-start;
    padding: calc(var(--box-padding)* 1.8);
    min-height: inherit;
    gap: 1.95rem;
}

.p-tl-box-modi-sceen .hc-default-btn {
    width: 100%;
    --p-btn-min-height: 2.9rem;
}

.p-sc-st-cont .text-primary-color {
    font-size: var(--base-font-size-xl);
}

.p-tl-box-modi-sceen hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-st-cont {
    align-self: flex-start;
    width: 100%
}

.p-sc-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-sc-details-2x label {
        flex: 0 0 6em;
    }

.p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.p-cc {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1600;
}

.p-cc-sq {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.p-cci {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-cci-main {
    height: 100%;
    flex: 1;
    padding: var(--box-padding);
}

.p-sc-st-cont .p-grey-bg-box {
    min-height: 11em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-sc-emoji-scale {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
    flex: 1;
}

.p-sc-sc-foot {
    display: grid;
    align-items: center;
    align-self: center;
    width: 100%;
}

.p-sc-box-w-top-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 1rem;
    height: 100%;
    padding-bottom: 1rem;
}

.p-sc-emoji-scale span {
    font-size: 2.1rem;
    line-height: 1.3;
}

.p-sc-ques-mw {
    padding: 1rem 2.3rem;
    max-width: 1468px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.record-action-btns button.p-btn-small {
    min-width: 7.9rem;
}

.p-sc-que-steps-mw {
    flex: 1;
}

    .p-sc-que-steps-mw .ph-card {
        height: 100%;
    }

.p-sc-que-head {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.25rem;
    margin-bottom: 1.6rem;
}

p-sc-que-head-rc .p-progress-def strong {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.p-sc-que-head-rc .p-progress-def p {
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    margin-top: 0.35rem;
}

label.p-sc-es-wl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sc-que-ans-vid .sc-que-name-count {
    margin-bottom: 1rem;
    position: absolute;
    z-index: 9;
    padding: 1.1rem;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg, black, transparent);
}

    .sc-que-ans-vid .sc-que-name-count label,
    .sc-que-ans-vid .sc-que-name-count h3 {
        color: #fff;
    }

.record-action-btns-vid {
    position: absolute;
    bottom: 3.65rem;
    width: 100%;
    padding: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.sc-que-ans-vid-blurr::before {
    filter: blur(18px);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
}

.record-action-btns-vid .hc-default-btn[disabled] {
    display: none;
}

.p-sc-que-steps-mw .ph-card {
    display: flex;
    flex-direction: column;
}

.sc-que-ans-vid {
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
}

.p-sq-video-mc {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-sq-video-mc video {
        object-fit: cover;
        width: 100%;
        height: calc(100vh - 21em);
        min-height: 600px;
    }

.p-sc-que-steps-mw .overlay {
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

.sc-que-ans-input {
    flex: 1;
    position: relative;
}

.record-screening-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--p-btn-bg);
    border: none;
    padding: 0.6rem 1rem;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    gap: 0.35rem;
    border: 1px solid var(--p-btn-bg);
}

    .record-screening-btn .p-icon {
        stroke: #fff;
    }

.sc-que-ans-input {
    flex: 1;
}

    .sc-que-ans-input textarea {
        height: 100%;
    }

.record-action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .record-action-btns > * {
        flex: 1;
    }

    .record-action-btns .record-screening-btn,
    .p-sq-stop-pause-rec {
        flex: inherit;
    }

.video-preview {
    height: 425px;
    width: 100%;
    min-height: 100%;
    background-color: #444;
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .video-preview video {
        width: 100%;
        height: 100%;
    }

.p-sc-int-mw {
    max-width: 1107px;
    margin: 0 auto;
}

.p-sc-int-welcome {
    display: grid;
    grid-template-columns: 1fr 400px;
    margin: 0 auto;
    gap: 1rem;
}

.p-sc-int-wel-con .p-sc-details-2x label {
    flex: 0 0 auto;
}

.p-sc-int-wel-con .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sc-int-wel-con .ph-card {
    height: 100%;
    padding: 1rem 1.3rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-sc-int-wel-con .p-sc-st-cont {
    width: 100%;
}

.p-sc-int-wel-con .p-add-btn-icon svg {
    stroke: #fff;
}

.p-sc-int-wel-con .p-sc-details-2x {
    gap: 0.3rem;
    align-items: center;
}

.pl-main-head {
    display: flex;
}

.pl-main-head-inner {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 2.7rem;
}

    .pl-main-head-inner h2 {
        font-size: 1.7rem;
    }

    .pl-main-head-inner p {
        font-size: 1.2rem;
        font-weight: 500;
    }

.p-dd-ic-si {
    width: 1rem;
    height: 1rem;
    stroke: var(--primary-color);
    margin-right: 0.2rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4rem;
}

.p-sc-int-vid-cont-dd {
    position: relative;
}

.p-cus-dd-mw-wi {
    display: flex !important;
    align-items: center;
}

    .p-cus-dd-mw-wi .p-cus-dd-selected {
        flex: 1;
    }

.p-sc-int-wel-con hr, .modal-screeing-pre-ins hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-int-vid-cont {
    padding: calc(var(--box-padding) * 0.75);
    background: none;
    position: relative;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: calc(var(--box-padding)* 0.75);
}

    .p-sc-int-vid-cont .p-cus-dd-mw-wi {
        padding-right: 0;
        padding-left: 0.5rem;
    }

    .p-sc-int-vid-cont select {
        width: 100%;
        padding-right: 2.2rem;
        background-position: 95% center;
        cursor: pointer;
        padding-left: 1.6rem;
    }

.p-sc-int-wel-con .p-add-btn-icon {
    border-radius: 10em;
    min-width: 11.5em;
}

.p-ts-vid-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1rem;
}

.p-ts-vid-voice {
    position: absolute;
    bottom: 1.5rem;
    left: 1.1rem;
}

    .p-ts-vid-voice svg {
        width: 2.2rem;
        height: 2.2rem;
    }

.p-fs-vw::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 190px;
    bottom: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
}

.p-ts-vid-voice,
.p-ts-vid-overlay {
    z-index: 2;
}

.p-ts-vids-ov-acts {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 27%);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

    .p-ts-vids-ov-acts svg {
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
        stroke: #fff;
    }

.p-fs-vw {
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-fs-jm {
    height: 100%;
    box-shadow: none;
    min-width: 230px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    max-width: 250px;
}

    .p-fs-jm label {
        font-weight: normal;
        font-size: var(--base-font-size);
        line-height: 1.4;
        text-align: left;
    }

.p-fs-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .p-fs-switch .custom-switch {
        margin-top: -0.2rem;
    }

        .p-fs-switch .custom-switch.custom-switch-sm .custom-control-label {
            padding-left: 0;
        }

    .p-fs-switch:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-fs-vw .OT_publisher:hover .OT_edge-bar-item.OT_mode-auto {
    display: none;
}

.pf-500 {
    font-weight: 500;
}

.pfw-300 {
    font-weight: 300 !important;
}

.profile-ph-card.ph-card {
    margin-bottom: var(--default-gap);
}

.p-dg-sqg .p-dg-cl-right {
    display: flex;
    flex-direction: column;
}

    .p-dg-sqg .p-dg-cl-right .ph-card {
        height: initial;
    }

.p-sq-stop-pause-rec {
    display: flex;
    gap: 1.2rem;
    background: var(--primary-color);
    align-items: center;
    justify-content: center;
    border-radius: 12em;
    padding: 0.55rem 1rem;
}

svg.p-sq-sr {
    stroke: none;
    width: 1.5rem;
    height: 1.5rem;
}

.p-sq-stop-pause-rec label {
    color: #fff;
    font-weight: 500;
    min-width: 2.75rem;
    text-align: center;
}

svg.p-sq-dr {
    stroke: #fff;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-sq-stop-pause-rec svg {
    cursor: pointer;
}

svg.p-sq-sr, svg.p-sq-pr {
    stroke: none;
}

.p-sq-stop-pause-rec hr {
    width: 1px;
    height: 1rem;
    background: #fff;
    margin: 0;
    align-self: center;
    opacity: 0.2;
}

.p-sc-role-head label {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size-xs);
}

    .p-sc-role-head label span {
        color: var(--on-primary-color);
    }

.pfs-lg {
    font-size: var(--base-font-size-lg);
}

.pfs-xl {
    font-size: var(--base-font-size-xl) !important;
}


.pfs-xxl {
    font-size: var(--base-font-size-xxl);
}

.pfs-h5 {
    font-size: var(--base-font-size-h5);
}

.pfs-sm {
    font-size: var(--base-font-size-sm) !important;
}

.pfs-xs {
    font-size: var(--base-font-size-xs);
}

.p-hlo .hp-meet {
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.pg-rh-whf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--box-padding) * 2);
    top: var(--box-padding);
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    align-self: flex-start;
}

.pg-grid-whf {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: auto 1fr;
    gap: var(--default-gap);
    height: 100%;
    padding: var(--default-gap);
}

.pgg-one, .pgg-two {
    grid-column: 1 / 4;
}

.p-vc-def {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: var(--bs-border-radius);
}

    .p-vc-def video {
        width: 100%;
        overflow: hidden;
        transform: scale(1.03);
        height: auto;
        border-radius: var(--bs-border-radius);
        height: calc(100vh - 250px);
        object-fit: cover;
    }

.p-sa-head {
    font-size: var(--base-font-size-xl);
}

.pi-bac {
    position: absolute;
    bottom: 0.45rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1500;
}

.p-sa-vda, .p-vc {
    display: flex;
    justify-content: center;
}

    .p-sa-vda .p-add-btn-icon {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        min-width: 8.1rem;
    }

.p-sa-nm {
    font-size: var(--base-font-size-xl);
}

.p-sa-vw {
    min-height: calc(100% - 36px);
    background-color: rgb(18 21 31 / 88%);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.p-navs-sq button.nav-link {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    grid-row-gap: 0.25rem;
    color: var(--primary-color);
}

.p-dg-cl.p-dg-sqg {
    grid-template-columns: calc(var(--default-sidebar-width) * 1.4) 1fr;
}

.ph-card.profile-ph-card {
    padding: calc(var(--box-padding) * 0.5) calc(var(--box-padding) * 0.8);
}

.p-sq-pr label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dg-sqg .p-dg-cl-right .psq-lw {
    flex: 1;
    height: 250px;
}

.p-ia-qa {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.25rem;
}

.p-ia-qa-ta {
    flex: 1;
}

    .p-ia-qa-ta textarea {
        height: 100%;
    }

#screen .streams {
    height: calc(100%) !important;
    background-color: #3c4043;
    border-radius: var(--bs-border-radius);
    border: 1px solid #3c4043;
    position: relative;
    z-index: 1;
}

section#screen::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.00) 18.01%, rgba(32, 33, 36, 0.30) 100%);
    width: 100%;
    height: 177px;
}

.screen #screen .streams .tc-list li .user-info .name {
    font-size: calc(var(--base-font-size-sm)) !important;
    font-weight: 400;
    color: #fff;
    padding: 0.45rem 1.15rem !important;
    background-color: transparent;
    text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.3);
    max-width: initial !important;
    bottom: 1rem;
}

[data-desktop-status="sharing"] #screen-share.p-vca-btn svg {
    stroke: #242629;
}

.screen #screen .streams[data-current-layout-type="float"] .tc-list li[data-stream-type="publisher"] {
    width: 15rem !important;
    height: 10.1rem !important;
    border: 0;
    bottom: calc(var(--box-padding)* 0.5);
    top: inherit;
    right: calc(var(--box-padding)* 0.45);
    border-radius: var(--bs-border-radius);
    background-color: #202124;
}

.screen #screen .streams .tc-list li {
    border-radius: var(--bs-border-radius);
    border: 0px solid transparent;
}

.p-ve-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.p-ve-grid-tiles {
    min-height: 3.7rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles {
    max-height: 6.2rem;
    min-height: 6.2rem;
}

.p-ve-grid-tiles img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.p-ve-grid-tiles {
    cursor: pointer;
}

    .p-ve-grid-tiles small {
        color: var(--primary-color);
    }

.p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.08rem;
    height: 1.08rem;
}

.p-ve-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    fill: var(--primary-color)
}

.p-ve-grid-tiles {
    min-height: 4rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all .3s;
}

    .p-ve-grid-tiles:hover, .p-ve-grid-tiles-active {
        box-shadow: 0px 0px 8px var(--p-btn-bg);
        border: 2px solid var(--p-btn-bg) !important;
    }

.p-ve-grid-tiles-none, .p-ve-grid-tiles-blurr {
    background-color: var(--sec-light-color7);
    border: 2px solid var(--sec-light-color6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.15rem;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.act-sc-int-btns-fill svg {
    fill: #242629;
    stroke: none !important;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.58rem;
    height: 1.58rem;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles small {
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.sidebar-apply-bg-effect .p-ve-icon {
    width: 20px;
    height: 20px;
}

@media(min-width: 2550px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.7) 1fr;
    }
}

@media(max-width: 1650px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.1) 1fr;
    }
}


.controls .audio-action.enabled [data-icon="audio"],
.controls .audio-action.enabled [data-icon="audio"]:hover,
.controls .audio-action.enabled [data-icon="audio"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Voice%3C/title%3E%3Cg id='Iconly/Light/Voice' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Voice' transform='translate(4.000000, 2.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='7.99979045' y1='20' x2='7.99979045' y2='16.8390306' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M7.99979045,12.8480829 L7.99979045,12.8480829 C5.75658438,12.8480829 3.937712,11.0218152 3.937712,8.76819031 L3.937712,4.08094524 C3.937712,1.82732033 5.75658438,-3.55271368e-15 7.99979045,-3.55271368e-15 C10.2440443,-3.55271368e-15 12.0618689,1.82732033 12.0618689,4.08094524 L12.0618689,8.76819031 C12.0618689,11.0218152 10.2440443,12.8480829 7.99979045,12.8480829 Z' id='Stroke-3'%3E%3C/path%3E%3Cpath d='M16,8.80061051 C16,13.2394411 12.4188331,16.8382937 7.99947613,16.8382937 C3.58116692,16.8382937 0,13.2394411 0,8.80061051' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.controls .audio-action [data-icon="audio"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.79199 10.9102V10.9286C4.79199 14.9107 8.01791 18.1454 11.9999 18.1541C13.7117 18.1541 15.2881 17.5508 16.523 16.5504' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97266 4.60371C9.63049 3.63934 10.7389 3 12.0001 3C14.0271 3 15.658 4.63972 15.658 6.65799V10.8843C15.658 11.0186 15.6493 11.1451 15.6396 11.2716' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.34183 8.36914V10.8827C8.33307 12.901 9.97279 14.5504 11.9998 14.5592C12.7209 14.5592 13.3875 14.3432 13.9548 13.9831' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2089 19.2343L4.79297 4.81836' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.002 21.0007V18.1523' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2093 10.9102C19.2093 12.0546 18.9475 13.1357 18.4707 14.0991' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action.enabled [data-icon="video"],
.controls .video-action.enabled [data-icon="desktop"],
.controls .video-action.enabled [data-icon="video"]:hover,
.controls .video-action.enabled [data-icon="desktop"]:hover,
.controls .video-action.enabled [data-icon="video"]:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6403 4.75391H5.84984C3.48329 4.75391 2 6.42963 2 8.80051V15.1985C2 17.5694 3.47572 19.2451 5.84984 19.2451H12.6392C15.0133 19.2451 16.4912 17.5694 16.4912 15.1985V8.80051C16.4912 6.42963 15.0133 4.75391 12.6403 4.75391Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4844 9.99068L19.891 7.20249C20.4423 6.75058 21.2564 6.83167 21.7083 7.38304C21.8975 7.61439 22.0013 7.90413 22.0002 8.20252L21.9883 15.8038C21.9862 16.5174 21.4078 17.0947 20.6942 17.0925C20.3969 17.0925 20.1083 16.9887 19.878 16.7995L16.4844 14.0124' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action [data-icon="video"], .video-action [data-icon="desktop"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5752 10.0382L20.8238 7.37983C21.3492 6.94956 22.1254 7.02632 22.5556 7.55172C22.7362 7.77226 22.8356 8.04901 22.8346 8.33333L22.8227 15.5819C22.8216 16.2619 22.2692 16.8122 21.5892 16.8111C21.3048 16.81 21.0303 16.7116 20.8108 16.5311L18.1978 14.3895C17.8087 14.0706 17.5827 13.5938 17.5827 13.0911V8.90414C17.5827 6.77443 15.8562 5.04688 13.7255 5.04688H9.49414' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.98441 5.90234C4.19523 6.58342 3.76172 7.63855 3.76172 8.90124V15.0071C3.76172 17.2666 5.17144 18.8644 7.43088 18.8644H13.9119C14.9281 18.8644 15.7757 18.539 16.3973 17.9757' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6565 20.3682L2.83398 3.62891' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.screen #screen .controls .buttons {
    padding: 0.3rem !important;
}

    .screen #screen .controls .buttons div {
        display: none !important;
        padding: 2px 7px 0px 7px;
    }

.buttons [data-icon] {
    cursor: pointer;
}

.screen #screen .streams .tc-list li .user-info {
    bottom: 0.15rem;
    opacity: 1 !important;
    -ms-transform: translateY(100%);
    transform: none;
    transition: all 1s;
    text-align: left;
}

.tc-list li[data-stream-type="camera"] .controls {
    top: 1.05rem !important;
    right: 1.15rem;
    left: initial !important;
}

.pi-bac {
    width: 100%;
    padding: 0 2rem;
}

.pi-time label {
    color: #fff;
    font-size: calc(var(--base-font-size-sm)* 0.95);
    font-weight: 400;
}

.p-time-countdown {
}

    .p-time-countdown label {
        font-size: 1.1rem;
        min-width: 3.4em;
    }

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.5rem;
    border-radius: 5rem;
    transition: all .10s;
    margin-right: 1.6rem;
    z-index: 99999;
}

.pi-sa-btns button,
.pi-sa-btns button:hover,
.pi-sa-btns button:active {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

svg.p-icon[data-icon="message"] {
    width: 1.15rem;
    height: 1.15rem;
}

.pi-sa-btns .p-icon {
    stroke: var(--primary-color);
}

.pi-chat-msg {
    width: 1.15rem;
}

.p-ivcw {
    display: flex;
    padding: calc(var(--box-padding) * 0.5);
    background-color: #202124;
    height: 100vh;
    gap: calc(var(--box-padding) * 0.5);
}

.p-icsw {
    display: block !important;
    color: var(--on-primary-color);
    display: none;
    background-color: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    height: calc(100% - 3.6rem);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 310px;
    transition: all .3s !important;
    overflow: hidden;
}

    .p-icsw .p-chat-area .btn-sendchat {
        right: 0.5rem;
    }

    .p-icsw .p-chat-area {
        min-height: initial;
        background-color: var(--grey-bg-2);
    }

        .p-icsw .p-chat-area textarea {
            padding-right: 2.2rem;
            font-size: var(--base-font-size-xxs);
        }

.p-vc.callcontrols {
    border-radius: 47px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(60, 64, 67, 0.15);
    backdrop-filter: blur(14.550000190734863px);
    padding: 0.42rem 0.6rem;
}

#chat.js-show-chat-active,
#changeBackground.js-show-chat-active {
    margin-right: -321px;
}

#candidateOverview.js-show-chat-active {
    margin-right: -612px;
}

.screen {
    flex: 1;
    height: calc(100% - 3.6rem);
}

.p-intw-name {
    position: absolute;
    bottom: 1rem;
    left: 1.2rem;
    color: #fff;
    font-weight: 400;
    font-size: var(--base-font-size-sm);
    z-index: 2;
}

.p-ics-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    gap: 0.3rem;
}

.p-icasw {
    flex: 1;
    width: 100%;
}

.p-chat-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: var(--chat-input-mh);
}

    .p-chat-area textarea {
        display: block;
        max-height: 180px;
        overflow: hidden;
        font-size: var(--base-font-size);
        border: 0;
        cursor: text;
        margin-right: 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        padding: 0.5rem 0.55rem 0.35rem;
        width: 100%;
        height: auto;
        font-family: var(--primary-font);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--input-border-1);
        min-height: 2.2rem !important;
        line-height: 1.2;
        margin: 0;
        color: var(--primary-color);
    }

.p-icsw-chat-mi {
    background-color: var(--grey-bg-2);
    color: var(--primary-color);
    width: 100%;
    font-size: calc(var(--base-font-size-xxs)* 0.85);
    padding: 0.55rem 0.45rem;
    text-align: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    margin-bottom: 0;
    margin-top: 1.5rem;
    line-height: 1.25;
}

.btn-sendchat {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.p-info-msg.p-info-msg-green-ic {
    font-size: var(--base-font-size-xs);
    gap: 0.55rem;
    line-height: 1.2;
    border-width: 1px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

    .p-info-msg.p-info-msg-green-ic svg, .p-info-msg.p-info-msg-green-ic p {
        display: inline;
        font-size: var(--base-font-size-xxs);
    }

    .p-info-msg.p-info-msg-green-ic .info-icon-dialog {
        --play-btn-width: 1rem;
        position: relative;
        top: -0.19rem;
    }

.p-icasw ul,
.p-chih,
.p-chat-area {
    padding: 1.3rem calc(var(--box-padding) * 0.5) !important;
}

.tc-list.p-icasw li {
    max-width: 100%;
    min-width: 130px;
    padding: 0.5rem;
    border-radius: 8px;
    background: var(--bg-default);
    position: relative;
    display: flex;
    color: var(--primary-color);
    border-bottom: none;
    margin-right: 1.5rem;
}

.p-ivcw .p-sb-gene-header,
.p-ivcw .p-sb-gene-body,
.p-ivcw .p-sb-gene-footer-up {
    padding: calc(var(--box-padding) * 0.75);
}

/*.p-icasw li:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--bg-default) transparent transparent;
}*/

.tc-list.p-icasw li {
    border-bottom-left-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 0;
    background: #D7E5FF;
    color: #14366F;
    margin-left: 1.5rem;
    margin-right: 0;
}

    .p-icasw li.yourself:after {
        width: 0;
        height: 0;
        content: "";
        top: 0px;
        right: -10px;
        left: initial;
        position: absolute;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #D7E5FF transparent transparent transparent;
    }

.time {
    font-size: calc(var(--base-font-size-xxs) * 0.84);
}

.sender {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
}

.tc-list.p-icasw li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.p-icasw li p {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 5px;
    flex: 1;
    font-size: 0.7rem;
}

    .p-icasw li p p {
        margin-top: 0.15rem;
        margin-bottom: 0;
        grid-column: 1 / 3;
    }

.p-mw-12 {
    max-width: 12em;
}

.sender {
    grid-column: 1;
    grid-row: 1;
    font-weight: 500;
}

.time {
    grid-column: 2;
    justify-self: end;
}

.tc-list.p-icasw .event {
    background-color: transparent;
    border: none;
    font-size: 0.65rem;
    text-align: center;
    color: var(--on-primary-color);
    padding: 0;
    justify-content: center;
    margin: 0;
}

    .tc-list.p-icasw .event p {
        font-size: 0.6rem;
        flex: 1;
        justify-content: center;
    }

    .tc-list.p-icasw .event::after {
        display: none;
    }

.p-icasw.p-scroll-overlay {
    height: 100%;
    overflow-y: auto;
}

.p-chat-area textarea::placeholder {
    font-size: 0.7rem;
    color: var(--placeholder-color);
    position: relative;
    top: 1px;
}

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.8rem;
    border-radius: 5rem;
}

.feild-set-default .ph-5 {
    font-size: calc(var(--base-font-size-h5) * 0.93);
}

.subhead-grey {
    color: var(--on-primary-color);
}

.p-gc-row-cust {
    display: grid;
    grid-template-columns: auto auto auto repeat(9, 1fr);
    grid-template-rows: auto auto auto;
    grid-gap: 0 1.6rem;
}

.p-com-profile-wrap {
    grid-area: col-img-profile;
}

.p-cp-col1 {
    grid-area: col1;
}

.p-cp-col2 {
    grid-area: col2;
}

.p-cp-col3 {
    grid-area: col3;
}

.p-cp-col4 {
    grid-area: col4;
}

.p-cp-col5 {
    grid-area: col5;
}

.p-cp-col6 {
    grid-area: col6;
}

.p-cp-col7 {
    grid-area: col7;
}

.p-cp-col8 {
    grid-area: col8;
}

.p-cp-col9 {
    grid-area: col9;
}

.p-cp-col10 {
    grid-area: col10;
}

.p-gc-row-cust {
    grid-template-areas:
        "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
        "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
        "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
        "col-img-profile col-img-profile col-img-profile col10 col10 col10 . . . . . ."
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

@media (min-width: 1650px) {
    .p-gc-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*@media (max-width: 1650px) {
    .p-gc-row-cust {
        grid-template-areas:
            "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
            "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
            "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
    }
}*/

@media (max-width: 768px) {
    .p-gc-row-cust {
        grid-template-columns: 1fr; /* Stack columns on smaller screens */
        grid-template-areas:
            "col1"
            "col2"
            "col3"
            "col4"
            "col5"
            "col6";
    }
}


.p-al-exp-btn-rt .dx-datagrid-export-button .dx-button-content {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px !important;
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-active,
.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused {
    background-color: var(--bg-default);
    border-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-state-hover {
    background-color: var(--bg-default-pattern) !important;
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-toolbar-after .dx-toolbar-item {
    padding-left: 0;
}

.p-al-exp-btn-rt .dx-datagrid-export-button {
    float: right;
    position: absolute;
    right: 0;
    top: 3px;
}

    .p-al-exp-btn-rt .dx-datagrid-export-button i.dx-icon-export-excel-button {
        font-size: 1.22rem;
        width: initial;
        height: initial;
        color: var(--primary-color);
    }

.p-al-exp-btn-rt .dx-toolbar-items-container .dx-toolbar-after {
    position: initial;
}



.round-corners-defs {
    height: 0;
    width: 0;
    position: absolute;
}

/*.p-fb-emj-wrp {
    display: grid;
    grid-template-columns: 24.5em 1fr;
    align-items: center;
    gap: 0.75rem;
}*/

.session-feedback-rate .ratingDiv {
    text-align: left;
    margin-top: 0.15rem;
}

.ratingDiv .jq-ry-container {
    margin-bottom: 0.5rem;
}

/*.ph-fdbk-pl .p-fb-emj-wrp {
    grid-template-columns: 23em 1fr;
}*/

.emma-head {
    display: block;
    margin-bottom: 0.2rem;
}

.link-btn-wl {
    min-width: 101px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr {
    flex-shrink: 0;
}

.p-jobs-af {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    padding: calc(var(--box-padding) * 0.55);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1.25rem;
}

    .p-jobs-af .p-ani-btn-wrpr .p-ani-btn {
        min-width: 164px;
    }

    .p-jobs-af small {
        line-height: 1.4;
        display: inline-block;
    }


@media(max-width: 576px) {
    .p-jobs-af {
        flex-direction: column;
    }
}
/*css for Kanban */

main.kanban-drag {
    flex-grow: 1;
    overflow: auto;
    margin-right: -0.25rem;
    padding-right: 0.05rem;
    max-height: 100%;
    height: 100%;
    padding-bottom: 0.5rem;
}

.kanban-container {
    width: 100% !important;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    overflow-x: auto;
}

.kanban-board {
    width: initial !important;
    flex-direction: column;
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    max-width: 18em;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    position: relative;
    min-width: 17.4em;
    height: 100%;
    padding-bottom: 0.3rem;
}

.kanban-scroll-lf-rt {
    justify-content: end;
    position: absolute;
    right: 0;
    top: -3rem;
    gap: 1.2rem;
}

.kanban-scroll-lf-rt .icon.ni {
    cursor: pointer;
    padding: 0.4em;
    border-radius: 50%;
    color: var(--on-primary-color);
}

.kanban-scroll-lf-rt .icon.ni:hover {
    background: var(--bg-default);
    color: var(--primary-color);
}

#myKanban,
.kanban-card-he {
    max-width: 100%;
    height: calc(100% - 11.8em);
    overflow: hidden;
    overflow-x: auto;
}

.kanban-card-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 20em);
    top: calc(50% - 6rem) !important;
}

.kanban-title-board {
    font-size: calc(var(--base-font-size-h5) * 0.9);
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.6rem;
    color: var(--primary-color);
}

.kanban-icon-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.kanban-icon-item .p-icon {
    stroke: var(--on-primary-color);
}

.kanban-icons {
    display: flex;
    animation: initial;
    color: gainsboro;
    gap: 0.7rem;
    cursor: pointer;
}

    .kanban-icons .p-icon-xs {
        width: 0.95rem;
        height: 0.95rem;
    }

.kanban-icons-score.kanban-icon-item {
    gap: 0.4rem;
}

.kanban-icons-score svg {
    fill: var(--on-primary-color);
    stroke: none !important;
}

.kanban-icons-chat .p-icon.p-icon-xs {
    width: 0.98rem;
    height: 0.98rem;
    position: relative;
    top: 1px;
}

.p-kb-tag svg.p-icon {
    cursor: pointer;
}

    .p-kb-tag svg.p-icon:hover {
        stroke: var(--p-icon-color);
    }

.kanban-icons-recording {
    display: none;
}

.kanban-badge {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    min-width: 80px;
    font-size: var(--base-font-size-sm);
}

.kanban-body {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: calc(var(--box-padding)* 0.05) calc(var(--box-padding)* 0.5);
}

.p-kb-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.69rem;
    padding: 0.23rem 0.625rem 0.25rem;
    background-color: var(--p-grey-2);
    font-weight: 500;
    border-radius: var(--bs-border-radius);
}

span.p-kb-tag-more {
    font-size: 0.7rem;
    cursor: pointer;
    font-weight: 500;
}

    span.p-kb-tag-more:hover {
        text-decoration: underline;
    }

.kanban-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.kanban-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-tal-pro label.p-kb-tag {
    background-color: rgb(220 223 234);
    color: var(--primary-color);
}

.kanban-badge-yellow {
    background-color: #faface;
    color: #957c00;
}

header.kanban-board-header {
    margin-bottom: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    min-height: 48px;
}

.kanban-title .avatar {
    align-self: flex-start;
}

.kanban-item {
    margin-bottom: 0.8rem;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--p--border-1);
    width: 100%;
}

.kanban-footer-add-cand {
    display: none;
}

.kanban-item .p-dd-wp-wrapper,
.p-kb-actions {
    right: 0.25rem;
    top: 0.35rem;
    position: absolute;
}

    .p-kb-actions .p-dd-wp-wrapper {
        position: initial;
    }

.kanban-item .p-dd-wp-wrapper,
.p-kb-actions,
.p-sp-section .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

    .kanban-item:hover .p-dd-wp-wrapper,
    .p-kb-actions:hover .p-dd-wp-wrapper,
    .kanban-item:hover .p-kb-actions,
    .p-sp-section:hover .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
        z-index: 9;
    }

.p-sp-section .dx-datagrid .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
    z-index: initial;
}

.p-kb-actions {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.35rem;
    z-index: 9;
}

    .kanban-item:hover .p-kb-actions, .p-kb-actions.p-kb-actions-active {
        background: linear-gradient(-90deg, #ffffff 51%, transparent);
        padding-left: 4.3rem;
        padding-bottom: 0.1rem;
    }

    .p-kb-actions.p-kb-actions-active {
        visibility: visible;
        opacity: 1;
    }

.kanban-title-name::after {
    content: "";
    width: 40px;
    right: -3px;
    background: linear-gradient(-90deg, #ffffff 3%, transparent);
    height: 100%;
    display: block;
    position: absolute;
}

.kanban-card {
    border: none;
    font-size: 1rem;
    /*z-index: 1;*/
}

.kanban-footer span.btn-status {
    padding: 0.2rem 0.5rem;
    min-width: 3rem;
    line-height: 1.4;
    min-width: 5.25rem;
}

.kanban-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 0.55rem;
}

    .kanban-header > .pdf {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.3rem;
        font-size: var(--base-font-size-xxs);
    }

    .kanban-header .pdf .p-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.kanban-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    width: 100%;
}


.kanban-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0rem;
    gap: 1.1rem;
    border-top: 0 solid var(--p--border-1);
}

    .kanban-footer .text-muted {
        font-size: 0.875rem;
        display: flex;
        align-items: center;
    }

    .kanban-footer .avatar {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        margin-left: 0.5rem;
    }

.card-count {
    background-color: #fff;
    border-radius: 0.7rem;
    margin-right: 0.35rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.3rem;
    font-size: 0.7rem;
    border: 1px solid var(--input-border-1);
    color: var(--on-primary-color);
}

.kanban-icons .kanban-icons-recording .p-icon-xs {
    width: 0.93rem;
    height: 0.93rem;
    margin-left: 0.15rem;
    margin-top: 0.12rem;
}

header.kanban-board-header {
    padding-bottom: 0.9rem;
    margin-bottom: 1.1rem;
    position: relative;
}

    header.kanban-board-header::after {
        content: '';
        bottom: 0;
        position: absolute;
        left: 0;
        height: 0.13rem;
        width: 100%;
        border-radius: 3rem;
        background-color: #F8CACD;
    }

.kanban-board[data-id="_kbCandidates"] .kanban-board-header::after {
    background-color: #62E3CA;
}

.kanban-board[data-id="_kbScreening"] .kanban-board-header::after {
    background-color: #81C3FA;
}

.kanban-board[data-id="_kbInterview1"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbInterview3"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbInterview4"] .kanban-board-header::after {
    background-color: #F4DF7A;
}

.kanban-board[data-id="_kbHiring"] .kanban-board-header::after {
    background-color: #a5da3f;
}

.kanban-board[data-id="_kbOffers"] .kanban-board-header::after {
    background-color: #9895D8;
}

.kanban-board[data-id="_kbContracts"] .kanban-board-header::after {
    background-color: #ffa985;
}

.kanban-board[data-id="_kbOnHold"] .kanban-board-header::after {
    background-color: #D33D44;
}

/*.kanban-board[data-id="_kbCandidates"] {
    background-color: #D4CEFF;
}*/
.kanban-board-header em.icon.ni-plus {
    cursor: pointer;
    color: var(--on-primary-color);
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-title-board,
.kanban-board[data-id="_kbCandidates"] .kanban-board-header em.icon.ni-plus {
    color: #4A32B2;
}

.kanban-board[data-id="_kbScreening"] { background-color: #CAE4FF;
}

.kanban-board[data-id="_kbScreening"] .kanban-title-board,
.kanban-board[data-id="_kbScreening"] .kanban-board-header em.icon.ni-plus {
    color: #004F9F;
}

.kanban-board[data-id="_kbInterview1"] {
    background-color: #fff2d3;
}

.kanban-board[data-id="_kbInterview1"] .kanban-title-board,
.kanban-board[data-id="_kbInterview1"] .kanban-board-header em.icon.ni-plus {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] {
    background-color: #CEFFDE;
}

.kanban-board[data-id="_kbHiring"] .kanban-title-board {
    color: #046c26;
}*/

.add-task-btn {
    background-color: transparent;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-weight: 500;
}

.kanban-board[data-id="_kbCandidates"] .add-task-btn {
    border: 0.14em dashed #4A32B2;
    color: #4A32B2;
}

    .kanban-board[data-id="_kbCandidates"] .add-task-btn .icon.ni {
        color: #4A32B2;
    }

.kanban-board[data-id="_kbScreening"] .add-task-btn {
    border: 0.14em dashed #004F9F;
    color: #004F9F;
}

    .kanban-board[data-id="_kbScreening"] .add-task-btn .icon.ni {
        color: #004F9F;
    }

.kanban-board[data-id="_kbInterview1"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview3"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview4"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

.kanban-board[data-id="_kbInterview1"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbInterview3"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbInterview4"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbHiring"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-board[data-id="_kbOnHold"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbOnHold"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-title-name {
    display: grid;
    gap: 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    max-width: 163px;
    position: relative;
    width: 100%;
}

    .kanban-title-name > span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        --max-lines: 1;
        position: relative;
        max-height: calc(var(--lh) * var(--max-lines));
        overflow: hidden;
        font-size: var(--base-font-size-sm);
    }

    .kanban-title-name .pdf {
        row-gap: 0.25rem;
        margin-left: -1px;
    }

    .kanban-title-name .pdf-gap-5xs {
        gap: 0.18rem;
    }

    .kanban-title-name .pdf.pdf-gap-xs {
        flex-direction: column;
        gap: 0.25rem;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .kanban-title-name .pdf span {
        font-size: calc(var(--base-font-size-xxs) * .925);
        font-weight: 400;
        color: var(--on-primary-color);
        line-height: 1.3;
        position: relative;
        top: 1px;
    }

.kanban-item .p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
}

.p-kb-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: grab;
}

.kanban-header {
    padding: calc(var(--box-padding)* 0.5);
    margin-top: 0rem;
}

    .kanban-header span.one-line-clamp {
        color: var(--p-icon-color);
        display: block !important;
    }

.kanban-footer {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 0.5);
}

.kanban-item .p-dd-wp-dot-icon {
    fill: var(--on-primary-color);
    width: 1.55rem;
    height: 1.55rem;
}

.kanban-status-select {
    border-color: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    color: var(--on-primary-color);
    background-size: 10px;
    background-position: 99%;
    text-align: left;
    padding: 0rem 0.4rem;
    padding-right: 1.05rem;
    background-color: transparent;
    font-weight: 500;
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-status-select {
    color: var(--overdue-tc);
}

.kanban-board[data-id="_kbScreening"] .kanban-status-select {
    color: #957c00;
}

.kanban-board[data-id="_kbInterview1"] .kanban-status-select {
    color: var(--complete-tc);
}

.kanban-board[data-id="_kbHiring"] .kanban-status-select {
    color: var(--overdue-tc);
}*/


@media(max-width: 1700px) {
    .kanban-badge {
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

    .kanban-title {
        gap: 0.55rem;
    }

    .kanban-board {
        max-width: initial;
    }
}


@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 12px !important;
    }
}

@media(max-width: 1500px) {
    .kanban-container {
        gap: 0.9rem;
    }

    .kanban-item {
        margin-bottom: 0.45rem;
    }
}

@media(max-width: 1455px) {
    #myKanban, .kanban-card-he {
        height: calc(100% - 11.5em);
    }
}

.p-sc-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    max-width: 73vw;
}

.p-sc-content {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    flex: 1;
    gap: 20px; /* Adjust gap between items */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
}

    .p-sc-content::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome/Safari */
    }

    .p-sc-content p {
        white-space: nowrap; /* Prevent text from wrapping */
    }

.p-sc-arrow {
    display: none;
    cursor: pointer;
    font-size: 24px;
    padding: 2px;
    color: white;
    border-radius: 50%;
    user-select: none;
    position: absolute;
    z-index: 1;
    min-width: 41px;
    text-align: center;
}

    .p-sc-arrow::before,
    .p-sc-arrow::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        min-width: 50px;
    }

.js-sc-left-arrow::before {
    left: 0;
    background: linear-gradient(90deg, #ffffff 70%, transparent);
}

.js-sc-right-arrow::before {
    right: 0;
    background: linear-gradient(-90deg, #ffffff 70%, transparent);
}

.p-sc-arrow svg {
    z-index: 99;
    position: relative;
    top: -2px;
}

.js-sc-right-arrow {
    right: -11px;
}

.js-sc-left-arrow {
    left: -11px;
}

.js-sc-right-arrow svg {
    right: 0;
}

.js-sc-left-arrow svg {
    left: 0;
}


/*kanban ends here*/
.plumm-logo-icon {
    width: 200px;
    height: 200px;
    visibility: hidden; /* Initially hide the logo */
    z-index: 999;
}

.p-rect-iw {
    position: relative;
    cursor: pointer;
}

    .p-rect-iw svg.p-iic {
        position: absolute;
        top: 0.7rem;
        left: 0.7rem;
    }

.kanban-board[data-id="_kbHiring"] main.kanban-drag {
    min-height: 20.8em;
}

@media(max-width: 991px) {
    .ph-fdbk-pl .p-fb-emj-wrp {
        grid-template-columns: 1fr;
    }

    .session-feedback-helping .emojis-wrapper-item {
        min-width: 90px;
    }
}


/*generic dropdown code*/
.p-gene-number input.dx-texteditor-input {
    max-width: 4.5em;
}

.p-gene-num-fw.p-gene-number input.dx-texteditor-input {
    max-width: 100%;
}


textarea.p-textarea-def.form-control {
    height: initial;
    min-height: 10em;
}

textarea.p-textarea-def-sm.form-control {
    height: initial;
    min-height: 5em;
}

.p-gene-number input.dx-texteditor-input,
.p-gene-sel-dd input.dx-texteditor-input,
.p-num-rb input.dx-texteditor-input {
    border: none;
}

.p-form-check-input[disabled] {
    cursor: default;
}

    .p-form-check-input[disabled] + label {
        opacity: 0.6;
        cursor: default;
    }

/*css for free trial*/
.p-ft-ca-mw {
    background: url(https://liveplummblob.blob.core.windows.net/content/12022024101115.png);
    background-size: cover;
    padding-bottom: 4rem;
    background-color: #1c4a8b;
}

.header-custom-cont {
    padding-top: 1.45rem;
}

.p-bl-head-1 {
    font-size: 1.65rem;
}

.p-ft-ca-container {
    display: grid;
    grid-template-columns: 1fr 500px;
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 3);
    margin: 2rem 0;
    overflow: hidden;
    margin-top: 2.6rem;
}

.p-fr-sl-img-mw {
    border-radius: calc(var(--bs-border-radius) * 2);
    overflow: hidden;
    margin-bottom: 2.75rem;
}

    .p-fr-sl-img-mw img {
        width: 100%;
        height: auto;
    }

.p-ft-ca-right-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--bg-default);
    padding-top: 3.35rem;
}

.p-ft-slides p {
    text-align: center;
    color: var(--bg--def-txt-col);
    padding-bottom: 3.2rem;
}

.p-ft-ca-left-mw {
    padding: 3rem 4rem;
}

.p-ft-ca-right-mw .swiper-container-horizontal > .swiper-pagination-bullets,
.p-ft-ca-right-mw .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: center;
}

.p-ft-ca-img img {
    max-width: 550px;
}

.p-cen-txt-modal .modal-body {
    padding: 2.6em;
    text-align: center;
}


.p-cen-txt-modal .modal-content {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    max-width: 660px;
}

.p-cen-txt-modal .continue-button {
    font-size: 1rem;
}


.brand-logo {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    fill: var(--primary-accent-color);
}

.p-sidenav-logo,
.p-tl-bl,
.p-hi {
    background: var(--indigo-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    fill: #fff;
    padding: 0.65rem;
}

.main-sidebar .p-sidenav-logo {
    transition: all .3s;
    border-radius: 0.4rem;
    padding: 0.35rem;
}

.brand-logo-cen {
    margin-bottom: 2rem;
}

.p-ft-ca-form .p-custom-checkbox .custom-control-label::before {
    border: 1px solid #e2e1e1;
}

@media(max-width: 1600px) {
    .p-ft-ca-img img {
        max-width: 450px;
    }
}

@media(max-width: 1024px) {
    .p-ft-ca-left-mw,
    .p-ft-ca-right-mw {
        padding: 1.7rem;
    }
}

@media(max-width: 991px) {

    .p-ft-ca-container {
        grid-template-columns: 100%;
        margin-top: 1.6rem;
    }

    .p-ft-ca-right-mw {
        display: none;
    }
}

.show-msg-ew-p-abs {
    position: fixed;
    z-index: 1039;
    width: 100%;
    max-width: 1900px;
    right: calc(var(--default-container-gap));
    top: -10px;
    margin-left: calc(var(--custom-sidebar-width) * 0.5);
    display: flex;
    justify-content: flex-end;
    margin-top: 4.6rem;
}

@media(min-width: 2101px) {
    .show-msg-ew-p-abs {
        max-width: 1900px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: calc(var(--custom-sidebar-width) * 0.5);
    }
}

.show-msg-free-trial a.p-text-underline {
    color: #fff;
}

.show-msg-free-trial {
    justify-content: flex-start;
    display: inline-flex;
    background-color: transparent;
    color: #fff;
    border-radius: 10em;
    padding: 0.4rem 1.4rem;
    padding-right: 0.4rem;
    align-items: center;
    gap: 1rem;
    max-width: 1010px;
}

.show-msg-ew {
    margin-left: var(--custom-sidebar-width);
    margin-top: var(--nav-min-height);
    padding: var(--default-container-gap);
    padding-bottom: 0;
    margin-bottom: calc(var(--nav-min-height) * -1);
}

.show-msg-free-trial svg.p-icon {
    stroke: var(--primary-color);
    position: relative;
    top: -0.035em;
}

.show-msg-free-trial .p-btn-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
    border-radius: 10em;
    padding: 0.45rem 1.2rem;
    min-height: initial;
    font-weight: 600;
}

    .show-msg-free-trial .p-btn-sm:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
        color: #fff;
        border-color: transparent;
    }

.show-msg-free-trial-ended.show-msg-free-trial {
    background-color: var(--salmon-new-color2);
    color: var(--primary-color);
    border: 1px solid var(--salmon-new-color);
}

.show-msg-free-trial-ended .p-btn-sm {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

.p-modal-sb .form-group > label,
.p-modal-sb .p-form-label,
.inline-img-upoad p, .p-control-lbl,
.p-ai-grd-bor label.control-label {
    padding-left: 0.3rem;
}

.form-group .text-danger {
    left: 0.3rem;
}

.policy-lbl-algn .form-group.row > label {
    padding-left: 0;
}

.policy-lbl-algn .form-group.row label.col-sm-3 {
    padding-left: 15px !important;
}

.pso-form-wrapper.pso-form-save-send .ctop-mb-inner label.custom-control-label {
    padding-left: 15px !important;
    padding-top: 4px !important;
}

.policy-lbl-algn .form-group.row .col-sm-9 .form-group label {
    padding-left: 0;
}

.policy-lbl-algn .form-group.row label.col-sm-12 {
    padding-left: 15px;
}

.p-modal-sb .align-add-pol .form-group > label {
    padding-left: 15px;
}

.p-modal-sb .p-la-sepe-head .form-group label {
    padding-left: 0;
}
/*dx toast */

.dx-toast .dx-toast-content {
    width: initial !important;
    max-width: 1400px;
    color: #fff;
    padding: 0.6rem 1.3rem 0.6rem 0.9rem;
    border-radius: calc(var(--bs-border-radius) * 0.55);
    display: inline-flex;
    align-items: center;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 7%);
}

.dx-toast .dx-toast-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    background-position: center center;
    background-size: 100%;
    box-shadow: none;
    margin-right: 4px;
}

.dx-toast .dx-toast-message {
    line-height: 17px;
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.dx-toast .dx-toast-success {
    background: var(--green-color);
}

.dx-toast .dx-toast-success .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M50.5 3C76.7343 3 98 24.2657 98 50.5C98 76.7343 76.7343 98 50.5 98C24.2657 98 3 76.7343 3 50.5C3 24.2657 24.2657 3 50.5 3ZM26.9853 51.1196C25.2308 49.1804 25.3827 46.1867 27.319 44.4352C29.2582 42.6806 32.2519 42.8326 34.0034 44.7688L45.8352 57.8428L71.4023 31.4327C73.2283 29.556 76.2279 29.5143 78.1046 31.3403C79.9812 33.1663 80.0229 36.166 78.1969 38.0426L49.1208 68.0779L49.1149 68.072C49.0464 68.1435 48.9719 68.2149 48.8974 68.2805C46.9612 70.035 43.9675 69.8861 42.213 67.9469L26.9824 51.1196H26.9853Z' fill='white'/%3E%3C/svg%3E") !important;
    background-size: 79%;
}

.dx-toast {
    background-color: transparent !important;
}

.dx-toast .dx-toast-error {
    background: var(--overdue-tc);
}

.dx-toast .dx-toast-error .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M50.5 3C24.2705 3 3 24.2705 3 50.5C3 76.7295 24.2705 98 50.5 98C76.7295 98 98 76.7295 98 50.5C98 24.2705 76.7295 3 50.5 3ZM69.082 62.47C69.994 63.382 70.45 64.579 70.45 65.776C70.45 66.973 69.994 68.17 69.082 69.082C67.258 70.906 64.3035 70.906 62.47 69.082L50.5 57.1025L38.5205 69.082C37.6085 69.994 36.4115 70.45 35.224 70.45C34.027 70.45 32.83 69.994 31.918 69.082C30.094 67.258 30.094 64.3035 31.918 62.47L43.8975 50.5L31.918 38.5205C30.094 36.6965 30.094 33.742 31.918 31.918C33.742 30.094 36.6965 30.094 38.5205 31.918L50.5 43.8975L62.47 31.918C64.3035 30.094 67.258 30.094 69.082 31.918C70.906 33.742 70.906 36.6965 69.082 38.5205L57.1025 50.5L69.082 62.47Z' fill='white'/%3E%3C/svg%3E") !important;
    background-size: 70%;
}
/*dx toast */

.p-up-payment-mw-grid {
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: calc(var(--default-gap) * 2 );
}

.p-up-rec-head-tot {
    margin-bottom: 1.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

/*pricing page*/
.p-up-p-card-mw {
    padding: 2.5rem;
}

.nav-mental-hr {
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    padding-top: 0.55rem;
}

.upgarde-setps-mw .ph-card,
.p-up-need-help .ph-card {
    padding: 0;
    border-radius: calc(var(--bs-border-radius) * 3.6);
    overflow: hidden;
}

.p-up-need-help {
    margin-top: var(--default-gap);
}

.ph-2.upgrade-plan-head {
    font-size: var(--base-font-size-h1);
}

.p-up-need-help .ph-card {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 1.65rem;
}

.nav-mental-hr .nav-link {
    border: none;
    background-color: #3C5588;
    color: var(--chat-dark-bg-2);
    position: relative;
    padding: 0.65rem 1.4rem;
}

.nav-mental-hr .nav-item:first-child .nav-link {
    border-top-left-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-item:last-child .nav-link {
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
}

.nav-mental-hr .nav-item {
    position: relative;
}

    .nav-mental-hr .nav-item::before {
        content: '';
        position: absolute;
        top: 0;
        width: 95%;
        min-height: 35%;
        background-color: #3c5588;
    }

    .nav-mental-hr .nav-item:first-child::before {
        right: 0;
    }

    .nav-mental-hr .nav-item:nth-child(2)::before {
        width: 100%;
    }

    .nav-mental-hr .nav-item:last-child::before {
        left: 0;
    }

.p-ft-hc-input {
    display: inline-grid;
    grid-template-columns: 1fr 75px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bg-default);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

    .p-ft-hc-input label {
        font-weight: 600;
        color: var(--primary-color);
        padding-left: 1rem;
    }

.upgarde-setps-container.nd-cus-conatiner {
    max-width: 1200px;
}

.p-up-pricing-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: flex-end;
    gap: var(--default-gap);
}

.p-up-recurring-card.ph-card {
    margin-left: 2rem;
}

.upgarde-setps-mw .pso-action-btns {
    margin-top: 2.5rem;
}

.p-up-pricing-card {
    transition: all .3s;
}

    .p-up-pricing-card:hover {
        box-shadow: 0px 2px 6px rgb(67 65 65 / 10%);
        transform: translateY(-5px);
    }

.p-up-p-card-mw .ph-card {
    padding: calc(var(--box-padding) * 1.65);
    position: relative;
}

.p-up-p-card-mw h2.p-up-title {
    margin-bottom: 1.65rem;
    font-size: calc(var(--base-font-size-h2) * 1.18);
}

.p-up-desc {
    min-height: 49em;
    margin-top: 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.p-up-popular-card .p-up-desc {
    min-height: 41.2rem;
}

.p-up-desc hr {
    width: 100%;
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-up-selected .p-up-desc hr {
    background-color: var(--plm-light-blue);
    opacity: 0.3;
}

.p-up-plan-cost {
    margin-bottom: 0.05rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.p-up-list li {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary-color);
}

p.p-up-description {
    margin-bottom: 2rem;
}

.p-up-list li:not(:last-child) {
    margin-bottom: 0.45rem;
}

.p-up-list .p-icon {
    stroke: var(--secondary-color);
    flex-shrink: 0;
    align-self: flex-start;
}

.p-up-price {
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--primary-color);
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .p-up-price span {
        font-weight: 400;
        color: var(--on-primary-color);
    }

.p-txt-lt {
    position: relative;
}

    .p-txt-lt::after {
        content: '';
        position: absolute;
        top: 52%;
        width: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        background-color: var(--on-primary-color);
    }

.p-up-details,
.p-up-min-cost,
.p-up-description {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

label.p-up-details {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
}

.p-up-sub-details {
    color: var(--primary-color)
}

.p-up-pricing-card .p-pricing-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 2.8rem;
    font-size: var(--base-font-size-h3);
}

.p-up-min-cost {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    margin: 0.45rem;
}

.p-pricing-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.45rem 0.8rem;
    min-width: 6.4rem;
    font-size: calc(var(--base-font-size));
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: none;
    background: var(--secondary-color);
    font-weight: 500;
    color: #fff;
}

.p-up-selected.p-up-pricing-card {
    background-color: var(--p-grey-2);
    color: var(--primary-color);
    border-color: var(--secondary-color);
}

.p-up-pricing-card.p-up-popular-card {
    /*background-color: var(--p-grey-2);*/
    color: var(--primary-color);
    /* border-color: var(--secondary-color);*/
    border-width: 0.1em;
    padding-top: 5.7rem;
}

.p-up-pay-left .add-ons-list {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1rem;
}

.p-up-selected .p-pricing-btn {
    background: var(--secondary-color);
    color: #fff;
}

.pricing-tag-popular {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 1rem;
    padding-top: 1.25rem;
    background-color: var(--secondary-color);
    color: #fff;
    gap: 0.55rem;
}

    .pricing-tag-popular h3 {
        font-size: var(--base-font-size-h3);
        color: #fff;
        font-weight: 600;
    }

    .pricing-tag-popular label {
        padding: 0.2rem 0.3rem;
        background-color: var(--chat-dark-bg-2);
        border-radius: 0.28rem;
        color: var(--secondary-color);
        font-weight: 600;
        font-size: var(--base-font-size-h3);
        position: relative;
    }

svg.p-pop-arrow {
    position: absolute;
    top: -16px;
    left: -29px;
    height: 15px;
    width: 43px;
}

.ribbon {
    position: absolute;
    right: 36px;
    top: 12px;
}

    .ribbon:before, .ribbon:after {
        content: "";
        display: block;
        position: absolute;
        height: 0px;
        bottom: -9px;
        border: 11px solid var(--light-blue);
    }

    .ribbon:before {
        border-bottom-color: transparent;
        bottom: -19px;
    }

.p-up-p-card-mw .step-activity-item:not(:last-child) .step-avatar::after {
    top: 2.675rem;
    left: 1.15rem;
    height: calc(100% - 1.275rem);
}

.p-up-p-card-mw .step-activity-date-item {
    margin: 0.4rem 0 0.4rem;
}

.p-up-p-card-mw .step-activity-modi-lc .step-content {
    align-self: center;
}

.p-up-p-card-mw .step-activity-date-item {
    color: var(--primary-color);
    font-weight: 500;
}

.p-up-p-card-mw .step-activity-item {
    margin-bottom: 1.35rem;
}


.p-acc-heading.p-acc-card .p-acc-header {
    border-left: none;
}

.p-up-tm,
.p-acc-card.p-acc-heading {
    margin-bottom: 1rem;
}

.p-acc-heading .p-acco-btn-w-icon::after {
    right: 0.65rem;
    left: initial;
}

.p-up-tabs-mw .ph-card.p-defautlt-navs {
    display: inline-flex;
}

.p-acc-card.p-acc-heading {
    border: none;
}

    .p-acc-card.p-acc-heading .p-acc-header {
        background-color: var(--table-head-bg);
        border-radius: calc(var(--border-radius-default) * 0.75);
        padding: 0.62rem 0.75rem;
    }

    .p-acc-card.p-acc-heading .p-acco-btn {
        padding: 0;
        padding-left: 0.15rem;
        font-weight: 500;
        font-size: var(--base-font-size);
        border-radius: var(--bs-border-radius) !important;
    }

    .p-acc-card.p-acc-heading .accordion-collapse {
        border-left: none;
    }

.p-acc-card-box.p-acc-card {
    background: transparent;
}

.p-acc-card-box.p-acc-card {
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2 )
}

    .p-acc-card-box.p-acc-card.p-acc-heading .p-acc-header {
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.095);
        background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.045);
        border-radius: 0;
    }

    .p-acc-card-box.p-acc-card .card-body {
        border-top: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    }

.p-acco-btn {
    font-weight: 600;
}

.table.p-table-sm td, .table.p-table-sm th {
    padding: 0.55rem 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.p-up-at-amm {
    align-self: flex-start;
    color: var(--primary-color);
    text-align: right;
    white-space: nowrap;
}

#ul-add-on .pdf {
    gap: 0.7rem;
}

.p-up-rec-cont {
    color: var(--primary-color);
}

.p-up-rec-cont-it {
    margin: 0.75rem 0;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sp-st {
    display: grid;
    gap: 0.4rem;
}

.p-up-tm {
    margin-top: 1rem;
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.p-up-rec-sepe {
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-head-seperator-fw {
    background-color: var(--theme-light-bg-def-1);
    min-height: 2.75rem;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0 calc(var(--box-padding) * 0.8);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1.25rem;
    font-size: var(--base-font-size-xl);
}

.p-up-pay-deat-mw {
    margin-bottom: 1.5rem;
}

.p-up-rec-cont-it .vat-per-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xl);
}

.p-up-tc-msg {
    margin: 0 0 calc(var(--box-padding) * 0.7);
}

.p-pckg-lists {
}

.p-up-list {
    padding-left: 0.7rem;
}

.pl-list-count {
    padding-right: .3rem;
}

.p-pckg-lists lab

.payment-div,
.p-up-bd-cont,
.p-up-st-cont {
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.go-cardless-btn {
    max-width: 15em;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2rem;
}

.p-def-sw-modi.ph-card.p-defautlt-navs {
    padding: 0.3rem 0.25rem;
    border-radius: 10em;
    background-color: #F0F0F0;
}

.p-def-sw-modi.p-defautlt-navs .tabsNavActiveBg {
    border-radius: 10em;
    height: 41px;
    background-color: var(--chat-dark-bg-2);
}

.p-ft-sc-off p {
    text-align: center;
    color: var(--on-primary-color);
}

    .p-ft-sc-off p strong {
        color: var(--secondary-color);
        font-weight: 600;
    }

.p-def-sw-modi.p-defautlt-navs .nav-pills .nav-link {
    padding: 0.6rem 1rem;
    color: var(--on-secondary-color);
    font-size: var(--base-font-size);
}

.p-up-billing-details-mw {
    margin-bottom: 1.65rem;
}

.p-up-st-cont ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-tc-msg.p-info-msg {
    justify-content: space-between;
}

.p-up-tc-msg .p-icon {
    stroke: var(--primary-color);
}

.p-up-rec-cont-card {
    padding: var(--box-padding);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-bottom: 2rem;
}

.p-secure-payment-msg {
    display: flex;
    gap: 0.3rem;
    color: var(--primary-color);
    margin-top: 0;
}

.p-up-pric-total {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
}

.p-up-rec-cont .pdf label, .p-up-rec-cont .pdf span {
    font-size: var(--base-font-size-xl);
    max-width: 55%;
}

.p-ul-align li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-pric-total span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
    align-self: center;
    padding-top: 0.25rem;
    color: var(--primary-color);
}

.add-ons-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.add-ons-list-cont h6 {
    margin-bottom: 0;
}

.add-icon-cus-btn {
    fill: var(--secondary-color);
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.add-ons-list-cont p {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
}

.customise-plan-btn {
    background-color: var(--primary-opacity-color);
    border-radius: 10em;
    padding: 0.6rem 1rem;
    color: var(--secondary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.p-vert-pipe {
    font-weight: 300;
    color: var(--sec-light-color5);
}

.add-icon-cus-btn-minus {
    fill: #A0AEC0;
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.p-dx-dd-sm .dx-placeholder::before {
    padding: 7px 14px 8px;
}

.p-dx-dd-sm .dx-texteditor-input,
.p-dx-dd-sm .dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.525em);
}

.customise-plan-btn-disbaled,
.customise-plan-btn-disbaled .ni.ni-plus {
    background-color: var(--p-grey-2);
    color: #A0AEC0;
}

    .customise-plan-btn-disbaled .p-vert-pipe {
        color: #e3e0e6;
    }

.add-ons-list-cont h6 {
    margin-bottom: 0.3rem;
}

.pri-features .p-acc-card:not(:last-child) {
    margin-bottom: 0.15em;
}

/*updated pricing css*/
.price-grid-area-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: var(--default-gap);
}

.price-grid-area-up {
    grid-template-areas:
        "pri-features pri-addons"
        "pri-features pri-totals";
}

.pri-features {
    grid-area: pri-features;
}

.pri-addons {
    grid-area: pri-addons;
}

.pri-totals {
    grid-area: pri-totals;
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.1em;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acco-btn {
    font-weight: 500;
    font-size: var(--base-font-size);
}

.price-cont-updated .p-up-rec-cont-card {
    padding: 0;
    border: none;
}

.price-cont-updated .p-form-check {
    display: inline-flex;
}

.table-accord-inb tr {
    cursor: pointer;
}

.hiddenRow {
    padding: 0 !important;
    line-height: 0;
    background-color: transparent !important;
}

.pri-addons table tr[aria-expanded="false"] + tr {
    border-bottom: 0;
}

.pri-addons table tr[aria-expanded="true"] + tr .hiddenRow {
}

.pri-addons table tr:hover {
    background-color: transparent !important;
}

.pri-addons table tr {
    border-bottom: 1px solid var(--primary-border-color);
}

    .pri-addons table tr[aria-expanded="true"] + tr,
    .pri-addons table tr[aria-expanded="true"] {
        border-bottom: 0;
    }

    .pri-addons table tr td {
        border-radius: 0;
        background-color: transparent;
    }

.addons-feat-list .card-body {
    background-color: var(--chat-dark-bg-2);
    padding-left: 1.6rem;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acc-header {
    border-top: 1px solid var(--primary-border-color);
    border-radius: 0;
    padding: 0.72rem 0rem;
    background-color: transparent;
}

.pri-features .p-acc-card:last-child {
    border-bottom: 1px solid var(--primary-border-color);
}

.pri-features .card-body,
.addons-feat-list .card-body {
    padding-top: 0.4rem;
}

.pri-addons table tr td:nth-child(2) {
    font-weight: 500;
}

.price-cont-updated .pri-addons table th {
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.pri-addons table tr td:last-child {
    padding-right: 0;
}

.p-ft-hc-inp-mw input.form-control {
    font-weight: 600;
    font-size: 1.3rem;
    height: 2.7rem;
    text-align: center;
}
/*updated pricing css*/

@media (max-width: 48rem) {
    .p-up-pricing-container {
        flex-direction: column;
        align-items: center;
    }

    .p-up-pricing-card {
        flex: 0 1 90%;
    }
}

/*timeline vertical*/
.pso-timeline-list-hroi.pso-timeline-list {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 4.2rem;
    justify-content: center;
}

.pso-timeline-list-hroi .pso-timeline-item {
    position: relative;
}

.upgarde-setps-mw .pso-timeline-item {
    cursor: pointer;
}

.pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -3.65rem;
    transform: translateY(-50%);
    top: 51%;
    height: 0.1rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4 );
    width: 3rem;
    border-radius: var(--bs-border-radius);
}

.pso-timeline-list-hroi .pso-circle::after {
    display: none;
}

.pso-timeline-list-hroi .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}
/* Initial style for the select element */
.p-cus-dd-mw {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--chat-dark-bg-2);
    background-clip: padding-box;
    border: 1px solid var(--input-border-1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s;
    height: calc(1.5em + 0.75rem + 0.825em);
    color: var(--primary-color);
    font-size: var(--base-font-size);
    position: relative;
    user-select: none;
}

    .p-cus-dd-mw:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.p-cus-dd-selected {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 1.8rem);
    font-size: var(--base-font-size-xxs);
}

    .p-cus-dd-selected.p-cus-dd-placeholder {
        color: var(--primary-color);
    }

.p-cus-dd-last-selected {
    background-color: rgb(234 245 254 / 56%);
}

.p-cus-dd-options,
.p-cus-dd-sub-options {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    border: 1px solid var(--input-border-1);
    z-index: 1000;
    left: 0;
    border-radius: var(--bs-border-radius);
}

.p-cus-dd-option {
    padding: 10px;
    cursor: pointer;
    font-size: var(--base-font-size-xs);
}

    .p-cus-dd-option:hover {
        background-color: var(--sec-light-color4);
    }

.p-cus-dd-options .p-cus-dd-option:first-child {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.p-cus-dd-options .p-cus-dd-option:last-child {
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

/* Arrow indicator for submenu */
.dropdown-submenu::after {
    content: "";
    float: right;
    margin-right: 1px;
    font-size: 0.8em;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.888rem;
    width: 18px;
    height: 18px;
    transform: rotate(-90deg);
}

.dropdown-submenu::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 8px;
}

/*quiz questions*/

.p-ques-sc .p-tl-box {
    max-width: calc(100%);
    width: 100%;
    text-align: left;
    height: 100%;
}

.p-tl-box .p-btn-small {
    min-width: 9em;
}

.p-ques-sc .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 7.6rem);
    height: var(--minmax-height-pso) !important;
}

.p-cn-mb .p-ss-h100 {
    padding-right: 1.35rem;
    width: calc(100% + 1.35rem);
    overflow: auto;
    height: 100%;
}

.p-ques-sc .pso-grid-wrapper {
    padding-bottom: 0;
}

.quiz-quest-box {
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
}

.quiz-quest-box .pso-grid-wrapper,
.quiz-quest-box .pso-timeline-list,
.quiz-quest-box .pso-cols,
.quiz-quest-box fieldset.pso-step,
.p-cn-mb {
    height: 100%;
}

.p-cn-mb .pso-form-wrapper {
    height: 100% !important;
    max-height: 100% !important;
}

.p-cn-mb .pso-grid-wrapper {
    --ps-grid-lc-wid: 18em;
}

.p-cn-mb .p-fp-content {
    display: flex;
    flex-direction: column;
}

.p-sur-ques-head {
    display: flex;
    align-items: center;
    gap: 1.95rem;
    padding: 0.65rem var(--box-padding);
    width: 100%;
    background-color: var(--blur2-bg-color);
    border-bottom: 1px solid var(--theme-border-2);
}

    .p-sur-ques-head h2 {
        font-size: calc(var(--base-font-size-h2) * 0.8);
        font-weight: 600;
    }
/*css for sucess message sh*/
.animation-container {
    position: relative;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkmark {
    width: 75px;
    height: 50px;
}

.background-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #32CD32;
    transform: scale(0);
    z-index: 0;
}

    .background-circle.bg-cir-2 {
        background: #32CD32;
    }

.checkmark {
    z-index: 1;
}

#check-path {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    fill: none;
    stroke: white;
    stroke-width: 31.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.res-subm-mw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.1rem;
    flex: 1;
}

.success-mw {
    position: relative;
    padding: 0.8rem;
}

.cir-part,
.cross-part {
    stroke-width: 5px;
    position: absolute;
    display: inline-block;
}

.cross-part {
    stroke-width: 3px;
}

.cir-part-1 {
    stroke: #EF6B2F;
    width: 10px;
    height: 10px;
    left: -20px;
    top: 0;
}

.cir-part-2 {
    stroke: var(--light-blue-dark);
    width: 16px;
    height: 16px;
    right: -20px;
    top: -20px;
}

.cir-part-3 {
    stroke: var(--tag-bg-body-border-color);
    width: 10px;
    height: 10px;
    right: -70px;
    bottom: 0;
}

.cir-part-4 {
    stroke: var(--complete-tc);
    width: 11px;
    height: 11px;
    left: -30px;
    bottom: 20px;
}

.cir-part-5 {
    stroke: #FF5722;
    width: 7px;
    height: 7px;
    left: 90%;
    bottom: -11px;
    stroke-width: 6px;
}

.cross-part-1 {
    stroke: #5953b3;
    width: 9px;
    height: 9px;
    left: -50px;
    top: 44%;
}

.cross-part-2 {
    stroke: #27c98b;
    width: 11px;
    height: 11px;
    left: 60%;
    bottom: -30px;
}

.cross-part-3 {
    stroke: var(--tag-bg-relsp-border-color);
    width: 16px;
    height: 16px;
    right: -60px;
    top: 30px;
}

.cross-part-4 {
    stroke: hotpink;
    width: 10px;
    height: 10px;
    right: -40px;
    top: 80%;
}

.res-subm-mw .ph-2 {
    font-size: 1.7rem;
    color: var(--primary-color);
    text-align: center;
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

.p-fs-head {
    font-size: 1.75rem;
}

.res-subm-cont p {
    font-size: var(--base-font-size-h5);
}

.pdf-aic-jcc-fg-1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2.5rem;
}

img.survey-info-img {
    max-width: 380px;
}
/*css for sucess message eh*/

.emma-video-wrapper {
    background-color: #000;
}

.p-np-btns-mw {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-hps-head-mw {
    padding-left: 0.38rem;
    margin-bottom: 0.8rem !important;
}

.p-np-btns-mw button {
    border: none;
    background: transparent;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-np-btns-mw .disabled {
    opacity: 0.3;
    cursor: default;
}*/



/*liner gradient border*/
.p-btn-li-gr-dots {
    font-weight: bold;
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: none;
    position: relative;
    border-radius: 10em;
    cursor: pointer;
    padding: 0.9em 1.7em;
    font-size: var(--base-font-size);
    overflow: hidden;
}

    .p-btn-li-gr-dots span {
        position: relative;
        z-index: 1;
    }

    .p-btn-li-gr-dots:focus,
    .p-btn-li-gr-dots:active {
        outline: none;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
        border-radius: inherit;
        background: inherit;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:before {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        background-size: 100% 100%;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:hover {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02);
    }

        .p-btn-li-gr-dots:hover::before {
            animation: none;
            background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        }

    .p-btn-li-gr-dots:after {
        margin: 0.22em;
    }

    .p-btn-li-gr-dots span {
        z-index: 3;
        position: relative;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:before {
        animation: rainbow-border 6s linear infinite;
    }

@keyframes rainbow-border {
    0%, 50% { /* 0% to 50% covers the first 3 seconds */
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.p-lg-dots-container {
    position: absolute;
    z-index: 9;
    width: calc(100% - 1.8rem);
    height: calc(100% - 1.3rem);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.p-lg-dots {
    width: 2px;
    height: 2px;
    flex-shrink: 0;
    display: inline-block;
    z-index: 33;
    position: relative;
    border-radius: 50%;
}

.p-lg-pink-dot {
    background: #F3A7AC;
}

.p-lg-green-dot {
    background: #76F6DD;
}

.p-lg-yellow-dot {
    background: #F9E791;
}

.p-lg-blue-dot {
    background: #96CDFA;
}

.one-top {
    position: absolute;
    left: 3px;
    top: 0;
}

.one-bottom {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

.two-top {
    position: absolute;
    left: 23%;
    top: 4px;
}

.two-bottom {
    position: absolute;
    left: 23%;
    bottom: -1px;
}

.three-top {
    position: absolute;
    left: 40%;
    top: -2px;
}

.three-bottom {
    position: absolute;
    left: 40%;
    bottom: 4px;
}

.four-top {
    position: absolute;
    left: 57%;
    top: 4px;
}

.four-bottom {
    position: absolute;
    left: 57%;
    bottom: -2px;
}

.five-top {
    position: absolute;
    left: 73%;
    top: 0;
}

.five-bottom {
    position: absolute;
    left: 73%;
    bottom: 4px;
}

.six-top {
    position: absolute;
    left: 94%;
    top: 4px;
}

.six-bottom {
    position: absolute;
    left: 88%;
    bottom: -1px;
}

.p-btn-li-gr-dots:hover .p-lg-dots {
    background: #fff;
}


.p-try-hr-actn-btn {
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: var(--primary-color);
}

.dy-form-mw-head {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 1rem;
    margin-top: 0.8rem;
    font-weight: 600;
}

.p-sol-confim .p-la-sepe-head p.text-primary-color {
    margin-bottom: 0.45rem;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.p-nd-upd-grid {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: initial;
}

.p-hidden {
    display: none;
}

.hc-default-btn-w-icon {
}

.p-cp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.p-cp-img img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.p-cp-card {
    padding: 2.75rem !important;
}

.p-cp-ctas {
    text-align: center;
    margin: 2.3rem 0rem 2.3rem;
}

.p-cp-main-head {
    font-size: 1.5rem !important;
    text-align: center;
    margin-bottom: 3rem !important;
    margin-top: 2.2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.p-ul-cp-mp.p-ul-align li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-cp-main-wrap {
    height: 100%;
    flex: 1;
    padding: calc(var(--box-padding)* 2);
}

    .p-cp-main-wrap a {
        word-break: break-all;
    }

.payment-link-form-inner-wrapper button span {
    color: var(--white-color);
}


@media(max-width: 991px) {
    .p-cp-container {
        margin: 0 auto;
        padding: 0 0px;
    }
}

.guage-graph-bg {
    background-color: white;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    transform: rotate(185deg);
    padding: 0.6em;
}

.guage-graph-bg-inner {
    border-radius: 50%;
    padding: 10px;
    z-index: 0;
    background-color: #F1F3F4;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
}

.ca-month-session-count {
    width: 100%;
    width: calc(100% - 2.5rem);
}

    .ca-month-session-count .p-smart-tt {
        display: flex;
        align-items: center;
    }

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea,
.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea.form-control,
.p-chat-em-fw-modi .input-emoji {
    position: initial !important;
}

.p-chat-em-fw-modi .p-chat-area .btn-sendchat {
    bottom: 1.8rem;
    right: 1.5rem;
}

.p-tl-imsg .spinner-chat-type {
    margin-top: 3px;
}

.p-chat-em-fw-modi .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
    left: 0;
    top: -8px;
    right: initial;
    width: 100% !important;
    border-radius: 0;
}

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea .emojionearea-button {
    bottom: 1.05rem;
    right: 4rem;
}

/*.ph-3-wb {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem !important;
}*/

.ins-shr-rep {
    background-color: var(--p-grey-3);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
}

    .ins-shr-rep > h4.ph-4 {
        font-size: var(--base-font-size-h4);
    }

.ins-reprots .ins-gr-wr {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    position: relative;
}

.ins-reprots .row .col-sm-6:last-child {
    padding-left: 0.45rem;
}

.ins-reprots .row .col-sm-6:first-child {
    padding-right: 0.45rem;
}

.ins-reprots .row {
    padding: 0;
}

.ins-shr-rep .ins-gr-wr {
    background-color: var(--chat-dark-bg-2);
}

.ins-reprots .p-smart-tt.tip {
    display: none;
}

.ins-reprots .p-def-gr-he-la {
    height: 20em;
}

/*.ins-reprots .p-bar-chart-sl:before,
.ins-reprots .p-bar-chart-sl:after {
    content: '';
    position: absolute;
    background-color: var(--sec-light-color4);
}

.ins-reprots .loading-skeleton .skeleton-img::after {
    --skeleton-color-1: var(--p-grey-3);
    --skeleton-color-2: #ebf0f8;
}
*/
.ins-reprots .p-sine-wave-ug {
    -webkit-clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
    clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,350 L0,350 Z');
}

.ins-reprots .p-sine-wave-acm {
    -webkit-clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,200 L0,200 Z');
    clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,350 L0,350 Z');
}

.p-ins-rep-load-mw {
    height: 21.4em;
}

.disable-btn {
    pointer-events: none;
    opacity: 0.5;
}

.p-patt-upd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .p-patt-upd svg {
        width: 100%;
        height: 100%;
    }

a.brand-logo-tl {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 130px;
    z-index: 12;
}

section.section-no-head.p-grad-bg-up {
    position: relative;
    z-index: 2;
}

.p-login-upd-cont {
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
}

.p-grad-bg-up {
    /*    background-image: url("data:image/svg+xml,%0A%3Csvg width='1441' height='845' viewBox='0 0 1441 845' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1269_97067)'%3E%3Crect width='1441' height='845' fill='%23FDFDFD'/%3E%3Cg opacity='0.3' filter='url(%23filter0_f_1269_97067)'%3E%3Cpath d='M1152.72 -131.723C1355.94 -152.529 1856.22 -208.047 1874.58 -28.7256C1892.94 150.596 1450.65 629.425 1247.44 650.23C1044.23 671.035 1019.17 212.057 1000.81 32.735C982.454 -146.587 949.507 -110.918 1152.72 -131.723Z' fill='url(%23paint0_linear_1269_97067)'/%3E%3C/g%3E%3Cg opacity='0.3' filter='url(%23filter1_f_1269_97067)'%3E%3Cpath d='M163.709 -286.75C285.698 -164.761 589.178 132.93 467.188 254.92C345.199 376.909 -238.552 376.909 -360.541 254.92C-482.531 132.93 -158.775 -164.761 -36.786 -286.75C85.2035 -408.74 41.7193 -408.74 163.709 -286.75Z' fill='url(%23paint1_linear_1269_97067)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1269_97067' x='886.879' y='-256.393' width='1088.26' height='1007.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1269_97067' x='-487.551' y='-478.242' width='1083.11' height='924.654' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1269_97067' x1='1345.72' y1='611.312' x2='1235.61' y2='-464.239' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1269_97067' x1='-280.36' y1='296.248' x2='451.319' y2='-435.43' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1269_97067'%3E%3Crect width='1441' height='845' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;*/
}

@media(max-width: 991px) {
    .section-no-head.p-grad-bg-up {
        align-items: flex-start;
    }
}

#p-patt-shape-2 {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#p-patt-shape-1 {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#p-patt-shape-3 {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotate {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    75% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}


.pp-pc-process .res-subm-mw {
    margin-top: 2.65rem;
}

.proc-payrun-pc {
    display: flex;
    flex-direction: column;
}

.pay-cycle-loader {
    top: -0.2rem;
    position: relative;
}

    .pay-cycle-loader p {
        font-size: 1rem;
        color: var(--primary-color);
    }

    .pay-cycle-loader .attachment-preloader {
        position: relative;
        top: -3px;
    }

@media(max-width: 1500px) {
    .pp-pc-process .animation-container {
        width: 100px;
        height: 100px;
    }

    .pp-pc-process .checkmark {
        width: 55px;
        height: 30px;
    }

    .pp-pc-process .res-subm-mw .ph-2 {
        font-size: 1.5rem;
        margin-top: 1.7rem;
    }

    .pp-pc-process .res-subm-mw {
        gap: 1.1rem;
    }
}


/*updated footer starts here*/


.p-beta-tag {
    position: absolute;
    top: 1px;
    right: -3px;
    background-image: var(--Gradient-2, linear-gradient(90deg, #f9e791 0, #f3a7ac 32.89%, #96cdfa 65.89%, #76f6dd 100%));
    font-size: 0.68rem;
    padding: 0.15rem 0.175rem;
    border-radius: 0.15rem;
    line-height: 1;
    z-index: 999;
    color: #000;
    font-weight: 600;
}


.p-long-link {
    cursor: pointer;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

/*button animate*/
.p-btn-animate,
.p-grad-bor-btn {
    overflow: hidden;
    position: relative;
}

    .p-btn-animate::before,
    .p-grad-bor-btn::before {
        background-image: var(--primary-color);
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        transition: left 1s;
        width: 100%;
    }

    .p-btn-animate:hover::before,
    .p-grad-bor-btn:hover::before {
        left: 0;
    }

    .p-btn-animate span,
    .p-ani-btn-z1,
    .p-grad-bor-btn .p-ai-link {
        position: relative;
        z-index: 1;
    }

.playback-speed-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0.55rem;
    gap: 1rem;
}

.p-playback-speed {
    display: flex;
    gap: 0.35rem;
}


.p-playback-speed-cta {
    border: none;
    border-radius: var(--bs-border-radius);
    min-width: 4.2rem;
    padding: 0.25rem 0.25rem;
    font-size: var(--base-font-size-xs);
    border: 1px solid var(--sec-light-color4);
    transition: all .3s;
}

    .p-ps-cta-active, .p-playback-speed-cta:hover {
        background-color: var(--dark-blue-color);
        color: #fff;
    }

.set-mb-vd-msg-ul {
    margin-bottom: 1rem;
}

    .set-mb-vd-msg-ul .pp-user-count {
        margin-bottom: 0.4rem;
    }

.pso-action-btns .p-btn-small {
    min-width: 120px;
}

.kanban-item:hover, .kanban-item.selected-item {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}


/*ins*/


.p-def-row-gap {
    row-gap: calc(var(--default-gap)* 1.098);
}

.p-cb-mw {
    --cb-header: 55px;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.p-cb-header {
    min-height: var(--cb-header);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    background-color: var(--theme-secondary-color);
}

    .p-cb-header .p-icon {
        stroke: var(--theme-primary-color);
    }

    .p-cb-header > * {
        flex: 1;
    }

.p-cb-rt {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.p-cb-gjs-mw {
    min-height: calc(100vh - var(--cb-header))
}

.p-cb-actn-btn hr {
    margin: 0 0.5rem;
    height: 40px;
    width: 1px;
    border-right: 1px solid var(--p-grey-5);
}

.p-cb-actn-btn button {
    --p-btn-min-height: 2.2rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.48rem 0.95rem;
}

.p-cb-panel-pos .gjs-pn-panel {
    position: initial;
}

.p-cb-panel-pos .gjs-pn-buttons {
    gap: 1.15rem;
}

#custom-panel-devices-c, #custom-panel-blocks,
.p-cb-panel-pos .gjs-pn-buttons {
    display: none;
}

.p-sb-canvas .gjs-cv-canvas {
    right: 0;
    left: initial;
    position: initial;
    width: 100%;
    height: 100%;
}

.p-cb-gjs-mw {
    display: flex;
}

.p-cb-panel-pos {
    flex-shrink: 0;
}

.p-sb-canvas {
    flex-grow: 1;
    transition: margin-right 0.3s ease;
    margin-left: var(--p-sb-block-width);
}

#editor-container .gjs-pn-panels {
    display: none;
}

.p-cb-sb {
    width: 400px;
    background-color: #f4f4f4;
    position: fixed;
    right: -400px;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
    height: calc(100vh - var(--cb-header));
}

    .p-cb-sb.open {
        right: 0; /* Slide in from the right */
    }

#editor-container.sidebar-open {
    margin-right: 400px; /* Adjust editor container when sidebar is open */
}


.p-cb-blocks {
    width: var(--p-sb-block-width);
    border-right: 1px solid var(--p-grey-5);
    position: fixed;
    left: 0;
    top: var(--cb-header);
    height: calc(100vh - var(--cb-header));
    z-index: 999;
    overflow-y: auto;
    background-color: var(--theme-secondary-color);
}

.p-sb-canvas {
    height: calc(100vh - var(--cb-header));
    overflow: auto;
}

.gjs-pn-views-container {
    display: none;
}

.gjs-pn-views {
    border-left: 0;
    border-bottom: 0;
}

.p-cb-sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.5);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--background1);
}

.p-cb-sb-body {
    padding: calc(var(--box-padding)* 0.5);
}

.gjs-block svg {
    fill: currentColor;
    width: 2.4rem;
    height: 2.4rem;
}

.gjs-pn-panel.gjs-pn-views-container {
    display: none;
}

.p-cb-blocks .gjs-blocks-c {
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% - 1rem);
}

.p-cb-blocks .gjs-block {
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin: 0;
    box-shadow: none;
    background-color: var(--background1) !important;
    width: 100%;
}

.p-cb-panel-pos .gjs-pn-btn.fa-repeat {
    margin: 0;
}

.p-cb-panel-pos .gjs-pn-btn {
    min-height: 32px;
    min-width: 32px;
    line-height: 23px;
    background-color: var(--chat-dark-bg-2);
    border: none;
    font-size: 14px;
    padding: 4px;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    color: var(--on-primary-color);
    font-weight: 400;
}

    .p-cb-panel-pos .gjs-pn-btn:hover {
        background-color: var(--sec-light-color7);
        color: var(--primary-color);
    }

.p-cb-blocks .gjs-block-label {
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    font-family: var(--primary-font) !important;
    font-weight: 400;
    color: var(--primary-color);
}

.p-cb-blocks .gjs-block__media {
    margin-bottom: 0;
}

.p-cb-blocks .gjs-category-title,
.p-cb-blocks .gjs-layer-title,
.p-cb-blocks .gjs-block-category .gjs-title,
.p-cb-blocks .gjs-sm-sector-title,
.p-cb-blocks .gjs-trait-category .gjs-title {
    border-bottom: 1px solid var(--chat-inbox-border-color) !important;
    border-top: 1px solid var(--chat-inbox-border-color) !important;
    font-weight: 500 !important;
}

.p-cb-blocks .gjs-category-open,
.p-cb-blocks .gjs-block-category.gjs-open,
.p-cb-blocks .gjs-sm-sector.gjs-sm-open,
.p-cb-blocks .gjs-trait-category.gjs-open {
    border-bottom: none;
}

.fw-light {
    font-weight: 400 !important;
}

.p-mb-ig {
    margin-bottom: calc(var(--box-padding) * 0.9)
}

.upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem dashed var(--input-border-1);
    padding: 0.75rem 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--theme-secondary-color);
}

.upload-box {
    text-align: center;
    position: relative;
}

.upload-icon img {
    width: 40px;
    height: auto;
    margin-bottom: 20px;
}

.upload-box p {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    margin: 0.4rem 0 0.1rem;
}

    .upload-box p span {
        color: #007bff;
        cursor: pointer;
        font-weight: 500;
    }

.upload-box small {
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    color: var(--on-primary-color);
}

.color-picker-container {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative; /* Ensures elements are positioned relative to this container */
}

.js-p-upd-color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
}

.js-p-upd-color-code {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100px;
    font-family: monospace;
    color: #333;
}

.js-p-upd-color-picker {
    visibility: hidden;
    opacity: 0;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.fs-3 {
    font-size: var(--base-font-size-lg);
}

.fs-4 {
    font-size: var(--base-font-size-sm);
}

.font-slider-container {
    margin-top: 1.5rem;
}

.font-size-label {
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    color: var(--primary-color);
}

.font-size-label-lg {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
}

.font-slider-container .font-size-label-lg {
    font-weight: 500;
}

#fontRange {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: var(--input-border-1);
    border-radius: 5px;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
    z-index: 1;
}

    #fontRange::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-ms-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange:focus::-webkit-slider-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-moz-range-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-ms-thumb {
        background-color: var(--secondary-color);
    }

.fs-slide-step {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.slider-separator {
    width: 2px;
    height: 12px;
    background-color: var(--input-border-1);
}

.fs-slider-container {
    position: relative;
    display: flex;
    align-items: center;
}


.p-sb-sec-list-item {
    border: 1px solid var(--input-border-1);
    padding: 0.55rem 0.75rem;
    border-radius: calc(var(--border-radius-default));
    background-color: var(--chat-dark-bg-2);
}

.p-sb-sec-list {
    margin-bottom: 0.65rem;
}

.p-sb-show-content {
    display: block;
}

    .p-sb-show-content button.p-link {
        padding-left: 0.3rem;
    }

.p-cb-toggle-preview .p-btn-sec {
    background: var(--theme-secondary-color) !important;
    color: var(--theme-primary-color)
}

    .p-cb-toggle-preview .p-btn-sec:hover {
        background: var(--theme-primary-color) !important;
        color: #fff;
    }

        .p-cb-toggle-preview .p-btn-sec:hover span {
            color: #ffffff !important;
        }

/*btn tab group*/
.p-gen-btn-tab {
    position: relative;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--input-border-1);
    padding: 0.25rem;
    border-radius: calc(var(--bs-border-radius)* 2);
    background-color: var(--chat-dark-bg-2);
}

.p-gen-btn-tab-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.p-gen-btn-tab-btn {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    outline: none;
    z-index: 2;
    flex-grow: 1;
}

.p-gen-btn-tab-sm {
    max-width: 400px;
}

.p-gen-btn-tab-btn img {
    width: 20px;
    height: 20px;
}

.p-gen-btn-tab-btn:focus {
    outline: none;
}

.p-gen-btn-tab-btn.active span {
    transition: all 0.5s;
}

.form-group .p-custom-checkbox .custom-control-label {
    font-weight: 400;
    color: var(--primary-color);
}

.p-gen-btn-tab-slide-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 100%;
    background-color: var(--theme-secondary-color);
    border-radius: var(--bs-border-radius);
    transition: all 0.3s ease;
    z-index: 1;
}

.p-sb-show-content .form-group > label {
    padding-left: 0.3rem;
}


button.p-gen-btn-tab-btn svg {
    position: relative;
    top: -1px;
}

.icon-cd-lms {
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .icon-cd-lms.rotate {
        transform: rotate(180deg); /* Rotate the icon when the submenu is visible */
    }

.p-sb-sec-list-item-w-acc {
    padding: 0;
    margin-bottom: 0.65rem;
}

    .p-sb-sec-list-item-w-acc .js-sb-sec-list-item {
        padding: 0.55rem 0.75rem;
    }

    .p-sb-sec-list-item-w-acc .sidebar-submenu {
        padding: 0.55rem 0.75rem;
        padding-top: 0.85rem;
    }

.p-defautlt-navs-tags .p-tag {
    min-width: initial;
    padding: 0.18rem 0.55rem;
    line-height: 1.25;
}

.p-nav-link-btn .ni-plus {
    color: var(--primary-color);
}

.p-cp-icon-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem 1rem;
    margin-bottom: 0.8rem;
}

svg.p-cp-sb-icon {
    --icon-height: 3.5rem;
    stroke: var(--dark-blue-color);
    width: var(--icon-height);
    height: var(--icon-height);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid transparent;
}

.p-cp-sb-icon.active,
.p-cp-sb-icon:hover {
    background-color: var(--sec-light-color7);
    border: 1px solid var(--p--border-1);
}

.p-dx-search-left tr.dx-data-row td {
    cursor: pointer;
}

.p-cur-poi-def tr.dx-data-row td,
.p-dx-cp-inner-cp .dx-master-detail-row tr.dx-data-row td {
    cursor: default;
}

@-moz-document url-prefix() {
    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        display: inline-block !important;
    }
}

.mention-popup-active .dx-list.dx-empty-collection .dx-empty-message {
    position: initial;
    transform: none;
    box-shadow: none;
    border: none !important;
}

.mention-popup-active .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px !important;
}

.mention-popup-active .dx-list-item {
    cursor: pointer;
}

.p-ana-data-2x-inner {
    gap: 1.5rem 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

svg.p-cb-sect-actn-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: none !important;
    stroke: var(--primary-color);
}

svg.p-cb-block-icon {
    stroke: var(--primary-color);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    fill: none;
}

.p-cb-blocks-mw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}

.cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active {
    border-radius: 0;
    background: transparent;
}

    .cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active span {
        color: var(--theme-primary-color) !important;
    }

.p-seo-ci img {
    max-width: 53px;
    height: auto;
    border-radius: 0.15rem;
}

.lh-1p3 {
    line-height: 1.3;
}

.p-cb-in-stats .ph-2 {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-h1-lg)* 0.75);
    position: relative;
    top: 3px;
    margin-right: 0.05rem;
    line-height: 1.2;
}

.p-cb-prev {
    color: #4b96d5 !important;
}

.p-cb-activity .step-activity {
    margin-left: calc(1.5rem / -0.8);
}

.p-seo-favicon-mw {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-seo-favicon-mw img {
        width: 50px;
        height: 50px;
        display: inline-block;
    }

.p-def-link {
    font-weight: 500;
    color: var(--primary-color);
}

    .p-def-link:hover {
        text-decoration: underline;
    }

.p-smiw[title="My Handbook"] svg {
    --icon-nav-wh: 0.98rem;
    left: 1.3px;
    top: 1.3px;
}

.p-smiw[title="Company Documents"] svg {
    top: -1.5px;
}

.p-smiw[title="Team Progress"] svg,
.p-smiw[title="My Progress"] svg {
    --icon-nav-wh: 0.97rem;
    left: 0.6px;
    top: 1px;
}

.p-smiw[title="1-on-1"] svg {
    --icon-nav-wh: 1.05rem;
}

.p-smiw[title="Group View"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="TrustLine"] svg {
    --icon-nav-wh: 1.1rem;
    left: 0.5px;
}

.p-smiw[title="Action Items"] svg,
.p-smiw[title="Team Time off"] svg {
    --icon-nav-wh: 1.04rem;
}

.p-smiw[title="Org Chart"] svg {
    --icon-nav-wh: 1rem;
    left: 0.5px;
}

.p-smiw[title="Team Documents"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="My Documents"] svg {
    --icon-nav-wh: 1.1rem;
    top: -1.5px;
}

.p-cb-vh-list {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.6rem;
    gap: 0.8rem;
    cursor: pointer;
}

.p-cb-vh .p-cb-vh-list:first-child {
    margin-bottom: 1rem;
}

.p-cb-vh-list-icon svg.p-icon {
    width: 1.85rem;
    height: 1.85rem;
}

.p-cb-vh-list:hover {
    border-color: var(--primary-color);
}

@media (min-width: 576px) {
    .modal-md.p-modal-dialog-md-1 {
        max-width: 580px;
    }
}

.career-site-db .ph-card h5.ph-5 {
    font-weight: 500;
}

.cp-index-navs li.nav-item {
    cursor: pointer;
}

.p-cb-vh-list label {
    cursor: pointer;
}

.p-tag-wdd.p-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
    font-weight: 500;
    padding: 0.38rem 0.85rem;
    padding-right: 1.15rem;
    height: var(--p-btn-min-height);
    font-size: var(--base-font-size);
    cursor: pointer;
    border-radius: var(--bs-border-radius-lg) !important;
    min-width: 110px;
    border: 1px solid var(--input-border-1);
}

.loading-skeleton .p-tag-wdd.p-add-dd {
    border-color: transparent;
}

.p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
}

.p-tag-wdd svg {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    right: 10px;
    stroke: var(--on-primary-color);
    display: inline-block;
}

/* Positioning and styling for the dropdown */
.js-status-label {
    position: relative;
}

.js-status-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    margin: 0;
    width: 100%;
    z-index: 10;
    list-style: none;
    color: var(--primary-color);
}

    .js-status-dropdown li {
        padding: 0.35rem 0.75rem;
        cursor: pointer;
    }

        .js-status-dropdown li:hover {
            background-color: var(--btn-light-bg);
            border-radius: calc(var(--bs-border-radius));
        }

.p-tag-wdd.p-tag-red svg {
    stroke: #404040;
}

.p-tag-wdd.p-add-dd {
    text-align: left;
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    border-radius: var(--bs-border-radius-lg);
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    background: #fff !important;
    font-weight: 500;
}

    .p-tag-wdd.p-add-dd.p-tag-green {
        color: green;
    }

    .p-tag-wdd.p-add-dd.p-tag-red {
        color: #d40404 !important;
    }

.p-sb-in-data-mw {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .p-sb-in-data-mw .ph-card {
        height: 50%;
    }

.p-data-app-visi {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.p-cb-ana-hei {
    height: 260px !important;
}

.uploaded-image-item.p-cb-vh-list:hover {
    border-color: var(--primary-border-color);
}

.p-cb-vh-list.uploaded-image-item {
    justify-content: space-between;
}

.uploaded-image-item-cont {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.uploaded-image-item img {
    max-width: 70px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
}

.p-cb-image-name {
    text-overflow: ellipsis
}

.uploaded-image-item-mw .uploaded-image-item {
    margin-bottom: 0.8rem;
}

.career-site-db .loading-skeleton .p-btn-small {
    border: transparent !important;
}

.career-site-db .loading-skeleton .p-add-btn .p-icon,
.career-site-db .loading-skeleton .js-status-dropdown-toggle {
    stroke: none;
}

.loading-skeleton .p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
    background: transparent;
}

.career-site-db .loading-skeleton svg {
    stroke: none;
    display: none;
}

.career-site-db .loading-skeleton .p-tag-wdd svg {
    display: none !important;
}

.career-site-db .loading-skeleton .p-seo-ci {
    width: 33px;
    height: 33px;
}

.career-site-db .loading-skeleton .p-bg-grey {
    background-color: transparent;
}

.p-desk-mobile-view-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.p-dm-ctas {
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dm-ctas svg {
        width: 1.45rem;
        height: 1.45rem;
        display: inline-block;
    }

    .p-dm-ctas.active,
    .p-dm-ctas:hover {
        background-color: var(--dark-blue-color);
    }

        .p-dm-ctas.active svg,
        .p-dm-ctas:hover svg {
            stroke: #fff;
        }

.p-db-show-raection-mw .p-db-reactions small {
    margin-left: -0.05rem;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

#divEditSidbarContent label.custom-control-label {
    font-weight: 600;
}

/*css for timesheet*/

.p-ts-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .p-ts-table th, .p-ts-table td {
        padding: 10px;
    }

.p-ts-weeks-wid {
    width: 80px;
    text-align: center;
    min-width: 80px;
}

.p-ts-table td:not(:nth-child(1)),
.p-ts-table th:not(:nth-child(1)) {
    text-align: center;
    padding: 2px;
}

.p-ts-action,
.p-ts-acts-wid {
    position: relative;
    width: 60px;
}

.p-ts-dd-wp-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.p-ts-dd-wp-content {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

    .p-ts-dd-wp-btn:hover + .p-ts-dd-wp-content,
    .p-ts-dd-wp-content:hover {
        display: block;
    }

.p-ts-nav-bg-color {
    height: 5px;
    background-color: #f5f5f5;
}

.p-ts-grid-action-btns {
    padding: 10px;
}

.p-ts-gab-icons {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .p-ts-gab-icons span {
        margin-left: 5px;
    }

.p-ts-grid-icon {
    width: 20px;
    height: 20px;
    fill: #999;
    cursor: pointer;
}

.p-ts-time-input, .p-ts-total-input {
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 36px;
}

.p-ts-total-input {
    background-color: #f5f5f5;
    border: none;
    color: #333;
}

.p-ts-week-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.25;
    font-weight: 500;
}

.p-ts-table th, .p-ts-table td {
    padding: 6px 10px;
    font-size: var(--base-font-size-sm);
}

.p-ts-table p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ts-pro-name {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
}

table.p-ts-table th, table.p-ts-table td {
    vertical-align: middle;
}

.p-text-blue {
    color: var(--link-color);
    cursor: pointer;
    font-weight: 400;
}

    .p-text-blue:hover {
        text-decoration: underline;
    }

small.p-ts-prje-det-name {
    color: var(--on-primary-color);
}

.p-ts-prje-det-name svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-ts-prje-det-mw {
    padding-right: 10px;
}

.p-ts-int-del-mw {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .p-ts-int-del-mw .p-ts-del-time {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .p-ts-int-del-mw:hover .p-ts-del-time {
        opacity: 1;
        visibility: visible;
    }

.p-ts-stats .lt-days {
    align-items: flex-start !important;
}

.p-ts-stats .lt-list-date {
    gap: 3.5rem;
}

    .p-ts-stats .lt-list-date small {
        text-align: left;
        min-width: inherit;
        font-weight: 400 !important;
    }

    .p-ts-stats .lt-list-date p small {
        color: var(--primary-color);
        font-weight: 400 !important;
    }

.ph-card.p-ts-stats {
    padding: calc(var(--box-padding)* 0.4) calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.6);
}

.p-ts-stats .ph-card {
    box-shadow: none;
}

.p-ts-total-time {
    font-weight: 600 !important;
    font-size: var(--base-font-size-lg);
}

.p-ts-week-date,
.p-ts-week-day {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.p-ts-week-wrapper svg {
    cursor: pointer;
}

.p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

tr.total-row-p-day td {
    vertical-align: top;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ts-total-check {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.p-ts-revoke-list {
    display: flex;
    align-items: center;
    gap: 6rem;
}

    .p-ts-revoke-list:not(:last-child) {
        margin-bottom: 1.2rem;
    }

span.p-ts-grid-tt {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
}

.p-def-table-bordered.table thead th {
    border-bottom: 1px solid var(--primary-border-color);
    border-bottom-width: 1px;
}

.p-ts-action .p-dd-wp-dot-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.275rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::after {
    top: -0.5rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::before {
    top: -0.45rem;
}

.p-ts-table tr th {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-ts-disabled-cell {
    background-color: var(--grey-bg-6);
    pointer-events: none;
}

    .p-ts-disabled-cell input {
        background: transparent;
    }

@media(max-width: 1400px) {
    .p-ts-weeks-wid {
        width: 75px;
    }

    .p-ts-table th, .p-ts-table td {
        padding: 6px 4px;
    }

    .p-ts-action, .p-ts-acts-wid {
        width: 45px;
    }
}



.p-link-courses,
.p-link-courses .loading-skeleton .image-placeholder {
    --pc-thumb-height: 6rem;
}

    .p-link-courses .loading-skeleton .image-placeholder {
        height: var(--pc-thumb-height)
    }

    .p-link-courses .p-card-full-details-img-thumb {
        --content-grid-width: 155px;
    }

    .p-link-courses .p-card-full-deatils {
        display: flex;
        align-items: center;
        gap: 0.7rem;
    }

        .p-link-courses .p-card-full-deatils:not(:last-child) {
            margin-bottom: 1rem;
        }

    .p-link-courses .thcc-details-inner .ph-5 {
        max-width: calc(100% - 0.8rem);
        word-break: break-word;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 220px;
        width: 100%;
    }

.p-link-courses-sb .p-card-full-deatils-data .search-card-txt {
    max-width: 100% !important;
}

.p-link-courses .hc-live-therap-name {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
    font-size: var(--base-font-size);
}

.p-link-courses-sb .btn-slect-dropdown .p-add-btn {
    min-width: 210px;
    max-width: 210px;
}

.p-link-courses-sb .ch-filter-wrapper .p-search-input {
    max-width: 210px !important;
}

.p-link-courses-sb .p-search-input input {
    padding-right: 2.55rem;
}

.p-link-courses.p-link-courses-selected {
    padding-top: 1.2rem;
}

.p-lc-move-icon {
}

.p-link-course-deselect {
    align-self: flex-start;
    position: absolute;
    right: 12px;
}

.p-link-courses-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0;
}

.p-sb-gene-body-lc .ch-filter-wrapper {
    padding: var(--box-padding);
}

.p-sidebar-gen-mw .p-sb-gene-body-lc .p-sb-gene-body {
    height: calc(100vh - 15.2rem);
    padding-top: 0.75rem;
}

.pv-line {
    background: var(--primary-border-color);
}

.p-card-full-deatils .custom-control-label {
    cursor: pointer;
}

.p-link-courses-sb .custom-control-label::after,
.p-link-courses-sb .custom-control-label::before {
    left: -1.2rem;
}

.p-link-courses-sb .p-card-full-details-contents {
    gap: calc(var(--default-gap)* 0.5);
}

.p-lc-align-cour-head {
    min-height: 48px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.3rem;
    padding: 0 var(--box-padding);
}

.loading-skeleton .custom-control-label::before {
    background-color: var(--sec-light-color7);
    border-color: var(--sec-light-color7);
}

.nav-wrapper > * {
    flex: 1;
}

/* Suggestion Box */
.global-search-emma {
    flex: 1;
    width: 100%;
    position: relative;
    z-index: 1200;
    margin: 0 auto;
    max-width: 530px;
}

.emma-search-input {
    position: relative;
}

    .emma-search-input input {
        padding-left: 3rem;
        background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
        padding-left: 2.7rem;
        border-radius: calc(var(--border-radius-default)* 1);
        font-size: var(--base-font-size);
        height: 2.413rem;
    }

        .emma-search-input input.form-control::placeholder {
            font-weight: 400;
            font-size: var(--base-font-size);
            color: var(--theme-placeholder-color);
        }

        .emma-search-input input:focus + svg {
            fill: var(--secondary-color);
        }

.emma-icon-search {
    width: 1.275rem;
    height: 1.275rem;
    display: inline-block;
    position: absolute;
    left: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
    stroke: var(--theme-placeholder-color) !important;
}

.iconly--icon.ge-search-icon {
    color: var(--placeholder-color);
    width: 1.275rem;
    height: 1.275rem;
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


.search-suggestions {
    display: none;
    position: absolute;
    top: calc(var(--nav-min-height) - 10px);
    width: 100%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    animation: slideDown 0.3s ease-in-out;
    max-width: 530px;
    overflow-y: auto;
    max-height: 560px;
}

/* Overlay */
/*.p-bg-overlay-search::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1048;
    transition: all 0.6s;
}
*/
/* Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.p-ss-rec-fil-head {
    padding: 0.5rem;
    margin-bottom: 0.4rem;
}

.p-ss-tags-filter ul,
.loading-skeleton .p-ss-tags-filter .list-unstyled {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .p-ss-tags-filter ul li,
    .p-ss-li-tag-load {
        border-radius: 4rem;
        padding: 0.3rem 0.95rem;
        cursor: pointer;
        border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
        font-size: var(--base-font-size-xs);
    }

        .p-ss-tags-filter ul li.p-ss-tags-active {
            background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
            font-weight: 500;
        }

.p-ss-list-ser-wsi li,
.p-ss-list-ser-wsi-load {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

    .p-ss-list-ser-wsi li svg.p-icon {
        position: relative;
        top: 1px;
    }

.p-ss-list-ser-hover li {
    padding: 0.45rem 0.5rem;
    cursor: pointer;
}

    .p-ss-list-ser-hover li:hover {
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        border-radius: var(--bs-border-radius);
        cursor: pointer;
    }

.p-ss-icon-cirle {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .p-ss-icon-cirle .p-ss-icon {
        width: 18px;
        height: 18px;
        display: inline-block;
    }

.p-ss-list-ser-lg li,
.p-ss-list-item-load {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-ss-filtered-ml,
.p-lh-3p1 {
    line-height: 1.35;
}

    .p-ss-filtered-ml label {
        cursor: pointer;
    }

.p-ss-icon-cirle-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

.p-ss-list-ser-lg.p-ss-list-ser-hover li,
.p-ss-list-item-load {
    padding: 0.65rem 0.5rem;
}

.no-data-filtered .ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring-sm .p-tal-cir-count {
    font-size: 1rem;
    line-height: 1.15;
    padding-bottom: 3px;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-md svg {
    width: 4.7em;
    height: 4.7em;
    margin: 0;
}

.tl-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.loading-skeleton .tl-content {
    gap: 5px;
}

.loading-skeleton svg.p-dd-wp-dot-icon {
    stroke: none !important;
    fill: none !important;
}

.loading-skeleton label {
    margin: 0;
}

.loading-skeleton .p-ss-rec-fil-head {
    max-width: 100px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.p-ss-recent-filter.loading-skeleton {
    padding: 0 0.5rem;
}

.p-ss-list-ser-wsi-load {
    margin-bottom: 16px;
}

.p-ss-list-item-load {
    padding-left: 0;
    padding-right: 0;
}

.loading-skeleton.p-ss-recent-filter .skeleton-img {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    height: 100%;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.loading-skeleton .p-ss-li-tag-load,
.loading-skeleton .p-ss-icon-cirle {
    border: 1px solid var(--sec-light-color7);
}

.p-ss-li-tag-load label {
    position: relative;
    top: 1px;
}

.p-min-hei-ini {
    min-height: initial !important;
}

.p-cous-doc-inps {
    display: flex;
    gap: 2rem;
}

.translate-lang-mc {
    max-width: 500px;
    flex-grow: 1;
}

.p-cous-doc-inps-gap {
    gap: 2rem;
}

/*heat map table*/
.p-heat-map-sur .p-ts-table td:not(:nth-child(1)),
p-heat-map-sur .p-ts-table th:not(:nth-child(1)) {
    padding: 0;
}

.p-heat-map-sur .p-ts-week-date,
.p-heat-map-sur .p-ts-week-day {
    font-weight: 500;
}

.p-hm-count-cells {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.p-heat-map-sur th.p-ts-weeks-wid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-heat-map-sur .p-ts-weeks-wid {
    width: 110px;
    min-width: 110px;
}

.p-heat-map-sur tr td:first-child {
    min-width: 345px;
}

.p-hm-arr {
    width: 30px;
}

.p-hp-head {
    position: relative;
}

.p-heat-map-sur .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-position: center center;
    margin-top: 2px;
    top: 2px;
    background-size: 100%;
}

.p-heat-map-sur .active-row .p-acco-btn-w-icon::after {
    transform: rotate(180deg);
}

.p-heat-map-sur .p-acco-btn-w-icon {
    padding-left: 1.8rem;
}

.accordian-body table.w-100 tr td {
    border: none;
}

    .accordian-body table.w-100 tr td:not(:last-child) {
        border-right: 1px solid var(--primary-border-color);
    }


.p-hm-align-para {
    padding-left: 1.8rem;
    line-height: 1.35rem;
}

.p-heat-map-sur .active-row {
}

.p-hm-count-cells.text-primary-color {
    font-weight: 500;
}

.p-heat-map-sur .hiddenRow > td {
    padding: 0;
}

.p-heat-map-sur .hiddenRow table td:last-child {
    border-right: 0;
}

.p-heat-map-sur .hiddenRow table tr:first-child td {
    border-top: 0;
}

.p-heat-map-sur .hiddenRow table tr:last-child td {
    border-bottom: 0;
}

.p-heat-map-sur .hiddenRow table td:first-child {
    border-left: 0;
}

.p-heat-map-sur .hiddenRow .p-ts-weeks-wid:last-child {
    width: 109.5px;
}

.p-heat-map-sur .table-bordered td, .p-heat-map-sur .table-bordered th {
    border-left: 0;
    border-right: 0;
}

.email-mw .ch-filter-wrapper {
    background-color: transparent;
}

.formbuilder-header h5 {
    word-break: break-word;
}

.tkl-ws-pos-t-5p5 {
    top: 5.6rem;
}

.ls-ts.loading-skeleton .lt-days p {
    min-width: 30px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.ls-ts.loading-skeleton .p-tag {
    min-height: 30px;
    min-width: 130px;
}

.ls-ts.loading-skeleton .p-ts-table p {
    max-width: 50px;
    margin: 0 auto;
}

#teamTimesheetLoadPanel.tkl-ws {
    top: 3.8rem;
}

.p-form-check-rad-align .p-form-check-input {
    position: relative;
    top: 9px;
    align-self: flex-start;
}


.report-dg {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr 1fr;
    gap: 1.3rem 1.8rem;
    align-items: flex-start;
}

.report-dg-sr {
    margin-top: 1.3rem;
}


.p-tabs-mh.time-suury-cal {
    padding-bottom: 86px;
}


.perm-sb-cbs-mw .p-form-check-selecta-all,
.p-form-check-selecta-all-end {
    flex-direction: row-reverse;
    padding-right: 0.44rem;
}

#titleSectionLoader.loading-skeleton .pdf {
    min-width: initial;
}

.p-rev-sl-ring label.mb-0 {
    width: 25px;
    height: 25px !important;
    border-radius: 50% !important;
}


.tags-ts {
    text-align: center;
}

.dx-scheduler .dx-scheduler-header-panel-cell {
    font-weight: 500;
    color: var(--primary-color) !important;
    border-color: var(--theme-border-layout);
}

.p-week-calender {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    height: 43.24px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    min-width: 282px;
}

    .p-week-calender button {
        background: none;
        border: none;
        cursor: pointer;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
    }

    .p-week-calender span {
        padding: 0 2px;
        font-weight: 500;
        height: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        min-width: 200px;
        text-align: center;
        flex: 1;
        justify-content: center;
    }

.date-picker-container {
    display: none;
}

.p-week-cal-chev {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--theme-primary-color);
}

.p-week-cal-chev-right {
    transform: rotate(180deg);
}

.p-week-calender-mw .dx-calendar {
    border: 1px solid var(--input-border-1) !important;
    border-radius: var(--bs-border-radius);
    top: -10.2px !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
}

.dx-calendar-body thead tr th {
    color: var(--on-primary-color);
    font-weight: 500;
}

.align-sb-ini {
    justify-content: flex-end;
    padding-left: 7px;
}

.pos-rel-tn1 {
    position: relative;
    top: -1px;
}

.p-att-poli-tts {
    cursor: pointer;
}

.p-icon-pep {
    width: 1.25rem;
    height: 1.25rem;
}

.p-icon-ap {
    width: 1.35rem;
    height: 1.35rem;
    position: relative;
    top: 1px;
}

.p-att-poli-tts-mw {
    position: relative;
    top: -1px;
}

.p-dd-mw-230 {
    max-width: 230px;
}

/*#gridIncome .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}*/

.AddRotation .p-cus-dd-option.p-cus-dd-last-selected {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-clk-tt {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
}

    .p-clk-tt .popper-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
        position: relative;
    }

        .p-clk-tt .popper-arrow::before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
        }

        .p-clk-tt .popper-arrow::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
        }

    /* Arrow pointing down with border */
    .p-clk-tt[data-popper-placement^=bottom] .popper-arrow::before {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: transparent transparent var(--bs-tooltip-bg) transparent;
    }

    .p-clk-tt[data-popper-placement^=bottom] .popper-arrow::after {
        bottom: -1px; /* Adjust to overlap slightly */
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: transparent transparent var(--bs-tooltip-color) transparent;
    }

    /* Arrow pointing up with border */
    .p-clk-tt[data-popper-placement^=top] .popper-arrow::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: var(--bs-tooltip-bg) transparent transparent transparent;
    }

    .p-clk-tt[data-popper-placement^=top] .popper-arrow::after {
        top: -1px; /* Adjust to overlap slightly */
        left: 50%;
        transform: translateX(-50%);
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5);
        border-color: var(--bs-tooltip-color) transparent transparent transparent;
    }

    /* Arrow pointing left with border */
    .p-clk-tt[data-popper-placement^=left] .popper-arrow::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-color: transparent transparent transparent var(--bs-tooltip-bg);
    }

    .p-clk-tt[data-popper-placement^=left] .popper-arrow::after {
        left: -1px; /* Adjust to overlap slightly */
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
        border-color: transparent transparent transparent var(--bs-tooltip-color);
    }

    /* Arrow pointing right with border */
    .p-clk-tt[data-popper-placement^=right] .popper-arrow::before {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-color: transparent var(--bs-tooltip-bg) transparent transparent;
    }

    .p-clk-tt[data-popper-placement^=right] .popper-arrow::after {
        right: -1px; /* Adjust to overlap slightly */
        top: 50%;
        transform: translateY(-50%);
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-color: transparent var(--bs-tooltip-color) transparent transparent;
    }


.dx-datagrid-summary-item {
    font-weight: 700;
    color: var(--primary-color) !important;
}



/*CSS for kanBan-internal*/
.CandidateCheck:focus, .CandidateCheck:active {
    outline: none;
    box-shadow: none;
}

.kanban-item:focus, .kanban-item:active {
    outline: none;
    box-shadow: none;
}

.hire-main-container .underline {
    text-decoration: underline;
    color: #007bff !important;
}

.mention-list-item {
    display: flex;
    align-items: center;
}

.mention-list-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
}

.mention-list-text {
    font-size: 14px;
}

.hire-main-container td {
    word-wrap: break-word !important; /* Older browsers */
    overflow-wrap: break-word !important;
}

.p-tal-ins-grid .ba-box-shadows {
    min-height: 20em;
}

.p-ques-item-w-tag {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.3rem;
}

.pac-container {
    z-index: 10000 !important; /* Adjust the z-index to be higher than the modal's */
}

.kanban-container, .kanban-container * {
    box-sizing: border-box
}

.kanban-board.disabled-board {
    opacity: .3
}

.kanban-board.is-moving.gu-mirror {
    transform: rotate(3deg)
}

    .kanban-board.is-moving.gu-mirror .kanban-drag {
        overflow: hidden;
        padding-right: 50px
    }

.hire-main-container .p-mydoc-list-item-cont,
.hire-main-container .p-vertical-def-nav .nav-link {
    justify-content: space-between;
}

.kanban-board:after {
    clear: both;
    display: block;
    content: ""
}

.kanban-item img.w-100 {
    border-radius: .375rem
}

.kanban-item {
    cursor: move;
}

    .kanban-item:hover,
    .kanban-item.selected-item {
        cursor: move;
    }

    .kanban-item .p-check {
        position: absolute;
        z-index: 999;
        top: 3px;
        left: 3px;
        display: none;
    }

    .kanban-item.selected-item .p-check,
    .kanban-item:hover .p-check {
        display: block;
    }

    .kanban-item .p-check input {
        border-top-left-radius: calc(var(--bs-border-radius)* 0.8);
        width: 1.35rem;
        height: 1.35rem;
    }

.cta-bulk-action-hire .p-ani-dropdown {
    padding: 10px;
}

.kanban-card {
    background: #FFF;
    border-radius: calc(var(--bs-border-radius)* 0.95);
}

    .kanban-card .kanban-title {
        padding-left: 5px;
    }

.kanban-item.is-moving.gu-mirror {
    transform: rotate(3deg);
    height: auto !important
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0,0%,100%,.8) !important;
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05) !important
}

.drag_handler {
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: relative;
    float: left;
    top: -3px;
    margin-right: 4px
}

    .drag_handler:hover {
        cursor: move
    }

.drag_handler_icon {
    position: relative;
    display: block;
    background: #000;
    width: 24px;
    height: 2px;
    top: 12px;
    transition: .5s ease-in-out
}

    .drag_handler_icon:after, .drag_handler_icon:before {
        background: #000;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        transition: .5s ease-in-out
    }

    .drag_handler_icon:before {
        top: 6px
    }

    .drag_handler_icon:after {
        bottom: 6px
    }

.radio-inputs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    background-color: #EEE;
    box-sizing: border-box;
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
    padding: 0.25rem;
    width: 300px;
    font-size: 14px;
}

    .radio-inputs .radio {
        flex: 1 1 auto;
        text-align: center;
    }

        .radio-inputs .radio input {
            display: none;
        }

        .radio-inputs .radio .name {
            display: flex;
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            border: none;
            padding: .5rem 0;
            color: rgba(51, 65, 85, 1);
            transition: all .15s ease-in-out;
        }

        .radio-inputs .radio input:checked + .name {
            background-color: #fff;
            font-weight: 600;
        }


/*NOTES CSS - JARYD*/
.profiles-component {
    max-width: 350px;
    margin: auto;
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profiles-header {
    background-size: cover;
}

.profiles-image {
    width: 100px;
    height: 100px;
    border: 5px solid white;
}

.profiles-body {
    padding: 20px;
}

.post {
    max-width: 640px;
    margin: auto;
    background: white;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
}

    .post img {
        max-width: 100%;
        height: auto;
        border-bottom: 1px solid #ddd;
    }

.comment-section {
    border-top: 1px solid #ddd;
}

.profile-photo {
    width: 40px;
    height: 40px;
}

.like-share-comment {
    font-size: 0.9rem;
}

.post-footer {
    padding: 0.5rem 1rem;
}

.comment {
    padding: 0.5rem 1rem;
    border-top: 1px solid #ddd;
}
/* Additional styling for icons */
.profile-container {
    background-color: white;
    margin: 20px auto;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.profile-header {
    display: flex;
    align-items: center;
}

    .profile-header img {
        border-radius: 50%;
        margin-right: 20px;
    }

    .profile-header h1 {
        margin: 0;
        font-size: 24px;
    }

    .profile-header .follow-btn {
        margin-left: auto;
        background-color: #007bff;
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
    }

.profile-info {
    margin-top: 20px;
}

    .profile-info p {
        margin: 5px 0;
    }

    .profile-info .tags {
        background-color: #ddd;
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
        margin-right: 10px;
    }

.timeline-tab {
    margin-top: 20px;
    border-bottom: 2px solid #007bff;
}

    .timeline-tab button {
        background: none;
        border: none;
        padding: 10px;
        margin-right: 10px;
        cursor: pointer;
        outline: none;
    }

.hire-main-container .timeline-content {
    padding: 20px;
    text-align: center;
}

.hire-main-container .toggle-switch {
    position: absolute;
    top: 10px; /* Adjust as needed */
    z-index: 10;
}

    .hire-main-container .toggle-switch input[type="checkbox"] {
        display: none;
    }

    .hire-main-container .toggle-switch label {
        cursor: pointer;
        text-indent: -9999px;
        width: 50px;
        height: 25px;
        background: grey;
        display: block;
        border-radius: 100px;
        position: relative;
    }

        .hire-main-container .toggle-switch label:after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 21px;
            height: 21px;
            background: white;
            border-radius: 21px;
            transition: 0.3s;
        }

    .hire-main-container .toggle-switch input:checked + label {
        background: green;
    }

        .hire-main-container .toggle-switch input:checked + label:after {
            left: calc(100% - 2px);
            transform: translateX(-100%);
        }

.p-upload-btn-wrpper {
    min-width: 14.5em;
}

#div-vector-map-insights {
    height: 400px !important
}

.hire-main-container .loader-container {
    display: flex;
    align-items: center;
}

.hire-main-container .loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #131414;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin-left: 10px;
}

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

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

li.experience-item {
    font-weight: bold;
}

    li.experience-item > p {
        font-weight: normal;
    }

.productcursorfiles {
    cursor: pointer;
}

#RegenerateInterview1AnalysisEvbtn, #RegenerateInterview2AnalysisEvbtn, #RegenerateInterviewAnalysisbtn, #RegenerateInterview2Analysisbtn {
    position: absolute;
    right: 0;
    margin-right: 10px;
    height: 30px;
    width: 230px;
}

.disbtn {
    opacity: 0.5; /* Example: Reduce opacity to indicate disabled state */
    pointer-events: none; /* Example: Disable pointer events to prevent interaction */
    /* Additional styling as needed */
}

.tooltip-customsocial .tooltip-inner {
    background-color: black;
    color: white;
    font-size: 14px;
}

.files-container-bulk-upload {
    height: 100%;
    border: 0.1rem dashed var(--primary-border-color);
    border-radius: var(--bs-border-radius);
}

.filter-candidate-menu {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.CandidateFilter, .ShareCandidate {
    margin-right: 10px;
    cursor: pointer;
}

.hire-main-container .sub-category {
    padding-left: 10px;
}

.hire-main-container .sub-category-item {
    display: flex;
    margin-top: 5px;
}

.p-ani-dropdown .accordion-toggle {
    color: #444;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    margin-left: -17px;
}

.p-ani-dropdown .accordion-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: white;
}

/* Static button at the bottom */
.static-button {
    padding: 10px;
    background-color: white;
}

.p-ani-dropdown .accordion-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between checkbox and text */
}

.load-more-btn {
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    color: var(--primary-color);
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 500;
}

    .load-more-btn:hover {
        text-decoration: underline;
    }

.kanban-drag {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    height: 100%; /* Ensure the kanban-drag takes full height */
}

.full-height {
    height: 100% !important;
    max-height: 100% !important;
}

.loading-skeleton .kanban-container {
    overflow: hidden;
}
/*css for internal kanban ends here*/


/*sign*/

.sign-content-mw {
    min-height: 340px;
    background: rgb(140 141 142 / 5%);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--sec-light-color4);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.1rem;
}

img.img-sign {
    max-width: 350px;
}

.pos-cen {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.sign-content-mw label {
    font-size: var(--base-font-size);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.sign-mw {
    flex: 1;
}

.clear-sign {
    font-size: var(--base-font-size);
    text-align: center;
    color: var(--primary-color);
    font-weight: 500;
    text-decoration: underline;
    display: block;
    margin: 0.5rem 0 0.5rem;
    cursor: pointer;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.sign-content-mw-cc {
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

    .sign-content-mw-cc .img-uploder {
        flex-grow: 1;
    }

    .sign-content-mw-cc .img-uploder {
        flex-grow: 1;
        flex: 1;
        width: 100%;
        background: #fff;
        border-color: var(--input-border-1);
    }

.p-add-btn-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.print-name-inp {
    max-width: 250px;
}

    .print-name-inp label {
        color: var(--primary-color);
        font-weight: 500;
    }

    .print-name-inp .form-control-sm {
        min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)* 8));
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm);
    }

    .print-name-inp .form-control:focus {
        border-color: var(--input-border-1);
    }

.sign-mw-sign::after {
    content: '';
    position: absolute;
    top: 67%;
    height: 1px;
    width: 410px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--sec-light-color5);
}

.custom-content small {
    font-size: var(--base-font-size);
}

.partners-login .modal-footer .hc-default-btn {
    min-width: var(--p-btn-min-width);
}

.sign-upld-mw {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}
/*eign*/

.sign-preview {
    max-width: 450px;
    border-bottom: 1px solid var(--sec-light-color5);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0rem;
    width: 100%;
    flex: 1;
    padding-bottom: 0.75rem;
}

    .sign-preview p {
        margin-bottom: 0;
    }

.p-sign-preview-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-upload-input img {
    max-width: 380px;
    border-bottom: 1px solid var(--sec-light-color5);
    padding-bottom: 15px;
}

#T_SignatureName, #S_SignatureName {
    min-width: 121px;
}

.p-modal-sb .sign-preview {
    max-width: 300px;
}

.sign-content-mw-sb img.img-sign {
    max-width: 300px;
    /*border-bottom: 1px solid var(--sec-light-color5);*/
    /* padding-bottom: 15px;*/
    border-radius: var(--bs-border-radius);
}

.p-modal-sb .sign-mw-sign::after {
    width: 300px;
}

.sign-content-mw-sb .sign-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.continue-button[disabled] {
    background-color: var(--disabled-color) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}

.hc-default-btn.btn-salmon.btn-cancel[disabled] {
    cursor: not-allowed !important;
    opacity: 0.5;
    pointer-events: none;
    color: #848484 !important;
}



/*accordian*/
.p-ad-accordion .accordion-button:focus {
    box-shadow: none;
}

.p-ad-accordion .accordion-item {
    border: none;
}

    .p-ad-accordion .accordion-item:not(:last-child) {
        margin-bottom: 0.9rem;
    }

.list-accordion-pack {
    list-style: none;
    padding: 0;
}

    .list-accordion-pack li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.2rem;
        font-size: var(--base-font-size);
    }

        .list-accordion-pack li:not(:last-child) {
            margin-bottom: 0.5rem;
        }

.p-packeg-featu-name em.icon {
    font-size: 1rem;
    position: relative;
    top: 1px;
    align-self: flex-start;
    padding-top: 0.2rem;
}

.p-packeg-featu-name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-packeg-featu-amount {
    font-weight: 600;
    display: inline-block;
    padding-right: 2.7rem;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.p-ad-accordion .accordion-button {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.11 ) !important;
    font-weight: 600;
    border-radius: var(--bs-border-radius) !important;
    padding: calc(var(--bs-accordion-btn-padding-y)* 0.8) var(--bs-accordion-btn-padding-x);
    font-size: var(--base-font-size-xl) !important;
}

    .p-ad-accordion .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

    .p-ad-accordion .accordion-button span {
        color: var(--primary-color);
        font-size: var(--base-font-size-xxl);
    }
/*accordian*/

.free-text-response {
    --bs-border-radius: 1.15rem;
    background-color: var(--sec-light-color8);
    padding: 1.05rem 1.1rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--primary-color);
    position: relative;
    line-height: 1.6;
    border: 1px solid rgb(232 232 232 / 61%);
}

    .free-text-response p {
        margin: 0;
    }

    .free-text-response svg.p-icon {
        margin-bottom: 0.5rem;
        stroke: none;
        fill: #737376;
        width: 1.7rem;
        height: 1.7rem;
        left: 0;
        transform: rotate(180deg);
        margin-top: -0.45rem;
    }

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(206 206 206 / 25%);
}

.badge {
    padding: 0.35em 0.4em 0.35em;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
}

.bg-red {
    background: var(--theme-primary-color);
    color: #fff;
}

.sign-mw-bord .img-sign {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-top: 0.8rem;
}

.text-xs {
    font-size: var(--base-font-size-xxs) !important;
}

.fw-600 {
    font-weight: 600;
}


img.uploaded-signature {
    max-width: 300px;
}


.tm_av_cnt .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-icon-close::before {
    width: 15px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 26'%3E%3Cg id='Iconly/Light/Delete' stroke-width='1.5' stroke='%23000' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Delete' transform='translate(3.000000, 2.000000)' stroke-width='1.5'%3E%3Cpath d='M16.3249,7.4682 C16.3249,7.4682 15.7819,14.2032 15.4669,17.0402 C15.3169,18.3952 14.4799,19.1892 13.1089,19.2142 C10.4999,19.2612 7.8879,19.2642 5.2799,19.2092 C3.9609,19.1822 3.1379,18.3782 2.9909,17.0472 C2.6739,14.1852 2.1339,7.4682 2.1339,7.4682' id='Stroke-1'%3E%3C/path%3E%3Cline x1='17.7082' y1='4.2397' x2='0.7502' y2='4.2397' id='Stroke-3'%3E%3C/line%3E%3Cpath d='M14.4406,4.2397 C13.6556,4.2397 12.9796,3.6847 12.8256,2.9157 L12.5826,1.6997 C12.4326,1.1387 11.9246,0.7507 11.3456,0.7507 L7.1126,0.7507 C6.5336,0.7507 6.0256,1.1387 5.8756,1.6997 L5.6326,2.9157 C5.4786,3.6847 4.8026,4.2397 4.0176,4.2397' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    font-size: 0;
    background-position: center center;
    display: inline-block;
    background-repeat: no-repeat;
}

.tm_av_cnt .dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-button-content:has(.dx-custom-delete) {
    height: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.p-gs-handbook .p-add-btn-icon {
    max-width: 180px;
    margin: 0 auto;
}

.lt-list-date.lt-list-lr-mw {
    justify-content: space-between;
    align-items: flex-start;
}

.lt-days-left-mw {
    text-align: center;
    display: flex;
    align-items: flex-start;
    gap: 1.4rem;
}

.no-plicies-text {
    text-align: center;
    padding: 3rem 0;
}

    .no-plicies-text h6 {
        font-size: var(--base-font-size-xxl);
        font-weight: 600;
        margin-bottom: 0.1rem;
    }

    .no-plicies-text p {
        color: var(--on-primary-color);
    }

.p-acc-card .card-body {
    border-top: 1px solid var(--primary-border-color);
    background: #fff !important;
}

.p-def-back-btn > .pdf .p-icon {
    width: 1.95rem;
    height: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--btn-light-bg);
    padding: 6px;
    margin-right: 4px;
    border: 1px solid var(--theme-border-2);
    stroke: var(--theme-primary-color);
}

.p-def-back-btn .p-icon:hover {
    background-color: var(--sec-light-color7);
    stroke: var(--primary-color);
}

.loading-skeleton .ch-grid-actions label svg {
    display: none;
}

/**/
.vir-age-container {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    padding-top: 2.25rem;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--nav-min-height));
    overflow: hidden;
    padding-bottom: 1.5rem;
    justify-content: flex-end;
    transition: all 0.6s;
}

.js-vir-age-as {
    padding-top: 0;
    padding-bottom: 0;
}

.vir-age-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.vir-age-chat-box {
    /*background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    padding: var(--box-padding);
    border: 1px solid var(--sec-light-color7);*/
    position: relative;
}

.vir-age-chat-box-inner {
    border: 1px solid var(--sec-light-color6);
    background: #fff;
    border-radius: calc(var(--bs-border-radius)* 0.85);
}

.js-vir-age-as .vir-age-chat-box-inner {
    --tw-shadow: 0 9px 9px 0px rgba(0, 0, 0, .01), 0 2px 5px 0px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0 9px 9px 0px var(--tw-shadow-color), 0 2px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vir-age-chat-box textarea {
    width: 100%;
    height: 120px;
    border: none;
    resize: none;
    padding: 0.85rem 1.1rem;
    font-size: var(--base-font-size-xl);
    border-radius: var(--bs-border-radius);
    outline: none;
}

.vir-age-chat-box-action {
    display: flex;
    justify-content: space-between;
    padding: 0.65rem 1.1rem;
}

.vir-age-attach-icon {
    cursor: pointer;
    font-size: 20px;
}

.vir-age-send-btn {
    background: black;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.vir-age-tags-container {
    display: flex;
    align-items: center;
    position: relative;
    margin: 1.2rem 0rem 0.3rem;
    overflow: hidden;
    width: 100%;
}

.vir-age-tags-wrapper {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar */
    justify-content: space-between;
    width: 100%;
}

    .vir-age-tags-wrapper::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome, Safari */
    }

.vir-age-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: black;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 18px;
    z-index: 10;
    display: none; /* Initially hidden */
}

.vir-age-arrow-left {
    left: 0;
}

.vir-age-arrow-right {
    right: 0;
}

.vir-age-tag {
    padding: 0.35rem 1rem;
    border-radius: 20px;
    white-space: nowrap;
    cursor: pointer;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .vir-age-tag.vir-active,
    .vir-age-tag:hover {
        background: #09090b;
        color: white;
    }

.vir-age-tag-icon {
    display: inline-block;
    width: 1.175rem;
    height: 1.175rem;
}

.vir-age-tag-icon-f {
    fill: #fff;
    width: 0.9rem;
    height: 0.9rem;
}

.vir-age-tag-icon-f {
    fill: var(--primary-color)
}

.vir-age-tag-icon-s {
    stroke: var(--primary-color);
}

.vir-age-tag.vir-active .vir-age-tag-icon-s,
.vir-age-tag:hover .vir-age-tag-icon-s {
    stroke: #fff;
}

.vir-age-tag.vir-active .vir-age-tag-icon-f,
.vir-age-tag:hover .vir-age-tag-icon-f {
    fill: #fff;
}

.pp-ask-ai-send {
    transition: all .3s;
    position: relative;
    min-width: 1.8rem;
    min-height: 1.8rem;
    cursor: pointer;
}


    .pp-ask-ai-send .hover-sf-f {
        opacity: 0;
        visibility: hidden;
    }

    .pp-ask-ai-send .hover-sf-s {
        fill: var(--sec-light-color3);
    }

    .pp-ask-ai-send svg {
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        display: inline-block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pp-ask-ai-send .hover-sf-f,
    .pp-ask-ai-send:hover .hover-sf-s,
    .send-active-class .hover-sf-s {
        opacity: 0;
        visibility: hidden;
    }

    .pp-ask-ai-send:hover .hover-sf-s {
        visibility: hidden;
        opacity: 0;
    }

    .pp-ask-ai-send:hover .hover-sf-f,
    .send-active-class .hover-sf-f {
        visibility: visible;
        opacity: 1;
    }

.vir-age-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
    width: 100%;
}

.vir-age-card {
    background: #fff;
    border-radius: var(--bs-border-radius);
    padding: 20px;
    transition: transform 0.2s ease-in-out;
    text-align: left;
    border: 1px solid var(--primary-border-color);
}

    .vir-age-card:hover {
        background: var(--p-grey-3);
        border: 1px solid var(--sec-light-color6);
        cursor: pointer;
    }

    .vir-age-card:hover {
        transform: translateY(-5px);
    }

.vir-age-card-title {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: var(--primary-color);
    margin-top: 1.2rem;
}

.vir-age-card-description {
    font-size: 14px;
    color: #555;
}

.vir-age-card-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.vir-age-card .p-smiw {
    --icon-nav-wh: 1.4rem;
}

.vir-age-card:hover .p-sbitt {
    opacity: 1;
    visibility: visible;
}

.vir-age-card:hover .p-sbi {
    opacity: 0;
    visibility: visible;
}

input[type="search" i]::-webkit-search-cancel-button {
    display: none;
}

@media screen and (min-width: 1024px) and (max-height: 800px) {
    .vir-age-card-description {
        margin-bottom: 0;
    }

    .vir-age-chat-box textarea {
        height: 100px;
    }
}

@media screen and (min-width: 1024px) and (max-height: 750px) {
    .vir-age-card-description {
        margin-bottom: 0;
    }

    .vir-age-card-description {
        font-size: 13px;
    }

    .vir-age-card-title {
        margin-top: 0.8rem;
    }

    .vir-age-chat-box textarea {
        height: 80px;
    }
}

@media (max-width: 768px) {
    .vir-age-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .vir-age-cards-container {
        grid-template-columns: 1fr;
    }
}


.js-vir-age-as {
    display: flex;
    max-width: 100%;
    gap: 0;
    margin-top: 0;
}

/* Keep Tags & Cards Visible Initially */
/*.js-cards-container,
.js-tags-container {
    display: block;
}
*/
/* Move Chat Box to Bottom Left AFTER Sending Message */
/* New Class When Search Starts */
.js-active-search {
    display: flex;
    flex-direction: row;
    width: 100%;
}

/* Move Chat Box to Bottom Left AFTER Sending Message */
.js-vir-age-as .vir-age-chat-wrp-inner {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--nav-min-height));
    overflow: hidden;
    padding-bottom: 1.5rem;
    gap: 1.3rem;
}

.p-chat-def-vir {
    flex: 1;
    max-height: 100%;
    overflow: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 2.25rem;
}

.p-chat-def.p-chat-def-vir .article-load-msg-right .webchat-load-msg-main-wrapper {
    max-width: 40em;
}

.vir-chat-box,
.js-vir-age-as .vir-age-chat-box {
    background: #fff;
    transition: all 0.6s;
}

.vir-ag-edit.p-icon {
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    top: 1px;
}

.js-vir-age-as .vir-age-chat-box-inner {
    margin: var(--chat-gap);
}

.js-vir-age-as .vir-age-chat-box {
    border-right: 1px solid var(--sec-light-color8);
    background: #fff;
    border-left: 1px solid var(--sec-light-color8);
    flex: 1;
    z-index: 1;
}

.js-vir-age-as .p-chat-def-vir-inner,
.js-vir-age-as .vir-age-chat-box-inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.js-vir-age-as .vir-age-chat-box textarea {
    height: initial;
}

.vir-age-chat-box textarea::placeholder {
    color: var(--placeholder-color);
}

.js-left-sidebar-analysis .webchat-load-msg-main-wrapper .chatbot-bubble h6 {
    font-size: var(--base-font-size-h6);
}

.vir-age-chat-box .webchat-load-msg-main-wrapper .avatar {
    display: none;
}

.p-chat-def-vir.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 100%;
}

.js-chat-layout {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    display: none;
    padding: var(--chat-gap);
}

.p-btn-icon {
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius));
    padding: 0.25rem;
}



    .p-btn-link-icon:hover,
    .p-btn-icon:hover {
        background-color: var(--sec-light-color7);
    }

        .p-btn-icon:hover svg {
            stroke: var(--primary-color);
        }
/* Left Sidebar Analysis (Hidden Initially, Appears on Search) */
.js-left-sidebar-analysis {
    padding: var(--chat-gap);
    max-height: 100%;
    overflow-y: auto;
    height: calc(100vh - var(--nav-min-height));
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    width: var(--vir-ag-sb-wid);
    border-right: 1px solid var(--border-layout);
    flex-shrink: 0;
    width: var(--vir-ag-sb-wid);
    background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    transition: margin-left 0.3s ease-in-out;
    margin-left: calc(var(--vir-ag-sb-wid)* -1);
    opacity: 0;
    transition: all .6s;
    visibility: hidden;
}

    .js-left-sidebar-analysis.open {
        margin-left: 0;
        visibility: visible;
        opacity: 1;
        transition: margin-left 0.3s ease-in-out;
    }

.vir-age-container.shifted {
    transition: margin-left 0.3s ease-in-out;
}

.canvas-mode .vir-age-chat-box {
    --vir-ag-sb-wid: 35%;
    width: var(--vir-ag-sb-wid);
    max-width: 640px;
    padding: 1rem 1.55rem;
    border-color: var(--border-layout);
    background: var(--grey-bg-1);
    padding-right: 0.55rem;
}

.canvas-mode .p-chat-def-vir {
    padding-left: 0;
    padding-right: var(--chat-gap);
}

.canvas-mode.js-vir-age-as .vir-age-chat-wrp-inner {
    padding-bottom: 2.2rem;
    gap: 2rem;
    padding-right: var(--chat-gap);
    margin-right: calc(var(--chat-gap)* -1);
}

.canvas-mode.js-vir-age-as .vir-age-chat-box-inner {
    max-width: calc(100% - var(--chat-gap));
    justify-self: flex-start;
    margin-left: 0;
}

.vir-age-container.canvas-mode {
    padding: 0;
}

.p-chat-def-vir {
    flex: 1;
    max-height: 100%;
    overflow: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 2.25rem;
}

/* Right Panel (Iframe for Results) */
.js-right-panel {
    flex: 1;
    background: white;
    padding: 0;
    overflow: hidden;
    position: relative;
}

    .js-right-panel iframe {
        width: 100%;
        height: 100%;
        border: none;
    }


.p-chat-def-vir .chatbot-bubble ul,
.p-chat-def-vir .chatbot-bubble ol {
    padding-left: 1.05rem;
    margin-top: 0.55rem;
    margin-bottom: 0.8rem;
}

    .p-chat-def-vir .chatbot-bubble ul li, .p-chat-def-vir .chatbot-bubble ol li {
        margin-bottom: 0.7em;
        margin-top: 0.7em;
        padding-left: .175em;
    }

    .p-chat-def-vir .chatbot-bubble ul > li::marker {
        font-weight: 600;
    }

.p-chat-def-vir .chatbot-bubble ul {
    list-style: disc;
}

ul.va-chat-summary {
    list-style: disc;
    padding-left: 1rem;
}

.form-control.form-control-sm-i {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.p-chat-def-vir .va-marker ul {
    padding: 0;
    margin-top: 0.55rem;
    margin-bottom: 0;
    list-style: none;
}

    .p-chat-def-vir .va-marker ul h4 {
        font-size: var(--base-font-size-xl);
        font-weight: 600;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }

    .p-chat-def-vir .va-marker ul li,
    ul.va-chat-summary li {
        margin-bottom: 0.5rem;
        padding-left: 0;
    }

.webchat-load-msg-wrapper span.chatbot-bubble p {
    margin-bottom: 0.5rem;
    margin-top: 0.7rem;
}
/* User & AI Messages */

/**/

/* Dynamic Textarea (Expands Only After Search) */
#js-chat-input {
    min-height: 80px;
    max-height: 300px;
    overflow-y: hidden;
    width: 100%;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left {
    text-align: left;
    background: transparent !important;
    padding: 0 !important;
    min-height: initial !important;
    align-self: center !important;
}

.p-chat-def-vir .webchat-load-msg-wrapper-right {
    background: #f2f3f7 !important;
    text-align: left;
}

.p-chat-def-vir.p-chat-def article.article-load-msg:not(:last-child) {
    margin-bottom: 1.3rem;
}

.canvas-sb-acts,
.p-can-rec-chat-head {
    display: none !important;
}

.loader-cv-title {
    display: flex;
    align-items: center;
}

    .loader-cv-title label {
        height: 15px;
    }

.va-summary.loading-skeleton ul {
    padding-left: 0;
}

.va-summary.loading-skeleton strong {
    display: none !important;
    visibility: hidden;
}

.va-summary.loading-skeleton h6 {
    max-width: 50%;
    margin-bottom: 1.4rem;
}

.va-summary.loading-skeleton {
    border-color: var(--sec-light-color6);
}

.loading-skeleton .va-chat-summary li {
    margin-bottom: 1.25rem;
    padding-left: 0;
}

.va-summary.loading-skeleton li {
    background: inherit;
}

    .va-summary.loading-skeleton li:nth-child(1) {
        width: 80%;
    }

    .va-summary.loading-skeleton li:nth-child(2) {
        width: 70%;
    }

    .va-summary.loading-skeleton li:nth-child(3) {
        width: 60%;
    }

    .va-summary.loading-skeleton li:nth-child(4) {
        width: 50%;
    }

    .va-summary.loading-skeleton li:nth-child(5) {
        width: 40%;
    }

    .va-summary.loading-skeleton li:nth-child(6) {
        width: 75%;
    }

    .va-summary.loading-skeleton li:nth-child(7) {
        width: 45%;
    }
/* Cadence */

.canvas-mode .canvas-sb-acts,
.canvas-mode .p-can-rec-chat-head {
    display: block !important;
}

.canvas-mode .vir-age-sidebar {
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(calc(100%)* -1);
    width: calc(100%);
    height: 100%;
    background-color: #f9fafb;
    color: white;
    padding: var(--chat-gap);
    transition: left 0.3s ease-in-out;
    z-index: 1001;
    height: calc(100vh - var(--nav-min-height));
}

.vir-ct-btn {
    background: transparent;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
}

    .vir-ct-btn:hover {
        background: var(--sec-light-color7);
    }

        .vir-ct-btn:hover svg {
            stroke: var(--primary-color);
        }

.canvas-mode .vir-age-sidebar.open {
    left: 0;
    z-index: 2100;
    display: block !important;
    max-width: var(--vir-ag-sb-wid);
    left: var(--custom-sidebar-width);
}

.p-chat-def-vir.p-chat-def .webchat-load-msg-wrapper-right.webchat-load-msg-wrapper {
    border-radius: var(--bs-border-radius);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: -2px;
}

.p-tag-green .p-icon-green-s {
    stroke: #fff;
}

.vir-age-his-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 0.8rem;
}

    .vir-age-his-list li {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
        padding: 0.6rem 0.7rem;
        border: 1px solid transparent;
        border-radius: calc(var(--bs-border-radius)* 0.55);
        cursor: pointer;
        position: relative;
    }

        .vir-age-his-list li::after {
            background: linear-gradient(-90deg, #ffffff, transparent) !important;
        }

        .vir-age-his-list li::after,
        .p-vir-se-popup-list li span::after {
            content: '';
            background: linear-gradient(-90deg, #f9fafb, transparent);
            width: 45px;
            position: absolute;
            height: 100%;
            right: 0;
            border-top-right-radius: var(--bs-border-radius);
            border-bottom-right-radius: var(--bs-border-radius);
        }

    .vir-age-his-list .p-dd-wp-dot-icon:hover {
        background: transparent;
    }

    .vir-age-his-list li .p-dd-wp-wrapper {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 10px;
        z-index: 9;
        min-width: 130px;
        display: flex;
        justify-content: flex-end;
        background: linear-gradient(-90deg, #ffffff 28%, transparent);
    }

        .vir-age-his-list li .p-dd-wp-wrapper button {
            z-index: 999;
        }

    .vir-age-his-list li:hover .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
    }

    .vir-age-his-list li span {
        color: var(--primary-color);
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
    }

.vir-age-chat-hist-mw h6 {
    text-align: left;
    margin-top: 0.8rem;
    margin-bottom: -0.6rem;
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    padding-left: 0.75rem;
    font-weight: 600;
    color: var(--primary-color);
}

.his-list-active {
    background: var(--sec);
}

.vir-age-his-list li:not(:last-child) {
    margin-bottom: 0;
}

.vir-age-his-list li.his-list-active,
.vir-age-his-list li:hover {
    background: var(--blur2-bg-color);
    border-color: var(--sec-light-color7);
    box-shadow: 0px 4px 5px -7px rgb(0 0 0 / 21%);
}

    .vir-age-his-list li.his-list-active span {
        font-weight: 500;
    }

.vir-age-container.js-vir-age-as {
    margin-bottom: 0;
    flex-direction: initial;
    z-index: 1;
}

.vir-age-chat-box-textarea .loader-new {
    font-size: 1.5px;
}

.vir-age-chat-box-textarea .show-live-type-status {
    left: 1.1rem;
    top: -1.5rem;
    gap: 0.5rem;
}

.vir-ag-container {
    width: 350px;
    text-align: left;
}

.pp-cp-navs {
    flex: 1;
    flex-shrink: 0;
    max-width: 100%;
}

.vir-ag-rs .p-def-table tr th {
    word-break: break-word;
    vertical-align: middle;
}

.vir-ag-rs {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--box-padding)* 0.6);
}

.vir-ag-todo-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .vir-ag-todo-list li {
        display: flex;
        border: none !important;
        align-items: center;
        padding: 10px;
        margin-bottom: 10px;
        /*background-color: var(--sec-light-color8);*/
        border-radius: calc(var(--bs-border-radius)* 0.5);
        cursor: pointer;
        transition: background-color 0.6s ease;
        position: relative;
        overflow: hidden;
        border: 1px solid var(--sec-light-color8);
    }


/*.vir-age-sidebar {
    transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
}*/

.vir-age-open-sidebar .vir-age-sidebar {
    transform: translateX(0);
    opacity: 1;
}

/*.vir-age-sidebar:not(.open) {
    transform: translateX(-100%);
    opacity: 0;
}*/

.js-chat-box {
    transition: transform 0.6s ease-in-out;
}

.js-chat-fixed {
    transform: translateY(0);
}

.vir-age-chat-box-textarea textarea {
    transition: height 0.3s ease-in-out;
}

.p-chat-def-vir .line-heading.line-heading-chat {
    background: transparent !important;
}

    .p-chat-def-vir .line-heading.line-heading-chat::before,
    .p-chat-def-vir .line-heading.line-heading-chat::after {
        content: "";
        display: inline-block;
        background-color: var(--sec-light-color7);
    }

.p-chat-def.p-chat-def-vir .line-heading.line-heading-chat {
    width: 100%;
    max-width: 100%;
}

.vir-ag-todo-list li:not(:last-child) {
    margin-bottom: 1rem;
}

.vir-ag-todo-list li.completed {
    background-color: #e8f5e9;
}

.vir-ag-checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
}

    .vir-ag-checkbox.checked {
        border-color: #4caf50;
        background-color: #4caf50;
        animation: vir-ag-checkAnimation 0.3s ease;
    }

        .vir-ag-checkbox.checked::after {
            content: " ";
            background-image: url("data:image/svg+xml,%3Csvg id='Checkmark' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-size: contain;
            background-position: 0px 2px;
            width: 1.3rem;
            height: 1.3rem;
            animation: vir-ag-iconAnimation 0.3s ease;
        }

.vir-ag-task-text-wrapper {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.vir-ag-task-text {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease, text-decoration 0.3s ease;
    color: var(--primary-color);
    font-weight: 400;
}

    .vir-ag-task-text.completed {
        text-decoration: line-through;
    }

.vir-ag-progress.completed {
    opacity: 0; /* Fade out the progress background */
}

.vir-ag-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: var(--sec-light-color6);
    z-index: 1;
    transition: width 2s linear;
}

@keyframes vir-ag-checkAnimation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes vir-ag-iconAnimation {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.vir-age-his-list .p-dd-wp-dot-icon {
    width: 1.55rem;
    height: 1.55rem;
    padding: 0.3rem;
    fill: var(--primary-color);
}

.va-chat-box {
    border-radius: var(--bs-border-radius);
    position: relative;
    overflow: hidden;
    /*min-height: 350px;*/
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: 1px solid var(--input-border-1);
    max-height: 500px;
    display: flex;
    flex-direction: column;
    max-width: 400px;
}

.va-summary {
    max-width: 800px;
    background: #fff;
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    margin: 1.6rem 0;
    color: var(--primary-color);
    align-self: flex-start;
}

    .va-summary h4 {
        font-size: var(--base-font-size-h3);
        font-weight: 600;
    }

.va-table .p-def-table tr th:first-child {
    min-width: 160px;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left .text-decoration-line-through {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.p-chat-def-vir .webchat-load-msg-wrapper-left span.text-decoration-line-through::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--primary-color);
}



/* Header section */
.va-header {
    padding: 0.5rem var(--box-padding);
    /*  border-bottom: 1px solid var(--sec-light-color6);*/
}

.va-header-text {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
}

/* Expand button */
.va-expand-button {
    background: none;
    border: none;
    color: #f1f1f1;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .va-expand-button:hover {
        color: #ff9800;
    }

.va-content {
    display: none !important;
    overflow-y: auto;
    padding: var(--box-padding);
    text-align: left;
}

.vir-age-chat-hist-mw .chatbot-load-chat .ph-default-link {
    text-decoration: underline;
    font-weight: 500;
}

.va-chat-box button.p-btn-icon:hover {
    background: var(--sec-light-color6);
}

.vir-age-chat-hist-mw .chatbot-load-chat {
    margin-top: 0.95rem;
    text-align: center;
}

.p-age-ch-mw {
    display: flex;
    position: relative;
}

.p-age-ch-mw-op-ch {
    position: absolute;
    left: 1.8rem;
    top: 1.3rem;
    cursor: pointer;
    z-index: 10;
}

.loading-skeleton .vir-age-his-list li {
    height: initial;
    background: var(--blur2-bg-color);
    border-color: var(--sec-light-color7);
    box-shadow: 0px 4px 5px -7px rgb(0 0 0 / 21%);
}

    .loading-skeleton .vir-age-his-list li .p-dd-wp-wrapper {
        opacity: 1;
        visibility: visible;
    }

.left-sb-chat-sess-list.loading-skeleton h6 {
    max-width: 90px;
    margin-bottom: -0.4rem;
}

.p-vir-se-search-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

.p-vir-se-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 520px;
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: var(--bs-border-radius);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 1500;
    margin-left: 2rem;
    border: 1px solid var(--input-border-1);
    overflow: hidden;
    opacity: 0;
}

.p-vir-se-popup-body {
    padding: 0.4rem 0;
    margin: 0.5rem;
}

.p-vir-se-popup.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.p-vir-se-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 18px;
}

.canvas-chat-his-act {
    display: flex;
    justify-content: space-between;
    gap: 1.2rem;
    align-items: center;
}

.p-vir-se-popup-in {
    border-bottom: 1px solid var(--input-border-1);
    padding: 0.3rem 0.75rem 0.2rem;
}

    .p-vir-se-popup-in input {
        border: none;
    }

        .p-vir-se-popup-in input:focus {
            outline: none;
            box-shadow: none;
            border: none !important;
        }

.p-vir-se-popup-list li {
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    position: relative;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    padding-right: 0;
}

    .p-vir-se-popup-list li span {
        position: relative;
        width: 100%;
    }

        .p-vir-se-popup-list li span::after {
            background: linear-gradient(-90deg, #ffffff, transparent);
        }

    .p-vir-se-popup-list li:hover span::after {
        background: linear-gradient(-90deg, var(--sec-light-color7), transparent) !important;
    }

    .p-vir-se-popup-list li:hover {
        background-color: var(--sec-light-color7);
        color: var(--primary-color);
    }

        .p-vir-se-popup-list li:hover svg {
            stroke: var(--primary-color);
        }

.p-vir-se-date {
    text-align: left;
    margin-top: 0.8rem;
    margin-bottom: -0.6rem;
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    padding-left: 1.05rem;
    font-weight: 600;
    color: var(--primary-color);
}

/* Container for text */
.loading-shimmer-text {
    --text-base: #b4b4b4;
    --text-shimmer: #000000;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    color: var(--text-base); /* Default grey text */
    background: linear-gradient(90deg, var(--text-base) 0%, var(--text-base) 40%, var(--text-shimmer) 50%, var(--text-base) 60%, var(--text-base) 100%);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmerEffect 2s infinite linear;
}

/* Keyframe animation for Right-to-Left motion */
@keyframes shimmerEffect {
    0% {
        background-position: 100% 0;
    }
    /* Start from the right */
    100% {
        background-position: -100% 0;
    }
    /* Move fully to the left */
}

/*agen*/
.fb-qwi-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem 0.9rem;
    padding-left: 0.75rem;
}

.lms-form-builder .radio-group-field .radio-group:not(.qa-quiz-setup) {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem 0.9rem;
    padding-left: 0.75rem;
}

.fb-qwi-list-wrapper .fb-qwi-list:not(:last-child),
.lms-form-builder .radio-group-field .radio-group:not(:last-child) {
    margin-bottom: 0.9rem;
}

.fb-qwi-list-wrapper {
    margin-bottom: 0.8rem;
}

.radio-group.qa-quiz-setup {
    margin-bottom: 1.2rem;
}

.table-month-view th:first-child,
.table-month-view td:first-child {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    border-right-width: 0;
    border-left: 0;
}

.week-view:has(.table-month-view) {
    border-left: 1px solid var(--primary-border-color);
}

.table-month-view th:nth-child(2),
.table-month-view td:nth-child(2) {
    position: sticky;
    left: 400px;
    background-color: #ffffff;
    z-index: 4;
    border-left-width: 0;
}




.mts-mo-vi {
    width: 100%;
    overflow-x: auto; /* Ensures table scrolls horizontally */
    border-left: 1px solid var(--primary-border-color);
}

    .mts-mo-vi .table-container {
        display: block;
        width: 100%;
        position: relative;
    }

    .mts-mo-vi table {
        border-collapse: collapse;
        width: 100%;
        table-layout: fixed;
        border-left: 0;
    }

    .mts-mo-vi th {
        border-bottom: 0 !important;
    }

    /* Ensuring headers and data cells have proper width */
    .mts-mo-vi th,
    .mts-mo-vi td {
        padding: 8px;
        text-align: center;
        border: 1px solid #ddd;
        white-space: nowrap;
    }

    .mts-mo-vi .total-row-p-day {
        color: var(--primary-color);
        font-weight: 600;
    }

    /* Sticky first column (header + data) */
    .mts-mo-vi th:first-child,
    .mts-mo-vi td:first-child {
        position: sticky;
        left: 0;
        background: white;
        z-index: 3;
        width: 360px; /* Adjust based on your design */
        max-width: 360px;
        text-align: left;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
        border-left: 0;
    }

    /* Removes the extra left-side gap */
    .mts-mo-vi .table-container::-webkit-scrollbar {
        height: 8px; /* Ensures scrollbar is visible */
    }

    .mts-mo-vi .table-container {
        padding-left: 0px; /* Ensures no extra space on the left */
        margin-left: 0px;
    }


/**/

.logo-head-sepe-upd.reset-pass input {
    min-height: 43px;
    padding: 6px 14px !important;
}

.logo-head-sepe-upd.reset-pass .hide-show {
    margin: -1.9rem 3% 0 1.5%;
}

.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-popup-content {
    min-height: 110px !important;
}

.p-looks-good {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    gap: 0.4rem;
    color: var(--green-color) !important;
    font-weight: 500;
    font-size: var(--base-font-size-h5);
}

    .p-looks-good .p-icon {
        width: 4.2rem;
        height: 4.2rem;
    }

.leaves-btn-type h5 span.p-tag-green,
.p-acco-btn-wrapper .p-tag-sm.p-tag-green,
.p-acco-btn-wrapper .p-tag-sm.p-tag-red,
.p-hj-card-title .p-tag-sm.p-tag-green,
.p-hj-card-title .p-tag-sm.p-tag-red,
.p-acco-btn.leaves-btn-type p.p-tag-sm,
.p-acc-header .p-jp-head .p-tag-sm {
    background-color: var(--btn-light-bg);
    margin: 0;
    display: inline-block;
    border-color: var(--input-border-1) !important;
    margin-bottom: 0.1em;
    color: var(--theme-primary-color);
    font-weight: 500;
}

.mb-pt8r,
#fileDiv .pdf.pdf-gap-sm {
    margin-bottom: 0.8rem;
}

.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper.dx-selectbox-popup-wrapper .dx-list-select-all {
    width: 100%;
    border: none;
    cursor: pointer;
}

.dp-auto-fluid {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

    .dp-auto-fluid > * {
        flex: 1;
    }

.uf-pro {
    margin-bottom: 0.35rem;
}

#DivInfoLeaves .p-info-msg > div {
    color: var(--primary-color);
}

/*.time-suury-cal .dx-item-content.dx-scheduler-appointment-content > .p-cal-tags {
    justify-content: flex-start;
}*/




.p-comment-def-mw {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

    .p-comment-def-mw .p-la-sepe-head {
        flex: 1;
        max-height: 100%;
        overflow-y: auto;
        margin-right: calc(var(--box-padding)* -1);
        padding-right: calc(var(--box-padding)) !important;
    }

.p-dx-textarea {
}

    .p-dx-textarea .p-btn-send-dx-ta,
    .p-textarea-w-cta .p-btn-send-dx-ta {
        position: absolute;
        bottom: 0.55rem;
        right: 0.85rem;
        min-height: initial;
        padding: 0;
        background-color: transparent;
        border: none;
    }

    .p-dx-textarea .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
        border-bottom: none;
    }

    .p-dx-textarea .dx-button {
        width: 1.5rem;
        height: 1.4rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        margin-left: 0.4rem;
        margin-bottom: 0.3rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }

    .p-dx-textarea .dx-button-has-text .dx-button-content {
        padding: 0;
        line-height: 1;
        overflow: visible;
        display: flex;
        align-items: center;
        height: initial;
    }

    .p-dx-textarea .dx-button-content .dx-button-text {
        line-height: 1;
        display: flex;
        align-items: center;
        position: relative;
        top: -2px;
    }

.align-toolbar-item-ta {
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
    font-size: 0.75rem;
}

.p-dx-textarea .dx-htmleditor-content {
    min-height: 80px;
    color: var(--primary-color);
    font-weight: 400;
    font-size: var(--base-font-size);
}

.p-dx-textarea .p-dd-wp-btn {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--on-primary-color);
    gap: 0.2rem;
    border: 1px solid var(--input-border-1);
}

    .p-dx-textarea .p-dd-wp-btn:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

.p-dx-textarea .dx-button-mode-outlined.dx-state-hover {
    background-color: var(--sec-light-color7);
}

.p-dd-wt-list ul {
    margin: 0.05rem 0;
}

.p-dd-wt-list li:not(:last-child) {
    margin-bottom: 0.3rem;
}

.p-dd-wt-list li {
    padding: 0.32rem 0.7rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dd-wt-list li:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

.dx-suggestion-list-wrapper .dx-suggestion-list .dx-scrollable-content {
    padding: 0.35rem;
    min-width: 150px;
}

.dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item {
    border-radius: var(--bs-border-radius);
}

    .dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item .dx-list-item-content,
    .dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item .dx-list-item-content label {
        cursor: pointer;
    }

.dx-popup-wrapper.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px;
}

.p-dd-wt-list svg.p-icon {
    width: 1rem;
    height: 1rem;
}

.p-comment-def-mw .p-ncb-ic p {
    max-width: calc(100% - 1.5rem);
}

label.load-more-chat {
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    label.load-more-chat:hover {
        background-color: var(--sec-light-color7);
        color: var(--primary-color);
    }

        label.load-more-chat:hover svg.p-icon {
            stroke: var(--primary-color);
        }

.p-comment-def-mw .p-ncb-ic .flex-grow-1 {
    margin-top: -0.15rem;
}

.rad-filter-wn .p-form-check-label,
.rad-filter-wn .custom-control-label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex: 1;
    padding-top: 0.02rem;
}

.p-dx-textarea .dx-htmleditor-content.ql-blank::before {
    font-style: normal;
}

.p-textarea-w-cta textarea {
    height: 90px;
    resize: none;
    padding: 0.85rem 1.1rem;
    font-size: var(--base-font-size-xl);
    border-radius: var(--bs-border-radius);
    outline: none;
    min-height: 80px;
    max-height: 300px;
    border: none;
    width: 100%;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

button[disabled] {
    cursor: default;
    pointer-events: none;
}

    button[disabled][title] {
        pointer-events: auto;
        cursor: help;
    }

.btn-trnp {
    border: none;
    background: transparent;
    padding: 0;
}

.num-count,
.p-wd-goal-number {
    min-width: 2.15rem;
    height: 1.4rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--btn-light-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--base-font-size-xxs)* 0.95);
    padding: 0.25rem;
    font-weight: 500;
    border: 1px solid var(--hsla-input-border);
    color: var(--theme-primary-color);
}

.pagination {
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

    .pagination li.page-item .page-link {
        border: none;
        width: 1.8rem;
        height: 1.8rem;
        padding: 0.38rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--base-font-size-xxs) !important;
        font-weight: 400;
        border-radius: var(--bs-border-radius) !important;
    }

    .pagination a.page-link.pagination-page-link-active,
    .pagination a.page-link:hover {
        background: var(--sec-light-color7);
        color: var(--primary-color);
    }

    .pagination .page-link:focus {
        box-shadow: none;
    }

    .pagination li.page-item {
        margin-right: 0.35rem;
    }

    .pagination small {
        display: inline-block;
        margin-right: 1.25rem;
    }

.page-item-arrow em.icon {
    display: inline-block;
    opacity: .6;
}

.p-new-obj-gm-item {
    background: #fff;
    padding: 0.6rem 0.95rem 1.2rem 1.1rem;
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);
}

.inp-grp-def,
.inp-grp-def-gls {
    background: #fff;
    padding: 1.15rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
}

.inp-grp-def-gls {
    padding-bottom: 0.25rem;
}

.inp-grp-def-gls {
    margin-bottom: 1.3rem;
}

    .inp-grp-def-gls:last-of-type {
        margin-bottom: 0;
    }

.inp-grp-def:not(:last-child) {
    margin-bottom: var(--default-gap);
}

.inp-grp-def .form-group:last-child {
    margin-bottom: 0;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw li {
    background-color: transparent;
    border: transparent;
    padding: 0;
    box-shadow: none;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw ul:first-of-type li label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-new-obj-gm-item ul:first-of-type {
    margin-bottom: 0.5rem !important;
}

.p-new-obj-gm.p-cg-per-inc-wrpaer .goals-objectives-mw li:not(:first-child) {
    background-color: transparent;
    border: none;
}

.p-ani-btn.p-btn-sec .p-ani-icon-ac {
    fill: var(--primary-color);
}

.p-ani-btn.p-btn-sec:hover .p-ani-icon-ac {
    fill: #fff;
    stroke: none;
}

.p-cg-per-inc-wrpaer .goals-objectives-mw li:not(:last-child) {
    margin-bottom: 0.85rem !important;
}

.del-inp-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.1rem;
}

label.col-form-label.new-aster {
    padding-bottom: 0;
    padding-top: 0;
}

.loading-skeleton svg.svg-chart-container {
    height: initial;
    background: transparent;
    width: 100%;
    min-height: 780px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-skeleton .oc-updown-icon em.icon {
    font-size: 1.35rem;
    color: var(--sec-light-color4);
}

.loading-skeleton .oc-emp-count-wrapper label.oc-emp-count {
    min-width: 1.4rem;
}

.loading-skeleton .oc-emp-count-wrapper svg {
    display: none;
}

.loading-skeleton .oc-tooltip {
    pointer-events: none;
    cursor: default;
}

.loading-skeleton .oc-emp-count-wrapper {
    cursor: default;
}

.loading-skeleton g.chart {
    transform: translateX(50%);
}

.pso-form-wrapper.pso-form-save-send .form-group label,
.ono-meeting-details .form-group label {
    padding-left: 0 !important;
}

.list-tag-comm {
    max-height: 550px;
    overflow: auto;
}

.p-comment-def-mw .p-dx-textarea .dx-htmleditor-content {
    padding-bottom: 3.4rem;
}

@media(max-width: 1600px) {
    .pggl-right-hf .btn-slect-dropdown select {
        max-width: 100%;
    }
}

.dx-checkbox-icon {
    border-radius: var(--bs-border-radius) !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    margin-top: -0.65em;
    font-size: 0.8rem;
}


.df-fdc-sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tooltip:has(.p-si-ttw-white).bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip:has(.p-si-ttw-white).bs-tooltip-top .arrow::before {
    border-top-color: var(--chat-dark-bg-2) !important;
}

.tooltip:has(.p-si-ttw-white) .p-cal-icon svg {
    width: 1.3rem;
    height: 1.3rem;
}

.tooltip:has(.p-si-ttw-white) .p-cal-event-wrapper hr {
    width: 100%;
    margin: 0.7rem 0 0.7rem 0rem;
}

.tooltip:has(.p-si-ttw-white) .p-cal-event-title {
    margin-top: -0.25rem;
}



/*css for new dashboard UI Css starts here*/
.p-nd-user-greeting {
    font-size: calc(var(--base-font-size-h2) * 1.15);
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0;
}

/*css for goals widget */
.p-wd-goal-card {
    width: 100%;
    position: relative;
}

.p-wd-goal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.55rem;
}

.p-wd-goal-title {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
}

.p-wd-goal-content {
    font-size: var(--base-font-size);
    margin-bottom: 1.25rem;
}

.p-wd-highlight {
    font-weight: 600;
}

.p-wd-slider-container {
    width: 100%;
    height: 0.55rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
    border-radius: var(--bs-border-radius);
}

.p-wd-slider-progress {
    height: 100%;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    border-radius: var(--bs-border-radius);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.p-wd-slider-percentage {
    position: absolute;
    top: -0.4rem;
    right: 0;
    transform: translateX(50%);
    font-size: 0.6rem;
    font-weight: 500;
    color: #fff;
    background-color: var(--theme-primary-color);
    padding: 0.025rem 0.275rem 0.08rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.15);
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.p-nd-card-body.loading-skeleton .p-wd-slider-percentage {
    display: none;
}

.p-wd-slider-progress[aria-valuenow="0"] .p-wd-slider-percentage {
    right: -0.75rem;
}

.p-wd-slider-progress[aria-valuenow="100"] .p-wd-slider-percentage {
    right: 0;
}

span.p-wd-slider-percentage.p-wd-slider-percentage-bottom {
    top: inherit;
    bottom: -24px;
}

    span.p-wd-slider-percentage.p-wd-slider-percentage-bottom::after {
        bottom: 20px;
        transform: translateX(-50%) rotate(180deg);
    }

.js-widget-remove {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border-radius: 50% !important;
}
.preview-widget-modal .js-widget-remove {
    opacity: 1;
    visibility: visible;
}


/* Payroll Widget Styles */
.p-nd-payroll-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.2rem;
    padding-bottom: 0.75rem;
    height: 9.5em;
}

.p-nd-payroll-chart-lbl {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.2rem;
}


.p-wd-pr-ch-wid:nth-child(1) {
    height: 20%;
}

.p-nd-chart-bar-active {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-wd-pr-ch-wid:nth-child(3) {
    height: 30%;
}

.p-wd-pr-ch-wid:nth-child(4) {
    height: 60%;
}

.p-wd-pr-ch-wid:nth-child(5) {
    height: 70%;
}

.p-wd-pr-ch-lbl,
.p-wd-pr-ch-wid {
    width: 12%;
    height: 100%;
}

.grid-hr-divi {
    height: calc(100% - 2rem);
    border-right: 1px solid var(--primary-border-color);
}

.p-wd-pr-ch-lbl {
    text-align: center;
}

.p-nd-chart-bar {
    border-radius: var(--bs-border-radius);
    transition: height 0.3s ease;
}

.p-def-grad-hov-bord {
    cursor: pointer;
    transition: all 0.3s ease;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    padding: 12px;
    gap: 12px;
}

.p-wid-list-sb {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.p-wd-payroll-mw {
    display: grid;
    grid-template-columns: 13.2em 1px 1.2fr;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.p-wd-pr-ch-wid {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

.p-link-upt,
.p-link, label.underline.productcursorfiles {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-underline-offset: 3px;
    text-decoration: underline;
    background: transparent;
    border: none;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
}

.p-wd-course-card .tc-img-wrapper {
    flex: 0 0 5.8rem;
}

.p-wd-course-card .tc-img {
    height: 3.4rem;
}

.p-wd-course-card {
    display: flex;
    align-items: center;
}

.p-wd-course-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .p-wd-course-card .tc {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .p-wd-course-card .tc-content {
        color: var(--on-primary-color);
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

        .p-wd-course-card .tc-content h5 {
            max-width: inherit;
        }

    .p-wd-course-card:not(:last-child) {
        margin-bottom: 1rem;
    }

    .p-wd-course-card .tc:not(:last-child) {
        margin-bottom: 0;
    }

@media (max-width: 1600px) {
    .p-wd-payroll-mw {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .p-wd-payroll-ch-mw {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }
}



/*css  for Timeoff widget*/

.p-wd-to-header {
    display: flex;
    justify-content: flex-end;
}

    .p-wd-to-header .p-dx-dd {
        height: calc(1.5em + 0.75rem + 0.425em) !important;
    }

.p-dx-dd-mw-95 {
    max-width: 95px;
}

.p-wd-to-content {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-around;
    gap: 1rem;
    padding: 0.5rem 0 0.25rem;
}

.p-wd-to-chart {
    width: 210px;
    height: 210px;
}

.p-wd-to-content .p-feat-legends-items label {
    font-size: var(--base-font-size-sm);
}

.p-wd-to-content .p-bp-gr-leg {
    gap: 1.15rem;
}

.p-bp-gr-leg-sm.p-bp-gr-leg .p-fli-box {
    width: 0.5rem;
    height: 0.5rem;
}

.po-wd-to-dp {
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
}

.p-wd-to-header .p-dx-dd.p-dx-dd-sm {
    height: calc(1.5em + 0.75rem + 0.125em) !important;
}

.p-dx-dd-sm.p-dx-dd-sm .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 0.225em);
}

.p-dx-dd-sm.p-input-append .dx-texteditor-input {
    min-height: 35px !important;
    font-size: var(--base-font-size-xs);
}

.p-nd-add-wid-cta.js-open-customization,
.p-nd-add-wid-cta.p-nd-icon-upload {
    background: var(--theme-light-bg-def-3);
}

.p-nd-add-wid-cta.p-nd-icon-upload {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    top: 1.5rem;
    right: 1.9rem;
}

.p-nd-add-wid-cta.p-nd-icon-upload svg {
    width: 1.3rem;
    height: 1.3rem 20.8px;
}
/*css for task widget*/
.p-wd-task-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 0.05rem;
    gap: 1rem;
}

.p-wd-task-name {
    font-weight: 400;
    margin: 0;
}


.p-wd-task-details {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-wd-task-status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px;
}

.p-wd-task-user-image {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    object-fit: cover;
}

.p-tag.p-tag-sm {
    padding: 0.2rem 0.6rem;
    font-size: var(--base-font-size-xxs);
    min-width: 7em;
    white-space: nowrap;
    font-weight: 400;
}

.p-wd-task-name.p-txt-ellip-grad {
    width: 100%;
    max-width: initial;
}

    .p-wd-task-name.p-txt-ellip-grad::after {
        right: 0;
    }

/*css for events*/
.p-wd-eve-container {
    padding: 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
}

.p-wd-ev-bg-lb {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .1) 100%, transparent);
}

.p-wd-ev-bg-salmon {
    border: 1px solid #f3efff;
    background: linear-gradient(-180deg, #f3efff 100%, transparent);
}

    .p-wd-ev-bg-salmon button.p-wd-btn-sm {
        background: transparent;
        color: #8a62ff;
        border-color: #8a62ff;
    }

        .p-wd-ev-bg-salmon button.p-wd-btn-sm:hover {
            background: #8a62ff;
            color: #fff;
        }

.p-wd-ev-bg-yellow {
    border: 1px solid #fbf1b7;
    background: linear-gradient(-180deg, #fffcea 100%, transparent);
}

    .p-wd-ev-bg-yellow button.p-wd-btn-sm {
        background: transparent;
        color: #a18a02;
        border-color: #a18a02;
    }

        .p-wd-ev-bg-yellow button.p-wd-btn-sm:hover {
            background: #a18a02;
            color: #fff;
        }

.p-wd-eve-item button.p-wd-btn-sm {
    min-width: 7.9em;
    text-align: center;
    display: inline-block;
}

.p-wd-eve-head h6 {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 0rem;
    font-weight: 600;
}

.p-wd-eve-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.p-wd-eve-profile-name h6 {
    font-size: var(--base-font-size-lg);
    margin: 0.1rem;
}

.p-wd-eve-profile {
    margin-bottom: 0.8rem;
}

.p-wd-eve-date {
    font-weight: 400;
    font-size: var(--base-font-size-xs);
    margin-top: 0.35rem;
}

.p-wd-eve-container:not(:last-child) {
    margin-bottom: 0.9rem;
}

.bg-blob {
    position: absolute;
    width: 85%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none !important;
}

.customize-modal-theme .modal-content {
    background: var(--chat-dark-bg-2);
}

.p-nd-welcome-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blur-3xl {
    --tw-blur: blur(64px);
    filter: blur(64px);
}

.opacity-40 {
    opacity: .135;
}

.bg-blob .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(239 255 140) !important;
}

.bg-blob .bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: #ceff85;
}

.bg-blob .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: #b2ffe5 !important;
}

.bg-blob .bg-secondaryLight {
    --tw-bg-opacity: 1;
    background-color: rgb(159 255 238);
}

.w-1\/2 {
    width: 50%;
}

.h-1\/2 {
    height: 50%;
}

.p-wel-so-cont {
    position: relative;
    z-index: 1;
}

.lottie-container {
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    display: inline-block;
    margin: 0;
}

.lottie-container-cs {
    width: 1.75rem;
    height: 1.75rem;
}

.icon-boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    margin-right: 1.4rem;
    width: 3rem;
    height: 3rem;
}

.icon-boxes-teal {
    background: #d2fff6;
}

.icon-boxes-yellow {
    background: #d9ffc5;
}

.icon-boxes-blue {
    background: #ced6ff;
}

.p-wel-fe-item {
    display: flex;
    align-items: flex-start;
    flex: 1;
    background: var(--chat-dark-bg-2);
    border-radius: 1.3rem;
    padding: 1rem;
    border: 1px solid var(--sec-light-color7);
    backdrop-filter: blur(0);
}

.customize-modal-theme button.p-btn-small:hover {
    background: var(--theme-icon-color);
}


.plumm-logo {
    width: 110px;
    height: 31px;
    padding: 0;
    border-radius: 0;
    fill: var(--primary-color);
}

.p-lead-lbl {
    text-align: center;
    font-size: calc(var(--base-font-size-h1-lg) * 1.1);
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.p-grad-txt {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(91.25deg, #0066eb, #0066eb);
    -webkit-background-clip: text;
}

.p-wel-fe-content p {
    margin: 0;
}

.p-wel-fe-content h3 {
    font-size: var(--base-font-size-h4);
    margin: 0;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.p-wel-fe-item-mw {
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
    max-width: 1340px;
    margin: 0 auto;
}

.p-theme-color-swat {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

@media(max-width: 1400px) {
    .p-nd-welcome-container {
        align-items: flex-start;
    }
}
/*UI for one on one*/

.p-wd-ono-item {
    display: flex;
    flex-direction: column;
    padding: 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    border: 1px solid var(--primary-border-color);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
    border-color: #f9f9f9;
}

.p-wd-ono-time {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size-xs);
}


.p-wd-ono-item:not(:last-child) {
    margin-bottom: 1rem;
}

.p-wd-ono-title {
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--primary-color);
}

.p-wd-ono-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.p-wd-ono-status:hover {
    background-color: #357ab7;
}

.p-wd-ono-item-light-green {
    background: var(--wd-green-bg) !important;
    border: 1px solid var(--wd-green-border) !important;
}

.p-wd-ono-item-light-blue {
    background: var(--wd-blue-bg) !important;
    border: 1px solid var(--wd-blue-border) !important;
}

.p-wd-ono-item-light-purple {
    background: var(--wd-purple-bg) !important;
    border: 1px solid var(--wd-purple-border) !important;
}

.p-wd-ono-item-light-grey {
    background: #f7f7f7;
    border: 1px solid #f7f5ef;
}

.p-wd-ono-item-light-yellow {
    background: var(--wd-yellow-bg) !important;
    border: 1px solid var(--wd-yellow-border) !important;
}

.p-wd-ono-item-light-pink {
    background: var(--wd-pink-bg) !important;
    border: 1px solid var(--wd-pink-border) !important;
}

.p-wd-ono-item-light-rose {
    --wd-light-rose-bg: #ffeaec;
    --wd-light-rose-border: #fde1e4;
    background: var(--wd-light-rose-bg) !important;
    border: 1px solid var(--wd-light-rose-border) !important;
}
/*widget for scheduled interview*/
.p-sc-int-actn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.55rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--primary-border-color);
}

.p-wd-sc-int-item {
    background: var(--sec-light-color4);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    padding: 0.7rem;
}

.p-bg-lg-col-1 {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.035);
}

span.p-tag-v-top {
    background: var(--theme-secondary-color);
    color: var(--theme-primary-color);
}

.p-bg-lg-col-1 {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.025);
}

.avatar-name-design {
    line-height: 1.25;
}

    .avatar-name-design small {
        color: var(--on-primary-color);
    }

.pp-users-group-xs .pp-user-imgs,
.pp-users-group-xs .pp-users-count {
    width: 1.65rem !important;
    height: 1.65rem !important;
}

.pp-users-group-xs span.pp-user-cont {
    font-size: 0.65rem;
    font-weight: 500;
}
/*widget form time off*/

.p-wd-to-progress-ring-container {
    position: relative;
    margin-bottom: 1.5rem;
}

/* Half-Gauge Progress Ring */
.p-wd-to-progress-ring {
    position: relative;
    width: 10rem; /* 160px in rem */
    height: 5rem; /* Half of the full circle height */
    border-radius: 5rem 5rem 0 0;
    background: hsla(0, 0%, 90%, 1); /* Default background for unused portion */
    margin: 0 auto;
    overflow: hidden;
}

    .p-wd-to-progress-ring span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2rem; /* 32px in rem */
        font-weight: bold;
    }

.p-wd-to-leave-status {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

    .p-wd-to-leave-status label {
        font-size: 1.2rem;
        color: #555;
        font-weight: bold;
    }

.p-wd-to-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.p-wd-to-svg-container {
    width: 200px;
    height: 200px;
}

    .p-wd-to-svg-container svg {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
    }

.p-wd-to-progress-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

span.p-wd-to-progress-out-of {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 500;
    letter-spacing: 0.25px;
}

.p-wd-to-gauge-background {
    position: absolute;
    top: 0;
    stroke: var(--p-wd-to-background-color);
    stroke-width: 4;
}

.p-wd-to-gauge {
    position: absolute;
    top: 0;
    stroke: var(--p-wd-to-progress-color);
    stroke-width: 4;
}

.p-wd-to-gauge-number {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--p-wd-to-primary);
}

.p-wd-to-gauge-label {
    font-size: 0.875rem;
    color: var(--p-wd-to-text);
    opacity: 0.8;
}

.p-wd-to-request {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 0.0625rem solid var(--p-wd-to-border);
    gap: 0.9rem;
    max-width: 100%;
}

    .p-wd-to-request:last-child {
        border-bottom: none;
    }

.p-wd-to-request-date {
    color: var(--p-wd-to-text);
}

.p-wd-to-request-cont {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1.5rem;
}

.p-wd-to-requests {
    margin-top: 0.9rem;
}

.p-wd-to-request-type {
    white-space: nowrap;
    max-width: 100%;
}

.p-wd-to-request-status {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.p-wd-to-status-pending {
    background-color: var(--p-wd-to-warning);
    color: white;
}

.p-wd-to-status-confirmed {
    background-color: var(--p-wd-to-success);
    color: white;
}

.p-wd-to-status-rejected {
    background-color: var(--p-wd-to-error);
    color: white;
}

.p-wd-sc-int-container:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-wd-sc-int-container .p-wd-btn-sm {
    min-width: 4.2rem;
    justify-content: center;
}

/*widget for attendacne*/

.attendance-circle-progress.attendance-progress {
    width: 130px;
    height: 130px !important;
    background: #FFF;
    border-radius: 50%;
}

.attendance-circle-progress {
    width: 110px;
    height: 110px !important;
    line-height: 38px;
    background: none;
    box-shadow: none;
    position: relative;
}

    .attendance-circle-progress .progress-left {
        left: 0;
    }

    .attendance-circle-progress .progress-right {
        right: 0;
    }

    .attendance-circle-progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .attendance-circle-progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .attendance-circle-progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 4px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}

.attendance-circle-progress.attendance-progress .total-work-hours {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: normal;
}

:root {
    --p-wd-cico-primary: #2a5885;
    --p-wd-cico-success: #2e8d50;
    --p-wd-cico-dark: #343a40;
    --p-wd-cico-text: #333333;
    --p-wd-cico-bg: #ffffff;
    --p-wd-cico-border: #e0e0e0;
}

.p-wd-cico-widget {
    background-color: var(--p-wd-cico-bg);
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
}

.p-wd-cico-card-head {
    padding: 1rem;
    border-bottom: 1px solid var(--p-wd-cico-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-wd-cico-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--p-wd-cico-text);
    margin-bottom: 0;
}

.p-wd-cico-attendance-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.p-wd-cico-attendance-label {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 0.5rem;
}

.p-wd-cico-attendance-time {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
}

.p-wd-cico-progress-container {
    position: relative;
    width: 135px;
    height: 135px;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
}

.p-wd-cico-progress {
    width: 100%;
    height: 100%;
    line-height: 38px;
    background: none;
    position: relative;
}

    .p-wd-cico-progress::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        border: 6px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    }

    .p-wd-cico-progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

.p-wd-cico-progress-left {
    left: 0;
}

.p-wd-cico-progress-right {
    right: 0;
}

.p-wd-cico-progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 6px;
    border-style: solid;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    position: absolute;
    top: 0;
}

.p-wd-cico-progress-left .p-wd-cico-progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    transform-origin: center left;
}

.p-wd-cico-progress-right .p-wd-cico-progress-bar {
    right: 100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    transform-origin: center right;
}

.p-wd-cico-total-hours {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: normal;
    width: 100%;
}

.p-wd-cico-hours-label {
    font-size: 0.75rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
}

.p-wd-cico-hours-value {
    font-size: 1.25rem;
    font-weight: 600;
}

.p-wd-cico-production-badge {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--bs-border-width);
    margin-bottom: 1rem;
    font-size: var(--base-font-size);
    font-weight: 600;
}

.lottie-animate-sz1 {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-wd-cico-punch-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.25rem;
}

.p-wd-cico-punch-icon {
    margin-right: 0.5rem;
    color: var(--p-wd-cico-primary);
}

.p-wd-cico-clockin {
    background-color: var(--p-wd-cico-success);
    color: white;
}

.p-wd-cico-clockout {
    background-color: #dc3545;
    color: white;
}

.p-wd-cico-stop {
    background-color: var(--p-wd-cico-primary);
    color: white;
}

.att-cta-tx {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .att-cta-tx > * {
        flex-grow: 1;
    }

/* Circular Progress Gauge Styles */
.gauge-def-sm {
    position: relative;
    width: 135px;
    height: 135px;
    margin: 0 auto;
}

    .gauge-def-sm svg {
        width: 100%;
        height: 100%;
        transform: rotate(-90deg);
    }

.gauge-def-sm-track {
    fill: none;
    stroke: var(--theme-secondary-color);
    stroke-width: 10px;
}

.gauge-def-sm-progress {
    fill: none;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    stroke-width: 10px;
    stroke-linecap: round;
    stroke-dasharray: 377;
    stroke-dashoffset: 377;
    transition: stroke-dashoffset 0.5s ease-out;
}

/* Center text positioning */
.p-wd-cico-total-hours {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.p-wd-cico-hours-label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.p-wd-cico-hours-value {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/**/

/*Birthday*/
.p-wd-birthday-item:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-link-upt-icon {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 0.1rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    padding-bottom: 0.05rem;
}

    .p-link-upt-icon svg {
        width: 1rem;
        height: 1rem;
        stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        gap: 0.125rem;
    }

a.p-link-upt-icon::after {
    content: '';
    position: absolute;
    bottom: 0.2px;
    width: 100%;
    height: 1px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.info-img {
    max-width: 690px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1rem;
    margin-top: -0.5rem;
}

/*css for quick ation*/

.p-wid-qa-grid {
    display: inline-grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
/*css for quick ation*/

/*active jobs*/
.p-aj-widget-container {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.095);
    border-radius: calc(var(--bs-border-radius) * 0.7);
    padding: 0.4rem 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.045);
}

    .p-aj-widget-container:not(:last-child) {
        margin-bottom: 1rem;
    }

.p-aj-job-section {
    flex: 1;
}

.p-aj-job-title {
    font-weight: 500;
    font-size: var(--base-font-size);
    margin-bottom: 0.15rem;
}

.p-aj-meta-container {
    display: flex;
    gap: 1rem;
}

.p-aj-meta-item {
    display: flex;
    align-items: center;
}

.p-aj-meta-text {
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.p-aj-applicants-section {
    text-align: right;
}

.p-aj-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.p-aj-title {
    font-size: var(--base-font-size-sm);
    color: var(--on-primary-color);
}

.p-aj-count {
    border-radius: 0.75rem;
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    line-height: 1.1;
}

/*active jobs*/
/**/
.p-wid-lb-container {
}

.p-wid-lb-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.p-wid-lb-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.p-wid-lb-cycle {
    font-size: 14px;
    color: #666;
}

.p-wid-lb-leave-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.p-wid-lb-leave-name {
    font-weight: 600;
    font-size: var(--base-font-size-h5);
}

.p-wid-lb-leave-period {
    font-size: var(--base-font-size-xs);
}

.p-wid-lb-stats-grid-wide,
.p-wid-lb-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
}

.p-wid-lb-stat {
    padding: calc(var(--box-padding) * 0.45);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.025), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
}

.p-wid-lb-stat-label {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: var(--base-font-size-xl);
}

.p-wid-lb-stat-mw {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    min-height: 60px;
    margin-bottom: 0.3rem;
}

.p-wid-lb-stat-value {
    font-size: var(--base-font-size-h1);
    font-weight: bold;
    text-align: center;
}

.p-wid-lb-stat-note {
    font-size: 11px;
    margin-top: 3px;
}

.p-wid-lb-next-cycle {
    margin-top: 0.95rem;
}

.p-wid-lb-next-header {
    font-size: var(--base-font-size-sm);
    font-weight: 500;
    margin-bottom: 0.55rem;
}

.p-wid-lb-other-leave {
    margin-top: 20px;
}

.p-wid-lb-other-header {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}

.p-wid-lb-leave-type:not(:last-child) {
    margin-bottom: 1.15rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

.p-wd-upcomings-item:not(:last-child) {
    margin-bottom: 1.2rem;
}

/*css for course stats*/


/*esign issue starts here*/
.profile-set-sm .profile-set-sm-cont small {
    margin-top: -0.05rem;
}

.p-def-table-vm tr td {
    vertical-align: middle;
}
/*esign issue ends here*/

/*screening issue starts here*/
.p-wd-sc-acc-sm .card-body {
    padding: 0.65rem;
}

.p-wd-sc-acc-sm .table td,
.p-wd-sc-acc-sm .table th {
    padding: 0.55rem 0.75rem;
}
/*screening issue ends here*/
/* Course Stats Widget */
.p-wd-cuor-pro-container .p-wd-slider-container {
    width: 68%;
    max-width: 420px
}

.loading-skeleton .p-wd-cuor-pro-container .p-wd-slider-percentage {
    min-height: 18px;
    box-shadow: none;
}

.loading-skeleton .p-wd-slider-percentage::after {
    border-top-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

.loading-skeleton .p-wd-slider-progress {
    background: transparent;
}

.loading-skeleton .p-wd-ono-item .p-wd-ono-title {
    max-width: 110px;
}
/*css for course stats ends here*/
/**/
/*css for loaders dashboard widgets*/
.loading-skeleton label.p-tag-v-top {
    min-height: 20.88px;
    border-color: transparent;
}

.loading-skeleton .p-wd-btn-sm {
    min-height: 30.55px;
    border: transparent;
}

.loading-skeleton label.p-tag-v-top {
    min-height: 20.88px;
    border: transparent;
}

.loading-skeleton .p-wd-course-card .skeleton-img::after {
    border-radius: 0;
}

.loading-skeleton .p-defautlt-navs li a {
    border-radius: 0.25rem;
}

.loading-skeleton .p-wd-ono-item {
    background: transparent;
    border: 1px solid var(--theme-border-layout);
}

.sl-gauge {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #e0e0e0;
    overflow: hidden;
}

.sl-gauge-mask {
    position: absolute;
    width: 85%;
    height: 85%;
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 93.5%));
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sl-gauge-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #cccccc; /* Neutral gray progress */
    clip-path: polygon(50% 50%, 50% 0, 100% 0, 50% 50%);
    transform: rotate(288deg); /* 80% of 360° */
}

.sl-gauge-score {
    font-size: 72px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.sl-gauge-total {
    font-size: 24px;
    color: #666;
    margin-top: 5px;
}

.loading-skeleton .p-wd-cico-attendance-time {
    max-width: 140px;
    margin: 0 auto;
}

.loading-skeleton .p-wd-cico-production-badge {
    min-width: 160px;
    height: 33px;
    margin-bottom: 1rem;
}

.loading-skeleton .p-wd-cico-punch-info {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

.loading-skeleton .p-wd-to-container,
.loading-skeleton .p-wd-cico-progress-container .p-wd-to-svg-container {
    width: 100%;
    height: 100%;
}

.loading-skeleton.p-wd-payroll-mw .p-link-upt {
    max-width: 110px;
    margin: 0 auto;
}

.loading-skeleton .p-nd-payroll-chart label {
    width: 12%;
}

    .loading-skeleton .p-nd-payroll-chart label:nth-child(1) {
        height: 40%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(2) {
        height: 60%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(3) {
        height: 80%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(4) {
        height: 50%;
    }

    .loading-skeleton .p-nd-payroll-chart label:nth-child(5) {
        height: 25%;
    }

.loading-skeleton .sl-piechart .p-wd-to-svg-container {
    width: 210px;
    height: 210px;
}

.loading-skeleton .sl-piechart .sl-gauge-mask {
    width: 75%;
    height: 75%;
}

.sl-piechart .p-bs-right {
    flex-grow: 1;
    width: 100%;
}

.sl-piechart .p-wd-to-container {
    padding-right: 1.5rem;
}

.loading-skeleton .accordion.p-wd-sc-acc-sm .p-acc-header {
    padding: 15px 10px;
    border-top-left-radius: calc(var(--border-radius-default) * 0.75);
    border-top-right-radius: calc(var(--border-radius-default) * 0.75);
}

.loading-skeleton .p-acc-card-box.p-acc-card {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

    .loading-skeleton .p-acc-card-box.p-acc-card .card-body {
        border-top: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    }
/*Skeleotn loader Ends here*/

.implentation-ai {
    --nav-min-height: -0px;
}

.p-imp-age-grid {
    max-height: 550px;
    overflow-y: auto;
}

.p-btn-branding {
    --p-btn-min-height: 2.2rem;
    padding: 0.45rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    background-color: var(--secondary-color);
    color: var(--white-color);
    min-height: var(--p-btn-min-height);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--secondary-color);
    cursor: pointer;
    font-weight: 500;
    border-radius: calc(var(--border-radius-default) * 1.25);
    max-width: initial;
}

.p-btn-branding-sec {
    border-color: var(--secondary-color);
    background-color: #f6f6f6;
    color: var(--secondary-color);
}

    .p-btn-branding-sec:hover {
        border-color: var(--secondary-color);
        background-color: var(--secondary-color);
        color: #fff;
    }

        .p-btn-branding-sec:hover .p-icon {
            stroke: #fff;
        }

    .p-btn-branding-sec .p-icon {
        stroke: var(--primary-color);
    }

.p-btn-branding-sec-small {
    --p-btn-min-height: 2.2rem;
    padding: 0.25rem 0.95rem;
}

.table-branding {
    --table-head-bg: var(--sec-light-color7);
}

.table-branding-white.table-branding tr th {
    background-color: var(--chat-dark-bg-2);
}

.phc-help-menus .nav-bg-color.active-slide-bg {
    border-radius: 0 !important;
}

.custom-selectbox .dx-texteditor-input {
    padding-right: 5px !important; /* Reduce right padding */
    width: auto !important; /* Allow input to shrink to content */
}

.custom-selectbox .dx-selectbox-arrow {
    position: relative !important;
    right: auto !important;
    margin-left: 5px !important; /* Add some space between text and arrow */
}

.custom-selectbox .dx-texteditor-container {
    width: auto !important; /* Allow container to shrink to content */
    display: inline-flex !important; /* Make container fit content */
}

.mb-2p5 {
    margin-bottom: 0.75rem;
}

/*widget for mission vision starts here*/
.p-nd-mv-widget {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    padding: 0.85rem;
}

.theme-color-grad {
    background: linear-gradient(-180deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1), hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .04));
}

.theme-color-grad-green {
    background: linear-gradient(-180deg, #e6fffb, #f4fffd);
}

    .theme-color-grad-green .p-nd-mv-list li::before {
        color: #00856e;
    }

/* Lottie Animation Container */
.p-nd-mv-animation {
    width: 1.8rem;
    height: 1.8rem;
}

.p-nd-mv-animation-mission {
    width: 1.5rem;
    height: 1.5rem;
}

.p-nd-mv-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    width: 70%;
}

.p-nd-mv-description {
    line-height: 1.5;
    opacity: 0.9;
    margin-bottom: 1.2rem;
    width: 70%;
}

.p-nd-mv-list ul {
    padding-left: 1.2rem;
    margin: 0;
}

.p-nd-mv-list li {
    margin-bottom: 0.6rem;
    position: relative;
    list-style-type: none;
}

    .p-nd-mv-list li::before {
        content: '→';
        position: absolute;
        left: -1.2rem;
        color: var(--theme-primary-color);
    }

.p-nd-mv-widget .p-nd-card-body pre {
    font-family: var(--primary-font);
    font-size: var(--base-font-size);
    word-break: break-word;
    white-space: break-spaces;
    overflow: initial;
}

.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-yellow::after {
    background: linear-gradient(-90deg, var(--wd-yellow-bg) 20%, transparent);
}

.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-green::after {
    background: linear-gradient(-90deg, var(--wd-green-bg) 20%, transparent);
}


.p-txt-ellip-grad.pte-grad-p-wd-ono-item-light-rose::after {
    background: linear-gradient(-90deg, var(--wd-rose-bg) 20%, transparent);
}

.social-widget .p-icon {
    fill: var(--theme-primary-color);
}

.mission-statement p,
.vision-statement p {
    margin-bottom: 0.75rem;
    word-break: break-all;
}

.loading-skeleton .p-nd-mv-list p {
    margin-bottom: 0.95rem;
}

    .loading-skeleton .p-nd-mv-list p:nth-child(2) {
        max-width: 85%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(3) {
        max-width: 82%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(4) {
        max-width: 75%;
    }

    .loading-skeleton .p-nd-mv-list p:nth-child(5) {
        max-width: 73%;
    }

.p-nd-mood-tracker {
    min-height: 240px;
}

@media(max-width: 1024px) {
    .pnd-banner .p-nd-add-wid-cta {
        visibility: visible;
    }

    .p-wd-to-content {
        flex-wrap: wrap;
    }
}

@media(max-width: 991px) {
    .pnd-banner p br {
        display: none;
    }
}

@media(max-width: 576px) {
    .p-wid-nd-heading-mw {
        gap: 0.8rem 12.8px;
        flex-wrap: wrap;
    }

    .p-default-navs .nav.nav-pills {
        gap: 0.6rem 1.1rem;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 0.55rem;
    }

    .pol-profile-date {
        flex-wrap: wrap;
        gap: 0rem;
    }

        .pol-profile-date .p-red-dot-sm {
            display: none;
        }

    .pnd-banner {
        flex-wrap: wrap;
    }

    .p-loader-emojee {
        min-height: 230px;
    }
}


/*no data css starts here*/
svg.no-data-upd {
    fill: var(--theme-no-data-svg);
    width: 85px;
    height: 85px;
}

.no-data-upd-cont {
    margin-top: 1.15rem;
}

    .no-data-upd-cont h5 {
        font-size: calc(var(--base-font-size-h4) * 0.94);
        font-weight: 600;
        margin-bottom: 0.15rem;
    }

    .no-data-upd-cont p {
        margin: 0;
    }
/*no data css ends here*/

.p-wd-task-item-prof {
    flex-shrink: 0;
}

.p-wd-to-request-cont.p-txt-ellip-grad::after {
    right: 0;
}

.p-brand-logo svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--on-primary-color);
}

.p-brand-logo {
    height: 22px;
}

.p-brand-user-menu {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--theme-border-layout);
    padding: 0.2rem 0.6rem;
    gap: 0.7rem;
    border-radius: var(--bs-border-radius-lg);
    padding-right: 0.2rem;
    max-height: 38px;
    margin: 0;
    display: flex;
    align-items: center;
}

.p-brand-user-menu .dropdown-menu-list-icon {
    margin-top: 0.45rem;
}


.brand-logo-upld {
    max-width: 85px;
    max-height: 35px;
    min-width: 85px;
}

.p-brand-logo-mw {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--base-font-size-xxs);
}

.p-nd-logo-option .p-brand-logo-mw {
    font-size: var(--base-font-size);
    gap: 0.35rem;
}

.olo-prev-mw-right .p-brand-logo-mw {
    border: 1px solid var(--sec-light-color6);
    border-radius: var(--bs-border-radius-lg);
    padding: 0.15rem 0.4rem;
    font-size: 0.65rem;
    line-height: 1.1;
    gap: 0.25rem;
}

.olo-prev-mw-right .p-brand-logo svg {
    width: 0.9rem;
    height: 0.9rem;
}

.olo-prev-mw-right .p-brand-logo {
    height: initial;
}

.olo-prev-mw-right .p-brand-logo {
    top: -1px;
}

.p-nd-logo-option .p-brand-logo {
    height: 24px;
}

.p-nd-logo-option .p-brand-logo svg {
    width: 1.3rem;
    height: 1.3rem;
    stroke: var(--on-primary-color);
}

.p-nd-vid-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    max-width: 600px;
    margin: 0 auto;
}

/*folder structure starts here*/
.p-fol-container {
  
}

.p-eb-box-head-sm.p-eb-box-head {
    min-height: 45px;
}

.p-fol-item-acc .p-email-list-nested {
    padding-left: 2rem;
}

.p-email-list.p-fol-container {
    margin-top: 0;
}

.p-email-list-nested.p-fol-item-acc .p-email-list-nested-inner {
    border-bottom: 0;
}

.p-fol-item-acc .p-email-list-nested .collapse {
    background-color: transparent;
}

.p-fol-item-acc .p-email-list-nested.p-fol-item-acc {
    background: var(--blur-bg-color);
}

.p-fol-item-acc .p-email-list-nested {
    background: var(--chat-dark-bg-2);
}

.p-fol-container.p-email-list li,
.p-fol-container .p-email-list-nested-inner,
.p-fol-container .p-email-list-nested {
    border-bottom: 0;
}

.p-email-list.p-fol-container > .p-email-list-nested {
    margin-bottom: 0.1rem;
}

.p-fol-container .p-email-list-nested-inner {
    padding-left: 0.9rem;
}

.p-fol-container .p-email-list-nested-inner[aria-expanded="true"] .p-icon:not(.p-icon-chevron) {
    fill: var(--theme-primary-color);
    stroke: none;
}

.p-fol-container .p-email-list-nested-inner[aria-expanded="true"] {
    color: var(--theme-primary-color);
}

.batch-grey {
    background: var(--sec-light-color6);
    font-size: 0.68rem;
    font-weight: 400;
    border-radius: 0.5rem;
    min-width: 56px;
}

.batch-xs {
    font-size: 0.68rem;
    font-weight: 400;
    border-radius: 0.5rem;
    min-width: 56px;
}

.p-cn-mb.p-sur-ques-mw .p-ques-sc .p-tl-box {
    height: initial;
    border-radius: 0;
    background: var(--chat-dark-bg-2);
    border: none;
}

.p-cn-mb.p-sur-ques-mw .p-ss-h100 {
    height: calc(100vh - 160px - var(--box-padding));
}

.p-btn-sec .p-icon {
    stroke: var(--theme-primary-color);
}
/*folder structure ends here*/

.tt-mw .p-wd-ono-details {
    margin-bottom: 1rem;
    margin-top : 0.35rem;
}

.tt-mw .p-wd-ono-details .pdf {
    align-self: flex-start;
}

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    overflow: auto;
    white-space: nowrap;
    flex: 1;
    justify-content: flex-start;
}

.p-nd-card-body .nd-placeload-preloader-oc.df-flex-col {
    min-height: 240px;
}

.h-100.p-loader-emojee .image-placeholder {
    max-width: 40%;
}
.p-modal-sb:has(.modal-blur) {
    z-index: 1049;
}


.pp-cp-content-tl-tb.p-imple-mw li {
    cursor: pointer;
}


.hasdisable, .has-error {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}
@font-face {
    font-family: "bootstrap-icons";
    src: url("fonts/fonts/bootstrap-icons.woff2") format("woff2"), url("fonts/fonts/bootstrap-icons.woff") format("woff");
}

[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-1::before { content: "\f2a5"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }



html * {
    outline: 0 !important;
}

html,
body {
    min-height: 100%;
    font-family: var(--primary-font);
}

html {
    -webkit-tap-highlight-color: transparent !important;
}
/* Header and Navigation | #header */

#wrapper .header-wrapper #header {
    position: relative;
}

#wrapper .header-wrapper #header .logo .lg1 {
    background-image: url('/Content/images/logo.png');
    height: 110px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#wrapper .header-wrapper #header .logo .lg2 {
    display: none;
    background-image: url('/Content/images/logo.png');
    height: 59px;
    width: 100%;
    background-size: contain;
    margin-top: -27px;
    background-repeat: no-repeat;
}

.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border: 1px solid #CD0A0A !important;
}

#wrapper .header-wrapper #header .logo a {
    display: block;
}

#wrapper .header-wrapper #header .menu > ul {
    margin: 0;
    clear: both;
}

#wrapper .header-wrapper #header .menu > ul > li.active > a span.arrow {
    color: #ffffff;
}

#wrapper .header-wrapper #header .menu > ul > li:last-child > a {
    margin-right: 0;
}

#wrapper .header-wrapper #header .menu > ul > li > a:hover span.arrow {
    color: #ffffff;
}

#wrapper .header-wrapper #header .menu > ul > li > a span.arrow {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -5px;
}

#wrapper .header-wrapper #header .menu > ul > li > a.btn {
    border-color: transparent;
    padding: 10px 25px;
}

#wrapper .header-wrapper #header .menu > ul > li .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#wrapper .header-wrapper #header .menu > ul > li .dropdown-menu > li:last-child > a {
    border-bottom: 0;
}

#wrapper .header-wrapper #header .menu > ul > li .dropdown-menu > li.active > a {
    background-color: #5ca5dd;
    color: #ffffff;
}

#wrapper .header-wrapper #header .menu > ul > li .dropdown-menu > li.active > a i {
    color: #ffffff !important;
}

#wrapper .header-wrapper #header .menu-responsive {
    padding: 7px;
    float: right;
    text-align: center;
    margin-top: 22px;
    cursor: pointer;
}

.welcome .dropdown-menu > li > a {
    color: white !important;
    font-weight: 300;
}


.dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-button-content {
    right: 3px !important;
}

.dx-item.dx-scheduler-appointment.dx-scheduler-appointment-vertical .dx-icon-close {
    font: 11px/1 DXIcons;
}

#scheduler .dx-scheduler-appointment.dx-state-hover {
    -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3);
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3);
}

#doctAvailCalender .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content span:last-child {
    height: 14px;
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup- /*inherit-height .dx-popup-content .dx-list-item {
    width: auto;
    min-width: 320px;
}*/
.header-wrapper #header .menu > ul > li:not(:last-child),
.headerinner-wrapper #headerinner .menu > ul > li:not(:last-child) {
    padding: 0 10px;
}

.header-wrapper #header .menu > ul > li:last-child {
    padding: 5px 0px;
}

.header-wrapper #header .menu > ul,
.header-wrapper #header .menu {
    display: flex;
    align-items: center;
}

/*css for headers learn after login before login starts here*/
.header-wrapper .logo img {
    width: 189px;
}

.drop-down-link {
    display: flex;
    align-items: center;
}

.header-wrapper .drop-down-link img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.header-wrapper .drop-down-learn {
    padding: 0 !important;
}

.header-wrapper .dropdown.hi {
    padding: 0 !important;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.header-wrapper .drop-down-link > p {
    margin-bottom: 0;
    margin-right: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--secondary-color);
}

.header-wrapper .drop-down-link > p em {
    margin-left: 5px;
    color: var(--primary-color);
    font-size: 20px;
}

.headerinner-wrapper-learn.header-wrapper .drop-down-link > p {
    margin-bottom: 0;
    margin-right: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--primary-color);
}

.headerinner-wrapper-learn.header-wrapper .drop-down-link > p {
    color: var(--primary-color);
}

.header-wrapper .dropdown-toggle::after {
    display: none;
}

.header-wrapper .drop-down-link p {
    margin-left: 10px;
    margin-right: 0;
    white-space: nowrap;
    font-weight: 500;
    margin-bottom: 0;
}

.header-wrapper .dropdown-menu {
    min-width: 240px;
    right: 0;
    left: initial;
    padding: 0;
    margin: 0;
    border: none;
}

.header-wrapper .dropdown-menu li {
    padding: 9px 10px 9px 20px;
}

.header-wrapper .dropdown-menu li:hover {
    background-color: var(--white-color);
}

.header-wrapper .dropdown-menu li a {
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: 0.93rem;
}

.header-wrapper .dropdown-menu li a:hover li a {
    color: var(--primary-color);
}

/*.dropdown-menu li a > svg, .dropdown-menu li a > em {
    margin-right: 15px;
    min-width: 18px;
}*/

.p-dd-sidebar {
    padding: 0.3rem;
}

.inner-drop-icons em.icon.ni-bookmark-fill {
    font-size: 21px;
}

.dropdown-menu li a svg.icon-dropdown {
    width: 18px;
    height: 17px;
    fill: var(--primary-color);
    display: inline-block;
}

.open > .dropdown-menu {
    display: block;
}

.ph-our-therapist-dropdown a {
    display: inline-grid;
    align-items: center;
    grid-template-columns: auto auto;
    grid-gap: 6px;
}

.ph-our-therapist-dropdown a em.icon {
    font-size: 18px;
    color: var(--secondary-color);
}

.login-action-btns {
    display: inline-grid !important;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    margin-left: 25px;
}
/*css for headers learn after login before login starts here*/
@media only screen and (max-width: 767px) {
    .dg-mxc-mxc.grid-modify {
        grid-template-columns: 40px 1fr !important;
    }

    .landing-prct-header .head-wrapper-pract {
        width: 100%;
    }

    .certfication-sticky, .mob-hide {
        display: none !important;
    }

    #wrapper #main #content #section-contact {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .breadcrumb li a {
        font-size: 13px;
        font-weight: 500;
    }

    #section-contact div.profile_tabs {
        margin: 0px auto 50px;
    }

    .profile_tabs ul.tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        grid-gap: 6px;
        justify-content: center;
    }

    .pract-left .usr_img {
        width: 200px;
        height: auto;
        margin: 5px auto 0;
    }

    .client-profile-main .text-margin {
        margin-top: 0px;
    }


    #section-contact .profile_tabs .tabs #tab1 span {
        width: 20px;
        height: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 6px;
        background-position: -36px 0;
    }

    #section-contact .profile_tabs .tabs #tab1.selected span {
        background-position: -37px 0;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        background-size: cover;
        background-position: 0px 0;
        margin-right: 6px;
    }

    #section-contact .profile_tabs ul.tabs li {
        padding: 4px 10px !important;
        font-size: 13px !important;
    }

    #section-contact .profile_tabs ul.tabs li {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .profile_tabs .contentWrapper #tab2 .col-xs-12 {
        padding: 0;
    }

    .hide-mobile-view {
        display: none !important;
    }

    .mar-15-cus {
        margin-top: 15px;
    }

    .vIconsSpan {
        display: none;
    }

    .cust-login-sign {
        padding: 1px 8px !important;
        border: none;
    }
}

.section {
    padding-top: 15px;
    padding-bottom: 40px;
    position: relative;
}

.section .section-heading .info {
    font-size: 32px;
    color: #062045;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.section .section-heading {
    margin-bottom: 30px;
}

.section .section-heading .title {
    font-size: 26px;
    width: 100%;
    display: inline-block;
    color: var(--secondary-color) !important;
    font-family: var(--secondary-font);
    line-height: 27px;
    margin-bottom: 15px;
}

.section .section-heading .sub-title {
    font-size: 18px;
    color: #808080;
    width: 100%;
    display: inline-block;
    margin-top: 0;
}

.section .section-content {
    position: relative;
}

.section.section-background .section-heading .title {
    font-weight: 300;
    color: #000;
}

.section.section-background .section-heading .sub-title {
    color: #ffffff;
}
/*
.line {
    width: 70px;
    height: 1px;
    position: relative;
    background: transparent;
    border-bottom: 1px solid #5ca5dd;
    margin: 0 auto 45px;
    padding: 5px;
}

.section-background .line {
    border-bottom: 1px solid #ffffff;
}

.section-background .line:before {
    border-top-color: #ffffff;
}

.section-background .line:after {
    border-top-color: #4fbae6;
}*/

.btn-14 {
    font-size: 14px !important;
}

.btn-18 {
    font-size: 18px !important;
}

.btn-22 {
    font-size: 22px !important;
}
/* Totop button | #totop */

#totop {
    position: fixed;
    bottom: 1%;
    right: 1.5%;
    display: none;
    z-index: 9999;
    background-color: #2986e2;
    border-radius: 2px;
    height: 30px;
    width: 30px;
    text-align: center;
}

    #totop i {
        color: #ffffff;
        line-height: 30px;
        font-size: 18px;
    }

    #totop:hover {
        background: #40a0ff;
    }

        #totop:hover i {
            color: #ffffff;
        }

/* Page Header when scroll | #header-scroll */

body.page-header-scroll #wrapper .header-wrapper #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
}

.form_sidebar_info_scroll {
    top: 8%;
    position: fixed !important;
    width: 22.4%;
}

body.page-header-scroll #wrapper .header-wrapper #header .logo {
    height: 60px;
}

body.page-header-scroll #wrapper .header-wrapper #header .menu > ul > li {
    height: 60px;
    line-height: 70px;
}

    body.page-header-scroll #wrapper .header-wrapper #header .menu > ul > li > a span.arrow {
        bottom: 0;
        color: #ffffff;
    }
/* Responsive | #responsive */
@media screen and (min-width: 1280px) and (max-width: 1342px) {

    .cust_min_height #content {
        min-height: 561px !important;
    }

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

    .portal p {
        font-size: 13px !important;
    }

    h2.promo-code.code-frhe {
        font-size: 25px !important;
    }

    .img-larg {
        height: 428px !important;
    }

    .blue-txt {
        margin-right: 45px !important;
    }
}


@media only screen and (min-width: 1125px) and (max-width: 1126px) {
    .promo-code-res {
        font-size: 22px !important;
    }
}


@media only screen and (min-width: 1301px) and (max-width: 1400px) {
    .top-header {
        margin: 0px !important;
    }

    .sweet-alert h2 {
        font-size: 16px !important;
    }

    .promo-code {
        font-size: 28px !important;
    }
}

@media screen and (min-width: 1200px) {
    .form_sidebar_info {
        display: block !important;
    }

    .form_sidebar_click {
        text-align: right;
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    .model-bdy-bg {
        background-color: #f6f6f6;
        border-radius: 0px 0px 10px 10px;
        padding-bottom: 10px;
    }

    .select2-container {
        box-sizing: border-box;
        display: block;
        margin: 0;
        position: relative;
        vertical-align: middle;
        width: 100% !important;
    }

    .searchDesktop {
        display: none !important;
    }

    .footer-bg {
        background-color: #013e55;
    }

    .brw_frm {
        position: absolute;
        top: 0%;
        right: 0;
        width: 50%;
    }

    .form_sidebar_click {
        text-align: right;
        display: block;
    }

        .form_sidebar_click span {
            background-color: #09b9ea;
            color: white;
            display: inline-block;
            padding: 10px;
            margin: 10px;
        }

    .form_sidebar_info {
        /*display: none;*/
    }

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

}

@media (max-width: 1252px) and (min-width: 1000px) {
    .x-sign {
        padding-bottom: 0 !important;
        line-height: 16px;
    }

    .x-login {
        line-height: 30px !important;
    }

    .x-sign:hover, .x-sign:focus {
        background: none;
        color: white !important;
    }
}

@media screen and (max-width: 1252px) {

    a.x-sign {
        background-color: transparent !important;
    }

    #wrapper .header-wrapper #header .menu {
        right: 51px !important;
        top: 73px !important;
    }

    .navigation__nav .dropdown-menu.show {
        display: block;
    }

        .navigation__nav .dropdown-menu.show li {
            background-color: var(--primary-color);
            padding: 0px !important;
            border-radius: 3px;
        }
}

@media screen and (min-width: 1253px) {
    .menu-responsive {
        display: none;
    }

    .bannr_ack .hr-banner {
        width: 600px !important;
    }

    #content .section .hr-banner {
        width: 800px !important;
    }
}

@media screen and (max-width: 1250px) {
    #wrapper .header-wrapper #header .menu-responsive {
        position: absolute;
        right: 20px;
        margin-top: 11px;
        cursor: pointer;
    }

        #wrapper .header-wrapper #header .menu-responsive span {
            font-size: 25px;
            line-height: 1;
            vertical-align: middle;
            color: #FFF;
        }

    .profile_tabs ul.tabs li {
        padding: 7px 15px !important;
        font-size: 12px !important;
    }

    .menu.welcome ul.list-unstyled.list-inline {
        display: block !important;
        float: right !important;
        background-color: var(--primary-color);
    }

    #wrapper .header-wrapper #header .logo {
        height: 60px !important;
    }

    #wrapper .header-wrapper #header .menu > ul > li {
        display: block;
        line-height: 1 !important;
        padding: 0px !important;
    }

    #wrapper .header-wrapper #header .menu ul li {
        text-align: left;
        margin: 0px;
    }

    #wrapper .headerinner-wrapper #headerinner .menu ul li {
        min-width: 153px !important;
        text-align: left;
        margin: 0px;
    }

        #wrapper .header-wrapper #header .menu ul li:not(:last-child) a,
        #wrapper .headerinner-wrapper #headerinner .menu ul li:not(:last-child) a {
            margin-bottom: 25px !important;
        }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile, #wrapper .header-wrapper .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile {
        margin-bottom: 25px !important;
        margin-left: 2px;
    }


    #wrapper .header-wrapper #header .menu > ul > li.dropdown .dropdown-menu > li > a {
        padding-left: 15px;
    }

        #wrapper .header-wrapper #header .menu > ul > li.dropdown .dropdown-menu > li > a i.fa-plus {
            font-size: 12px;
        }

    #wrapper .header-wrapper #header .menu > ul > li ul > li.dropdown-submenu > a:hover {
        background-color: transparent;
    }

    #wrapper .header-wrapper #header .menu > ul > li ul > li.dropdown-submenu .dropdown-menu > li > a {
        padding-left: 33px;
        background-color: #f0f0f0;
    }

    #wrapper .header-wrapper #header .menu > ul > li > a {
        display: block;
        margin: 0;
        border-radius: 0;
    }

    #wrapper .header-wrapper #header .menu > ul > li .dropdown-menu {
        position: relative;
        left: 0 !important;
        width: 100%;
        float: none;
        box-shadow: none;
    }

    #wrapper .header-wrapper #header .menu > ul > li .arrow {
        display: none;
    }

    #wrapper .header-wrapper #header .menu .dropdown-menu {
        float: left;
    }

        #wrapper .header-wrapper #header .menu .dropdown-menu .dropdown-submenu a:after {
            content: '';
        }


    .active {
        right: 0% !important;
    }

    .container #header .logo {
        width: 160px;
    }

        .container #header .logo img {
            max-width: 160px;
            margin: 10px 0;
        }
}

@media screen and (max-width: 990px) {
    .thera_div .media-right, .thera_div .media-left {
        display: block !important;
    }

        .thera_div .media-left a img {
            margin: 0 auto;
        }

    .thera_div {
        text-align: center;
    }

    .availability1 span {
        float: none !important;
    }



    .dctr_dash div {
        width: 30% !important;
    }

    .breadcrumb > li {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 800px) {

    .dx-scheduler-appointment-tooltip-wrapper .appointment-custom-tooltip.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-inherit-height {
        max-width: 80% !important;
    }

    #wrapper .header-wrapper #header .logo .lg2 {
        height: 51px !important;
        width: 160px !important;
        margin-top: -25px !important;
    }

    #wrapper .header-wrapper #header .logo .lg1 {
        height: 90px !important;
        width: 200px !important;
    }

}

@media only screen and (min-width: 2415px) {
    .lne1 {
        font-size: 86px !important;
    }

    .promo-code {
        margin: 140px 3% !important;
    }



    div#footer {
        position: fixed !important;
        z-index: 10;
    }
}

@media screen and (max-width: 768px) {
    .skdslider {
        display: none !important;
    }


    #AppointmentDate {
        display: inline-block !important;
    }


    .therapist-row, .appointment-row {
        display: flex;
        flex-direction: column-reverse !important;
    }

    .SpeakClear {
        margin-top: 8% !important;
    }
}

@media screen and (max-width: 600px) {
    .for_pati #tab1, .for_pati #tab2 {
        width: 40%;
    }

    .crt_div {
        width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    .cookieBtnBot {
        width: 100%;
        float: left;
    }

    img.futLogo {
        width: 210px;
    }

    img.pullRightMD {
        width: 100%;
    }

    .srtar-align {
        margin-top: 4px !important;
    }

    .stripe-accountdiv .stripe-botom-div {
        width: 150px;
    }

    .stripe-bot-right-div span {
        font-size: 0.85rem;
        line-height: 1rem;
    }

    #section-about-us .list-group {
        margin: 0 15px;
    }

    .btn-filter-myapp {
        margin-left: 60px !important;
    }

    #section-our-team-profile .btn-prcprf {
        width: 100% !important;
    }

    #dtCompletedTo,
    #dtCompletedFrom {
        width: 200px;
    }

    .bt_brw {
        padding: 15px !important;
    }

        .bt_brw .main_hed {
            font-size: 21px !important;
            padding: 20px 0 20px !important;
        }

    #section-reiki {
        margin: 0;
        padding: 0;
    }

    .bannr_ack, .fnt_isse {
        font-size: 20px !important;
    }

    .menu-responsive {
        margin-top: 5px !important;
    }

    #find-a-therapist .content, #book-an-appointment .content {
        border-left: none !important;
    }

    #test-the-fit .image-wrapper, #start-your-online-session .image-wrapper {
        border-left: none !important;
    }

    .buts {
        padding-bottom: 40px !important;
    }


    .banner-home-page {
        background-position: 50% 100% !important;
    }

    .banner-caption hr, h4.lne {
        display: none;
    }

    #AppointmentDate, #AppointmentDate1 {
        width: 200px !important;
    }

    .dv20 {
        width: 100% !important;
    }

    .jn_us {
        padding: 20px !important;
    }

    .portal p {
        font-size: 13px;
    }

    .section .section-heading .title-1 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .dctr_dash div {
        width: 50% !important;
    }

    #main #content #section-features .section-heading .info {
        padding-top: 0px !important;
    }

    #section-features .carousel-slide .carousel-inner .desc,
    .portal .section-heading {
        height: 550px !important;
    }

    #wrapper .header-wrapper #header .logo {
        height: 65px;
    }

    #wrapper .header-wrapper #header .menu-responsive {
        padding: 6px;
        margin-top: 14px;
        cursor: pointer;
    }

        #wrapper .header-wrapper #header .menu-responsive span {
            font-size: 20px;
        }
}

@media screen and (max-width: 767px) {

    .enable-camera-inner-div, .media-inner-box {
        width: 100% !important;
    }

    .dx-scheduler-appointment-tooltip-wrapper .appointment-custom-tooltip.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-inherit-height {
        max-width: 90% !important;
    }

    #wrapper .header-wrapper #header .logo {
        height: 40px !important;
        width: 160px;
    }

    #wrapper .header-wrapper #header .menu > ul > li.active > a {
        background-color: #328ed4;
        color: #ffffff;
    }

    #wrapper .header-wrapper #header .menu > ul > li.dropdown .dropdown-menu > li > a {
        padding-left: 15px;
    }

        #wrapper .header-wrapper #header .menu > ul > li.dropdown .dropdown-menu > li > a i.fa-plus {
            font-size: 12px;
        }

    #wrapper .header-wrapper #header .menu > ul > li ul > li.dropdown-submenu > a:hover {
        background-color: transparent;
    }

    #wrapper .header-wrapper #header .menu > ul > li ul > li.dropdown-submenu .dropdown-menu > li > a {
        padding-left: 33px;
        background-color: #f0f0f0;
    }

    #wrapper .header-wrapper #header .menu > ul > li > a {
        display: block;
        margin: 0;
        border-radius: 0;
    }

    #wrapper .header-wrapper #header .menu > ul > li .dropdown-menu {
        position: relative;
        left: 0 !important;
        width: 100%;
        float: none;
        box-shadow: none;
    }

    #wrapper .header-wrapper #header .menu > ul > li .arrow {
        display: none;
    }

    #wrapper .header-wrapper #header .menu .dropdown-menu {
        float: left;
    }

        #wrapper .header-wrapper #header .menu .dropdown-menu .dropdown-submenu a:after {
            content: '';
        }

    #wrapper .header-wrapper #header .menu-responsive {
        position: absolute;
        right: 20px;
        margin-top: 3px;
        cursor: pointer;
        top: 21px !important;
    }

        #wrapper .header-wrapper #header .menu-responsive span {
            font-size: 30px;
            line-height: 1;
            vertical-align: middle;
        }

    #wrapper #footer #section-footer {
    }

    #wrapper #footer #section-footer .logo .img-responsive {
        width: 70%;
    }

    .section .section-heading .title {
        font-size: 18px;
    }

    .MicrophoneLine {
        width: 100%;
    }
}


.main_section {
    padding-top: 150px;
}

.msg_form-control {
    max-width: 420px;
    min-height: 90px;
}

.form-group .select2-selection {
    padding: 5px;
    font-size: 14px;
}

.nav-justified li input {
    width: 130px;
}

.mb20 {
    margin-bottom: 20px;
}

.info_link,
.info_link:hover,
.info_link:active,
.info_link:focus {
    color: var(--primary-color);
}

.text-title {
    text-align: left;
    font-size: 25px;
    color: #101010;
    width: 100%;
    display: inline-block;
    font-weight: 400;
    padding-bottom: 25px;
}

.profile img {
    height: 35px;
    width: 35px;
}

.lin-hei-div span {
    font-weight: 600;
}

.fixed-table-body {
    overflow: hidden;
    overflow-x: scroll;
}


.form-group textarea {
    max-height: 500px;
}

.up_img {
    padding: 15% 0;
}

.thumb_info {
    padding: 0 0.4rem;
}

.certificate-name-wrapper .ellipsis-text {
    margin-bottom: 0;
    overflow: hidden;
    text-align: left;
    margin-top: 1px;
    font-size: 0.95rem;
    color: var(--on-primary-color);
    font-weight: 600;
    line-height: 1.25;
}

.document-preview {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.9rem;
    color: var(--on-primary-color);
    font-weight: 400;
    padding-left: 0.4rem;
    margin-bottom: 0.4rem;
}

.document-preview em.icon {
    color: var(--on-primary-color);
    font-size: 1.1rem;
    line-height: 0.9;
}

.mt20x {
    margin-top: 20px;
}

.mt50x {
    margin-top: 50px;
}

.mt30x {
    margin-top: 30px;
}

.div_title {
    margin-bottom: 3%;
}

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

.apt_sch {
    padding: 20px;
}

.apt_sch p span {
    vertical-align: top;
    margin-top: -5px;
    display: inline-block;
}

.mrb20 {
    margin-bottom: 20px;
}

.hw_work {
    background-color: rgb(19, 168, 210);
}

.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.chck_ol {
    position: absolute;
    left: 40px;
    top: 9px;
    font-size: 12px;
    font-weight: 600;
}
/*modalities*/
.section .section-heading .modality-2 {
    font-size: 20px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.reconnective-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.meta-karuna {
    padding-top: 82px;
    padding-bottom: 82px;
}

.section .section-heading .modality-3 {
    font-size: 21px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.nlp-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.section .section-heading .modality-4 {
    font-size: 26px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.guided-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.section .section-heading .modality-5 {
    font-size: 21px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.lifecoaching-text, .hypnosis-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.section .section-heading .modality-6 {
    font-size: 21px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.section .section-heading .modality-7 {
    font-size: 26px;
    text-align: left;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    margin-left: 80px;
}

.pranic-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.thetahealing-text {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-right: 0px;
    padding-left: 0px;
}

.doctr_time li {
    list-style-type: none;
    float: left;
    display: inline-block;
    margin-right: 5px;
}

.menu.welcome ul.list-unstyled.list-inline,
.menu.welcome .login-top {
    display: flex;
    float: left;
    align-items: center;
    margin-top: 0px;
    padding-left: 9px;
}

.p_tl {
    font-size: 14px;
    color: #0496bf;
    margin-bottom: 2px;
    font-weight: 600;
}

.mt-20 {
    margin-top: 20px;
}

.bor_ri {
    border-right: 1px solid #e3e3e3;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0;
    background-color: var(--primary-color);
    color: white !important;
    border-color: var(--primary-color);
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 6px;
}

.usr_img .fileUpload span {
    font-size: 14px;
    word-break: break-word;
    white-space: pre-line;
    display: block;
    text-transform: uppercase;
    margin-top: 40px;
    text-align: center;
}

.usr_img .fileUpload {
    background-color: var(--secondary-light-color);
    color: white !important;
    border-color: var(--secondary-light-color);
    background-image: url(/content/images/photo-camera.png);
    border-radius: 3px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 50% 37%;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
}

.p-modal-sb .img-thumbnail {
    width: 100%;
    max-height: 780px;
    object-fit: cover;
}


@media (max-width: 1024px) {
    .usr_img .fileUpload, .certf_size .fileUpload {
        background-image: none !important;
        height: 35px !important;
    }

    .usr_img .fileUpload span, .certf_size .fileUpload span {
        margin-top: 0 !important;
        font-size: 13px;
    }

    .usr_img .overlay, .certf_size .overlay {
        height: 35px;
    }

    .hc-cp-main-wrapper .usr_img .overlay {
        display: block !important;
        background-color: var(--secondary-light-color);
    }

    .hc-cp-first-row-right {
        margin-top: 7px;
    }

    .usr_img {
        min-width: 230px;
        max-width: 230px;
        height: 240px;
        width: initial;
    }
}

.pro_pic_pad {
    padding: 6% 0;
}

.amt_cash .badge {
    background-color: transparent;
    padding: 0;
    font-weight: 600;
}

.stripe-top-div-right .badge {
    font-weight: 500;
}

.amt_cash li {
    border: none;
    height: auto;
}

.cmp_re .badge,
.dep_re .badge {
    font-size: 15px;
}

.cur_re .badge {
    font-size: 20px;
    float: right;
}

.list-group.amt_cash {
    width: 100%;
}

.bg_grn {
    color: white;
    background: #4fcb0c;
}

.pull-xs-right {
    float: right !important;
}

.appointment-summary .list-group .list-group-item .label {
    font-size: 18px;
    font-family: var(--primary-font);
    color: var(--on-primary-color);
    font-weight: 400;
}

.cmd {
    max-width: 100%;
}

.dc_img div img {
    width: 50px;
    border-radius: 1000px;
}

.order_summry_img img {
    width: 100px !important;
    height: 100px !important;
    box-shadow: 0 7px 32px -8px #a9a9a9;
}

.dc_img p {
    margin: 12px 0px -24px 0px;
    text-align: center;
}

.ti_tl {
    background: #757575;
    color: white;
    text-align: center;
    padding: 10px;
    margin: 0 auto 20px;
}

.usr_img {
    position: relative;
    width: 200px;
    height: 215px;
    margin: 0;
    border: 1px solid rgba(128, 128, 128, 0.35);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.usr_img .up {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.usr_img:hover .overlay {
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(2, 2, 2, 0.43);
}

.overlay {
    position: absolute;
    bottom: 0;
    display: none;
    width: 100%;
}

.overlay img {
    padding-left: 10px;
}

#notificationlist::-webkit-scrollbar {
    width: 6px;
}

#notificationlist::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

#notificationlist::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

#notificationlist::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.info_web {
    padding: 60px 50px;
}

.pt20 {
    padding-top: 20px;
}

.c_w {
    color: #808080 !important;
    word-wrap: break-word;
}

.certf_size {
    width: 100%;
    height: 200px;
    position: relative;
    margin-bottom: 60px;
}

.certf_size img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid var(--profile-img-border-color);
    object-fit: cover;
}

.certificate-name-wrapper {
    width: 100%;
}

.certf_size:hover .overlay {
    display: block;
}

.certf_size .fileUpload span {
    font-size: 15px;
    word-break: break-word;
    white-space: pre-line;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 40px;
}

.certf_size .fileUpload {
    background-color: rgb(30 30 30 / 80%);
    color: white !important;
    border-color: rgb(30 30 30 / 80%);
    background-image: url(/content/images/photo-camera.png);
    border-radius: var(--bs-border-radius);
    padding: 5px;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 50% 37%;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
}

.certf_size .overlay {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.certf_size .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
}

.bck_header {
    background: var(--primary-color);
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

div.profile_tabs {
    font-size: 15px;
    margin: 0px auto 50px;
}

.ui-widget-content {
    border-radius: 0 0 4px 4px;
}

.profile_tabs ul.tabs {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.profile_tabs ul.tabs li {
    padding: 10px 15px;
    display: inline-block;
    color: #222;
    width: 30%;
    border-bottom: 2px solid var(--primary-color);
    font-size: 1.1em;
}

.profile_tabs ul.tabs li.selected {
    color: #fff;
    background: var(--primary-color);
}

.profile_tabs ul.tabs li.selected:hover {
    cursor: pointer;
    background: #05a9af;
}

.profile_tabs div.page li {
    text-align: left;
    list-style-type: none;
}

.profile_tabs div.content {
    padding: 10px 20px;
}

.profile_tabs div.content p {
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 1.4em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
}

.profile_tabs div.contentWrapper {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.tabs li i {
    font-size: 24px;
}

.dctr_dash div {
    width: 15.666667%;
}

.ptn div {
    padding: 15px 0 0 0;
}

.p_pro_page span {
    background-position: -504px 0;
}

.p_books span {
    background-position: -672px 0;
}

.p_favrt span {
    background-position: -84px 0;
}

.p_favrt:hover span {
    /*background-position: -738px 2px;*/
}

.p_cert span {
    background-position: 0 0;
}

.p_cert:hover span {
    /*    background-position: -221px 1px;*/
}

.p_billing span {
    background-position: 0 0;
}

.p_billing:hover span {
    /*  background-position: -667px 0px;*/
}

.p_inbox span {
    background-position: -252px 0;
}

.p_inbox:hover span {
    /*background-position: -959px 0;*/
}

div#patient-sliders {
    background-image: url(images/quotation-marks.png);
    background-repeat: no-repeat;
}

.quotation-end {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-left: 50px;
}

.p_appmnt span {
    background-position: -168px 0;
}

.p_appmnt:hover span {
    /*background-position: -369px -1px;*/
}

.p_aval span {
    background-position: -420px 0;
}

.p_aval:hover span {
    /* background-position: -445px -1px;*/
}

.fnd_pra {
    /*margin-top: 30px;*/
    display: inline-block;
    padding: 12px;
}

    .fnd_pra a {
        padding: 10px;
        font-size: 20px !important;
        width: 260px;
        border-radius: 4px !important;
    }

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#patient-sliders .desc i {
    letter-spacing: 1.1px;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.pgr_bar {
    position: absolute;
    top: 60%;
    bottom: 0;
    width: 90%;
    left: 13px;
    right: 0;
    border-radius: 0;
}

.info_heal {
    height: 60px;
    line-height: 24px;
}


.btnSearch {
    position: relative;
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 4px 24px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: 0px !important;
    font-size: 21px;
    border-radius: 25px !important;
}

    .btnSearch:hover {
        background-color: #05a9af !important;
        border: none;
        color: white;
    }

.offline {
    color: gray;
}

.online {
    color: #148e06;
}

.profile_tabs .tabs #tab1 span {
    background-image: url('../../Content/images/user_profile.png');
    background-position: -44px 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: sub;
}

.profile_tabs .tabs #tab1.selected span {
    background-image: url('../../Content/images/user_profile.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: sub;
}

.fa fa-lock:hover {
    color: white;
}

.get-appointment .social a i:hover {
    color: white !important;
}
/*.myappointmentbystatus .active{
        z-index: 2;
    color: #fff;
    background-color: #00abda;
    border-color: #00abda;
}
*/

.MyInboxByStatus.active {
    z-index: 2;
    color: #fff;
    background-color: #0992b7;
    border-color: #0992b7;
}

    .MyInboxByStatus.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

.trm_tl {
    font-size: 20px;
    color: #2986e2;
}

.form-get-an-appointment .btn-outlined {
    background-color: transparent !important;
    color: #0fadd9 !important;
    border-color: #0fadd9 !important;
    padding: 10px 25px;
    border-radius: 23px;
}

.form-get-an-appointment .btn-outlined:hover {
    color: white !important;
    border-color: #0fadd9 !important;
    background-color: #0fadd9 !important;
}

#loadingDiv img {
    width: 10%;
    height: 10%;
}

#notification i {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
}

#notification a i span {
    color: white;
}

#notificationCount {
    font-weight: bolder;
    background: red;
    font-size: 11px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 6px;
    display: inline-block;
    padding: 7px 4px;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: -8px;
    right: 9px;
    color: #fff;
}

.hr_chr {
    color: grey;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
}

.fav_dct {
    line-height: 24px;
    height: auto !important;
    margin-top: 15px;
}

    .fav_dct .chck_ol {
        left: 5px;
    }

    .fav_dct .name {
        margin-top: 5px;
    }

.heal_mod .select2-selection--multiple {
    /* height: 46px !important;
    overflow-y: scroll;*/
}

.s_facebook:hover,
.s_twitter:hover,
.s_plus:hover {
    color: #10acd7 !important;
}
/*.drp_ht .select2-selection__choice{margin-top:0!important;height: 44px;}
.drp_ht .select2-selection{
    padding: 6px 12px;    height: 44px!important}*/

.f100 {
    font-weight: 100;
}

.f600 {
    font-weight: 600;
}

.srt_vid,
.done_cal,
.ful_scr,
.prv_vdo {
    background: transparent;
    color: #00a7d5;
    padding: 5px 15px;
    outline: none;
    border-radius: 20px;
    border: 0px solid #00a7d5;
    font-size: 14px;
}

.speakSound {
    margin-left: 15px;
}

.srt_vid:hover,
.done_cal:hover,
.ful_scr:hover,
.prv_vdo:hover {
    background: #00a7d5;
    color: white;
}

#log p {
    padding: 5px;
}

.mt_90 {
    margin-top: 90px;
}

.mt_105 {
    margin-top: 105px;
}

#remote-media video {
    /*width: 100%;
    height: 100vh;*/
    /*width: auto;
    margin: 0 auto;
    height: 100vh;*/
}


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

.fr_usr {
    width: 1220px;
    background: white;
    margin: 2% auto;
}

.cht_wind .wrapper {
    position: relative;
    left: 47%;
    width: 800px;
    height: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.cht_wind .container {
    position: relative;
    width: 50%;
    height: 75%;
    padding: 0;
}

.user .container {
    margin: 2% auto;
}

.right {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    /*border: 1px solid rgba(128, 128, 128, 0.37);*/
}

.just_logo {
    text-align: center;
    padding: 80px 10px;
    background: white;
    margin-top: 10%;
}

    .just_logo p {
        font-size: 26px;
        color: #6be0ff;
    }

        .just_logo p img {
            width: 250px;
        }

.right .top {
    width: 100%;
    height: 47px;
    padding: 15px 29px;
    background-color: #eceff1;
}

    .right .top span {
        font-size: 15px;
        color: #999;
    }

        .right .top span .name {
            color: #1a1a1a;
            font-weight: 600;
        }

.right .chat {
    position: relative;
    display: none;
    overflow: hidden;
    padding: 10px 0 3px 14px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    margin-bottom: 47px;
    border-color: #e6e6e6;
    height: calc(100% - 48px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .right .chat.active-chat {
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 420px;
        overflow-y: scroll;
    }

.user .right .chat.active-chat {
    height: 500px;
}

.right .chat.active-chat .bubble {
    -webkit-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
    transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1);
}

    .right .chat.active-chat .bubble:nth-of-type(1) {
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
    }

    .right .chat.active-chat .bubble:nth-of-type(2) {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
    }

    .right .chat.active-chat .bubble:nth-of-type(3) {
        -webkit-animation-duration: 0.45s;
        animation-duration: 0.45s;
    }

    .right .chat.active-chat .bubble:nth-of-type(4) {
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
    }

    .right .chat.active-chat .bubble:nth-of-type(5) {
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
    }

.container .right .chat.active-chat .bubble:nth-of-type(6) {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
}

.container .right .chat.active-chat .bubble:nth-of-type(7) {
    -webkit-animation-duration: 1.05s;
    animation-duration: 1.05s;
}

.container .right .chat.active-chat .bubble:nth-of-type(8) {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

.container .right .chat.active-chat .bubble:nth-of-type(9) {
    -webkit-animation-duration: 1.35s;
    animation-duration: 1.35s;
}

.container .right .chat.active-chat .bubble:nth-of-type(10) {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.cht_wind .container .right .write {
    position: absolute;
    bottom: 5px;
    height: 42px;
    border: 1px solid #e6e6e6;
    background-color: rgba(200, 201, 202, 0.54);
    width: calc(100% - 1px);
}

    .cht_wind .container .right .write input {
        font-size: 16px;
        float: left;
        width: 347px;
        height: 40px;
        padding: 0 10px;
        color: #1a1a1a;
        border: 0;
        outline: none;
        font-weight: 400;
        background-color: rgb(221, 222, 222);
    }

.send {
    position: absolute;
    top: 10%;
    font-weight: 500;
    padding: 5px;
    background-color: #00b0ff;
    color: white;
    border-radius: 5px;
    right: 5px;
    font-size: 14px;
}

.container .right .write .write-link.send:before {
    /*display: inline-block;
    float: right;
    margin-right: 10px;
    width: 20px;
    height: 42px;
    margin-left: 11px;
    content: '';
    background-image: url(../Content/images/send.png);
    background-repeat: no-repeat;
    background-position: center;*/
}

.container .right .bubble {
    font-size: 16px;
    position: relative;
    display: inline-block;
    clear: both;
    margin-bottom: 8px;
    padding: 13px 14px;
    vertical-align: top;
    border-radius: 5px;
}

    .container .right .bubble:before {
        position: absolute;
        top: 19px;
        display: block;
        width: 8px;
        height: 6px;
        content: '\00a0';
        -webkit-transform: rotate(29deg) skew(-35deg);
        transform: rotate(29deg) skew(-35deg);
    }

    .container .right .bubble.you {
        float: left;
        color: #fff;
        background-color: #00b0ff;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-animation-name: slideFromLeft;
        animation-name: slideFromLeft;
    }

        .container .right .bubble.you:before {
            left: -3px;
            background-color: #00b0ff;
        }

    .container .right .bubble.me {
        float: right;
        color: #1a1a1a;
        background-color: #eceff1;
        border-color: #eceff1;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-animation-name: slideFromRight;
        animation-name: slideFromRight;
    }

        .container .right .bubble.me:before {
            right: -3px;
            background-color: #eceff1;
        }

.container .right .conversation-start {
    position: relative;
    width: 100%;
    margin-bottom: 27px;
    text-align: center;
}

    .container .right .conversation-start span {
        font-size: 14px;
        display: inline-block;
        color: #999;
    }

        .container .right .conversation-start span:before,
        .container .right .conversation-start span:after {
            position: absolute;
            top: 10px;
            display: inline-block;
            width: 30%;
            height: 1px;
            content: '';
            background-color: #e6e6e6;
        }

        .container .right .conversation-start span:before {
            left: 0;
        }

        .container .right .conversation-start span:after {
            right: 0;
        }

@keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.cht_wind .active-chat::-webkit-scrollbar-thumb {
    /* background-color: rgba(181, 181, 181, 0.19); */
    background-color: rgb(0, 174, 239);
    border: 1px solid #FFFFFF;
}

.cht_wind .active-chat::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}

.cht_wind .active-chat::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.faq_part .drk_tl {
    font-weight: 400 !important;
    font-size: 17px !important;
    color: #5e5d5d !important;
    margin-bottom: 4px !important;
}

.faq_part .drk_info {
    line-height: 24px;
}

    .faq_part .drk_info p {
        margin-bottom: 0 !important;
    }

.fnt {
    font-size: 24px;
}

.mrg_lf20 {
    margin-left: 20px;
}

.pend_actn a {
    margin-right: 5px !important;
}

#TxtEmail {
    border: 1px solid rgba(128, 128, 128, 0.5);
    border-radius: 4px;
    padding: 5px;
}

.ful_scr_usr,
.discn_usr {
    background: #00b0ff;
    border-radius: 9px;
    color: white;
    width: 130px !important;
    height: 36px;
}

#acceptCall {
    background: #25e825;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-left: 40px;
    color: white;
    border: none;
}

#acceptCallcalling {
    background: #b7f7b7;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-left: 40px;
    color: white;
    border: none;
}

#rejectCall {
    background: red;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-right: 40px;
    color: white;
    border: none;
    float: right;
}

#rejectCallcalling {
    background: red;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-right: 40px;
    color: white;
    border: none;
    float: right;
}

.dc_das thead tr th {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.mt0 {
    margin: 0;
}

.chck_out_det {
    width: 100%;
}

    .chck_out_det tr {
        background-color: transparent !important;
        border-bottom: 1px solid #d4d1d1;
    }

        .chck_out_det tr:last-child {
            border: none;
        }

        .chck_out_det tr td {
            padding: 10px 0;
        }

    .chck_out_det #txtamount,
    .chck_out_det #textReason,
    .chck_out_det #getPayPalID {
        width: 10 0%;
        padding: 5px;
        border: 1px solid rgba(128, 128, 128, 0.23);
        background: transparent;
    }

    .chck_out_det label {
        font-size: 15px;
    }

#CheckoutDetail .modal-body {
    padding: 10px 30px 0;
}

.why_us_img {
    background: url("../Content/images/benefits.jpg") no-repeat;
    height: 400px;
    background-size: cover;
}

.why_us .section-heading {
    position: relative;
    line-height: 30px;
}

    .why_us .section-heading .info {
        font-size: 36px;
        color: #101010;
        width: 100%;
        display: inline-block;
        font-weight: 300;
        margin-bottom: 40px;
    }

.ct_img {
    position: relative;
    margin: 0 auto;
    border-radius: 100%;
}

    .ct_img img {
        width: 100%;
        height: 100%;
        /*border: 3px solid #FFFFFF;*/
        /*box-shadow: 0px 0 13px #bdc3c7;*/
    }
/*  .ct_img p {
        text-align: center;
        display: inline-block;
        position: absolute;
        top: 44%;
        color: #fff;
        left: 0;
        right: 0;
        font-size: 18px;
    }*/

.pd5 {
    padding: 5px;
}

.sec_tl {
    font-weight: 700;
    color: var(--primary-color) !important;
    text-align: center;
    font-size: 31px;
    color: #101010;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 15px;
}


.social a span {
    background-image: url("../Content/images/socail-sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.fb_social span {
    background-position: -72px 0;
}

.twt_social span {
    background-position: -144px 0;
}

.gplus_social span {
    background-position: -216px 0;
}

.insta_social span {
    background-position: 0 0;
}

.fb_social span:hover {
    background-position: -108px 0;
}

.twt_social span:hover {
    background-position: -180px 0;
}

.gplus_social span:hover {
    background-position: -252px 0;
}

.insta_social span:hover {
    background-position: -36px 0;
}
/*   why us*/

.wy_img img {
    width: 100px;
    margin-bottom: 20px;
    height: 100px;
}

.wy_hd {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: gray;
}

.wy_desc {
    font-size: 15px;
    line-height: 26px;
    color: rgba(128, 128, 128, 0.85);
}

.portal .section-heading {
    /*padding: 14px 7px;
    border: 1px solid white;
    margin: 15px 20px 0 20px;*/
    height: 432px;
}

.mb-ipad .list-unstyled {
    margin: auto;
}

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

.ab {
    width: 100%;
    display: block;
    height: auto;
}

.portal .section-heading .carousel {
    position: relative;
    height: 100%;
}

.portal .section-heading .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

.portal .section-heading .carousel-control {
    position: absolute;
    top: 47.5%;
    bottom: 50%;
    left: auto;
    right: -5%;
    width: auto;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .portal .section-heading .carousel-control img {
        width: 17px;
    }

.pdmr0 {
    padding: 0 !important;
    margin: 0 !important;
}

.pd0 {
    padding: 0 !important;
}

.crt_name {
    font-size: 12px !important;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.head_title {
    font-weight: 600 !important;
}

.MyInboxByStatus i {
    margin-right: 20px;
}

.MyInboxByStatus:hover {
    text-decoration: none !important;
}

.pd10 {
    padding: 15px;
}

.mrb40 {
    margin-bottom: 40px;
}

.list-social {
    list-style-type: none;
    position: relative;
    padding: 0;
}

.list-social li {
    display: inline-block;
    margin-top: 10px;
}

.list-social li a {
    color: #999;
    padding: 0 !important;
}

#section-works .list-features a .title,
#section-works .info {
    color: white;
}

.mrt6 {
    margin-top: 6%;
}

#CheckoutDetail .modal-header .close {
    font-weight: 200;
    font-size: 45px;
    margin-top: 0 !important;
    margin-right: 0 !important;
    padding: 0;
    right: 10px;
    top: 0px;
}

.carousel-control.right {
    background-image: none !important;
}

.dv20 {
    width: 20%;
}

.lne img {
    width: auto !important;
}

.book_sessn {
    padding: 0 40px;
    margin-bottom: 30px;
}

    .book_sessn .mn_rw {
        border: 4px solid #68c8cb;
    }

    .book_sessn .container-fluid .ttl {
        font-weight: 700;
        color: #68c8cb !important;
        text-align: center;
        font-size: 24px;
        margin: 0 0 15px;
    }

.brw_sess {
    padding: 9px 20px;
    background-color: #68c8cb;
    /* box-shadow: 0px 3px #49b8bb; */
    /* border: 1px solid #68c8cb; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-family: var(--primary-font);
    font-weight: 600;
    text-shadow: none;
}

    .brw_sess:hover {
        /* color: white !important;top:2px;/*border: 2px solid #0e91b7;transition: all 0.2s; */
        background: #49b8bb;
        color: #fff;
        /* background: #0e91b7; */
    }

#brw_sess {
    padding: 9px 40px;
    background-color: #68c8cb;
    /* box-shadow: 0px 3px #49b8bb; */
    /* border: 1px solid #68c8cb; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-family: var(--primary-font);
    font-weight: 600;
    text-shadow: none;
    margin-top: 5px;
}

.main #content #section-about-us {
    padding-bottom: 30px !important;
}

.strt {
    padding: 6px 20px;
    min-width: 90px !important;
    height: 42px;
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.strt:hover {
    background: #0588ac;
    color: #fff;
}

.bt_brw {
    background: url(../../Content/images/testimonial-bg.jpg);
    background-size: cover;
    padding: 50px;
}

    .bt_brw .main_hed {
        font-size: 35px;
        font-weight: 600;
        text-align: center;
        color: white;
        padding: 20px 0 0;
    }

    .bt_brw .sub_hed {
        text-align: center;
        margin-bottom: 0;
        font-size: 18px;
        color: white;
        font-weight: 500;
    }

.buts {
    text-align: center;
    margin-top: 40px;
}

.buts a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 9px 30px;
    width: auto;
    border-radius: 0px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-family: var(--primary-font);
    font-weight: 500;
    text-shadow: none;
    margin-left: 10px;
    border: 2px solid #68c8cb;
}

.bt_brw .buts .signup {
    background-color: #5bc0de;
    border-radius: 4px;
}

.bt_brw .buts .signup:hover,
.bt_brw .buts .login:hover {
    background: #31b0d5;
    border-color: #49b8bb;
    color: #fff;
}

.bt_brw .buts .login {
    background-color: transparent;
}

.hw_header {
    color: #14a6cf;
    font-weight: bold;
    font-size: 24px !important;
}

.lead {
    margin: 20px !important;
}

.image-wrapper {
    padding: 0 !important;
}

.mb0 {
    margin-bottom: 2px !important;
}

.fontW-500 {
    font-weight: 500;
}

.br10 {
    border-radius: 25px !important;
}

.chat_msg {
    text-align: center;
}

.chat_msg button {
    padding: 7px;
    border-radius: 7px;
    margin-top: 11px;
    margin: 9px auto;
    font-size: 13px;
}

.con_no .text-danger {
    height: 23px;
}

.hc-cp-main-wrapper .con_no .text-danger {
    height: initial;
}

.received span {
    font-size: 17px;
    margin-top: 10px;
    display: inline-block;
}

#resendEmail {
    color: #2b8cf8 !important;
    font-weight: 500;
    text-decoration: underline;
}

.msg_box .form-control {
    max-width: 100% !important;
}

.msg_box textarea.form-control {
    resize: none;
}

.chck_out_det .man_hdr {
    font-size: 14px;
    text-align: center;
}

.mttop {
    margin-top: 10px;
}

.thr_img {
    position: relative;
}

.play-icon {
    font-size: 35px;
    color: white;
}

.close {
    position: absolute;
    right: -30px;
    top: 0;
}

.custom-mod-wid {
    width: 60%;
}

.custom-mod-padd {
    padding: 3px;
}

.thr_img1:hover .ovr_lay {
    display: block;
}

.last_cpt ul {
    padding: 0;
}

.last_cpt ul li.chgr {
    display: inline-block;
    float: left;
}

.last_cpt ul li.cht_msg {
    display: inline-block;
}

.last_cpt ul li.Book-Btn {
    float: right;
}

.cht_msg a {
    font-size: 13px;
    background-color: #68c8cb;
    color: white;
    padding: 7px 10px;
    font-weight: 500;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    background-color: #0496bf;
}

.cht_msg a:hover {
    color: white !important;
}

h3.received.text-danger a:hover,
h3.received.text-danger a:focus {
    color: #0390b8;
}

.h_mod span.form-control.select2-selection.select2-selection--multiple {
    padding: 5px !important;
    height: auto !important;
}

.h_mod .select2-container, .doc_prof .select2-container {
    width: 100% !important;
}

.message-order-summary span {
    max-height: 96px;
    overflow: auto;
    display: inline-block;
    padding-right: 8px;
}

@media (max-width: 479px) {
    #narrow-browser-alert {
        display: none;
    }
}

form.form-contact.form-inline .box .form-group label,
form.form-contact.form-inline .box .form-group .form-control {
    display: block;
    width: 100%;
}

.upld_prff {
    padding: 8px 0;
}

.regist_frm .frm_date, .regist_frm .to_date {
    display: block;
    text-align: left;
    float: none;
}

.admin_table tbody td:nth-last-child(1) a {
    float: none;
}

#ddlapproved {
    height: auto !important;
}

.admin_table > thead > tr > th {
    background: #00abda !important;
}

.dataTables_length select, a.paginate_button.current {
    background-color: #00abda !important;
    border-color: #00abda !important;
}

.admin_icon_i i {
    vertical-align: bottom !important;
}

.customUpload.btnUpload {
    width: 30% !important;
    background-color: #11aad5;
    color: white;
    border-color: #11aad5;
    cursor: pointer;
    font-weight: 400;
    display: inline-block !important;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.upld_file {
    display: inline !important;
}

.btnM {
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 12px;
}

.customUpload {
    overflow: hidden;
    position: relative;
    display: block;
}

#UploadIdProof,
#UploadImage {
    cursor: pointer;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.dropbtn1, .dropbtn1:hover {
    color: white !important;
}

.drp_main {
    padding: 0;
    background-color: #68c8cb;
    color: white;
    list-style-type: none;
}

.custom_scroll_drop {
    height: 363px;
    overflow-y: scroll;
}

.drp_main li {
    line-height: 20px;
    border-bottom: 0px solid;
}

    .drp_main li a {
        color: white;
        padding: 10px 10px;
        text-decoration: none;
        display: block;
        position: relative;
        font-size: 15px;
    }

        .drp_main li a:hover {
            background-color: #07a4d1;
            color: white !important;
        }

.dropbtn1 {
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
}

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



.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content1 {
    display: none;
    z-index: 9;
    position: absolute;
    background-color: #68c8cb;
    min-width: 570px;
    /*overflow: auto;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top: 0px;
    right: -33%;
}

.show1 {
    display: block !important;
}

.banner-home-page {
    background: url(/Content/images/new-img-bg.png);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 800px;
    position: relative;
}

.banner-home-page .banner-caption {
    padding-top: 300px;
    padding-bottom: 200px;
    position: relative;
}

#progress {
    padding: 0;
    list-style-type: none;
    font-size: 13px;
    clear: both;
    line-height: 1em;
    margin: 0 0 0 0px;
    text-align: center;
}

.certf_uploaded {
    width: 100%;
    height: 200px;
    position: relative;
}

.certf_uploaded .img-thumbnail {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.download_file {
    position: absolute;
    margin: 0 auto;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.download_file p {
    margin: 0 auto;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.certf_uploaded:hover .download_file {
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
}

#btn-add-state {
    background-color: #68c8cb;
    border: 0;
    color: white;
    margin-top: 10px;
    padding: 10px 40px;
    border-radius: 4px;
}

#enablebutton, #disablebutton, #ChangeStatus {
    float: none !important;
}

.order_summry {
    width: 50px;
    height: 50px;
}

.order_user_name {
}

.main_summry {
    float: none;
    margin: 0 auto;
}

#content {
    min-height: 882px;
}

#find-a-therapist .content, #book-an-appointment .content {
    border-left: 2px solid rgb(221, 218, 218) !important;
}

#test-the-fit .image-wrapper, #start-your-online-session .image-wrapper {
    border-left: 2px solid rgb(221, 218, 218) !important;
}

table.dataTable thead .sorting {
    width: 100px !important;
}

#datatable tbody tr td {
    width: 100px !important;
}

.disqualitifed {
    background: #49b8bb;
    color: #ffffff;
    border-color: #49b8bb;
    padding: 5px;
    border-radius: 5px;
}

.faq_header {
    display: inline-block;
    color: var(--primary-color);
    border-bottom: 2px solid #03a1d0;
    font-weight: 500;
    border: none !important;
    font-size: 24px;
    margin-bottom: 25px;
}

.drk_info > p > span, .cust-container ul li, .cust-container span {
    font-size: 15px;
    font-weight: initial;
    color: var(--on-primary-color);
    text-align: justify;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 1px;
}

#datatable.manag_lay_tbl thead tr th {
    text-align: center;
}

#datatable .manag_lay_tbl tbody tr td {
    width: 20% !important;
}

.skdslider .slides, .skdslider .slides li {
    height: 100%;
    min-height: 100%;
}



.btn-radius-3 {
    border-radius: 0px;
}

.profileImage-Overlay {
    position: relative;
    top: 0px;
    z-index: 10;
    width: 175px;
    height: 175px;
}

.header-wrapper #header .menu li .dropdown:hover > div {
    display: block;
}

.show1 {
    display: none;
}

.h_mod span.form-control.select2-selection.select2-selection--multiple {
    padding: 6px 6px !important;
}

.mobileScreenView {
    display: none !important;
}

.desktopScreenView {
    display: block !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 6px 11px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 20px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--main-loader-bg) !important;
    display: none;
}

.block-info.calling svg {
    fill: var(--primary-color);
}

.block-info.calling li {
    margin-right: 5px;
    margin-left: 5px;
}

#VideoChatComplete .modal-header .close,
#VideoChatInComplete .modal-header .close {
    margin-top: -9px;
    margin-right: 39px;
}

@media screen and (max-width: 700px) {
    .review-block-name {
        font-size: 15px !important;
    }

    .review-block-date {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 768px) {

    #accordion .li-txt-cen-3.lft-li span {
        top: 5px;
        position: relative;
    }

    .desktopScreenView {
        display: none;
    }

    .overlay {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
    }
}

.header-second {
    opacity: 0;
    display: none !important;
}

.doctor-info .isotope .thumb a .thr_img img {
    max-width: 100% !important;
    height: 180px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    border: 5px solid white;
    color: transparent;
}

/*Code by shakib*/

.mod-drop-col {
    color: #000 !important;
    padding-top: 0px;
}

.mod-drop-col-1 {
    color: #000 !important;
}

.mod-drop-col-1 .section-heading h2 {
    margin: 0 !important;
}

.live-bg {
    background-color: #eff8ff;
}

.each-guide-number {
    display: inline-block;
    width: 72px;
    height: 72px;
    line-height: 63px;
    font-size: 40px;
    background-color: #0098c7;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 16px;
}

.pd-text {
    padding: 0px 16px;
}

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

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    color: inherit;
}

.panel-head-acc {
    color: white;
    padding: 22px 0px;
    font-size: 34px;
}


.panel {
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default > .panel-heading {
    color: white;
    background-color: transparent;
    border-color: transparent;
}

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

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-group .panel {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 4px;
}

.search-bar-home {
    width: 100% !important;
    max-width: 100%;
    height: 48px;
}

.invoice-wrapper .panel.panel-default.bod-ot-bot {
    margin-bottom: 20px;
}

.invoice-wrapper .os-acc-wrapper .panel-body {
    padding: 0px 15px 15px 16px;
}

/*.live-vid-text {
    margin-top: 115px;
}*/

.find-btn {
    float: left;
    background-color: #4ab9bc;
    color: white;
    border-radius: 0px;
    padding: 9px 0px;
    font-size: 28px;
    border: none;
    border-radius: 4px;
}

    .find-btn:active {
        color: white !important;
        background-color: #4ab9bc !important;
        border-color: #e6e6e6 !important;
    }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    float: left;
    background-color: #4ab9bc;
    color: white;
    border: none;
}



.btn-default:hover {
    color: white;
    background-color: #4ab9bc;
    border-color: #e6e6e6;
}

span.search-icon {
    padding: 0px 55px !important;
    vertical-align: text-top;
}

.pd-lft-inp {
    padding-left: 0px;
}


    .pd-lft-inp > ul.token-input-list.form-control-facebook {
        display: block;
        width: 100%;
        border-radius: 4px;
    }

.btn-search {
    margin-left: -25px;
}

.glyphicon-plus {
    font-size: 14px;
    font-weight: 100;
}

.glyphicon-minus {
    font-size: 14px;
    font-weight: 100;
}

.dropdown-navs {
    position: relative;
    top: -289px;
    z-index: 17;
}



.portal p {
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    font-family: var(--primary-font);
}

.accord-mt-15 {
    margin-top: 15px;
}

.disclaimer {
    font-size: 13px;
    text-align: left;
    margin-left: 21px;
    padding: 0px 2% 0px 0%;
}

.gdpr-img {
    width: 103px !important;
    height: auto !important;
    position: relative !important;
    left: -30px;
}


.virgil-img img {
    width: 83%;
    position: relative;
}


.footer-logos {
    padding: 0;
}

.gdady-sec-patc {
    position: relative;
    left: -59px;
}

.footer-pd {
    padding: 15px 0px 0px 0px;
}

.fs-vg {
    font-size: 12px;
}

.socl_bt {
    margin-top: -2PX;
}

.pract-no-res {
    padding: 20px;
    margin: 1px 12px 20px 6px;
    background-color: #68c8cb;
    color: white;
    font-size: 16px;
    text-align: center;
    float: left;
    width: 99%;
}

.alimnets-p {
    margin-left: -15px;
}

.fnt-size-arrow {
    font-size: 20px;
}


/*a.accor-hover:hover {
    color: none !important;
}

a.accor-hover:focus {
    color: none !important;
}*/

.doc-pro-mt {
    padding-top: 22px;
    padding-right: 13px;
}

.pract-pro-mb {
    margin-bottom: 10px;
}



.accord-arrow {
    width: 15px;
    font-size: 18px;
}

.panel-heading {
    padding: 10px 15px 10px 0px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.accord-left-mar {
    padding-left: 30px;
}


.panel-group .panel {
    border-radius: 0px;
}


.btn-diesase-serc:active {
    float: none !important;
}

.btn-diesase-serc:hover {
    float: none !important;
}

.btn-diesase-serc:focus {
    float: none !important;
}

.btn-us-msg:active {
    float: none !important;
}

.btn-us-msg {
    border: none;
    padding: 8px 25px;
    border-radius: 3px;
}


    .btn-us-msg:hover {
        float: none !important;
    }

    .btn-us-msg:focus {
        float: none !important;
        border: 0px !important;
    }

/*.doctor-info .isotope > ul > li .thumb .caption .pos {
    color: #0f5498;
    float: right;     
    margin-top: 9px;   
}*/

.ther-fnt-wt {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.wid-div-rev {
    width: 50%;
}

.rev-cor {
    cursor: pointer;
}

.light-slid-heig {
    height: 322px !important;
}

.modal-footer .mt-15 {
    text-align: center;
}

.header-bg-wrapper {
    background-position: 45% 0%;
}

.our-prac-button {
    margin-top: 17px;
    margin-bottom: 17px;
}

.image-div-review .review-img {
    height: 53px;
    width: 53px;
}


.flip-div-name-img .image-div-review {
    margin-right: 10px;
}

select.selectsingle option:hover, select.selectsingle option:hover {
    background-color: var(--primary-color);
}


@media screen and (max-width: 991px) {
    .each-guide-number {
        margin: 0 auto;
    }

    .dg-auto-fit-hiw {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
    }
}

@media only screen and (min-width: 767px) {

    .mar-t-15 {
        margin: -15px 15px 0px 0px;
    }

    .each-guide-number {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 767px) {


    .flip-main-review-div .review-block {
        padding: 15px 15px;
    }

    .cradImgBoxUserDiv img.parc-image {
        width: 88px;
        height: 88px;
    }

    .arg-captcha > div {
        width: 100% !important;
    }


    .doctor-info .isotope > ul > li .thumb .fav {
        left: 22px !important;
    }

    .review-img {
        height: 40px !important;
        width: 40px !important;
    }

    .Copyright {
        font-size: 14px;
        margin: 5% 2px;
        position: relative;
        top: -18px;
    }

    .godaddy {
        position: relative;
        top: -22px;
        font-size: 10px;
    }

    .mar-t-15 {
        margin: 15px 0px;
    }

    .each-guide-number {
        margin-bottom: 16px;
    }

    .pd10 {
        padding: 10px;
        margin-bottom: 0px !important;
        margin-top: 20px !important;
    }

    .pd-text {
        padding: 0px 21px;
    }
}


@media (max-width: 397px) {

    .fnt-size-strip {
        font-size: 14px !important;
    }

    .lower-band-security {
        bottom: 69px !important;
        min-height: 31px !important;
    }

    .LowerStrip {
        position: relative;
        bottom: 120px;
        min-height: 31px !important;
    }
}

@media (max-width: 350px) {
    .fnt-size-strip {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) {


    .modalities-drop-1 {
        padding-right: 0px;
    }

    .modalities-drop-2 {
        padding-left: 0px;
    }

    .list-mod {
        float: right;
    }
}

.btn {
    border: 0px solid transparent;
    border-radius: 25px;
}

/* Shakib CSS*/

.my_new {
    padding: 18px !important;
}

.focuseye:focus {
    color: black !important;
}

.prac-mar-title {
    margin: 0px !important;
}

.panal-alignment {
    margin: 0px 5px 0px;
    text-align: justify;
}

.prac-alignment {
    margin-left: 18px;
    text-align: justify;
}

.focus-clsignup:focus {
    color: #007e20;
}

.rev-arg a {
    color: grey;
    font-weight: 500;
    font-size: 12px;
}

.box-align {
    margin-left: 8.2rem;
}

.preload-txt {
    position: relative;
    top: 60%;
}

.CamHead {
    text-align: center;
    font-size: 38px;
    color: #03a1d0;
    font-weight: 600;
    font-family: var(--primary-font);
    margin: 50px 0px;
}

.CamPara {
    text-align: center;
    font-size: 24px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 50px 23%;
}

.BtnStart {
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    font-family: var(--primary-font);
    color: white;
}

.BtnStart:hover {
    color: #ffffff;
    background-color: #05a9af;
}

.btn-video-rejoin:hover {
    background-color: #05a9af !important;
}

.profile-btn:hover {
    background-color: #05a9af !important;
}

.VidIcons {
    color: #03a1d0;
    font-size: 50px;
}

.mtCam {
    margin: 0% 0%;
}

.iconsName {
    margin-top: 15px;
    font-size: 16px;
    font-family: var(--primary-font);
    color: var(--on-primary-color);
}

.main-Media {
    margin-bottom: 6%;
}

.VideoBG {
    height: 310px;
    width: 490px;
    margin: 6% auto;
}

.VideoBG video {
    height: 310px;
    width: 490px;
}

.ParaYNTxt {
    text-align: right;
    font-size: 38px;
    color: #03a1d0;
    font-weight: 600;
    font-family: var(--primary-font);
    margin: 50px 0px 0px 0px;
}

.paraYNOpt {
    text-align: right;
    font-size: 32px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 50px 0px 0px 0px;
}

.MtBn {
    margin-top: 5%;
}

.BtnMr {
    margin-right: 5px;
}

.scrShtImg {
    margin: 0 auto;
    width: 500px;
    height: auto;
}

.SpeakerTxt {
    text-align: right;
    font-size: 32px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
}

.SpeakBtn {
    margin-top: 0.5%;
}

.SpeakerHead {
    text-align: center;
    font-size: 36px;
    color: #03a1d0;
    font-weight: 600;
    font-family: var(--primary-font);
    margin: 50px 0px 10px 0px;
}

.VolumIcn {
    font-size: 200px;
    color: var(--on-primary-color);
}

.speakMt {
    margin: 50px 0px;
}

.hearMus {
    margin-top: 25px;
}

.SpeakClear {
    margin-top: 1%;
}

.mtCamStart {
    margin: 2% 0%;
}

.StartHead {
    text-align: center;
    font-size: 38px;
    color: #03a1d0;
    font-weight: 600;
    font-family: var(--primary-font);
    margin: 50px 0px 10px 0px;
}

.VolumIcn {
    font-size: 148px !important;
    color: var(--on-primary-color);
    height: 282px;
}

canvas.js-volume.speakSound {
    height: 402px;
}

.StartTxt {
    text-align: center;
    font-size: 25px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 50px 23%;
    height: 150px;
}

.StartClear {
    margin: 4% 0% !important;
}

.MircoHead {
    text-align: center;
    font-size: 31px;
    color: #59cbcb;
    font-weight: 600;
    font-family: var(--primary-font);
}

.MircoTxt {
    text-align: center;
    font-size: 25px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 90px 24%;
}

.MicrophoneLine {
    margin: 20px auto;
}

.CamNotFound {
    text-align: center;
    font-size: 40px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-family: var(--primary-font);
    margin: 90px 24%;
}

.BrowserTxt {
    text-align: center;
    font-size: 25px;
    color: var(--on-primary-color);
    font-weight: 600;
    font-family: var(--primary-font);
    margin: 24px 0px;
}

.steps > img {
    width: 100%;
    height: auto;
}

.MicroMb {
    margin-bottom: 1%;
}

.bgimgbtn {
    background-image: url(../Content/images/blur-image.png);
    min-height: 284px;
    background-repeat: no-repeat;
    background-size: cover;
}

.firefoxbgimg {
    background-image: url(../Content/images/blur-image-firefox.png);
    min-height: 196px;
    background-repeat: no-repeat;
    background-size: cover;
}

.btnstep5 {
    position: relative;
    top: 150px;
}

.mic-button {
    margin-top: 10px;
}

section.main-Media {
    min-height: 361px;
}

.step4-font {
    font-size: 22px;
}

.btn-firefox {
    position: relative;
    top: 93px;
}

.firefoxbgimgcamera {
    background-image: url(../Content/images/blur-image-firefox.png);
    min-height: 207px;
    background-repeat: no-repeat;
    background-size: cover;
}

.BtnBackDash {
    font-weight: 500;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    background-color: #ffffff;
    font-family: var(--primary-font);
    color: white;
    padding: 5px 15px;
    margin: 14px auto;
    display: block;
}

.BtnBackDash:hover {
    background-color: white;
    color: #000 !important;
}

.BtnBackDash a:hover, .BtnBackDash a:focus {
    background-color: white;
    color: #000 !important;
}

.mobilestep {
    font-size: 19px;
    padding: 22px 0px 10px 0px;
}

.speakSound {
    transform: rotate(90deg);
}

.admin_dash > a:focus {
    color: #062045;
}

ul.breadcrumb {
    line-height: 32px;
}

.review-img {
    width: 53px;
    height: 53px;
    border-radius: 100%;
    object-fit: cover;
}

.review-user-message {
    grid-column-start: 2;
}

.breadcrumb li a {
    font-size: 12px;
}

.fb-img {
    padding: 0 !important;
}

.mod-sec-mb {
    margin-bottom: 40px;
}

.list-group {
    text-align: justify;
}


/*css for booking page*/

.back-color {
    background-color: #f1f1f1;
    padding-bottom: 0px;
}

.bg-col-book {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 25px;
    top: -33px;
}

.left-head {
    color: var(--primary-color);
    margin-bottom: 13px;
    font-size: 19px;
    margin-top: 15px;
}

.right-head {
    color: var(--primary-color);
    margin-bottom: 13px;
    font-size: 19px;
    margin-top: 15px;
}

.mar-y {
    margin: 4% 0;
}

.share-btn a {
    width: 100%;
    background-color: #00a1cf;
    color: #fff;
    padding: 8px 63px !important;
}

.social-btn-icon {
    position: absolute;
    font-size: 21px;
    left: 26px;
    top: 5px;
    color: #fff;
}

.social-btn-icon:after {
    border-right: 1px solid #fff;
    content: '';
    left: 13px;
    top: -5px;
    height: 40px;
    width: 100%;
    position: absolute;
    display: block;
}

p.dotted {
    font-size: 13px;
    border: 1px dashed #4ab9bc;
    padding: 4px 6px;
    color: #505050;
    font-weight: 500;
    cursor: pointer;
}

.btn-copytxt {
    background-color: #00a1ce;
    color: #fff !important;
}

.btn-copytxt:hover {
    color: #fff !important;
    background-color: #4ab9bc;
}

.bx-default-pager {
    display: none;
}

table.dataTable tbody tr:hover {
    background-color: #c0effda6;
}


.bg-refer-color {
    background-color: white;
    padding: 15px;
    margin: 0;
}

.refer-gap {
    margin: 45px 0px;
}

.hover-ref-code {
    background-color: #4ab9bc;
    color: white !important;
}


/* ------------------------------
 * Tripper
 * Tooltip
 * ------------------------------*/

.tooltil-ellip {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tipper {
    height: 1px;
    left: -99999px;
    position: absolute;
    pointer-events: none;
    top: -99999px;
    width: auto;
    z-index: 9999999;
}

.tipper .tipper-content {
    background-color: rgba(0, 0, 0, 0.76);
    color: #00fffa;
    display: block;
    float: left;
    font-size: 13px;
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    text-align: center;
    position: relative;
    font-family: var(--primary-font);
}

.tipper .tipper-caret {
    background: url(jquery.fs.tipper-icon.png) no-repeat;
    content: '';
    display: block;
    height: 11px;
    margin: 0;
    position: absolute;
    width: 5px;
}

.tipper.right .tipper-content {
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
}

.tipper.right .tipper-caret {
    background-position: left center;
    left: -5px;
    top: 0;
}

.tipper.left .tipper-content {
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25);
}

.tipper.left .tipper-caret {
    background-position: right center;
    right: -5px;
    top: 0;
}

.tipper.top .tipper-caret, .tipper.bottom .tipper-caret {
    display: block;
    float: none;
    height: 5px;
    margin: 0 auto;
    width: 11px;
}

.tipper.top .tipper-content {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
}

.tipper.top .tipper-caret {
    background-position: center bottom;
    bottom: -5px;
    left: 0;
}

.tipper.bottom .tipper-content {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.tipper.bottom .tipper-caret {
    background-position: center top;
    top: -5px;
    left: 0;
}

/*tolltip-end*/

.close-btn {
    position: absolute;
    top: 9px;
    right: 8px;
    color: white;
    z-index: 99;
    font-size: 12px;
    font-weight: lighter;
    cursor: pointer;
}

.amt-green {
    color: #4aef21 !important;
    text-align: center !important;
}

.amt-red {
    color: red !important;
    text-align: center !important;
}

.fixed-table-container {
    position: relative;
    border: 0px solid #ddd !important;
}

.refer-head {
    color: var(--primary-color);
    font-size: 19px;
}

.refer-subhead {
    color: #505050;
    font-size: 15px;
    padding: 0 0px 0 14px;
    margin-bottom: 18px;
    margin-top: 8px;
}

.refer-txt {
    color: #505050;
    font-size: 16px;
}

.remove-border {
    border: 0px;
}

.main-sec-banner {
    z-index: -1;
}

.my-favhour {
    color: #777777;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
}

@media only screen and (max-width: 700px) {
    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        margin-top: -17px !important;
        width: 30px !important;
        height: 30px !important;
    }

    h3.overlay-text {
        display: block;
        position: absolute;
        font-size: 26px !important;
    }
}

#calendar .selected-date span[data-cal-date] {
    font-size: 1.9em;
    color: darkgreen;
    padding: 8px 0 0px 0px !important;
}

#calendar .selected-date .cal-month-day {
    background-color: #e8fde7;
}

.fnd-btton {
    float: left;
    background-color: #4ab9bc;
    color: #fff;
    font-size: 17px;
    padding: 14px 9px !important;
    border-radius: 0px 2px 2px 0px !important;
}

.select2-dropdown {
    z-index: 999999 !important;
}

.mod-dropdown {
    width: 50%;
    height: 33px !important;
    margin-bottom: -7px;
}

.required:after {
    color: #e32;
    content: ' *';
    display: inline;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 9px;
    position: relative;
    top: -7px;
    left: -2px;
}

.logsign {
    font-size: 18px;
    font-weight: 500;
    color: white;
    text-decoration: underline;
}

.logsign {
    text-decoration: underline;
}

.vidbtn-width td > a {
    /*width: 194px;*/
}

/*how it work new*/

/* Tabs*/


.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: rgb(102, 201, 203);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}


/*tr td, th{
  background: #fff;
  text-align: center;
}
tr.active td:first-child{
  background: #fff !important;
  text-align:left;
  font-weight: bold;
}*/

.bg-mls {
    height: 190px;
    background: #efefef;
}

.login-padding {
    padding: 0px 0px 7px 0px;
}


.brows-mdl-btn {
    padding: 9px 30px;
    width: auto;
    border: 2px solid #68c8cb;
    color: #fff;
    font-size: 17px;
    font-family: var(--primary-font);
    width: auto;
    font-weight: 500;
    position: relative;
    display: inline-block;
    text-shadow: none;
}

.overlay-packages {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    top: 44%;
    color: white;
    font-weight: 500;
    font-size: 32px;
}

.package-header {
    font-size: 18px;
    color: #0e0e0f;
    text-align: left;
}

.head-acc-pp {
    color: black;
}

.head-acc-pp a:hover, .head-acc-pp a:active, .head-acc-pp a:focus {
    color: black !important;
}

.panel-haed {
    color: white;
    background-color: transparent !important;
    border-color: transparent;
    padding: 10px 15px;
}

.panel-haed a h4 {
    color: white;
}

.tick {
    color: #00b22d;
    margin-right: 10px;
}

.hrly-ch {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--primary-font);
    margin-bottom: 0;
}

.btn-lrg-standard {
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: #05b51c;
    color: #fff;
    padding: 11px 18px;
    margin: 0;
    font-size: 20px;
    display: inline-block;
    text-shadow: 0 -1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    -webkit-transition: color .2s,background-color .2s,box-shadow .2s,border .2s;
    transition: color .2s,background-color .2s,box-shadow .2s,border .2s;
    border: 0;
    font-weight: 500;
    width: 98%;
    margin-left: 5px;
}

.li-cust {
    display: block;
    width: 100%;
}

.list-mb-0 {
    display: flex !important;
    justify-content: space-between;
    border-bottom: 0px !important;
    padding: 0px !important;
}

.li-txt-cen-3 {
    float: right;
    text-align: right;
}

.form-bod {
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

.remove-promo-btn {
    cursor: pointer;
    display: inline-block;
    color: #e83030;
    font-weight: 400;
    border-radius: 3px;
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 11px;
}

.remove-promo-btn:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.mt-remo-promo {
    margin-top: 10px;
}

.list-logo > li:first-child {
    width: 194px;
}

.mt-btn-3 {
    margin: 2px 0px;
}

.fav-heart {
    color: red;
}

.per-left {
    position: absolute;
    display: inline-block;
}

.per-left::after {
    content: attr(data-domain);
    position: absolute;
    top: 5px;
    left: 85px;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    display: block;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

.rad-1,
.rad-2,
.rad-3 {
    position: relative;
    left: -23px;
    top: 0px;
    display: block;
    width: 20px;
}


.radio {
    margin: -1.5rem;
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio input[type="radio"] + .radio-label:before {
    content: '';
    background: #ffffff;
    border-radius: 100%;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    position: relative;
    top: 0.8em;
    margin-right: 7px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border: 2px solid var(--primary-color);
    transition: all 250ms ease;
}

.radio input[type="radio"]:checked + .radio-label:before {
    background-color: var(--primary-color);
    box-shadow: inset 0 0 0 5px #ffffff;
    border: 2px solid var(--primary-color);
}

.radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: var(--primary-color);
}

.radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.dashboard-icn {
    font-size: 55px;
    color: var(--primary-color);
}

.dd-content-wallet {
    display: none;
    z-index: 9;
    position: absolute;
    background-color: #fff;
    min-width: 258px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-top: 0px;
    left: -84px;
    top: 32px;
    height: auto !important;
    padding: 16px 16px 10px 16px;
    border-radius: 5px;
}

.btn-wallet {
    padding: 8px 79px;
    left: 0px;
    background-color: var(--primary-color);
    font-size: 15px;
    color: white !important;
    cursor: pointer;
    border-radius: 25px;
}

.btn-wallet:hover {
    background-color: #05a9af;
}

.wallet-nav {
    text-decoration: none;
    background-color: #fff;
    color: #2bb2b7 !important;
    font-weight: 600;
    padding: 0px 3px;
    border-radius: 84px;
    border: 1px solid #ffffff;
}

.wallet-nav:hover {
    color: #0496bf !important;
    text-decoration: none;
}

.us-doll-price {
    font-size: 18px;
}

.refer-fre-nav:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.cust-table {
    margin-bottom: 11px;
}

.bod-t-wid > td {
    border-top: 0px !important;
    width: 100%;
    background-color: #fff;
}

.bod-t-none {
    background-color: #fff !important;
}

.lin-hei {
    line-height: 26px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.wallet-head-txt {
    font-size: 15px;
    font-weight: 500;
    color: #062045;
}

.wallet-nob-txt {
    font-size: 15px;
    font-weight: 500;
    color: #062045;
}

.refer-pd-0 {
    padding: 0;
}

.refer-frp-tf {
    border-radius: 0px 0px 0px 0px;
    height: 40px;
}

.Apply-promo-btn {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background-color: #68c8cb;
    font-weight: 500;
    border-radius: 0px 0px 0px 0px;
    text-decoration: none;
    padding: 9px 22px;
    height: 40px;
    margin-left: -8px;
}

.refer-frp-tf:focus {
    border-color: #67c8cc;
}

.text-dec-n {
    text-decoration: none !important;
}

.lin-hei-div {
    text-align: center;
    position: relative;
    top: -1px;
    padding: 5px 0;
}

.wallet-nav-text {
    position: relative;
}

.us-doll {
    font-size: 14px;
    padding-right: 3px;
}

body.page-header-scroll #wrapper .header-wrapper #header .menu > ul .ref-fri {
    position: relative;
    top: 1px;
}

/*css for check box*/
.control {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 2px;
    border: 2px solid var(--theme-primary-color);
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ffffff;
    border: 2px solid var(--primary-color);
}

.control input:checked ~ .control__indicator {
    background: var(--theme-secondary-color);
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: var(--theme-primary-color);
}

.control input:disabled ~ .control__indicator {
    background: var(--white-color);
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 13px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: var(--theme-primary-color);
}

.gdpr-img-home {
    position: relative;
    left: 62%;
    top: 11px;
    width: 106px;
}

.mr-lt {
    margin-right: 15px;
}

.save-amont-txt {
    margin-left: 18px;
}

.date-white {
    background-color: white !important;
}

.align-lft {
    position: absolute;
    left: 0;
    border: 0px !important;
}

.cust-mt-0 {
    margin: 0px !important;
}

.head-tab-bod > td:hover {
    background-color: #fff !important;
}

.head-tab-bod > td {
    background-color: #fff !important;
    border-bottom: 1px solid #ddd !important;
}

.list-disc {
    list-style-type: disc;
    padding-left: 15px;
}

.md-hd {
    font-size: 22px;
}

.btn-gry-pp {
    background-color: darkgrey;
}

.btn-sb-pp {
    background: #0098c7;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
}

.btn-padding-btm {
    padding-bottom: 27px;
}

.btn-login {
    width: 300px !important;
    margin-left: 15px;
}

/*Password hide and show css*/

.hide-show {
    margin: -2.5em 3% 0 1.5%;
    position: relative;
    z-index: 5;
    display: none;
    float: right;
    line-height: 17px;
}

.hide-show span {
    font-size: var(--base-font-size);
    padding: .5em;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin: -7.4px -1% 0;
    font-family: var(--primary-font);
    color: var(--on-primary-color);
}

.sign-infoTxt {
    margin-bottom: -5px;
    margin-top: 15px;
    font-family: var(--primary-font);
    font-size: 15px;
}

.signup-NewUserTxt {
    margin-bottom: 2px;
    font-size: 15px;
}

.mar-tp-sign {
    margin-top: 20px;
}

.line-heading {
    overflow: hidden;
    text-align: center;
}

.p-sm-bottom {
    padding-bottom: 10px !important;
}

.m-sm-top-bottom {
    margin-bottom: 3px !important;
}

.text-muted {
    color: #656565 !important;
}

.line-heading:before {
    right: 10px;
    margin-left: -50%;
}

.line-heading:after, .line-heading:before {
    background-color: var(--chat-inbox-border-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.sign-infoTxt {
    color: var(--on-primary-color);
}

.line-heading:after {
    left: 10px;
    margin-right: -50%;
}

.cust-mt-cale {
    margin-top: 9px;
}

.calend-mt-doc {
    position: relative;
    top: -15px;
}

.btn-filter-myapp {
    margin-left: 40px;
}

.wbalt, .txt-ac {
    vertical-align: text-top;
    font-size: 15px;
    color: #707070;
    text-align: justify;
    font-weight: 300;
    line-height: 20px;
    display: inline-block;
}

.user-hvr:hover {
    background-color: transparent !important;
}

.Q-txt {
    color: #6b6868;
    font-size: 26px;
    font-weight: 500;
    display: inline-block;
}

.close-btn-bp {
    position: relative;
    top: 12px;
    right: -25px;
    float: right;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.btn-close-img {
    width: 24px;
}

.quest-head {
    color: #24bac0;
    font-size: 40px;
    font-weight: 600;
    margin: 20px 0 54px 0;
    text-align: center;
}

.quest-div {
}

.paddiBrows {
    background-color: #fff;
    border-radius: 6px;
    padding: 54px 39px 0px;
    min-height: 360px;
}

.lefBoxbp {
    display: inline-block !important;
    font-size: 20px;
    font-weight: 500;
    color: #232323;
    padding-left: 45px;
}

/*progress bar Starts*/
.health, .progress {
    height: 20px;
    width: 100%;
   /* margin-bottom: 18px;*/
    padding-top: 1px;
    border-radius: 7px;
    position: relative !important;
}

.health .progress-bar, .progress .progress-bar {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.health .progress-bar:after, .progress .progress-bar:after {
    display: none;
    content: "";
    display: block;
    position: absolute;
    background-color: #ffffff;
    width: 0px;
    height: 0px;
    top: 2px;
    right: 4px;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.5);
}

.health .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.warm {
    background: #e83d89;
    background: -moz-linear-gradient(left, #e83d89 30%, #ffa894 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #e83d89), color-stop(100%, #ffa894));
    background: -webkit-linear-gradient(left, #e83d89 30%, #ffa894 100%);
    background: -o-linear-gradient(left, #e83d89 30%, #ffa894 100%);
    background: -ms-linear-gradient(left, #e83d89 30%, #ffa894 100%);
    background: linear-gradient(to right, #e83d89 30%, #ffa894 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67cecd', endColorstr='#eaef91',GradientType=1 );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -3px 4px rgba(216, 26, 110, 0.4);
}

.cool {
    background: #67cecd;
    background: -moz-linear-gradient(to right, #67c8cc 30%, #1280ce 100%);
    background: -webkit-gradient(linear-gradient(to right, #67c8cc 30%, #1280ce 100%));
    background: -webkit-linear-gradient(to right, #67c8cc 30%, #1280ce 100%);
    background: -o-linear-gradient(to right, #67c8cc 30%, #1280ce 100%) background: -ms-linear-gradient(to right, #67c8cc 30%, #1280ce 100%);
    background: linear-gradient(to right, #67c8cc 30%, #1280ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67cecd', endColorstr='#eaef91',GradientType=1 );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -3px 4px rgba(142, 218, 218, 0.4);
}

.progresslabel {
    font-weight: 400;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 0px 6px 0px;
    font-size: 1.8rem;
    line-height: .8;
    position: relative;
}

    .progresslabel:before, .progresslabel:after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #5c5c6c;
        display: none;
        top: 0;
    }

    .progresslabel:before {
        left: 0;
        display: none;
    }

    .progresslabel:after {
        right: 0;
    }



/*ends progress bar*/

.chk-hver:hover {
    color: #68c8cb !important;
}

.QuestsDiv .browse-prac-btn {
    font-size: 18px !important;
    margin-top: 1px;
}

.chk-hver:hover {
    color: #68c8cb !important;
}

.PlusMinusIcon {
    color: #04a1d0;
    font-size: 15px;
    position: relative;
    top: 1px;
    cursor: initial;
}

.videoPageIcons .VidIcons {
    font-size: 15px;
    cursor: pointer;
}

.vIconsSpan .volume_line {
    position: relative;
    top: 5px;
}

.vIconsSpan-1 {
    position: relative;
    top: -3px;
}

.video_icons {
    margin-top: 1rem;
    margin-bottom: 0.1rem;
}

    .video_icons li {
        margin-right: 2rem;
    }

.videoPageIcons .vIconsSpan {
    cursor: pointer;
    text-align: center;
}

.vIconsSpan label {
    width: 17px;
}

.incomp {
    color: var(--primary-color) !important;
    font-weight: 600;
}

.comp {
    color: var(--primary-color) !important;
    font-weight: 600;
}


.filter-brwo-prac .token-input-list li.token-input-token-facebook p {
    width: 82px !important;
}




/*css for loader input browse pract page*/

.loader-brow-prac {
    width: 500px;
    height: 500px;
    position: relative;
    margin: 22px auto;
}

.loader-brow-prac .logo {
    width: 32%;
    position: absolute;
    left: 34.1%;
    top: 34.1%;
}

.loader-brow-prac .logo img {
    width: 100%;
    z-index: 5;
}

.bounce1, .bounce2, .bounce3 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #05cbd2;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spreadout 2.7s infinite ease-in-out;
    animation: spreadout 2.7s infinite ease-in-out;
}

.bounce2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.bounce3 {
    -webkit-animation-delay: -1.8s;
    animation-delay: -1.8s;
}

@-webkit-keyframes spreadout {
    0% {
        -webkit-transform: scale(0.3);
    }

    80% {
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
    }
}

@keyframes spreadout {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        opacity: 0;
    }
}


/*ends*/



@-moz-document url-prefix() {
    .panel-title {
        font-size: 16px;
    }

    .btn-book-slot {
        box-shadow: 0 2px 20px -12px #0badb5;
    }
}

.headertxt-browseprac-filter {
    font-weight: 500;
    font-size: 18.7px;
    color: #444;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.testimonial {
    text-align: center;
    margin: 50px 0px 0;
    padding: 0 3% 1%;
    background: #fff;
    min-height: 360px;
    max-height: 360px;
    border-radius: 6px;
    width: 100%;
}

    .testimonial .pic {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 5px solid rgba(255,255,255,0.3);
        display: inline-block;
        margin-top: -50px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        background-color: #f5f5f5;
    }

        .testimonial .pic img {
            width: 100%;
            height: auto;
        }

    .testimonial .description {
        font-size: 14px;
        font-style: italic;
        color: #4a4a4a;
        line-height: 22px;
        margin: 0px 0 0px;
        min-height: 127px;
    }

    .testimonial .testimonial-title {
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 15px 0;
        color: #191818;
        text-transform: uppercase;
    }

    .testimonial .post {
        display: block;
        font-size: 14px;
        font-style: normal;
        color: #4a4a4a;
        margin: 5px 0px;
        font-weight: 500;
        text-transform: capitalize;
    }

    .testimonial h4 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #191818;
        text-align: left;
        text-transform: uppercase;
    }

.radio-bp input[type="radio"] + .radio-label-bp:before {
    top: -2px;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.6em;
}

.radio-bp input[type="radio"]:checked + .radio-label-bp:before {
    background-color: var(--primary-color);
    -webkit-box-shadow: inset 0 0 0 4px #ffffff;
    box-shadow: inset 0 0 0 4px #ffffff;
    border: 2px solid var(--primary-color);
    width: 24px;
    height: 24px;
}

.radio-bp {
    margin: 0.6rem 0;
}

    .radio-bp label {
        padding-left: 0px;
    }

.borderDiv {
    margin-top: 2em;
}

.browse-pracfilt-div {
    min-height: 342px;
    max-height: 342px;
}

.counselor {
    font-weight: 500;
    font-size: 20px;
}

.quest-pdl-bp {
    text-align: center;
}

p.start-testimonial-text {
    text-align: justify;
}

.browse-pract-overlay {
    background: #f9f9f9;
    padding-bottom: 75px;
    min-height: 686px;
}

.client-revie-txt {
    font-size: 15px;
    font-weight: 400;
    padding-left: 5px;
}

.left-brow-prac-div {
    margin-top: 4.9rem;
}

.start-testimonial-say var {
    font-style: normal;
}


.description .quotes-teti {
    margin-left: 5px;
}

.browse-prac-btn[disabled]:hover {
    background-color: #bbbbbb;
}

.VidIcons-expand {
    font-size: 15px;
    padding-right: 7px;
}

.btn-prcprf {
    text-shadow: none;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    margin-left: 0px;
}

.client-sign-btn {
    margin-left: 15px !important;
}

.testi--rev-prac {
    float: right;
}

.bp-prac-mod {
    display: inline-block !important;
}

.pract-profile-main .form-group label.upld_file {
    font-weight: 500;
    font-size: 14px;
}

.quota-right {
    padding-right: -2px;
}

.quote-right {
    font-size: 11px;
    padding-right: 1px;
    position: relative;
    top: -6px;
}

.quote-left {
    font-size: 11px;
    padding-left: 4px;
    position: relative;
    top: -6px;
}

.cust_min_height #content {
    min-height: 693px;
}

.btn-clear {
    background-color: var(--primary-color) !important;
}

.btn-paynw {
    padding: 9px 15px;
    background-color: var(--primary-color);
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 25px !important;
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    width: 180px;
    border: navajowhite;
    text-shadow: none;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    margin: 0 auto 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.wallet-date {
    width: 112px;
}

.wallet-type {
    width: 150px;
}

.btn-float-srch {
    background-color: #0098c7;
    width: 125px;
}

.btn-cler-flot {
    width: 125px;
}

.btn-redius {
    border-radius: 25px;
}

.cust-list-os {
    margin-left: 0px;
    margin-bottom: 0px;
}

.bs-example .bod-ot-bot {
    border-radius: 4px;
}

img[attr="user-image"] {
    font-size: 12px;
}

.login-ipad-forget {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}

    .login-ipad-forget .checkbox {
        margin-top: 0 !important;
    }

.model-bdy-signup {
    padding: 30px;
}

.btn-google-login {
    padding: 0;
    border: 0;
    padding-top: 20px;
    background-color: white;
}

.check-txt-dis {
    margin: 10px 0 30px !important;
}

.cust-tab tbody tr td .form-group {
    margin-bottom: 0;
}

.ul-drop-mod li {
    padding: 0;
}

    .ul-drop-mod li ul {
        padding: 0;
        list-style-type: none;
        margin: 0;
    }

.package-text p {
    margin-left: 5px !important;
}

.package-text p span {
    left: 17px;
}

table thead tr th {
    color: var(--primary-color);
}

.social-connect-buttons-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-gap: 30px;
}

.social-connect-button:link, .social-connect-button:visited {
    font-weight: bold;
    text-decoration: none;
    color: #07c;
}

.social-connect-button--facebook {
    background-image: url("/Content/images/facebook-icon.png") !important;
}

.social-connect-button--google {
    background-image: url("/Content/images/google-icon.png") !important;
}

.social-connect-button span {
    color: var(--on-primary-color);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--primary-font);
}

/*login popdesign*/
@media(max-width: 767px) {
    .social-connect-buttons-wrapper {
        grid-template-columns: auto;
        grid-gap: 20px;
    }
}

/*css form forum*/

.bg-forum {
    background-color: #68c8cb;
    height: 100%;
    z-index: -1;
}

.forum-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    min-height: 570px;
    align-items: center;
}

.new-cons-txt {
    position: relative;
    top: 16px;
    left: 0px;
    font-size: 2rem;
    color: #fff;
}

.cust-form-control {
    max-width: 100%;
    height: 40px;
    resize: none;
}

.forum-wid h1 {
    text-align: center;
    margin: 3rem 0;
}

.cust-form-grp {
    margin-bottom: 5rem;
}

.cust-form-btn {
    display: inline-block;
    padding: 7px 14px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 53px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: #0098c7;
    color: #fff;
    width: auto;
    margin-bottom: 1.5rem;
    float: left;
    margin-right: 1.2rem;
}

.row-suggestion {
    margin: 0;
}

.suggestion-div label {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.forum-submit-btn {
    background: #0098c7;
    color: #fff !important;
    text-align: center;
    Padding: 10px 30px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 4px;
}

.validation-limit-txt {
    font-size: 12px;
    color: #9e9e9e;
}

.note label {
    font-size: 15px;
    color: var(--on-primary-color);
}

.tip-txt {
    font-weight: 500;
}

.forum-wid .sec_tl {
    margin-bottom: 40px;
}


.select-consutationtype-div .gender-label {
    display: inline-block;
    text-align: left;
    margin-bottom: 0 !important;
    padding-bottom: 10px;
    padding-right: 3rem;
}

.select-consutationtype-div .radio-bp {
    display: inline-block;
    width: 40%;
    margin-top: 0;
    margin-bottom: 0;
}


.select-consutationtype-div .patient-name {
    text-align: center;
    color: #5a5a5a;
    font-weight: 500;
    font-size: 18px;
}

.select-consutationtype-div label {
    text-align: center;
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

.select-consutationtype-div .lefBoxbp {
    display: inline-block !important;
    font-size: 16px;
    font-weight: 500;
    color: #5a5a5a;
}


.select-consutationtype-div .radio-bp input[type="radio"] + .radio-label-bp:before {
    top: 1px;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.6em;
}

.select-consutationtype-div ul li {
    color: #656565;
    font-weight: 500;
}

.select-consutationtype-div .agecity label {
    padding-bottom: 10px;
}

.note .checkbox .control--checkbox span {
    display: inline-block !important;
    font-size: 15px;
    color: #5a5a5a;
}

.patient-info .cust-form-grp {
    margin-bottom: 3rem;
}

.agecity .age-from label {
    display: block;
    text-align: left;
}

.agecity .age-from .text-age {
    width: 60%;
    float: left;
}

.agecity .inyears {
    position: relative;
    top: 10px;
    left: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #5a5a5a;
}

.back-icon {
    position: absolute;
    top: 5%;
    left: 2%;
    border: 0;
    background: none;
}

    .back-icon span {
        font-size: 25px;
        color: var(--on-primary-color);
    }

.note .checkbox {
    display: flex;
    justify-content: center;
}

.note {
    margin-bottom: 12px;
}

.patient-info .cust-formgrp-last {
    margin-bottom: 5rem;
}

.row-suggestion .cust-formgrp-last {
    margin-bottom: 4rem;
}

.patient-info .suggestion-div button {
    margin-bottom: 6rem;
}

.ui-corner-bottom .text-danger {
    margin-top: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    padding-top: 0;
    font-family: var(--primary-font);
    text-align: center;
}

.ui-widget-content a, .ui-widget-header a {
    color: var(--primary-color);
}

.bg-forum-list {
    background-color: #e6e6e6c7;
    height: 100vh;
}

.bg-forum-list .forum-list {
    background-color: #fff;
    padding: 2.5rem 0rem;
    margin: 1rem 0rem;
}

.forum-list .label-text {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    padding-right: 3rem;
}

.forum-list .thermo-icon {
    width: 61%;
}

.condition-name-wrapper .label-text {
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.condition-name-wrapper .detail-condition-text {
    font-size: 15px;
    color: var(--on-primary-color);
}

hr.hroiz-line {
    margin: 0;
    padding-bottom: 1rem;
}

.aside-consulation .feed-sidebar {
    padding: 0 20px;
}

    .aside-consulation .feed-sidebar .feed-filters {
        margin-bottom: 35px;
    }

    .aside-consulation .feed-sidebar .sidebar-title {
        font-size: 24px;
        color: #787887;
    }

.aside-consulation .filters {
    margin-top: 15px;
}

    .aside-consulation .filters .each-filter {
        margin-bottom: 15px;
        display: table;
    }

        .aside-consulation .filters .each-filter .text-small {
            font-size: 12px;
            color: #787887;
        }

        .aside-consulation .filters .each-filter .text {
            margin: 5px 5px;
            border-color: #e0e0e5;
            padding: 3px 18px;
            font-size: 13px;
            display: inline-block;
            border-radius: 53px;
            box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
            background-color: #0098c7;
            color: #fff;
        }

.no-search-results .head {
    font-size: 18px;
    margin-bottom: 20px;
}

.no-search-results .head {
    font-size: 18px;
    margin-bottom: 20px;
}

.text-grey {
    color: #787887;
}

.no-search-results ul {
    line-height: 2;
    margin-left: -10px;
}

.cookieBanner {
    position: fixed;
    z-index: 99999999;
    bottom: 6px;
    color: #fff;
    background: var(--primary-color);
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
    left: 6px;
    padding: 1rem 3rem;
    box-shadow: 0 0 0 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.cookieBanner a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}

.cookieBanner button {
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: var(--secondary-color);
    font-size: 14px;
    font-family: var(--primary-font);
    background-color: #ffffff;
    padding: 3px 20px;
    margin-left: 3px;
    box-shadow: 0 0 0 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    font-weight: 700;
}

.cookieBanner p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}

.calender-btn {
    display: flex;
}

.month-name {
    margin: 0;
}

.padd-zero {
    padding: 0;
    position: relative;
    left: 15px;
}

.clear-gap {
    margin-top: 10px;
}

.btn-prcprf {
    margin-right: 2rem;
}

.tooltip-cust {
    position: relative;
    display: inline-block;
}

    .tooltip-cust .tooltiptext {
        visibility: hidden;
        width: 100px;
        background-color: #066d6fad;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 4px 6px;
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 73%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
        margin-bottom: 8px;
    }

    .tooltip-cust:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        display: none;
    }

.free-consul-main-div {
    margin-top: 34px;
}

    .free-consul-main-div .head-row h4 {
        color: #404141;
        font-size: 24px;
        font-family: var(--primary-font);
        text-align: center;
    }

.cardrow .col-md-4 {
    display: flex;
    justify-content: center;
}

.cardrow-wf {
    margin-top: 0%;
    margin-bottom: 0%;
}


.cardrow .mind-hover .mind-img {
    background-image: url(../content/images/freeConsultationSteps/1-Mind-Hover.png);
    z-index: 1;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 230px;
}


.cardrow .body-hover .body-img {
    background-image: url(../content/images/freeConsultationSteps/2-Body-Hover.png);
    z-index: 1;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 230px;
}


.cardrow .spirit-hover .spirit-img {
    background-image: url(../content/images/freeConsultationSteps/3-Spirit-Hover.png);
    z-index: 1;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 230px;
}


.center input[type="checkbox"] {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    z-index: 99999;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    cursor: pointer;
}

    .center input[type="checkbox"]:after {
        content: '';
        font-size: 2em;
        text-align: center;
        color: #555555;
        position: absolute;
        display: block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        width: 100%;
        color: #fff;
        height: 100%;
    }



.center input[id="defaultInline1"]:checked:after {
    content: 'Mind';
    background-image: url('../content/images/freeConsultationSteps/1-Mind.png');
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
}

.center input[id="defaultInline2"]:checked:after {
    content: 'Body';
    background-image: url('../content/images/freeConsultationSteps/2-Body.png');
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
}

.center input[id="defaultInline3"]:checked:after {
    content: 'Spirit';
    background-image: url('../content/images/freeConsultationSteps/3-Spirit.png');
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
}


.center input[type="checkbox"]:checked + .StepoptionHead {
    color: #FFF;
}

.center img {
    width: 100%;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: -10px;
}

.overlay-bg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.page-head {
    font-size: 38px;
    color: #23272f;
    letter-spacing: .35px;
    margin-bottom: 20px;
    font-weight: 600;
}

.page-title {
    font-size: 28px;
    color: #23272f;
    letter-spacing: .7px;
    margin-top: 20px;
    font-weight: 600;
}


.cardrow .btn-group {
    text-align: center;
}

.StepoptionHead {
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    color: #ffffff;
    font-size: 18px;
    bottom: 47%;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.center {
    position: relative;
}



/*2nd stage*/
.cust-form-feild {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    margin-left: auto;
    margin-right: auto;
    border: 1.5px solid var(--primary-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.selectedlist-btns-div .btn-div {
    text-align: center;
    margin: 10px 8px;
    padding: 0;
    flex-grow: initial;
    max-width: initial;
}

.selectedlist-btns-div .selected-list {
    border: 1.5px solid var(--primary-color);
    box-sizing: border-box;
    font-family: var(--primary-font);
    padding: 8px 18px;
    display: inline-block;
    font-size: 15px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    color: var(--primary-color);
    width: auto;
    float: left;
    margin-right: 1.7rem;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 25px;
    margin: 0 !important;
    background-color: var(--card-bg-color);
}

.selectedlist-btns-div .selected-list.selected {
    background: var(--primary-color) !important;
    box-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08);
    color: #FFFFFF !important;
}

.selectedlist-btns-div input.selected-list:hover {
    background: var(--primary-color) !important;
    box-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08);
    color: #FFFFFF !important;
}

input#otherConditionTextbox:hover {
    background: var(--white-color) !important;
    color: var(--primary-color) !important;
}

.selectedlist-btns-div .selected-list img {
    margin-left: 12px;
    cursor: pointer;
}

.search-box {
    margin-top: 4%
}

.back-button {
    color: var(--on-primary-color);
    font-weight: 600;
    text-decoration: underline;
    font-size: 17px;
    margin-bottom: 20px;
}

@media only screen and (min-width:1500px) {
    .banner-main {
        min-height: 550px;
    }

    .back-button {
        margin-bottom: 20px;
    }
}

#otherConditionTextbox[placeholder="Other"] {
    cursor: auto;

}
 
.steps-pattern-bg {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
    max-height: 198px;
}

/****  floating-Label style start ****/
.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input, .floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575;
}

    .floating-input:focus, .floating-select:focus {
        outline: none;
        border-bottom: 2px solid var(--primary-color);
    }

label.float-label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 3px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: -24px;
    font-size: 14px;
    color: var(--primary-color);
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #5264AE;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

/* highlighter */
.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.float-label-feild {
}


.cardrow-wf .no-padding input {
    margin: 0 auto 3rem;
}

.selectedlist-btns-div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/*stage3*/
.explore-mod-stage3 .center input[id="modalities-checkbox1"]:checked:after {
    content: 'Energy Healing';
    /*background-image: url('../content/images/freeConsultationSteps/1-EnergyHealing.jpg');*/
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
    width: 100%;
    background-size: cover;
    background-color: rgba(46, 186, 191, 0.611764705882353);
    background-position: center;
    border-radius: 10px;
}

.explore-mod-stage3 .center input[id="modalities-checkbox2"]:checked:after {
    content: 'Subconscious World';
    /*background-image: url('../content/images/freeConsultationSteps/2-SubconsciousWorld.jpg');*/
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
    width: 100%;
    background-size: cover;
    background-color: rgba(46, 186, 191, 0.611764705882353);
    background-position: center;
    border-radius: 10px;
}

.explore-mod-stage3 .center input[id="modalities-checkbox3"]:checked:after {
    content: 'Subconscious World';
    /*background-image: url('../content/images/freeConsultationSteps/3-Empowerment.jpg');*/
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
    width: 100%;
    background-size: cover;
    background-color: rgba(46, 186, 191, 0.611764705882353);
    background-position: center;
    border-radius: 10px;
}

.explore-mod-stage3 .center input[id="modalities-checkbox4"]:checked:after {
    content: 'I’d like to explore all';
    /*background-image: url('../content/images/freeConsultationSteps/4-Exploreall.jpg');*/
    background-repeat: no-repeat;
    line-height: 290px;
    font-weight: 600;
    width: 100%;
    background-size: cover;
    background-color: rgba(46, 186, 191, 0.611764705882353);
    background-position: center;
    border-radius: 10px;
}


.cardrow .energy-hover .energy-img {
    background-image: url(../content/images/freeConsultationSteps/1-EnergyHealing-Hover.jpg);
    z-index: 1;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    border-radius: 10px;
}


.cardrow .SubconsciousWorld-hover .SubconsciousWorld-img {
    background-image: url(../content/images/freeConsultationSteps/2-SubconsciousWorld-Hover.jpg);
    z-index: 1;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    border-radius: 10px;
}


.cardrow .Empowerment-hover .Empowerment-img {
    background-image: url(../content/images/freeConsultationSteps/3-Empowerment-Hover.jpg);
    z-index: 1;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    border-radius: 10px;
}



.cardrow .explore-hover .explore-img {
    background-image: url(../content/images/freeConsultationSteps/4-Exploreall-Hover.jpg);
    z-index: 1;
    height: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    border-radius: 10px;
}




.explore-mod-stage3 .center input[type="checkbox"] {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    z-index: 99999;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    cursor: pointer;
}

    .explore-mod-stage3 .center input[type="checkbox"]:after {
        content: '';
        font-size: 1.2em;
        text-align: center;
        color: #555555;
        position: absolute;
        display: block;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        width: 100%;
        color: #fff;
        height: 100%;
    }


.explore-btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 5%;
    margin-bottom: 8%;
}

    .explore-btns div a {
        padding: 10px 35px;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 53px;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
        background-color: #ffffff;
        color: #737373;
        border: 2px solid #9f9e9e;
    }

    .explore-btns div {
        margin: 3rem 1.5rem;
    }

    .explore-btns input:hover {
        background-color: #9f9e9e;
        color: #fff;
    }

.buttonGroup-button.selected {
    color: white;
    background-color: #9f9e9e;
}

.buttonGroup-button.disabled {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.2);
}

.suggested-consult-div .bg-color {
    background-color: #fff;
    padding: 0;
}


.suggested-consult-div .carousel-div .carousel-inner .testimonial {
    text-align: center;
    margin: 0;
    padding: 0 3% 1%;
    background: #fff;
    min-height: auto;
    max-height: auto;
    border-radius: 6px;
    width: 100%;
}


    .suggested-consult-div .carousel-div .carousel-inner .testimonial .pic {
        margin-top: 0px;
    }

.suggested-consult-div .search-boxes {
    min-height: 460px;
    max-height: 460px;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}



.suggested-consult-div .carousel-div .carousel-inner .testimonial .testi--rev-prac {
    text-align: center !important;
    float: none;
}

.suggested-consult-div .carousel-div .carousel-inner .testimonial h4 {
    text-align: center;
    color: #3a3b3b;
}

.suggested-consult-div .carousel-div, .suggested-consult-div .bg-color .top-sec {
    padding: 3rem 2rem;
}

    .suggested-consult-div .carousel-div .carousel-inner .testimonial .description {
        color: var(--primary-color);
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }

    .suggested-consult-div .carousel-div .carousel-inner .testimonial .testimonial-title {
        color: #3a3b3b;
    }

    .suggested-consult-div .carousel-div .carousel-inner .testimonial .pic {
        border: 2px solid rgb(46, 186, 191);
    }


.suggested-consult-div .top-sec .pic-sugg-con {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 2px solid rgb(46, 186, 191);
    display: inline-block;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    background-color: #f5f5f5;
}


.suggested-consult-div .top-sec hr {
    width: 113%;
    position: relative;
    left: -22px;
}

.suggested-consult-div .top-sec .prac-details-serc-sugg h3 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0;
}

.hover-videoplay {
    cursor: pointer;
}

.playintrovideo-txt {
    color: white !important;
    font-weight: 500 !important;
    position: absolute;
    font-size: 16px !important;
    right: 0;
    text-align: center;
    text-decoration: underline;
    left: 0;
    transform: translate(113%,390%);
    top: 0;
    display: none;
}

.suggested-consult-div .bg-color .cardImgBox:hover .hover-overlay {
    position: absolute;
    width: 100%;
    height: 170px;
    background-color: rgba(0, 0, 0, 0.86);
    z-index: 2;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid #242424;
    border-bottom: 0;
    left: 0;
    top: 0;
}

    .suggested-consult-div .bg-color .cardImgBox:hover .hover-overlay .playintrovideo-txt {
        display: block;
        transform: translate(0,389%);
        cursor: pointer;
    }

.suggested-consult-div .bg-color .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    border-radius: 15px;
}

.videoClose {
    position: absolute;
    right: 4px;
    top: 15px;
    color: #FFF;
    z-index: 99;
    cursor: pointer;
}


.suggested-consult-div .bg-color .play-btn-search-sugg {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0;
    z-index: 3;
    right: 24px;
    top: 9px;
    margin: 0px auto;
}

    .suggested-consult-div .bg-color .play-btn-search-sugg .usericondiv img {
        cursor: pointer;
    }

.suggested-consult-div .bg-color .top-sec {
    padding: 3rem 3.8rem;
    min-height: 170px;
    display: flex;
}

.suggested-consult-div .bg-color .play-btn-search-sugg img {
    cursor: pointer;
    width: 40px;
}

.showVideo {
    display: none;
}

.suggested-consult-div .bg-color .videoClose {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #68c8cb;
    z-index: 99;
    cursor: pointer;
}

.suggested-consult-div .bottom-sec {
    margin: 3rem 5rem;
}

.suggested-consult-div hr {
    margin: 0;
}

.suggested-consult-div .bottom-sec h3 {
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0;
}

.suggested-consult-div .bottom-sec .row .col-md {
    float: left;
}

.suggested-consult-div .bottom-sec .sugge-cons-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 7px 15px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 20px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 4px;
}

.suggested-consult-div .bg-color .top-sec .pract-charges p {
    color: #3a3b3b;
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.suggested-consult-div .bg-color .top-sec ul, .suggested-consult-div .bg-color .top-sec ul li:first-child {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
}

    .suggested-consult-div .bg-color .top-sec ul li {
        padding-bottom: 0;
        line-height: normal !important;
    }



.suggested-consult-div .bg-color .top-sec .prac-details-serc-sugg div {
    margin: 0.4rem 0;
}


.suggested-consult-div .bg-color ul {
    margin: 0;
    display: flex;
    align-items: center;
}

.suggested-consult-div .bottom-sec p {
    color: #3a3b3b;
    font-size: 14px;
    font-weight: 600;
}






.choose-pract-div .bg-color {
    background-color: #fff;
    padding: 0;
}


.choose-pract-div .carousel-div .carousel-inner .testimonial {
    text-align: center;
    margin: 0;
    padding: 0 3% 1%;
    background: #fff;
    min-height: auto;
    max-height: auto;
    border-radius: 6px;
    width: 100%;
}


    .choose-pract-div .carousel-div .carousel-inner .testimonial .pic {
        margin-top: 0px;
    }

.choose-pract-div .search-boxes {
    min-height: 365px;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}



.choose-pract-div .carousel-div .carousel-inner .testimonial .testi--rev-prac {
    text-align: center !important;
    float: none;
}

.choose-pract-div .carousel-div .carousel-inner .testimonial h4 {
    text-align: center;
    color: #3a3b3b;
}

.choose-pract-div .carousel-div, .choose-pract-div .bg-color .top-sec {
    padding: 3rem 2rem;
}

    .choose-pract-div .carousel-div .carousel-inner .testimonial .description {
        color: var(--primary-color);
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }

    .choose-pract-div .carousel-div .carousel-inner .testimonial .testimonial-title {
        color: #3a3b3b;
    }

    .choose-pract-div .carousel-div .carousel-inner .testimonial .pic {
        border: 2px solid rgb(46, 186, 191);
    }

.choose-pract-div .top-sec .pic-sugg-con {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 2px solid rgb(46, 186, 191);
    display: inline-block;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    background-color: #f5f5f5;
}

.choose-pract-div .top-sec hr {
    width: 113%;
    position: relative;
    left: -22px;
}

.choose-pract-div .top-sec .prac-details-serc-sugg h3 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0;
}

.hover-videoplay {
    cursor: pointer;
}

.playintrovideo-txt {
    color: white !important;
    font-weight: 500 !important;
    position: absolute;
    font-size: 16px !important;
    right: 0;
    text-align: center;
    text-decoration: underline;
    left: 0;
    transform: translate(113%,390%);
    top: 0;
    display: none;
}

.choose-pract-div .bg-color .cardImgBox:hover .hover-overlay {
    position: absolute;
    width: 92.6%;
    height: 170px;
    background-color: rgba(0, 0, 0, 0.86);
    z-index: 2;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid #efefef;
    border-bottom: 0;
    left: 14px;
    top: 0;
}

    .choose-pract-div .bg-color .cardImgBox:hover .hover-overlay .playintrovideo-txt {
        display: block;
        transform: translate(0,389%);
        cursor: pointer;
    }

.choose-pract-div .bg-color .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0.5px;
    width: 92%;
    z-index: 4;
    border-radius: 15px;
}

.videoClose {
    position: absolute;
    right: 4px;
    top: 15px;
    color: #FFF;
    z-index: 99;
    cursor: pointer;
}


.choose-pract-div .bg-color .play-btn-search-sugg {
    position: absolute;
    padding: 0;
    z-index: 3;
    right: 30px;
    top: 9px;
    margin: 0px auto;
}

    .choose-pract-div .bg-color .play-btn-search-sugg .usericondiv img {
        cursor: pointer;
    }

.choose-pract-div .bg-color .top-sec {
    padding: 3rem 1.6rem;
    min-height: 170px;
    display: flex;
}

.choose-pract-div .bg-color .play-btn-search-sugg img {
    cursor: pointer;
    width: 40px;
}

.showVideo {
    display: none;
}

.choose-pract-div .bg-color .videoClose {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #68c8cb;
    z-index: 99;
    cursor: pointer;
}

.choose-pract-div .bottom-sec {
    margin: 3rem 3rem;
}

.choose-pract-div hr {
    margin: 0;
}

.choose-pract-div .bottom-sec h3 {
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0;
}

.choose-pract-div .bottom-sec .row .col-md {
    float: left;
}

.choose-pract-div .bottom-sec .sugge-cons-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 7px 15px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 20px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 4px;
}


.choose-pract-div .bg-color .top-sec .Charges {
}


.choose-pract-div .bg-color .top-sec .pract-charges p {
    color: #3a3b3b;
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.choose-pract-div .bg-color .top-sec ul, .choose-pract-div .bg-color .top-sec ul li:first-child {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0px;
}

    .choose-pract-div .bg-color .top-sec ul li {
        padding-bottom: 0;
        line-height: normal !important;
    }



.choose-pract-div .bg-color .top-sec .prac-details-serc-sugg div {
    margin: 0.4rem 0;
}


.choose-pract-div .bg-color ul {
    margin: 0;
    display: flex;
    align-items: center;
}

.choose-pract-div .bottom-sec p {
    color: #3a3b3b;
    font-size: 14px;
    font-weight: 600;
}

.sp-review-slider .pic-sugg-con {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 2px solid rgb(46, 186, 191);
    display: inline-block;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    background-color: #f5f5f5;
}

.review-text-sp p {
    color: var(--primary-color);
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 4px;
}

.review-text-sp h5 {
    color: #6f6f6f;
    font-weight: 500;
    margin: 0;
    display: inline-block;
}

    .review-text-sp h5 span {
        color: #6f6f6f;
        font-weight: 600;
    }

.review-text-sp span {
    font-weight: 600;
    font-style: normal;
}

.sp-review-div .right {
    position: absolute;
    float: none;
    display: block;
    width: 15%;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control {
    color: #000;
}

.sp-review-slider {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sp-review-div {
    min-height: 135px;
    max-height: 135px;
    border-radius: 15px !important;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    display: flex;
    align-items: center;
}

#carousel-example-generic .cust-carousel-ind {
    bottom: 0 !important;
}

.label-timezone {
    display: none !important;
}

label#validationMsg {
    display: block;
    margin-top: 6px;
    font-size: 14px;
}


.other-payment-method {
    margin-bottom: 25px;
}

.saved-card-visible .dg-steps-v-algin {
    grid-template-rows: max-content auto 20%;
}

.saved-cards, .other-payment-method, .order-summary-inner-div {
    background: rgb(255 255 255 / 70%);
    border: 1px solid var(--theme-border-layout);
    border-radius: var(--bs-border-radius);
    width: 100%;
    padding: 20px 20px;
}

.saved-cards {
    margin-bottom: 30px;
}

.saved-cards h5, .other-payment-method h5, .order-summary-inner-div h5 {
    color: var(--primary-color);
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    margin-bottom: 15px;
}

.radio-credit-cards {
    color: var(--on-primary-color);
    display: inline-block !important;
    font-size: 18px;
    font-weight: 500;
}

.radio-btn-cust {
    display: inline-block;
}

.crads-radio-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.payment-txt {
    color: var(--on-primary-color);
    font-size: 15px;
    margin: 0;
    margin-top: 5px;
    font-weight: 400;
    vertical-align: inherit;
    margin-bottom: 10px;
}

.form-main-div .form-inner-div .part {
    float: left;
    height: 100%;
}

.form-main-div .form-inner-div .part.card-details {
    padding: 48px 40px 0;
    width: 60%;
}

.form-main-div .form-inner-div .part.card-details h1 {
    background-color: #00b0ff;
    color: white;
    font-family: var(--primary-font);
    font-size: 12px;
    text-transform: uppercase;
    padding: 14px 0 10px 49px;
    letter-spacing: 1px;
    margin-left: -52px;
    width: 330px;
}

.form-main-div .form-inner-div .part.bg {
    width: 40%;
    background-image: url("https://s13.postimg.org/d8emjhccn/image.jpg");
    background-size: 121%;
    background-repeat: no-repeat;
    overflow: hidden;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-main-div .form-inner-div .group {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.form-main-div .form-inner-div .group label {
    font-size: 16px;
    float: left;
    width: 100%;
    display: block;
    color: var(--on-primary-color);
    margin-bottom: 5px;
}

.form-main-div .form-inner-div .group input {
    float: left;
    width: 100%;
    height: 30px;
    font-size: 18px;
    font-family: var(--primary-font);
    border: 0;
    color: var(--on-primary-color);
    border-bottom: 1px solid #d9d9d9;
}

.form-main-div .form-inner-div .group input:focus {
    outline: none;
    border-bottom-color: #00b0ff;
}

.form-main-div .form-inner-div .group input:focus::-webkit-input-placeholder {
    color: transparent;
}

.form-main-div .form-inner-div .group input:focus:-moz-placeholder {
    color: transparent;
}

.form-main-div .form-inner-div .group input:focus::-moz-placeholder {
    color: transparent;
}

.form-main-div .form-inner-div .group input:focus:-ms-input-placeholder {
    color: transparent;
}

.form-main-div .form-inner-div .card-number {
    border-bottom: 1px solid #d9d9d9;
}

.form-main-div .form-inner-div .card-number:first-of-type {
    margin-top: 15px;
}

.form-main-div .form-inner-div .card-number input {
    width: 60px;
    border-bottom: 0;
}

.agree-checkbox {
    margin-top: 0;
}

.form-main-div .form-inner-div .card-number.focused {
    border-bottom-color: #00b0ff;
}

.form-main-div .form-inner-div .card-expiry {
    border-bottom: 0;
    margin-bottom: 35px;
}

.form-main-div .form-inner-div .card-expiry .input-item {
    float: left;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry {
    width: 60%;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry input:last-of-type {
    margin-left: 30px;
}

.form-main-div .form-inner-div .card-expiry .input-item.csv {
    width: 40%;
    position: relative;
    height: 68px;
}

.form-main-div .form-inner-div .card-expiry .input-item.csv a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    text-decoration: none;
    color: #00b0ff;
}

.form-main-div .form-inner-div .card-expiry .input-item.csv a:hover {
    color: #263238;
}

.form-main-div .form-inner-div .card-expiry .input-item label {
    width: 100%;
}

.form-main-div .form-inner-div .card-expiry .input-item input {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
}

.form-main-div .form-inner-div .card-expiry .input-item input.month {
    width: 30px;
}

.form-main-div .form-inner-div .card-expiry .input-item input.year {
    width: 45px;
}

.form-main-div .form-inner-div .card-expiry .input-item input.csv {
    width: 50px;
    float: left;
}

.form-main-div .form-inner-div .card-expiry .input-item input:focus {
    border-bottom: 1px solid #00b0ff;
}

.form-main-div .form-inner-div .submit-group {
    width: 100%;
    float: left;
    position: relative;
}

.form-main-div .form-inner-div .submit-group button, .saved-cards .submit-group button {
    width: 100%;
}

.form-main-div .form-inner-div .submit {
    text-transform: uppercase;
    position: relative;
    border: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 1.4px;
    text-align: left;
    color: #263238;
    margin-left: 24px;
    cursor: pointer;
}

.form-main-div .form-inner-div .submit:hover {
    text-decoration: underline;
}

.form-main-div .form-inner-div .submit:focus {
    outline: none;
}

.form-main-div .form-inner-div .arrow {
    position: absolute;
    top: -2px;
    left: -1px;
}

.form-main-div .form-inner-div .arrow:before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url("https://s21.postimg.org/lgxvam5df/arrow.png");
    position: absolute;
    top: 4px;
    left: 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-main-div .form-inner-div .arrow.rotate:before {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.payment-btn {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-family: var(--primary-font);
    padding: 8px 30px;
    background-color: var(--primary-color);
    border-radius: 20px;
    border: none;
    width: 100%;
    font-size: 18px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
}

.payment-btn:hover {
    color: #fff;
    background: #09b3b9;
}

.grup.submit-group {
    width: 59%;
}

.agree-checkbox {
    float: left;
}

.payment-txt .control__indicator {
    border: 1px solid var(--primary-color);
    top: 2px;
}

.agree-checkbox .control input:checked ~ .control__indicator {
    background: var(--primary-color);
}

.agree-checkbox .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    border: 2px solid var(--theme-primary-color);
}

.agree-checkbox label {
    padding-left: 30px !important;
}
/* form ends here */

/* css for side bar order summary*/

.order-summary-inner-div .prac-name-div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.order-summary-inner-div .prac-name-div h5 {
    margin: 0;
    padding-left: 15px;
    font-size: 18px;
    font-family: var(--primary-font);
}

.order-summary-inner-div .message-prac-div label {
    color: var(--primary-color);
    font-weight: 600;
}

.order-summary-inner-div .prac-name-div img {
    border-radius: 50%;
}

.order-summary-inner-div .appointment-date-div, .order-summary-inner-div .appointment-time-div, .order-summary-inner-div .modality-div, .order-summary-inner-div .prac-name-div {
    margin-bottom: 18px;
}

.appointment-time-div.grid-satisfication {
    margin-bottom: 0;
}

.order-summary-inner-div .appointment-time-div label, {
    font-weight: 400;
}

.notes-refe-no strong {
    display: inline;
}

.book-summary .order-summary-inner-div .modality-div label {
    width: 50%;
}

.order-summary-inner-div .appointment-date-div span, .order-summary-inner-div .appointment-time-div span, .order-summary-inner-div .modality-div span {
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--on-primary-color);
}

.order-summary-inner-div .total-div span {
    font-size: 22px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: var(--primary-color);
}

.csv img {
    float: right;
    position: relative;
    top: -30px;
    left: -12px;
    max-width: 60px;
}

.saved-cards .saved-cards-rows {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.saved-cards .saved-cards-rows .payment-txt label {
    margin-bottom: 0 !important;
}

.saved-cards .saved-cards-rows .payment-txt img {
    padding: 0 10px;
}

.form-inner-div .card-number .brand {
    position: absolute;
    right: 0;
    bottom: 6px;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid var(--chat-inbox-border-color);
    width: 24%;
}

.form-main-div .form-inner-div .card-expiry .input-item.csv:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #d9d9d9;
    width: 37%;
}

.restriction-miandiv label {
    text-align: left;
}

.order-summary-inner-div hr {
    margin: 12px 0;
}

.header-underline h1 span {
    display: inline-block;
    width: auto !important;
}

.indendiv {
    position: relative;
    float: right;
    padding-left: 35px;
}

.texttranform {
    text-transform: none;
}

.pymnmt-img {
    width: 227px !important;
    margin-top: 15px !important;
}

.cards-div span img {
    width: 40px;
}

.cards-div span img:not(:last-child) {
    margin-right: 11px;
}

.discover-card {
    height: 45px;
    width: 45px !important;
    position: relative;
    top: 2px;
}

.diner-card {
    height: 36px;
    width: 36px !important;
}

.message-prac-txtarea {
    max-width: 100%;
}

.book-summary .order-summary-inner-div .appointment-date-div label, .book-summary .order-summary-inner-div .appointment-time-div label, book-summary .order-summary-inner-div .modality-div label, .appointment-date-div label .book-summary .message-prac-div label {
    display: inline-block;
    margin: 0 !important;
}

.book-summary .order-summary-inner-div .appointment-date-div, .book-summary .order-summary-inner-div .appointment-time-div, .book-summary .order-summary-inner-div .modality-div, .appointment-date-div label .book-summary .message-prac-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indendiv {
    position: relative;
    float: right;
    padding-left: 35px;
}

.texttranform {
    text-transform: none;
}

.text-padding {
    margin-top: 27px;
    margin-bottom: 16px;
}

.bod-ot-bot .list-inline > li {
    margin-bottom: 0;
}

.list-logo {
    margin-top: 1.28rem;
    margin-top: 1.28rem;
}

.your-wallet-balance {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.your-wallet-balance {
    padding: 8px 15px 8px !important;
}


    .your-wallet-balance .Wallet-bal-txt {
        margin: 0;
        width: 100%;
    }

    .your-wallet-balance .control {
        display: inline;
    }

    .your-wallet-balance .list-inline > li {
        padding-bottom: 0;
    }

    .your-wallet-balance .Wallet-bal-txt .wbalt {
        font-size: 16px;
        font-weight: 400;
        color: #626262;
        font-family: var(--primary-font);
    }

.create-acc-stripe {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.stripe-accountdiv .badge a:hover {
    color: #000;
}

.stripe-accountdiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stripe-acc-main-div {
    display: flex;
    justify-content: space-between;
}

.cmp_re {
    padding: 10px 0;
}

.stripe-acc-main-div {
    display: flex;
    justify-content: space-between;
}

.cmp_re {
    padding: 10px 0;
}

.stripe-bot-right-div a img {
    width: 160px;
    padding-left: 0px;
}

.stripe-bot-right-div .badge {
    padding-right: 0;
}


.stripe-logo {
    margin-bottom: 1rem;
}


    .stripe-logo img {
        display: block;
        margin-left: auto;
    }

.reasonbooksess {
    margin: 0 auto;
}

.reasonbooksess .received {
    font-size: 15px;
}

.reasonbooksess .form-control {
    max-width: 100% !important;
}

.reasonbooksess p {
    color: var(--on-primary-color);
}

.media-test-main-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85vh;
}

.media-inner-box {
    width: 85%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 13px;
    margin: 0 auto;
    padding: 5% 5%;
}

.media-inner-box p {
    font-size: 16px;
    margin: 20px 0px;
    color: var(--primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 29px;
}

/*#main {
    margin-top: 4rem;
}*/

.book-summary .message-prac-div label {
    margin-bottom: 0rem !important;
    color: var(--primary-color);
    font-weight: 600;
}

.mob-order-sum .form-control {
    border: 1px solid var(--primary-color) !important
}

.form-group .form-control {
    max-width: 100%;
}

.element.style {
}

.c-red {
    color: red !important;
}

.cd-none {
    display: none !important;
}

.saved-amount-promo {
    color: var(--primary-color);
    display: block;
    margin: 8px 0;
    font-size: 16px;
}



/*form attachment loader css starts here*/

.attachment-preloader {
    margin-right: 15px;
    margin-left: 15px;
}

    .attachment-preloader .lds-spinner {
        display: inline-block;
        position: relative;
        width: 21px;
        height: 21px;
    }

        .attachment-preloader .lds-spinner div {
            transform-origin: 14px 14px;
            animation: lds-spinner-msg 1.2s linear infinite;
        }

            .attachment-preloader .lds-spinner div:after {
                content: " ";
                display: block;
                position: absolute;
                top: 3px;
                left: 13px;
                width: 2px;
                height: 6px;
                border-radius: 20%;
                background: var(--theme-primary-color);
            }

            .attachment-preloader .lds-spinner div:nth-child(1) {
                transform: rotate(0deg);
                animation-delay: -1.1s;
            }

            .attachment-preloader .lds-spinner div:nth-child(2) {
                transform: rotate(30deg);
                animation-delay: -1s;
            }

            .attachment-preloader .lds-spinner div:nth-child(3) {
                transform: rotate(60deg);
                animation-delay: -0.9s;
            }

            .attachment-preloader .lds-spinner div:nth-child(4) {
                transform: rotate(90deg);
                animation-delay: -0.8s;
            }

            .attachment-preloader .lds-spinner div:nth-child(5) {
                transform: rotate(120deg);
                animation-delay: -0.7s;
            }

            .attachment-preloader .lds-spinner div:nth-child(6) {
                transform: rotate(150deg);
                animation-delay: -0.6s;
            }

            .attachment-preloader .lds-spinner div:nth-child(7) {
                transform: rotate(180deg);
                animation-delay: -0.5s;
            }

            .attachment-preloader .lds-spinner div:nth-child(8) {
                transform: rotate(210deg);
                animation-delay: -0.4s;
            }

            .attachment-preloader .lds-spinner div:nth-child(9) {
                transform: rotate(240deg);
                animation-delay: -0.3s;
            }

            .attachment-preloader .lds-spinner div:nth-child(10) {
                transform: rotate(270deg);
                animation-delay: -0.2s;
            }

            .attachment-preloader .lds-spinner div:nth-child(11) {
                transform: rotate(300deg);
                animation-delay: -0.1s;
            }

            .attachment-preloader .lds-spinner div:nth-child(12) {
                transform: rotate(330deg);
                animation-delay: 0s;
            }

@keyframes lds-spinner-msg {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*form attachment loader css ends here*/

.pract-name-to-sm-wrapper {
    margin-bottom: 10px;
}

.pract-name-to-sm {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 22px;
}

.to-pract-txt {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 500;
    padding-right: 3px;
}

.send-msg-txt-area {
    position: relative;
}

.modal-header.cmodel-header {
    padding: 15px 30px;
}

    .modal-header.cmodel-header h4.modal-title {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        justify-content: end;
    }

    .modal-header.cmodel-header .close {
        margin-top: -9px;
        margin-right: 38px;
        font-size: 38px;
        opacity: 0.8;
    }

.modal-footer.cmodal-footer {
    border: 0;
    padding-bottom: 25px;
}

.dg-mxc-1fr label.para-text {
    margin: 0;
}

.send-msg-txt-area .emoji-picker-icon {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.send-msg-txt-area .form-control {
    max-width: 100%;
    min-height: 48px;
    border: 1px solid #bdbdbd;
    margin: 0 auto;
    letter-spacing: 2px;
    border-radius: 3px;
}

.dg-mxc-1fr {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}

img.send-btn {
    margin-right: 10px;
}

.cw-100per {
    width: 100%;
}

.media-steps-check .media-inner-box {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 13px;
}

.media-inner-box.cw-85per {
    width: 85%;
}

.media-inner-box p {
    font-size: 21px;
}

.cmb-25 {
    margin-bottom: 25px;
}

@keyframes shrink {
    0% {
        color: var(--primary-color);
        transform: scale(2);
    }

    100% {
        transform: scale(1);
        color: var(--primary-color);
    }
}

@keyframes grow {
    0% {
        transform: scale(0.8);
        color: var(--primary-color);
    }

    100% {
        transform: scale(1.6);
        color: var(--primary-color);
    }
}

.animate {
    transform: translate3d(0, 0, 0);
    perspective: 1000;
    filter: blur(0);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform-origin: center center;
    backface-visibility: hidden
}

.animate--shrink {
    animation-duration: 1s;
    animation-name: shrink;
    animation-timing-function: linear;
    backface-visibility: hidden
}

.animate--grow, .hero__title .slick-current.slick-center span {
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-name: grow;
    backface-visibility: hidden
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-callout: none;
    user-select: none;
    touch-action: pan-y;
    tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0;
    outline: none;
}

    .slick-vertical .slick-slide:focus, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide::selection {
        outline: none !important;
        border: 0 !important;
        box-shadow: none;
    }

.slick-arrow.slick-hidden {
    display: none;
}

.slick-current {
    position: relative;
}

.hero__title .slick-slide {
    overflow: hidden;
    padding: 1rem 0;
}

.hero__title [aria-hidden] {
    /*transition: 88s;*/
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.hero__title .slick-slide span {
    color: #989494;
    font-weight: 500;
    opacity: .2;
}

.hero__title-misc {
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
}

.hero__title .slick-current.slick-center span {
    box-sizing: border-box;
    display: block;
    font-weight: 700;
    color: var(--primary-color);
    opacity: 1;
    font-size: 13px;
}

.card-slider-fx-modifier {
    min-height: calc(100vh - 375px);
    align-items: center;
    position: relative;
    width: 100%;
}

.dg-placeload.card-slider-fx-modifier.placehold-slick {
    align-items: flex-start;
}

@media(max-width: 991px) {
    .dg-placeload.card-slider-fx-modifier.placehold-slick {
        justify-content: center;
    }
}

/*.dg-placeload {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}*/
/*.placeload {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    pointer-events: none;
}*/
.placeload {
    background: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #dfe3ee;
    border-radius: 13px;
    pointer-events: none;
    margin: 10% 0 10%;
    position: relative;
    min-height: 320px;
}

.dg-placeload-row {
    width: 100%;
}

.placeload .header {
    display: grid;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    grid-template-columns: 1fr;
}

    .placeload .header .img {
        width: 94px;
        height: 94px;
        border-radius: 50%;
        display: inline-block;
        padding: 0;
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        border: 2px solid #e2e2e2;
    }

.body-content-wrapper {
    margin-bottom: 15px;
    margin-top: 15px;
}

.placeload .header .header-content {
    padding-right: 0;
    margin-top: 45px;
}

    .placeload .header .header-content .content-shape {
        height: 12px;
    }

        .placeload .header .header-content .content-shape:not(:last-child) {
            margin-bottom: 8px;
        }

        .placeload .header .header-content .content-shape:first-child {
            width: 55%;
            margin-bottom: 0;
            height: 18px;
        }

        .placeload .header .header-content .content-shape:nth-child(2) {
            width: 66%;
        }

        .placeload .header .header-content .content-shape:nth-child(3) {
            width: 35%;
        }

.content-shape.loads.abt-btn {
    width: 30% !important;
    height: 30px !important;
    margin-top: 0px;
    border-radius: 5px;
}

.placeload .image-placeholder {
    width: 100%;
    margin-top: 10px;
    height: 9px;
}

.placeload .placeholder-footer {
    position: absolute;
    margin-top: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}

    .placeload .placeholder-footer .footer-block {
        width: 100%;
        height: 100%;
        min-height: 20px;
    }

        .placeload .placeholder-footer .footer-block .content-shape {
            height: 38px;
            border-radius: 5px;
            margin: 5px auto 0;
        }

            .placeload .placeholder-footer .footer-block .content-shape:first-child {
                width: 70%;
            }

.placeload .line-hr {
    background-color: #e8e8e8;
    margin-top: 15px;
    margin-left: 0;
    margin-bottom: 5px;
}

.placeload .content-shape-dg {
    display: grid;
    grid-template-columns: 1fr;
}

/*1st row*/
.body-content-wrapper .content-shape-dg:first-child .image-placeholder:first-child {
    width: 60%;
}

.body-content-wrapper .content-shape-dg:first-child .image-placeholder:nth-child(2) {
    width: 80%;
}

/*2nd row*/
.body-content-wrapper .content-shape-dg:nth-child(2) .image-placeholder:first-child {
    width: 50%;
}

.body-content-wrapper .content-shape-dg:nth-child(2) .image-placeholder:nth-child(2) {
    width: 75%;
}

/*3rd row*/
.body-content-wrapper .content-shape-dg:nth-child(3) .image-placeholder:first-child {
    width: 60%;
}

.body-content-wrapper .content-shape-dg:nth-child(3) .image-placeholder:nth-child(2) {
    width: 85%;
}

/*button row*/
.placeload .content-shape-dg:not(:last-child) {
    margin-bottom: 10px;
}

.loads {
    --skeleton-color-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    --skeleton-color-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175);
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    fill: transparent;
    border-radius: var(--bs-border-radius);
    height: 0.6rem;
    line-height: 1;
    position: relative;
}

@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

#divApplyPromoCodeSection .prmcd-fnt.hrly-ch {
    margin-bottom: 8px !important;
}

.wdth100p {
    width: 100%;
}

.disp-none {
    display: none !important;
}

.para-text-modifier-os {
    font-size: 13px !important;
}


.subscription-fees .panel-title.head-acc-pp {
    padding-left: 18px;
}

.d-inline-appdiv {
    display: inline !important;
}

.subscription-active {
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--on-primary-color);
}

.para-txt-2 {
    font-size: 17px;
    color: var(--on-primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 0;
}

.all-pract-head {
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    font-weight: 400;
    font-size: 37px;
    margin: 0 0 20px;
}

.mod-drop-col-1 .drk_tl.cmy-20 {
    margin: 20px 0 !important;
}

strong {
    font-weight: 600;
}

.nlp-client {
    font-size: 16.5px;
    font-weight: 500;
    color: #555555;
    display: block;
    margin-top: 7px;
}

/*.pracites-individual.cmb-0 {
    margin-bottom: 0;
}*/

.section-below-head-para {
    font-size: 15px;
    color: #3e3e3e;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 17px;
}

.cmb-15 {
    margin-bottom: 15px !important;
}

/*.df-jcc-fww {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}*/

/*.practitioners-you-can-trust p {
    font-size: 14px;
    color: var(--on-primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 22px;
    position: relative;
}

.practitioners-you-can-trust p:not(:last-child) {
    margin-bottom: 28px;
}

.practitioners-you-can-trust p i {
    position: absolute;
    left: -20px;
    top: 4px;
    color: var(--primary-color);
}*/

.order-summary-points {
    list-style-type: none;
    padding-left: 0;
}

    .order-summary-points p.para-text {
        position: relative;
        padding-left: 28px;
        font-weight: 400;
    }

    .order-summary-points .tick {
        position: absolute;
        left: 0;
    }

.recommended-package {
    background-color: #f1fbfb !important;
    position: relative;
    border-top-left-radius: 0 !important;
}

/*.book-summary .panel-group .panel.recommended-package {
    margin-top: 44px !important;
}*/

.most-popular-txt {
    display: none !important;
    position: absolute;
    top: -27px;
    left: -2px;
    font-weight: 500;
    color: var(--primary-color);
    font-size: 15px;
    border: 2px solid #f7f7f7;
    border-bottom: 0px solid #f1fbfb;
    border-radius: 15px 15px 0px 0px;
    padding: 4px 10px 0 10px;
    z-index: 999;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.os-acc-wrapper .most-popular-txt {
    border: 2px solid var(--primary-color);
    border-bottom: 0px solid #f1fbfb;
}


.most-popular-txt i {
    color: #f39c12;
    margin-right: 6px;
    font-style: normal;
    font-size: 23px;
    line-height: 21px;
}

.hrly-ch.fz-15 {
    font-size: 15px;
}

span.hrly-ch.final-charge, .hrly-ch.fz-16 {
    font-size: 15px;
}

.pract-details-card-div .step-card-qualifiction {
    margin: 0;
    font-size: 15px;
    letter-spacing: normal;
    font-weight: 400;
    margin-bottom: 0px !important;
    min-height: 21px;
    margin-top: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 195px;
    white-space: nowrap;
}

.profile_tabs .progress span,
#home .progress span,
.certf_size #progressValue,
.upload-progress #progressValueProof,
.upload-progress #progressValue {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    font-size: 12px !important;
    font-weight: 700;
}

.profile_tabs .progress {
    position: relative;
}

.profile_tabs .progress .progress-bar {
    position: initial;
}

.about-me-info-wrapper {
    display: flex;
    align-items: center;
}

.about-me-info {
    max-width: 16px;
    margin-right: 4px;
}

.cmb-0 {
    margin-bottom: 0 !important;
}

.cmbt-0 {
    margin-bottom: 0 !important;
}

.review-card-prac {
    margin-bottom: 3px;
}

.click-to-add-text {
    color: #e60000 !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
}

.book-summary.invoice-wrapper {
}

    .book-summary.invoice-wrapper .recommended-package.border-top-invoice-std {
        border-top-left-radius: 15px !important;
        margin-top: 0 !important;
        background-color: #fff !important;
    }

    .book-summary.invoice-wrapper .btn-paynw {
        margin-bottom: 0;
    }

.cpy-0 {
    padding-top: 0 !important;
    padding-top: 0 !important;
}

.hiw-df-aic {
    display: flex;
    align-items: center;
}

.image-bg-color {
    background-color: #f2f4f5;
    border-radius: 4px;
    padding: 15px;
}

    .image-bg-color .step-sign {
        margin-top: 0;
    }

.dg-auto-fit-hiw {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 5px;
}

.cmt-30 {
    margin-top: 30px;
}

.color-orange {
    background: var(--salmon-color) !important;
}

    .color-orange:hover,
    .color-orange:active {
        background: var(--salmon-color) !important;
    }

.main-head-steps-sp span {
    display: inline-block;
    font-style: italic;
    font-weight: 600;
    font-size: 15px;
    color: var(--on-primary-color);
    letter-spacing: 0.4px;
}

.bckp-btn-img {
    max-width: 25px;
    opacity: 0.7;
    vertical-align: text-top;
}

.navbar-custom-menu li.user-dash-dropdown-list a.inner-drop-icons {
    display: flex !important;
    align-items: center;
    padding: 0.7rem 1.75rem !important;
    cursor: pointer;
}

.menu-hr-line {
    margin: 0.7rem 0;
    height: 0;
    display: block;
    border-bottom: 1px solid #ebedf2;
}

.icon-drop {
    width: 17px;
    height: 17px;
    display: inline-block;
    fill: #fff;
    margin-right: 10px;
}

svg.icon-drop.icon-avatar.dash-dropdwn {
    width: 16px;
    height: 16px;
}

.navigation__nav {
    /*display: block;*/
    transition: all .5s;
}

.welcome .dropdown-menu > li > a:hover .icon-drop,
.welcome .dropdown-menu > li > a:hover .dropdown-subs,
.welcome .dropdown-menu > li > a:hover .logout-dropdown {
    fill: var(--primary-color);
}

.dropdown-subs {
    width: 20px;
    height: 20px;
    display: inline-block;
    fill: #fff;
    margin-right: 10px;
}

.logout-dropdown {
    width: 25px;
    height: 16px;
    display: inline-block;
    fill: #fff;
    margin-right: 5px;
}


.rating-star-new {
}

.continue-btn-wrapper {
    align-self: end;
    margin-bottom: 27px;
}

.cmb-30 {
    margin-bottom: 30px !important;
}

/*.patter-bg-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}*/

.help-now {
    margin: 20px 0;
}

.help-now-wrapper {
    max-width: 770px;
    margin: 0 auto 35px;
}

    .help-now-wrapper p {
        font-size: 17px;
        line-height: 29px;
    }

.emergecny-list-wrapper {
    border: 2px solid var(--primary-color);
    border-radius: 12px;
    background-color: #FDFDFD;
}

    .emergecny-list-wrapper p {
        margin-bottom: 0;
        text-align: left;
    }

.e-num-list {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-gap: 15px;
    align-items: center;
}

    .e-num-list p {
        padding: 6px 0px 6px 20px;
        font-size: 15px;
        color: #707070;
    }

.emergecny-list-wrapper .e-num-list:nth-child(2) {
    padding-top: 6px;
}

.emergecny-list-wrapper .e-num-list:last-child {
    padding-bottom: 6px;
}

.e-list-head p {
    font-weight: 600;
    font-size: 22px;
    color: #fff;
}

.e-list-head {
    background-color: var(--primary-color);
    color: #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 8px;
}

.e-number p {
    padding-left: 20%;
}

.e-list-head .e-number {
    text-align: center;
}

    .e-list-head .e-number p {
        text-align: center;
        padding-left: 0;
    }

.all-pract-head label {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 37px;
    margin: 30px 0 20px;
    margin-bottom: 0 !important;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
}

.all-pract-head label.modifier-help-now {
    grid-template-columns: repeat(3, max-content);
}

.contries-help-no {
    margin-top: 55px;
}

.resend-btn-link {
    box-sizing: content-box;
    border: 0;
    background: none;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 500;
    color: var(--primary-color);
    margin-top: 0 !important;
}

.login-link {
    border: 0 !important;
    text-decoration: none;
    padding: 0 !important;
    min-width: 131px !important;
    margin-left: 7px;
    font-weight: 500;
    color: var(--primary-color) !important;
    font-size: 17px;
    margin: 0;
    justify-content: flex-start;
    text-align: left;
}

.login-link:hover {
    color: var(--secondary-color) !important;
}

.back-button a {
    color: var(--on-primary-color);
    font-weight: 500;
}

.patter-bg {
    min-width: 37%;
    position: absolute;
    left: 0;
    top: 0;
}

    .patter-bg svg {
        fill: var(--primary-color);
    }

.no-message-wrapper {
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
}

.no-message-img {
    margin: 0 auto;
    display: block;
    max-width: 66%;
}

.n-msg-txt {
    font-size: 1.3rem;
    color: var(--secondary-color);
    font-weight: 600;
    margin: 5px 0px;
}

/*media starts*/

@media(min-width: 1200px) {
    .form-inner-div {
        max-width: 59%;
    }
}

@media(max-width: 1199px) {
    .form-inner-div {
        max-width: 80%;
    }
}

@media (max-width: 1100px) {
    .crads-radio-div {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-summary-inner-div .prac-name-div {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        grid-gap: 28px;
    }

    .os-pract-name {
        text-align: left;
        grid-gap: 7px;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .cardrow .col-md-4 {
        width: 27.333333%;
    }

    .dcmb-30 {
        margin-bottom: 30px;
    }

    .cardrow {
        display: flex;
        justify-content: center;
        margin-top: 5%;
        margin-bottom: 8%;
    }

    .no-padding {
        padding: 0;
    }


    .choose-pract-div .bottom-sec .cardrow {
        margin-top: 12%;
    }

    /*.choose-pract-div {
            display: flex;
            justify-content: space-evenly;
        }*/

    .cardrow .col-md-4 {
        width: 27.333333%;
    }

    .cardrow {
        display: flex;
        justify-content: center;
        margin-top: 5%;
        margin-bottom: 8%;
    }

    .no-padding {
        padding: 0;
    }


    .suggested-consult-div .bottom-sec .cardrow {
        margin-top: 12%;
    }

    .suggested-consult-div {
        display: flex;
        justify-content: space-evenly;
    }
}

@media (max-width: 991px) {
    .order-summary-points .tick {
        top: 3px;
    }

    .cardrow .col-md-4 {
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .hc-parteners img {
        max-width: 68px;
        height: auto;
    }

    .oc-main-wrapper section.fx-grid-component {
        max-width: 90%;
    }

    .cardBoxDiv {
        background-color: white !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .explore-our-healing-modalities p {
        font-size: 19px !important;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 12px !important;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn.refer-therapist {
        font-size: 12px !important;
    }

    .main-head-steps-sp {
        align-self: flex-start;
        padding-top: 4%;
        max-width: 72% !important;
        margin: 0 auto;
    }

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

    .other-payment-method {
        margin-bottom: 30px;
    }

    .suggested-consult-div .bg-color .cardVideoBox {
        min-height: 170px;
        border-radius: 15px 15px 0 0;
    }

    .radio-credit-cards {
        font-size: 18px;
    }

    .choose-pract-div .bg-color .cardVideoBox {
        min-height: 170px;
        border-radius: 15px 15px 0 0;
        left: 15px;
        width: 92%;
        border: 1px solid #e4e4e4;
        top: 0px;
        border-bottom: 0 !important;
    }

    .sp-review-slider {
        width: 68%;
        margin: 0 auto;
    }

    .choose-pract-div .bottom-sec .sugge-cons-btn {
        font-size: 16px;
        margin-top: 4rem;
        width: 100%;
    }

    .choose-pract-div .bottom-sec {
        margin: 3rem 3rem;
    }

    .choose-pract-div .bg-color .top-sec {
        padding: 3rem 1.6rem;
    }

    .explore-btns div {
        margin: 2rem 1rem;
    }

        .explore-btns div a {
            padding: 8px 17px;
            font-size: 16px;
            border: 2px solid #9f9e9e;
        }

    .cardrow .energy-hover .energy-img {
        height: 260px;
    }

    .cardrow .SubconsciousWorld-hover .SubconsciousWorld-img {
        height: 260px;
    }

    .cardrow .Empowerment-hover .Empowerment-img {
        height: 260px;
    }

    .cardrow .explore-hover .explore-img {
        height: 260px;
    }

    .explore-mod-stage3 .col-xs-12 {
        margin-bottom: 2rem;
    }

    .time-zone-time-scale label {
        padding-left: 0 !important;
    }


    .doc-avail-calender {
        position: relative;
    }


    .form-group.doc_prof .form-control[data-field-name="IdProofType"] {
        min-width: 170px !important;
        max-width: 170px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {

    #LoginModalContent #LoginModal .bck_header button {
        margin-top: -1px !important;
        margin-right: 39px !important;
    }

    .mob-cmb-0 {
        margin-bottom: 0;
    }

    .media-inner-box p {
        font-size: 16px;
    }


    .placehold-slick {
        margin-left: -15px;
        margin-left: -15px;
    }

    .dg-placeload {
        grid-template-columns: 100%;
    }

    .media-inner-box.cw-85per {
        width: 100%;
    }

    .cw-100p {
        width: 100%;
    }

    .block-info calling .list-social {
        left: 0;
    }

    .table-responsive table.comp-aptmnt tbody tr td {
        min-width: 200px;
    }

    .btn-link-prac {
        flex-direction: column;
    }

    .welcome-hc-section {
        margin-top: 0rem !important;
    }

    .reason-bs-div .welcome-txt {
        margin: 2rem 0 2rem !important;
    }

    .book-rad-left p {
        text-align: left;
        margin-top: 1.5rem;
    }


    /*#fmrPayment .order-summary-main-div {
            display: none;
        }*/

    .cust-pay-btn {
        width: 100%;
    }

    /*.cards-div span img {
        width: 35px;
    }*/

    .crads-radio-div {
        display: inline-block;
    }

    .order-summary-inner-div {
        margin: 30px 0;
    }

    .floating-label label.float-label {
        left: 15px;
    }


    .cardrow .energy-hover .energy-img {
        height: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .cardrow .SubconsciousWorld-hover .SubconsciousWorld-img {
        height: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .cardrow .Empowerment-hover .Empowerment-img {
        height: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .cardrow .explore-hover .explore-img {
        height: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .explore-mod-stage3 .col-xs-12 {
        margin-bottom: 2rem;
    }

    .explore-btns div a {
        padding: 8px 13px;
        font-size: 14px;
        border: 1px solid #9f9e9e;
    }

    .explore-btns div {
        margin: 2rem 0.5rem;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 41% !important;
    }

    .sp-review-div {
        min-height: 245px;
        max-height: 245px;
    }

    .sp-review-slider {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .review-text-sp.text-center {
        margin-top: 2rem;
        width: 92%;
    }

    .review-text-sp p {
        text-align: center;
    }

    .QuestsDiv {
        width: 100%
    }

    .suggested-consult-div .bottom-sec h3, .choose-pract-div .bottom-sec h3 {
        font-size: 15px;
    }

    .suggested-consult-div .top-sec .prac-details-serc-sugg h3, .choose-pract-div .top-sec .prac-details-serc-sugg h3 {
        font-size: 16px;
    }

    .choose-pract-div .bg-color .top-sec {
        padding: 2rem 1.5rem;
    }

    .choose-pract-div {
        margin: 0;
    }

        .choose-pract-div .search-boxes {
            margin-bottom: 2rem;
        }

    .suggested-consult-div {
        margin: 0;
    }

    .extend-btns {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .extend-btns button {
            width: 92.5%;
            margin: 6px auto 14px;
        }

        .extend-btns label {
            font-size: 11px !important;
            font-weight: 500;
            padding-top: 7px;
            margin-left: 15px !important;
            float: left;
        }

    .notific8-container.bottom.left article {
        width: 96% !important;
    }

    .suggested-consult-div .search-boxes {
        margin-bottom: 2rem;
    }

    .choose-pract-div .choice-of-parc-box {
        padding: 0;
    }

    .choose-pract-div .bottom-sec {
        margin: 2rem 3rem;
    }

        .choose-pract-div .bottom-sec .sugge-cons-btn {
            font-size: 18px;
            margin-top: 1.5rem;
            width: 100%;
        }

    .choose-pract-div .bg-color .cardVideoBox {
        min-height: 170px;
        top: 0px;
        width: 100%;
        left: 0px;
        border-radius: 15px 15px 0 0;
        right: 0;
        border-bottom: 0 !important;
        border: 1px solid #e4e4e4;
    }

    .free-consul-main-div .head-row h4 {
        padding: 0 15px;
        margin-bottom: 3rem;
    }

    .choose-pract-div .search-boxes {
        min-height: 420px;
        max-height: 420px;
    }

    .choose-pract-div .bg-color .play-btn-search-sugg img, .suggested-consult-div .bg-color .play-btn-search-sugg img {
        width: 30px;
    }

    .choose-pract-div .bg-color .play-btn-search-sugg {
        right: 14px;
        top: 9px;
    }

    .suggested-consult-div .choice-of-parc-box {
        padding: 0;
    }

    .suggested-consult-div .bottom-sec {
        margin: 2rem 3rem;
    }

        .suggested-consult-div .bottom-sec .sugge-cons-btn {
            font-size: 18px;
            margin-top: 1.5rem;
            width: 100%;
        }

    .suggested-consult-div .bg-color .cardVideoBox {
        min-height: 170px;
        top: 0px;
        width: 100%;
        left: 0px;
        right: 0;
        border-bottom: 0 !important;
        border-radius: 15px 15px 0 0;
        background: #fff;
    }

    .free-consul-main-div .head-row h4 {
        padding: 0 15px;
        margin-bottom: 3rem;
    }

    .suggested-consult-div .search-boxes {
        min-height: 420px;
        max-height: 420px;
    }

    .suggested-consult-div .bg-color .play-btn-search-sugg img, .suggested-consult-div .bg-color .play-btn-search-sugg img {
        width: 30px;
    }

    .suggested-consult-div .bg-color .play-btn-search-sugg {
        right: 6px;
        top: 10px;
    }

    .suggested-consult-div .carousel-div .carousel-inner .testimonial {
        min-height: 379px !important;
    }

    .suggested-consult-div .bg-color .top-sec {
        padding: 3rem 1.5rem;
    }

    .choose-pract-div .bg-color .cardImgBox:hover .hover-overlay {
        width: 100%;
        left: 0;
    }

    .indendiv {
        padding-left: 20px !important;
    }
}

@media (min-width: 768px) {


    #LoginModalContent #LoginModal .bck_header button {
        display: none;
    }


    .cus-mob-view {
        display: none !important;
    }

    .footer__items.footer {
        display: none;
    }

    .reasonbooksess textarea {
        width: 100%;
        max-width: 70%;
        margin: 0 auto;
    }

    .book-session {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .form-inner-div form {
        width: 50%;
    }

    .extend-btns {
        text-align: left;
        margin-left: 20px;
        margin-top: 20px;
    }

    .review-text-sp p {
        color: var(--primary-color);
        padding-left: 3rem;
    }

    .review-text-sp h5 {
        padding-left: 3rem;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 5px;
        height: 30px;
        margin-top: -15px;
        font-size: 22px;
        font-weight: lighter !important;
        color: #3e3e3e;
        box-shadow: none;
    }
}

@media (min-width: 768px) and (max-width: 769px) {
    .seperatediv1 {
        width: 48%;
    }

    .seperatediv2 {
        width: 48%;
        float: right;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .suggested-consult-div .carousel-div .carousel-inner .testimonial {
        margin: 0 !important;
    }

    .floating-label label.float-label {
        left: 15px;
    }

    .choose-pract-div .search-boxes {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1025px) {
    .radio.radio-bp.radio-gender {
        margin-left: 35%;
        margin-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .show-only-mobile {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 768px) {
    .order-summary-inner-div {
        margin: 2rem 0;
    }
}

@media (max-width: 767px) {

    .mb-20 {
        margin-bottom: 20px;
    }

    .nav-tabs {
        border-bottom: 0px solid #ddd;
    }

    .profile_tabs div.content p {
        text-align: center;
    }

    .usr_img {
        margin: 0 auto;
    }

    #wrapper #main #content #section-contact .form-contact .btn-outlined {
        width: 100%;
    }

    .btn-filter-myapp {
        margin-left: 116px !important;
    }

    .list-group-item-danger {
        text-align: left;
    }

    .fixed-table-body {
        padding-top: 1rem;
    }
}

@media only screen and (max-width: 1025px) and (min-width: 1024px) {

    #bigLoader.lds-roller {
        width: 91% !important;
        height: 384px;
        min-height: 352px;
    }

    .cradImgBoxUserDiv img.parc-image {
        width: 78px !important;
        height: 78px !important;
    }

    .logo-hc-pract-pro img {
        width: 190px;
    }

    .cspd-0 {
        padding: 0;
    }

    .section {
        padding-top: 20px !important;
    }

    .x-sign {
        border: 0px solid #4fcfd5 !important;
    }

    .cust-log-out {
        padding: 0px !important;
    }

    .select-gender-text {
        display: contents !important;
    }

    .session-type-info {
        font-size: 12px !important;
        padding-left: 40px;
    }

    .select-category .book-session input[type="radio"] + .radio-label:before {
        top: 11px !important;
    }

    #card .hc-default-btn {
        font-size: 13px !important;
    }

    .cardInfoDiv .bottom-sec h3 {
        font-size: 12px !important;
    }

    #card .back .bottom-sec .continue-button {
        min-width: 178px !important;
    }
}

.btn-prcprf.btn-primary[disabled] {
    background-color: #bbbbbb !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}
.error-main-div h1 {
    font-size: 25px;
    color: #2e2e2e;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-not-found-txt p {
    color: var(--on-primary-color);
    font-size: 16px;
    letter-spacing: 0.4px;
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
}

.error-btn-wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 30px;
    align-items: center;
    justify-content: center;
}

.error-bg {
    min-height: calc(100vh - 40px );
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright-text-404 {
    padding: 10px;
    text-align: center;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 14px;
    align-self: flex-end;
}

.copyright-text-404 p {
    margin: 0;
    color: var(--on-primary-color);
    font-size: 13.5px;
    font-weight: 500;
}

.page-not-found-txt h1 {
    font-size: 25px;
    font-family: var(--secondary-font);
    color: var(--primary-color);
    margin-bottom: 15px;
    margin-top: 40px;
    font-weight: 700;
}

@media(min-width: 768px) and (max-width: 1100px) {
    .error-bg {
        padding: 52px 0 0 !important;
        min-height: calc(100vh - 40px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .error-image {
        margin-top: 0 !important;
    }
}


@media(max-width: 767px) {
    .oic-footer {
        font-size: 11px;
    }

    .error-bg {
        padding: 52px 0 0 !important;
        min-height: calc(100vh - 40px);
    }

    .error-image {
        width: 80%;
    }
}

.learn-card-slider {
    margin-top: 70px;
}

.learn-card-slider-item {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%);
}

.learn-card-slider-item {
    margin: 0 35px;
}

    .learn-card-slider-item.slick-slide.slick-current.slick-active.slick-center {
        transform: scale(1.2);
        transition: all 300ms ease;
    }

.learn-card-slider .slick-track {
    padding: 70px 0;
}

.slider-item-img-wrapper {
    height: 170px;
    overflow: hidden;
}

    .slider-item-img-wrapper img {
        height: 100%;
        object-fit: cover;
    }

.learn-card {
    padding: 20px;
}

    .learn-card h5 {
        color: #2e2e2e;
        font-weight: 700;
        margin-top: 0;
    }

    .learn-card p {
        color: var(--on-primary-color);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

p.learn-card-pract-name {
    text-align: center;
    margin-bottom: 0;
    color: #2e2e2e;
    font-size: 12px;
}

.learn-card-slider-item.slick-center p {
    font-size: 13px;
}

.learn-card-slider-item.slick-center .slider-item-img-wrapper {
    height: 200px;
}

.learn-card-slider-item.slick-center p.learn-card-pract-name {
    font-size: 11px;
}

.learn-card-practices {
    margin-bottom: 25px;
}

.practices-name {
    margin-bottom: 0 !important;
    border: 1px solid;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 13px;
}

.bc-light-blue {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.bc-blue {
    border-color: #1e6b88;
    color: #1e6b88;
}

.learn-card-pract-name {
}

.page-not-found-txt {
    margin: 30px 0px;
}

.page-not-found-txt button.hc-default-btn.btn-salmon {
    margin-top: 1rem;
}

.error-image {
    max-width: 600px;
    margin-top: 40px;
}

.healing-clouds-url, .healing-clouds-url a {
    color: #2b8cf8 !important;
    font-weight: 500;
}

.pract-profile-disab-btn {
    min-width: 215px;
}

.nopackage-prac-pro, .nopackage-prac-pro p {
    margin: 0;
}

.cust-pagination span {
    font-size: 16px;
    padding-right: 10px;
    font-weight: 600;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

    .cust-pagination span.active {
        background-color: transparent !important;
        color: var(--primary-color);
        text-decoration: underline;
    }

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

.certificate-icon {
    width: 53px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.reschedule-request-main-wrapper::-webkit-input-placeholder {
    color: rgba(98, 98, 98, 0.74) !important;
    font-family: var(--primary-font);
    font-size: 13px;
    letter-spacing: 1px;
}

.reschedule-request-main-wrapper .suggestion-div input {
    border: 1px solid var(--primary-color);
    font-family: var(--primary-font);
    width: 100%;
}

.reschedule-btn {
    min-width: 150px;
    font-size: 21px !important;
}

.reschedule-request-main-wrapper .sec_tl {
    font-weight: 600;
    color: var(--primary-color) !important;
}

.reschedule-request-main-wrapper .forum-wrapper-new {
    border-radius: 6px;
    background: rgba(239, 254, 255, 0.5294117647058824);
    padding: 30px 0;
    border: 1px solid #adf2f6;
    padding: 35px;
}

.reschedule-request-main-wrapper .cust-form-grp {
    margin-bottom: 0.5rem;
}

.reschedule-request-main-wrapper .row-suggestion .cust-formgrp-last {
    margin-bottom: 1.5rem;
}

.reschedule-request-main-wrapper .forum-wid .sec_tl {
    margin-bottom: 30px;
    margin-top: 0;
}

.reschedule-request-main-wrapper .cust-form-grp label {
    display: block;
}

.reschedule-request-main-wrapper label {
    display: block;
    font-size: 16px;
    color: var(--on-primary-color);
    font-weight: 500;
}

.forum-wrapper-new .form-control#RescheduleReason {
    min-height: 150px;
}

.reschedule-request-main-wrapper .cust-form-grp textarea {
    border: 1px solid var(--primary-color);
    font-family: var(--primary-font);
    width: 100%;
    height: 62px;
}


.Read-more-txt {
    color: #2b8cf8 !important;
    font-weight: 500;
    text-decoration: underline;
    font-size: 15px;
    font-style: italic;
}

.review-prac-new {
    cursor: pointer;
}

.prof-img {
    position: relative;
}

    .prof-img:hover .overlay-profile {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
    }

.overlay-profile p.pract-pro-view-btn {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50% );
    color: #ffffff;
    text-align: center;
    font-family: var(--primary-font);
    font-size: 20px;
    text-decoration: underline;
    max-height: 20px;
}

.prof-img:hover .overlay-profile p.pract-pro-view-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50% );
    color: #ffffff;
    text-align: center;
    opacity: 1;
    font-size: 20px;
    text-decoration: underline;
}

.crt_div #progressValue {
    position: relative;
    top: -6px;
    font-size: 8px;
    left: 35%;
}

@media (max-width: 1600px) {
    .error-image {
        max-width: 500px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 480px) {
    #section-about-us .message-center .list-group {
        margin: 0;
    }

    #txtMessage {
        margin-top: 15px;
    }
}


#unreadMessages {
    margin-bottom: 15px;
}

.forget-password .form-contact label {
    font-weight: 500;
}

.box.practitioners-you-can-trust p strong {
    font-weight: 600;
}

.box.practitioners-you-can-trust p {
    margin-left: 19px;
}

.box.mtc-15 {
    margin-top: 15px;
}

.intro-video-upload {
    font-size: 14px;
    color: var(--on-primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 22px;
}

.box .box-heading {
    font-size: 22px;
    color: var(--primary-color);
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 22px;
    font-family: var(--primary-font);
    line-height: 26px;
}

.asterisk-cust {
    font-size: 22px;
    line-height: 0;
    position: relative;
    top: 1px;
    color: #e00000;
    padding-right: 5px;
}

.note-upload-video {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 30px;
}

#progressValue {
    font-size: 10px;
    top: -4px;
    position: relative;
}

.progress-bar {
    text-align: center !important;
}

.upoad-head {
    font-size: 22px;
    color: var(--primary-color);
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 22px;
    border-left: 2px solid var(--primary-color);
    padding-left: 15px;
    font-size: 22px;
    margin: 20px 0px 20px;
    font-family: var(--primary-font);
    line-height: 26px;
}

.cust-para-txt-upload {
    font-size: 14px;
    color: var(--on-primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    position: relative;
}

section.hear-it-from-our-user.up-vid {
    margin-bottom: 25px;
    padding: 0 2%;
    margin-top: 10px;
}

#fileUploadSection .fa-paperclip {
    font-size: 19px;
    padding-left: 6px;
}

#CompleteProfile {
    margin-bottom: 25px;
}

.pract-profile-main .form-group label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    padding-left: 0.35rem;
}
/*.pract-profile-main {
    display: grid;

}*/

.df-fdr {
    display: flex;
    align-items: flex-start;
    margin: 0;
}

.left-step1 .usr_img {
    margin: 0;
}


table.packages-wrapper tr {
    background: #f5f5f5;
}

.form-group.doc_prof .form-control[data-field-name="IdProofType"] {
    min-width: 100%;
    width: 100%;
}

.control-label.mll.image-size {
    margin-bottom: 0 !important;
}

.cpd-0 {
    padding: 0;
}

.book-rad-left {
    width: 100%;
}

.d-grid {
    display: grid;
    grid-template-columns: 35px 1fr;
    align-items: center;
}

.breadcrumb.desktopMenu {
    margin: 4px;
}


.not-active {
    min-width: 180px;
    margin-bottom: 20px;
    background-color: #828282;
    box-shadow: none;
    cursor: default;
    color: #fff;
    padding: 10px 30px;
    border: none;
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s;
    border-radius: 25px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}

.chek-para {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 500;
    line-height: 22px;
    position: relative;
}

.form-group .chek-para, .form-group .para-text {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 500;
    letter-spacing: normal;
}

.chek-para i {
    left: 0px;
}

.chek-para i {
    position: absolute;
    left: -20px;
    top: 4px;
    color: var(--primary-color);
}

.not-active:hover, .not-active:active, .not-active:focus {
    background-color: #828282;
}

.DocAvaiBreak.chek-para i {
    top: 8px;
}

.para-text.box-align {
    margin-left: 8.2rem;
}

.plc-20 {
    padding-left: 20px;
}

.default-box {
    box-shadow: var(--default-shadow);
    border: 1px solid var(--disabled-light-color);
    padding: 20px;
}

    .default-box::after {
        clear: both;
        display: table;
        content: ' ';
    }

.myc-30 {
    margin: 30px 0;
}

.mtc-5 {
    margin-top: 35px;
}

.steps-head.cm-steps-head.mtc-0 {
    margin-top: 0;
}

.thumb_info.ellipsis-text {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.main-boc-pract-profile {
    margin-bottom: 15px;
}

.fs-17 {
    font-size: 17px;
}

.w-100 {
    width: 100%;
}

.cus-default-box-for-pract-profile {
    box-shadow: none;
    border: 1px solid var(--primary-border-color);
    padding: var(--default-gap);
    border-radius: var(--bs-border-radius);
    background-color: var(--chat-dark-bg-2);
}

.ava-border .availability-2 a {
    width: 100%;
}

@media only screen and (min-width: 770px) {
    .form-group.doc_prof .form-control[data-field-name="IdProofType"] {
        min-width: 180px;
    }
}

@media only screen and (min-width: 1025px) {
    .form-group.doc_prof .form-control[data-field-name="IdProofType"] {
        min-width: 180px;
    }
}

@media only screen and (max-width: 769px) and (min-width: 768px) {
    .practitioners-you-can-trust {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 769px) {

    .df-fdr {
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {

    .hiw-df-aic {
        flex-direction: column;
    }

    .practitioners-you-can-trust p:not(:last-child) {
        margin-bottom: 18px !important;
    }

    .asterisk-cust {
        position: absolute;
        top: 10px;
        padding-right: 5px;
        left: 15px;
    }

    .note-upload-video {
        padding-left: 15px;
    }

    .box .box-heading, .upoad-head {
        font-size: 18px;
        text-align: left;
        line-height: 26px;
    }

    .box.practitioners-you-can-trust p {
        margin-left: 20px;
        text-align: justify;
    }

    .intro-video-upload p {
        text-align: justify;
    }

    .box.practitioners-you-can-trust p i {
        display: block;
    }

    .boxDiv .freeConsultation {
        margin: 12px 0 !important;
        font-size: 16px !important;
    }

    .video-back-to-dash {
        text-align: center;
        font-size: 12px !important;
        letter-spacing: 1px;
        Padding: 5px 10px !important;
        margin-top: 23px;
    }

        .video-back-to-dash:hover {
            text-align: center;
            font-size: 12px !important;
            letter-spacing: 1px;
            Padding: 5px 10px !important;
        }

        .video-back-to-dash:not(:last-child) {
            margin-bottom: 10px;
            margin-top: 20px;
        }
}

@media only screen and (max-width: 768px) {

    .dflex-jcsb {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 8px;
    }
}

.dflex-jcsb .field-validation-valid {
    line-height: 16px;
    padding: 0;
}

.para-text {
    margin: 5px 0px;
    color: var(--on-primary-color);
    font-weight: 300;
}

.mb-10 {
    margin-bottom: 10px;
}

.btn-steps {
    background: var(--theme-primary-color);
    color: var(--white-color) !important;
    text-align: center;
    Padding: 10px 20px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: var(--base-font-size);
    font-weight: 500;
    border: var(--bs-border-radius);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    letter-spacing: normal;
    min-width: 200px;
    min-height: var(--p-btn-min-height);
}

.btn-steps:active, .btn-steps:focus, .btn-steps:hover {
    background-color: var(--p-btn-hover);
}

.btn-steps-new-wdth {
    min-width: 170px;
}

.steps-multi-btn {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, min-content));
    grid-gap: 25px;
    justify-content: center;
    align-items: center;
}

.steps-multi-btn-1st {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 15px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .steps-multi-btn-1st {
        display: inline-grid;
        grid-template-columns: auto;
    }

    .prac-newdahs-bottom-input {
        text-align: center;
    }
}

.steps-six .table td {
    border: 1px solid var(--chat-inbox-border-color);
    padding: 8px 25px !important;
}

.steps-six .table th, .steps-six .table td {
    border: 1px solid var(--chat-inbox-border-color);
    vertical-align: middle;
    text-align: left;
    padding: 2px !important;
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--on-primary-color);
    font-weight: 700;
    padding: 8px 25px !important;
}

    .steps-six .table th a, .steps-six .table td a {
        color: var(--primary-color)
    }

@media(max-wdith: 767px) {
    .steps-six .table th a, .steps-six .table td a {
        white-space: nowrap;
    }
}

.steps-six .table {
    border: 1px solid rgba(46, 186, 191, 0.46);
    margin-bottom: 3px;
}

.steps-six tr td:nth-child(2) .table-check .payment-txt {
    cursor: not-allowed;
}

.steps-six tr td:nth-child(2) {
    width: 65%;
}

.steps-six {
    overflow-x: inherit;
}

.sucess-div.mt-75 {
    margin-top: 75px;
}

.pos-rel-table {
    position: relative;
}

.note-text-abs {
    position: absolute;
    z-index: 999999;
    top: 51px;
    font-size: 14px;
}

.table-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1px;
}

.steps-six .table tr label {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--on-primary-color);
    font-weight: 500;
}

.color-green {
    color: #2bc52b;
}

p.para-text.mod-great-job {
    color: var(--tag-bg-work-border-color);
    font-size: var(--base-font-size-h3);
    font-weight: 600;
}

.go-backs-to-steps, .sucess-div {
    margin: 20px 0px;
}

    .go-backs-to-steps p, .sucess-div p {
        margin-bottom: 15px;
    }

.dcr_thumb.fav-height {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.steps-head {
    color: var(--primary-color);
    font-weight: 600;
    line-height: 22px;
    font-size: var(--base-font-size-h3);
    margin: 20px 0px 20px;
    font-family: var(--secondary-font);
}

.upload-video-prac .steps-head {
    margin-bottom: 15px;
}

.steps-six-main-wrapper p.chek-para {
    padding-left: 0;
}

.cmb-10 {
    margin-bottom: 0px;
}

.mb-23 {
    margin-bottom: 23px !important;
}

.allow-microphone {
    font-size: 15px;
    margin: 10px 0px;
    letter-spacing: 1px;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

#myModalCus {
    width: 100%;
    height: initial;
    margin: 0 auto;
    min-height: 200px;
    z-index: 9999;
    max-width: 950px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#myModalCus .modal-body {
    min-height: 400px;
}

#myModalCus .modal-content {
    position: relative;
    border: 1px solid var(--chat-inbox-border-color);
}

#myModalCus .modal-content .close {
    position: absolute;
    right: 17px;
    top: 0;
    color: var(--on-primary-color);
    z-index: 99999999;
    font-size: 4rem;
}

.allow-media-gif {
    width: 420px;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    border: 1px solid var(--sidebar-bg-color);
    padding: 15px;
    background: var(--bg-default);
}

@media(max-width: 1500px) {
    .allow-media-gif {
        width: 310px;
    }

    .allow-media-gif-team {
        width: 700px;
    }
}

#myModalCus .modal-content {
    margin: 15px;
}

.media-test-modal#myModalCus .modal-content {
    margin: 0;
}

.check-txt-dis.check-align .control__indicator {
    top: 5px;
}

.steps-head.cm-steps-head {
    margin-bottom: 15px;
    margin-top: 30px;
}

.after-video-upload-btn {
    margin-top: 20px;
}

.dflex-jcsb {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.upload-wrapper p {
    margin-bottom: 0;
    margin-right: 16px;
}

.breadcrumb li a {
    font-size: 14px;
    margin: 5px 0px;
    color: var(--on-primary-color);
    font-weight: 500;
    letter-spacing: 1px;
}

.media-test-refresh-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.media-test-refresh-btn button{
    min-width: 150px;
}

.allow-media-gif-team {
    width: 900px;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    border: 1px solid var(--sidebar-bg-color);
    padding: 15px;
    background: var(--bg-default);
}

@media(max-width: 767px) {
    .media-test-refresh-btn {
       flex-direction: column;
    }
}


#doctAvailCalender .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 5px 7px 5px 7px;
}

.dx-scrollable-wrapper .dx-texteditor-input, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--on-primary-color);
    font-weight: 500;
}

.dx-field-item-label-text, .dx-item dx-list-item .dx-list-item-content {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--on-primary-color) !important;
    font-weight: 600;
}

.template-title {
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
    white-space: nowrap;
    line-height: 1.35;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
}

/*.dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    background-color: var(--primary-color) !important;
    color: #ffffff;
    padding: 10px 30px;
    border: none;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    min-width: 160px;
}*/


.dx-popup-normal .dx-toolbar .dx-popup-done, .dx-popup-normal .dx-popup-cancel {
    border: none;
    background: transparent;
}


#ulTimeScale {
    margin-bottom: 0;
}


.dx-scheduler-header-panel-cell {
    color: #595959;
}

.dx-scheduler-navigator-caption .dx-button-content {
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 14px;
}

.dx-scheduler-time-panel-cell:after {
    height: 0px !important;
}

.dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: var(--theme-primary-color);
}

.dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before, .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-texteditor.dx-state-hover {
    border-color: var(--prmary-light-color);
}


.dx-button-mode-contained {
    border: 0;
}

    .dx-button-mode-contained.dx-state-active {
        background-color: #ffffff;
        border-color: transparent;
        color: #595959;
    }

.dx-toolbar-label .dx-toolbar-item-content > div {
    font-family: var(--primary-font);
    font-size: 20px;
    color: var(--on-primary-color) !important;
    font-weight: 800;
}

.dx-scheduler-appointment-popup .dx-popup-bottom {
    border-top: 0px solid #ddd !important;
}

.dx-popup-title {
    border-bottom: 0px solid #ddd !important;
}

.dx-scheduler-recurrence-rule-item.dx-field-item {
    border-top: 0px solid #ddd !important;
}

.dx-scheduler-appointment-popup.dx-popup-wrapper.dx-scheduler-appointment-popup .add-schedule-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label {
    left: -110px;
}

.dx-scheduler-appointment-tooltip-wrapper {
    top: 22px !important;
}

    .dx-scheduler-appointment-tooltip-wrapper .appointment-custom-tooltip.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-inherit-height {
        max-width: 800px;
        top: 22px !important;
    }

        .dx-scheduler-appointment-tooltip-wrapper .appointment-custom-tooltip.dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-inherit-height .dx-popup-content {
        }

.dx-popup-wrapper .dx-field-label, .dx-scheduler-view-switcher-label {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--on-primary-color) !important;
    font-weight: 600;
}

.dx-popup-wrapper.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
    position: relative;
    left: 0px;
    top: -13px;
}

.dx-first-col.dx-last-col.dx-field-empty-item {
    display: none;
}

.dx-scheduler-appointment-popup.dx-popup-wrapper.dx-scheduler-appointment-popup .add-schedule-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
    position: absolute;
    left: -110px;
    padding-right: 10px;
}

.dx-scheduler-appointment-popup .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 20px;
}

.dx-dialog-message i {
    font-style: normal;
}

.dx-popup-wrapper.dx-scheduler-appointment-popup .dx-recurrence-editor-container {
    margin-top: 0px;
    margin-bottom: 0;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content,
.dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon {
    color: var(--primary-color) !important;
}

.dx-overlay-content .dx-popup-cancel .dx-widget.dx-button-has-text {
    border: 0 !important;
}

.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--theme-primary-color) !important;
    box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px var(--theme-primary-color) !important;
}

.dx-overlay-content .dx-button-mode-contained.dx-state-active {
    background-color: transparent !important;
}

.dx-popup-content .dx-texteditor-input {
    color: #595959;
    font-family: var(--primary-font);
}

.dx-button-mode-contained {
    border: 0 !important;
}

.error-d-block {
    width: 100%;
    padding-top: 0;
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
    margin: 15px 15px 15px 15px !important;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: var(--primary-color) !important;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label {
    left: -110px !important;
}

.dx-button-text {
    cursor: pointer;
}

.dx-datebox-wrapper-calendar .dx-calendar {
    margin: 15px !important;
}

.dx-scheduler-date-table-other-month.dx-scheduler-date-table-cell {
    opacity: 1;
    color: var(--default-border) !important;
}

html[color-mode="dark"] .dx-scheduler-date-table-other-month.dx-scheduler-date-table-cell {
    color: #4e545f !important;
}

.appointment-tooltip {
    display: flex;
    align-items: flex-start;
    padding: 2px 5px;
}

    .appointment-tooltip .appointment-info .app-tt-data {
        width: 100%;
        word-break: break-word;
        white-space: normal;
        font-size: 13px !important;
        font-weight: 400;
        line-height: 21px;
    }

    .appointment-tooltip img {
        border-radius: 50%;
        margin-bottom: 0 !important;
    }

    .appointment-tooltip .appointment-title {
        font-size: 17px;
        line-height: 22px;
        color: var(--primary-color);
    }

    .appointment-tooltip .appointment-title {
        font-size: 15px;
        line-height: 21px;
        color: var(--primary-color);
        letter-spacing: 1px;
    }

.template-details {
    font-family: var(--primary-font);
}

/*css for message*/

.conditions-alignments-wrapper {
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0 20px;
    background-color: rgba(133, 231, 234, 0.16);
    box-shadow: 0px 2px 1px 1px rgba(125, 125, 125, 0.17);
}

.df-jcsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dg-minmax {
    display: grid;
    grid-template-columns: 170px 1fr;
    flex-wrap: wrap;
    grid-gap: 15px;
    align-items: flex-start;
}

    .dg-minmax:not(:last-child) {
        margin-bottom: 25px;
    }

.symptoms-list {
    margin-bottom: 0;
}

.billing-details-wrapper, .default-text {
    letter-spacing: 1px;
}

.package-wrapper h3.dashboard-heading {
    padding-bottom: 0;
}

.default-text-with-check {
    position: relative;
    padding-left: 28px;
}

    .default-text-with-check i.fa-check {
        color: var(--primary-color);
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 1px;
    }

table.new-dashboard-package tr th {
    text-align: center;
    font-size: 16px;
}

table.new-dashboard-package tr td {
    border-top: 0;
    text-align: center;
    padding: 15px 10px;
}

table.new-dashboard-package tr:first-child td,
table.new-dashboard-package tr th {
    padding-bottom: 16px;
    padding-top: 16px;
}

table.new-dashboard-package tr td {
    color: #7f7f7f;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
    border: 1px solid rgba(48, 149, 152, 0.19) !important;
}

    table.new-dashboard-package tr th,
    table.new-dashboard-package tr td.pckg-center {
        color: #2d2d2d;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

    table.new-dashboard-package tr td:nth-child(n+3) {
        border: 0 !important;
        border-right: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

table.new-dashboard-package tr:last-child td:nth-child(n+3) {
    border-bottom: 1px solid rgba(48, 149, 152, 0.19) !important;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
    border-radius: 18px;
    /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        top: 16px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
        top: 16px;
    }

.switch-input:checked ~ .switch-label {
    background: rgb(102, 201, 203);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.new-dashboard-package .form-group {
    margin-bottom: 0px;
}

.df-jcc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-wrapper-enb-dsbl label {
    margin: 0;
    padding-right: 5px;
}

.client-wallet-dashboard tr th:first-child {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(2) {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(4) {
    width: 10%;
}

.package-details-table table tr:last-child td {
    padding-bottom: 0;
}

.inbox-content-section .inbox-dash tr td {
    vertical-align: middle;
    padding: 8px 7px;
    border-top: 0;
}

.inbox-content-section table > tbody > tr {
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

footer p a[href="tel:0845 4647"] {
    color: #fff;
}

.inbox-dash {
    padding: 5px 5px 8px 5px;
}

.inbox-dash table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px 0px;
}

.sender-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.sender-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.sender-name-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.sender-name-wrapper label {
    cursor: pointer;
}

.wd-2p {
    width: 2%;
}

.wd-10p {
    width: 10%;
}

.wd-20p {
    width: 20%;
}

.wd-25p {
    width: 25%;
}

.vertical-dot {
    text-align: right;
}

    .vertical-dot:after {
        content: '\2807';
        font-size: 24px;
        color: #cccccc;
    }

.inbox-content-section .slimScrollDiv {
    padding-right: 15px;
}

.recent-msg-head {
    font-size: 14px;
    color: #626262;
    font-weight: 500;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.fw-700 {
    font-weight: 700;
    color: #32333a;
}

.sender-name-wrapper label.sender-name {
    color: #9699a9;
    letter-spacing: 1px;
    font-weight: 700;
}

.inbox-content-section .inbox-dash tr td {
    border-bottom: 1px solid rgba(236, 239, 243, 0.64) !important;
}

#listMessagesLeft .inbox-content-section .slimScrollDiv,
#listMessagesLeft {
    padding-right: 0px;
}

    #listMessagesLeft .inbox-content-section .slimScrollDiv {
        padding-right: 0px;
    }

.active-left-inbox-message {
    background-color: rgba(185, 198, 219, 0.2);
}

.inbox-content-section .inbox-dash tr:not(:last-child) td {
    border-bottom: none;
}

.inbox-content-section .inbox-dash tr .highlight-unread-msg {
    position: relative;
}

    .inbox-content-section .inbox-dash tr .highlight-unread-msg::before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #f49f61;
        position: absolute;
        left: 15px;
        transform: translateX(-50%);
        top: 42%;
        border-radius: 50%;
    }

.sender-name-wrapper label.sender-name.fw-700 {
    font-weight: 700;
    color: #32333a;
    display: grid;
    align-items: center;
}

.msger {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    border-radius: 5px;
    background: #F8F8F8;
    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.12);
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 5px 12px;
    background: #ffffff;
    color: #9699a9;
}

.msger-header-title h5 {
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0;
    padding: 0px 0;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}

.left-msg .msg-text {
    color: #9699a9;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 0.3px;
}

.right-msg .msg-text {
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: 0.3px;
}

.msger-chat {
    flex: 1;
    overflow-y: auto;
    padding: 15px 20px 15px 25px;
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .msg:last-of-type {
        margin: 0;
    }

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

.msg-info-time {
    font-size: 10px;
    position: absolute;
    right: 8px;
    bottom: 7px;
    letter-spacing: 0.2px;
}

.sender-name-left {
    margin-bottom: 0;
    margin-top: 0;
}

.highlight-unread-msg .sender-name-left {
    font-weight: 700;
}

.message-prac-div span {
    font-size: 14px;
    word-break: break-word;
}

.message-prac-div span {
    word-break: break-word;
}


.right-msg {
    flex-direction: row-reverse;
}

    .right-msg .msg-img {
        margin: 0 0 0 10px;
    }

.msger-inputarea {
    padding: 15px;
    position: relative;
}

.msger-input {
    width: 100%;
    max-width: 100%
}

.msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

    .msger-send-btn:hover {
        background: rgb(0, 180, 50);
    }

.attachment-message-chat {
    color: #9699a9;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
}

.inbox-dash table {
    margin-bottom: 0;
}

.msger-header-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.online-status small {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.offline-status {
    background-color: #9e0b0f;
}

.available-status {
    background-color: #3cb878;
}

.busy-status {
    background-color: #f0e748;
}

span.online-status {
    font-size: 12px;
    color: #a4a8b5;
    font-weight: 500;
}

.msger-header-title {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 10px;
}

.online-name-head {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #3cb878;
    display: inline-block;
}

.slimScrollBar {
    opacity: 1 !important;
}

.image-upload-inbox > input {
    opacity: 0;
    width: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 28px;
    z-index: 999;
    left: 0;
}

.image-upload-inbox i {
    cursor: pointer;
    font-size: 28px;
    color: #4e4e4e;
}

.emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.msger-inputarea .emoji-picker-icon.parent-has-scroll {
    right: 78px;
}

.image-upload-inbox label {
    margin-bottom: 0 !important;
}

.image-upload-inbox {
    margin-right: 5px;
    position: relative;
    margin-left: 20px;
}

.upload-img-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

    .upload-img-wrapper svg {
        cursor: pointer;
        width: 34px;
        height: 16px;
    }

.upload-file-size {
    padding-left: 5px;
    display: inline-block;
    position: relative;
    top: 0px;
    font-size: 10px;
    min-width: 71px;
    float: right;
    text-align: right;
}

.docs-time-size-wrapper {
    color: var(--secondary-color);
}

.upload-file-icon {
    font-size: 10px;
    padding-right: 3px;
}

.mesage-sender-image {
    font-weight: 500;
    cursor: pointer;
    color: #ffffff;
    width: 80%;
    word-break: break-word;
}

.left-msg .mesage-sender-image {
    color: #fff;
}

.left-msg .upload-file-icon {
    font-size: 13px;
    padding-right: 3px;
    color: #fff;
}

.right-msg .msg-bubble.msg-bubble-img-type {
    background: #fff;
}

.left-msg .msg-bubble.msg-bubble-img-type {
    background: var(--chat-left-bubble);
}

    .left-msg .msg-bubble.msg-bubble-img-type p,
    .right-msg .msg-bubble.msg-bubble-img-type p {
        color: var(--on-primary-color);
    }

/*tail for document*/
.right-msg .msg-bubble-img-type:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    right: -10px;
    position: absolute;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #fff transparent transparent transparent !important;
}

.left-msg .msg-bubble-img-type:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #fff transparent transparent;
}

/*tail for image*/

.right-msg.msg-image .msg-bubble::after,
.right-msg.msg-gif .msg-bubble::after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: inherit;
    right: -10px;
    position: absolute;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: var(--on-secondary-color) transparent transparent transparent;
}

.left-msg.msg-image .msg-bubble::after,
.left-msg.msg-gif .msg-bubble::after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--on-secondary-color) transparent transparent;
}

.right-msg.msg-image .msg-bubble:before,
.right-msg.msg-gif .msg-bubble:before {
}

/*tail msg for recommend msg*/
.right-msg.recommnd-msg .msg-bubble:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: inherit;
    right: -10px;
    position: absolute;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: var(--salmon-dark2-color) transparent transparent transparent;
}

.left-msg.recommnd-msg .msg-bubble:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--salmon-dark2-color) transparent transparent;
}

/*tail msg for recommend msg ends*/


span.mesage-sender-image:hover {
    text-decoration: underline;
}

span.mesage-sender-image {
    position: relative;
    transition: all .5s;
}

.recent-message {
    padding-top: 5px;
}

/*.msg-bubble-img-type::after {
    display: none;
}*/

.notification-list-items .notification-list {
    height: auto !important;
    width: 100%;
    margin-bottom: 0;
    overflow-y: auto !important;
}

.notification-list-items {
    height: auto !important;
}

    .notification-list-items li.notifi-title span {
        background: #ffffff;
        font-weight: 600;
        padding: 0;
        margin-top: 0;
        color: var(--primary-color) !important;
        border-radius: 50%;
        display: inline-block;
        font-size: 14px;
        margin-right: 6px;
        position: relative;
        top: 1px;
    }

    .notification-list-items li.notifi-title {
        padding: 2px 15px;
        color: #595959;
        font-size: 17px;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: center;
        font-family: var(--primary-font);
        line-height: 39px;
        font-weight: 500;
        margin: 20px 0 20px;
        font-weight: 500;
    }

    .notification-list-items .notification-list h5 {
        color: #464646;
        margin-bottom: 0px;
    }

    .notification-list-items .notification-list p {
        color: #74788d;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 21px;
        font-weight: 300;
    }

    .notification-list-items .notification-list .media {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.notification-list-items {
    max-width: 392px;
    border: 1px solid rgba(162, 182, 183, 0.16862745098039217);
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0px 5px 15px 2px rgba(0, 0, 0, 0.13);
    right: 30px;
}

    .notification-list-items .notification-list .fa-2x {
        font-size: 18px;
    }

    .notification-list-items .notification-list a {
        padding: 6px 8px !important
    }

.notification-last-seen {
    float: right;
    font-size: 11px;
    color: #74788d;
}

.notification-wrapper {
    font-size: 13px;
    color: #595d6e;
}

.bck-to-inbox-list {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    font-size: 32px;
    cursor: pointer;
    padding: 4px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.bck-to-inbox-list i {
    line-height: 11px;
}

.welcome .notification-list-items .view-all a {
    text-align: center;
    background-color: var(--primary-color);
    padding: 8px !important;
    font-size: 14px;
}

    .welcome .notification-list-items .view-all a:hover {
        background-color: #05a9af;
        color: #fff !important;
    }

.notification-list-items .notification-list .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 1.1rem 1.5rem !important;
    border: none;
    border-top: 1px solid #f7f8fa;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.notification-img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

li.view-all {
    padding: 1rem 1.5rem !important;
    text-align: center;
    background-color: #f7f8fa;
}

.notification-img img {
    width: 100%;
}

.notification-list .media-heading {
    margin-top: 0;
    margin-bottom: 0px;
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    grid-gap: 10px;
}

.welcome .dropdown-menu li#notificationlist a:hover {
    background-color: #d9f0f1;
    color: #ffffff !important;
}

.zero-notofication {
    text-align: center;
}

    .zero-notofication .notifi-title {
        justify-content: flex-end !important;
    }

    .zero-notofication .para-text {
        margin-bottom: 0px;
    }

    .zero-notofication .content-area {
        background-color: #fff;
        padding: 10px;
        text-align: center;
    }

    .zero-notofication #newnotificationCount {
        display: none;
    }

.view-all-notification .content-area {
    text-align: center;
    min-height: 276px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.para-text {
    font-size: var(--base-font-size);
    margin: 5px 0px;
    color: var(--on-primary-color);
    font-weight: 400;
}

.ad_thead-h th p.para-text {
    font-weight: 600;
    color: #464646;
}

.df-gafr {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    align-items: center;
}

/*
.view-all-notification .fixed-table-container thead th .th-inner {
    line-height: 15px;
    border: 0px solid #f1eaea !important;
}

.view-all-notification .bootstrap-table .table > thead > tr > th {
    border: 0 !important;
    border: 1px solid #f1eaea !important;
}*/

.view-all-notification .table > tbody > tr > td:nth-child(n+2) {
    width: 60%;
}

.view-all-notification .table > tbody > tr > td {
    vertical-align: middle;
}

.view-all-notification .bootstrap-table .table td a.para-text {
    text-decoration: underline;
}

.view-all-notification .bootstrap-table .table td a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.notofication-dash-msg {
    position: relative;
}

    .notofication-dash-msg #notificationCount {
        top: 2px;
        right: 1px;
        color: #fff;
        left: auto;
        font-weight: 500;
        background: #ec2424;
        font-size: 13px;
        width: 27px;
        height: 27px;
        padding: 7px 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 15px;
    }

.dctr_dash p {
    font-size: 15px;
    color: var(--on-primary-color);
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 29px;
}

.dctr_dash h2, .dctr_dash strong {
    font-size: 21px;
    color: var(--on-primary-color);
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0px 0 0px;
    font-family: var(--primary-font);
}

div.review-box-greeting {
    width: 100% !important;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 1px rgba(191, 233, 234, 0.74);
    min-height: 330px;
}

    div.review-box-greeting p.para-text {
        position: relative;
        padding-left: 29px;
        text-align: left;
        letter-spacing: initial;
    }

    div.review-box-greeting .tick {
        margin: 0;
    }

    div.review-box-greeting .fa-check.tick::after {
        content: '';
        position: absolute;
        font-weight: 800;
        left: 0;
        background: url(/Content/images/new-home/tick-new.svg);
        background-size: 100%;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        top: 10px;
    }

.dash-intro-video {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 3px 1px rgba(191, 233, 234, 0.74);
    min-height: 330px;
    background-color: #000;
}

.dctr_dash .did-it-greeting {
    color: var(--primary-color);
    margin-bottom: 15px;
    display: inline-block;
    font-size: 19px;
    text-align: left;
}

.new-greeting-modifier {
    letter-spacing: initial;
    line-height: 27px;
    padding: 0;
}

.completion-prof {
    padding-top: 8%;
}

    .completion-prof h2.greeting-dash-head {
        padding-bottom: 25px;
    }

.dctr_dash .thank-you-text {
    display: inline-block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 500;
    line-height: 27px;
}

.abt_you textarea {
    min-height: 70px;
}

.certfication-sticky {
    display: none !important;
    position: fixed;
    bottom: 50%;
    right: 0;
    text-align: left;
    margin: 0;
    background-color: var(--primary-color);
    transform: translateY(50%);
    padding: 0 15px;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0px 2px 4px rgba(214, 202, 202, 0.44), 0px 2px 4px rgba(161, 165, 165, 0.39);
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(104px) translateY(50%);
    transition: all .9s;
}

    .certfication-sticky img {
        width: 70px;
    }

    .certfication-sticky .hippa-sticky {
        width: 70px;
    }

    .certfication-sticky .gdpr-sticky {
        width: 74px;
    }

    .certfication-sticky .godady-sticky {
        width: 70px;
    }

    .certfication-sticky ul li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

.vidbtn-width #rescheduleBtn,
.vidbtn-width #videobtn.video {
    min-width: 155px;
    padding: 8px 8px;
}


.vidbtn-width #rescheduleBtn {
    background-color: #149e22;
    margin-left: 15px;
}

.reschedule-page {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 15px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.form-group.reschedule-page {
    margin-bottom: 0 !important;
}

.reschedule-page button {
    min-width: 160px;
}

.reschedule-request-main-wrapper .forum-wrapper-new .sec_tl {
    font-weight: 600;
    color: var(--primary-color) !important;
    margin: 0 0 35px 0;
}

.forum-wrapper-new .form-control {
    height: 40px;
}

.reschedule-request-main-wrapper.reschedule-request-cust #RescheduleReason,
.reschedule-request-cust select.form-control, .reschedule-request-cust input.form-control {
    border: 1px solid var(--primary-color);
}

.reschedule-request-cust .forum-wid h3 {
    font-family: var(--primary-font);
    color: #595959;
    margin: 0;
}

.reschedule-request-cust .forum-wid .df-jcc {
    margin-bottom: 20px;
}

.reschedule-request-cust .forum-wrapper {
    background-color: rgba(245, 245, 245, 0.79);
}

.d-grid-from {
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-gap: 15px;
    align-items: flex-start;
}

.header-wrapper .logo img,
.headerinner-wrapper .logo img {
    width: 115px;
}

@media(max-width: 1199px) {
    .header-wrapper .logo img,
    .headerinner-wrapper .logo img {
        width: 100px;
    }
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.mbc-30 {
    margin-bottom: 30px;
}

ul.breadcrumb.desktopMenu {
    padding: 10px 15px 10px;
    margin: 0;
    background-color: #f5f5f5 !important;
    margin-bottom: 29px;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.cmt-0 {
    margin-top: 0 !important;
}

.dash_menu2 {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 20px 20px 20px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    /* margin-top: 122px; */
}

.greeting-dash-head {
    font-size: 21px;
    color: var(--on-primary-color);
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0px 0 0px;
    font-family: var(--primary-font);
}

.profile-prat-text {
    font-weight: 400;
    font-size: 14px;
}

.new-greeting-modifier {
    padding: 0;
}

.welcome-user-dashboard p {
    font-weight: 500;
}

.dg-mxc-mxc {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 8px;
}

    .dg-mxc-mxc .review-block-rate p {
        margin-bottom: 0;
    }

    .dg-mxc-mxc.grid-modify {
        grid-template-columns: 53px 1fr;
        grid-template-rows: 1fr;
        grid-row-gap: 3px;
    }

.review-user-message p {
    margin-bottom: 0;
}

.color-red {
    color: #f30000 !important;
}

.animation-loader-filter-prac {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
}

.height-100p {
    height: 100%;
}

@-moz-document url-prefix() {
    .step5-main-row .hide-show span {
        margin: -8px -1% 1em !important;
    }

    .appylu-text {
        display: flex;
    }
}

@media (min-width: 1100px) {
    .bck-to-inbox-list {
        display: none;
    }
}
/*ends here css*/
/*ends here css form schedule page*/
@media (max-width: 991px) {
    /*#listMessagesLeft .slimScrollDiv {
        display: none;
    }*/
    .msger {
        display: none;
    }

    .new-greeting-modifier {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .completion-prof .dash-intro-video {
        margin-bottom: 20px;
    }

    div.review-box-greeting p.para-text {
        font-size: 14px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 1199px) {
    .btn-steps {
        padding: 10px 10px;
        font-size: 14px;
        min-width: 140px;
    }

    .media-inner-box {
        width: 83%;
    }
}


@media only screen and (min-width: 768px) {
    .cus-mob-view-ll {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .cus-desk-view-ll {
        display: none;
    }

    .header-wrapper .logo img.cus-mob-view {
        width: 38px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
    }

    /*.header-wrapper .df-jcsb,
    .headerinner-wrapper .df-jcsb {
        min-height: 48px;
    }*/
}

@media only screen and (max-width: 991px) {
    .hide-ipad-pmd {
        display: none;
    }
}


@media only screen and (max-width: 769px) and (min-width: 768px) {
    .logo-hc-pract-pro img {
        width: 191px !important;
    }

    .landing-prct-header .logo-hc-pract-pro img {
        height: auto !important;
    }

    #header-bg .header-bg-content.head-wrapper-pract h1 {
        font-size: 23px !important;
    }
}

@media only screen and (max-width: 767px) {

    /*
    .pract-profile-section .vr-line-profile {
        display: none;
    }
*/
    .sucess-div.mt-75 {
        margin-top: 35px;
    }



    #LoginModalContent .modal {
        z-index: 99999;
    }

    .social-connect-button {
        background-size: 20px;
    }

        .social-connect-button span {
            font-size: 10px;
        }

    .welcome-user-dashboard h3 {
        font-size: 20px;
        color: var(--on-primary-color);
    }

        .welcome-user-dashboard h3 strong,
        .welcome-user-dashboard h3 span {
            font-weight: 600;
        }


    .main-boc-pract-profile {
        margin-bottom: 15px;
    }

    .mdf-jcc {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cus-default-box-for-pract-profile {
        padding: 15px;
    }

    .right-step1 .row .col-xs-12,
    .right-step1,
    .left-step1 .row .col-xs-12,
    .left-step1 {
        padding: 0;
    }

    #section-services {
        min-height: calc(100vh - 26px) !important;
        padding-bottom: 0;
    }

    div.review-box-greeting {
        padding: 20px;
    }

    .dctr_dash .did-it-greeting {
        font-size: 19px;
    }

    ul.breadcrumb.mobileMenu {
        display: flex;
        align-items: center;
        overflow-x: auto;
        margin-bottom: 9px;
        padding: 8px 10px;
        background-color: #fff !important;
        box-shadow: inset 3px -2px 12px #d0c6c6;
    }

    #chatBoxInbox #txtMessage {
        margin-top: 0;
    }

    .mobileMenu.breadcrumb > li {
        line-height: 24px !important;
        min-width: 140px;
        text-align: center;
    }

    .inbox-dash {
        border: 0;
    }

    ul.breadcrumb.mobileMenu::after {
        content: ' ';
        display: table;
        clear: both;
    }

    .allow-media-gif {
        width: 76%;
    }

    #FAQs .bor-rig {
        border-right: 0px solid var(--primary-color) !important;
    }

    #card .back .bottom-sec .continue-button {
        min-width: 202px;
    }

    .time-zone-time-scale .para-text {
        text-align: left;
    }

    .footer__items--list a.active-flbtn p, .footer__items--list a.active-flbtn .icon {
        color: var(--white-color);
        fill: var(--white-color);
    }

    .fixed-action-btn.direction-top.footer__items--list-profile .icon-icon-black {
        fill: var(--white-color);
    }

    .dark-mode .footer__items--list a.active .icon,
    .dark-mode .footer__items--list a.active p {
        color: var(--dark-mode-btn-color);
        fill: var(--dark-mode-btn-color);
    }

    .dark-mode .footer__items--list a.active .icon,
    .dark-mode .footer__items--list a.active p {
        color: var(--dark-mode-btn-color);
        fill: var(--dark-mode-btn-color);
    }

    .footer__items .icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        stroke-width: 0;
        stroke: currentColor;
        fill: var(--primary-color);
    }

    .footer__items--list {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .footer__items--list p {
        color: #ffffff;
        font-size: 11px;
        line-height: 12px;
        margin: 0;
        padding-top: 4px;
    }

    .footer__items--list a, .direction-top {
        padding: 7px 3px;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .footer__items--list a.active, .direction-top.active-flbtn {
        color: var(--primary-color);
        border-radius: 7px 7px 0 0;
        transition: ease-in .5s;
    }

    .footer__items--list a.active p {
        color: #fff;
        font-weight: 500;
    }

    .footer__items--list a.active .icon {
        fill: #fff;
    }

    .footer__items--list .icon {
        display: inline-block;
        width: 18px;
        height: 18px;
        stroke-width: 0;
        stroke: currentColor;
        fill: #d6d6d6;
    }

    div.footer__items {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        z-index: 999;
        background-color: #27325A;
        transition: all 0.2s ease-in-out;
    }

    .dashboard-rework .btn {
        padding: 7px 21px !important;
        font-weight: 400;
        font-size: 14px !important;
        min-width: 130px !important;
    }


    .footer__items--list svg {
        width: 21px;
        height: 21px;
        fill: var(--white-color);
    }

    @keyframes footer-collapse-anim {
        from {
            bottom: 0;
        }

        to {
            bottom: -62px;
        }
    }

    @keyframes footer-expand-anim {
        from {
            bottom: -62px;
        }

        to {
            bottom: 0;
        }
    }

    .footer-collapse {
        animation-fill-mode: forwards;
        animation-name: footer-collapse-anim;
        animation-duration: 0.6s;
        bottom: -56px;
    }

    .footer-expand {
        animation-fill-mode: forwards;
        animation-name: footer-expand-anim;
        animation-duration: 0.6s;
        bottom: 0;
    }

    .e-number p {
        padding-left: 5%;
    }

    .e-num-list p {
        padding: 9px 0px 9px 9px;
        font-size: 13px;
        line-height: 19px;
        word-break: break-word;
    }

    .e-list-head p {
        font-size: 18px;
    }

    .e-num-list {
        grid-template-columns: 44% 1fr;
        grid-gap: 10px;
        align-items: center;
    }

    .all-pract-head label {
        font-size: 28px;
    }

    .sender-name-wrapper {
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-gap: 8px;
        align-items: center;
    }

    .sender-name-left {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {

    .d-grid-from {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        align-items: center;
    }

    .reschedule-page {
        width: 100%;
        grid-template-columns: 100%;
        max-width: 100%;
        margin-top: 0;
    }

    .reschedule-app-btns p {
        margin-bottom: 0;
    }

    .reschedule-request-main-wrapper label {
        display: block;
        font-size: 15px;
    }

    .dg-minmax {
        grid-template-columns: 1fr;
        grid-gap: 2px;
    }

    .forum-wrapper-new .form-control#RescheduleReason {
        min-height: 130px;
    }

    .section-reschedule-app {
        padding-bottom: 1.7rem;
    }
}

@media only screen and (max-width: 769px) and (min-width: 768px) {
    .box.package-main-div-info {
        margin-bottom: 0px !important;
    }
}
/*css form firefox*/
@-moz-document url-prefix() {
    .msger-inputarea .emoji-picker-icon.parent-has-scroll {
        right: 91px;
    }

    .inbox-content-section .slimScrollDiv {
        padding-right: 15px;
        margin-bottom: 10px;
    }
}

@media (min-width: 1253px) {
    .client-mobile-view,
    .main-navigation-wrapper,
    .navigation__background {
        display: none;
    }
}

@media (max-width: 1252px) {

    .breadcrumb.desktopMenu,
    .breadcrumb.mobileMenu {
        display: none !important;
    }

    #wrapper .header-wrapper #header .logo a {
        position: relative;
    }

    .profile.cust-txt img {
        height: 35px;
        width: 35px;
        object-fit: cover;
    }


    .wallet-nav-text {
        color: #ffffff !important;
        font-weight: 300 !important;
    }

    .drop-mobile-our-therapit .dropdown-menu li a {
        font-size: 16px !important;
        font-weight: 300 !important;
    }

    .navigation__nav .drop-mobile-our-therapit .dropdown-menu {
        top: 5px;
    }

    .drop-mobile-our-therapit .dropdown-menu.show {
        padding: 8px !important;
    }

    #wrapper .header-wrapper #header ul.list-unstyled.list-inline.navigation__nav .drop-mobile-our-therapit .dropdown-menu.show li:last-child a {
        margin-bottom: 0 !important
    }

    #wrapper .header-wrapper #header ul.list-unstyled.list-inline.navigation__nav .drop-mobile-our-therapit .drop-mobile-link:hover,
    #wrapper .header-wrapper #header ul.list-unstyled.list-inline.navigation__nav .drop-mobile-our-therapit li a:hover {
        color: #fff !important;
    }

    .lin-hei-div {
        margin-bottom: 15px;
        left: -15px;
    }

    /*.py-8 {
        padding-top: 7px;
        padding-bottom: 7px;
    }*/

    .menu.welcome.active ~ .navigation__background {
        -webkit-transform: scale(90);
        transform: scale(90);
        transition: all 1s;
        background-image: radial-gradient(#1ea8ad 10%, #286982 68%);
    }

    .navigation__background {
        top: 3.5rem;
        right: 3.5rem;
    }

    .navigation__background {
        height: 4rem;
        width: 4rem;
        border-radius: 50%;
        position: fixed;
        top: 3px;
        right: 10px;
        background: transparent;
        z-index: 0;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1),-webkit-transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        z-index: 800;
    }

    .headerinner-wrapper .navigation__background {
        left: 10px;
    }

    #wrapper .header-wrapper #header .menu ul li .icon-drop {
        width: 17px;
        height: 17px;
        display: inline-block;
        fill: #fff;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }

    #header nav .welcome.menu ul.navigation__nav,
    #headerinner nav .welcome.menu ul.navigation__nav {
        display: flex !important;
        align-items: inherit;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        width: 100%;
        margin: 0 !important;
        position: fixed;
        top: 0;
        left: 0;
        /*transform: translateX(100%);*/
        z-index: 801;
        -webkit-transition: all 1.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 1.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        background-color: rgba(46, 186, 191, 0) !important;
        transform: translateX(-80%);
        max-height: 100%;
        border: 0;
        visibility: hidden;
    }

    #header nav .welcome.menu ul.dropdown-menu.mobileUlMenu.navigation__nav,
    #headerinner nav .welcome.menu ul.dropdown-menu.mobileUlMenu.navigation__nav {
        height: initial;
    }

    #mainMenu {
        opacity: 0;
    }

        #mainMenu.showmainMenu {
            opacity: 1;
        }

    #header nav .welcome.menu.showmainMenu ul.navigation__nav,
    #headerinner nav .welcome.menu.showmainMenu ul.navigation__nav {
        visibility: visible;
    }

    #mainMenu.showmainMenu .navigation__nav {
        transform: translateX(0px) !important;
    }

    .menu.welcome.active .navigation__nav {
        opacity: 1;
        width: 100%;
    }

    .menu-open-body {
        overflow: hidden;
    }

    /*css form animated menu*/

    .headerinner-wrapper .menu-icon,
    .menu-icon-cust .menu-icon {
        top: 15px;
        left: 15px;
        right: initial;
    }

    .menu-icon {
        height: 30px;
        width: 30px;
        position: absolute;
        z-index: 2;
        right: 15px;
        top: 28px;
        cursor: pointer;
        z-index: 999;
    }

    .headerinner-wrapper .main-navigation-wrapper.nav-active .menu-icon,
    .menu-icon-cust .menu-icon {
        top: 15px;
    }

    .main-menu-text {
        position: absolute;
        right: 14px;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        bottom: 3px;
        display: none;
    }

    .header-wrapper .main-menu-text {
        position: absolute;
        right: 14px;
        color: #292929;
        font-size: 11.5px;
        text-transform: uppercase;
        bottom: -8px;
        display: none;
    }

    .menu-icon__line {
        height: 2px;
        width: 30px;
        display: block;
        background-color: #fff;
        margin-bottom: 6px;
        -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: transform .2s ease, background-color .5s ease;
        transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
        border-radius: 10%;
    }

    .headerinner-wrapper .menu-icon__line {
        background-color: #ffffff;
    }

    .nav-active .menu-icon__line-left {
        width: 15px;
        position: relative;
        left: 1px;
        top: 2px;
    }

    .nav-active .menu-icon__line-right {
        width: 15px;
        float: right;
        position: relative;
        left: 0px;
        top: -3px;
    }

    .nav-active .menu-icon__line {
        background-color: #173571;
        -webkit-transform: translateX(0px) rotate(-45deg);
        transform: translateX(0px) rotate(-45deg);
    }

    .nav-active .menu-icon__line-left {
        -webkit-transform: translateX(1px) rotate(45deg);
        transform: translateX(1px) rotate(45deg);
    }

    .nav-active .menu-icon__line-right {
        -webkit-transform: translateX(-2px) rotate(45deg);
        transform: translateX(-2px) rotate(45deg);
    }

    ul.list-unstyled.list-inline.navigation__nav li {
        border-bottom: 0 !important;
        margin: 8px 0px;
    }

    #wrapper #header .menu ul.list-unstyled.list-inline.navigation__nav li a,
    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav li a {
        font-size: 16px !important;
        font-weight: 700 !important;
        padding: 0 !important;
        line-height: 23px;
        border-radius: 2px;
        border: 0 !important;
        color: #fff !important;
        box-shadow: none;
        color: var(--primary-color) !important;
        text-align: left;
    }

    #wrapper #header .menu ul.list-unstyled.list-inline.navigation__nav li a:hover,
    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav li a:hover {
        color: var(--primary-color) !important;
        text-shadow: none;
        background-color: transparent;
    }

    .d-none-menu,
    .client-desk-view {
        display: none !important;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav .dropdown-menu.mobileUlMenu {
        display: block;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav .profile img,
    .header-wrapper .menu ul.list-unstyled.list-inline.navigation__nav .profile img {
        display: block !important;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav i.fa {
        display: none;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile,
    #wrapper .header-wrapper .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile {
        display: flex !important;
        align-items: center;
        position: relative;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile p,
    #wrapper .header-wrapper .menu ul.list-unstyled.list-inline.navigation__nav .dropdown.hi .cust-txt.profile p {
        margin-bottom: 0;
        padding-left: 15px;
        font-size: 16px;
        color: white !important;
    }
}

@media (max-width: 330px) {
    #wrapper #header .menu ul.list-unstyled.list-inline.navigation__nav li a, #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav li a {
        font-size: 19px !important;
        font-weight: 400 !important;
        padding: 6px !important;
    }

    .boxDiv .profiDivRow p {
        height: 203px !important;
        max-height: 203px !important;
    }
}

.main-header .menu-icon-cust.sidebar-toggle:before {
    content: "\2630";
    font-size: 0px;
    position: absolute;
    z-index: 9999;
    width: 35px;
    height: 35px;
    left: 10px;
}

.main-header .sidebar-toggle {
    padding: 15px 30px !important;
}

.nd-user-name {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    line-height: 17px;
    color: var(--secondary-color);
    margin-bottom: 7px;
}

.nd-user-wrapper span {
    margin-left: 0 !important;
    font-size: 10px;
    font-weight: 200 !important;
    letter-spacing: 0.3px;
}


.nd-user-wrapper {
    margin-top: 6px;
}

    .nd-user-wrapper label {
        margin-bottom: 0 !important;
    }

    .nd-user-wrapper label {
        margin-bottom: 0 !important;
        text-align: center;
        justify-content: center;
    }

@media only screen and (max-width: 767px) {
    .main-header .menu-icon-cust.sidebar-toggle {
        left: 0;
        height: 100%;
    }

    .skin-blue .main-header {
        background-color: var(--primary-color);
        color: #fff;
        border-bottom: 0 solid transparent;
        text-align: center;
    }

    .oc-content svg {
        left: 0;
    }

    .nd-user-name {
        flex-direction: column;
        display: block;
    }

    .nd-user-wrapper span {
        margin-left: 0 !important;
    }


    .nd-user-wrapper {
        margin-left: 14px;
        margin-top: 0px;
    }

        .nd-user-wrapper label {
            margin-bottom: 0 !important;
            text-align: left;
            justify-content: flex-start;
        }

    .hc-cp-main-wrapper.pat-profile-new .form-contact .checkbox label {
        margin-top: 25px;
    }

    .section-below-head-para {
        margin-bottom: 17px;
    }

    .practitioners-you-can-trust p {
        padding-left: 0 !important;
    }
}


.chat-time-new {
    font-size: 10px !important;
    letter-spacing: 0.2px;
    float: right;
    position: initial !important;
    margin: 10px -8px -3px 31px;
}

.msg-seperation-text {
    width: 30px;
    display: inline-block;
    float: right;
}

.ct-text-msg {
    float: left;
}

.msg-type-text .msg-text {
    width: 100%;
}

.msg-type-text .msg-bubble:hover::before {
    width: 32px;
}

.msg-type-text .msg-bubble .msg-text p {
    margin-right: 4px
}

.h_mod span.form-control.select2-selection.select2-selection--multiple {
    padding-right: 26px !important;
}

.reasonbooksess .social-connect-button span {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
}

.ph-input-create-password {
    position: relative;
}
/*css for practicle profile page book session page*/
.pract-profile-section .pract-profile-left {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 30px 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.review-block-date {
    font-size: 14px;
    font-weight: 500;
}

.pract-profile-section-new .steps-filter-single-pract-wrapper .ncd-learn-pract-deta h4 {
    color: var(--on-primary-color);
}

.pract-profile-section-new .overview-pract-profile label {
    letter-spacing: 0.6px;
    margin-bottom: 10px !important;
    color: var(--primary-color);
}

.pract-profile-section-new .overview-pract-profile p, .pract-profile-section-new .overview-pract-profile .calling p, .pract-profile-section-new .review-block-date {
    color: var(--on-primary-color);
}

.pract-profile-section-new .pract-profile-right .review-block-description {
    font-size: 15px;
    color: var(--secondary-color);
    letter-spacing: normal;
}

@media only screen and (min-width: 768px) {
    .pract-profile-section-new .overview-pract-profile, .pract-profile-section-new .review-tabs-wrapper {
        overflow: auto;
        max-height: calc(100vh - 210px);
    }
}

.ph-book-session-row {
    align-items: stretch;
    align-self: flex-start;
}

.ph-book-session-row .ph-default-box {
    height: 100%;
}

.steps-time-slots-wrapper .hc-default-btn.ph-promo-btn {
    box-shadow: none;
}

.ph-book-session .ph-default-box .book-session-calender-right {
    padding: 5px 0;
}

.ph-book-session-row {
    display: grid;
    grid-template-columns: 1fr 350px;
    align-items: stretch;
    grid-gap: 40px;
    min-height: 380px;
}

@media(max-width: 1000px) {
    .ph-booksssion-profile {
        display: none;
    }

    .ph-book-session-row {
        grid-template-columns: auto;
        grid-gap: 30px;
        min-height: 380px;
    }
}

/*css for forgot passwork page*/

.forgot-pass-wrapper {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.forgot-pass-wrapper  input{
    border: 1px solid var(--chat-inbox-border-color);
}

.forgot-pass-wrapper button, .forgot-pass-wrapper a {
    width: 100%;
}

.forgot-pass-wrapper .ph-default-box {
    padding: 20px 20px 30px;
}

.welcome-hc-section-fp .dg-steps-v-algin {
    width: 100%;
}

.welcome-hc-section-fp .dg-steps-v-algin {
    grid-template-rows: 20% auto 20%;
}

.welcome-hc-section-fp .forgot-pass-wrapper {
    padding: 15px;
}

.dx-custom-delete.dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
    border-color: #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: var(--on-primary-color) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none;
}

@media(max-width: 1024px) {
    .dx-popup-wrapper > .dx-overlay-content {
        width: 100% !important;
        max-width: 390px;
    }

    .dx-scheduler-appointment-popup .dx-overlay-content.dx-popup-normal.dx-popup-flex-height.dx-resizable {
        max-width: 400px !important;
        padding-top: 20px !important;
        min-height: 420px !important;
    }

    .dx-scheduler-appointment-popup .dx-toolbar-items-container .dx-toolbar-before, .dx-scheduler-appointment-popup .dx-toolbar-items-container .dx-toolbar-after {
        margin-top: 50px !important;
    }

    .dx-scheduler-appointment-popup .dx-toolbar-items-container .dx-toolbar-center {
        width: 100%;
        float: initial !important;
        margin: 0 !important;
    }

    .dx-scheduler-appointment-popup .add-schedule-popup .dx-layout-manager .dx-visibility-change-handler {
        margin-top: 5px !important;
    }
}

@media(max-width: 767px) {
/*    .dx-dialog.dx-overlay .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
        min-width: 190px;
    }*/

    .dx-dialog.dx-overlay .dx-popup-title.dx-toolbar {
        padding: 16px 20px !important;
    }

    .dx-dialog.dx-overlay .dx-button-mode-text {
        top: -3px;
    }

    .dx-dialog.dx-overlay .dx-toolbar-center {
        display: grid !important;
        flex-direction: column;
        align-items: center;
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .dx-dialog.dx-overlay .dx-toolbar.dx-widget.dx-popup-bottom .dx-toolbar-items-container .dx-toolbar-after {
        display: grid !important;
        flex-direction: column;
        align-items: center;
        grid-template-columns: auto;
        grid-gap: 15px;
        position: initial;
        justify-content: center;
        padding: 0;
    }

    .dx-dialog.dx-overlay .dx-popup-bottom.dx-toolbar {
        padding: 10px;
    }

    .dx-dialog.dx-overlay .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 !important;
    }

    .dx-dialog.dx-overlay .dx-overlay-wrapper .dx-overlay-content .dx-toolbar-items-container {
        height: initial !important;
    }
}


.ui-datepicker-title .ui-datepicker-month {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-list-gp-rd span.badge {
    margin-top: 0;
    background-color: var(--light-new-blue);
    color: var(--light-blue-dark);
    font-weight: 500;
    padding-top: 0.4em;
    min-width: 2.2em;
    display: inline-block;
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}


.welcome-hc-section {
    display: flex;
    justify-content: center;
    align-items: center;
}


.main-head-steps-sp h1 {
    font-size: 27px;
    margin-top: 0rem;
    line-height: 39px;
    margin-bottom: 0px;
}

.welcome-txt {
    color: var(--on-primary-color);
    font-weight: 500;
    font-size: 21px;
    font-family: var(--primary-font);
}

.testimonial-img-steps {
    border-radius: 50%;
    width: 88px !important;
    margin: 20px auto 0;
    height: 88px;
}

.testmonial-div {
    margin-bottom: 2rem;
}

.welcome-healing h1 {
    font-size: 36px;
    color: var(--on-primary-color);
    margin-top: 4rem;
    margin-bottom: 4.5rem;
}

.welcome-healing .welcome-txt {
    color: #626262;
    margin-bottom: 2rem;
    font-size: 19px;
    line-height: 36px;
    margin-bottom: 4.5rem;
}

.welcome-healing .continue-btn-para {
    margin-bottom: 1rem;
}

.welcome-healing .back-button {
    margin-top: 2rem;
}

.welcome-healing .back-button a {
    font-size: 18px;
    color: #3f3f3f;
    text-decoration: underline;
    font-weight: 500;
}

.welcome-healing .back-button a:hover, .welcome-healing .back-button a:focus {
    color: var(--on-primary-color);
}

.welcome-healing .back-button span {
    font-size: 15px;
    color: #3f3f3f;
    padding-right: 3px;
}


/*.right-testi-maindiv {
    margin-top: 2rem;
}*/

.continue-btn-para {
    margin-top: 12px;
}

.right-testi-maindiv .testi-content {
    padding: 30px 30px 30px;
}


    .right-testi-maindiv .testi-content .quotes-div img {
        margin: 0 auto;
    }

    .right-testi-maindiv .testi-content .quotes-div {
        position: absolute;
        top: -40px;
        left: 42%;
    }

.right-testi-maindiv .right-testi-innerdiv {
    background: #effeff;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(135,135,135,0.4);
    -moz-box-shadow: 0px 0px 2px 1px rgba(135,135,135,0.4);
    box-shadow: 0px 0px 2px 1px rgba(135,135,135,0.4);
    margin-bottom: 20px;
    border: 1px solid #adf2f6;
}

.right-testi-maindiv .testi-content p {
    line-height: 25px;
    font-weight: 500;
    color: #4d4d4d;
    margin-top: 15px;
    margin-bottom: 0;
}

.right-testi-maindiv .testi-content h3 {
    line-height: 25px;
    font-weight: 600;
    color: #4d4d4d;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0;
}

.right-testi-maindiv .testi-content p.italic-para {
    font-style: italic;
    margin: 1rem 0px;
    line-height: 26px;
}


/*css form select categories*/

.main-head-steps-sp h1 small {
    color: var(--on-primary-color);
    font-weight: 500;
    margin: 10px 0 0;
    font-size: 19px;
    font-family: var(--primary-font);
    display: block;
    line-height: 26px;
}

.select-category .back-button a:hover, .select-category .back-button a:focus {
    color: var(--on-primary-color);
}

    .select-category .back-button a:hover > span.cust-chevron-left {
        color: var(--on-primary-color) !important;
    }

.select-category .back-button span {
    font-size: 15px;
    color: #3f3f3f;
    padding-right: 3px;
}

/*css form category list*/


.center-category input[type="checkbox"] {
    position: relative;
    display: block;
    width: var(--categoreis-width);
    height: var(--categoreis-height);
    z-index: 99;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0 auto;
    outline: 0;
    cursor: pointer;
}

.center-category input[type="checkbox"]::-ms-check {
    position: relative;
    display: block;
    width: var(--categoreis-width);
    height: var(--categoreis-height);
    z-index: 99999;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0 auto;
    outline: 0 !important;
    cursor: pointer;
}

.center-category input[type="checkbox"]:after {
    content: '';
    font-size: 2em;
    text-align: center;
    color: #555555;
    position: absolute;
    display: block;
    width: var(--categoreis-width);
    height: var(--categoreis-height);
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
}

.center-category input[type="checkbox"]::-ms-ticks-after {
    -webkit-content: '';
    font-size: 2em;
    text-align: center;
    color: #555555;
    position: absolute;
    display: block;
    width: var(--categoreis-width);
    height: var(--categoreis-height);
    color: #fff;
}

.profile_tabs ul.tabs li {
    cursor: pointer;
}

/*1st list*/
.center-category input:checked::after {
    content: " ";
    width: 125px;
    height: 125px;
    position: absolute;
    border: 5px solid var(--primary-color);
    border-radius: 50%;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    font-weight: bolder;
    color: #fff;
}

.center-category input:checked:before {
    content: " ";
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%);
    background-color: rgba(53, 155, 236, 0.24);
}

@media only screen and (max-width: 767px) {
    .center-category input:checked::after {
        width: 80px;
        height: 80px;
        border: 4px solid var(--primary-color);
        top: 50%;
    }

    .center-category input:checked:before {
        width: 100px;
        height: 100px;
        top: 50%;
    }

}


.center-category input[id="defaultInline1"] {
    content: " ";
    background-image: url(/Content/images/plumm/mind.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 148px;
}


.center-category input[id="defaultInline1"] {
    content: " ";
    background-image: url(/Content/images/plumm/mind.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 148px;
}

/*2st list*/
.center-category input[id="defaultInline2"] {
    content: " ";
    background-image: url(/Content/images/plumm/body.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}

.category-coach .center-category input[id="defaultInline3"] {
    content: " ";
    background-image: url('https://liveplummblob.blob.core.windows.net/content/08012024014825.png');
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}


/*4st list*/

.center-category input[id="defaultInline4"] {
    content: " ";
    background-image: url(/Content/images/plumm/relationship.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
    width: 136px;
}

.center-category input[id="defaultInline5"] {
    content: " ";
    background-image: url(/Content/images/plumm/addiction.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
}

/*6st list*/

.center-category input[id="defaultInline6"] {
    content: " ";
    background-image: url(/Content/images/plumm/personal-growth.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 150px;
}

.center-category input[id="defaultInline9"] {
    content: " ";
    background-image: url(/Content/images/plumm/work.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-position: center bottom;
    font-weight: 600;
    background-size: 100%;
    width: 179px;
}


.center-category input {
    width: 160px !important;
}

.center-category input[id="defaultInline1"] {
    width: 180px !important;
}

.center-category input[id="defaultInline6"] {
    width: 160px !important;
}

.center-category input[type="checkbox"]:checked ~ .symtom-text {
    color: var(--secondary-color);
}

.center-category img {
    width: 100%;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-top: -10px;
}

.select-category .category-boxes {
    --cat-box-wdth: 350px;
    justify-content: center;
    align-items: center;
    box-shadow: var(--default-shadow);
    padding: calc(var(--box-padding) * 0.5);
    background-color: var(--card-bg-color);
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
    max-width: var(--cat-box-wdth);
    min-width: var(--cat-box-wdth);
}

@media(max-width: 1400px) {
    .select-category .category-boxes {
        --cat-box-wdth: 320px;
    }
}

@media(max-width: 1200px) {
    .select-category .category-boxes {
        --cat-box-wdth: 280px;
    }
}

@media(max-width: 1000px) {
    .select-category .category-boxes {
        --cat-box-wdth: 100%;
    }
}

@media(max-width: 1000px) {
    .select-category .category-boxes {
        width: 100%;
        min-width: initial;
    }
}

.category-lists {
    margin: 0rem 0;
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    justify-content: center;
}

.learn-categories-main-div .category-lists {
    margin: 0rem 0;
    display: flex;
    grid-row-gap: 55px;
    grid-template-columns: repeat(3,minmax(100px, 1fr));
    grid-column-gap: 65px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.learn-categories-main-div .category-boxes {
    width: 25%;
}


/*css form payment select*/

.cards-div {
    display: inline-grid;
    grid-template-columns: repeat(5, auto);
    grid-gap: 15px;
    align-items: center;
}

svg.icon-payment {
    width: 42px;
    height: 40px;
}

.pf-mastercard:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23252525' height='16' rx='2' width='24' /%3E%3Ccircle cx='9' cy='8' fill='%23eb001b' r='5' /%3E%3Ccircle cx='15' cy='8' fill='%23f79e1b' r='5' /%3E%3Cpath d='m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z' fill='%23ff5f00' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-visa:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-80.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Visa' transform='translate(40.000000, 0.000000)'%3E%3Crect id='Container' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF' x='0.25' y='0.25' width='23.5' height='15.5' rx='2'%3E%3C/rect%3E%3Cpath d='M2.78773262,5.91443732 C2.26459089,5.62750595 1.6675389,5.39673777 1,5.23659312 L1.0280005,5.1118821 L3.76497922,5.1118821 C4.13596254,5.12488556 4.43699113,5.23650585 4.53494636,5.63071135 L5.12976697,8.46659052 L5.31198338,9.32072617 L6.97796639,5.1118821 L8.77678896,5.1118821 L6.10288111,11.2775284 L4.30396552,11.2775284 L2.78773262,5.91443732 L2.78773262,5.91443732 Z M10.0999752,11.2840738 L8.39882877,11.2840738 L9.46284763,5.1118821 L11.163901,5.1118821 L10.0999752,11.2840738 Z M16.2667821,5.26277458 L16.0354292,6.59558538 L15.881566,6.53004446 C15.5737466,6.40524617 15.1674138,6.28053516 14.6143808,6.29371316 C13.942741,6.29371316 13.6415263,6.56277129 13.6345494,6.82545859 C13.6345494,7.11441463 13.998928,7.3048411 14.5939153,7.58725177 C15.5740257,8.02718756 16.0286384,8.56556562 16.0218476,9.26818871 C16.0080799,10.5486366 14.8460128,11.376058 13.0610509,11.376058 C12.2978746,11.3694253 11.5627918,11.2180965 11.163808,11.0475679 L11.4018587,9.66204513 L11.6258627,9.76066195 C12.1788958,9.99070971 12.5428092,10.0889775 13.221984,10.0889775 C13.7117601,10.0889775 14.2368857,9.89837643 14.2435835,9.48488392 C14.2435835,9.21565125 14.0198586,9.01850486 13.3617074,8.7164581 C12.717789,8.42086943 11.8568435,7.92848346 11.8707973,7.04197926 C11.8780532,5.84042483 13.0610509,5 14.7409877,5 C15.3990458,5 15.9312413,5.13788902 16.2667821,5.26277458 Z M18.5277524,9.0974856 L19.941731,9.0974856 C19.8717762,8.78889347 19.549631,7.31147374 19.549631,7.31147374 L19.4307452,6.77964104 C19.3467437,7.00942698 19.1998574,7.38373457 19.2069273,7.37055657 C19.2069273,7.37055657 18.6678479,8.74290137 18.5277524,9.0974856 Z M20.6276036,5.1118821 L22,11.2839865 L20.4249023,11.2839865 C20.4249023,11.2839865 20.2707601,10.5748181 20.221922,10.3581228 L18.0377903,10.3581228 C17.9746264,10.5221933 17.6807607,11.2839865 17.6807607,11.2839865 L15.8957988,11.2839865 L18.4226343,5.62399144 C18.5977072,5.22341512 18.9059917,5.1118821 19.3117663,5.1118821 L20.6276036,5.1118821 L20.6276036,5.1118821 Z' id='Shape' fill='%23171E6C'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-american:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23016fd0' height='16' rx='2' width='24' /%3E%3Cpath d='m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z' fill='%23fffffe' /%3E%3Cpath d='m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z' fill='%23016fd0' /%3E%3Cpath d='m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z' fill='%23016fd0' /%3E%3Cpath d='m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z' fill='%23fffffe' /%3E%3Cg fill='%23016fd0'%3E%3Cpath d='m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z' /%3E%3Cpath d='m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-american-express:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23016fd0' height='16' rx='2' width='24' /%3E%3Cpath d='m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z' fill='%23fffffe' /%3E%3Cpath d='m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z' fill='%23016fd0' /%3E%3Cpath d='m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z' fill='%23016fd0' /%3E%3Cpath d='m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z' fill='%23fffffe' /%3E%3Cg fill='%23016fd0'%3E%3Cpath d='m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z' /%3E%3Cpath d='m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-discover:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-280.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Discover' transform='translate(240.000000, 0.000000)'%3E%3Cpath d='M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z' id='shape' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M12.6124138,15.9999283 L21.9972414,15.9999283 C22.5240217,16.0043364 23.0309756,15.7992919 23.4065697,15.4299059 C23.7821638,15.06052 23.9956285,14.5570537 24,14.0302731 L24,11.6716524 C20.4561668,13.7059622 16.6127929,15.1667795 12.6124138,15.9999283 L12.6124138,15.9999283 Z' id='shape' fill='%23F27712'%3E%3C/path%3E%3Cpath d='M23.1724138,9.29647999 L22.32,9.29647999 L21.36,8.03027309 L21.2689655,8.03027309 L21.2689655,9.29647999 L20.5737931,9.29647999 L20.5737931,6.1516524 L21.6,6.1516524 C22.4027586,6.1516524 22.8662069,6.48268688 22.8662069,7.07854895 C22.8662069,7.56682481 22.5765517,7.88130757 22.0551724,7.98061792 L23.1724138,9.29647999 Z M22.1462069,7.10337654 C22.1462069,6.79716964 21.9144828,6.63992826 21.4841379,6.63992826 L21.2689655,6.63992826 L21.2689655,7.5916524 L21.4675862,7.5916524 C21.9144828,7.5916524 22.1462069,7.42613516 22.1462069,7.10337654 L22.1462069,7.10337654 Z M18.1406897,6.1516524 L20.1103448,6.1516524 L20.1103448,6.68130757 L18.8358621,6.68130757 L18.8358621,7.38475585 L20.0606897,7.38475585 L20.0606897,7.92268688 L18.8358621,7.92268688 L18.8358621,8.77510068 L20.1103448,8.77510068 L20.1103448,9.30475585 L18.1406897,9.30475585 L18.1406897,6.1516524 Z M15.9062069,9.37923861 L14.4,6.14337654 L15.1613793,6.14337654 L16.1131034,8.26199723 L17.0731034,6.14337654 L17.817931,6.14337654 L16.2951724,9.37923861 L15.9227586,9.37923861 L15.9062069,9.37923861 Z M9.60827586,9.37096274 C8.54896552,9.37096274 7.72137931,8.65096274 7.72137931,7.71579033 C7.72137931,6.8054455 8.56551724,6.06889378 9.62482759,6.06889378 C9.92275862,6.06889378 10.1710345,6.12682481 10.4772414,6.25923861 L10.4772414,6.98751447 C10.2453534,6.75969251 9.93335245,6.63192067 9.60827586,6.6316524 C8.9462069,6.6316524 8.44137931,7.1116524 8.44137931,7.71579033 C8.44137931,8.35303171 8.93793103,8.80820412 9.64137931,8.80820412 C9.95586207,8.80820412 10.1958621,8.70889378 10.4772414,8.46061792 L10.4772414,9.18889378 C10.1627586,9.32130757 9.89793103,9.37096274 9.60827586,9.37096274 L9.60827586,9.37096274 Z M7.5062069,8.33647999 C7.5062069,8.94889378 7.00137931,9.37096274 6.27310345,9.37096274 C5.74344828,9.37096274 5.36275862,9.18889378 5.04,8.77510068 L5.49517241,8.38613516 C5.65241379,8.66751447 5.91724138,8.80820412 6.24827586,8.80820412 C6.56275862,8.80820412 6.7862069,8.6178593 6.7862069,8.36958343 C6.7862069,8.22889378 6.72,8.12130757 6.57931034,8.03854895 C6.42504922,7.96369158 6.26441119,7.90275992 6.09931034,7.85647999 C5.44551724,7.64958343 5.22206897,7.42613516 5.22206897,6.98751447 C5.22206897,6.47441102 5.70206897,6.0854455 6.33103448,6.0854455 C6.72827586,6.0854455 7.08413793,6.20958343 7.38206897,6.44130757 L7.01793103,6.85510068 C6.87360928,6.69688076 6.66932728,6.60675635 6.45517241,6.60682481 C6.15724138,6.60682481 5.94206897,6.75579033 5.94206897,6.95441102 C5.94206897,7.11992826 6.0662069,7.21096274 6.48,7.3516524 C7.27448276,7.59992826 7.5062069,7.8316524 7.5062069,8.34475585 L7.5062069,8.33647999 Z M4.08827586,6.1516524 L4.78344828,6.1516524 L4.78344828,9.30475585 L4.08827586,9.30475585 L4.08827586,6.1516524 Z M1.8537931,9.30475585 L0.827586207,9.30475585 L0.827586207,6.1516524 L1.8537931,6.1516524 C2.97931034,6.1516524 3.75724138,6.79716964 3.75724138,7.72406619 C3.75724138,8.19579033 3.52551724,8.64268688 3.12,8.94061792 C2.77241379,9.18889378 2.38344828,9.30475585 1.84551724,9.30475585 L1.8537931,9.30475585 Z M2.66482759,6.9378593 C2.43310345,6.75579033 2.16827586,6.68958343 1.71310345,6.68958343 L1.52275862,6.68958343 L1.52275862,8.77510068 L1.71310345,8.77510068 C2.16,8.77510068 2.44137931,8.69234206 2.66482759,8.52682481 C2.90482759,8.32820412 3.04551724,8.03027309 3.04551724,7.72406619 C3.04551724,7.4178593 2.90482759,7.12820412 2.66482759,6.9378593 Z' id='shape' fill='%23000000'%3E%3C/path%3E%3Cpath d='M12.4137931,6.06889378 C11.5034483,6.06889378 10.7586207,6.79716964 10.7586207,7.69923861 C10.7586207,8.65923861 11.4703448,9.37923861 12.4137931,9.37923861 C13.3406897,9.37923861 14.0689655,8.65096274 14.0689655,7.72406619 C14.0689655,6.79716964 13.3489655,6.06889378 12.4137931,6.06889378 Z' id='shape' fill='%23F27712'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-diners:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-320.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Diners-Club' transform='translate(280.000000, 0.000000)'%3E%3Cpath d='M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z' id='shape' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M10.0021142,2.05179033 L10.0021142,2.03579033 L14.0021142,2.03579033 L14.0021142,2.05179033 C17.1375481,2.28122918 19.5642283,4.89197286 19.5642283,8.03579033 C19.5642283,11.1796078 17.1375481,13.7903515 14.0021142,14.0197903 L14.0021142,14.0357903 L10.0021142,14.0357903 L10.0021142,14.0197903 C6.86668021,13.7903515 4.44,11.1796078 4.44,8.03579033 C4.44,4.89197286 6.86668021,2.28122918 10.0021142,2.05179033 Z' id='shape' fill='%230165AC'%3E%3C/path%3E%3Cpath d='M11.6021142,11.4277903 C13.0374002,10.9175027 13.9961556,9.55908923 13.9961556,8.03579033 C13.9961556,6.51249143 13.0374002,5.15407792 11.6021142,4.64379033 L11.6021142,11.4277903 L11.6021142,11.4277903 Z M9.20211417,4.64379033 C7.76682809,5.15407792 6.80807271,6.51249143 6.80807271,8.03579033 C6.80807271,9.55908923 7.76682809,10.9175027 9.20211417,11.4277903 L9.20211417,4.64379033 L9.20211417,4.64379033 Z M10.4021142,13.2357903 C7.53023347,13.2357903 5.20211417,10.907671 5.20211417,8.03579033 C5.20211417,5.16390963 7.53023347,2.83579033 10.4021142,2.83579033 C13.2739949,2.83579033 15.6021142,5.16390963 15.6021142,8.03579033 C15.6021142,10.907671 13.2739949,13.2357903 10.4021142,13.2357903 Z' id='shape' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-jcb:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 23 16' width='23' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none'%3E%3Cpath d='m.20535714 16h4.51785715c1.0278125 0 2.25892857-1.1946667 2.25892857-2.1333333v-13.8666667h-4.51785715c-1.0278125 0-2.25892857 1.19466667-2.25892857 3.2z' fill='%23047ab1' /%3E%3Cpath d='m2.76924107 10.816c-.86733559.0001606-1.73039558-.1147397-2.56388393-.3413333v-1.17333337c.64678874.37770431 1.38610045.59084099 2.14598215.61866667.8696875 0 1.35535714-.576 1.35535714-1.36533333v-3.22133334h2.14598214v3.22133334c0 1.25866666-.70026786 2.26133333-3.0834375 2.26133333z' fill='%23fff' /%3E%3Cpath d='m8.11160714 16h4.51785716c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.02781249 0-2.25892856 1.19466667-2.25892856 3.2z' fill='%23d42d06' /%3E%3Cpath d='m8.11160714 6.08c.65508929-.59733333 1.78455357-.97066667 3.61428576-.88533333.9939285.04266666 2.0330357.32 2.0330357.32v1.184c-.5943231-.3394747-1.2623758-.54734656-1.9539732-.608-1.3892411-.11733334-2.23633933.61866666-2.23633933 1.90933333s.84709823 2.0266667 2.23633933 1.92c.6920185-.06606555 1.3596342-.27744592 1.9539732-.61866667v1.17333337s-1.0391072.288-2.0330357.3306666c-1.82973219.0853334-2.95919647-.288-3.61428576-.8853333z' fill='%23fff' /%3E%3Cpath d='m16.0178571 16h4.5178572c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.0278125 0-2.2589286 1.19466667-2.2589286 3.2z' fill='%2367b637' /%3E%3Cpath d='m21.6651786 9.28c0 .8533333-.7002679 1.3866667-1.6377232 1.3866667h-4.0095983v-5.33333337h3.6481697l.2597768.01066667c.8245089.04266667 1.4344196.50133333 1.4344196 1.29066667 0 .61866666-.4179018 1.152-1.1746428 1.28v.032c.8358035.05333333 1.4795982.55466666 1.4795982 1.33333333zm-2.880134-3.104c-.0486104-.00686658-.0976798-.01043129-.1468303-.01066667h-1.3553572v1.344h1.5021875c.2823661-.064.5195536-.30933333.5195536-.672 0-.36266666-.2371875-.608-.5195536-.66133333zm.1694197 2.176c-.059755-.00886168-.1202559-.01243275-.1807143-.01066667h-1.4908929v1.46133334h1.4908929l.1807143-.02133334c.2823661-.064.5195536-.34133333.5195536-.71466666 0-.37333334-.2258929-.64-.5195536-.71466667z' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.pf-credit-card:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='341' height='211' viewBox='0 0 341 211' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M340.093 199.439C340.093 205.798 334.891 211 328.532 211H11.5612C5.20237 211 0 205.798 0 199.439V11.5612C0 5.20237 5.20237 0 11.5612 0H328.532C334.891 0 340.093 5.20237 340.093 11.5612V199.439Z' fill='%23359BEC'/%3E%3Cpath d='M340.09 33.9621H0V64.1673H340.09V33.9621Z' fill='%23F1F9FF'/%3E%3Cpath d='M254.183 177.693C266.67 177.693 276.792 167.57 276.792 155.084C276.792 142.597 266.67 132.475 254.183 132.475C241.697 132.475 231.574 142.597 231.574 155.084C231.574 167.57 241.697 177.693 254.183 177.693Z' fill='%23131415'/%3E%3Cpath d='M284.758 177.693C297.245 177.693 307.367 167.57 307.367 155.084C307.367 142.597 297.245 132.475 284.758 132.475C272.272 132.475 262.15 142.597 262.15 155.084C262.15 167.57 272.272 177.693 284.758 177.693Z' fill='%23FFC843'/%3E%3Cpath d='M156.173 113.978C156.173 118.218 152.705 121.686 148.466 121.686H30.542C26.3028 121.686 22.8347 118.218 22.8347 113.978V106.271C22.8347 102.031 26.3028 98.5633 30.542 98.5633H148.465C152.705 98.5633 156.173 102.031 156.173 106.271V113.978H156.173Z' fill='%23F1F9FF'/%3E%3Cpath d='M116.095 154.057C116.095 158.296 112.627 161.764 108.387 161.764H30.542C26.3028 161.764 22.8347 158.296 22.8347 154.057V146.35C22.8347 142.111 26.3028 138.643 30.542 138.643H108.387C112.626 138.643 116.094 142.111 116.094 146.35V154.057H116.095Z' fill='%23F1F9FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    font-size: 11rem;
    position: absolute;
    left: -45px;
    top: -6px;
    background-size: 45px;
}

.radio-btn-cust .payment-txt i:before {
    height: 34px;
    width: 44px;
}

.lefBoxbp {
    position: relative;
}

.radio-btn-cust .pf-visa:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-80.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Visa' transform='translate(40.000000, 0.000000)'%3E%3Crect id='Container' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF' x='0.25' y='0.25' width='23.5' height='15.5' rx='2'%3E%3C/rect%3E%3Cpath d='M2.78773262,5.91443732 C2.26459089,5.62750595 1.6675389,5.39673777 1,5.23659312 L1.0280005,5.1118821 L3.76497922,5.1118821 C4.13596254,5.12488556 4.43699113,5.23650585 4.53494636,5.63071135 L5.12976697,8.46659052 L5.31198338,9.32072617 L6.97796639,5.1118821 L8.77678896,5.1118821 L6.10288111,11.2775284 L4.30396552,11.2775284 L2.78773262,5.91443732 L2.78773262,5.91443732 Z M10.0999752,11.2840738 L8.39882877,11.2840738 L9.46284763,5.1118821 L11.163901,5.1118821 L10.0999752,11.2840738 Z M16.2667821,5.26277458 L16.0354292,6.59558538 L15.881566,6.53004446 C15.5737466,6.40524617 15.1674138,6.28053516 14.6143808,6.29371316 C13.942741,6.29371316 13.6415263,6.56277129 13.6345494,6.82545859 C13.6345494,7.11441463 13.998928,7.3048411 14.5939153,7.58725177 C15.5740257,8.02718756 16.0286384,8.56556562 16.0218476,9.26818871 C16.0080799,10.5486366 14.8460128,11.376058 13.0610509,11.376058 C12.2978746,11.3694253 11.5627918,11.2180965 11.163808,11.0475679 L11.4018587,9.66204513 L11.6258627,9.76066195 C12.1788958,9.99070971 12.5428092,10.0889775 13.221984,10.0889775 C13.7117601,10.0889775 14.2368857,9.89837643 14.2435835,9.48488392 C14.2435835,9.21565125 14.0198586,9.01850486 13.3617074,8.7164581 C12.717789,8.42086943 11.8568435,7.92848346 11.8707973,7.04197926 C11.8780532,5.84042483 13.0610509,5 14.7409877,5 C15.3990458,5 15.9312413,5.13788902 16.2667821,5.26277458 Z M18.5277524,9.0974856 L19.941731,9.0974856 C19.8717762,8.78889347 19.549631,7.31147374 19.549631,7.31147374 L19.4307452,6.77964104 C19.3467437,7.00942698 19.1998574,7.38373457 19.2069273,7.37055657 C19.2069273,7.37055657 18.6678479,8.74290137 18.5277524,9.0974856 Z M20.6276036,5.1118821 L22,11.2839865 L20.4249023,11.2839865 C20.4249023,11.2839865 20.2707601,10.5748181 20.221922,10.3581228 L18.0377903,10.3581228 C17.9746264,10.5221933 17.6807607,11.2839865 17.6807607,11.2839865 L15.8957988,11.2839865 L18.4226343,5.62399144 C18.5977072,5.22341512 18.9059917,5.1118821 19.3117663,5.1118821 L20.6276036,5.1118821 L20.6276036,5.1118821 Z' id='Shape' fill='%23171E6C'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

.radio-btn-cust .pf-mastercard:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23252525' height='16' rx='2' width='24' /%3E%3Ccircle cx='9' cy='8' fill='%23eb001b' r='5' /%3E%3Ccircle cx='15' cy='8' fill='%23f79e1b' r='5' /%3E%3Cpath d='m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z' fill='%23ff5f00' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

.radio-btn-cust .pf-american:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23016fd0' height='16' rx='2' width='24' /%3E%3Cpath d='m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z' fill='%23fffffe' /%3E%3Cpath d='m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z' fill='%23016fd0' /%3E%3Cpath d='m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z' fill='%23016fd0' /%3E%3Cpath d='m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z' fill='%23fffffe' /%3E%3Cg fill='%23016fd0'%3E%3Cpath d='m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z' /%3E%3Cpath d='m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

.radio-btn-cust .pf-discover:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-280.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Discover' transform='translate(240.000000, 0.000000)'%3E%3Cpath d='M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z' id='shape' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M12.6124138,15.9999283 L21.9972414,15.9999283 C22.5240217,16.0043364 23.0309756,15.7992919 23.4065697,15.4299059 C23.7821638,15.06052 23.9956285,14.5570537 24,14.0302731 L24,11.6716524 C20.4561668,13.7059622 16.6127929,15.1667795 12.6124138,15.9999283 L12.6124138,15.9999283 Z' id='shape' fill='%23F27712'%3E%3C/path%3E%3Cpath d='M23.1724138,9.29647999 L22.32,9.29647999 L21.36,8.03027309 L21.2689655,8.03027309 L21.2689655,9.29647999 L20.5737931,9.29647999 L20.5737931,6.1516524 L21.6,6.1516524 C22.4027586,6.1516524 22.8662069,6.48268688 22.8662069,7.07854895 C22.8662069,7.56682481 22.5765517,7.88130757 22.0551724,7.98061792 L23.1724138,9.29647999 Z M22.1462069,7.10337654 C22.1462069,6.79716964 21.9144828,6.63992826 21.4841379,6.63992826 L21.2689655,6.63992826 L21.2689655,7.5916524 L21.4675862,7.5916524 C21.9144828,7.5916524 22.1462069,7.42613516 22.1462069,7.10337654 L22.1462069,7.10337654 Z M18.1406897,6.1516524 L20.1103448,6.1516524 L20.1103448,6.68130757 L18.8358621,6.68130757 L18.8358621,7.38475585 L20.0606897,7.38475585 L20.0606897,7.92268688 L18.8358621,7.92268688 L18.8358621,8.77510068 L20.1103448,8.77510068 L20.1103448,9.30475585 L18.1406897,9.30475585 L18.1406897,6.1516524 Z M15.9062069,9.37923861 L14.4,6.14337654 L15.1613793,6.14337654 L16.1131034,8.26199723 L17.0731034,6.14337654 L17.817931,6.14337654 L16.2951724,9.37923861 L15.9227586,9.37923861 L15.9062069,9.37923861 Z M9.60827586,9.37096274 C8.54896552,9.37096274 7.72137931,8.65096274 7.72137931,7.71579033 C7.72137931,6.8054455 8.56551724,6.06889378 9.62482759,6.06889378 C9.92275862,6.06889378 10.1710345,6.12682481 10.4772414,6.25923861 L10.4772414,6.98751447 C10.2453534,6.75969251 9.93335245,6.63192067 9.60827586,6.6316524 C8.9462069,6.6316524 8.44137931,7.1116524 8.44137931,7.71579033 C8.44137931,8.35303171 8.93793103,8.80820412 9.64137931,8.80820412 C9.95586207,8.80820412 10.1958621,8.70889378 10.4772414,8.46061792 L10.4772414,9.18889378 C10.1627586,9.32130757 9.89793103,9.37096274 9.60827586,9.37096274 L9.60827586,9.37096274 Z M7.5062069,8.33647999 C7.5062069,8.94889378 7.00137931,9.37096274 6.27310345,9.37096274 C5.74344828,9.37096274 5.36275862,9.18889378 5.04,8.77510068 L5.49517241,8.38613516 C5.65241379,8.66751447 5.91724138,8.80820412 6.24827586,8.80820412 C6.56275862,8.80820412 6.7862069,8.6178593 6.7862069,8.36958343 C6.7862069,8.22889378 6.72,8.12130757 6.57931034,8.03854895 C6.42504922,7.96369158 6.26441119,7.90275992 6.09931034,7.85647999 C5.44551724,7.64958343 5.22206897,7.42613516 5.22206897,6.98751447 C5.22206897,6.47441102 5.70206897,6.0854455 6.33103448,6.0854455 C6.72827586,6.0854455 7.08413793,6.20958343 7.38206897,6.44130757 L7.01793103,6.85510068 C6.87360928,6.69688076 6.66932728,6.60675635 6.45517241,6.60682481 C6.15724138,6.60682481 5.94206897,6.75579033 5.94206897,6.95441102 C5.94206897,7.11992826 6.0662069,7.21096274 6.48,7.3516524 C7.27448276,7.59992826 7.5062069,7.8316524 7.5062069,8.34475585 L7.5062069,8.33647999 Z M4.08827586,6.1516524 L4.78344828,6.1516524 L4.78344828,9.30475585 L4.08827586,9.30475585 L4.08827586,6.1516524 Z M1.8537931,9.30475585 L0.827586207,9.30475585 L0.827586207,6.1516524 L1.8537931,6.1516524 C2.97931034,6.1516524 3.75724138,6.79716964 3.75724138,7.72406619 C3.75724138,8.19579033 3.52551724,8.64268688 3.12,8.94061792 C2.77241379,9.18889378 2.38344828,9.30475585 1.84551724,9.30475585 L1.8537931,9.30475585 Z M2.66482759,6.9378593 C2.43310345,6.75579033 2.16827586,6.68958343 1.71310345,6.68958343 L1.52275862,6.68958343 L1.52275862,8.77510068 L1.71310345,8.77510068 C2.16,8.77510068 2.44137931,8.69234206 2.66482759,8.52682481 C2.90482759,8.32820412 3.04551724,8.03027309 3.04551724,7.72406619 C3.04551724,7.4178593 2.90482759,7.12820412 2.66482759,6.9378593 Z' id='shape' fill='%23000000'%3E%3C/path%3E%3Cpath d='M12.4137931,6.06889378 C11.5034483,6.06889378 10.7586207,6.79716964 10.7586207,7.69923861 C10.7586207,8.65923861 11.4703448,9.37923861 12.4137931,9.37923861 C13.3406897,9.37923861 14.0689655,8.65096274 14.0689655,7.72406619 C14.0689655,6.79716964 13.3489655,6.06889378 12.4137931,6.06889378 Z' id='shape' fill='%23F27712'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

.radio-btn-cust .pf-jcb:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 23 16' width='23' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none'%3E%3Cpath d='m.20535714 16h4.51785715c1.0278125 0 2.25892857-1.1946667 2.25892857-2.1333333v-13.8666667h-4.51785715c-1.0278125 0-2.25892857 1.19466667-2.25892857 3.2z' fill='%23047ab1' /%3E%3Cpath d='m2.76924107 10.816c-.86733559.0001606-1.73039558-.1147397-2.56388393-.3413333v-1.17333337c.64678874.37770431 1.38610045.59084099 2.14598215.61866667.8696875 0 1.35535714-.576 1.35535714-1.36533333v-3.22133334h2.14598214v3.22133334c0 1.25866666-.70026786 2.26133333-3.0834375 2.26133333z' fill='%23fff' /%3E%3Cpath d='m8.11160714 16h4.51785716c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.02781249 0-2.25892856 1.19466667-2.25892856 3.2z' fill='%23d42d06' /%3E%3Cpath d='m8.11160714 6.08c.65508929-.59733333 1.78455357-.97066667 3.61428576-.88533333.9939285.04266666 2.0330357.32 2.0330357.32v1.184c-.5943231-.3394747-1.2623758-.54734656-1.9539732-.608-1.3892411-.11733334-2.23633933.61866666-2.23633933 1.90933333s.84709823 2.0266667 2.23633933 1.92c.6920185-.06606555 1.3596342-.27744592 1.9539732-.61866667v1.17333337s-1.0391072.288-2.0330357.3306666c-1.82973219.0853334-2.95919647-.288-3.61428576-.8853333z' fill='%23fff' /%3E%3Cpath d='m16.0178571 16h4.5178572c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.0278125 0-2.2589286 1.19466667-2.2589286 3.2z' fill='%2367b637' /%3E%3Cpath d='m21.6651786 9.28c0 .8533333-.7002679 1.3866667-1.6377232 1.3866667h-4.0095983v-5.33333337h3.6481697l.2597768.01066667c.8245089.04266667 1.4344196.50133333 1.4344196 1.29066667 0 .61866666-.4179018 1.152-1.1746428 1.28v.032c.8358035.05333333 1.4795982.55466666 1.4795982 1.33333333zm-2.880134-3.104c-.0486104-.00686658-.0976798-.01043129-.1468303-.01066667h-1.3553572v1.344h1.5021875c.2823661-.064.5195536-.30933333.5195536-.672 0-.36266666-.2371875-.608-.5195536-.66133333zm.1694197 2.176c-.059755-.00886168-.1202559-.01243275-.1807143-.01066667h-1.4908929v1.46133334h1.4908929l.1807143-.02133334c.2823661-.064.5195536-.34133333.5195536-.71466666 0-.37333334-.2258929-.64-.5195536-.71466667z' fill='%23fff' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

pf-american-express:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg height='16' viewBox='0 0 24 16' width='24' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23016fd0' height='16' rx='2' width='24' /%3E%3Cpath d='m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z' fill='%23fffffe' /%3E%3Cpath d='m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z' fill='%23016fd0' /%3E%3Cpath d='m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z' fill='%23016fd0' /%3E%3Cpath d='m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z' fill='%23fffffe' /%3E%3Cg fill='%23016fd0'%3E%3Cpath d='m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z' /%3E%3Cpath d='m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}

.radio-btn-cust .pf-diners:before {
    content: "\00a0" !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='319' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='New-Icons' transform='translate(-320.000000, -280.000000)' fill-rule='nonzero'%3E%3Cg id='Card-Brands' transform='translate(40.000000, 200.000000)'%3E%3Cg id='Color' transform='translate(0.000000, 80.000000)'%3E%3Cg id='Diners-Club' transform='translate(280.000000, 0.000000)'%3E%3Cpath d='M21.9972414,15.749927 L21.999381,15.7499362 C22.9544683,15.7581106 23.73806,14.9772525 23.75,14.0041555 L23.7500083,2.00630219 C23.7461702,1.53568921 23.5588633,1.08617106 23.2297297,0.756801782 C22.9014319,0.428268884 22.4589161,0.246148853 21.9972414,0.250070854 L2.00063,0.250061791 C1.54108393,0.246148853 1.09856813,0.428268884 0.77027028,0.756801782 C0.441136651,1.08617106 0.253829819,1.53568921 0.25,2.00426336 L0.249991686,13.9936957 C0.253829819,14.4643086 0.441136651,14.9138268 0.77027028,15.2431961 C1.09856813,15.571729 1.54108393,15.753849 2.00275862,15.749927 L21.9972414,15.749927 Z M21.996203,16.249927 C21.9958359,16.249924 21.9954688,16.249921 21.9951018,16.2499178 L21.9972414,16.249927 L21.996203,16.249927 Z' id='shape' stroke-opacity='0.2' stroke='%23000000' stroke-width='0.5' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M10.0021142,2.05179033 L10.0021142,2.03579033 L14.0021142,2.03579033 L14.0021142,2.05179033 C17.1375481,2.28122918 19.5642283,4.89197286 19.5642283,8.03579033 C19.5642283,11.1796078 17.1375481,13.7903515 14.0021142,14.0197903 L14.0021142,14.0357903 L10.0021142,14.0357903 L10.0021142,14.0197903 C6.86668021,13.7903515 4.44,11.1796078 4.44,8.03579033 C4.44,4.89197286 6.86668021,2.28122918 10.0021142,2.05179033 Z' id='shape' fill='%230165AC'%3E%3C/path%3E%3Cpath d='M11.6021142,11.4277903 C13.0374002,10.9175027 13.9961556,9.55908923 13.9961556,8.03579033 C13.9961556,6.51249143 13.0374002,5.15407792 11.6021142,4.64379033 L11.6021142,11.4277903 L11.6021142,11.4277903 Z M9.20211417,4.64379033 C7.76682809,5.15407792 6.80807271,6.51249143 6.80807271,8.03579033 C6.80807271,9.55908923 7.76682809,10.9175027 9.20211417,11.4277903 L9.20211417,4.64379033 L9.20211417,4.64379033 Z M10.4021142,13.2357903 C7.53023347,13.2357903 5.20211417,10.907671 5.20211417,8.03579033 C5.20211417,5.16390963 7.53023347,2.83579033 10.4021142,2.83579033 C13.2739949,2.83579033 15.6021142,5.16390963 15.6021142,8.03579033 C15.6021142,10.907671 13.2739949,13.2357903 10.4021142,13.2357903 Z' id='shape' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    font-size: 11rem;
    position: absolute;
    left: -1px;
    top: 0px;
    background-size: 36px;
    background-position: center center;
}


/*step2 select gender*/

.book-rad-left label {
    margin-bottom: 0 !important;
}

#divSessionType {
    margin-bottom: 1.5rem;
}

.session-type-info {
    font-size: 14px;
}

.select-gender-text {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #626262;
    font-family: var(--primary-font);
    vertical-align: middle;
    line-height: normal;
}

.certain-gender {
    margin: 5rem 0;
}

.certain-gender .radio-bp input[type="radio"]:checked + .radio-label-bp:before {
    background-color: var(--on-primary-color);
    box-shadow: inset 0 0 0 4px #ffffff;
    border: 2px solid var(--on-primary-color);
}

.button-start-seeion {
    margin-top: 0.5rem;
}

/*Step3 preffered language*/
.preferred-lnaguage {
    margin: 5rem 0;
}

.bottom-sec .col-md-7, .bottom-sec .col-md-6 {
    padding: 0;
}

.bottom-sec .col-md-5 {
    padding-left: 0;
}

.flip {
    -webkit-perspective: 800;
    position: relative;
    margin: 50px auto;
}

.flip .card.flipped {
    -webkit-transform: rotateY(-180deg);
}

.flip .card {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
}

.flip .card .face {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    -webkit-backface-visibility: hidden;
    z-index: 2;
    font-family: Georgia;
    font-size: 3em;
    text-align: center;
    line-height: normal;
}

.flip .card .front {
    position: relative;
    z-index: 1;
    color: white;
}

.flip .card .back {
    -webkit-transform: rotateY(-180deg);
    color: black;
    width: 92%
}

.flip .back .dp-mian-div {
    padding: 38px 15px;
}




/*Date picket drop down*/
.lm-select {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
    font: 16px arial, sans-serif
}

.lm-select * {
    box-sizing: border-box;
}

.lm-select-ico {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: 2px;
    border-width: 8px;
    height: 22px;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    background-image: url(../images/chevron-arrow-down.png);
    background-position: 51% 17%;
    z-index: 0;
}

.lm-select-value {
    padding: 15px 8px;
    cursor: pointer;
    z-index: 4;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
    border-radius: 6px;
    color: #7b7f86;
    font-size: 18px;
    background-color: #e3659200;
    z-index: 5;
    position: relative;
    border: 1px solid var(--on-primary-color);
}

.lm-select-active .lm-select-value {
    z-index: 1;
}

.lm-select-options {
    position: absolute;
    top: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;
    left: 0px;
    width: 100%;
    visibility: hidden;
    z-index: 6;
    opacity: 0;
    transform: scale(.9,.9);
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.14);
    border-radius: 8px;
    overflow: hidden;
}

.lm-select-animating .lm-select-options {
    visibility: visible;
}

.lm-select-active .lm-select-options {
    transform: scale(1,1);
    opacity: 1;
}

.lm-select-list {
    position: relative;
    width: 100%;
    max-height: 266px;
    overflow: auto;
}

.lm-select-item {
    padding: 12px 11px;
    cursor: pointer;
    color: #626262;
    font-weight: 500;
}

    .lm-select-item:hover {
        background: rgba(46, 186, 191, 0.27);
    }

    .lm-select-item.lm-select-selected {
        background: var(--on-primary-color);
        color: white;
    }

.lm-select-overflow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.lm-select-active .lm-select-overflow {
    display: block;
}

.dp-mian-div label {
    font-size: 18px;
    font-family: var(--primary-font);
    display: block;
    font-weight: 600;
    color: #666666;
    margin-bottom: 1.1rem !important;
}

.select-category .dp-mian-div {
    margin: 3rem 0;
}

.date-time-cheveron {
    position: absolute;
    right: 15px;
    top: 30%;
    color: var(--on-primary-color);
    font-size: 20px;
}

.select-date-div, .select-time-div {
    float: left;
    width: 100%;
}



.dp-mian-div .time-zone-dp label {
    font-size: 15px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: #666666;
    display: inline;
    width: 40%;
}

.dp-mian-div .time-zone-dp span {
    font-size: 15px;
    font-family: var(--primary-font);
    font-weight: 500;
    color: #666666;
}

.time-zone-dp {
    display: flex;
}


/*step5 suggested consulatation*/
.continue-btn-para {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .continue-btn-para a {
        margin-top: 1rem;
    }

        .continue-btn-para a:hover {
            text-decoration: underline;
        }

.suffering-form p {
    color: #626262;
    font-weight: 500;
    margin: 1rem 0rem 0rem;
    font-size: 21px;
    font-family: var(--primary-font);
}

.reasonbooksess .form-group {
    text-align: left;
}


.continue-btn-para a:hover {
    color: var(--on-primary-color);
}

.suggested-prac {
    margin: 3rem 0;
}

.choice-of-parc-box .bg-color {
    background-image: url("/Content/images/BG-Testimonial.png");
}

.select-category .book-session {
    padding: 10px 5px 10px 10px;
    border: 1px solid var(--on-primary-color);
    border-radius: 15px;
    margin-bottom: 2.5rem;
    margin-top: 0;
}

    .select-category .book-session .radio input[type="radio"] + .radio-label:before {
        top: 0;
    }

    .select-category .book-session input[type="radio"] + .radio-label:before {
        top: 0 !important;
    }

select-category .book-session .radio-label {
    margin-bottom: 0 !important;
}

.book-rad-left p {
    margin: 0;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
    color: #626262;
}

.CardNumberField-input-wrapper input[placeholder="Card number"] {
    color:var(--on-primary-color) !important;
}

.reasonbooksess .form-control, .verify-email-div .form-control {
    width: 100% !important;
    font-size: var(--base-font-size);
    box-shadow: var(--default-shadow);
    border-radius: var(--bs-border-radius-lg);
    height: 45px;
    color: var(--primary-color);
    box-shadow: none;
    border: 1px solid var(--input-border-1) !important;
}

.reasonbooksess h1 small {
    /*font-size: 18px;*/
}

.reason-bs-div .welcome-txt {
    margin: 2rem 0 0rem;
    /*visibility: hidden;*/
    display: none;
}

.verify-email-div .verific-grp-text {
    margin: 2rem 0rem 3rem;
}

.cardrow-wf ul.token-input-list.form-control-facebook {
    padding: 0;
    height: auto;
    overflow: scroll !important;
    border-radius: 4px;
    border: 1px solid var(--primary-color) !important;
}

.cardrow-wf ul.token-input-list li input {
    padding: 10px 8px 5px !important;
    width: 406px !important;
}

#ui-datepicker-div.ui-widget-content {
    padding: 0 !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 5px 5px 5px 5px;
}

#ui-datepicker-div .ui-datepicker-year {
    border-radius: 4px;
}


#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 3px 0;
    background-color: var(--primary-color) !important;
    border: 0 !important;
}


#ui-datepicker-div.ui-datepicker .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus, #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: transparent !important;
    font-weight: 400;
    color: #212121;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: 2px;
    left: 2px;
}

.cardrow-wf li.token-input-token-facebook {
    position: relative;
    top: 6px;
}

.reasonbooksess .focus-clsignup {
    color: var(--primary-color);
    font-weight: 500;
}

/*.verify-email-div .continue-button {
    Padding: 7px 14px;
    min-width: 287px;
    max-width: 300px;
}*/
.select-category .cardrow-wf .cust-form-feild {
    max-width: 90%;
}

.verification-gmail {
    color: #359BEC;
    font-weight: 500;
    font-size: 21px;
    font-family: var(--primary-font);
}

.email-share {
    color: #626262;
    font-weight: 500;
    font-size: 12px;
    font-family: var(--primary-font);
    margin-top: 1.5rem;
}

.resend-email-btn {
    margin-top: 4rem;
}

div.login-hr-or:before {
    content: "";
    display: block;
    border-top: solid 1px var(--chat-inbox-border-color);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

div.login-hr-or span {
    background: var(--bg-default);
    padding: 0 15px;
    position: relative;
    z-index: 5;
    font-size: 16px;
    color: var(--on-primary-color);
}

div.login-hr-or {
    position: relative;
    margin: 20px 0;
    text-align: center;
}

.book-summary .panel-group {
    margin-bottom: 0px;
    /*margin-top: 16px;*/
}

.control__indicator {
    top: 2px;
}


.bod-ot-bot li.lft-li {
    padding-bottom: 0;
}

.book-summary .radio {
    margin: 0;
}

.book-summary .rad-1, .book-summary .rad-2, .book-summary .rad-3 {
    left: 0px;
}

.book-summary .bod-ot-bot.panel {
    box-shadow: var(--default-shadow);
}

.book-summary .bod-ot-bot .panel-haed {
    display: flex;
    align-items: center;
    background-color: var(--card-bg-color) !important;
    border-radius: 13px;
    padding: 12px 20px 12px;
}

.book-summary .bod-ot-bot .panel-body {
    padding: 12px 20px 20px;
    background-color: var(--card-bg-color);
}

/*for premium plan*/

.book-summary .remaining-session .bod-ot-bot .panel-body {
    border-radius: 13px;
    min-height: 287px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.book-summary .bod-ot-bot .panel-haed.active {
    box-shadow: none;
}

.hc-default-btn.ph-promo-btn {
    font-size: 15px;
    white-space: nowrap;
    border-radius: 3px;
    min-width: 115px;
    padding: 5px 5px;
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    font-weight: 400;
    min-height: initial;
}

.hc-default-btn.ph-promo-btn:hover {
    background-color: var(--primary-color);
    color: var(--white-color) !important;
}

.book-summary .bod-ot-bot .panel-haed.active {
    background-color: var(--card-bg-color) !important;
}

.book-summary .bod-ot-bot .panel-collapse {
    margin-top: -10px;
}

.book-summary .bod-ot-bot .panel-body {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

.book-summary .bod-ot-bot .panel-body a {
    width: 100%;
}

.row-order-mt, .list-disc.order-summary-points {
    width: 100%;
}

.row-order-mt {
    margin-top: 15px;
}

/*.book-summary .bod-ot-bot .panel-haed {
    min-height: 52px;
}
*/
/*css or single accordian topup wrapper starts*/
.book-summary .top-up-wrapper-accord .bod-ot-bot .panel-haed.active {
    background-color: var(--card-bg-color) !important;
}

.book-summary .top-up-wrapper-accord .bod-ot-bot .panel-body {
    min-height: 357px;
}

/*css or single accordian ends*/

.appylu-text {
    display: inline-grid;
    align-items: flex-end;
    grid-template-columns: auto auto;
    grid-gap: 17px;
}

.book-summary .bod-ot-bot .panel-haed a.accor-hover {
    width: 100%;
}

.book-summary .bod-ot-bot .panel-haed ul li span {
    color: var(--on-primary-color);
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}

.book-summary .radio input[type="radio"] + .radio-label:before {
    border: 2px solid var(--on-primary-color);
    top: 0;
}

.book-summary .panel-haed.active .radio input[type="radio"] + .radio-label:before {
    border: 2px solid var(--primary-color);
}

.bod-ot-bot {
    border-radius: 15px !important;
}

.bod-ot-bot .list-logo {
    padding-left: 10px;
}

.book-summary .panel-group .panel + .panel {
    margin-top: 19px;
}

.message-prac-div .form-control {
    border: 1px solid var(--on-primary-color);
}

.appointment-summary .main_summry tr td label {
    font-size: var(--base-font-size);
    font-family: var(--primary-font);
    font-weight: 600;
    color: var(--primary-color);
}

.appointment-summary .main_summry tr td p {
    font-size: var(--base-font-size);
    font-family: var(--primary-font);
    font-weight: 400;
    color: var(--on-primary-color);
    line-height: 25px;
}

.appointment-summary .main_summry .table.mbn {
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    box-shadow: 0px 0 0px 1px var(--chat-inbox-border-color);
    overflow: hidden;
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.appointment-summary .table > tbody > tr > td {
    border-top: 1px solid #eeeeee;
}

.new-no-rating {
    padding-left: 1px;
}

.verify-email-div .continue-btn-para .continue-button {
    margin-bottom: 1.5rem;
}

.play-intro-txt {
    color: var(--on-primary-color);
    font-size: 14px;
    padding-right: 10px;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.play-int-div-icon {
    right: 14px;
    bottom: 253px;
    /*z-index: 4;*/
    cursor: pointer;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*banner img modalities*/
.akasicrecord-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.AngelTherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.AstroHealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.BodyTalkSystem-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.BodyCode-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.BiAuraTherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.Counseling-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.EdenEnergyMedicine-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.EFT-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.EmotionCode-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.EsotericHealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.FamilyConstellations-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.GuidedMeditation-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.HolisticHealthCoaching-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.HolyFireReiki-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.Hypnosis-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.KarunaReiki-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.LifeCoaching-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.MatrixEnergetics-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.MatrixReimprinting-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.MetaHealth-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.mindfulness-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.NLP-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.PastLifeRegressionTherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.PEAT-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.PranayamaOrYogicBreathing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.PranicHealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.Psychotherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.RapidPersonalTransformation-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.RapidTransformationalTherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.ReconnectiveHealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.Reiki-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.ResonanceRepatterning-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.SomaticExperience-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.SportsPsychology-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.TensionTraumaReleaseExercises-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.Thetahealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.TimeLineTherapy-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.TrinityEnergyProgression-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.VortexHealing-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.YogaNidra-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

/*inner-page img modalities*/

#section-Akashic-Records {
    background-image: url('/Content/images/practices-images/akashic-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-AngelTherapy {
    background-image: url('/Content/images/practices-images/Angeltherapy-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-AstroHealing {
    background-image: url('/Content/images/practices-images/Astrohealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-CBT {
    background-image: url('/Content/images/practices-images/CognitiveBehaviouralTherapy.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-BiAuraTherapy {
    background-image: url('/Content/images/practices-images/Bi-Aura-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-BodyCode {
    background-image: url('/Content/images/practices-images/Bodycode-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-BodyTalkSystem {
    background-image: url('/Content/images/practices-images/Bodytalk-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Counseling {
    background-image: url('/Content/images/practices-images/Counseling-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-EdenEnergyMedicine {
    background-image: url('/Content/images/practices-images/Edenenergy-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-EFT {
    background-image: url('/Content/images/practices-images/EFT-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-EmotionCode {
    background-image: url('/Content/images/practices-images/Emotioncode-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-EsotericHealing {
    background-image: url('/Content/images/practices-images/Esoterichealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-FamilyConstellations {
    background-image: url('/Content/images/practices-images/Familyconstellations-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-GuidedMeditation {
    background-image: url('/Content/images/practices-images/Guidedmeditation-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-HolisticHealthCoaching {
    background-image: url('/Content/images/practices-images/Holistichealth-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-HolyFireReiki {
    background-image: url('/Content/images/practices-images/Holyfirereiki-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Hypnosis {
    background-image: url('/Content/images/practices-images/Hypnosis-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-KarunaReiki {
    background-image: url('/Content/images/practices-images/Karunareiki-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-LifeCoaching {
    background-image: url('/Content/images/practices-images/Life-Coaching-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-MatrixEnergetics {
    background-image: url('/Content/images/practices-images/Martix Energetics-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-MatrixReimprinting {
    background-image: url('/Content/images/practices-images/Matrixreimprinting-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-MetaHealth {
    background-image: url('/Content/images/practices-images/Meta-Health-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-NLP {
    background-image: url('/Content/images/practices-images/NLP-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-PastLifeRegressionTherapy {
    background-image: url('/Content/images/practices-images/Pastliferegression-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-PEAT {
    background-image: url('/Content/images/practices-images/PEAT-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-PranayamaOrYogicBreathing {
    background-image: url('/Content/images/practices-images/Pranayama-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-PranicHealing {
    background-image: url('/Content/images/practices-images/Pranichealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Psychotherapy {
    background-image: url('/Content/images/practices-images/Psychotherapy-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Psychology {
    background: url(../../content/images/practices-images/Pranichealing-inner-img.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-RapidPersonalTransformation {
    background-image: url('/Content/images/practices-images/Rapidpersonal-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-ReconnectiveHealing {
    background-image: url('/Content/images/practices-images/Reconnectivehealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-RapidTransformationalTherapy {
    background-image: url('/Content/images/practices-images/RapidTransformational-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Reiki {
    background-image: url('/Content/images/practices-images/Reiki-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-ResonanceRepatterning {
    background-image: url('/Content/images/practices-images/Resonancerepatterning-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-SomaticExperience {
    background-image: url('/Content/images/practices-images/Somaticexperience-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-TensionTraumaReleaseExercises {
    background-image: url('/Content/images/practices-images/akashic-inner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-SportsPsychology {
    background-image: url('/Content/images/practices-images/Sports Psychology-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-Thetahealing {
    background-image: url('/Content/images/practices-images/Thetahealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-TimeLineTherapy {
    background-image: url('/Content/images/practices-images/Timelinetherapy-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-TrinityEnergyProgression {
    background-image: url('/Content/images/practices-images/Trinityenergyprogression-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-VortexHealing {
    background-image: url('/Content/images/practices-images/Vortexhealing-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}

#section-YogaNidra {
    background-image: url('/Content/images/practices-images/Yoganidra-inner-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    border-radius: 0 10px 10px 0;
    background-position: center center;
}
/*End the modality images*/


/*.header-bg-content h1 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
}

.head-wrapper-pract {
    position: absolute;
    left: 0;
    right: 0;
    top: 14%;
}*/
.landingp-test {
    background-color: #ffffff !important;
    padding-bottom: 0px !important;
}

.practices-inner-page h1 {
    font-size: 30px;
    width: 100%;
    display: inline-block;
    color: var(--secondary-color) !important;
    font-family: var(--secondary-font);
    line-height: 45px;
    padding-bottom: 40px;
}

.center-mode-practices label {
    color: var(--secondary-color);
    font-size: 16.5px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.center-mode-practices small {
    color: #434343;
    font-size: 14.5px;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
}


.center-mode-practices p {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    min-height: 156px;
}

.center-mode-practices .quotes-div img {
    margin: 0 auto;
}

.center-mode-practices .slick-slide .practices-review-inner {
    box-shadow: 0 10px 12px rgb(4 19 97 / 10%);
    margin: 50px 0;
    border-radius: 9px;
    padding: 22px 14px;
    background-color: var(--card-bg-color);
}

.center-mode-practices .slick-center .practices-review-inner {
    border-radius: 9px;
    padding: 22px 14px;
}

.center-mode-practices .slick-slide .practices-review-inner {
    margin: 30px 20px !important;
}

.center-mode-practices .col-md-4 {
    padding:0;
}

.practices-book-session-div h1 {
    color: var(--secondary-color);
    font-size: 29px;
    font-weight: 400;
    font-family: var(--secondary-font);
}

.practices-book-session-div p {
    color: var(--on-primary-color);
    font-size: 18px;
    font-weight: 500;
    margin: 1.2rem 0 3rem;
    padding: 0 15px;
}

.apoointmttxt-font {
    font-size: 18px;
    font-family: var(--primary-font);
    font-weight: 600;
    color: var(--on-primary-color);
}

.logo-steps.top-pattern {
    position: fixed;
    left: 0;
    top: 0;
    max-width: 260px;
}

.bottom-pattern svg {
    position: relative;
    bottom: -5px;
}

.logo-steps.bottom-pattern {
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 260px;
}

.logo-steps svg{
    width: 100%;
}


.continue-btn-input-wrapper {
    max-width: 64%;
    margin: 0 auto;
}

.continue-btn-input-wrapper-inner {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 20px;
    align-items: baseline;
    justify-content: center;
}

.cmb-41 {
    margin-bottom: 41px;
}

.tl-desk-tc-mob {
    text-align: left;
}

.continue-btn-modify {
    border-radius: 4px;
    background: var(--on-primary-color);
    border: 1px solid var(--on-primary-color);
    color: #fff !important;
    max-width: 170px;
    min-width: 170px;
    Padding: 8px 10px;
    font-size: 19px;
}

    .continue-btn-modify:hover,
    .continue-btn-modify:active {
        background: #05a9af !important;
        border: 1px solid #05a9af;
    }

.continue-btn-link {
    box-shadow: none;
    border: 0;
    background: transparent;
    color: var(--on-primary-color);
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

@media(max-width: 1199px) {
    .center-mode-practices {
        padding-bottom: 50px;
    }

    section.practices-book-session-div.text-center {
        margin-bottom: 160px;
    }
}

@media(max-width: 999px) {
    .welcome-hc-section .main-row-steps {
        flex-direction: column;
    }

    .select-category .book-session {
        min-height: 82px;
    }
}

@media screen and (min-width: 768px) {

    .welcome-hc-section {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {


    .section-heading-practices {
        padding: 1% 0% 1% 2% !important;
    }

    #card .back .bottom-sec .continue-button {
        min-width: 205px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    head-wrapper-pract {
        top: 9% !important;
    }

    .dflex-container {
        margin-bottom: 25px !important;
    }

    .head-wrapper-pract {
        top: 140px;
    }

    /*.pd-text {
        padding: 0px 0px !important;
        margin: 15px;
        width: 96%;
    }*/

}

@media screen and (max-width: 768px) {

    .hide-in-mbl {
        display: none !important;
    }

    .order-summary-inner-div {
        margin-bottom: 25px;
    }

    .radio-bp input[type="radio"] + .radio-label-bp:before {
        top: -2px !important;
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.6em;
    }

    .header-bg-content h1 {
        font-size: 34px !important;
    }

    .practices-bg-center {
        border-radius: 0 !important;
        min-height: 500px !important;
    }

    .parctices-section .row {
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .section-heading-practices p {
        font-size: 15px;
        line-height: 30px;
    }

    .select-category .continue-btn-para {
        margin-bottom: 4rem;
    }

    .bod-ot-bot .panel-body {
        padding: 20px !important;
    }

    .bod-ot-bot .panel-haed {
        padding: 15px 10px 15px 42px;
    }

    .order-summary-inner-div .appointment-date-div label, .order-summary-inner-div .appointment-time-div label, .order-summary-inner-div .modality-div label, .book-summary .message-prac-div label {
        font-size: 14px;
    }

    #section-appointment {
        margin-top: 0rem;
        height: auto !important;
    }
}

/*media for new step changes*/

@media screen and (max-width: 767px) {

    .learn-categories-main-div .category-boxes {
        width: 50%;
        margin-bottom: 0px !important;
        padding: 0 10px;
    }

    .learn-categories-main-div .category-lists {
        grid-row-gap: initial;
        grid-column-gap: initial;
        align-items: flex-start;

    }

    .continue-btn-input-wrapper {
        max-width: 100%;
    }

    .resend-code-btn {
        margin: 30px 0 10px;
    }

    .continue-btn-input-wrapper-inner {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .cmb-41.cmb-1 {
        margin-bottom: 1px;
    }

    .tl-desk-tc-mob {
        text-align: center;
    }

    .continue-btn-input-wrapper .continue-button {
        margin: 0 auto;
    }

    .continue-btn-para {
        position: fixed;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999999;
        margin-bottom: 0 !important;
        width: 100%;
    }

    .continue-btn-para .continue-button {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
    }

    .verify-email-div .continue-btn-para .continue-button {
        margin-bottom: 0;
    }

    .right-testi-innerdiv {
        display: none;
    }

    .radio-btn-cust .payment-txt i:before {
        height: 26px;
    }

    .saved-cards .pf-mastercard:before {
        top: 0px !important;
    }

    .saved-cards .pf-visa:before {
        top: 0px !important;
    }

    .saved-cards .pf-american:before {
        top: 0px !important;
    }

    .saved-cards .pf-discover:before {
        top: 0px !important;
    }

    .saved-cards .pf-diners:before {
        top: 0px !important;
    }

    .saved-cards .pf-jcb:before {
        top: 0px !important;
    }

    .pf-mastercard:before {
        left: -45px;
        top: -6px;
    }

    .pf-visa:before {
        left: -45px;
        top: -6px;
    }

    .pf-american:before {
        left: -45px;
        top: -6px;
    }

    .pf-discover:before {
        left: -45px;
        top: -6px;
    }

    .pf-diners:before {
        left: -45px;
        top: -6px;
    }

    .pf-jcb:before {
        left: -45px;
        top: -6px;
    }

    .select-category .symtom-text-bottom {
        color: #434343;
        font-weight: 500;
        font-size: 12px;
        margin: 0;
        margin-top: 0.2rem;
    }

    .select-date-div label, .select-time-div label {
        padding: 0;
    }

    .cardrow-wf ul.token-input-list li input {
        width: 300px !important;
    }

    .proceed-btn .col-xs-9 {
        text-align: right;
        padding: 0;
    }

    .proceed-btn .col-xs-3 {
        padding: 0;
        text-align: left;
    }
}

.welcome-hc-loader-section {
    width: 100%;
    height: 100vh;
    position: relative;
}

    .welcome-hc-loader-section .cardBoxDiv {
        min-height: 250px !important;
        margin: 25px 0;
        background: #ccecef;
    }

    .welcome-hc-loader-section .marqueeDiv {
        position: absolute;
        top: 50%;
        margin-top: -225px;
        width: 100%;
    }

    .welcome-hc-loader-section #marquee {
        height: 300px;
        width: 100%;
    }

#AppointmentCalendarContainer .modal-header .close {
    margin-top: 0px !important;
    margin-right: 39px !important;
}

.cm-0 {
    margin: 0 !important;
}

.cm-x {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .carddiv input {
        border: 0;
        background: transparent;
    }

    #card .back {
        background-color: transparent !important;
    }
}

.welcome-hc-section1 {
    margin-top: 2.6rem;
}

.dflex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

.welcome-hc-section1.select-category h1 {
    margin-top: 0;
}

.flex-row-pract-results {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

#player.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play,
#player.player.player-tiny .vp-controls .play {
    margin: -0.5em 0 0 -2.1em;
    position: absolute;
    top: 50%;
    left: 50%;
}

#player.player .vp-controls .play {
    width: 4.5em;
    height: 2em;
    margin-right: .9em;
    position: relative;
}

.tred-M {
    font-size: 26px;
    line-height: 0 !important;
    vertical-align: sub;
    position: relative;
    top: 3px;
}


@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .cardBoxDiv {
            background-color: transparent !important;
            box-shadow: none !important;
        }
    }

    #card .back .bottom-sec .continue-button:hover {
        background: var(--on-primary-color) !important;
    }

}

/*css for dev extreame */

.dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #ddd !important;
}

.dx-recurrence-repeat-on .dx-recurrence-button-group .dx-buttongroup-item.dx-button-mode-contained,
.dx-recurrence-repeat-on .dx-recurrence-button-group .dx-buttongroup-item.dx-button-mode-outlined {
    border-left-width: 0 !important;
}

.dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button-mode-contained.dx-buttongroup-first-item,
.dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button-mode-outlined.dx-buttongroup-first-item {
    padding-left: 0;
    border-left-width: 1px !important;
}

.dx-recurrence-repeat-on .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
    background-color: #f5f5f5 !important;
}

.dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--on-primary-color) !important;
}

.dx-switch-handle::before {
    background-color: var(--primary-color) !important;
}

.dx-switch.dx-state-hover .dx-switch-container {
    background-color: transparent;
    border-color: var(--on-primary-color) !important;
}

.dx-switch.dx-state-focused .dx-switch-container {
    border-color: var(--on-primary-color) !important;
}

.sign-up-txt > small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 23px !important;
    margin-bottom: 40px !important;
}


@media(max-width: 767px) {
    .main-head-steps-sp h1 small {
        font-size: 15px;
        line-height: 21px;
        margin-top: 9px;
    }

    .sign-up-txt > small {
        font-size: 18px !important;
    }

    #AppointmentCalendarContainer .modal-dialog {
        max-width: calc(100% - 70px);
        margin-left: auto;
        margin-right: auto;
    }
}

.booking-summary-main .dg-steps-v-algin {
    align-items: flex-start;
}

:root {
    --categoreis-width: 160px;
    --categoreis-height: 160px;
    --highlight-color: null;
}



.bt_brw {
    display: none;
}

.browse-prac-allprac {
    margin-top: -15px;
}

.a-hc-default {
    color: #2b8cf8 !important;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

::selection {
    /* background: var(--primary-color);
    color: white;*/
    /* background: var(--highlight-color);*/
}

::-moz-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-webkit-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-o-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

::-ms-selection {
    /* background: var(--primary-color);
    color: white;*/
    background: var(--highlight-color);
}

.sometic-margin {
    margin-top: 3%
}

#header-bg .header-bg-content h2.title.top-header {
    display: none;
}

#header-bg .header-bg-content h1.title {
    display: none;
}

.header-bg-content div#SignUpTitle {
    display: none;
}

.book-seesion-btn:hover {
    background: #05a9af;
}

.book-video-seesion-btn:hover {
    background: #05a9af;
}

#card .hc-default-btn:hover {
    background: #05a9af;
}

#card .back .bottom-sec .continue-button:hover {
    background: #05a9af;
}

.btn-paynw:hover {
    background: #05a9af;
}

.buttn-pack:hover {
    background: #05a9af;
}

img.img-arange-slider {
    width: 100%;
    min-height: 175px;
    border-radius: 6px;
}

#wrapper .headerinner-wrapper {
    background: var(--white-color);
}

    #wrapper .headerinner-wrapper #headerinner .menu > ul {
        margin: 0;
    }

        #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
            font-weight: 500;
            font-size: 16px;
            color: transparent;
            color: white;
            padding: 0 3px;
            margin: 0 1px;
            border-radius: 5px;
            text-shadow: -1px 0px 7px rgba(59, 61, 61, 0.25);
        }

    #wrapper .headerinner-wrapper #headerinner .x-sign {
        border: 1.5px solid #FFFFFF;
        position: relative;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding: 6px 25px;
        margin-left: 0px;
        margin-left: 10px;
        margin-right: 5px;
    }

    #wrapper .headerinner-wrapper #headerinner .x-login {
        border: 1.5px solid #ffffff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 500;
        padding: 7px 25px;
        line-height: 40px;
        text-shadow: none;
        margin-left: 10px;
        background-color: rgba(255, 255, 255, 0.5);
    }

.x-login:hover {
    background: #05a9af
}

.textUC {
    text-transform: uppercase;
}

.life-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/life-coaching-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.personal-growth-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/personalgrowth-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.relationship-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/relationship-coaching-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.reiki-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/reiki-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.hypnosishypno-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/hypnosis-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.distance-healing-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/distance-healing-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.addiction-coac-landing-banner {
    position: relative;
    background-image: url('/Content/images/addiction-landing-banner.jpg');
    min-height: 631px;
    background-size: cover;
    background-position: center;
}

.d-text-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 610px;
}

.banner-heading-text {
    color: #fff;
    font-size: 38px;
    text-shadow: -1px 0px 7px #3B3D3D;
    font-weight: 500;
    letter-spacing: 1.3px;
}

.banner-para-text {
    color: #fff;
    font-size: 22px;
    text-shadow: -1px 0px 7px #3B3D3D;
    font-weight: 500;
    margin: 20px 0;
    letter-spacing: 1.2px;
}

.book-seesion-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 30px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    margin: 10px 0;
    text-transform: uppercase;
}

.banner-bottom-strip {
    height: 107px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .banner-bottom-strip p {
        font-size: 36px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 1px;
        margin-bottom: 0;
        line-height: 46px;
    }

    .banner-bottom-strip label {
        font-size: 21px;
        color: var(--on-primary-color);
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0 !important;
    }

.certified-prac-div {
    display: flex;
    justify-content: flex-start;
}

.completed-session {
    display: flex;
    justify-content: flex-end;
}


section.heal-your-mind {
    padding: 62px 0 74px;
    position: relative;
}

    section.heal-your-mind p {
        font-size: 15px;
        color: #5b5b5b;
        letter-spacing: 1px;
        font-weight: 500;
        line-height: 26px;
    }

.heal-your-mind-heading {
    line-height: 36px;
}

section.heal-your-mind p:last-child {
    margin-bottom: 0;
}

/*how cite works*/
section.how-it-works {
    padding: 50px 0 50px;
    position: relative;
}

.how-it-works .row h2 {
    font-size: 19px;
    color: #5b5b5b;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 36px 0 27px;
}

.how-it-works .row p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 300;
    line-height: 25px;
}

.safety-n-security-section {
    padding-bottom: 70px;
    position: relative;
}

    .safety-n-security-section ol {
        margin-top: 40px;
    }

        .safety-n-security-section ol li {
            font-size: 16px;
            color: #5b5b5b;
            letter-spacing: 1px;
            font-weight: 500;
            line-height: 29px;
            padding: 8px 0;
        }

    .safety-n-security-section .imgs img {
        width: 75%;
    }

    .safety-n-security-section ol li p {
        color: #434343;
        font-size: 18px;
    }

.section-below-heading {
    font-size: 24px;
    color: var(--primary-color);
    margin: 0px;
    margin-bottom: 48px;
    font-weight: 600;
}

    .section-below-heading span.h1Span {
        font-size: 12px;
        color: #555555;
    }

/*css form qualified pract live video session*/
.vjs-has-started .vjs-control-bar {
    display: none !important;
}

.video-js .vjs-big-play-button {
    font-size: 3em !important;
    line-height: 1.1em !important;
    height: 1.2em !important;
    width: 2em !important;
    display: block;
    position: absolute;
    top: 41% !important;
    left: 41% !important;
    padding: 0;
    cursor: pointer;
    opacity: 0.5 !important;
    border: 0.06666em solid #fff !important;
    background-color: rgba(43, 51, 63, 0.17) !important;
    border-radius: 0.3em;
}

.vjs-poster {
    background-size: cover !important;
}

section.live-video-session {
    margin-bottom: 70px;
}


.qualified-practitioners .thumbnail {
    position: relative;
    text-align: center;
    margin: 15px 0;
    padding: 0px;
    float: left;
    min-height: 300px;
    width: 100%;
    border-radius: 15px;
    border: 0px solid #efefef;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    overflow: hidden;
}

    .qualified-practitioners .thumbnail .cardImgBox {
        min-height: 197px;
    }

    .qualified-practitioners .thumbnail:hover {
        text-decoration: none;
    }

    .qualified-practitioners .thumbnail h4 {
        display: block;
        margin: 0px 0;
        color: #5b5b5b;
        font-size: 21px;
        padding-bottom: 0px;
        width: 100%;
        border-top: 1px solid #f4f2f2;
        padding-top: 14px;
    }

    .qualified-practitioners .thumbnail p {
        color: #7f7e7e;
        font-weight: 500;
        font-size: 16px;
        min-height: 50px;
        padding: 6px 0 0 0;
    }

.cradImgBoxUserIMG img.parc-image {
    width: 125px;
    height: 125px;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: 0px auto;
    border-radius: 100%;
    border: 1px solid #68c8cb;
}

.qualified-practitioners .thumbnail p span {
    display: block;
    margin: 5px;
    font-weight: 500;
    color: #60c7c4;
    text-transform: uppercase;
}

.qualified-practitioners .play-txt {
    color: white !important;
    font-weight: 500 !important;
    position: absolute;
    font-size: 16px !important;
    right: 0;
    text-align: center;
    text-decoration: underline;
    left: 0;
    top: 82px;
}

.qualified-practitioners .close-btn img {
    width: 15px;
}

.qualified-practitioners .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

.qualified-practitioners .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.qualified-practitioners .video-js {
    width: 100%;
    height: 197px;
    transform: scale(1.1);
}

.qualified-practitioners .vjs-v7 {
    transform: scale(1.2);
}

.videoClose {
    position: absolute;
    right: 4px;
    top: 15px;
    color: #FFF;
    z-index: 99;
    cursor: pointer;
}

.qualified-practitioners .cradImgBoxUserIMG {
    position: relative;
    top: 35px;
}

    .qualified-practitioners .cradImgBoxUserIMG .usericondiv {
        position: absolute;
        width: 50px;
        height: 50px;
        padding: 0;
        z-index: 3;
        right: 7px;
        top: -34px;
        margin: 0px auto;
    }

        .qualified-practitioners .cradImgBoxUserIMG .usericondiv img {
            width: 100%;
            cursor: pointer;
        }

.cardImgBox:hover .hover-overlay {
    position: absolute;
    width: 92.5%;
    height: 190px;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 2;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #efefef;
    border-bottom: 0
}

.pract-video-div .vjs-poster {
    position: relative;
}
/* carousel */
.carousel-control {
    width: 0;
}
/* Previous button  */
.qualified-practitioners .carousel-control.left {
    left: -55px;
    background-image: none !important;
    height: 40px;
    width: 40px;
    margin-top: 11%;
    color: #089291;
    font-size: 40px;
    opacity: 1;
}
/* Next button  */
.qualified-practitioners .carousel-control.right {
    right: -55px;
    background-image: none;
    height: 40px;
    width: 40px;
    margin-top: 11%;
    position: absolute;
    color: #089291;
    display: block;
    font-size: 40px;
    opacity: 1;
}
/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-control > a > span {
    color: #35aaaa;
}

.carousel-indicators .active {
    background: var(--on-primary-color);
}

/* End carousel */

.book-video-seesion-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 12px 30px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    letter-spacing: 2px;
    margin-top: 25px;
    text-transform: uppercase;
}

/* end css form qualified pract live video session*/
.dash-message {
    flex-direction: column;
    align-items: baseline;
}
/*hear it from our user*/


section.hear-it-from-our-user {
    margin-bottom: 70px;
    padding: 0 2%;
}

.center-mode-video {
    overflow: hidden;
    min-height: 306px;
}

.hear-it-from-our-user .video-js {
    width: 100% !important;
    min-height: 222px;
    margin: 0 auto;
}

.slick-center .video-js {
    width: 100% !important;
    min-height: 270px;
    margin: 0 auto;
}

.hear-it-from-our-user .video-js {
    transform: scale(1.3);
}

.hear-it-from-our-user .pract_video_12-dimensions, .hear-it-from-our-user .pract_video_9-dimensions {
    transform: scale(1.5);
}

.hear-it-from-our-user .video-js .vjs-big-play-button {
    left: 46% !important;
    border: 0 !important;
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    width: 50px !important;
    height: 30px !important;
    border-radius: 6px !important;
    visibility: hidden;
    top: 43% !important;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101";
    font-size: 21.5px;
    position: absolute;
    top: -1px !important;
}

.hear-it-from-our-user .slick-list {
    overflow: visible;
}


.center-mode-video p {
    width: 94%;
    position: absolute;
    color: #c5c5c5;
    font-size: 13.66px;
    font-weight: 500;
    bottom: -43px;
}

.center-mode-video .slick-center p {
    width: 94%;
    position: absolute;
    color: var(--primary-color);
    font-size: 17.83px;
    font-weight: 500;
    bottom: -45px;
}

.hear-it-from-our-user .slick-track {
    display: flex;
    align-items: center;
}

.pract-video-div {
    -webkit-box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    -moz-box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    box-shadow: 0px 5px 14px -4px rgba(130,130,130,1);
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.col-md-4.col-xs-12.slick-slide.slick-current.slick-active.slick-center .vjs-big-play-button {
    visibility: visible;
}

.pract-video-div .rightDiv {
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(202, 255, 255, 0.78);
    border-radius: 10px;
    left: 0;
    position: absolute;
}

.slick-center .pract-video-div .rightDiv {
    display: none;
}

.slick-cloned .video-js .vjs-big-play-button {
    display: none;
}

/*accodian hc info*/
section.accordian-hc-info-main-div {
    margin-bottom: 70px;
    background-color: #f3fefe;
    min-height: 420px;
}

section.ebook-main-wrapper {
    margin-bottom: 70px;
    min-height: 420px;
    background-image: url('/Content/images/ebook-sec-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    section.ebook-main-wrapper .container-fluid {
        padding-left: 0;
    }

section.accordian-hc-info-main-div .row {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.accordian-hc-info .no-transition {
    -webkit-transition: height 0.005s;
    -moz-transition: height 0.005s;
    -ms-transition: height 0.005s;
    -o-transition: height 0.005s;
    transition: 0.5s height 0.005s;
}

.accordian-hc-info .accordian-group {
    border-radius: 10px;
}

.accordian-hc-info .panel p {
    color: #417f7f;
    font-size: 14.32px;
    font-weight: 500;
}

.accordian-hc-info .panel {
    background-color: #c2f3f3 !important;
    border: 1px solid #94e3e3 !important;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
}

.center-accordian {
    margin: 1.5rem 0 !important;
}

.accordian-hc-info .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px;
    cursor: pointer;
    position: relative;
}

.accordian-hc-info .panel-default {
    border-bottom: 1px solid #94e3e3 !important;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}


    .accordian-hc-info .panel-default > .panel-heading {
        background: transparent;
    }

.accordian-hc-info .panel-group {
    margin-bottom: 5px;
}

    .accordian-hc-info .panel-group .panel {
        border-radius: 10px;
    }

        .accordian-hc-info .panel-group .panel + .panel {
            margin-top: 0;
        }

/*.accordian-hc-info .panel-group .panel-heading + .panel-collapse > .list-group,
.accordian-hc-info .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}*/

.accordian-hc-info panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.accordian-hc-info .panel-collapse:last-child {
    padding-bottom: 0;
}


.accordian-hc-info .panel-heading:after {
    content: '\2212';
    float: right;
    font-size: 34px;
    font-weight: 300;
    color: var(--on-primary-color);
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.accordian-hc-info .panel-heading.collapsed:after {
    content: '\002B';
    font-size: 34px;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.accordian-hc-info .panel-title {
    color: #417f7f;
    font-size: 18.8px;
    cursor: pointer;
}

.boy-with-tab {
    width: 278px;
}

.accordian-hc-info {
    margin-top: 3%;
}
/*Explore Our Healing Modalities*/
.explore-our-healing-modalities .book-video-seesion-btn {
    margin-top: 45px;
}

.explore-our-healing-modalities {
    padding-bottom: 70px;
}

.parctices-offer .text-center {
    position: relative;
}

.parctices-offer .slick-slide {
    margin: 10px 0;
}

.overlay-hc-moadalities {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.30);*/
    border-radius: 7px;
}

.pract-video-div .video-js {
    background-color: #0000;
}

.akashic-records {
    background-image: url('/Content/images/aka-records.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

.body-code {
    background-image: url('/Content/images/BodyCode.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

.counselling {
    background-image: url('/Content/images/Counselling.png');
    max-height: 225px;
    min-height: 225px;
    border-radius: 10px;
}

/* Previous button  */
.explore-our-healing-modalities .carousel-control.left {
    left: -55px;
    background-image: none !important;
    height: 40px;
    width: 40px;
    margin-top: 8%;
    color: #089291;
    font-size: 40px;
    opacity: 1;
}
/* Next button  */
.explore-our-healing-modalities .carousel-control.right {
    right: -55px;
    background-image: none;
    height: 40px;
    width: 40px;
    margin-top: 8%;
    position: absolute;
    color: #089291;
    display: block;
    font-size: 40px;
    opacity: 1;
}

.explore-our-healing-modalities p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 21px;
    margin: 0;
    font-weight: 500;
}

/*blog section*/

.blog-section .slick-slide {
    min-height: 363px;
}

.blog-section .carousel-col {
    margin: 15px 0;
}

.blog-card-main-div {
    min-height: 347px;
    max-height: 365px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.15);
    margin-bottom: 1rem;
}

.blog-card-inner-div {
    min-height: 210px;
    max-height: 210px;
    overflow: hidden;
}

.blog-card-main-div img {
    min-height: 210px;
    width: 100%;
}

.blog-card-main-div .blog-description {
    padding: 15px;
}

    .blog-card-main-div .blog-description p {
        margin: 0;
        color: var(--on-primary-color);
        font-size: 14px;
        font-weight: 500;
    }

    .blog-card-main-div .blog-description h4 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 17px;
        line-height: 22px;
    }


/*css form new practices page*/


.explore-practices-gallery {
    position: relative;
    background: #F4F8FC;
    box-shadow: 0px 31px 29px rgba(9, 24, 101, 0.1);
    border-radius: 7px;
}

    .explore-practices-gallery p {
        position: absolute;
        top: 50%;
        width: 100%;
        color: #fff;
        font-size: 21px;
        font-weight: 500;
        left: 50%;
        transform: translate(-50%,-50%);
        margin: 0;
    }

.pracites-individual {
    margin-bottom: 30px;
}


/*a.pracites-individual .explore-practices-gallery:hover {
    -webkit-box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
    -moz-box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
    box-shadow: 0px 0px 25px -4px var(--primary-dark-color);
}*/

.parctices-section .container-fluid {
    padding: 0;
}

.parctices-section .row {
    display: flex;
    align-items: center;
    width: 100%;
}

.section-heading-practices {
    background-color: var(--modal-bg-color);
    color: #ffffff;
    position: absolute !important;
    right: 0;
    width: 55% !important;
    padding: 3% 11% 3% 2%;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    border-radius: 10px 0 0 10px;
    min-height: 300px;
    display: flex;
    align-items: center;
    flex: initial;
    max-width: 100%;
}

.parctices-full-section {
    margin: 50px 0;
}

.section-heading-practices p {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.51);
}

a.focus-clsignup:hover, a.focus-clsignup:focus, .back-button.back-button-show.text-dec-modi a:hover {
    color: var(--secondary-color) !important;
}

.cardBoxDiv.flipped .bord-out .col-xs-12 {
    padding: 0px;
}

.cardBoxDiv.flipped .standard-seesion-div, .cardBoxDiv.flipped .premium-seesion-div {
    min-height: 160px;
    margin-bottom: 20px;
}

.cardBoxDiv.flipped .package-session-list {
    margin: 4px 0 !important;
    padding: 0 !important;
}

.cardBoxDiv.flipped .premium-seesion-div ul.list-inline:first-child {
    padding: 7px 14px !important;
}

.cardBoxDiv.flipped .standard-seesion-div ul.list-inline:first-child {
    padding: 7px 14px !important;
}

.cradImgBoxUserDiv {
    padding: 20px;
    width: 100%;
    min-height: 137px;
    float: left;
    padding-bottom: 5px;
}

.cmt-55 {
    margin-top: 55px;
}

.cradImgBoxUserDiv img.parc-image {
    border-radius: 50%;
    border: 4px solid #68c8cb;
    width: 110px;
    margin: 0 auto;
    height: 110px;
}

.cradImgBoxUserDiv h4 {
    color: var(--primary-color);
    font-size: 19px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 3px;
}

.cradImgBoxUserDiv .img-prac-card-div {
    padding: 0;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.cradImgBoxUserDiv .pract-details-card-div {
    padding-right: 0;
    margin-top: 60px;
}

.pract-details-card-div p .fa-star {
    padding-right: 0px;
    color: #f2e408;
}

.cradImgBoxUserDiv p {
    color: var(--on-primary-color);
    font-size: 13px;
    font-weight: 600;
}

.cradImgBoxUserDiv img.play {
    width: 35px;
    z-index: 0;
    cursor: pointer;
}

.cardInfoDiv {
    position: relative;
}

    .cardInfoDiv .bottom-sec {
        width: 100%;
        height: 100%;
    }

        .cardInfoDiv .bottom-sec h3 {
            font-size: 17px;
            margin: 0;
            padding: 0;
            color: var(--primary-color);
            font-weight: 600;
        }

.bottom-sec-items {
    margin-bottom: 15px;
}

.cradImgBoxUserDiv .a-hc-default {
    font-weight: 500;
    color: var(--primary-color) !important;
    padding: 3px 9px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}

.cardInfoDiv .bottom-sec p {
    margin: 5px 0;
    padding: 0;
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lang-card .tooltip {
    display: none !important;
}

.langauge-profile .select2-selection.select2-selection--multiple {
    height: auto;
}

#card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: transform 1s;
    -o-transform-style: preserve-3d;
    -o-transition: transform 1s;
    -moz-transform-style: preserve-3d;
    -moz-transition: transform 1s;
    left: 0;
    top: 0;
}

.flipperInnrDiv {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    unicode-bidi: bidi-override;
    height: 100%;
}

#card figure {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

    #card .front,
    #card figure.back {
        padding: 20px;
        min-height: 244px;
    }

.cardBoxDiv {
    position: relative;
    min-height: 368px;
    border-radius: 15px;
    border: 2px solid var(--primary-color);
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}

#card .back {
    transform: rotateY( 180deg);
    height: 100%;
}

#card.flipped {
    transform: rotateY( 180deg);
}

.cardBoxDiv .close-btn img {
    width: 15px;
}

.cardBoxDiv .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
}

    .cardBoxDiv .cardVideoBox iframe {
        transform: scale(1.5);
        width: 100%;
    }

.cardBoxDiv .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

#card .back .bottom-sec .continue-button {
    min-width: 220px;
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 10px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 17px;
    font-weight: 500;
    border: 2px;
    letter-spacing: 1px;
    border-radius: 9px;
    min-width: 242px;
    text-transform: uppercase;
}

#card .back .bottom-sec .form-control {
    max-width: 375px;
    height: auto;
    font-size: 15px;
    letter-spacing: 2px;
    border-color: #68c8cb;
}

.line-hr {
    height: 2px;
    max-width: 140px;
    background-color: var(--primary-color);
    margin-left: 5px;
}

#card .hc-default-btn {
    background: var(--primary-color);
    color: #ffffff !important;
    text-align: center;
    Padding: 10px 20px;
    text-decoration: none !important;
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 17px;
    font-weight: 600;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    letter-spacing: 1px;
    border-radius: 9px;
    min-width: 242px;
}

#card .button-start-seeion {
    margin-top: 12px;
}

#card .back .backBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #b2b2b2;
    display: table;
    position: absolute;
    bottom: 50px;
    height: 24px;
    width: 24px;
}

.safety-n-security-section {
    display: none;
}

.landing-page-acc p {
    margin-bottom: 5px;
}


@media (min-width: 768px) and (max-width: 788px) {
    .hear-it-from-our-user .video-js {
        min-height: 346px;
    }

    .hear-it-from-our-user .video-js {
        transform: scale(1.4);
    }

    .center-mode-video {
        overflow: hidden;
        min-height: 393px;
    }

    .qualified-practitioners .video-js {
        height: 170px;
        transform: scale(1.5);
    }

    .qualified-practitioners .thumbnail .cardImgBox {
        min-height: 170px;
    }

    .cradImgBoxUserIMG img.parc-image {
        width: 109px;
        height: 109px;
    }

    .qualified-practitioners .thumbnail {
        min-height: 283px !important;
    }
}

@media (max-width: 1024px) {
    .center-mode-practices .slick-prev {
        left: -65px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: -65px;
    }

    .center-mode-practices .slick-dots li button {
        background-color: #fff;
    }

    .error-bg {
        background-position: 71%;
    }

    .error-image {
        width: 50%;
    }


    .mar-15-cus {
        margin-top: 15px;
    }

    .back-home-btn.hc-default-btn {
        font-size: 14px;
        padding: 11px 20px;
    }
}

@media (max-width: 320px) {
    .page-not-found-txt {
        margin: 6px 0px;
    }

    .copyright-text-404 p {
        font-size: 11.5px;
    }

    .error-main-div {
        height: 75vh !important;
    }
}

@media (min-width: 789px) and (max-width: 1024px) {

    .pd-0-bp {
        padding: 0;
    }

    .sortbytext strong {
        font-size: 14px;
    }

    .boxDiv .bookASession, .boxDiv .freeConsultation {
        font-size: 13px !important;
    }

    .hear-it-from-our-user .video-js {
        min-height: 196px;
    }

    .blog-card-main-div {
        min-height: 360px;
        max-height: 360px;
    }

    .vjs-icon-play:before {
        top: -3px;
    }

    .hear-it-from-our-user .video-js {
        transform: scale(1.6);
    }

    .qualified-practitioners .video-js {
        height: 170px;
        transform: scale(1.3);
    }


    .center-mode-video {
        overflow: hidden;
        min-height: 242px;
    }

    .hear-it-from-our-user .video-js .vjs-big-play-button {
        left: 42% !important;
        width: 1.5em !important;
        top: 41% !important;
        height: 1em !important;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: 0;
    }
}

@media (max-width: 777px) {

    .pract-video-div .rightDiv {
        background-color: transparent;
    }
}

@media (min-width: 777px) {
    .hear-it-from-our-user .slick-next {
        width: 30.5%;
        height: 84%;
        z-index: 99;
        border-radius: 10px;
        right: 0px;
        position: absolute;
    }


    .hear-it-from-our-user .slick-prev {
        width: 30.5%;
        height: 84%;
        z-index: 99;
        border-radius: 10px;
        left: 2px;
        position: absolute;
        z-index: 99;
    }

        .hear-it-from-our-user .slick-next:before,
        .hear-it-from-our-user .slick-prev:before {
            display: none;
        }
}

@media (max-width: 1252px) {
    .welcome-hc-section .list-inline li {
        border-bottom: 0;
    }
}

.fav_dct .name a {
    color: var(--on-primary-color) !important;
    font-weight: 600;
}



.hr_chr.my-favhour {
    display: flex;
    justify-content: center;
    align-content: center;
}

.fav-hourly-charge {
    padding-right: 10px;
}

.book-head h1 {
    font-size: 32px;
    color: var(--primary-color);
    line-height: 42px;
    margin: 0;
}

.rejoin_session {
    margin: 10px 0px;
}

.section.video_section {
    height: 100vh;
    overflow: hidden;
    padding: 0;
}

.rejoin_session {
    color: #fff;
    text-align: center;
    width: 100%;
}

.video-btn-contorl {
    z-index: 9;
    margin-top: 14px;
    background-color: var(--primary-color);
    color: white;
    margin-right: 15px;
    padding: 8px 15px;
    margin-top: 0px;
    border-radius: 25px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 0px;
    min-width: 130px;
    margin-top: 6px;
}

.vIconsSpan {
    margin: 0 !important;
}

/*css form complateted session*/

.futLogo {
    max-width: 115px;
    margin: 10px 0;
}

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

.review-block-description {
    font-size: 13px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .how-it-works iframe.VideoDiv {
        width: 100%;
        min-height: 400px;
    }

    .main-head-steps-sp {
        align-self: flex-start;
        padding-top: 4%;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .cus-mob-view-steps {
        display: none;
    }

    .nd-user-wrapper span {
        font-size: 11px;
        font-weight: 300 !important;
        letter-spacing: normal;
    }
}


@media (max-width: 768px) {


    .new-home-main .d-text-center {
        padding-top: 140px;
    }

    .hide-mob-ex.text-left {
        text-align: center !important;
    }

    .review-row-cs .col-xs-12:nth-child(-n+2) .review-block, .d-none-mb {
        display: none;
    }

    .freeConsultationCompletedSection .review-block-name {
        font-size: 12px !important;
        left: 0;
        text-align: center !important;
        padding-top: 13px !important;
    }

    .freeConsultationCompletedSection .review-block-description {
        text-align: center !important;
    }

    .df-row-complted-session {
        display: flex;
        flex-direction: column;
    }

    .freeConsultationCompletedSection .review-block .review-img {
        width: 60px !important;
        position: relative !important;
        height: 60px !important;
        left: 0px !important;
    }

    .freeConsultationCompletedSection h2 {
        line-height: 29px;
        font-size: 24px !important;
    }

    .popupBox {
        margin: 5px 0 30px !important;
    }

    .freeConsultationCompletedSection h2 {
        float: none !important;
    }

    .freeConsultationCompletedSection h1 {
        font-size: 26pX !important;
        line-height: 34px !important;
    }

    .main-head-steps-sp .form-group .review-form {
        display: flex;
        justify-content: space-between;
    }

    .logo-hc-pract-pro img {
        height: 68px !important;
    }

    .header-bg-content.head-wrapper-pract h1 {
        font-size: 42px !important;
        margin-top: -21px;
    }

    .book-head h1 {
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
    }

    .padd-0 {
        padding: 0;
    }

    .view-package-play-btn-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #userListDiv .profiDivRow .video-show {
        max-height: 177px;
        min-height: 177px;
        margin-bottom: 5px !important;
    }

    .boxDiv h2 {
        font-size: 18px;
        margin: 14px 0;
    }

    .textAmmount {
        font-size: 17px !important;
    }

    .prof-img {
        padding: 21px 0 !important;
        max-height: 177px;
        min-height: 177px;
        margin-bottom: 5px !important;
    }

        .prof-img img {
            margin: 0 auto !important;
            display: block;
            height: 140px !important;
            width: 140px !important;
        }

    how-it-work-dflex {
        display: flex;
        flex-direction: column-reverse;
    }

    .practitioners-you-can-trust {
        text-align: center;
    }


    .be-a-practitioner ul {
        text-align: left;
        margin: 0px 0 0 20px !important;
    }

    .whyHC {
        margin-top: 40px;
    }

    .practitioners-you-can-trust p i {
        display: none;
    }

    .practitioners-you-can-trust img {
        margin: auto;
    }

    .boy-with-tab-landing {
        width: 300px;
        margin: 0 auto;
        position: relative;
        top: 30px;
    }

    .center-mode-practices .slick-prev {
        left: -18px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: 10px;
    }

    .x-sign {
        border: none !important;
    }

    .boy-with-tab {
        width: 278px;
        margin: 0 auto -22px auto;
    }

    .cardBoxDiv {
        margin-bottom: 20px;
    }

    .play-int-div-icon {
        bottom: 234px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 17px;
        min-height: 24px;
    }

    .hear-it-from-our-user .slick-next {
        right: 13px;
        top: 43%;
    }

    .hear-it-from-our-user .slick-prev {
        left: -16px;
        z-index: 99;
        top: 43%;
    }


    section.accordian-hc-info-main-div .row {
        flex-direction: column;
    }

    .home-page-banner,
    .how-it-works {
        text-align: center;
    }

    .banner-bottom-strip label {
        font-size: 18px;
    }

    .how-it-works .row p {
        margin: 15px 0;
        padding: 0;
        font-size: 15px;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: 0px;
    }

    .qualified-practitioners .thumbnail {
        min-height: 320px;
    }

    .blog-card-main-div .blog-card-inner-div {
        min-height: 140px;
    }

    .blog-card-main-div img {
        min-height: 140px;
    }

    .welcome-hc-section {
        min-height: 100vh;
        align-items: flex-start;
    }

    .img-arange-slider {
        min-height: auto;
    }
}

@media (max-width: 767px) {

    .stripe-accountdiv {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cus-desk-view-steps {
        display: none;
    }

    .nav-flr {
        margin-top: 0px;
    }

    .wcs-100 {
        width: 100%;
    }

    .footernavs__list li:not(:last-child) {
        padding-right: 5px !important;
    }

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

    .footernavs__item a {
        font-size: 14px !important;
    }

    .header-bg-content.head-wrapper-pract h1 {
        font-size: 26px !important;
        margin-top: 26px;
    }

    .logo-hc-pract-pro {
        visibility: hidden;
    }

    .freeConsultationCompletedSection .profileBoxDiv .pracr-profile {
        width: 65%;
    }

    .textAmmount {
        font-size: 17px !important;
    }

    /*.review-block-description {
        padding: 0 15px;
    }*/

    .overViewTabDiv .nav > li > a {
        padding: 10px 7px;
        font-size: 14px !important;
    }

    .oic-video-tabs-wrapper .overViewTabDiv .nav > li > a {
        font-size: 12px !important;
    }


    .flex-row-pract-results .col-xs-12 {
        width: 100%;
    }

    #card .hc-default-btn {
        font-size: 14px;
    }

    .footer-list-menu ul li a {
        font-weight: 500;
        font-size: 13px;
        color: white;
        padding: 0 0px;
        margin: 0 0px;
        border-radius: 5px;
    }

        .footer-list-menu ul li a:hover {
            color: #fff;
        }

    .footer-list-menu ul li {
        text-align: left;
        padding: 0 4px;
    }

    .hear-it-from-our-user .slick-next {
        right: 13px;
        top: 43%;
    }

    .hear-it-from-our-user .slick-prev {
        left: -10px;
        z-index: 99;
        top: 43%;
    }

    .boy-with-tab {
        margin: 0 auto;
    }

    /*.accordian-hc-info .panel-heading.collapsed:after {
        top: 5px;
        position: relative;
    }

    .accordian-hc-info .panel-heading:after {
        top: -14px;
        position: relative;
    }*/

    .d-text-center {
        height: 540px;
    }


    .accordian-hc-info-main-div .col-md-4 {
        position: relative;
        top: 47px;
    }

    section.hear-it-from-our-user {
        margin-bottom: 15px;
    }

    section.accordian-hc-info-main-div {
        margin: 0px 0 70px;
    }

    .center-mode-video {
        min-height: 266px;
    }

    .hear-it-from-our-user .video-js .vjs-big-play-button {
        left: 43% !important;
        top: 44% !important;
    }

    .suggested-prac {
        margin: 0px;
    }

    .slick-center .video-js {
        min-height: 205px;
    }

    .social-connect-button {
        width: auto;
        padding: 13px 0px 13px 37px;
    }

    .select-gender-text {
        width: 80%;
    }

    .banner-bottom-strip {
        height: 94px;
    }


    .accordian-hc-info {
        margin-top: 3rem;
    }



    .pract-video-div .rightDiv {
        width: 90.5%;
        left: 14px;
    }


    .overlay-hc-moadalities {
        width: 100%;
    }


    .section-below-heading {
        font-size: 24px;
    }

    .certified-prac-div, .completed-session {
        justify-content: center;
    }

    .slick-prev {
        left: -23px;
    }

        .slick-prev:before, .explore-our-healing-modalities .fa-angle-left:before, .live-video-session .fa-angle-left:before {
            font-size: 9rem;
            top: -65px;
        }

    .slick-next:before, .explore-our-healing-modalities .fa-angle-right:before, .live-video-session .fa-angle-right:before {
        font-size: 9rem;
        top: -65px;
    }

    .slick-next {
        right: -3px;
    }

    .banner-heading-text {
        font-size: 23px;
    }

    .banner-para-text {
        font-size: 14px;
    }

    .book-seesion-btn {
        Padding: 12px 38px;
        font-size: 14px;
    }

    .banner-bottom-strip .col-md-4 div p {
        margin-right: 5px;
    }

    .banner-bottom-strip label {
        font-size: 14px;
        margin-bottom: 0px !important;
    }

    .banner-bottom-strip p {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 23px;
    }

    .banner-bottom-strip .col-md-4:nth-child(2) {
        margin: 0.2rem 0;
    }

        .banner-bottom-strip .col-md-4:nth-child(2) p {
            margin-right: 5px;
        }

    .how-it-works .col-md-6 .row {
        margin: 0;
    }

    .book-video-seesion-btn {
        font-size: 14px;
    }
}

@media (max-width: 320px) {

    .footernavs__list li:not(:last-child) {
        padding-right: 5px !important;
    }

    .footernavs__item a {
        font-size: 13px !important;
    }
}

/*@media (min-width: 769px) and (max-width:1024px) {

    .qualified-practitioners .slick-next {
        right: -25px;
    }

    .qualified-practitioners .slick-prev {
        left: -25px;
    }

}*/

@media (min-width: 769px) {

    .flex-row-pract-results .oc-slider-control {
        display: none;
    }

    .d-flex-center {
        display: flex;
        align-items: center;
    }

    .d-flex-ebook {
        display: flex;
        align-items: center;
    }

    .download-ebbok-main {
        width: 80%;
        margin: 0 auto;
    }
}


.ebook-form-text input {
    border: 2px solid #42807f;
}

.download-ebook-btn {
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
    Padding: 9px 20px;
    border: 2px solid #42807f;
}



.ebook-para-text p {
    font-size: 22px;
    font-weight: 500;
    color: #42807f;
    margin: 0;
}

.ebook-head-text h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    color: #42807f;
    margin: 0;
}

.ebook-head-text {
    padding: 40px 0;
}

    .ebook-head-text h2 strong {
        font-size: 38px;
        font-weight: 700;
        line-height: 47px;
        color: #42807f;
    }

@media screen and (max-width: 1250px) {

    .doctor-info::after {
        content: '';
        clear: both;
        display: table;
    }

    #wrapper .headerinner-wrapper #headerinner .menu-responsive {
        position: absolute;
        right: 20px;
        margin-top: 11px;
        cursor: pointer;
        top: 30px;
    }

        #wrapper .headerinner-wrapper #headerinner .menu-responsive span {
            font-size: 25px;
            line-height: 1;
            vertical-align: middle;
            color: #FFF;
        }

    .profile_tabs ul.tabs li {
        padding: 7px 15px !important;
        font-size: 12px !important;
    }

    .menu.welcome ul.list-unstyled.list-inline {
        display: block !important;
        float: right !important;
    }

    #wrapper .headerinner-wrapper #headerinner .menu {
        float: none;
        position: absolute;
        right: 0;
        top: 60px;
        visibility: hidden;
    }

        #wrapper .headerinner-wrapper #headerinner .menu.active {
            visibility: visible;
            z-index: 999;
        }

        #wrapper .headerinner-wrapper #headerinner .menu > ul > li {
            display: block;
            height: auto !important;
            line-height: 1 !important;
            border-bottom: 1px solid #8fe5e6;
            padding: 10px !important;
        }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li.active > a {
                background-color: #328ed4;
                color: #ffffff;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li:last-child > a {
                /* padding: 10px 15px;*/
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li.dropdown .dropdown-menu > li > a {
                padding-left: 15px;
            }

                #wrapper .headerinner-wrapper #headerinner .menu > ul > li.dropdown .dropdown-menu > li > a i.fa-plus {
                    font-size: 12px;
                }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li ul > li.dropdown-submenu > a:hover {
                background-color: transparent;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li ul > li.dropdown-submenu .dropdown-menu > li > a {
                padding-left: 33px;
                background-color: #f0f0f0;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
                display: block;
                margin: 0;
                border-radius: 0;
            }

                #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a:hover {
                    background-color: #68c8cb;
                    color: #ffffff;
                }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li .dropdown-menu {
                position: relative;
                left: 0 !important;
                /* display: none;*/
                width: 100%;
                float: none;
                box-shadow: none;
            }

            #wrapper .headerinner-wrapper #headerinner .menu > ul > li .arrow {
                display: none;
            }

        #wrapper .headerinner-wrapper #headerinner .menu .dropdown-menu {
            float: left;
        }

            #wrapper .headerinner-wrapper #headerinner .menu .dropdown-menu .dropdown-submenu a:after {
                content: '';
            }


    .active {
        right: 0% !important;
    }

    .container #header .logo {
        width: 160px;
    }

        .container #header .logo img {
            max-width: 160px;
            margin: 10px 0;
        }
}

@media screen and (min-width:1500px) {

    .hear-it-from-our-user .video-js {
        min-height: 260px;
    }

    .slick-center .video-js {
        width: 100% !important;
        min-height: 311px;
        margin: 0 auto;
    }

    .center-mode-video {
        overflow: hidden;
        min-height: 347px;
    }

    .patter-bg {
        min-width: 510px;
    }
}

@media screen and (min-width:1300px) {
    .reasonbooksess textarea {
        min-height: 230px;
    }
}

/*@media screen and (min-width: 787px) and (max-width: 1500px) {

    .hear-it-from-our-user .slick-initialized .slick-slide {
        display: block;
        width: 7.4% !important;
    }

    .hear-it-from-our-user .slick-slide.slick-center {
        width: 8% !important;
    }
}*/

#card.flipped {
    transform: rotateY( 180deg);
}

    #card.flipped .front {
        display: none;
    }


.cardBoxDiv .close-btn img {
    width: 15px;
}

.cardBoxDiv .cardVideoBox {
    min-height: 170px;
    background: #FFF;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
    border-radius: 10px 10px 0 0;
}

.cardBoxDiv .videoClose {
    position: absolute;
    right: 9px;
    top: 9px;
}

#card .back .bottom-sec .form-control {
    max-width: 375px;
    height: auto;
    font-size: 15px;
    letter-spacing: 2px;
    border-color: #68c8cb;
}

#card .button-start-seeion {
    margin-top: 0;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: 0px;
}

#bigLoader.lds-roller {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0px auto;
    min-height: 100%;
    border-radius: 15px;
    border: 0px solid #efefef;
    overflow: hidden;
    padding: 42% 41%;
}


.lds-roller {
    display: inline-block;
    position: absolute;
    width: 65px;
    height: 65px;
    right: 0;
    left: 0;
    top: 85px;
    bottom: 0;
    margin: 0px auto;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--primary-color);
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

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


/*css form pract profile*/


/*.overViewTabDiv .tab-content > .active {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}*/

#loadMoreSpan {
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.loadMoreSpan {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #ffffffd1;
    padding: 5px;
}

.overViewTabDiv .nav-tabs {
    border-bottom: 0;
}

    .overViewTabDiv .nav-tabs > li.active > a {
        color: var(--primary-color);
        cursor: default;
        background: transparent;
        border-color: transparent !important;
        border-bottom: 3px solid var(--primary-color);
        font-size: 15px;
    }

    .overViewTabDiv .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 27px;
        border: none;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        font-size: 15px;
        font-weight: 400;
        padding: 5px 0;
        color: rgba(165, 165, 165, 0.5);
    }

        .overViewTabDiv .nav-tabs > li > a:hover {
            background: transparent;
            border-color: transparent !important;
            border-bottom: 3px solid var(--primary-color);
        }

            .overViewTabDiv .nav-tabs > li > a:hover span {
                color: var(--primary-color) !important;
            }

    .overViewTabDiv .nav-tabs > li.active > a {
        border: 0px solid #ddd;
        font-weight: 700;
    }

    .overViewTabDiv .nav-tabs > li {
        border: none;
        border-bottom: 3px solid transparent;
    }

        .overViewTabDiv .nav-tabs > li.active {
            border: none;
            border-bottom: 3px solid var(--primary-color);
        }

        .overViewTabDiv .nav-tabs > li:not(:last-child) {
            margin-right: 45px;
        }

.overViewTabDiv .box .box-heading {
    border: none;
    color: #555555;
    font-size: 21px;
    padding-left: 0;
    font-family: Raleway;
    font-weight: 500;
}

.overViewTabDiv .box .box-body p.prac-alignment {
    color: #555555;
    margin-left: 0px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 27px;
}

.pract-profile-main-div .js-video {
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
}

.overViewTabDiv .nav.nav-tabs li a span {
    color: #949393;
}

.overViewTabDiv .nav.nav-tabs li.active a span {
    color: var(--primary-color);
}

.experience-pract-pro-message {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.package-session-text {
    color: #4d4d4d;
    font-weight: 500;
    font-size: 15px;
}

.package-session-list {
    margin: 0.5em 0;
    padding: 0 !important;
}

    .package-session-list .hc-default-btn {
        width: 100%;
        Padding: 9px 20px;
    }

.packages-session-head {
    background-color: #bae8e8;
}

.single-seesion-div, .standard-seesion-div, .premium-seesion-div {
    -webkit-box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    -moz-box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    box-shadow: 0px 0px 8px 1px rgba(89,203,203,0.71);
    border-radius: 10px;
    min-height: 365px;
}

.package-main-div-info {
    padding: 0;
}

.single-seesion-div ul.list-inline, .standard-seesion-div ul.list-inline, .premium-seesion-div ul.list-inline {
    width: 92%;
    margin: 0 auto;
    display: flex;
}

    .single-seesion-div ul.list-inline:first-child, .standard-seesion-div ul.list-inline:first-child, .premium-seesion-div ul.list-inline:first-child {
        width: 100%;
        padding: 0px 14px !important;
        border-radius: 10px 10px 0px 0px;
        margin-bottom: 1rem;
    }

.package-main-div-info .save-amont-txt {
    margin-left: 5px;
}

.packages-session-head .package-session-list .fnt-hed {
    color: #2d9292 !important;
    font-size: 18.5px;
    font-weight: 600;
}

.pactitioner-profile-cont-btn {
    position: absolute;
    bottom: 12px;
    width: 85% !important;
    left: 0;
    right: 0;
}

.packages-session-head .li-txt-cen-3, .package-session-list {
    float: none;
    text-align: left;
}


@media (max-width: 1023px) {

    .single-seesion-div, .standard-seesion-div, .premium-seesion-div {
        min-height: 330px;
        margin-bottom: 3rem;
    }

    .pactitioner-profile-cont-btn {
        bottom: 2px;
        position: relative;
    }
}

/* parc profile ends*/
/* practitionersSection ---------------------*/
.padding0 {
    padding: 0px;
}

.paddingLeft0 {
    padding-left: 0px;
}

#practitionersSection .boxDiv {
    Padding: 0px;
    text-decoration: none;
    display: inline-block;
    border: 2px;
    color: #696969;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border-radius: 12px;
    margin-bottom: 30px;
}

    #practitionersSection .boxDiv .userImgDiv {
        text-align: center;
        background: #effeff;
    }

    #practitionersSection .boxDiv h2 {
        float: left;
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0px;
        color: var(--primary-color);
    }

        #practitionersSection .boxDiv h2 small {
            display: block;
            line-height: 22px;
            font-size: 14px;
            color: #696969;
            font-weight: 600;
        }

            #practitionersSection .boxDiv h2 small i {
                color: #fcd403;
            }

    #practitionersSection .boxDiv p {
        margin: 5px 0px;
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        display: block;
    }

        #practitionersSection .boxDiv p strong {
            color: var(--primary-color);
        }

#practitionersSection .textAmmount {
    line-height: 50px;
    font-size: 22px;
    font-weight: 600;
    padding: 13px 5px;
    float: left;
}

#practitionersSection .boxDiv .freeConsultation {
    position: inherit;
    background: var(--primary-color);
    color: #ffffff;
    text-align: center;
    Padding: 7px 20px;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 20px;
    text-transform: uppercase;
    min-width: 160px;
    border: solid 1px var(--primary-color);
}

    #practitionersSection .boxDiv .freeConsultation:hover {
        background-color: #05a9af !important;
        color: white;
    }

#practitionersSection .boxDiv .bookASession {
    position: inherit;
    background: #ffffff;
    color: var(--primary-color);
    text-align: center;
    Padding: 7px 20px;
    margin: 5px 15px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 20px;
    text-transform: uppercase;
    min-width: 160px;
    border: solid 1px #c3f9f9;
}

    #practitionersSection .boxDiv .bookASession:hover {
        background-color: #05a9af !important;
        color: white;
    }

#practitionersSection a.link {
    Padding: 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    float: left;
    color: var(--primary-color);
}

#practitionersSection a.link2 {
    Padding: 7px 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    float: left;
    color: var(--primary-color);
}

#practitionersSection .boxLine {
    border-top: #e8f1f1 1px solid;
    border-bottom: #e8f1f1 1px solid;
    padding: 12px 0;
}

    #practitionersSection .boxLine.textFT p {
        font-weight: 600;
        font-size: 15px;
    }

#practitionersSection .boxFut {
    Padding: 7px 0;
    float: left;
}

.logo-steps img {
    width: 60px;
    margin: 0 auto;
    display: block;
}

#cardBoxDiv2 .single-seesion-div, #cardBoxDiv2 .standard-seesion-div, #cardBoxDiv2 .premium-seesion-div {
    min-height: auto !important;
    margin-bottom: 2rem;
}

#cardBoxDiv2 .package-session-list {
    margin: 5px 0;
    padding: 0 !important;
}

.dg-steps-v-algin {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 20% auto 20%;
    align-items: center;
    position: relative;
}



.d-grid-filt-prac {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-gap: 10px;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.d-grid-filt-prac-modifier {
    width: 100%;
    grid-template-columns: max-content 1fr;
}

.proceed-btn {
    justify-self: flex-end;
    position: absolute;
    bottom: 0;
    margin-bottom: -20px;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.ReviewbackBtn img {
    background: #fff;
}

.resend-code-para {
    margin-bottom: 0;
}

    .resend-code-para button {
        margin-top: 11px;
    }

.pos-ini {
    position: initial;
}
/*
.default-asterisk::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    line-height: 17px;
}*/

.gympass-landing .certificates {
    grid-template-columns: repeat(3, max-content);
}

.dg-placeload-row .slick-list {
    padding-top: 2%;
}

.satisfication-wrapper {
    border: 2px solid var(--primary-color);
    border-radius: 15px;
    background-color: var(--card-bg-color);
    padding: 12px 16px;
}

.os-pract-name {
    display: grid;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    grid-gap: 7px;
    padding-left: 20px;
}

.label-text-order-summary {
    font-size: 14px;
    line-height: 16px;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0;
    margin-bottom: 0 !important;
}

.order-summary-inner-div h5.head-os-pract {
    color: var(--primary-color);
    margin-bottom: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
}

.message-prac-div {
    display: grid;
    grid-gap: 3px;
}

    .message-prac-div:not(:last-child) {
        margin-bottom: 20px;
    }


    .message-prac-div span {
        font-size: 14px;
    }

.mob-order-sum .appylu-text .form-control {
    border: 0 !important;
    border-bottom: 1px solid var(--default-border) !important;
    border-radius: 0;
    padding-left: 0;
    max-width: 170px !important;
    background-color: transparent;
}

.row-order-mt .final-charge {
    text-transform: capitalize;
}

.book-summary .os-acc-wrapper.panel .panel-haed ul li span {
    color: var(--primary-color) !important;
}

.row-order-mt {
    margin-bottom: 8px;
}

.new-default-box-shadow {
    box-shadow: var(--default-shadow);
}

.top-up-wrapper .list-logo,
.top-up-wrapper .list-logo li {
    padding: 0;
    margin: 0;
}

.top-txt {
    font-size: 15px !important;
    font-weight: 400;
    color: var(--on-primary-color);
    line-height: 25px;
}

.top-up-pay {
    /*position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;*/
    margin-bottom: 0;
    margin-top: 25px;
}

.top-up-wrapper .cust-list-os {
    margin-bottom: 0;
}

.patter-bg svg {
    width: 100%;
}

.top-up-wrapper .gympass-occwrap .panel-body {
    border-radius: 15px;
    min-height: 480px;
    padding: 20px;
    box-shadow: none !important;
}

.book-summary .gympass-occwrap .fnt-hed {
    font-size: 20px !important;
}

.gympass-occwrap .subscription-fees .panel-title.head-acc-pp,
.gympass-occwrap .li-txt-cen-1 {
    padding: 0;
}

#restartVideoChat .modal-header .close {
    margin-top: -4px;
    margin-right: 35px;
}

#currentMonth.btn.getavalibility {
    background-color: #f0f0f0;
}

/*.ct-st1-pink {
    color: #BF2EB4 !important;
}

.ct-st1-yellow {
    color: #BFAE2E !important;
}

.ct-st1-green {
    color: #2EBF71 !important;
}

.ct-st1-marron {
    color: #C65B34 !important;
}

.ct-st1-blue {
    color: #1E6B88 !important;
}*/

.deactivate-action-btns {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
    grid-gap: 25px;
}


.deactivate-account label {
    color: var(--on-primary-color);
    font-size: 18px;
    font-weight: 500;
}

.deactivate-main-wrapper.appointment-div {
    padding: 20px 20px 40px;
}

@media(max-width: 575px) {
    .deactivate-action-btns {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    #deActivatePopup .nd-greetings-user {
        margin: 15px 0 30px;
    }
}

.label-hc-journey {
    color: var(--on-primary-color);
    font-size: 18px;
    display: block;
}

.section-below-heading-journey {
    margin-bottom: 25px !important;
}

.journey-starts-here .get-matched-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 55px;
}

.sec-practices-blog .slick-prev,
.sec-practices-blog .slick-next {
    top: 50%;
}

.bg-strip-main-div {
    position: relative;
}

.banner-pattern {
    position: absolute;
    max-width: 81px;
    right: 0;
    bottom: -50px;
}


.sec-practices-blog .slick-prev:before {
    top: -31px;
}

.sec-practices-blog .slick-next:before {
    font-size: 9rem;
    top: -31px;
}

.learn-menu-list li:not(:last-child) a {
    text-shadow: 1px 1px 5px rgb(0 0 0 / 81%);
}

/*css for categories home page*/

.categories-hc .center-category input[id="defaultInline1"] {
    content: " ";
    background-image: url(/Content/images/plumm/mind.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 148px;
}

.categories-hc .center-category input[id="defaultInline2"] {
    content: " ";
    background-image: url(/Content/images/plumm/body.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline5"] {
    content: " ";
    background-image: url(/Content/images/plumm/addiction.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline4"] {
    content: " ";
    background-image: url(/Content/images/plumm/relationship.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-size: 100%;
    font-weight: 600;
    background-position: center bottom;
}

.categories-hc .center-category input[id="defaultInline6"] {
    content: " ";
    background-image: url(/Content/images/plumm/personal-growth.png);
    background-repeat: no-repeat;
    line-height: 23px;
    font-weight: 600;
    background-size: 100%;
    background-position: center bottom;
    width: 150px;
}

.categories-hc .center-category input[id="defaultInline9"] {
    content: " ";
    background-image: url(/Content/images/plumm/work.png);
    background-repeat: no-repeat;
    line-height: 23px;
    background-position: center bottom;
    font-weight: 600;
    background-size: 100%;
    width: 179px;
}

.categories-hc .center-category input {
    width: 160px !important;
}

.center-category input[id="defaultInline1"] {
    width: 180px !important;
}

.categories-hc .center-category input[id="defaultInline6"] {
    width: 160px !important;
}

.wallet-nav-text {
    color: var(--primary-color);
}

.partnership-logos-wrapper {
    position: absolute;
    right: 15px;
    top: 28px;
    text-align: center;
}

    .partnership-logos-wrapper label {
        display: block;
        font-size: 12.5px;
        color: var(--on-primary-color);
    }

.partners-logos {
    max-width: 100px;
    padding: 5px;
}

.partners-mindbody {
    max-width: 135px;
    padding: 5px;
}

.learn-landing-page .learn-categories-main-div .category-lists {
    margin: 0rem 0;
    display: grid;
    grid-row-gap: 35px;
    grid-column-gap: 15px;
    grid-template-columns: repeat(3,minmax(100px, 1fr));
}

.learn-landing-page .learn-categories-main-div .category-boxes {
    width: 100%;
}

@media only screen and (max-width: 767px) {

    .learn-landing-page .learn-categories-main-div .category-lists {
        grid-row-gap: 12px;
        grid-template-columns: repeat(2,minmax(100px, 1fr));
        grid-column-gap: 10px;
        margin-bottom: 15px;
    }

    .categories-hc .center-category input[id="defaultInline1"] {
        width: 120px !important;
    }

    .categories-hc .center-category input[id="defaultInline9"] {
        width: 126px !important;
    }

    .categories-hc .center-category input[id="defaultInline6"] {
        width: 100px !important;
    }

    .partners-logos {
        max-width: 55px;
    }

    .partners-mindbody {
        max-width: 100px;
    }

    .partners-xexec {
        max-width: 80px;
    }

    .partners-leon {
        max-width: 75px;
    }

    .partners-logos-align img {
        margin-left: auto;
        margin: initial;
    }

    .partnership-logos-wrapper {
        top: 25px;
    }

        .partnership-logos-wrapper label {
            display: inline-block;
            font-size: 11px;
            color: var(--on-primary-color);
            margin-right: 8px;
        }
}
/*/*css for categories home page ends here*/
/*media starts here*/

@media (min-width: 1200px) {
    .ReviewbackBtn img {
        width: 25px !important;
    }

    .packageBackBtn img {
        width: 25px;
    }

    .container.error-cust-container {
        max-width: 1260px;
        width: initial;
    }
}

@media only screen and (max-width: 1300px) {
    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 220px;
    }
}

@media only screen and (max-width: 1220px) {
    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 185px;
    }
}

@media (max-width: 1199px) {
    .ReviewbackBtn img {
        width: 25px !important;
    }

    .ReviewbackBtn {
        position: absolute !important;
        right: 0px;
        top: 7px;
    }

    .packageBackBtn img {
        width: 25px;
    }

    .packageBackBtn {
        position: absolute !important;
        right: 0px;
        top: 7px;
    }

    /*idpad---css*/
}


@media (max-width: 767px) {

    .appointment-summary .main_summry tr td label {
        font-size: 14px;
    }

    .explore-our-healing-modalities .book-video-seesion-btn {
        margin-top: 35px;
    }

    .vimeo-heal-main-div {
        padding-top: 15px;
    }

    .download-ebbok-main {
        padding: 15px;
    }


    .video-btn-contorl {
        min-width: 117px;
        margin-top: 6px;
        font-size: 12px !important;
    }

    span.become-pract-txt {
        width: 90.5%;
    }

    .center-mode-practices .slick-prev {
        left: -12px;
        z-index: 99;
    }

    .center-mode-practices .slick-next {
        right: 12px;
    }

    #practitionersSection .divSearch .form-control {
        height: 30px;
    }

    #practitionersSection .divSearch .sortText {
        padding: 5px 0;
    }

    #practitionersSection .paddingLeft0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #practitionersSection .padding0 {
        padding: 0 15px;
    }

    #practitionersSection .boxDiv {
        text-align: center;
        padding-bottom: 20px;
    }

    #practitionersSection .textAmmount {
        line-height: 15px;
    }

    #practitionersSection .boxDiv .userImgDiv {
        padding: 15px;
    }

    #practitionersSection .boxDiv p {
        margin: 10px 0px;
        float: left;
    }

    #practitionersSection .boxLine.textFT p {
        text-align: center;
        margin: 0;
    }

    #practitionersSection a.link {
        float: right;
    }

    #practitionersSection .boxDiv .freeConsultation {
        Padding: 7px 20px;
        margin: 5px;
        width: 92%;
    }

    #practitionersSection .boxDiv .bookASession {
        Padding: 7px 20px;
        margin: 5px;
        width: 92%;
    }
}


/*css for landing page*/

.start-healing-jour-div {
    margin-bottom: 6rem;
}

.boy-with-tab-landing {
    width: 300px;
}

.our-practitioner-banner {
    background-image: url(/Content/images/our-practitioner.png);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.practitioners-you-can-trust {
    margin-bottom: 30px;
}

    .practitioners-you-can-trust p {
        font-size: 15px;
        color: var(--on-primary-color);
        font-weight: 300;
        line-height: 25px;
        position: relative;
    }

        .practitioners-you-can-trust p:not(:last-child) {
            margin-bottom: 28px;
        }

        .practitioners-you-can-trust p i {
            position: absolute;
            left: -20px;
            top: 4px;
            color: var(--primary-color);
        }

.be-a-practitioner-banner {
    background-image: url(/Content/images/be-a-practitioner-banner.png);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}


.be-a-practitioner h2 {
    margin-bottom: 25px;
}

.be-a-practitioner ul {
    margin: 21px;
    padding: 0;
}

.be-a-practitioner .whyHC p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 30px;
}

    .be-a-practitioner .whyHC p strong {
        display: block;
        font-weight: 500;
        display: flex;
        width: 100%;
    }

.become-pract-txt {
    float: right;
    width: 92%;
    margin-bottom: 20px;
}

.be-a-practitioner .whyHC p strong img {
    position: relative;
    left: 0px;
    top: 6px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: -7px;
}

.bullet-points-default p {
    font-size: 15px;
    color: #5b5b5b;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 34px;
}

    .bullet-points-default p img {
        position: absolute;
        left: 0px;
        top: 6px;
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 10px;
        margin-top: -7px;
    }

.howit-works-banner {
    background-image: url(/Content/images/practices-images/akashic-records-banner.jpg);
    background-repeat: no-repeat;
    min-height: 230px;
    background-size: cover;
}

.how-it-work-main-div {
    border-radius: 5px;
}

/*.steps-hiw label{

}

.steps-hiw p {

}*/

.cardBoxDiv .review-block {
    margin: 0;
}

.cardBoxDiv .flip-div-name-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flip-main-review-div {
    max-height: 334px;
    overflow: auto;
    border-radius: 15px;
    background-color: #f9f9f9;
    border: 1px solid #EFEFEF;
    margin: 15px;
}

.ReviewbackBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    top: 5px;
    position: absolute;
    color: var(--primary-color);
    right: 7px;
    z-index: 9999;
}

.packageBackBtn {
    background: none;
    border: navajowhite;
    padding: 0;
    margin: 0;
    top: 5px;
    position: absolute;
    color: var(--primary-color);
    right: -11px;
    z-index: 9999;
}


.flip-div-name-img .review-block-rate {
    margin-bottom: 0;
}

    .flip-div-name-img .review-block-rate p {
        margin-bottom: 0;
    }

.img-wrapper-pract-div {
    min-width: 370px;
    min-height: 213px;
}

    .img-wrapper-pract-div a {
        transform: translate(-50%, -50%);
        padding: 8px 10px !important;
        width: 73%;
        position: absolute;
        top: 50%;
    }

.right-arrow-pract {
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}

.profiDivRow .video-show iframe {
    width: 100%;
    transform: scale(1.5);
}

.header-bg-wrapper {
    background-position: 46% 0;
}

/*.bcome-pract-head {
    position: relative;
    top: 36px;
}*/

.my-10-mt-25 {
    margin: 10px 0 25px;
}

.profile-pract-page {
    background: var(--primary-color);
}

.header-bg-content h1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    margin: 0;
}

.landing-prct-header .head-wrapper-pract {
    position: absolute;
    right: 0;
    top: 50% !important;
    transform: translate(-50%, -50%);
    left: 50%;
}

.landing-prct-header {
    padding: 0px 15px;
    position: relative;
}

.logo-hc-pract-pro img {
    width: 244px;
    padding: 15px 0;
}

.review-div {
    margin-top: 15px;
    border-radius: 15px;
    border: 1px solid var(--primary-color);
    padding: 20px 20px;
}

.freeConsultationCompletedSection .packagesOfferDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.packagesOfferDiv span {
    font-size: 33px;
    font-weight: 500;
}

.packagesOfferDiv label.fnt-hed:first-child {
    font-size: 26px !important;
    font-weight: 400;
    margin: 0 !important;
    color: #fff !important;
}

.packagesOfferDiv label.fnt-hed {
    font-size: 26px !important;
    font-weight: 500;
    margin: 0 !important;
}

.pb-featured {
    position: relative;
}

.pb-star {
    position: absolute;
    top: 0;
    right: 15px;
    width: 40px;
    height: 60px;
    padding-top: 15px;
    font-size: 1.692em;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
}

    .pb-star:after {
        border-bottom-color: #000
    }

    .pb-star .fa-star {
        color: #fff;
    }

    .pb-star:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 13px solid;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        color: #fff;
    }

.profileBoxDiv::after {
    content: '';
    display: table;
    clear: both;
}

.footernavs {
    text-align: left;
}

.footernavs__list {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

    .footernavs__list li {
        display: inline-block;
    }

.footernavs__item a {
    font-weight: 600;
    font-size: 14px;
    color: var(--on-primary-color);
    border-radius: 5px;
}

.footernavs__list li:not(:last-child) {
    padding-right: 15px;
}

.social-med-icon {
    text-align: left;
}

.video-back-to-dash {
    font-size: 16px;
    letter-spacing: normal;
    text-decoration: underline;
    font-weight: 500;
    color: #ffffff !important;
}

    .video-back-to-dash:hover {
        font-size: 16px;
        letter-spacing: normal;
        text-decoration: underline;
        font-weight: 500;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}

.modal-header {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0px 0px !important;
    border: none;
    border-bottom: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.modal-footer {
    border: none;
}

.sweet-alert {
    border-radius: 10px !important;
}

ul.dropdown-menu.mobileUlMenu.hdr-drp li a i {
    display: inline-block;
    padding-right: 7px;
    min-width: 22px;
}

.df-switchbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .df-switchbtn button {
        font-size: 16px;
        padding: 10px 20px;
    }

.wallet-update-msg {
    font-size: 14px;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0 !important;
}

.bg-none-w {
    background: none;
}

.wallet-update-msg strong {
    font-weight: 700;
}

.existing-user-wrapper {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto;
    grid-gap: 6px;
    margin-bottom: 0 !important;
}

.wrapers {
    width: 80%;
}

.existing-user-wrapper a:nth-child(2) {
    min-width: 180px;
    Padding: 7px 10px;
}

.existing-user-wrapper a:nth-child(2) {
    border: 1px solid var(--primary-color);
}

    .existing-user-wrapper a:nth-child(2):hover {
        /*background: #05a9af;*/
    }

.existing-user-wrapper .symtom-text-new {
    color: var(--on-primary-color) !important;
    font-weight: 500;
    margin-right: 0;
    font-size: 17px !important;
    text-align: right;
}

.or-small-text {
    font-size: 14px !important;
}

.corp-user-login {
    font-size: 15px;
    color: #5b5b5b;
    padding: 16px 19.6px 0px;
    margin: 0;
    font-weight: 500;
    text-align: center;
}

.login-ipad-forget span, .login-ipad-forget a {
    font-weight: 500;
    color: var(--on-primary-color) !important;
    font-size: 15px;
}

.video-back-to-dash {
    color: #05a9af !important;
    background-color: #ffffff !important;
    text-align: center;
    Padding: 11px 16px;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    letter-spacing: 1px;
    cursor: pointer;
    line-height: 19px;
}

    .video-back-to-dash:hover {
        background-color: #05a9af !important;
        color: #ffffff !important;
        text-align: center;
        text-decoration: none !important;
        display: inline-block;
        font-size: 15px;
        font-weight: 600;
        box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
        border: 2px;
        border-radius: 25px;
        letter-spacing: 1px;
        cursor: pointer;
        line-height: 19px;
    }

.control.control--checkbox.text-muted.text-margin.txt-lft-prac.net-mt {
    font-weight: 400;
}

/*-------------------new home page css starts here-------------------*/

#wrapper .headerinner-wrapper #headerinner .menu > ul {
    margin: 0;
}

    #wrapper .headerinner-wrapper #headerinner .menu > ul > li > a {
        font-weight: 500;
        font-size: 16px;
        color: transparent;
        color: white;
        padding: 0 3px;
        margin: 0 1px;
        border-radius: 5px;
        text-shadow: -1px 0px 7px rgba(59, 61, 61, 0.25);
    }

#wrapper .headerinner-wrapper #headerinner .x-sign {
    border: 1.5px solid #FFFFFF;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 6px 25px;
    margin-left: 0px;
    margin-left: 10px;
    margin-right: 5px;
}

#wrapper .headerinner-wrapper #headerinner .x-login {
    border: 1.5px solid #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
    padding: 7px 25px;
    line-height: 40px;
    text-shadow: none;
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.home-content-wrapper {
    padding-top: 65px;
}


.theme-color {
    color: var(--primary-color) !important;
}

.pfw-600 {
    font-weight: 600 !important;
}

.cpt-100 {
    padding-top: 100px !important;
}

.cpb-100 {
    padding-top: 100px !important;
}

.cpy-100 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.df-aic {
    display: flex;
    align-items: center;
}

.certificates {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    align-items: center;
    max-width: 80%;
}

    .certificates label {
        color: #868686;
        font-size: 21px;
        font-weight: 400;
    }

        .certificates label:not(:first-child),
        .certificates-icon {
            justify-self: center;
        }

.get-matched-head {
    margin: 30px 0 60px;
}

    .get-matched-head h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 56px;
        margin: 0;
        margin-bottom: 20px;
    }

    .get-matched-head p {
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
        color: var(--on-primary-color);
    }



/*how cite works*/
section .how-it-works {
    padding: 50px 0 50px;
    position: relative;
}

.three-step-content-wrapper {
    border-radius: 21px;
    border: 3px solid var(--primary-color);
    margin-top: 50px;
}


.new-home-main .safety-n-security-section {
    padding-bottom: 70px;
    position: relative;
}

    .new-home-main .safety-n-security-section ol {
        margin-top: 40px;
    }

        .new-home-main .safety-n-security-section ol li {
            font-size: 16px;
            color: #5b5b5b;
            letter-spacing: 1px;
            font-weight: 500;
            line-height: 29px;
            padding: 8px 0;
        }

    .new-home-main .safety-n-security-section .imgs img {
        width: 75%;
    }

    .new-home-main .safety-n-security-section ol li p {
        color: #434343;
        font-size: 18px;
    }

.new-home-main .section-below-heading {
    font-size: 40px;
    color: var(--on-primary-color);
    margin: 0px;
    margin-bottom: 50px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 57px;
}

.cmt-45 {
    margin-top: 45px;
}

.innerhead-main {
    position: relative;
}


.new-home-main .section-below-heading span.h1Span {
    font-size: 12px;
    color: #555555;
}

.certificates-icon {
    justify-self: left;
    width: 33px;
}

.section-below-heading.section-heading-modifier {
    font-size: 35px;
    margin-bottom: 15px;
}

.section-heading-modifier-sub::after {
    display: none;
}

.testi-img-wrapper {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    list-style-type: none;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 30px;
}

    .testi-img-wrapper .testi-imgs {
        width: 70px;
        height: 70px;
        border: 2px solid var(--primary-color);
        border-radius: 50%;
        position: relative;
        overflow: hidden;
    }

        .testi-img-wrapper .testi-imgs.active-testi {
            width: 95px;
            height: 95px;
            z-index: 2;
            border: none;
            box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 22%);
        }

.testi-items-para {
    font-size: 16px;
    font-weight: 400;
    color: var(--on-primary-color);
    line-height: 24px;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.testi-imsg-content {
    padding-left: 25px;
    font-style: italic;
}

.testi-items-head {
    color: var(--on-primary-color);
    font-size: 19px;
    font-weight: 500;
    margin: 10px 0 7px;
    margin-top: 0;
    text-align: left;
    line-height: 24px;
}

.testi-imsg-content span {
    display: block;
    text-align: left;
    color: var(--on-primary-color);
    font-weight: 400;
}

span.testi-quotes {
    position: absolute;
    left: -25px;
    top: -22px;
    width: 20px;
    height: 20px;
}

    span.testi-quotes img {
        max-width: 20px;
        height: auto;
    }

.cts-testi {
    margin-top: 65px;
}

    .cts-testi .banner-cta {
        justify-content: center;
    }

.testi-items-list {
    padding-left: 25px;
    padding-right: 25px;
}

span.testi-quotes.testi-quotes-rotate {
    right: -22px;
    bottom: -10px;
    left: initial;
    top: initial;
    transform: rotate(180deg);
}

.testi-pract-video-div {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #b5c9ca;
}

    .testi-pract-video-div .video-js {
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }

#pract_video_10 {
    min-height: 294px;
}

.testi-pract-video-div video {
    object-fit: cover;
}

.row-df {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.testimonial-new .video-js .vjs-big-play-button {
    font-size: 3em !important;
    line-height: 1.1em !important;
    height: 1em !important;
    width: 2em !important;
    display: block;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding: 0;
    cursor: pointer;
    opacity: 0.8 !important;
    border: 0 !important;
    background-color: transparent !important;
    border-radius: 0.3em;
}

    .testimonial-new .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-size: 66px;
        color: var(--primary-color);
    }

.accordian-nhc-info-main-div {
    background-image: url('/Content/images/new-home/nhp-accordian.jpg');
    background-size: cover;
    position: relative;
    background-position: left;
}

.accordian-newhc {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 519px;
}

.pd-per {
    min-height: 700px;
}

.accordian-nhc-info-main-div .accordian-hc-info .panel {
    background-color: #efeeee !important;
    border: 1px solid #efeeee !important;
    border: none !important;
}

    .accordian-nhc-info-main-div .accordian-hc-info .panel p {
        color: var(--on-primary-color);
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }

.accordian-nhc-info-main-div .accordian-hc-info .panel-title {
    color: var(--on-primary-color);
    font-size: 19px;
    cursor: pointer;
    font-weight: 600;
}

.accordian-nhc-info-main-div .panel-heading {
    transition: all .4s;
}

    .accordian-nhc-info-main-div .panel-heading[aria-expanded="true"] {
        padding-bottom: 0;
        transition: all .4s;
    }

.sec-practices-blog {
    position: relative;
}

.blue-louds-testimonail {
    display: none;
}

.blue-louds-testimonail {
    position: absolute;
    right: 0;
    transform: rotateY(180deg) translateY(-50%);
    top: 50%;
    max-width: 160px;
}

.sec-practices-blog img.img-arange-slider,
.sec-practices-blog .overlay-hc-moadalities {
    border-radius: 5px;
}

.align-items-right {
    display: flex;
    justify-content: flex-end;
}

.font-w-b {
    font-weight: 700;
}

.cpy-15 {
    padding: 15px 0;
}

.cpy-20 {
    padding: 20px 0;
}

.cpy-30 {
    padding: 30px 0;
}

.subscribe-newsletter {
    background-color: var(--primary-color);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-wrapper-subscribe {
    position: relative;
}

.subscribe-newsletter-inner p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.subscribe-newsletter-inner {
    display: grid;
    grid-template-columns: max-content 80%;
    grid-gap: 90px;
    align-items: center;
    justify-content: center;
}

    .subscribe-newsletter-inner form {
        justify-self: flex-end;
        width: 100%;
    }

.default-white-btn {
    height: 40px;
    border-radius: 35px;
    border: 2px solid #fff;
    background-color: #fff;
    min-width: 180px;
    font-size: 17px;
    font-weight: 600;
    color: var(--primary-color);
    transition: all .3s;
}

.defs-pos-abs {
    position: absolute;
    right: 0;
}

.default-white-btn:hover,
.default-white-btn:active,
.default-white-btn:focus {
    background-color: var(--primary-color);
    color: #ffffff;
}

.input-wrapper-subscribe input {
    border-radius: 35px;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 0 62px 0 20px;
    max-width: none;
    height: 40px;
    min-width: 350px;
}

    .input-wrapper-subscribe input::placeholder {
        color: #fff !important;
    }

    .input-wrapper-subscribe input:focus {
        border-color: #ffffff;
    }

.input-wrapper-subscribe input {
    color: #fff;
    font-size: 16px;
}

.path-footer-icons {
    width: 20px;
    height: 20px;
    display: inline-block;
    fill: var(--on-primary-color);
}

.certifications-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

    .certifications-wrapper img {
        width: 100%;
    }

.learn-icons svg {
    width: 61px;
}

svg.icon-msg-dash {
    width: 56px;
    height: 76px;
}

svg.icon-book-dash {
    width: 61px;
}

svg.icon-wallet-dash {
    width: 66px;
}

svg.icon-helpfriend-dash {
    width: 60px;
}

svg.icon-document {
    width: 60px;
}

svg.icon-availibility {
    width: 64px;
    height: 76px;
}

#notification {
    position: relative;
}

.notification-icons-dash {
    max-width: 19px;
}

.new-step-img {
    max-width: 100%;
    display: inline-block;
}

.home-certificates {
    position: absolute;
    bottom: 80px;
    left: 20px;
    max-width: 350px;
}

.new-lock-icon {
    padding-right: 7px;
    opacity: .8;
}

.client-stisficaton {
    color: var(--on-primary-color) !important;
    font-weight: 400;
    font-size: 15px;
    margin-top: 2px;
}

    .client-stisficaton strong {
        display: inline-block;
        color: var(--primary-color);
    }

.percent-satisfication {
    max-width: 65px;
}

.grid-satisfication {
    display: grid !important;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    align-items: center;
}

.para-text.para-text-modifier-os.df-aic {
    justify-content: center;
    margin-top: 10px;
    line-height: 16px;
}

.bord-out hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cust-list-os .li-cust.lft-li {
    padding-bottom: 0;
}

.cust-list-os .para-text {
    margin-bottom: 0;
}

.home-certificates {
    display: none;
}

.order-summary-points .tick::after {
    content: '\2713';
    position: absolute;
    font-weight: 800;
}

.top-up-gympass p.para-text {
    font-weight: 400;
    padding-left: 26px;
    position: relative;
    line-height: 25px;
}

.top-up-gympass label.para-text {
    font-weight: 600;
    line-height: 25px;
    font-size: 16px;
}

.gympass-total-aam {
    align-self: center;
    margin-top: 19px;
}

.top-up-gympass label.para-text strong {
    font-weight: 700;
}

.top-up-gympass .cust-list-os {
    align-self: center;
}

.top-up-gympass p.para-text .tick {
    margin: 0;
}

.top-up-wrapper .panel-body.top-up-gympass {
    align-items: flex-start;
}

.fa-check.tick::after {
    content: '';
    position: absolute;
    font-weight: 800;
    left: 0;
    background: url(/Content/images/new-home/tick-new.svg);
    background-size: 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: 5px;
}

.my-20px {
    margin-bottom: 20px;
    margin-top: 20px;
}

header.header-wrapper.fixed-new-head {
    position: fixed !important;
    top: 0;
    width: 100%;
    /*background-image: url('/Content/images/new-home/scroll-bg-nav.jpg');*/
    background-color: rgba(45, 45, 45, 0.5);
    transition: all .6s;
}

    header.header-wrapper.fixed-new-head .py-8 {
        padding: 3px 15px;
    }


.header-wrapper.fixed-new-head .logo img {
    width: 215px;
    transition: all .6s;
}

#pract_video_10 {
    min-height: 364px;
}

#attachmentIconDiv img {
    max-width: 21px;
    display: inline-block;
}

i.emoji-picker-icon.emoji-picker.fa.fa-smile-o::after {
    content: '🙂';
    font-style: normal;
    font-size: 22px;
    opacity: 1;
}

.certifications-all {
    max-width: 301px;
    margin-left: auto;
}

.step-2-steps {
    padding: 0px 12px;
}

.steps-home-wrapper {
    display: grid;
    grid-template-columns: 35px 1fr;
    grid-gap: 20px;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 15px;
}

.new-home-main .how-it-works .row h5 {
    font-size: 19px;
    color: var(--primary-color);
    font-weight: 700;
    letter-spacing: 1px;
    margin: 4px 0 10px 0px;
    display: inline-block;
    background-color: #ffffff;
}


.new-home-main .how-it-works .row p {
    font-size: 15px;
    color: var(--on-primary-color);
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 18px;
    text-align: left;
}

.three-step-left:not(:last-child) {
    margin-bottom: 45px;
}


.video-audio-msg {
    display: grid;
    grid-template-columns: repeat(3, auto);
    max-width: 50%;
    margin: 0px auto;
    position: absolute;
    width: 100%;
    bottom: -35px;
    left: 45%;
    transform: translateX(-45%);
}

.video-home {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

    .video-home img {
        max-width: 100%;
    }

    .video-home p {
        margin: 0 !important;
    }

.step-microphone {
    height: 22px;
}

.step-message {
    height: 20px;
}

.step-video {
    height: 17px;
}

.audio-home {
    justify-self: center;
}

.mesage-home {
    justify-self: flex-end;
}

.new-home-main .how-it-works .row .video-home p {
    font-size: 12px;
}

.certf_size.cmb-certi {
    margin-bottom: 90px;
}

.cmb-certi .crt_div {
    margin-bottom: 40px;
}

.registration-no .form-control {
    height: 35px;
}

.order-summary-inner-div.new-default-box-shadow,
.other-payment-method.new-default-box-shadow,
.saved-cards.new-default-box-shadow {
    border: 0;
}

.mtcc-hiw {
    margin: 10px;
}

.selected-list img.icons-time {
    margin: 0;
    opacity: 0.5;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0px auto 0;
    counter-reset: total 1 done 1;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
}

    .steps > * {
        counter-increment: total;
        position: relative;
        height: 0.4em;
        top: 0;
        display: table-cell;
        background: var(--chat-inbox-border-color);
    }

        .steps > *::before {
            content: '';
            background: var(--salmon-color);
            position: absolute;
            left: 0;
            top: -4px;
            height: 10px;
            width: 0;
            border-radius: 0;
        }

        .steps > *:first-child::before {
            content: '';
            position: absolute;
            top: -4px;
            right: -0.5em;
            height: 10px;
            width: 70px;
            border-radius: 0;
            background-color: var(--primary-color);
        }

        .steps > *:first-child::after {
            display: none;
        }

        .steps > *::after {
            content: '';
            position: absolute;
            width: 5px;
            top: 0;
            background: transparent;
            height: 0.4em;
        }

        .steps > *.done {
            counter-increment: total done;
            background: var(--primary-color);
        }

            .steps > *.done::before {
                background: var(--primary-color);
            }

            .steps > *.done::after {
                background: var(--primary-color);
            }

            .steps > *.done + *::before {
                background: var(--primary-color);
            }

.pract-profile-section {
    display: grid;
    grid-template-columns: 400px 1px 1fr;
    grid-gap: 60px;
    max-width: 97%;
    min-height: 100vh;
    align-items: center;
    padding: 40px 0;
    margin-left: auto;
}

.pract-profile-right {
    align-self: flex-start;
}

.overview-pract-profile p,
.calling p {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    font-weight: 400;
    margin-bottom: 0;
}

.pp-my {
    margin: 36px 0 35px;
}

.pp-mb-27 {
    margin-bottom: 37px !important;
}

.pp-mb-40 {
    margin-bottom: 40px !important;
}

.overview-pract-profile label {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0 !important;
}

.pact-profile-name {
    display: block;
    font-weight: 700;
    font-size: var(--base-font-size-h3);
    margin: 1rem 0 0;
}

    .pact-profile-name small {
        color: var(--on-primary-color);
        font-weight: 400;
        display: block;
        font-size: var(--base-font-size);
        margin-top: 0.2rem;
    }

.exp-lang {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: flex-start;
    grid-gap: 20px;
    margin: 35px 0px;
}

.vr-line-profile {
    width: 1px;
    background-color: var(--chat-inbox-border-color);
    height: 100%;
}

.hr-line-profile {
    width: 100%;
    background-color: var(--chat-inbox-border-color);
    height: 1px;
}

.exp-pract-profile {
    text-align: left;
}

.lan-pract-profile {
    text-align: right;
}

    .exp-pract-profile strong,
    .lan-pract-profile strong {
        display: block;
        font-weight: 600;
        font-size: var(--base-font-size-xxl);
        margin-bottom: 0;
        color: var(--primary-color);
    }

    .exp-pract-profile p,
    .lan-pract-profile p {
        display: block;
        color: var(--on-primary-color);
        font-weight: 400;
        font-size: var(--base-font-size);
        margin-bottom: 0;
    }

.section.mod-drop-col i.fa.fa-check,
.section.mod-drop-col i.fa.fa-asterisk {
    position: relative;
}

    .section.mod-drop-col i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 800;
        left: -7px;
        background: url(/Content/images/new-home/tick-new.svg);
        background-size: 100%;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        top: -5px;
    }

    .section.mod-drop-col i.fa.fa-asterisk::after {
        content: '';
        position: absolute;
        font-weight: 800;
        left: -7px;
        background: url(/Content/images/new-home/asterisk.svg);
        background-size: 100%;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        top: -5px;
    }

.cartegoreis-step1 input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 1;
    cursor: pointer;
}

.text-dec-modi.back-button {
    text-decoration: none;
}

    .text-dec-modi.back-button a {
        text-decoration: underline;
    }

.back-button.back-button-show.text-dec-modi a {
    color: var(--primary-color);
}

.mobile-slider-cards #searchResults flex-row-pract-results {
    opacity: 0;
    visibility: hidden;
}

.mobile-slider-cards #searchResults.show-filtered-pract {
    opacity: 1;
    visibility: visible;
}

@media(min-width: 1025px) {
    label.selected-list:hover {
        background-color: var(--primary-color) !important;
        color: #FFF !important;
    }
}

.pract-profile-left .exp-lang-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pract-profile-left .exp-lang {
    grid-template-columns: 50% auto 50%;
    align-items: center;
    grid-gap: 30px;
    margin: 35px 0px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 78%;
}

.pract-profile-left .lan-pract-profile {
    text-align: left;
}

.pract-profile-right .overview-pract-profile {
    padding-right: 40px;
}

.pract-profile-right .review-block:first-child {
    padding-top: 0;
}

.pract-profile-right .review-block {
    padding-left: 0;
}

.pract-profile-right .review-block-description {
    font-size: 13px;
    padding-right: 30px;
}


.banner-cta button {
    border-radius: 60px !important;
    font-weight: 600 !important;
}

    .banner-cta button span {
        font-size: 10px;
        display: block;
        font-weight: 400;
    }


.banner-cta .book-seesion-btn-white {
    background-color: #fff;
    color: var(--primary-color) !important;
}

    .banner-cta .book-seesion-btn-white:hover {
        background-color: var(--primary-color);
        color: #ffffff !important;
    }

.banner-cta {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 30px;
}

.hc-prartner-text label {
    color: gray;
}

.hc-parteners img {
    max-width: 128px;
    height: auto;
    margin: 0 auto;
}

.hc-parteners .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
}

.camera-icons {
    fill: #fff;
}

svg.icon.camera-icons {
}

.hc-prartner-text {
    position: absolute;
    left: -9%;
    top: 50%;
    transform: translateY(-50%);
}

.hc-partenrs-xexec img {
    max-width: 110px;
}

.hc-partenrs-anytime-fitness img {
    max-width: 113px;
}

.hc-partenrs-Edenred img {
    max-width: 76px;
}

.hc-partenrs-heka img {
    max-width: 115px;
}

.hc-partenrs-juno img {
    max-width: 75px;
}

.hc-partenrs-leon img {
    max-width: 100px;
}

.hc-partenrs-fringe img {
    max-width: 120px;
}

.healing-clouds-tesco img {
    max-width: 170px;
}

.hc-parteners {
    padding-left: 25px;
    padding-right: 25px;
}

.hc-partenrs-oyster img {
    max-width: 130px;
}

.hc-partenrs-circle img {
    max-width: 110px;
}

.hc-partenrs-sartorius img {
    max-width: 118px;
}

.hc-partenrs-crowdcube img {
    max-width: 118px;
}

.hc-partenrs-event-concept img {
    max-width: 118px;
}

@media (max-width: 991px) {
    .hc-partenrs-oyster img {
        max-width: 105px !important;
    }

    .hc-partenrs-circle img {
        max-width: 95px !important;
    }

    .hc-partenrs-sartorius img {
        max-width: 95px !important;
    }

    .hc-partenrs-crowdcube img {
        max-width: 82px !important;
    }

    .hc-partenrs-event-concept img,
    .hc-partenrs-hsbc img {
        max-width: 85px !important;
    }
}

@media only screen and (max-width: 1250px) {
    .hc-prartner-text {
        position: relative;
        top: 0;
        left: 50% !important;
        text-align: center !important;
        transform: translateX(-50%);
        margin-bottom: 4px;
    }

    .hc-parteners {
        padding-left: 0;
        padding-right: 0;
    }

    .hide-pattern-banner {
        display: none;
    }
}



.hc-2-step-head {
    text-align: left;
}

.step2-pattern {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 110px;
    transform: translateY(30%);
}

.get-matched-new {
    position: relative;
    padding: 90px 0 50px;
}

.healing-clouds-banner-pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
}

.testimonial-new {
    position: relative;
}

.testi-clouds-pattern {
    position: absolute;
    left: 0;
    bottom: 80px;
    transform: translateY(50%);
    max-width: 130px;
}

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

.get-matched-new img {
    max-width: 100%;
    height: auto;
}

.p_pro_page svg {
    display: inline-block;
    width: 58px;
    height: 75px;
    stroke-width: 0;
    stroke: currentColor;
    fill: var(--primary-color);
}

.status-oic-subscription .btn-loader-modify {
    min-height: 44px;
    box-shadow: none !important;
    background: #fff !important;
}

.learn-payment-summary .head-os-pract {
    margin-bottom: 5px;
}

.learn-payment-monthly {
    font-weight: 600;
}

.sec-practices-blog .slick-prev:before,
.sec-practices-blog .slick-next:before {
    top: 50%;
    transform: translateY(-50%);
    font-size: 9rem;
}

.partner-healing {
    position: absolute;
    right: 15px;
    top: 6px;
    max-width: 175px;
}

.new-partner-header-logo .st0 {
    fill: #ffffff;
}

.learn-new,
.footer__items--list-learn {
    position: relative;
}

.learn-new-txt {
    position: absolute;
    right: -20px;
    top: 1px;
    background-color: var(--salmon-color);
    display: inline-block !important;
    width: initial !important;
    height: initial !important;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
}

span.learn-new-txt-mobile.meditation-new {
    right: -23px;
    top: -1px;
}

.learn-new-txt-mobile {
    position: absolute;
    right: -28px;
    top: -1px;
    background-color: var(--salmon-color);
    display: inline-block !important;
    width: initial !important;
    height: initial !important;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 9px;
    letter-spacing: 1px;
}

.footer__message .dash-side-msg-count {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 50px;
    display: inline-block;
    font-weight: 600;
}

.footer__message {
    position: relative;
}

.icon-wrapper-meds {
    position: relative;
}

.pc-mt-30 {
    margin-top: 30px;
}

.pc-mt-50 {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .new-partner-header-logo .st0 {
        fill: var(--primary-color);
    }

    .partner-healing {
        position: absolute;
        right: 15px;
        top: 14px;
        max-width: 117px;
    }

    .mobile-slider-cards .cardBoxDivOuter {
        margin-bottom: 15px;
        padding-top: 57px;
    }

    .pract-profile-right .overview-pract-profile {
        padding-right: 10px;
    }

    .pract-profile-right .review-block-description {
        padding-right: 0px;
    }

    .control {
        font-size: 16px;
    }

    .spn-mdl-rvw {
        line-height: normal;
        display: inline-block;
    }

    .reasonbooksess .hide-show span {
        font-size: 1em;
        padding: .5em;
        float: right;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        margin: -4px -1% 1em;
        color: var(--secondary-color);
        font-size: 14px;
    }

    .notes-refe-no.client-stisficaton br {
        display: none;
    }

    .flex-row-pract-results {
        position: relative;
    }

        .flex-row-pract-results .oc-slider-control {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 0 23px;
            position: absolute;
            top: 20px;
            z-index: 9999;
        }

        .flex-row-pract-results .cardBoxDiv {
            margin: 12px 9px;
        }

    .proceed-btn {
        justify-self: flex-end;
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
    }

    card .back .backBtn {
        bottom: 58px;
    }

    .mobile-slider-cards .filter-pract-list-wrapper {
        align-self: flex-start;
        margin-top: 0;
    }

    .filter-pract-list-wrapper .slick-prev {
        left: 0;
        z-index: 99999;
    }

    .filter-pract-list-wrapper .slick-next {
        right: 0;
        z-index: 99999999999;
    }

    .count {
        display: block;
    }

    .intervals, .labels {
        display: none;
    }

    .filter-pract-list-wrapper .slick-dots {
        list-style: none;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 0;
        padding: 0;
    }
}


/*media starts here*/
@media only screen and (min-width: 1600px) {
    .three-step-left:not(:last-child) {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
    .pd-per {
        min-height: 540px;
    }

    .testi-items-para {
        font-size: 15px;
        color: var(--on-primary-color);
        line-height: 24px;
    }

    #pract_video_10 {
        min-height: 340px;
    }
}

@media only screen and (max-width: 1400px) {

    .steps-grid {
        min-height: 230px;
    }

    .blue-louds-testimonail {
        top: 66%;
        max-width: 100px;
    }

    .userProfileDiv {
        height: 110px;
        width: 110px;
    }

    .pact-profile-name {
        font-size: 21px;
        margin: 21px 0 0;
    }

    .no-message-img {
        max-width: 45%;
    }

    .banner-bottom-strip label {
        font-size: 16px;
        color: var(--on-primary-color);
        font-weight: 500;
        letter-spacing: 1px;
        margin-bottom: 0 !important;
    }

    .home-certificates {
        bottom: 68px;
        left: 20px;
        max-width: 321px;
    }

    .cpy-100 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .steps-pattern-bg {
        max-height: 150px;
    }

    .continue-btn-wrapper {
        margin-bottom: 10px;
    }

    /*css for card setting height starts here*/
    .cardBoxDiv {
        min-height: 320px;
    }

    #card .front,
    #card figure.back {
        min-height: 207px;
    }

    .cardInfoDiv .bottom-sec h3 {
        font-size: 14px;
    }

    .cardInfoDiv .bottom-sec p {
        font-size: 13px;
    }

    .cradImgBoxUserDiv .pract-details-card-div {
        margin-top: 45px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .bottom-sec-items {
        margin-bottom: 9px;
    }

    .cradImgBoxUserDiv .a-hc-default {
        margin-top: 2px;
        font-size: 14px;
    }

    .cradImgBoxUserDiv {
        min-height: 131px;
    }

        .cradImgBoxUserDiv img.parc-image {
            width: 105px;
            height: 105px;
        }

    .flip-main-review-div {
        max-height: 286px;
    }

    #card .hc-default-btn {
        font-size: 15px;
    }

    .pract-details-card-div .step-card-qualifiction {
        font-size: 13px;
        margin-bottom: 4px !important;
        min-height: 19px;
    }

    #bigLoader.lds-roller {
        padding: 44% 40%;
    }

    #card .back .backBtn {
        bottom: 37px;
    }

    /*css for card setting height ends here*/
}

@media only screen and (max-width: 1366px) {
    .patter-bg {
        min-width: 31%;
        top: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .learn-categories-main-div .category-boxes {
        width: 45%;
        margin-bottom: 25px;
    }

    .learn-categories-main-div .category-lists {
        margin: 0rem 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cpy-100 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .blue-louds-testimonail {
        position: absolute;
        right: 0;
        transform: rotateY(180deg) translateY(-50%);
        top: 0%;
        max-width: 70px;
        z-index: -9;
    }

    .testimonial-new .col-md-offset-1 {
        margin-left: 4.333333%;
    }

    .hc-parteners {
        grid-gap: 44px;
        align-items: center;
        justify-content: center;
    }

    .hc-partenrs-xexec img {
        max-width: 83px;
    }

    .hc-parteners img {
        max-width: 120px;
        height: auto;
    }

    .testi-imsg-content {
        padding-left: 18px;
    }

    .testi-items-head {
        font-size: 17px;
        font-weight: 500;
        margin: 8px 0 7px;
    }

    .testi-imsg-content span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {

    .home-content-wrapper {
        padding-top: 75px;
        padding-left: 15px;
    }

    .explore-our-healing-modalities {
        overflow-x: hidden;
    }

    .subscribe-newsletter-inner {
        grid-gap: 23px;
    }

    .video-audio-msg {
        max-width: 60%;
    }

    .pract-profile-section-new .logo-steps.top-pattern {
        position: absolute;
        left: 0;
        top: 0;
        min-width: 280px;
    }

    .pact-profile-name {
        font-size: 20px;
        margin: 20px 0 0;
    }

    .testi-clouds-pattern {
        max-width: 80px;
    }

    .reasonbooksess textarea {
        min-height: 300px;
    }

    .dg-steps-v-algin .create-acc-step form .reasonbooksess .col-md-6 {
        width: 100%;
    }

        .dg-steps-v-algin .create-acc-step form .reasonbooksess .col-md-6 .form-group.cmb-0 {
            margin-bottom: 15px !important;
        }
}

@media(max-width: 1100px) {
    .pract-profile-section {
        display: grid;
        grid-template-columns: 32% 1px 1fr;
        grid-gap: 40px;
        max-width: 90%;
        padding: 60px 0;
        margin: 0 auto;
        align-items: flex-start;
    }

    .pract-profile-left {
        margin-top: 115px;
    }
}

@media only screen and (max-width: 991px) {

    .pract-profile-section {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto 1px auto;
        grid-gap: 40px;
        max-width: 90%;
        padding: 60px 0;
        margin: 0 auto;
        align-items: flex-start;
    }

    .pract-profile-left {
        margin-top: 0px;
    }

    .step-partners-row {
        margin-top: 80px;
    }

    .logo-steps.top-pattern,
    .logo-steps.bottom-pattern {
        max-width: 153px;
    }

    .modalities-custom-grid {
        display: none;
    }

    .testimonial-new .col-md-offset-1 {
        margin-left: 0;
    }

    /*.mpd-0 {
        padding: 0;
    }*/

    .three-step-left p br {
        display: none;
    }

    .slider-testimonial {
        margin-top: 35px;
    }

    .three-step-content-wrapper {
        margin-top: 45px;
        margin-bottom: 60px;
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .certificates-icon {
        width: 50px;
    }

    .certificates {
        grid-template-columns: repeat(4, max-content);
    }

    .get-matched {
        grid-template-columns: 50% 40%;
        grid-gap: 10px;
        position: relative;
        justify-content: center;
    }

    .get-matched-head h3 {
        font-size: 34px;
        line-height: 49px;
    }

    .get-matched-head p {
        font-size: 18px;
        line-height: 30px;
    }

        .get-matched-head p br {
            display: none;
        }

    .get-matched img.blue-louds {
        max-width: 18%;
        position: absolute;
        z-index: -1;
        opacity: 0;
        top: -45%;
    }

    .blue-louds-testimonail {
        position: absolute;
        right: 0;
        transform: rotateY(180deg) translateY(-50%);
        top: 58%;
        max-width: 70px;
        opacity: .3;
        display: none;
    }

    .subscribe-newsletter-inner {
        max-width: 71%;
    }

    .row-df {
        align-items: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #pract_video_10 {
        min-height: 408px;
    }

    .row-df-modifier.row-df {
        align-items: center;
        flex-direction: row;
        align-items: center;
        text-align: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: left;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        text-align-last: center;
    }

    .steps-pattern-bg {
        display: none;
    }

    .cardBoxDivOuter {
        margin-bottom: 75px;
    }

    .continue-button {
        background: var(--primary-color);
        color: #ffffff !important;
    }


    .main-head-steps-sp h1 {
        font-size: 22px;
        line-height: 27px;
        padding: 0 60px;
    }

    .get-matched-new img {
        margin: 0 auto;
        display: block;
    }

    .certificates-content-wrapper .banner-cta {
        justify-content: center;
        margin-bottom: 55px;
    }

    .new-home-main .book-seesion-btn {
        font-size: 14px;
        max-width: 210px;
        margin: 0 auto;
        Padding: 9px 30px;
    }
}

@media only screen and (max-width: 767px) {


    .step-partners-row {
        margin-top: 50px;
    }

    .sec-practices-blog .slick-prev, .sec-practices-blog .slick-next {
        top: 50%;
    }

    section.sec-practices-blog.cpy-100 {
        padding-top: 15px !important;
    }

    .filter-pract-list-wrapper .satisfication-wrapper {
        margin: 25px 0;
    }

    #Specialties .calling.dg-minmax {
        padding: 0 15px;
    }

    .filter-pract-list-wrapper .percent-satisfication {
        max-width: 65px;
        text-align: center;
        margin: 0 auto;
    }

    .filter-pract-list-wrapper .grid-satisfication {
        display: grid !important;
        grid-gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .row-df-modifier.row-df {
        align-items: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: center;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        font-size: 12px;
        text-align-last: center;
    }

    .row-df-modifier .footer-left-wrapper {
        text-align: center;
    }

    footer .futtext p {
        -moz-text-align-last: center;
        text-align-last: center;
    }


    .patter-bg {
        min-width: 90%;
    }

    .patter-bg {
        min-width: 83%;
    }

    .bg-strip-main-div.bg-strip-main-div-modifier {
        position: inherit;
        background-color: var(--primary-color);
    }

    .banner-bottom-strip .col-md-4 .strip-content {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 5px 0;
    }

    .hp-pbr1,
    .hp-pbr2,
    .hp-pbr3 {
        display: none;
    }

    .subscribe-newsletter-inner {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    .default-white-btn {
        min-width: 130px;
        font-size: 15px;
    }

    .subscribe-newsletter-inner p {
        font-size: 20px;
    }

    .input-wrapper-subscribe input {
        min-width: 100%;
        padding: 0 138px 0 20px;
    }

    .footer-left-wrapper {
        text-align: center;
    }

    .social {
        justify-content: center;
        margin-top: 15px;
    }

    .get-matched {
        grid-template-columns: 100%;
        grid-gap: 10px;
        position: relative;
        padding: 15px;
        overflow: hidden;
    }

    .blue-louds {
        position: absolute;
        z-index: -1;
        left: 0;
        max-width: 30% !important;
        top: 27%;
        opacity: .6;
    }

    .get-matched-head h3 {
        text-align: center;
    }

    .get-matched-head p {
        text-align: center;
    }

    .certificates {
        grid-template-columns: repeat(4, max-content);
        grid-gap: 15px;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }

        .certificates label {
            font-size: 16px;
        }

    .get-matched-head h3 {
        font-size: 29px;
        line-height: 46px;
    }

    .new-home-main .home-content-wrapper .banner-cta {
        margin: 0 auto;
        font-size: 18px;
        width: 100%;
        Padding: 6px 10px;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .certificates-content-wrapper {
        text-align: center;
    }

    .mob-w-100 {
        width: 100%;
    }

    .banner-cta {
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    .section-below-heading.section-heading-modifier {
        font-size: 31px;
        margin-bottom: 15px !important;
    }

    .section-below-heading.section-heading-modifier-sub {
        margin-bottom: 60px;
    }

    .testi-img-wrapper {
        margin-bottom: 60px;
    }

    .new-home-main .section-below-heading {
        margin-bottom: 60px;
        font-size: 29px;
        line-height: 36px;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }

    .sec-practices-blog {
        position: relative;
    }

    .accordian-nhc-info-main-div .accordian-hc-info .panel p {
        text-align: left;
        font-size: 15px;
    }

    .accordian-nhc-info-main-div .accordian-hc-info .panel-title {
        text-align: left;
        line-height: 23px;
        padding-right: 20px;
        font-size: 16px !important;
    }

    .footernavs__list {
        margin-bottom: 15px;
    }

    footer .futtext {
        margin-bottom: 0;
    }

    footer .cpy-30 {
        padding: 12px 0;
    }

    .new-home-main .blog-card-main-div {
        margin-bottom: 0;
    }

    .new-home-main .blog-section .carousel-col {
        margin-bottom: 10px 0;
    }

    .explore-our-healing-modalities {
        overflow-x: hidden;
        padding-bottom: 30px;
    }

    .three-step-content-wrapper {
        max-width: 100%;
    }

    #pract_video_10 {
        min-height: 210px;
    }

    .subscribe-newsletter-inner {
        max-width: 100%;
    }

    .certifications-all {
        margin-top: 12px;
        margin-right: auto;
    }

    .home-certificates {
        display: none;
    }


    .testimonial-new .slick-dots {
        bottom: 16px;
    }

    .accordian-nhc-info-main-div {
        background-image: url('/Content/images/new-home/nhp-accordian-mob.jpg');
        background-size: cover;
        min-height: 840px;
        position: relative;
        background-position: center;
    }

        .accordian-nhc-info-main-div .row-df {
            justify-content: flex-end;
            height: 1000px;
        }

    .selectedlist-btns-div .selected-list {
        font-size: 14px;
        padding: 5px 10px;
        white-space: normal;
        min-width: 65px;
    }

    header.header-wrapper.fixed-new-head .menu-icon {
        top: 18px;
    }

    .video-audio-msg {
        max-width: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 17px;
    }

    .video-home p {
        margin: 0 !important;
        font-size: 12px !important;
    }

    .step-message {
        height: 20px;
    }

    .step-microphone {
        height: 22px;
    }

    .step-video {
        height: 18px;
    }

    .video-home {
        grid-gap: 9px;
    }

    .category-lists {
        margin: 0rem 0;
        display: grid;
        grid-row-gap: 12px;
        grid-template-columns: repeat(2,minmax(100px, 1fr));
        grid-column-gap: 10px;
        margin-bottom: 15px;
    }

    .dg-steps-v-algin {
        min-height: calc(100vh - 211px);
        display: grid;
        grid-template-rows: max-content auto max-content;
        align-items: center;
        grid-gap: 15px;
        margin-bottom: 25px;
        padding-top: 70px;
    }

    .logo-steps {
        position: relative;
        top: 17px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        left: 50%;
        margin-bottom: 0;
    }

        .logo-steps img {
            width: 41px;
        }

    .continue-btn-wrapper {
        min-height: 52px;
        align-self: center;
        margin-bottom: 0;
    }


    .center-category input[type="checkbox"] {
        height: 115px;
        width: 100px !important;
    }

    .center-category input[id="defaultInline1"] {
        width: 120px !important;
    }

    .center-category input[id="defaultInline6"] {
        width: 110px !important;
    }

    .center-category input[id="defaultInline9"] {
        width: 93px !important;
    }

    .selectedlist-btns-div .btn-div {
        text-align: center;
        margin: 10px 4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: initial;
    }

    .flex-row-pract-results {
        width: auto;
    }

    .main-head-steps-sp, .select-category {
        align-self: flex-start;
    }

    .animation-loader-filter-prac {
        width: 100%;
    }

    .main-head-steps-sp h1 {
        font-size: 21px;
        line-height: 29px;
        padding: 0 8px;
    }

    .back-button {
        margin: 0;
        bottom: 42px;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: none;
        background-color: var(--bg-default-pattern);
        padding: 14px 0;
    }

    .get-matched-btn .book-video-seesion-btn {
        Padding: 12px 15px;
    }

    .paymentpage-margin {
        margin-bottom: 0px;
    }

    #card .front, #card figure.back,
    .cradImgBoxUserDiv {
        padding: 15px;
    }

    #card .front, #card figure.back {
        min-height: 262px;
    }

    .cradImgBoxUserDiv h4 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .pract-details-card-div .step-card-qualifiction {
        font-size: 14px;
        margin-bottom: 5px !important;
        min-height: 20px;
    }

    .cradImgBoxUserDiv .a-hc-default {
        margin-top: 2px;
        font-size: 13px;
    }

    .cradImgBoxUserDiv {
        min-height: 124px;
        padding-bottom: 4px;
    }

    .line-hr {
        margin-left: 0;
    }

    .cardInfoDiv .bottom-sec h3 {
        font-size: 15px;
    }

    .cardInfoDiv .bottom-sec p {
        font-size: 14px;
    }

    .bottom-sec-items {
        margin-bottom: 9px;
    }

    #card .front, #card figure.back {
        min-height: 228px;
    }

    .cardBoxDiv {
        min-height: 324px;
    }

    #card .back .bottom-sec .form-control {
        font-size: 14px;
    }

    #bigLoader.lds-roller {
        padding: 40% 40%;
    }

    .flip-main-review-div {
        max-height: 289px;
    }

    .placeload .header .header-content .content-shape:first-child {
        margin-bottom: 6px;
        height: 9px;
    }

    .placeload .header .header-content .content-shape {
        height: 9px;
    }

        .placeload .header .header-content .content-shape:not(:last-child) {
            margin-bottom: 6px;
        }

        .placeload .header .header-content .content-shape:nth-child(4) {
            height: 23px;
            margin-top: 13px;
        }

    .placeload .line-hr {
        margin-top: 12px;
        margin-bottom: 1px;
    }

    .placeload .content-shape-dg:not(:last-child) {
        margin-bottom: 6px;
    }

    .animation-loader-filter-prac {
        padding: 0;
    }

    .dg-placeload-row {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        .dg-placeload-row .dg-placeload {
            margin: 0;
        }

        .dg-placeload-row .slick-list {
            padding-top: 9%;
        }

    .hero__title .slick-current.slick-center span {
        box-sizing: border-box;
        display: block;
        font-weight: 700;
        color: var(--primary-color);
        opacity: 1;
        font-size: 12px;
    }

    .grup.submit-group {
        width: 100%;
    }

    .animation-loader-filter-prac {
        top: 60%;
    }

    .reasonbooksess .cmb-0 {
        margin-bottom: 15px !important;
    }

    .no-message-img {
        max-width: 100%;
    }

    .steps-home-wrapper {
        display: flex;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 15px;
    }

        .steps-home-wrapper img {
            margin-right: 15px;
        }

    .new-home-main .how-it-works .row h5 {
        justify-self: flex-start;
        padding: 0;
    }

    .new-home-main .how-it-works .row p {
        text-align: left;
        margin-top: 10px;
    }

    .get-matched .book-seesion-btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .get-matched {
        padding-bottom: 115px;
    }

    .three-step-left {
        margin-bottom: 45px;
    }

    .top-up-wrapper .panel-body {
        min-height: initial;
    }

    .radio-credit-cards {
        font-size: 15px;
    }

    .order-summary-inner-div .total-div span {
        font-size: 18px;
    }

    .cards-div {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 10px 14px;
        width: 100%;
    }

        .cards-div span img {
            width: 35px;
        }

    .discover-card {
        height: 39px;
        width: 39px !important;
        top: 1px;
    }

    .pract-profile-section {
        padding: 40px 15px;
        margin: 0 auto;
        max-width: 100%;
        grid-template-columns: 100%;
        grid-gap: 15px;
        min-height: initial;
        align-items: initial;
    }

    .pract-profile-section-new .top-pattern {
        transform: initial;
        min-width: 160px !important;
        position: absolute !important;
        max-width: 170px !important;
    }

    .userProfileDiv {
        height: 110px;
        width: 110px;
        margin: 40px auto 0;
    }

    .exp-lang {
        margin: 20px 0px;
    }

    .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 30px;
    }

    .existing-user-wrapper .symtom-text-new {
        font-size: 16px !important;
    }

    .back-button a {
        font-size: 14px;
    }

    .width {
        width: 100%;
    }

    #card .button-start-seeion {
        bottom: 15px;
    }

    #card .back .backBtn {
        bottom: 60px;
    }

    .cards-div span {
        width: 35px;
    }

        .cards-div span img {
            width: 100%;
        }
}

@media (max-width: 369px) {
    .cards-div {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 9px 7px;
        width: 100%;
    }

    .discover-card {
        height: 36px;
        width: 36px !important;
        top: 3px;
    }
}

@media (max-width: 767px) {
    .home-content-wrapper {
        max-width: 80%;
    }

    .home-page-banner .container {
        width: 100%;
    }

    .home-content-wrapper {
        padding-top: 125px;
    }
}

@media (max-width: 400px) {
    .new-home-main .banner-para-text {
        max-width: 225px;
    }

    .home-content-wrapper {
        padding-top: 75px;
    }
}
/*-------------------new home page css ends here-------------------*/

.thumb-msg span {
    padding-left: 5px;
    padding-right: 0;
}

.hr-line-default {
    background-color: #EBEBEB;
}

.hr-line-trans {
    background-color: #EBEBEB;
    height: 100%;
    width: 1px;
}

.oc-grid-msg-thumb img {
    max-width: 12px;
}

.fx-grid-component .overlay-hc-moadalities {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    border-radius: 6px;
}

.progress-lession {
    height: 4px;
    background-color: #fff;
}

.bg-success-lession {
    background-color: var(--primary-color);
}

.status-oic-active {
    color: green;
    font-weight: 600;
    font-size: 14px;
    margin-left: 6px;
}

.workbook-tab-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dropdown-menu {
    z-index: 99999;
}

.oic-purchase {
    padding-left: 0;
}

.min-h-auto {
    min-height: initial !important;
}

.cus-clearfix {
    clear: both;
    display: table;
    content: '';
}

.new-prac-card-head {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: auto auto;
    grid-gap: 10px;
}

.payment-link-form-wrapper button {
    position: relative;
}

.payment-link-form-wrapper .lds-roller {
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    margin: 0px auto;
}

#frmLogin .continue-button[disabled] {
    background-color: var(--disabled-color) !important;
    border-color: transparent;
}

.learn-logo-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 292px;
    height: auto;
    z-index: 99;
}

    .learn-logo-pattern .hc-svg-logo svg {
        position: absolute;
        max-width: 78%;
        top: 11px;
        left: 15px;
    }


.learn-pattern .st0 {
    fill: var(--primary-color);
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .breadcrumb li a {
        white-space: nowrap;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .reasonbooksess .hide-show span {
        padding-right: 0px !important;
    }
}


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

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

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

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


.payment-link-form-wrapper .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fdffff;
    margin: -3px 0 0 -3px;
}

.search-bar-input-wrapper {
    /*display: none;*/
}

.df-c-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px;
}

i.fa.fa-angle-left {
    position: relative;
}

    i.fa.fa-angle-left::after {
        content: '\00a0';
        background-image: url(/Content/images/slick-left-new-1.svg) !important;
        background-size: 18px;
        background-repeat: no-repeat;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        width: 23px;
        height: 23px;
    }

div#Reviews {
    max-height: calc(100vh - 190px);
    overflow: hidden;
    overflow-y: scroll;
}

.status-oic-subscription .button-to-link {
    width: initial !important;
    padding-left: 8px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 13px;
}

.canc-cp-sus {
    color: var(--on-primary-color);
}


.dx-scheduler-appointment-popup .dx-layout-manager .dx-field-item-label-location-left {
    padding-right: 40px;
}

/*.dx-scheduler-appointment-popup .dx-layout-manager .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label {
    position: absolute;
    left: -110px;
    padding-right: 10px;
}*/

.clients-logos {
    display: none;
}

.clients-logos-img {
    max-width: 200px;
    height: auto;
}


.exp-lang .vr-line-profile {
    height: 44px;
}

.icon.end-session-icon {
    fill: #ff3333;
}


/*css for abour us Plumm starts here*/


.ph-about-us-heading {
    font-size: 47px;
    line-height: 58px;
    text-align: center;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
}

.ph-about-us-first-content .ph-header-1 {
    font-family: var(--primary-font);
    text-align: center;
    margin: 35px 0 30px;
    font-size: 24px;
}

.ph-about-us-content-box {
    padding: 35px;
    background: #F4F8FC;
    border-radius: 9px;
}

.ph-about-us-second-content {
    margin: 40px 0;
    display: grid;
    grid-template-columns: 45% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-about-us-first-content {
    margin-top: 30px;
}

.au-sc-left h1.ph-header-1 {
    font-size: 36px;
}

.au-sc-left .ph-default-para-wrapper {
    padding-left: 35px;
}

.au-sc-left p.ph-para-1 {
    max-width: 83%;
}

.au-sc-right {
    padding-right: 70px;
}

    .au-sc-right img {
        box-shadow: 7px 31px 29px rgba(23, 53, 113, 0.2);
        border-radius: 12px;
    }

.team-hc-profile {
    margin-top: 55px;
    display: grid;
    grid-gap: 90px;
    grid-template-columns: repeat( auto-fit, minmax(250px, 255px) );
    justify-content: center;
}

.team-hc-advisory-profile {
    margin-top: 75px;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 50px;
}

.team-profiles-wrapper h5 {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1px;
}

.team-profiles-wrapper p {
    color: var(--secondary-color);
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

.team-profile-img {
    position: relative;
    filter: drop-shadow(7px 31px 29px rgba(7, 19, 81, 0.2));
    border-radius: 13px;
    overflow: hidden;
}

    .team-profile-img img {
        max-width: 100%;
        width: 100%;
        height: 330px;
        object-fit: cover;
        background-color: #F4F8FC;
        border-radius: 15px;
    }

    .team-profile-img::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 97px;
        left: 0;
        bottom: -1px;
        background: linear-gradient(0deg, #FFC4B0 55.88%, rgba(255, 255, 255, 0.62) 117.91%);
    }

/*.au-pt-1-card-1::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 146.61'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,146.61H243.76a12,12,0,0,0,12-12V47.39C157.25,35.28,70.87,18,0,0V134.61A12,12,0,0,0,12,146.61Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-1-card-2::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 89.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,89H243.76a12,12,0,0,0,12-12V4.56q-40.09,2.1-81,2.14C113.82,6.7,55.42,4.26,0,0V77A12,12,0,0,0,12,89Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 247px;
}

.au-pt-1-card-3::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 141.04'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt1-card-3%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,141H243.76a12,12,0,0,0,12-12V0A1867,1867,0,0,1,0,48v81A12,12,0,0,0,12,141Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-1::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 141.45'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,141.45H243.76a12,12,0,0,0,12-12V.06c-73.39-.89-146.71,7.51-214,25.18-14,3.68-28,7.77-41.8,12.25v92A12,12,0,0,0,12,141.45Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-2::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 133.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-1_1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,133.67H243.76a12,12,0,0,0,12-12V36q-24.57-2.1-48.65-4.77C136.71,23.42,69.39,9,0,0V121.67A12,12,0,0,0,12,133.67Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.au-pt-2-card-3::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 255.76 102.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f5a18b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eau-pt2-card-3%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M12,102.07H243.76a12,12,0,0,0,12-12V0C172.67,10.27,85.54,13.24,0,10.48V90.07A12,12,0,0,0,12,102.07Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    top: 225px;
}*/

.team-profile-content {
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 9;
    padding-right: 8px;
}

.join-teamm-inner-wrapper {
    text-align: center;
}

.join-team-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: var(--secondary-color);
}

    .join-team-wrapper h3 {
        font-size: 32px;
        font-weight: 400;
        line-height: 48px;
        font-family: var(--secondary-font);
        margin-bottom: 30px;
    }

.join-team-link {
    display: block;
    margin: 16px 0 35px;
    color: var(--secondary-color);
    font-size: 17px;
}

img.about-us-pattern2 {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100px;
}

.about-us-pattern3 {
    position: absolute;
    top: 50%;
    right: 0;
    width: 90px;
}

.about-us-pattern4 {
    position: absolute;
    top: 68%;
    left: 0;
    width: 90px;
}


.about-us-pattern5 {
    position: absolute;
    top: 85%;
    right: 0;
    width: 100px;
}

.meet-team-row .ph-header-1 {
    font-size: 36px;
    text-align: center;
    margin-top: 40px;
}

section.join-team-about-us {
    margin: 100px 0 0px;
    background: rgba(184, 220, 255, 0.76);
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1600px) {
    .join-team-wrapper h3 {
        font-size: 28px;
    }
}

@media(max-width: 1200px) {
    .au-sc-right {
        padding-right: 20px;
    }

    .au-sc-left p.ph-para-1 {
        max-width: 95%;
    }

    .team-hc-profile {
        grid-gap: 60px;
        grid-template-columns: repeat( auto-fit, minmax(240px, 245px) );
        justify-content: center;
    }

    .team-profiles-wrapper h5 {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .team-profiles-wrapper p {
        font-size: 15px;
    }

    /*.au-pt-1-card-2::after {
        top: 246px;
    }*/
}

@media only screen and (max-width: 1024px) {

    .dash-meditation:hover em.nd-play-btn {
        opacity: 1;
        visibility: visible;
    }

    .about-us-pattern5 {
        top: 84%;
    }

    .join-team-wrapper h3 {
        font-size: 28px;
        font-weight: 400;
        line-height: 40px;
        font-family: var(--secondary-font);
        margin-bottom: 30px;
    }

    .team-hc-profile {
        grid-gap: 40px;
    }
}

@media only screen and (max-width: 991px) {

    .nd-subscription .new-dashboard-head-wrapper .status-oic-subscription.df-jcsb {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .canc-cp-sus {
        margin-bottom: 10px;
    }

    .team-hc-profile {
        margin-top: 75px;
        display: grid;
        grid-template-columns: repeat(2, 265px);
        grid-gap: 50px;
    }

    .team-profile-img img {
        max-width: 100%;
        border-radius: 10px;
    }

    .team-profiles-wrapper h5 {
        margin-top: 17px;
        margin-bottom: 1px;
    }

    .about-us-pattern2,
    .about-us-pattern3,
    .about-us-pattern4,
    .about-us-pattern5 {
        display: none;
    }

    .ph-about-us-second-content {
        grid-template-columns: auto;
    }

    .au-sc-left .ph-default-para-wrapper {
        padding-left: 0;
    }

    .au-sc-right {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .team-profiles-wrapper p {
        font-size: 13px;
    }

    .team-profiles-wrapper h5 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 545px) {
    .team-hc-profile {
        grid-gap: 60px;
        grid-template-columns: repeat(1, 300px);
    }

    .team-profile-img img {
        height: 400px;
    }

    /*.au-pt-1-card-2::after, .au-pt-2-card-3::after {
        top: initial;
    }*/

    section.join-team-about-us {
        margin: 70px 0 0;
        min-height: 380px;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 70px;
    }

    .ph-about-us-heading {
        font-size: 35px;
        line-height: 55px;
    }

        .ph-about-us-heading .text-underline::after {
            bottom: -10px;
            background-size: 180%;
            height: 18px;
        }

    .ph-about-us-first-content .ph-header-1 {
        margin: 26px 0 26px;
        font-size: 19px;
    }

    .ph-about-us-content-box {
        padding: 15px;
    }
}

/*css for abour us Plumm ends here*/

/*forgot pasword css starts here*/

.forgot-password-section {
    padding-top: 3%;
}

/*.forgot-pass-wrapper {
    -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    border-radius: 30px !important;
    padding: 20px !important;
    border-color: #fff !important;
}*/

.forgot-pass-wrapper .bck_header {
    background-color: #fff;
    color: var(--primary-color);
    padding: 0;
}

.forgot-pass-wrapper h5 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: var(--primary-color);
}

.btns-frgt-pass {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-size: 17px !important;
}

.reset-pass .forgot-pass-wrapper h5 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 22px;
}

.new-pagelayout-wh .hc-default-btn {
    width: 100%;
}

.new-pagelayout-wh {
    display: flex;
    align-items: center;
    width: 100%;
}

.new-pagelayout-wh-inner-wrapper {
    max-width: 560px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12) !important;
    box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.12);
    padding: 25px;
    width: 100%;
}

.new-pagelayout-wh form label {
    color: var(--on-primary-color);
}

.new-pagelayout-wh input {
    border: 1px solid var(--primary-color);
}

.forgot-pass-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.cust-header-wrapper {
    padding-top: 90px;
}

.fixed.sidebar-mini-expand-feature .cust-header-wrapper {
    margin-top: 145px;
}

.hc-live-learn {
    width: 22px;
}

@media only screen and (max-width: 767px) {
    .new-pagelayout-wh {
        height: initial;
        min-height: initial;
        padding: 15px;
    }


    .forgot-pass-btns {
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .new-pagelayout-wh label > span {
        width: 51px;
        color: var(--on-primary-color);
        font-size: 14px;
        margin-bottom: 10px;
    }

    .new-pagelayout-wh label {
        height: initial;
        line-height: initial;
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
    }

    .new-pagelayout-wh-inner-wrapper form label {
        margin-bottom: 15px !important;
    }
}
/*forgot pasword css starts here*/
.lan-pract-profile p {
    word-break: break-word;
}

@media only screen and (min-width: 768px) {
    .oc-slider-control {
        display: none;
    }

    #Specialties {
        margin: 0 15px;
    }
}

@media only screen and (min-width: 1500px) {
}

@media only screen and (min-width: 2000px) {
}

@media only screen and (max-width: 1220px) {
}

@media only screen and (max-width: 1024px) {
    .oic-course-header-head {
        font-size: 15px;
        line-height: 17px;
    }

    .after-hover-text {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .oc-wrapper-mid.oc-hover-content {
        position: relative;
    }

    .pract-profile-left .exp-lang {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {

    .exp-lang {
        display: grid;
        grid-template-columns: 1fr 1px 1fr;
        align-items: flex-start;
        grid-gap: 20px;
        margin: 35px 0px;
    }

    .oci-content-block-inner {
        display: grid;
        grid-template-columns: 60% 1fr;
        align-items: flex-start;
        grid-gap: 60px;
        margin-top: 25px;
        overflow: hidden
    }

    .oic-course-header-wrapper .oc-time-info {
        grid-gap: 8px;
    }

        .oic-course-header-wrapper .oc-time-info span {
            font-size: 13px;
        }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {

    .hc-parteners img {
        max-width: 110px;
    }

    .satisfication-wrapper.cmt-55 {
        margin-bottom: 25px;
    }

    footer .futtext {
        margin-bottom: 8px;
    }

    .overview-tab-wrapper .vr-line-profile {
        height: 1px;
        width: 100%;
    }

    .overview-tab-wrapper {
        grid-template-columns: 100%;
    }

    .oic-video-tabs-wrapper .pract-profile-right {
        max-width: 90%;
    }

    .oc-categories-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 35px;
    }

    .usr_img {
        min-width: 170px !important;
        max-width: 170px !important;
        height: 180px !important;
        width: initial;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    h1.section-below-heading.hc-2-step-head {
        margin-top: 100px;
        text-align: center;
        margin-bottom: 25px;
    }

    .get-matched-head h3,
    .get-matched-head p {
        text-align: center;
    }

    .upload-docs-wrapper-prac {
        display: flex;
    }

    .new-home-main .testimonial-new .section-below-heading {
        font-size: 40px;
        color: var(--on-primary-color);
        margin: 0px;
        margin-bottom: 50px;
        font-weight: 700;
        position: relative;
        display: inline-block;
        line-height: 57px;
        text-align: center;
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .oci-content-block-inner {
        grid-template-columns: 100%;
        grid-gap: 30px;
        overflow: hidden;
        margin-top: 0;
    }

    .how-it-works .banner-cta {
        justify-content: center;
    }

    .what-you-will-learn {
        margin-top: 15px;
    }

    .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn {
        max-width: 320px;
    }

    .oc-hover-content .oc-4x-grid-innerwrapper {
        max-height: 190px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

    .oic-profile-image {
        justify-content: center;
    }

    .oic-buy-course-wrapper-fdc button.hc-default-btn.oic-buy-course-btn {
        max-width: 320px;
        margin: 0 auto;
    }

    .slider-pract-card-mobile {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {

    .clients-logos-img {
        max-width: 98px;
        height: auto;
    }

    .show-filtered-pract .slick-arrow span {
        display: none;
    }

    .oc-categories-inner {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 35px;
    }

    .oc-main-wrapper section.fx-grid-component {
        max-width: 90%;
    }

    .slick-list.draggable::after {
        display: none;
    }

    .oc-4x-grid-innerwrapper {
        max-height: 184px;
    }

    .oc-main-wrapper .slick-slide {
        max-width: initial;
    }

    .oc-faq-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 22px 30px;
    }

    .oc-subs-plan-head-inner {
        padding: 30px 10px;
    }

    .oc-subs-plan-list {
        padding: 8px 18px;
    }

    .oc-subs-btn {
        padding: 7px 10px;
        font-size: 13px;
        border-radius: 3px;
    }

    .status-oic-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .oci-video-page {
        max-width: 100%;
    }

    .overview-tab-wrapper {
        grid-template-columns: 100%;
        grid-template-rows: auto 1px auto;
        align-items: flex-start;
        grid-gap: 20px;
        margin: 0px 0px;
        padding-bottom: 20px;
    }

    .overview-tab-view-profile button {
        font-size: 14px;
        font-weight: 500;
    }

    .mysubs-table .bootstrap-table {
        border: 0px solid #ddd;
        border-left: 0;
        border-top: 0;
    }

    .mysubs-table .fixed-table-body {
        padding-top: 0rem;
    }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .sidebar-video-info-label {
            top: 0px;
            position: relative;
        }
    }

    header.headerinner-wrapper.headerinner-wrapper-learn .df-jcsb {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .error-btn-wrapper {
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .learn-card-slider-item {
        margin: 0px 25px;
    }

    .learn-card-slider .slick-track {
        padding: 10px 0;
    }

    .learn-card-slider .slick-next {
        right: 0;
    }

    .learn-card-slider .slick-prev {
        left: -21px;
    }

    .error-bg {
        padding: 30px 0;
    }

        .error-bg .back-home-btn.hc-default-btn {
            font-size: 12px;
            padding: 11px 14px !important;
        }

    .page-not-found-txt p {
        font-size: 15px;
    }

    .page-not-found-txt h1 {
        font-size: 26px;
        margin-bottom: 13px;
    }

    .learn-logo-pattern {
        width: 232px;
        z-index: 99;
    }

        .learn-logo-pattern .hc-svg-logo svg {
            max-width: 70%;
            top: 19px;
            left: 14px;
        }

    .how-it-works .row-df {
        flex-direction: column-reverse;
    }

    section.how-it-works.cpy-100 {
        padding-top: 52px !important;
    }

    .how-it-works .banner-cta {
        display: none;
    }

    .step2-pattern {
        bottom: -49px;
        max-width: 50px;
    }

    .get-matched-new {
        padding: 40px 0 40px;
    }

    .healing-clouds-banner-pattern {
        width: 50px !important;
    }

    .testi-clouds-pattern {
        position: absolute;
        left: 0;
        bottom: 260px;
        transform: translateY(50%);
        max-width: 45px;
    }

    .new-home-main .d-text-center {
        padding-top: 130px;
        align-items: flex-start;
    }
}


@media only screen and (max-width: 767px) {

    .new-home-main .d-text-center {
        padding-top: 90px;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 768px) {
    .visibility-hide-desk {
        visibility: hidden;
        margin-bottom: 0;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .hc-partenrs-xexec img {
        max-width: 75px;
    }

    .hc-partenrs-anytime-fitness img {
        max-width: 104px;
    }

    .hc-partenrs-fringe img {
        max-width: 103px;
    }

    .hc-partenrs-Edenred img {
        max-width: 75px;
    }

    .hc-partenrs-heka img {
        max-width: 95px;
    }

    .hc-partenrs-juno img {
        max-width: 65px;
    }

    .hc-partenrs-leon img {
        max-width: 100px;
    }

    .hc-partenrs-fringe img {
        max-width: 125px;
    }
}

@media only screen and (max-width: 767px) {
    .hc-partenrs-xexec img {
        max-width: 95px;
    }

    .hc-partenrs-anytime-fitness img {
        max-width: 100px;
    }

    .hc-partenrs-fringe img {
        max-width: 125px;
    }

    .hc-partenrs-Edenred img {
        max-width: 85px;
    }

    .hc-partenrs-heka img {
        max-width: 115px;
    }

    .hc-partenrs-juno img {
        max-width: 75px;
    }

    .hc-partenrs-leon img {
        max-width: 117px;
    }

    .hc-partenrs-fringe img {
        max-width: 120px;
    }

    div#divPracAvailMain {
        padding-bottom: 30px;
    }
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.error-bg .learn-explore-wrapper {
    max-width: 92%;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

@media only screen and (min-width: 1700px) {
    .for-every-employers h3 {
        margin: 150px auto 10px auto !important;
    }

    .goodForUrTeamDIv .infoBox {
        margin: 269px 10% !important;
    }

    .error-bg .learn-explore-wrapper {
        max-width: 1600px;
    }
}

.error-bg .learn-explore-wrapper.cmt-30.explore-learn {
    margin-top: 45px;
}

.error-bg .explore-learn .learn-card-slider {
    margin-top: 20px;
}

    .error-bg .explore-learn .learn-card-slider .slick-track {
        padding: 40px 0;
    }

.error-bg .explore-learn .learn-card-slider-item {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%);
    margin: 0 15px;
    background-color: #fff;
}

.error-bg .explore-learn .slider-item-img-wrapper {
    height: 170px;
    overflow: hidden;
}

.error-bg .oc-4x-grid-innerwrapper {
    position: relative;
    width: 100%;
    background: #d0c9c9;
    border-radius: 0px;
    overflow: hidden;
    max-height: 175px;
}

.error-bg .explore-learn .slider-item-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.error-bg .oc-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    padding: 0 15px;
}

.error-bg .after-hover-text {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.error-bg .oc-view-btn:hover {
    background-color: #ffffff;
    color: var(--primary-color);
    border: 2px solid #ffffff;
}

.error-bg .oic-image-bottom-content {
    text-align: left;
    width: 100%;
    padding: 15px;
}

.error-bg .before-hover-text {
    margin-bottom: 13px;
}

.error-bg .oic-image-bottom-content .before-hover-text h5 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 14px;
    min-height: 35.2px;
    line-height: 18px;
    margin-top: 0;
}

.error-bg .oc-pract {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 7px 0;
}

.error-bg .oc-4x-grid-innerwrapper:hover .after-hover-text {
    opacity: 1;
    visibility: visible;
}

.error-bg .prev-ctrl {
    position: absolute;
    left: -10px;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
}

.error-bg .ctrls-icon {
    width: 23px;
    height: 23px;
}

.error-bg .next-ctrl {
    position: absolute;
    right: -10px;
    top: 50%;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
}

.error-bg .oc-pract img {
    border-radius: 50%;
    width: 55px !important;
    height: 55px;
}

.error-bg .oic-image-bottom-content .oc-pract-name {
    grid-gap: 2.5px;
}

.error-bg .oc-pract-name {
    display: grid;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    grid-gap: 4px;
    padding-left: 12px;
}

.error-bg .oic-image-bottom-content .oc-pract h5 {
    color: #3F3F3F;
    font-weight: 600;
}

.error-bg .oc-pract label {
    font-size: 9px;
    line-height: 14px;
    color: #3F3F3F;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0 !important;
}

.error-bg .oic-image-bottom-content .oc-pract label {
    font-size: 12px;
}

.error-bg .df-jcsb-learn {
    display: flex;
    justify-content: space-between;
}

.error-bg .oc-grid-content-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.error-bg .oc-online-view label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-top: 9px;
    font-weight: 600;
}

.oc-video-duration label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-top: 9px;
    font-weight: 300;
}

.error-bg .oc-view-btn {
    font-size: 12px;
    color: #fff;
    background-color: rgba(46, 186, 191, 0.88);
    box-shadow: none;
    border: 2px solid rgba(46, 186, 191, 0.88);
    border-radius: 25px;
    padding: 2px 8px;
    font-weight: 500;
    min-width: 103px;
    transition: all .3s;
}

.error-bg .oc-btn-btn-modifier {
    min-width: initial;
}

.error-bg .oci-content-block-inner-icon-container, .oc-view-btn {
    display: initial;
    background-color: var(--primary-color);
    border: 2px solid #fff;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    white-space: nowrap;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    display: initial;
}

.hc-gm-library-main .oc-view-btn .loader-new {
    position: absolute;
    left: 4px;
    top: 3px;
}

.hc-gm-library-main .oc-view-btn .oc-content svg,
.learn-slider .oc-wrapper-mid .oc-content svg {
    width: 21px;
    height: 21px;
    position: relative;
    left: -3px;
    top: 2px;
}

.error-bg .oc-pract h5 {
    color: var(--primary-color);
    margin-bottom: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
    font-size: 14px;
    margin: 0;
}

.error-bg .explore-learn .learn-card-slider-item {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 3px 2px 9px 3px rgb(72 72 72 / 29%);
    margin: 0 15px;
    background-color: #fff;
}

/*ends here*/

.bootstrap-table .table thead > tr > th {
    color: var(--primary-color);
}

.desktopMenu.breadcrumb > li + li:before {
    padding: 0px;
    color: #ccc;
    content: "";
    display: none;
}



/*css for new header*/

.new-dashboard-head {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 0;
    margin-bottom: 17px;
}

.input-search-dashboard-nav .search-box {
    margin-top: 0;
}

.menu-top-dashbrd .dropdown-toggle:hover {
    color: initial !important;
    background-color: initial !important;
    border-color: initial;
}

.nd-profile {
    display: flex !important;
    align-items: center;
}

.skin-blue .main-header .navbar .menu-top-dashbrd .user.user-menu a span,
.menu-top-dashbrd li a {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 16px;
}

.main-header .sidebar-toggle {
    display: none;
}

nav.navbar.navbar-static-top {
    opacity: 0;
    visibility: hidden;
}

.menu-top-dashbrd li a:hover {
    color: var(--primary-color);
}

.menu-top-dashbrd .user.user-menu a svg.icon-chevron-down {
    top: 0;
}

.logo-dashboard-large {
    max-width: 199px;
    margin-top: 6px;
}


th.pl.wallet-date {
    min-width: 140px;
}

.menu-top-dashbrd li {
    padding-bottom: 0;
}

.fr strong {
    font-weight: 500;
    color: var(--on-primary-color);
}

.menu-top-dashbrd .open > .dropdown-menu {
    display: block !important;
}

.sidebar svg.icon {
    width: 30px;
    height: 30px;
}

svg.icon-hc-live {
    width: 38px !important;
}

.icon-hc-live.icon-hc-ask-thep {
    width: 52px !important;
    height: 25px !important;
}


.profile-dashboard-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 25%);
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    display: block !important;
}

.dash-list-profile {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.logo-lg {
    display: none !important;
}

.pat-profile-new select.form-control {
    background-color: #fff;
    border: 1px solid #d8d5d5;
    padding: 6px 8px;
    color: #4a4a4a;
    width: 100%;
}

.logout-list-dash {
    padding-top: 45px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.li_pat_div {
    box-shadow: 0px 0px 5px rgba(0, 0,0, 0.17);
    border-radius: 25px;
    padding: 10px;
    position: relative;
    background-color: #fff;
}

.menu-top-dashbrd .dropdown-menu,
ul.dropdown-menu.dropdown-menu-lg.notification-list-items {
    right: 0;
    left: initial;
}

.menu-top-dashbrd li a {
    padding: 4px 0px;
}

.message-icon-wrappper-dash {
    position: relative;
}

.sidebar-menu > li a.activeclass span {
    color: #fff !important;
}

.msg-count {
    position: relative;
}

.dash-side-msg-text {
    position: absolute;
    top: -13px;
    margin-top: 0 !important;
    right: -18px;
    background-color: var(--salmon-color);
    padding: 4px;
    border-radius: 2px;
    font-size: 9px;
    text-align: center;
    line-height: 9px;
}


.dashboard-crowdcube-partner {
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .dashboard-crowdcube-partner label {
        font-weight: 400;
        display: block;
        font-size: 12.5px;
        color: var(--on-primary-color);
        position: relative;
        margin-bottom: 0 !important;
        margin-bottom: 15px;
    }

.nd-heading-partner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

    .nd-heading-partner h2.nd-greetings-user {
        margin-bottom: 0;
    }

@media (max-width: 768px) {

    .dashboard-crowdcube-partner {
        flex-direction: column;
    }

    .nd-heading-partner h2.nd-greetings-user {
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 14px;
    }

    .nd-heading-partner .dashboard-crowdcube-partner label {
        font-size: 10.5px;
        margin-bottom: 8px !important;
    }

    .nd-heading-partner .partners-mindbody {
        max-width: 86px;
    }

    .nd-heading-partner {
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .dashboard-crowdcube-partner {
        display: none;
    }
}

@media (max-width: 1600px) {
    .sidebar svg.icon {
        width: 20px;
        height: 20px;
    }

    .profile-dashboard-img {
        width: 50px;
        height: 50px;
    }

    .logo-mini img {
        height: 56px !important;
        margin-top: 0px !important;
    }

    .skin-blue .sidebar a {
        font-size: 11px;
    }
}

.sidebar svg.icon {
    width: 20px;
    height: 20px;
}

.guided-med-playbtn {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    fill: var(--primary-color);
    padding: 15px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 20%);
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .guided-med-playbtn svg {
        position: relative;
        left: 3px;
    }

span .duration-gm {
    font-size: 12px;
    color: #aca8a8;
}

.gm-note {
    margin-top: 20px;
    font-size: 13px;
    margin-bottom: 15px;
}

.view-all-notification ul.dropdown-menu {
    top: -138px;
}

.view-all-notification .fixed-table-body {
    overflow: auto;
}

.oic-video-main-inner-wrapper .overview-tab-view-profile {
    text-align: center;
    margin: 0 auto;
}

.thid-dashboard-row {
    margin-top: 35px;
    margin-bottom: 35px;
}

.nd-last-row {
    margin-bottom: 35px;
}

.header-bar-dash {
    display: grid;
    grid-template-columns: 35% auto;
    align-items: center;
    overflow: hidden;
}

.header-bar-dash-left {
    position: relative;
}

.pattern-rectangle {
    position: absolute;
    left: 0;
    top: -1px;
    background-color: var(--primary-color);
    width: 100%;
    height: 105%;
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%);
}

.header-bar-dash-right p {
    margin-bottom: 0 !important;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px;
}

.header-bar-dash-left label {
    margin-bottom: 0 !important;
    color: #fff;
    z-index: 9999999;
    position: relative;
    font-weight: 600;
    font-size: 15px;
}

.header-bar-dash-left, .header-bar-dash-right {
    padding: 16px 0;
    text-align: center;
}

.header-bar-dash img.sharing-icon-dash {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    cursor: pointer;
}

.new-dash-box-shadow {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}

.audio-message-dash {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 18px;
    margin-bottom: 25px;
    position: relative;
    padding-top: 50px !important;
}

.nd-meditation-main-wrapper {
    display: grid;
    grid-template-columns: 47% auto;
    grid-gap: 18px;
    align-items: flex-start;
}

.nd-meditation-img-wraper {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    overflow: hidden;
}

    .nd-meditation-img-wraper .nd-play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 45px;
    }

.audio-message-dash-main {
    position: relative;
    padding-top: 50px !important;
    margin-bottom: 25px;
}

.audio-dash-new h3 {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0;
    line-height: 20px;
}

.audio-dash-new label {
    font-size: 13px;
    font-weight: 400;
    color: var(--primary-color);
    white-space: nowrap;
    padding-left: 15px;
    line-height: 22px;
}

.audio-dash-head-time {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.audio-dash-new p,
.audio-wrapper-dash {
    color: var(--on-primary-color);
    font-size: 0.93rem;
    margin-bottom: 0;
}

.audio-wrapper-dash {
    max-width: 70%;
}

.audio-dash-new .audio-wrapper-dash {
    max-width: 100%;
}

.oc-video-btn-inside a {
    box-sizing: border-box !important;
    min-width: 240px;
}

.overview-tab-view-profile.oc-video-btn-inside {
    grid-gap: 30px;
}

@media(min-width: 768px) {
    .overview-tab-view-profile.oc-video-btn-inside {
        grid-gap: 30px;
        grid-template-columns: auto auto;
    }
}

.icon.ni.nd-play-btn {
    background-color: var(--primary-color);
    color: var(--card-bg-color);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    max-width: 45px;
    line-height: 19px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*card css*/

.appointment-div.oc-learn-dashboard {
    padding: 0;
    height: 100%;
    position: relative;
    /*min-height: 465px;*/
}

/*.oc-learn-dashboard .oc-wrapper-mid {
    background-color: #fff;
}*/

.oc-learn-dashboard .oc-4x-grid-innerwrapper {
    position: relative;
    width: 100%;
    background: #d0c9c9;
    border-radius: 0px;
    overflow: hidden;
    max-height: 190px;
}

@media(min-width: 1600px) {
    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 240px;
    }
}

.oc-learn-dashboard .oic-image-bottom-content {
    text-align: left;
    width: 100%;
    padding: 20px 20px;
}

    .oc-learn-dashboard .oic-image-bottom-content .before-hover-text h5 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 10px;
    }

.oc-learn-dashboard .learn-wishlist svg {
    fill: none;
    stroke: #3F3F3F;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 14px;
    height: 14px;
    cursor: pointer;
    display: none;
}

.oc-learn-dashboard .oc-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    padding: 0 15px;
}

.oc-learn-dashboard img.img-arange-slider {
    width: 100%;
    min-height: 134px;
    border-radius: 6px;
}

.oc-learn-dashboard .oc-view-btn {
    font-size: 12px;
    color: #fff;
    background-color: rgba(46, 186, 191, 0.88);
    box-shadow: none;
    border: 2px solid rgba(46, 186, 191, 0.88);
    border-radius: 25px;
    padding: 2px 8px;
    font-weight: 500;
    min-width: 103px;
    transition: all .3s;
}

.oc-learn-dashboard .oc-4x-grid-innerwrapper:hover .after-hover-text {
    opacity: 1;
    visibility: visible;
}


.oc-learn-dashboard .oc-view-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary-color);
    border: 2px solid #fff;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    white-space: nowrap;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
}

.oc-learn-dashboard .oc-btn-btn-modifier {
    min-width: initial;
}

.oc-learn-dashboard .before-hover-text h5 {
    color: var(--on-primary-color);
}

.oc-learn-dashboard .before-hover-text p {
    color: var(--on-primary-color);
    font-size: 0.93rem;
    margin-bottom: 40px;
    max-height: 153px;
}

.oc-learn-dashboard .overlay-hc-moadalities {
    background-color: rgba(0, 0, 0, 0);
}

.refer-earn-main-wrapper {
    text-align: center;
}

.refer-earn-inner {
    min-height: 80px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.refer-earn {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.refer-earn-main-wrapper img {
    max-width: 52px;
}


.appointment-div.refer-earn-main-wrapper {
    padding: 0;
}

.refer-earn-inner h3 {
    font-size: 14px;
    margin-bottom: 4px;
}

.refer-friend {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 35px;
    padding: 7px 5px;
    font-size: 13px;
    width: 100%;
    margin-top: 4px;
}

.dashboard-user {
    text-align: center;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 100%;
    grid-gap: 22px;
}

    .dashboard-user .nd-dash-user img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 50%;
        object-position: top;
    }

.spets-message-us {
    text-transform: none;
}

.need-to-change {
    color: var(--on-primary-color);
    font-size: 14px;
}

.nd-see-more-appts {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--secondary-color);
    /*text-decoration: underline;*/
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    margin: 0 auto 0px;
    text-transform: capitalize;
}

.nd-live-classes-wrapper .nd-see-more-appts {
    color: var(--primary-color);
}

.nd-profile-designation label {
    font-size: 14px;
    font-weight: 400;
    display: block;
    color: var(--on-primary-color);
}

    .nd-profile-designation label:not(:last-child) {
        margin-bottom: 7px !important;
    }

.dashboard-user-inner {
    width: 100%;
    text-align: left;
}

span.dashboard-user-inner-design {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.dashboard-user-inner {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: flex-start;
    grid-gap: 6px;
    text-align: left;
    margin-bottom: -2px !important;
}

    .dashboard-user-inner label {
        color: var(--primary-color);
        font-weight: 700;
    }

    .dashboard-user-inner > label:hover {
        color: var(--primary-color);
        text-decoration: underline;
    }

.dashboard-user-inner-design {
    color: var(--on-primary-color);
}

.user-name-dot-dash {
    line-height: 0px;
    position: relative;
    top: -5px;
    font-weight: 900;
    font-size: 23px;
}


.btn-white-dashboard {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background-color: transparent;
    border-radius: 35px;
    padding: 7px 8px;
    font-size: 13px;
    width: 100%;
    margin-top: 12px;
    font-weight: 600;
    transition: all 0.3s;
    text-transform: uppercase;
    box-shadow: 0 1px 4px rgba(66, 66, 66, 0.18);
}

    .btn-white-dashboard:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.new-dashboard-box-head {
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 15px;
}

label.dash-appo-the-date {
    font-size: 14px;
    font-weight: 400;
}

.table-appointments label {
    font-weight: 400;
    display: block;
    font-size: 13px;
    color: var(--on-primary-color);
    min-width: 160px;
}

.dash-appo-the-name label {
    display: block;
    margin-top: 8px;
}

.dash-appo-the-date label {
    margin-top: 4px;
}

.dash-appo-the-name {
    font-weight: 600;
    line-height: 16px;
    color: var(--on-primary-color);
}

    .dash-appo-the-name:not(:last-child) {
        padding-bottom: 1rem;
    }

.table-appointments .dashboard-hc-btn {
    font-size: 13px;
    white-space: nowrap;
    border-radius: var(--bs-border-radius-lg);
    min-width: 115px;
    padding: 6px 5px;
}

.table-responsive.table-appointments td {
    padding: 8px 0px;
    vertical-align: top;
}


/*css for progress bar*/
.progress-new-dash .progress-new {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
    margin-bottom: 25px !important;
}

    .progress-new-dash .progress-new:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 7px solid #eee;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-new-dash .progress-new > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-new-dash .progress-new .progress-left {
        left: 0;
    }

    .progress-new-dash .progress-new .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 7px;
        border-style: solid;
        position: absolute;
        top: 0;
        border-color: var(--salmon-color);
    }

    .progress-new-dash .progress-new .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 75px;
        border-bottom-right-radius: 75px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-new-dash .progress-new .progress-right {
        right: 0;
    }

        .progress-new-dash .progress-new .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 75px;
            border-bottom-left-radius: 75px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
        }

    .progress-new-dash .progress-new .progress-value {
        display: flex;
        border-radius: 50%;
        font-size: 36px;
        text-align: center;
        line-height: 20px;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 300;
    }

        .progress-new-dash .progress-new .progress-value div {
            margin-top: 10px;
        }

        .progress-new-dash .progress-new .progress-value span {
            font-size: 12px;
            text-transform: uppercase;
        }

    /* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
    .progress-new-dash .progress-new[data-percentage="10"] .progress-right .progress-bar {
        animation: loading-1 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="10"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="20"] .progress-right .progress-bar {
        animation: loading-2 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="20"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="30"] .progress-right .progress-bar {
        animation: loading-3 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="30"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="40"] .progress-right .progress-bar {
        animation: loading-4 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="40"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="50"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="50"] .progress-left .progress-bar {
        animation: 0;
    }

    .progress-new-dash .progress-new[data-percentage="60"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="60"] .progress-left .progress-bar {
        animation: loading-1 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="70"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="70"] .progress-left .progress-bar {
        animation: loading-2 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="80"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="80"] .progress-left .progress-bar {
        animation: loading-3 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="90"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="90"] .progress-left .progress-bar {
        animation: loading-4 1.5s linear forwards 1.5s;
    }

    .progress-new-dash .progress-new[data-percentage="100"] .progress-right .progress-bar {
        animation: loading-5 1.5s linear forwards;
    }

    .progress-new-dash .progress-new[data-percentage="100"] .progress-left .progress-bar {
        animation: loading-5 1.5s linear forwards 1.5s;
    }

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

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

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

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

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

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

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

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

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

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

.progress-new {
    margin-bottom: 1em;
}

.dash-progress-count {
    color: var(--on-primary-color);
    margin-bottom: 0 !important;
}

.dash-waller-count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

    .dash-waller-count label {
        margin-bottom: 0;
        color: var(--primary-color);
        font-weight: 600;
    }

    .dash-waller-count span {
        margin-bottom: 0;
        color: var(--on-primary-color);
        font-weight: 600;
    }

.dash-wallet-leaf img {
    max-width: 15px;
}

.dash-wallet-leaf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

    .dash-wallet-leaf svg {
        width: 18px;
        height: 18px;
        display: inline-block;
    }

.icon-leaf {
    fill: var(--primary-color);
}

    .icon-leaf.icon-leaf-grey {
        fill: #D1D1D1;
    }
/*ends here*/

/*css for audio player ends here*/
.audio-player {
    width: 100%;
    color: var(--primary-color);
    font-size: 0.75em;
    overflow: hidden;
}

    .audio-player .timeline-audio {
        background: var(--primary-light-color);
        width: 100%;
        position: relative;
        cursor: pointer;
        height: 5px;
        top: -5px;
    }

        .audio-player .timeline-audio .progress-audio {
            background: var(--salmon-dark-color);
            width: 0%;
            height: 100%;
            transition: 0.25s;
            height: 5px;
        }

    .audio-player .controls {
        display: grid;
        align-items: center;
        grid-template-columns: max-content auto;
        grid-column-gap: 13px;
    }

        .audio-player .controls > * {
            display: flex;
            align-items: center;
        }

.play-container {
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 42px;
    width: 42px;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.toggle-play {
    position: relative;
    left: 6px !important;
}

.audio-player .controls .toggle-play.play {
    cursor: pointer;
    position: relative;
    left: 0;
    height: 0;
    width: 0;
    border: 8px solid #0000;
    border-left: 13px solid var(--card-bg-color);
}

.audio-player .controls .toggle-play.pause {
    height: 15px;
    width: 20px;
    cursor: pointer;
    position: relative;
    left: 4px !important
}

    .audio-player .controls .toggle-play.pause:before {
        position: absolute;
        top: 0;
        left: 0px;
        background: var(--primary-color);
        content: "";
        height: 15px;
        width: 3px;
    }

    .audio-player .controls .toggle-play.pause:after {
        position: absolute;
        top: 0;
        right: 8px;
        background: var(--primary-color);
        content: "";
        height: 15px;
        width: 3px;
    }

    .audio-player .controls .toggle-play.pause:hover {
        transform: scale(1.1);
    }

.audio-player .controls .time {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 45px;
}

    .audio-player .controls .time > * {
        padding: 2px;
        font-size: 13px;
    }

.audio-player .controls .volume-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .audio-player .controls .volume-container .volume-button {
        height: 26px;
        display: flex;
        align-items: center;
    }

        .audio-player .controls .volume-container .volume-button .volume {
            transform: scale(0.7);
        }

    .audio-player .controls .volume-container .volume-slider {
        position: absolute;
        left: -3px;
        top: 15px;
        z-index: -1;
        width: 0;
        height: 15px;
        background: white;
        box-shadow: 0 0 20px #000a;
        transition: .25s;
    }

        .audio-player .controls .volume-container .volume-slider .volume-percentage {
            background: coral;
            height: 100%;
            width: 75%;
        }

    .audio-player .controls .volume-container:hover .volume-slider {
        left: -123px;
        width: 120px;
    }

/*ends here*/

.menu-top-dashbrd .dropdown-menu, ul.dropdown-menu.dropdown-menu-lg.notification-list-items {
    right: 0;
    left: initial;
    border: none;
    -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
    animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
    border: 0 !important;
    margin: 0;
    border-radius: 0;
    min-width: 14rem;
    padding: 0;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    padding: 1rem 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 0;
    top: 37px;
}

.notification-tit-wraper {
    color: #74788d;
    font-size: 1rem;
    font-weight: 400;
    background: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

.user-dash-dropdown-list-logout label.dorp-item {
    background-color: rgb(226 239 239 / 56%) !important;
    color: var(--primary-color) !important;
    padding: 6px 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
}

    .user-dash-dropdown-list-logout label.dorp-item:hover {
        background-color: var(--primary-color) !important;
        color: #ffffff !important;
    }

.navbar-custom-menu li.user-dash-dropdown-list a.nd-profile {
    margin-bottom: 7px;
}

.navbar-custom-menu li.user-dash-dropdown-list.user-dash-dropdown-list-logout a:hover {
    background-color: #ffffff;
}

.navbar-custom-menu svg.icon {
    height: 15px;
    width: 15px;
    fill: #595d6e;
}

.dropdown-menu > li.user-dash-dropdown-list > a:hover svg.icon {
    fill: var(--primary-color);
}

.nd-bottom-section-ebook {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    height: 100%;
}

    .nd-bottom-section-ebook img {
        max-width: 100%;
        height: auto;
    }

.nd-bottom-section-ebook-content {
    color: var(--on-primary-color);
    padding: 17px;
    padding-bottom: 25px;
    padding-top: 0;
}

    .nd-bottom-section-ebook-content h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .nd-bottom-section-ebook-content p {
        font-size: 13px;
        font-weight: 300;
    }

.btn-white-dashboard.nd-read-more {
    max-width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 8px;
}

.nd-morning-msg {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

    .nd-morning-msg img {
        max-width: 63%;
        position: relative;
        left: -4px;
    }

.nd-morning-msg-content h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0px;
}

.nd-morning-msg-content {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 15px;
    transform: translateY(-50%);
    color: var(--on-primary-color);
    max-width: 300px;
}

    .nd-morning-msg-content p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
    }

.nd-learn {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
}

.nd-learn-wrapper {
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    min-height: 200px;
    box-shadow: var(--default-light-boxshadow);
}

.nd-learn-wrapper-content {
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 9;
    padding-right: 15px;
}

.nd-creator-hc-inner .nd-learn-wrapper-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: calc(100% - 1.25rem);
}

.nd-creator-wrapper {
    max-width: 65%;
}

.nd-learn-wrapper-content button {
    margin-top: 0;
}

.nd-creator-hc-btn-wrapper {
    align-self: flex-end;
    padding-right: 0px;
}

.nd-learn-wrapper::after,
.nd-creator-hc-inner::after {
    content: '';
    position: absolute;
    background-color: rgba(21, 34, 81, 0.46);
    width: 100%;
    height: 100%;
    z-index: 0;
}

.nd-learn-wrapper-content h4 {
    font-size: 14px;
    color: var(--db-text-head);
    margin-bottom: 8px;
}

.nd-learn-wrapper-content label.nd-min-read-blog {
    margin-bottom: 0 !important;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    margin-top: 2px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-right: 10px;
}

.nd-creator-wrapper label {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0 !important;
    text-shadow: 1px 1px 4px #2d2d2d;
}

.nd-tag-white {
    font-size: 0.8rem;
    font-weight: 400;
    border: 1px solid var(--tag-border-color);
    border-radius: 25px;
    color: var(--tag-txt-color);
    background-color: var(--tag-bg-color);
    padding: 3px 9px;
}

label.nd-tag-white:not(:last-child) {
    margin-right: 4px;
}

.nd-blog-bg-img1 {
    background-image: url('/Content/images/new-dashboard/mindfulness.jpg');
    background-size: cover;
    background-position: 0 -35px;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.nd-blog-bg-img2 {
    background-image: url('/Content/images/new-dashboard/leadership.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.nd-start-journey {
    max-width: 200px;
}

.msg-pdl {
    padding-left: 0 !important;
}

.client-profile-main .form-group label {
    position: relative;
    font-size: 15px;
}

label.control-label.mll.image-size,
span.control-label.mll.image-size {
    font-size: 13px;
    font-weight: 400;
}

    span.control-label.mll.image-size.phone-text-above, #textLength {
        font-size: 13px;
        font-weight: 400;
        display: inline-block;
    }

.nd-blogs-wrapper {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 25px;
}

.nd-ebook-wrapper {
    background-color: var(--ebook-bg-light-color);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    position: relative;
    box-shadow: var(--default-light-boxshadow);
    border-radius: 13px;
    overflow: hidden;
}

    .nd-ebook-wrapper img {
        max-width: 65px;
        margin: 0 auto;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .nd-ebook-wrapper h2 {
        font-size: 22px;
        color: var(--primary-color);
        line-height: 35px;
        font-weight: 600;
        max-width: 100%;
        font-family: var(--secondary-font);
    }

.nd-blogs-wrapper-inner1.slick-center .nd-ebook-wrapper h2 {
    font-size: 25px;
    line-height: 35px;
}

.nd-ebook-wrapper label {
    color: var(--secondary-color);
    font-size: 14px;
    margin-bottom: 0 !important;
    font-weight: 400;
}

label.nd-tag {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    color: var(--primary-color);
    padding: 2px 9px 3px;
    line-height: 15px;
}

    label.nd-tag:not(:last-child) {
        margin-right: 5px;
    }

.nd-learn-heading-wrapper {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.nd-learn-views-stats {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 100%;
    right: 0;
    padding-left: 20px;
}

.nd-learn-views-stats-inner {
    display: grid;
    grid-template-columns: repeat(3, auto);
    max-width: 75%;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    grid-gap: 25px;
}

.nd-label-head span {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
}

.nd-views-stats label {
    margin-bottom: 0 !important;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    padding-left: 10px;
    color: var(--primary-color);
}

.nd-views-stats .icon.ni {
    font-size: 20px;
    color: var(--primary-color);
    line-height: 17px;
}

.nd-views-stats {
    display: flex;
    align-items: center;
}

.nd-top-left-wrapper {
    position: relative;
    padding: 0 15px;
}

    .nd-top-left-wrapper h2 {
        color: #414141;
        font-size: 25px;
        margin-bottom: 34px;
    }

    .nd-top-left-wrapper p {
        color: #414141;
        font-size: 13px;
        line-height: 28px;
        max-width: 95%;
        padding-bottom: 18px;
    }

.nd-quotes-tag {
    font-size: 14px;
    font-weight: 500;
    display: block;
    text-align: right;
}

h2.nd-greetings-user {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 24px;
}

.nd-appointment-wrapper {
    width: 100%;
    text-align: center;
}

    .nd-appointment-wrapper h3 {
        color: var(--on-primary-color);
        font-size: var(--base-font-size);
        margin-bottom: 0;
        margin-top: 0.6rem;
        font-weight: 400;
    }

    .nd-appointment-wrapper img {
        margin-bottom: 4px;
        max-width: 30px;
        height: auto;
    }

.appointment-div.nd-creator-hc {
    padding: 0;
}

.nd-creator-hc-inner {
    background-image: url(/Content/images/new-dashboard/nd-hc-created.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 490px;
    position: relative;
    overflow: hidden;
}


.nd-meditation-img-wraper .loader-new {
    position: absolute;
}


.nd-review-lists {
    height: calc(100% - 35px);
}

.review-name-date-wrapper h5, .review-name-date-wrapper label {
    margin-bottom: 0 !important;
    color: var(--primary-color);
    font-weight: 600;
}

.review-name-date-wrapper label {
    font-size: var(--base-font-size-xs);
    font-weight: 400;
}

.nd-review-img-name-wrapper {
    display: grid;
    color: var(--on-primary-color);
    grid-template-columns: auto 1fr;
}

.nd-review-hr-ver {
    width: 1px;
    background-color: #ccc;
    min-height: 30px;
}

.nd-review-lists p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 19px;
}

    .nd-review-lists p br {
        display: none;
    }

.nd-appointment-reviews {
    padding-top: 25px;
    height: 100%;
}

.nd-review-img-name-wrapper img.nd-review-user {
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 50%;
}

.nd-review-img-name-wrapper:not(:last-child) {
    margin-bottom: 22px;
}

.mb-loader-match {
    margin-bottom: 5px;
}

.nd-review-name-star-wrapper h5 {
    margin: 0;
    font-size: 15px;
}

.nd-stars-review {
    max-width: 80px;
    height: auto;
}

.nd-learn-wrapper-content .nd-creator-wrapper h4 {
    font-size: 42px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px #2d2d2d;
}

.nd-completed-appointment {
    position: relative;
    overflow: hidden;
}

    .nd-completed-appointment .table-responsive.table-appointments td {
        padding: 4px 0px;
        vertical-align: top;
    }

        .nd-completed-appointment .table-responsive.table-appointments td .dash-appo-the-date label {
            margin-top: 2px;
        }

.nd-see-more {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
    display: block;
    margin: 20px auto 0px;
    text-transform: uppercase;
}

.nd-user-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px;
}

    .nd-user-btns .dashboard-hc-btn {
        min-width: initial;
        font-size: 11px !important;
    }

        .nd-user-btns .dashboard-hc-btn:nth-child(1) {
            margin-right: 8px;
        }

        .nd-user-btns .dashboard-hc-btn:nth-child(2) {
            background-color: #fff;
            color: var(--primary-color);
        }

.nd-dash-therapist {
    position: relative;
    padding-top: 52px !important;
    margin-bottom: 30px;
}

.ir {
    display: block;
    overflow: visible;
    padding: 0 0 100%;
    position: relative;
    height: 0;
    width: 100%;
}

    .ir > * {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

.soc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
    justify-content: center;
    font-size: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    padding-left: 0;
}

    .soc li {
        display: inline-block;
    }

    .soc a, .soc svg {
        display: block;
    }

    .soc a {
        height: 24px;
        width: 24px;
    }

.icon-10:hover,
.icon-8:hover,
.icon-26:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
    transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
    transition: background-color 0.5s, transform 0.5s ease-out;
    transition: background-color 0.5s, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.icons-share-therp {
    position: relative;
    top: 0px;
    width: 100%;
}

    .icons-share-therp .icon.ni {
        color: var(--on-secondary-color);
        font-size: 20px;
        cursor: pointer;
    }

        .icons-share-therp .icon.ni:hover {
            color: var(--primary-color);
            cursor: pointer;
        }

    .icons-share-therp img {
        max-width: 23px;
        height: auto;
    }

#share-btn-email:hover,
#share-btn-email:active,
#share-btn-email:focus {
    text-decoration: none;
}
/*css for new placeholder*/
.nd-placeload-preloader-oc {
    height: 100%;
}

    .nd-placeload-preloader-oc .placeload {
        background: #fff;
        width: 100%;
        padding: 20px;
        border: 0px solid #c1c1c1;
        border-radius: 15px;
        pointer-events: none;
        margin: initial;
        position: relative;
        height: 100%;
        min-height: initial;
    }

        .nd-placeload-preloader-oc .placeload .image-placeholder {
            height: 11px;
        }

    .nd-placeload-preloader-oc .body-content-wrapper {
        margin-bottom: 15px;
        margin-top: 15px;
        overflow: hidden;
        border-radius: var(--bs-border-radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nd-placeload-preloader-oc .placeload .content-shape-dg {
        display: grid;
        grid-template-columns: 1fr;
    }

.learn-img-main .image-placeholder {
    margin: 0;
    min-height: 200px;
    width: 100% !important;
}

.nd-learnbody-content-wrapper.body-content-wrapper {
    margin: -20px !important;
    margin-bottom: 0 !important;
}

.nd-learn-name .nd-learn-name-content {
    max-width: 95%;
    width: initial;
}

.nd-learn-name {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 35px;
    margin-top: 12px;
}

.nd-loader-learn-tags {
    display: grid;
    grid-template-columns: auto auto;
}

    .nd-loader-learn-tags .image-placeholder {
        width: 45px;
    }

.nd-loader-learn-tags {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 16px;
}

.nd-loader-learn-para-content-footer .image-placeholder {
    max-width: 90px;
}

div#div-oc-loader {
    position: relative;
}

.nd-loader-learn-para-content-footer {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 20px;
    max-width: 50%;
    margin-left: auto;
    margin-top: 20px;
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.appointment-div.nd-meditation-main-wrapper.placeload {
    margin-bottom: 25px;
}

.appointment-div.audio-message-dash.placeload {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0 !important;
    display: grid;
    grid-template-columns: 47% auto;
    grid-gap: 18px;
}

.nd-meditation-main-wrapper img.gm-audio-img {
    width: 100%;
    height: 100%;
    max-height: 170px;
    min-height: 170px;
    object-fit: cover;
}

.nd-audio-image-placeholder {
    width: 100%;
    height: 130px !important;
    object-fit: cover;
    border-radius: 13px;
}

.audio-dash-new.audio-dash-new-placeholder {
    width: 100%;
}

.audio-dash-head-time .image-placeholder:nth-child(2) {
    max-width: 80px;
    margin-left: 60px;
}

.audio-dash-new-placeholder > .image-placeholder:nth-child(2) {
    max-width: 40%;
}

.audio-dash-new-placeholder .audio-wrapper-dash {
    margin-top: 25px;
}

.img-play-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50%;
}

/*ss for new placeholder ends here*/


.boxes-newdash-1 .table-responsive.table-appointments {
    max-height: calc(100% - 35px);
    height: 100%;
}

.boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments,
.boxes-newdash-1.no-app-main-wrapper .table-responsive.table-appointments {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-height: 125px;
}

.nd-upcoming-div-bottom.no-app-main-wrapper .nd-appointment-wrapper h3 {
    margin-bottom: 0;
}

.boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
    max-height: calc(100% - 58px);
    height: 100%;
}

.boxes-newdash-1.no-app-main-wrapper .nd-upcoming-div-bottom .table-responsive.table-appointments {
    display: flex;
    align-items: center;
}

/*.nd-oc-course-desc {
    max-height: 100px;
    overflow: hidden;
}*/

.nd-oc-course-desc.nd-oc-course-desc-overflow {
    overflow-y: scroll;
    padding-right: 12px;
}

.oic-image-bottom-content .nd-see-more {
    margin: 20px auto 0px;
}

.audio-wrapper-dash .loader-new {
    border-top: 1.1em solid var(--primary-color);
    border-right: 1.1em solid var(--primary-color);
    border-bottom: 1.1em solid var(--primary-color);
    border-left: 1.1em solid #ffffff;
}

.nd-doctor-name:hover {
    cursor: pointer;
    color: var(--primary-color);
    text-decoration: underline;
}

.p-cur-def {
    cursor: default !important;
}

.nd-top-right-wrapper hr {
    margin-top: 8px;
    margin-bottom: 10px;
}

.refer-app-wrapper {
    position: relative;
    padding: 24px 8px !important;
}

.nd-therapy-main-wrapper {
    display: grid;
    grid-template-columns: 48% auto;
    align-items: center;
    grid-gap: 20px;
}


.nd-upcoming-div-main-wrapper hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 2px solid var(--dashboard-hr-color);
    width: 100%;
}

.boxes-newdash-1 .table,
.boxes-newdash-2 .table {
    margin-bottom: 0px;
}

span.nd-read-more {
    color: var(--primary-color);
    cursor: pointer;
    font-weight: 400;
    font-size: var(--base-font-size-xs);
    text-transform: lowercase;
}

    span.nd-read-more:hover {
        text-decoration: underline;
    }

.review-name-date-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.boxes-newdash-pract .appointment-div {
    padding-top: 38px;
    overflow: hidden;
}

.boxes-newdash-1.boxes-newdash-pract .table-appointments label,
.boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
    min-width: 120px;
}

.review-msg-placeholder {
}

.nd-review-lists-placeholder {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0 !important;
    margin: 0;
    border: 0;
    min-height: initial;
}

    .nd-review-lists-placeholder .nd-review-name-star-wrapper {
        width: 100%;
    }

.image-placeholder.loads.review-msg-placeholder {
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 0;
}

.nd-review-lists-placeholder .nd-placeholder-msg {
    margin-top: 15px;
}

.nd-placeholder-msg .image-placeholder {
    margin-top: 8px;
}

.review-name-date-wrapper .image-placeholder:nth-child(1) {
    max-width: 120px;
    margin-top: 0px;
}

div#msgsDivloader {
    overflow: hidden;
}

.review-name-date-wrapper .image-placeholder:nth-child(2) {
    max-width: 70px;
}

.nd-review-placeholder-name-wrapper {
    display: grid;
    grid-template-columns: max-content auto;
}

    .nd-review-placeholder-name-wrapper:not(:last-child) {
        margin-bottom: 22px;
    }

.nd-prac-message .nd-review-lists-placeholder:not(:last-child) {
    padding-bottom: 15px;
}

.nd-my-app .fixed-table-container thead th .th-inner,
.nd-my-app label {
    color: var(--on-primary-color);
    text-align: left;
}

.nd-my-app label {
    font-weight: 400;
}

.cmr-10 {
    margin-right: 10px;
}

.nd-review-name-star-wrapper {
    width: 100%;
}

.prac-boxes-newdash-2 .appointment-div {
    box-shadow: initial;
    height: 100%;
}


.nd-review-img-name-wrapper.no-msg-wrapper {
    display: flex;
    color: var(--on-primary-color);
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    min-height: 150px;
}

    .nd-review-img-name-wrapper.no-msg-wrapper .review-name-date-wrapper {
        display: initial;
        margin-bottom: 0px;
    }

    .nd-review-img-name-wrapper.no-msg-wrapper h5 {
        color: var(--on-secondary-color);
        margin-bottom: 0px !important;
        font-size: 17px;
        font-weight: 500;
    }

    .nd-review-img-name-wrapper.no-msg-wrapper button#seeMoreDiv {
        display: none;
    }

.nd-review-img-name-wrapper {
    position: relative;
    min-height: 55px;
}

    .nd-review-img-name-wrapper.nd-unread-msg::before {
        content: '';
        position: absolute;
        left: -17px;
        width: 3px;
        height: 100%;
        background-color: #1eb004;
    }

.nd-unread-msg.nd-review-lists p {
    font-weight: 600;
}

.nd-appointment-reviews button {
    margin: 0 auto;
}

.partners-hsbc {
    max-width: 120px;
}

.nd-appointment-reviews-prac {
    overflow: hidden;
}

    .nd-appointment-reviews-prac .prac-boxes-newdash-2 .appointment-div {
        overflow: hidden;
    }

.pd-top-15 {
    padding-top: 15px;
}

.app-video-start {
}

    .app-video-start .modal-header {
        background-color: #fff;
    }

    .app-video-start .modal-title {
        color: var(--primary-color);
        font-size: 24px;
        font-weight: 500;
    }

.pop-video-btn-wrapper .dashboard-hc-btn {
    border-radius: 35px;
}

.pop-video-btn-wrapper {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}


.app-video-start .modal-content,
#myVideoChatModalContent .modal-content {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.appointmentstatus {
    font-size: var(--base-font-size);
}

button.green-1.delete-1 {
    background-color: var(--theme-primary-color);
    border: none;
    border-radius: 35px;
    padding: 7px 12px;
}

.form-group.doc_prof {
    display: block !important;
    max-width: 200px;
    margin-bottom: -5px !important;
}

.partners-eq {
    max-width: 45px;
}

.partners-tesco {
    max-width: 135px;
}

#updatestep {
    margin-bottom: 25px;
}

.steps-head {
    margin: 0px 0px 20px;
}

.btns-myapp-see-all {
    display: grid;
    grid-template-columns: repeat(2, max-content);
}

.hc-partenrs-eq img {
    max-width: 38px;
}

.healing-clouds-tesco img {
    width: 140px;
}

.hc-partenrs-hsbc img {
    max-width: 113px;
}

.hc-partenrs-mindbody img {
    width: 150px;
}

.headerinner-wrapper-learn .icon-drop {
    top: 4px;
    position: relative;
    min-width: 22px;
}

.steps-main-notes {
    margin-top: 40px;
}

    .steps-main-notes .satisfication-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .steps-main-notes .satisfication-wrapper {
        padding: 10px 20px;
    }

    .steps-main-notes .percent-satisfication {
        max-width: 46px;
    }


ul.list-group.amt_cash {
    margin-bottom: 0;
}

.nd-subscription .bootstrap-table .table thead > tr th .th-inner {
    color: var(--on-primary-color);
    font-weight: 600;
    white-space: nowrap;
}

.nd-subscription .bootstrap-table .table thead > tr th {
    padding-bottom: 10px;
}

.nd-subscription .bootstrap-table .table tr th .th-inner {
    color: var(--on-primary-color);
}

.mt-40 {
    margin-top: 40px;
}

@media only screen and (min-width: 1501px) {
    .nd-learn-wrapper {
        min-height: 235px;
    }
}

@media only screen and (min-width: 1024px) {
    .row.second-dashboard-row,
    .nd-last-row {
        display: flex;
        align-items: stretch;
    }


    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1500px) {

    .soc a {
        height: 20px;
        width: 20px;
    }

    .soc {
        grid-gap: 4px;
    }

    .nd-blogs-wrapper-inner1.slick-center .nd-ebook-wrapper h2 {
        font-size: 21px;
        line-height: 32px;
    }

    .nd-ebook-wrapper h2 {
        font-size: 19px;
        line-height: 32px;
    }

    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 190px;
    }

    .nd-learn-wrapper-content h4 {
        line-height: 17px;
    }

    .oc-learn-dashboard .oic-image-bottom-content {
        padding: 20px 20px;
    }

    .nd-therapy-main-wrapper {
        display: grid;
        grid-template-columns: 50% auto;
        align-items: center;
        grid-gap: 20px;
    }
}

@media only screen and (max-width:1400px) {
    .usr_img {
        max-width: 200px;
        height: 170px;
        width: initial;
    }

    .nd-meditation-main-wrapper img.gm-audio-img {
        max-height: 150px;
        min-height: 150px;
    }

    .boxes-newdash-1.boxes-newdash-pract .table-appointments label, .boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
        min-width: 100px;
    }

    .form-group.doc_prof {
        max-width: 210px;
    }

    .document-pic-parc .form-group.mdf-jcc {
        margin-bottom: 0 !important;
    }

    .hc-prartner-text {
        left: -30px;
    }

    /*.partners-slider {
        max-width: 84%;
        margin: 0 auto;
    }*/
}

@media only screen and (max-width:1300px) {

    .nd-therapy-main-wrapper {
        display: grid;
        grid-template-columns: 50% auto;
        align-items: center;
        grid-gap: 21px;
    }

    .dashboard-user {
        grid-gap: 15px;
    }

    button.dashboard-hc-btn.refer-therapist {
        margin-top: 6px;
        min-width: inherit;
        padding: 5px 13px;
    }

    .nd-top-left-wrapper p {
        line-height: 25px;
        max-width: 85%;
        padding-bottom: 18px;
    }

    .table-appointments label {
        min-width: 130px;
    }

    .nd-top-left-wrapper {
        position: relative;
        padding: 0 10px;
    }

        .nd-top-left-wrapper h2 {
            font-size: 24px;
            margin-bottom: 18px;
        }


        .nd-top-left-wrapper h2 {
            font-size: 20px;
            margin-bottom: 16px;
        }

    .nd-top-left-wrapper {
        padding: 0 0px;
    }

        .nd-top-left-wrapper p {
            line-height: 25px;
            max-width: 100%;
            padding-bottom: 14px;
            font-size: 12px;
        }

    .nd-top-right-wrapper hr {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .dash-appo-the-name {
        font-size: 14px;
        line-height: 17px;
    }

    .dash-appo-the-date label {
        margin-top: 5px;
    }

    .dash-appo-the-name label {
        font-size: 13px;
        margin-top: 5px;
    }

    .table-appointments .dashboard-hc-btn {
        white-space: nowrap;
        min-width: 126px;
        padding: 6px 5px;
    }

    .nd-learn-wrapper-content {
        color: #fff;
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding-right: 15px;
    }

    .nd-blogs-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 20px;
    }

    .nd-learn-views-stats-inner {
        max-width: 100%;
        grid-gap: 18px;
    }

    .nd-learn-wrapper {
        min-height: 218px;
    }
}

@media only screen and (min-width:1200px) {
    .boxes-newdash-1 {
        height: 100%;
    }
}

@media only screen and (max-width:1280px) {
    .progress-new-dash .progress-new {
        width: 120px;
        height: 120px;
        line-height: 150px;
    }

        .progress-new-dash .progress-new .progress-value {
            font-size: 28px;
        }
}

@media only screen and (max-width:1100px) {

    section.practices-gallery-main-div.cust-header-wrapper {
        min-height: calc(100vh - 353px);
    }

    .partners-slider {
        max-width: 100%;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 12px;
    }

    .boxes-newdash-1.boxes-newdash-pract .table-appointments label, .boxes-newdash-1.boxes-newdash-pract .dash-appo-the-name {
        min-width: 91px;
    }

    .boxes-newdash-pract .dash-appo-the-name {
        font-size: 12px;
        line-height: 17px;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 90px;
        padding: 7px 6px;
    }

    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        max-height: calc(100% - 62px);
        height: 100%;
    }

    .table-appointments label {
        min-width: 94px;
    }


    .nd-therapy-main-wrapper {
        grid-template-columns: 52% auto;
        grid-gap: 10px;
    }

    .nd-user-btns {
        margin-top: 11px;
    }

    .nd-meditation-main-wrapper {
        grid-template-columns: 36% auto;
        grid-gap: 13px;
    }

    .nd-learn-views-stats {
        right: 0px;
    }

    .nd-views-stats label {
        font-size: 11px;
        padding-left: 6px;
    }

    .oc-learn-dashboard .before-hover-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 35px;
    }

    .table-appointments .dashboard-hc-btn {
        min-width: 115px;
        padding: 7px 12px;
    }

    .nd-learn-wrapper {
        min-height: 165px;
    }


    .nd-meditation-main-wrapper img.gm-audio-img {
        max-height: 230px;
    }
}

@media only screen and (max-width: 991px) {
    footer a.callMailLink {
        top: 17px !important;
        left: 0px !important;
    }

    .aboutus-heading {
        line-height: 33px;
    }

    .logo-mini img {
        height: 36px !important;
        margin-top: 0px !important;
        position: relative;
        top: -2px;
    }

    .table-responsive.table-appointments {
        border: none;
        margin-bottom: 0;
    }

    .main-sidebar {
        padding-top: 0 !important;
    }

    .boxes-newdash-2 {
        grid-template-columns: auto;
        grid-gap: 35px;
        margin: 25px 0 25px;
    }

    .sidebar-menu .header {
        display: none;
    }

    .main-header .navbar {
        min-height: 0 !important;
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        position: absolute;
        top: -50px;
        color: #ffffff;
    }

    .main-header .sidebar-toggle {
        padding: 9px 15px;
    }

    .nd-top-left-wrapper p {
        line-height: 25px;
        max-width: 100%;
        padding-bottom: 10px;
        font-size: 13px;
    }

    .nd-top-left-wrapper h2 {
        font-size: 21px;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .audio-dash-new label {
        font-size: 12px;
    }

    button.dashboard-hc-btn.refer-therapist {
        margin-top: 6px;
        min-width: inherit;
        padding: 5px 17px;
        font-weight: 400;
    }

    #CompletedApptDiv button.dashboard-hc-btn.refer-therapist,
    #UpcomingApptDiv .dashboard-hc-btn.refer-therapist {
        min-width: 160px;
        padding: 7px 5px;
    }

    .nd-top-right-wrapper hr {
        margin-top: 17px;
        margin-bottom: 17px;
    }

    .nd-blogs-wrapper {
        grid-template-columns: auto;
        grid-gap: 30px;
    }

    .nd-learn-wrapper {
        min-height: 220px;
    }

    .nd-ebook-wrapper {
        min-height: 450px;
    }

    .oc-learn-dashboard .oic-image-bottom-content {
        padding: 20px 20px;
    }

    .nd-learn-views-stats {
        justify-content: flex-start;
    }

    .appointment-div tr td:first-child {
        min-width: 110px;
    }

    #mobileMenuDashboard.menu-mob-view {
        display: none;
    }

    .nd-review-lists {
        grid-template-columns: auto;
        grid-gap: 25px;
    }

    .nd-review-hr-ver {
        display: none;
    }

    .nd-creator-hc-inner .nd-learn-wrapper-content {
        align-items: flex-start;
        flex-direction: column;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: flex-end;
        padding-left: 30px;
    }

    .nd-learn-wrapper-content button {
        margin-top: 17px !important;
    }

    nd-learn-wrapper-content .nd-creator-wrapper h4 {
        font-size: 34px;
    }

    .nd-creator-wrapper {
        max-width: 100%;
        padding-right: 15px;
    }

    .nd-appointment-reviews button.dashboard-hc-btn.refer-therapist,
    .nd-appointment-wrapper .dashboard-hc-btn.refer-therapist,
    .nd-learn-wrapper-content button.dashboard-hc-btn.refer-therapist {
        min-width: 140px;
        padding: 7px 5px;
    }

    .boxes-newdash-pract .appointment-div {
        min-height: 200px;
    }

    .section-heading-practices {
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        border-radius: 0px !important;
        text-align: center;
        padding: 2% !important;
    }

    .nd-learn-views-stats {
        position: initial;
        margin-top: 55px;
        padding: 0;
    }

    .nd-upcoming-div-main-wrapper hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .nd-upcoming-div-main-wrapper {
        display: initial;
    }

    #wrapper #headerinner .menu ul.list-unstyled.list-inline.navigation__nav li a:hover {
        background-color: transparent !important;
        color: #ffffff !important;
        text-shadow: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .skin-blue .main-header .logo {
        position: absolute;
    }

    .profile-pic-parc {
        margin-right: 35px;
    }
}

@media only screen and (max-width: 767px) {

    .steps-main-notes {
        margin-top: 10px;
    }

    .partners-tesco {
        max-width: 87px;
    }

    .msger .slimScrollDiv {
        height: calc(100vh - 344px) !important;
    }


    .msger-chat.scroll-wrapper-message-chat {
        height: calc(100vh - 287px) !important;
    }

    .msger {
        min-height: calc(100% - 140px);
    }

    .headerinner-wrapper-learn .icon-drop {
        top: 2px;
    }

    .partners-eq {
        max-width: 39px;
    }

    .partnership-logos-wrapper.partnership-logos-wrapper-eq {
        top: 18px;
    }

    .main-header .sidebar-toggle {
        display: block;
        color: #fff;
        position: absolute;
        z-index: 99999;
        top: 0;
    }

    .prac-newdahs-bottom-input > .box-body {
        padding: 0;
    }

    h2.nd-greetings-user {
        font-size: 21px;
        margin-top: 2px;
    }

    .main-header .logo {
        height: 48px !important;
    }

    .nd-my-app label {
        font-weight: 400;
        white-space: nowrap;
    }

    .nd-my-app .nd-appointment-wrapper h3 {
        white-space: nowrap;
    }

    .nd-review-img-name-wrapper img.nd-review-user {
        width: 40px;
        height: 40px;
        object-fit: cover;
        margin-right: 10px;
        border-radius: 50%;
    }

    .skin-blue .main-header {
        background-color: var(--primary-color);
        color: #fff;
        border-bottom: 0 solid transparent;
        text-align: center;
    }

        .skin-blue .main-header .logo {
            width: auto;
            display: inline-block;
        }

    .partners-hsbc {
        max-width: 90px;
    }

    .inbox-dash {
        padding: 0 0px !important;
        border: none !important;
    }

    .msg-pdl {
        padding-left: 15px !important;
    }

    /*    .table-responsive.inbox-dash.scroll-wrapper-inbox {
        height: calc(100vh - 143px) !important;
    }*/

    .dash-appo-the-name {
        padding-right: 15px;
    }

    .boxes-newdash-1 .table-responsive.table-appointments tr,
    .boxes-newdash-2 .table-responsive.table-appointments tr {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        padding: 0px 0 15px 0;
    }

    .boxes-newdash-1 .nd-completed-appointment .table-responsive.table-appointments tr {
        padding: 0;
    }

    .boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments tr,
    .boxes-newdash-2 .no-app-main-wrapper .table-responsive.table-appointments tr {
        justify-content: center;
    }

        .boxes-newdash-1 .no-app-main-wrapper .table-responsive.table-appointments tr td,
        .boxes-newdash-2 .no-app-main-wrapper .table-responsive.table-appointments tr td {
            white-space: initial;
        }

    .boxes-newdash-1.boxes-newdash-pract.no-app-main-wrapper .table-responsive.table-appointments tr {
        display: flex;
    }

    .boxes-newdash-1.boxes-newdash-pract .nd-completed-appointment .table-responsive.table-appointments tr {
        display: inherit;
    }

    .boxes-newdash-1 .table-appointments .dashboard-hc-btn,
    .boxes-newdash-2 .table-appointments .dashboard-hc-btn {
        margin-right: 10px;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: center;
        padding-left: 0;
        text-align: left !important;
        margin-top: 15px;
    }
}
/*css for new header ends here*/
/*css for browser firefox*/
@-moz-document url-prefix() {
    .testimonial-new .slick-dots li button {
        height: 16px;
        width: 12px;
    }
}


/*css for browser firefox*/
@media only screen and (max-width: 320px) {
    .need-to-change,
    .nd-see-more-appts {
        font-size: 13px;
    }
}

/*css form internal pages starts here*/
.hc-cp-main-wrapper {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 30px;
    max-width: 90%;
    margin: initial !important;
    margin-right: auto !important;
}

    .hc-cp-main-wrapper .nav.nav-pills {
        display: grid !important;
        grid-template-columns: repeat(5, auto);
        grid-gap: 25px;
        max-width: 920px;
    }

    .hc-cp-main-wrapper ul.nav li a.nav-link {
        cursor: pointer;
        box-shadow: var(--default-shadow) !important;
        color: #fff;
        border-radius: 6px;
        font-size: 0.92rem;
        padding: 12px 15px;
        color: var(--on-primary-color) !important;
        border: none;
        background-color: #fff;
        text-align: center;
        width: 100%;
        font-weight: 600;
    }

    .hc-cp-main-wrapper ul.nav a.nav-link.active {
        background: var(--primary-color);
        color: #fff !important;
    }

    .hc-cp-main-wrapper.pat-profile-new .form-contact label {
        font-weight: 600;
        color: var(--primary-color);
        position: relative;
        margin-bottom: 7px !important;
    }

        .hc-cp-main-wrapper.pat-profile-new .form-contact label.new-aster::after {
            content: "\002A";
            font-size: 18px;
            color: #e00000;
            position: absolute;
            top: 0;
            line-height: 17px;
        }

    .hc-cp-main-wrapper.pat-profile-new .form-contact input.form-control,
    .hc-cp-main-wrapper.pat-profile-new .form-contact select.form-control {
        width: 100% !important;
        border: none;
        font-size: 14px;
        box-shadow: var(--default-shadow);
        border-radius: 3px;
        height: 48px;
    }

.family-content-wrapper .ph-form-group select,
.emergency-form-wrapper .ph-form-group select {
    background-color: #fff;
}

.hc-cp-main-wrapper span.text-danger.field-validation-error {
    font-size: 13px;
}

.hc-cp-main-wrapper .usr_img {
    margin: 0;
    box-shadow: var(--default-shadow);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    border: none;
    background-color: var(--white-color);
    cursor: pointer;
}

.client-second-row {
    width: 100%;
}

.hc-cp-main-wrapper .image-size {
    margin: 10px 0px 0 !important;
    font-size: 13px;
    font-weight: 400;
    color: var(--on-primary-color);
}

.hc-cp-main-wrapper .con_no .form-group {
    margin-bottom: 15px;
}

.usr_img .fileUpload-new, .fileUpload-new.btn:active {
    padding: 5px;
    position: relative;
    overflow: hidden;
    margin: 0;
    color: white !important;
    width: 100%;
    height: 100%;
    background-image: url(/content/images/new-dashboard/upload-photo.png);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: 50% 32%;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    align-items: center;
    border-radius: 0;
}

    .usr_img .fileUpload-new span {
        word-break: break-word;
        white-space: pre-line;
        padding-top: 72px;
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

.fileUpload-new input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.hc-cp-main-wrapper .usr_img:hover .overlay {
    display: block;
    height: 100%;
    width: 100%;
    background-color: var(--secondary-light-color);
}

.hc-cp-main-wrapper .progress {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .hc-cp-main-wrapper .progress .progress-bar {
        background-color: var(--primary-color);
        border: none !important;
        box-shadow: none !important;
    }

.hc-cp-first-row {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 60px;
}

.hc-cp-action-btns .hc-p-btn-sub {
    margin-right: 20px;
    min-width: 190px;
}

.hc-cp-action-btns .button-to-link {
    color: var(--on-primary-color);
}

.hc-cp-main-wrapper.pat-profile-new .form-contact .checkbox label {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.hc-cp-action-btns {
    display: inline-grid;
    grid-gap: 25px;
    grid-template-columns: auto auto;
}

.hc-default-btn.hc-disabled-btn {
    color: var(--white-color);
}

.client-offers {
    margin: 0px 0 25px;
}

.hc-cp-forgot-pass .form-group {
    margin-bottom: 30px !important;
}

button.refer-ther-client {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    color: var(--on-primary-color);
    font-weight: 500;
    margin-top: 3px;
    cursor: default;
}

.hc-cp-help-support-tab .panel-heading {
    padding: 0;
    border: 0;
    background: none;
}

.hc-cp-help-support-tab .panel-title > a,
.hc-cp-help-support-tab .panel-title > a:active {
    display: block;
    padding: 10px 10px;
    color: var(--secondary-color);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    font-family: var(--secondary-font);
}

.hc-cp-help-support-tab .panel-heading a:before {
    content: " ";
    background-image: url('/Content/images/new-dashboard/right-arrow-angle.png');
    float: right;
    width: 20px;
    height: 20px;
    background-size: cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.hc-cp-help-support-tab .panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*.hc-cp-help-support-tab .panel-heading.active a {
    margin-bottom: 22px;
}
*/

.hc-cp-help-support-tab .snj-panel .panel {
    border: none;
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 30px 20px 20px;
    position: relative;
    height: 100%;
    background-color: var(--card-bg-color) !important;
}

    .hc-cp-help-support-tab .snj-panel .panel:not(:last-child) {
        margin-bottom: 40px;
    }

.hc-cp-help-support-tab .snj-panel .panel-heading {
    background: none;
    border: none;
    border-radius: 0;
}

.hc-cp-help-support-tab .snj-panel .panel + .panel {
    border: none;
}

.hc-cp-help-support-tab .snj-panel .panel-title a {
    display: block;
    text-decoration: none;
}

.hc-cp-help-support-tab h4 a {
    font-size: 24px;
}

.hc-cp-help-support-tab p {
    padding: 0;
    text-align: left;
    text-shadow: none;
    position: relative;
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}


@media (max-width: 1100px) {
    .hc-cp-main-wrapper {
        max-width: 100%;
    }

    .hc-cp-first-row {
        grid-gap: 30px;
    }
}

/*table*/
.hc-client-profile-tou table, .hc-client-profile-tou th, .hc-client-profile-tou td {
    border: 1px solid #ddd;
    text-align: left;
}


.hc-client-profile-tou .table > tbody > tr > td {
    text-align: center;
    font-weight: 400;
    vertical-align: middle;
}

.hc-client-profile-tou .table > tbody > tr > th,
.hc-client-profile-tou .table > thead > tr > th {
    font-weight: 500 !important;
}

.hc-client-profile-tou i.fa.fa-check {
    position: relative;
}

.hc-client-profile-tou .indendiv {
    position: relative;
    float: right;
    padding-left: 0;
}

.hc-client-profile-tou .client-tou-main ul {
    padding-left: 15px;
}

.hc-client-profile-tou .client-tou-main strong {
    font-weight: 500;
}

.profile_tabs div.page .client-tou-main li {
    list-style-type: disc;
}

.hc-client-profile-tou i.fa.fa-check::after {
    content: '';
    position: absolute;
    font-weight: 800;
    left: -7px;
    background: url(/Content/images/new-home/tick-new.svg);
    background-size: 100%;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    top: -5px;
}

div.page.hc-cp-help-support-tab .client-tou-main p:not(:last-child) {
    margin-bottom: 20px;
}

.hc-client-profile-tou .client-tou-main li {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}

.hc-client-profile-tou .restriction-miandiv label {
    min-width: 30px;
    text-align: left;
    font-weight: 300;
}

.hc-client-profile-tou .text-title {
    text-align: left;
    font-size: 25px;
    color: #101010;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
    padding-bottom: 25px;
    margin-top: 25px;
}

.client-tou-main {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 15px;
}

.oic-check-points-client .para-text {
    position: relative;
    padding-left: 30px !important;
    font-weight: 400;
    font-size: 15px;
}

.tick {
    margin-right: 0px;
}

.points-wrapper {
    margin-bottom: 2.5rem;
}

.sub-para-wrapper {
    padding-left: 2rem;
}

.sub-head-points-grid {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 15px;
}

.sub-head-points-grid-modifier .sub-head-points-grid {
    grid-template-columns: 40px auto;
}

.hc-cp-help-support-tab p:not(:last-child) {
    margin-bottom: 1.1rem;
}

.hc-cp-help-support-tab h3 {
    color: var(--secondary-color);
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 35px;
}

.hc-cp-help-support-tab .panel-body {
    padding: 25px 7px;
}

.hc-cp-help-support-tab .panel {
    position: relative;
    overflow: hidden;
}

.hc-cp-help-support-tab .snj-panel .panel::after {
    content: '';
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    height: 100%;
    background-color: var(--secondary-color);
}
/*client css for accordian ends here*/
.nd-my-app .appointment-div,
.client-billing .appointment-div,
.nd-crtificate-wrapper .default-box,
.nd-prac-billing .appointment-div {
    position: relative;
}

.ncmb-0 {
    margin-bottom: 0 !important;
}

div.page.hc-cp-help-support-tab .oic-check-points-client p {
    margin-bottom: 15px !important;
}

.cp-main-faq-para {
    margin-top: 25px;
}

.faq-cmb-12 {
    margin-bottom: 12px !important;
}

.hc-cp-first-row-right {
    margin-top: 7px;
}

@media only screen and (max-width: 1400px) {
    .usr_img {
        min-width: 210px;
        max-width: 210px;
        height: 230px;
        width: initial;
    }
}

@media only screen and (max-width: 1300px) {

    span.md-dots {
        margin: 0 8px;
    }

    .live-classes-row-profile {
        width: 52px;
        height: 52px;
        margin-right: 15px;
    }

    .live-classes-row-details-time-progress {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
    .hc-cp-main-wrapper {
        grid-template-columns: auto;
        max-width: 90%;
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 767px) {

    .client-second-row {
        overflow: hidden;
    }

    .hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
        padding: 15px 15px;
        font-size: 17px;
    }

    .cp-btns-wrapper {
        text-align: center;
    }

    .hc-cp-first-row {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .hc-cp-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 40px;
        max-width: 100%;
        display: initial;
    }

        .hc-cp-main-wrapper .for_pati {
            margin-bottom: 40px !important;
        }

        .hc-cp-main-wrapper ul.nav li a.nav-link {
            padding: 12px 10px;
            font-size: 14px;
        }

    .hc-cp-first-row-right {
        overflow: hidden;
    }

    .hc-cp-main-wrapper .pract-left .usr_img {
        width: 210px;
        height: 240px;
        margin: 0 !important;
    }

    .hc-cp-main-wrapper .dflex-jcsb {
        display: inherit;
        align-items: center;
        margin-top: 7px;
    }

    .hc-cp-main-wrapper.profile_tabs div.content p {
        text-align: left;
    }

    .hc-cp-main-wrapper .overlay {
        height: 100%;
    }

    .hc-cp-main-wrapper .text-margin {
        margin-top: 0px;
    }

    .cnmobmb-0 {
        margin-bottom: 0 !important;
    }

    .hc-cp-action-btns .hc-p-btn-sub {
        margin-right: 0;
        min-width: 190px;
        margin: 20px auto 10px;
        display: block;
    }

    .pract-left {
        margin-bottom: 25px;
    }

    .btn-steps.forgot-pass-btn {
        min-width: 200px;
    }

    .nd-pattern-bottom {
        max-width: 60%;
    }

    .hc-cp-main-wrapper.pat-profile-new ul.tabs li {
        text-align: center;
    }

    .hc-cp-help-support-tab h3 {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 24px;
    }

    .hc-cp-help-support-tab .snj-panel .panel {
        margin: 0;
        border-radius: 10px;
        padding: 10px 14px 10px 10px;
    }

        .hc-cp-help-support-tab .snj-panel .panel::after {
            width: 8px;
        }

    .hc-cp-main-wrapper .nav.nav-pills {
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
        margin-bottom: 30px;
    }

    .hc-cp-action-btns {
        grid-gap: 25px;
        grid-template-columns: auto;
    }

    .hc-cp-help-support-tab p:not(:last-child) {
        margin-bottom: 1rem;
    }

    .hc-cp-main-wrapper.pat-profile-new .form-contact input.form-control, .hc-cp-main-wrapper.pat-profile-new .form-contact select.form-control {
        font-size: 13px;
    }

    .hc-cp-main-wrapper ul.tabs li.selected {
        border-radius: 5px;
    }

    .hc-client-profile-tou .text-title {
        align-items: flex-start;
        padding-bottom: 10px;
        margin-top: 10px;
    }
}
/*css form internal pages ends here*/


/*css for partner page*/

.hc-contact-wrapper-from .form-group input,
.hc-contact-wrapper-from .form-group select,
.hc-contact-wrapper-from .form-group textarea {
    border: 1px solid rgba(46, 186, 191, 0.33);
    font-size: 14px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    outline: none;
}

.hc-contact-wrapper-from .form-group label {
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 7px !important;
    font-size: 15px;
}

#section-contact .box .box-heading {
    color: var(--primary-color);
    border: none;
    padding-left: 0;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 35px;
    margin-top: 0px;
}

.hc-contact-wrapper-from .form-group,
.hc-contact-wrapper-from .form-group,
.hc-contact-wrapper-from .form-group {
    margin-bottom: 25px !important;
}

.partner-captcha {
    margin-top: 5px;
}

.hc-partner-infor-graph {
    margin-left: 45px;
    margin-top: 50px;
}

.contact-us-main-wrapper {
    position: relative;
    min-height: calc(100vh - 318px);
    margin-top: 125px;
}

.contact-us-pattenr {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 22%;
}



@media only screen and (max-width: 1260px) {
    .hc-partner-infor-graph {
        margin-left: 25px;
        max-width: 80%;
    }


    .hc-cp-main-wrapper .usr_img:hover .overlay,
    .hc-cp-main-wrapper .overlay {
        height: 35px;
    }

    .usr_img .fileUpload-new span {
        padding-top: 0;
        font-size: 11px;
    }

    .usr_img .fileUpload-new, .fileUpload-new.btn:active {
        background-image: none;
    }
}

@media only screen and (max-width: 769px) and (min-width: 768px) {
    .contact-us-main-wrapper .box {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .hc-partner-infor-graph {
        margin-left: 0;
        max-width: 100%;
        margin-bottom: 140px;
        margin-top: 0;
    }

    .contact-us-pattenr {
        max-width: 22%;
    }
}

@media only screen and (max-width: 767px) {

    .audio-wrapper-dash {
        max-width: 100%;
    }

    .hc-partner-infor-graph {
        margin-bottom: 95px;
    }

    .contact-us-pattenr {
        max-width: 31%;
    }

    .skin-blue .main-header .logo {
        background-color: var(--primary-color) !important;
    }

    .upload-docs-wrapper-prac .profile-pic-parc {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .document-pic-parc .profile-prat-text,
    .upload-docs-wrapper-prac .profile-prat-text {
        padding-left: 0 !important;
    }

    .form-group.doc_prof {
        max-width: 210px;
    }
}

#share-btn-email.dashboard-hc-btn.refer-therapist {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 3px;
}

    #share-btn-email.dashboard-hc-btn.refer-therapist:hover {
        background-color: var(--primary-dark-color);
    }

/*css form gympass landing page*/
.section-gympass-landing {
    position: relative;
}

.top-pattern-gympass-lan {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.bottom-pattern-gympass-lan {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
}

.top-pattern-gympass-lan,
.bottom-pattern-gympass-lan {
    max-width: 320px;
}

    .bottom-pattern-gympass-lan svg {
        position: relative;
        top: 5px;
    }

.gympass-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.gympass-landing-head {
    font-size: 26px;
    color: var(--primary-color);
    margin-top: 0rem;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 0px;
    padding-bottom: 50px;
    margin: 0 auto;
    text-align: center;
}

.gl-online-course {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .gl-online-course > * {
        text-align: center;
    }

    .gl-online-course img {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 148px;
        margin-right: auto;
    }

.gym-lan-para-txt {
    line-height: 21px;
    margin-bottom: 0;
    color: var(--on-primary-color);
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    font-size: 15px;
}

.gl-online-course .category-lists {
    margin: 0rem 0;
    display: grid;
    grid-row-gap: 55px;
    grid-template-columns: repeat(2,minmax(100px, 1fr));
}

.gympass-btns {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    font-weight: 700;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 3px;
    font-size: 20px;
    cursor: default;
}

/*button.gympass-btns:hover {
    text-decoration: underline;
}*/

@media only screen and (min-width: 1100px) {
    .gympass-btns br {
        display: none;
    }
}

.partnership-logos-wrapper-gympass .partners-logos {
    max-width: 160px;
}

.img-gympass-wrapper {
    position: relative;
}

.gympass-after-click-check::after {
    content: "\2713";
    width: 125px;
    height: 125px;
    position: absolute;
    border: 5px solid var(--primary-color);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    font-weight: bolder;
    color: #fff;
}

.gympass-after-click-check::before {
    content: " ";
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(53, 155, 236, 0.24);
}


@media (min-width: 768px) and (max-width: 1024px) {
    .gl-online-course {
        grid-gap: 10px;
    }

    .top-pattern-gympass-lan, .bottom-pattern-gympass-lan {
        max-width: 240px;
    }
}


@media (max-width: 767px) {

    .gympass-btns {
        font-size: 14px;
    }

    .gym-lan-para-txt {
        line-height: 19px;
        margin-bottom: 0;
        color: var(--on-primary-color);
        font-weight: 400;
        margin: 0;
        margin-top: 3px;
        font-size: 12px;
    }

    .hc-contact-wrapper-from .form-group, .hc-contact-wrapper-from .form-group, .hc-contact-wrapper-from .form-group {
        margin-bottom: 10px !important;
    }

    .gympass-after-click-check::after {
        width: 100px;
        height: 100px;
        border: 4px solid var(--primary-color);
    }

    .gympass-after-click-check::before {
        width: 120px;
        height: 120px;
    }

    .gl-online-course img {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 120px;
        margin-right: auto;
    }

    .partnership-logos-wrapper.partnership-logos-wrapper-gympass {
        right: 15px;
        top: 21px;
    }

    .partnership-logos-wrapper-gympass .partners-logos {
        max-width: 110px;
    }

    .section-gympass-landing {
        position: relative;
    }


    .gympass-landing-head {
        padding-bottom: 25px;
        max-width: 75%;
        margin: 0 auto;
        font-size: 20px;
        line-height: 29px;
        padding: 0 8px;
        margin-top: 20px;
        margin-bottom: 22px;
    }

    .top-pattern-gympass-lan, .bottom-pattern-gympass-lan {
        max-width: 190px;
    }

    .gl-online-course img {
        margin-left: auto;
        margin-right: auto;
    }

    .gl-online-course {
        flex-direction: column;
    }

    .gympass-inner-wrapper {
        justify-content: flex-start;
        min-height: initial;
        padding: 20px 0;
    }

    .gympass-landing-head {
        max-width: 100%;
    }

    .gympass-ot {
        margin-bottom: 45px;
    }
}
/*css for gympass landing page ends here*/

.funds-transfer.hc-default-btn {
    min-width: 108px;
    padding: 8px !important;
    font-size: 14px;
}

    .funds-transfer.hc-default-btn:hover {
        min-width: 108px;
        padding: 8px !important;
        font-size: 14px;
        border: none;
    }

    .funds-transfer.hc-default-btn.cnc_cash {
        margin-left: 10px;
    }

#CheckoutDetail .chck_out_det .man_hdr,
#CheckoutDetail .modal-footer {
    border: none;
}

@media only screen and (max-width: 767px) {
    #CheckoutDetail .modal-footer {
        display: flex;
        justify-content: center;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 105px;
    }
}


@media only screen and (max-width: 1253px) and (min-width: 768px) {
    .skin-blue .sidebar-menu > li.header {
        margin-bottom: 35px;
    }

    .logo-mini img {
        height: 56px !important;
        top: 11px;
    }

    .main-sidebar {
        padding-top: 0px !important;
    }
}


/* new search UI */

.welcome-hc-family {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh !important;
}

.welcome-hc-family-img {
    max-width: 240px;
    height: auto;
    border-radius: 10px;
}

.welcome-hc-family-txt {
    color: var(--on-primary-color);
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
}

.welcome-healing .welcome-hc-family-txt:not(:last-child) {
    margin-bottom: 10px;
}

.welcome-hc-family {
}

.welcome-hc-family-head {
    font-size: 32px;
    color: var(--primary-color);
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-weight: 600;
}

.welcome-hc-family .continue-btn-para a {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 18px;
}

.theme-color-strong {
    color: var(--primary-color);
    font-weight: 600;
}

.continue-button.orange-hc-color,
.orange-hc-color {
    background-color: #F59410 !important;
}


.welcome-healing .continue-btn-para a {
    margin-top: 3.3rem;
}

@media (max-width: 992px) {
    .welcome-hc-family-head {
        font-size: 20px !important;
        line-height: 32px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .welcome-healing .welcome-hc-family-txt:not(:last-child) {
        margin-bottom: 5px;
    }

    .welcome-hc-family-txt {
        color: var(--on-primary-color);
        font-weight: 300;
        line-height: 22px;
        font-size: 15px;
    }

    .welcome-hc-family-img {
        max-width: 160px;
        height: auto;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    .welcome-hc-family {
        min-height: calc(100vh - 75px) !important;
    }
}

/*steps ui changes */

.steps-filter-single-pract-wrapper .learning-objectives {
    margin-top: 20px;
}

.steps-filter-single-pract-wrapper.ncd-profile-wrapper {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 20px 22px;
    position: relative;
    background-color: var(--card-bg-color);
    position: relative;
    overflow: hidden;
}

.steps-filter-single-pract-wrapper .ncd-img-profile-pattern {
    position: absolute;
    top: -2px;
    right: -2px;
    max-width: 36%;
}

.steps-filter-single-pract-wrapper .ncd-profile-main {
    display: flex;
    align-items: center;
}

.steps-filter-single-pract-wrapper .ncd-learn-profil-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 20px;
    object-fit: cover;
}

.steps-filter-single-pract-wrapper .ncd-profile-details h5 {
    margin-top: 0;
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll .oc-dot {
    vertical-align: text-top;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll .oc-dot {
    vertical-align: text-top;
    line-height: 14px;
    margin-right: 4px;
    margin-left: 5px;
    font-weight: 700;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll span {
    font-weight: 400;
    font-size: 14px;
}

    .steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll span:first-child {
        margin-left: 0;
    }

.steps-filter-single-pract-wrapper .ncd-profile-details label {
    margin-top: 0;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details p {
    margin-top: 0;
    color: var(--on-primary-color);
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
}

.steps-filter-single-pract-wrapper .ncd-user-lan-exp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-top: 10px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-hr {
    max-width: 75%;
    margin-left: 0;
    border-top: 1px solid var(--chat-inbox-border-color);
    margin-top: 25px;
    margin-bottom: 15px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .tab-content {
    margin-top: 20px;
}

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .box {
    margin-bottom: 0;
}

.steps-filter-single-pract-wrapper .ncd-learn-pract-deta {
    margin-bottom: 25px;
}

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta h4 {
        font-size: 15px;
        color: var(--primary-color);
        font-weight: 600;
        margin-bottom: 9px;
        margin-top: 0px;
    }

#pills-aboutMe .ncd-learn-pract-deta h4, #pills-Practices .ncd-learn-pract-deta h4 {
    color: var(--on-primary-color);
}


.steps-filter-single-pract-wrapper .ncd-learn-pract-deta p,
.steps-filter-single-pract-wrapper .cdn-learn-review-para {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
    padding-right: 25px;
}

.ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--primary-color) !important;
    border: none !important;
}

.ncd-learn-courses {
    margin-top: 55px;
    margin-bottom: 65px;
}

.ncd-learn-about-content .hc-default-btn.oc-start-subs-btn {
    min-width: 185px;
    padding: 9px;
}

.ncd-learn-review-pract {
    display: flex;
}

.ncd-learn-review-pract-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
    margin-right: 20px;
}

.ncd-learn-review-name h5 {
    font-size: 16px;
    color: var(--primary-color);
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
}

.cdn-learn-review-para {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 5px;
}

.ncd-learn-hor-line {
    width: 1px;
    height: 50%;
    background-color: #BCBCBC;
}

.stars {
    max-width: 96px;
}

.ncd-learn-review-content:not(:last-child) {
    margin-bottom: 35px;
}

.ncd-learn-courses .oc-learn-dashboard .before-hover-text p {
    color: var(--on-primary-color);
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 22px;
}

@media only screen and (max-width: 767px) {
    .cus-conatiner-learn {
        padding: 0 15px;
    }

    .oic-course-desc {
        margin-top: 20px;
    }

    .ncd-profile-main {
        flex-direction: column;
    }

    .ncd-learn-profil-img {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .ncd-profile-details h5 {
        text-align: center;
    }

    .ncd-profile-wrapper {
        padding: 20px;
    }

    .ncd-profile-wrapper-hr {
        max-width: 100%;
    }

    .ncd-learn-review-content {
        align-items: center;
        grid-template-columns: auto;
        grid-gap: 5px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs {
        border-bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details .ncd-enroll {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: var(--primary-color) !important;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li > a {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: var(--primary-color) !important;
        margin: 0;
    }

    .oic-video-tabs-wrapper .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 20px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin-right: 20px;
    }

    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::before,
    .ncd-profile-wrapper-tabs .overViewTabDiv .nav-tabs::after {
        display: none;
    }

    .ncd-learn-pract-deta h4 {
        font-size: 15px;
        font-weight: 500;
    }

    .ncd-learn-pract-deta p, .cdn-learn-review-para {
        font-size: 14px;
    }

    .review-tabs-wrapper .calling strong {
        display: block;
        color: #2ebac0;
        font-size: 14px;
        font-weight: 500;
    }

    .ncd-learn-review-name h5 {
        font-size: 15px;
        font-weight: 500;
    }

    .what-you-will-learn {
        font-size: 20px;
        line-height: 28px;
    }

    .audio-wrapper-dash {
        max-width: 100%;
    }

    .steps-dob .hc-select {
        display: grid !important;
        grid-gap: 14px;
        margin: 0 !important;
        width: 100%;
    }

        .steps-dob .hc-select select:not(last-child) {
            margin: 0 !important;
        }
}


/*css form placeholder*/

.ncd-subs-start-btn .placeolder-btn-ncd {
    font-size: 14px;
    display: block;
    margin: 8px 0 15px;
    Padding: 8px 20px;
    font-weight: 500;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    border: 2px;
    border-radius: 25px;
    cursor: pointer;
    width: 210px !important;
    height: 36px !important;
    text-transform: uppercase;
}

.oic-buy-course-wrapper-fdc.box-shadow-learn.learn-default-box-shadow.oc-course-created.placeload {
    min-height: initial;
    margin: 0;
}

.image-placeholder.loads.ncd-placeholder-viewers {
    max-width: 150px;
    margin-top: 4px;
    margin-bottom: 11px;
}

.ncd-profile-main {
    display: flex;
    align-items: center;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-exp {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 35px;
    margin-top: 8px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
    margin: 0;
    padding: 20px;
    margin-top: 0;
}

.ncd-profile-wrapper-hr {
    max-width: 50%;
    margin-left: 0;
    border-top: 1px solid var(--chat-inbox-border-color);
    margin-top: 30px;
    margin-bottom: 20px;
}

.ncd-profile-wrapper-tabs .tab-content {
    margin-top: 30px;
}

.ncd-learn-pract-deta {
    margin-bottom: 30px;
}

.image-placeholder.loads.ncd-placeholder-img-cnd {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.image-placeholder.loads.ncd-placeholder-cwith {
    max-width: 190px;
    margin-top: 15px;
    margin-bottom: 10px !important;
}

.oc-course-created.placeload .loads {
    width: 100%;
    margin-top: 10px;
    height: 12px;
}

.ncd-placeholder-cwith {
    margin-bottom: 11px !important;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(1) {
    width: 103px;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(2) {
    width: 106px;
}

.oc-pract-name .ncd-placeholder-cwith-nn:nth-child(3) {
    width: 80px;
}

.oc-course-created.placeload .oc-pract-name .ncd-placeholder-cwith-nn {
    margin-bottom: 5px;
    margin-top: 0;
}

.ncd-profile-wrapper.placeload {
    margin: 0;
}

.ncd-profile-main-placeholder .ncd-placeholder-center-img {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    margin-right: 30px;
}

.ncd-profile-details-placeholder .ncd-placeholder-name-center {
    width: 155px !important;
}

.ncd-profile-main-placeholder .ncd-enroll .ncd-placeholder {
    width: 207px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
    width: 100px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(2) {
    width: 60px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(1) {
    width: 93px;
}

.steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
    width: 117px;
}

.steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 70%;
}

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs::after,
    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs::before {
        display: none;
    }

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs > li:not(:last-child) {
        margin: 0;
    }

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(1) {
    width: 94px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(2) {
    width: 106px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(3) {
    width: 78px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
    width: 88px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta .ncd-placeholder:first-child {
    width: 78px;
}

.steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-tabs-placeholder .ncd-learn-about-content .ncd-learn-pract-deta:nth-child(2) .ncd-placeholder:first-child {
    width: 50px;
}

.ncd-learn-about-content-btn .image-placeholder {
    width: 185px !important;
    height: 38px !important;
    border-radius: 3px;
}

.ncd-profile-wrapper.placeload {
    margin: 0;
    padding: 40px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15) !important;
    border: none;
    margin-top: 40px;
}

.steps-filt-pract-placeholder-wrapper {
    margin: 0;
}


@media only screen and (max-width: 1100px) and (min-width: 540px) {

    .oc-pract-name {
        padding-left: 17px;
    }

    .oci-content-block-inner-btn {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .oci-thumbnails {
        min-height: 330px;
    }

    .oic-course-content-wrapper {
        flex-direction: column;
    }
}

.ncd-learn-review-name .review-block-date {
    font-size: 13px;
    color: var(--on-primary-color);
    font-weight: 300;
}

.ncd-profile-wrapper-tabs div#Reviews {
    max-height: initial;
    overflow: initial;
    overflow-y: initial;
}

.ncd-profile-wrapper-tabs .calling strong {
    font-size: 16px;
}

.ncd-profile-wrapper .overview-pract-profile p,
.ncd-profile-wrapper .calling p {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 15px;
}

@media only screen and (min-width: 768px) {
    .ncd-profile-wrapper-tabs #Specialties {
        margin: 0 0;
    }
}

@media screen and (max-width: 700px) {
    .ncd-learn-review-name .review-block-date {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 767px) {
    .ncd-profile-wrapper-tabs #Specialties {
        margin: 0 0;
    }

        .ncd-profile-wrapper-tabs #Specialties .calling.dg-minmax {
            padding: 0px 0px;
        }

    .learn-placeholder-loader .dg-placeload-row {
        max-width: 100%;
    }

    .learn-placeholder-loader .placeload {
        margin: 10% 0 10%;
    }

    .steps-filter-single-pract .filter-pract-list-wrapper .satisfication-wrapper {
        margin: 0 !important;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details p {
        font-size: 12px;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details label {
        font-size: 14px;
    }


    .steps-filter-single-pract-wrapper .ncd-learn-profil-img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
        margin-right: 0;
    }

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(3, auto);
        max-width: 100% !important;
        grid-gap: 2px;
    }

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta h4 {
        font-size: 14px;
        font-weight: 500;
        margin-top: 0px;
    }


    .steps-filter-single-pract-wrapper .ncd-profile-wrapper-hr {
        max-width: 100%;
        margin-left: 0;
        border-top: 1px solid #d1d1d1;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .hc-percentage-satisfication svg {
        width: 40px;
        height: auto;
    }

    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        padding: 30px 20px 25px;
    }
}

.hc-default-btn.orange-hc-color {
    font-size: 15px;
    min-width: 210px;
}

.hc-percentage-satisfication svg {
    width: 48px;
    height: auto;
}

.hc-step-guarantee h4 {
    margin-top: 3px;
    margin-bottom: 4px;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
}

.steps-filter-single-pract .grid-satisfication {
    text-align: left;
}

.steps-filter-single-pract h4 {
    color: var(--primary-color) !important;
    margin-bottom: 3px;
    font-weight: 600;
}

.spets-message-us {
    color: var(--on-primary-color);
}

.steps-therapist-review {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 25px;
    align-items: center;
}

.steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    justify-content: space-between;
}

.steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
    display: flex;
    justify-content: space-between;
    max-width: 55%;
}

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs::after,
    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs::before {
        display: none;
    }

.hc-step-guarantee br {
    display: none;
}

.steps-review-stars img {
    max-width: 100px;
}

.steps-filter-single-pract-wrapper .ncd-user-lan-exp {
    grid-template-columns: repeat(4, auto);
}

.steps-filter-single-pract-wrapper .horiz-line-book {
    border-color: #d1d1d1;
    max-width: 75%;
    margin-left: 0;
}

.steps-bck-btn .oc-start-subs-btn {
    min-width: 220px;
}

.steps-label-accredations {
    display: flex;
    align-items: center;
}

span.accredations-icons-step {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 7px;
    line-height: 16px;
}

    span.accredations-icons-step svg {
        width: 16px;
        height: 16px;
        fill: var(--primary-color);
    }

.steps-tab-veiw {
    max-height: 160px;
    min-height: 160px;
    overflow: auto;
    padding-right: 30px;
}

.step-continue-btn {
    margin-top: 30px;
}

.steps-specialities-tabs-wrapper .dg-minmax {
    grid-template-columns: auto;
    grid-gap: 4px;
}

.steps-filter-single-pract-wrapper .oic-check-points .para-text {
    position: relative;
    padding-left: 30px;
    font-weight: 300;
    font-size: 14px;
}


.steps-practices-tags {
    font-size: var(--base-font-size);
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px !important;
    padding: 0.2rem 0.6rem;
    color: var(--primary-color);
    line-height: 18px;
    border: 1px solid var(--primary-border-color);
    box-sizing: border-box;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    background-color: var(--sec-light-color4);
}

.dg-minmax strong {
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.book-session-pract-pfofile-btn .hc-default-btn {
    border-radius: var(--bs-border-radius);
}

.steps-review-stars {
    margin-bottom: 7px;
}

.steps-filter-single-pract-wrapper .ncd-profile-details .steps-review-stars {
    margin-bottom: 0px;
}

.steps-main-notes.steps-filter-single-pract {
    margin-top: 15px;
}

.steps-specialities-tabs-wrapper .dg-minmax:not(:last-child) {
    margin-bottom: 15px;
}

.steps-dob .hc-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    padding: 0.6em 0.6em;
    min-width: 100%;
    padding-right: 1.5em;
    border-radius: 4px;
    font-size: 14px;
    background-size: 14px;
}

.steps-dob .hc-select {
    display: flex;
}

    .steps-dob .hc-select select {
        min-width: 120px;
    }

        .steps-dob .hc-select select:not(last-child) {
            margin-right: 15px;
        }

        .steps-dob .hc-select select:focus,
        .steps-dob .hc-select select:hover {
            border-color: var(--primary-color);
            outline: none;
        }

        .steps-dob .hc-select select:active {
            border-color: var(--primary-color);
        }

        .steps-dob .hc-select select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }

.steps-filter-single-pract-wrapper .ncd-profile-wrapper-tabs .calling strong {
    font-size: 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hc-select select::-ms-expand {
        display: none;
    }

    .hc-select select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}

.js-show-hide-therapist-timeslot {
    display: none;
}

.selectedlist-btns-div .selected-list.selected .days-icons {
    fill: #ffffff;
}

.days-icons {
    width: 19px;
    height: 19px;
    fill: var(--primary-color);
    margin-right: 5px;
}

label.selected-list:hover .days-icons {
    width: 19px;
    height: 19px;
    fill: #FFF;
    margin-right: 5px;
}

.steps-filter-single-pract-wrapper .bookses-txt {
    font-size: 15px;
    font-weight: 400;
    color: var(--on-primary-color);
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.timeslots-wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

@media (max-width: 767px) {
    .timeslots-wrapper {
        display: grid;
        grid-template-columns: repeat(1, auto);
    }
}
/*new steps ui ends here*/
@media (max-width: 767px) {
    .steps-dob .hc-select select {
        min-width: 200px;
    }

    .steps-tab-veiw {
        max-height: 220px;
        min-height: 220px;
        overflow: auto;
        padding-right: 4px;
    }

    .steps-main-notes .satisfication-wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .steps-filter-single-pract-wrapper .ncd-learn-pract-deta p, .steps-filter-single-pract-wrapper .cdn-learn-review-para {
        padding-right: 5px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
        padding: 25px;
    }

    steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(2) {
        width: 60px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .overViewTabDiv .nav-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
        width: 49px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(1) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(2) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(3) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload .ncd-profile-wrapper-tabs .nav-tabs li:nth-child(4) {
        width: 50px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(1) {
        width: 45px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
        width: 48px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper-hr {
        max-width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-main-placeholder .ncd-placeholder-center-img {
        width: 100px !important;
        height: 100px !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-wrapper.placeload {
        padding: 20px;
    }

    .hc-percentage-satisfication svg {
        width: 33px;
        height: auto;
    }

    .accredation-input-mobile .select2-container--default .select2-selection--multiple .select2-selection__choice {
        width: 97%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 4px;
        padding-right: 4px;
    }

    .steps-filter-single-pract-wrapper div#divPracAvailMain {
        padding: 0 !important;
    }

    .steps-filter-single-pract-wrapper .hr-cus-1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px 10px;
        margin-bottom: 30px;
    }
}

.loader-time-slot-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder-wrapper {
    height: 37px;
    border-radius: 3px;
    width: 100%;
    max-width: 265px;
    margin: 10px 8px;
    border: 2px solid var(--chat-inbox-border-color);
    background: none;
    display: grid;
    align-items: center;
    grid-template-columns: 25px auto;
    grid-gap: 15px;
    padding: 9px;
}

.placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder {
    height: 9px;
    width: 100%;
}

    .placeholder-loader-time-slot .loader-time-slot-inner .image-placeholder:nth-child(1) {
        height: 9px
    }


.ts-top-date {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 57%;
}

.steps-timelot-loader .image-placeholder {
    height: 9px;
    width: 100%;
}

.ts-top-date .image-placeholder:not(:last-child) {
    margin-right: 15px;
}

.ts-placehlder-dates .image-placeholder {
    margin-right: 10px;
}

.ts-placehlder-dates {
    display: flex;
    align-items: center;
    margin-top: 25px;
    width: 100%;
}

.ts-placehlder-content .image-placeholder {
    max-width: 50%;
    margin-top: 25px;
}

.ts-placehlder-dates .image-placeholder:nth-child(1) {
    margin-right: 30px;
    max-width: 130px;
    height: 9px;
}

.ts-steps-dates {
    max-width: 70px;
}

.steps-timelot-loader hr {
    max-width: 65%;
    margin-left: 0;
}

.steps-time-slots-wrapper .hr-cus-1 {
    margin-bottom: 0px;
}

.steps-time-slots-wrapper .btn-book-slot {
    color: var(--on-primary-color);
}

.steps-time-slots-wrapper .btn-slot {
    font-weight: 400;
    font-size: 14px;
}

.time-slot-steps-times {
    flex-direction: column;
    align-items: flex-start;
}

    .time-slot-steps-times .day-time {
        font-size: 15px;
        min-height: initial;
        color: var(--primary-color);
        font-weight: 500;
        display: flex;
        align-items: center;
        margin: 0 !important;
        min-width: 130px;
    }

    .time-slot-steps-times:not(:last-child) {
        margin-bottom: 12px;
    }

    .time-slot-steps-times .slot-pd {
        padding: 0px;
        margin: 0;
        margin-right: 15px;
    }

.pract-profile-section-new .steps-tab-veiw {
    max-height: 70vh;
    min-height: 70vh;
    overflow: auto;
    padding-right: 30px;
}

.steps-review-inner-tabs .ncd-learn-pract-deta {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .steps-review-inner-tabs .ncd-learn-pract-deta .steps-review-stars {
        display: flex;
    }

.steps-review-inner-tabs .review-block-date {
    font-size: 14px;
    font-weight: 400;
    color: var(--on-primary-color);
    margin-left: 15px;
    line-height: 22px;
}

.steps-review-inner-tabs p.review-block-name {
    font-weight: 600;
    padding-right: 15px;
    line-height: 18px;
    color: var(--primary-color);
    margin-bottom: 8px;
}

.steps-review-inner-tabs .para-text {
    line-height: 26px;
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: 15px;
}

.steps-review-inner-tabs {
    margin-bottom: 32px;
}

div#timeslot-details,
div#timeslots-loader {
    min-height: 288px;
}


.steps-filtered-prac-placeholder-height {
    height: 118.13px;
}

.steps-book-session-thkyou {
    display: inline-grid;
    align-items: center;
    grid-template-columns: auto auto;
    grid-gap: 30px;
}

    .steps-book-session-thkyou .continue-button:not(:last-child) {
        margin-right: 15px;
    }

@media(max-width: 767px) {
    .steps-book-session-thkyou {
        grid-template-columns: auto;
    }
}

.main-sidebar .slimScrollBar {
    opacity: 1 !important;
    background-color: transparent !important;
}

@media (min-width: 768px) {
    .steps-time-slots-wrapper .time-slot-steps-times {
        flex-wrap: wrap;
    }

    .steps-time-slots-wrapper .slot-pd-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .steps-time-slots-wrapper .time-slot-steps-times {
        display: grid;
        grid-template-columns: max-content auto;
        align-items: flex-start;
    }

        .steps-time-slots-wrapper .time-slot-steps-times .slot-pd {
            padding: 0px;
            margin: 0;
            margin-right: 15px;
            margin-bottom: 15px;
        }

    .steps-time-slots-wrapper .slots-custom-wid {
        margin-top: 6px;
    }
}

@media (max-width: 767px) {
    .loader-time-slot-inner {
        flex-direction: column;
    }

    div#LoginModal {
        padding: 0 !important;
    }

    .dx-scheduler-navigator-caption {
        max-width: 71%;
    }

    .steps > *:first-child::before {
        content: '';
        position: absolute;
        top: -4px;
        right: -0.5em;
        height: 10px;
        width: 10px;
        border-radius: 0;
        background-color: var(--primary-color);
    }

    .ts-top-date {
        display: grid;
        align-items: center;
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
    }

    .steps-timelot-loader hr {
        max-width: 100%;
        margin-left: 0;
    }

    .ts-placehlder-dates {
        display: flex;
        align-items: flex-start;
        margin-top: 25px;
        width: 100%;
        flex-wrap: wrap;
    }

        .ts-placehlder-dates .image-placeholder:nth-child(1) {
            margin-bottom: 20px;
            max-width: 120px;
            height: 9px;
            width: 100%;
            min-width: 8%;
            margin-right: 60%;
        }

    .steps-filter-single-pract-wrapper .ncd-user-lan-exp {
        grid-gap: 10px 20px;
        align-items: flex-end;
        grid-template-columns: repeat(2, auto);
    }

    .main-head-steps-sp {
        margin-bottom: 20px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-exp {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 35px;
    }

    .steps-time-slots-wrapper .slot-pd {
        margin: 0 !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }

    .time-slot-steps-times:not(:last-child) {
        margin-bottom: 7px;
    }

    .time-slot-steps-times .day-time {
        font-size: 15px;
        min-height: initial;
        color: var(--primary-color);
        font-weight: 500;
        display: flex;
        align-items: center;
        margin: 0 !important;
        margin-bottom: 7px !important;
        min-width: 109px;
    }

    .time-slot-steps-times .lots-custom-wid {
        min-width: 100%;
    }

    .time-slot-steps-times {
        flex-wrap: wrap;
    }

    .steps-filter-single-pract-wrapper .ncd-profile-details {
        width: 100%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-profile-details.ncd-profile-details-placeholder {
        width: 100%;
    }

    .steps-book-session-thkyou .continue-button:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 330px) {
    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        padding: 30px 11px 25px;
    }
}

.form-inner-div::after {
    clear: both;
    display: table;
    content: '';
}

#ddlMinGapBetweenSessionBookingAndSession {
    cursor: pointer;
    min-width: 105px;
    line-height: 1.35;
    height: 36px;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section-gympass-landing .main-head-steps-sp {
        max-width: 68% !important;
    }
}

/*css for hc live starts here*/


.condition-tag {
    border: 1px solid var(--primary-color);
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 0;
    padding: 0.35rem 0.7rem;
    margin-bottom: 0;
    justify-content: center;
    min-width: 100px;
    border-radius: 50px;
    display: inline-flex;
    color: var(--on-primary-color);
}

.hc-live-top-categories .condition-tag:not(:last-child) {
    margin-right: 10px;
}



/*.hc-live-skills-tag:hover, .active-hc-live-tag, .hc-live-skills-tag:focus,
a.hc-live-skills-tag.active-learn-tag {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
    text-decoration: none;
}*/

.hc-live-box {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 15px;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--input-border-1);
}

.hc-live-filter-row-wrapper .hc-live-top-categories {
    margin-bottom: 35px;
}

.hc-live-dates {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hc-live-cards-row-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hc-live-cards-row-inner-wrapper {
    display: flex;
    align-items: center;
}

.hc-live-profile-data {
    width: 100%;
}

.hc-live-profile-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 30px !important;
}

    .hc-live-profile-image img {
        max-width: 160px !important;
        min-width: 160px;
        object-fit: cover;
        height: 160px !important;
        border-radius: 50%;
        border: 0.04px solid var(--profile-img-border-color)
    }


.hc-live-cards-row-inner-wrapper p,
.hc-live-cards-row-inner-wrapper label {
    margin-bottom: 0;
    color: var(--on-primary-color);
    word-break: break-word;
}

.hc-live-cards-row-wrapper .hc-live-therap-head {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
}

.hc-live-user-actions-btns {
    background-color: var(--primary-color);
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 7px 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1px;
    font-size: 14px;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .18), 0 2px 8px 0 rgba(0, 0, 0, .15);
}

.hc-live-add-calender {
    background-color: transparent;
    color: var(--primary-color);
    margin-right: 20px;
}

    .hc-live-add-calender:hover {
        background-color: var(--primary-color);
        color: #fff;
        margin-right: 20px;
    }

.hc-live-user-actions-btns:hover {
    background: #05a9af;
}

.hc-live-therap-name {
    margin-top: 5px;
}

.hc-live-cards-row .hc-live-cards-cols, .hclive-placeholder-wrapper {
    margin-bottom: var(--default-gap)
}

.hc-live-progress,
.hc-live-time-date {
    margin-bottom: 0 !important;
}

.hc-live-data-inner-top {
    margin-bottom: 0.3rem;
}

.hc-live-profile-data .hc-live-time-date {
    font-size: var(--base-font-size-xxs);
}

.hc-live-data-inner-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.hc-live-cards-row-inner-wrapper {
    position: relative;
}

label.hc-live-progress::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-color: #ca0101;
    border-radius: 50%;
}

.hc-live-progress {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 99;
    background-color: #ffffff00;
    color: #000000 !important;
    padding: 0;
    border-radius: 50px;
    font-size: 19px !important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    min-width: 90px;
    text-align: center;
    font-weight: 800 !important;
}

p.hc-live-therap-name {
    margin-top: 2px;
    margin-bottom: 0px;
    font-size: var(--base-font-size-xxs);
}

.hc-live-profile-data .hc-live-class-start-time {
    text-align: center;
    font-size: 15px;
    color: #ed2630;
    font-weight: 500;
    text-transform: uppercase;
}

.hc-live-participants {
    padding-left: 15px;
}


    .hc-live-participants img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-left: -15px;
        border: 1px solid #fff;
    }

.hc-live-participants-count {
    text-align: center;
    overflow: hidden;
    color: #707583;
}


.gc-live-more-p {
    background: var(--primary-color);
    color: #fff;
    font-size: 0.8rem;
    margin-left: -15px;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    border-radius: 50%;
    letter-spacing: normal;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    border: 1px solid var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hc-live-rounded-circle {
    border-radius: 50% !important;
}

.hc-live-cont {
    font-size: 12px;
    font-weight: 500;
}

.hc-live-class-start-time {
    margin-right: 30px;
}

.hc-live-card-bottom-wrapper {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.hc-live-class-start-time {
    margin-bottom: 0 !important;
}

.hc-live-cards-row-inner-wrapper .hc-live-therap-description {
    font-size: 14px;
    line-height: 24px;
}

/*css form placeholder*/
.hc-live-placeholder .hc-live-profile-image .image-placeholder {
    max-width: 160px !important;
    min-width: 160px;
    object-fit: cover;
    height: 160px !important;
    border-radius: 50%;
    margin-top: 0;
}

.learn-search-layout-content {
    margin-top: 0;
}

.learn-search-layout-content-hc-live,
.hc-live-cards-row {
    margin-top: 20px;
}

.hc-live-box.hc-live-placeholder.placeload {
    border: none;
    margin: 0;
    min-height: initial;
    background: var(--chat-dark-bg-2);
}

.hc-live-placeholder .hc-live-profile-data {
    width: 100%;
}

.hc-live-placeholder .hc-live-header-data {
    width: 100%;
    max-width: 235px
}

    .hc-live-placeholder .hc-live-header-data .image-placeholder:nth-child(2) {
        max-width: 135px
    }

.hc-live-placeholder .hc-live-card-bottom-wrapper > .image-placeholder {
    max-width: 271px;
    margin-right: 30px;
}

.hc-live-placeholder .hc-live-card-bottom-wrapper .hc-live-participants .hc-live-participant {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -15px;
    border: 1px solid #fff;
    display: inline-block;
}

.hc-live-placeholder .hc-live-data-inner-top .image-placeholder.loads.hc-live-user-actions-btns {
    width: 110px;
    height: 34px;
    box-shadow: none;
    background: var(--tr-bg-color);
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
    .hc-live-user-actions {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .hc-live-user-actions-btns {
        padding: 7px 10px;
        min-width: 156px;
    }

    .hc-live-add-calender {
        margin-right: 0;
    }
}

@media only screen and (max-width: 991px) {

    .learn-search-layout-content {
        margin-top: 25px;
    }

    .hc-live-cards-row-inner-wrapper {
        padding: 20px;
    }

    .hc-live-placeholder .hc-live-data-inner-top .image-placeholder.loads.hc-live-user-actions-btns {
        max-width: 100%;
        height: 34px;
    }

    .hc-live-placeholder .hc-live-card-bottom-wrapper > .image-placeholder {
        max-width: 100%;
        margin-right: 0;
    }

    .hc-live-filter-row {
        margin-top: 15px;
    }

    .hc-live-class-start-time {
        margin-right: 0px;
    }

    .hc-live-data-inner-top {
        margin-bottom: 22px;
    }

    .hc-live-cards-row-inner-wrapper,
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-profile-image {
        margin-right: 0px !important;
    }

    .hc-live-profile-image {
        margin-bottom: 15px;
        width: 100%;
    }

        .hc-live-profile-image img {
            max-width: 150px !important;
            min-width: 150px;
            object-fit: cover;
            height: 150px !important;
            border-radius: 50%;
        }

    .hc-live-user-actions {
        margin-top: 15px;
        text-align: center;
    }

    .hc-live-card-bottom-wrapper {
        flex-direction: column-reverse;
    }

    .hc-live-participants {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .hc-live-profile-data .hc-live-class-start-time {
        font-size: 13px;
    }

    .hc-live-cards-row-wrapper .hc-live-therap-head {
        line-height: 23px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-user-actions {
        margin: 15px 0 9px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .hc-live-data-inner-top {
        flex-direction: column;
    }

    .hc-live-user-actions {
        margin: 15px 0 9px;
    }

    .steps-filter-single-pract-wrapper.ncd-profile-wrapper {
        width: 100%;
    }

    .steps-filter-single-pract-wrapper .overViewTabDiv .nav-tabs {
        max-width: 88%;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-lan-placeholder .ncd-placeholder:nth-child(1) {
        width: 80px;
    }

    .steps-filt-pract-placeholder-wrapper .ncd-user-exp-placeholder .ncd-placeholder:nth-child(2) {
        width: 82px;
    }

    div#timeslots-loader {
        min-height: initial;
    }

    .ncd-profile-wrapper-tabs {
        min-height: 273px;
    }
}


@media only screen and (max-width: 767px) {
    .hc-live-add-calender {
        margin-right: 0px;
    }

    .hc-live-profile-image img {
        max-width: 110px !important;
        min-width: 110px;
        height: 110px !important;
    }

    .hc-live-cards-row-inner-wrapper {
        padding: 0px;
    }
}

@media only screen and (max-width: 419px) {
    .hc-live-user-actions {
        flex-direction: column;
        width: 100%;
    }

    .hc-live-user-actions-btns {
        width: 100%;
        padding: 9px 22px;
    }

    .hc-live-add-calender {
        margin-bottom: 20px;
    }

    .hc-live-therap-description {
        font-size: 14px !important;
        line-height: 24px;
    }
}
/*css for hc live ends here*/


/*new dashboard changes starts here*/

.p-wid-nd-heading-mw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.3rem;
}

.p-nd-wid-time {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-h3);
    font-weight: 500;
}

.p-wid-nd-heading {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}


.new-ebbok-wrapper {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
}

.nd-blogs-wrapper-inner1 {
    height: 100%;
}

.live-classes-row-actions-default {
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 7px 8px;
    min-width: 125px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
    text-align: center;
}

.live-classes-row-actions-default {
    white-space: nowrap;
}

    .live-classes-row-actions-default:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.lc-start {
    border: 1px solid #ff4065;
    color: #ff4065;
}

.lc-joined {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

lc-join:hover {
    background-color: var(--primary-color);
}

.nd-live-classes-wrapper.appointment-div .hc-live-dates {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 14px;
    text-align: left;
}

.live-classes-row-profile {
    width: 56px;
    height: 56px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
    object-position: top;
}

.live-classes-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.live-classes-row-details {
    display: flex;
    align-items: center;
    padding-right: 70px;
}

.live-classes-row-details-inner {
    text-align: left;
}

    .live-classes-row-details-inner h5 {
        color: var(--on-primary-color);
        margin: 0;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
    }

.live-classes-row-details-time {
    display: flex;
    align-items: center;
}

    .live-classes-row-details-time label {
        margin-bottom: 0 !important;
    }

    .live-classes-row-details-time label {
        margin-bottom: 0 !important;
        font-size: 12px;
        font-weight: 400;
        color: var(--on-primary-color);
    }

.live-classes-row-details-time-progress {
    margin-right: 7px;
}

    .live-classes-row-details-time-progress span {
        font-size: 14px;
        color: var(--on-primary-color);
    }

.live-classes-row-in-progess {
    font-weight: 500;
}

span.md-dots {
    line-height: 0;
    font-size: 25px;
    font-weight: 300;
    position: relative;
    top: -2px;
    margin: 0 2px;
}

.nd-live-classes-wrapper.appointment-div {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
}

.placeload.nd-live-classes-wrapper-placeholder {
    min-height: initial;
    margin: 0;
    border: none;
}

.nd-live-classes-wrapper-placeholder .placeholder.loads.live-classes-row-actions-default.lc-start {
    width: 90px;
    height: 34px;
    border: none;
}

.head-hc-live-placeholder {
    max-width: 62px;
    margin-bottom: 9px;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details {
    width: 100%;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details-inner {
    width: 68%;
}

.nd-live-classes-wrapper-placeholder .live-classes-row-details-time-progress {
    width: 100%;
    display: flex;
    align-items: center;
}

    .nd-live-classes-wrapper-placeholder .live-classes-row-details-time-progress .image-placeholder:not(:last-child) {
        margin-right: 10px;
    }

.hc-live-placeholder-head {
    max-width: 75%;
}


.placeload.nd-live-classes-wrapper-placeholder {
    padding-top: 36px;
    min-height: 351px;
}

.head-hc-live-placeholder {
    margin-top: 30px !important;
    font-size: 14px;
    margin-bottom: 8px;
}

.nd-live-classes-wrapper-table table {
    width: 100%;
}

.nd-live-classes-wrapper-table td {
    padding: 10px 20px !important;
}

span.heading-dots {
    line-height: 0;
    font-size: 30px;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

@media only screen and (max-width: 991px) {
    .table-responsive.nd-live-classes-wrapper-table {
        border: none;
        margin-bottom: 0;
    }

    .nd-live-classes-wrapper.appointment-div {
    }

    .live-classes-row-details-time label {
        white-space: nowrap;
    }

    .live-classes-row-details-inner {
        text-align: left;
        margin-right: 25px;
    }
}

@media (max-width: 767px) {
    .new-ebbok-wrapper {
        height: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-gap: 35px;
    }

    .live-classes-row-details-time-progress span {
        white-space: nowrap;
    }

    .live-classes-row-details-time-progress {
        margin-right: 25px;
        display: flex;
    }


    .placeload.nd-live-classes-wrapper-placeholder {
        margin-bottom: 30px;
    }

    .welcome-healing {
        margin-top: 35px;
    }

    .hc-live-placeholder .hc-live-profile-image .image-placeholder {
        max-width: 110px !important;
        min-width: 110px;
        height: 110px !important;
    }

    .hc-live-user-actions-btns {
        margin: 0 auto;
    }

    .boxes-newdash-pract.no-app-main-wrapper#UpcomingApptDiv tr {
        justify-content: center;
    }

        .boxes-newdash-pract.no-app-main-wrapper#UpcomingApptDiv tr .nd-appointment-wrapper h3 {
            color: var(--on-secondary-color);
            margin-bottom: 9px;
            font-size: 15px;
            line-height: 23px;
        }
}


@media only screen and (max-width: 768px) {
    div#sendMessage {
        /* padding-right: 0px !important; */
        padding-left: 0px !important;
    }
}

div#timeslots-loader {
    margin-top: 25px;
}

.mysubs-table .fixed-table-header,
.mysubs-table .fixed-table-footer {
    border-bottom: 0px solid #ddd;
    border-top: 0px solid #ddd;
}

.no-event-message {
    color: var(--on-secondary-color);
    margin-bottom: 9px;
    font-size: 17px;
    line-height: 23px;
}

.no-live-classes-wrapper {
    min-height: 392px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .no-live-classes-wrapper img {
        max-width: 180px;
    }

.hc-live-cards-row-wrapper .no-live-classes-wrapper {
    min-height: 322px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.hc-live-therap-name .oc-dot {
    color: var(--on-primary-color);
    font-weight: 300;
    vertical-align: initial;
    font-size: 31px !important;
    position: relative;
    top: -3px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 0;
}

#upldproof.upld_prff .usr_img {
    display: flex;
}

#upldproof.upld_prff #proofIdImgPreview {
    align-self: center;
    height: initial;
    object-fit: initial;
}

#upldproof.upld_prff #uploadedIdProof {
    font-weight: 500;
    font-size: 15px;
}

@media (min-width: 768px) {
    .fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
        position: absolute !important;
    }
}

@media (min-width: 991px) {
    .content-wrapper.guided-meditation-main-wrapper {
        min-height: initial !important;
    }
}

.nd-live-classes-wrapper .nd-label-head {
    padding: 7px 14px;
    min-width: 162px;
}


@media (min-width: 1025px) and (max-width: 1300px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 99px;
    }
}

/*css for popup planned maintenance*/

.p-login-pg {
    flex-direction: column;
}

.popup-planned-maintenence {
    box-shadow: rgba(0, 0, 0, 0.43) 0px 0px 1px 0px;
    background-color: var(--secondary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 999;
    width: calc(100% - 290px);
    border-radius: var(--bs-border-radius);
    margin: 0 auto;
    max-width: var(--container-width);
    padding: 12px;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
}

@media(max-width: 767px) {
    .popup-planned-maintenence {
        width: calc(100% - 40px);
        top: 95px;
    }
}

.p-login-pg .create-acc-step {
    flex: 1;
}

.p-login-pg .p-login-upd-cont {
    display: flex;
    justify-content: center;
    flex: 1;
    align-items: center;
}

@media(min-width: 1800px) {
}

.popup-planned-maintenence p {
    color: #ffffff;
    font-size: var(--base-font-size-xl);
    margin: 0;
    text-align: center;
    font-weight: 400;
}

.close-planned-maintainence {
    position: absolute;
    right: 20px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}

    .close-planned-maintainence svg {
        stroke: #fff;
    }

html[color-mode="dark"] .popup-planned-maintenence {
    background-color: var(--dark-gradient-primary);
}

/*css for popup planned maintenance*/

.join-reschedule-thera-btn {
    display: flex;
}

@media (min-width: 789px) and (max-width: 1024px) {

    span.md-dots {
        margin: 0 5px;
    }

    .live-classes-row-profile {
        width: 46px;
        height: 46px;
        margin-right: 13px;
    }

    .live-classes-row-actions-default {
        padding: 6px 8px;
        min-width: 119px;
        font-size: 13px;
        font-size: 15px;
    }

    .live-classes-row-details-time-progress {
        margin-right: 0;
    }
}

.sign-up-join-us {
    margin-bottom: 45px;
}

.message-dropdwn.ask-therapist-learn {
    height: 22px;
}

.ask-a-therapist .dash-side-msg-text {
    top: -9px;
    right: -9px;
}

.partner-mob-new-modification {
    /*    margin-top: 25px;*/
}

.search-bar-input-wrapper .search-icon {
    max-width: 40px;
}

.ncd-additional-courses .ncd-guided-meditation-content .oci-content-block-inner-icon-container-play-icon svg {
    width: 23px;
    height: 23px;
    fill: #fff;
    position: relative;
    left: 3px;
    top: 0px;
}

@media (max-width: 767px) {
    .signup-thep-wrapper .dowl-pdf {
        margin: 0;
    }

    .sign-up-join-us {
        margin-bottom: 25px;
        margin-top: 15px;
    }
}

/*.signup-thep-wrapper .dowl-pdf {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 15%);
    border-radius: 20px;
    padding: 32px 0;
    position: relative;
    height: 100%;
}
*/

/*container-custom*/

@media (min-width: 768px) {
    .nhc-container {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .nhc-container {
        max-width: 1040px;
    }
}

@media (min-width: 1200px) {
    .nhc-container {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .nhc-container {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .nhc-container {
        max-width: 1380px;
        margin: 0 auto;
        padding: 0 30px;
    }
}
/*container-custom*/


@media (max-width: 767px) {
    .icon-hc-live.icon-hc-ask-thep {
        width: 18px !important;
        height: 18px !important;
    }

    .ask-a-therapist .dash-side-msg-text {
        top: -14px;
        right: -14px;
    }

    .msg-count.ask-a-therapist {
        line-height: 0;
    }
}

/*message modified css*/


/*css for busines page admin*/

.ba-mt-20px {
    margin-top: 20px;
}

.ba-mt-30px {
    margin-top: 30px;
}

.ba-mt-40px {
    margin-top: 40px;
}

.ba-mt-50px {
    margin-top: 50px;
}

.ba-mt-60px {
    margin-top: 60px;
}

.ba-mb-30px {
    margin-bottom: 30px;
}

.ba-mb-40px {
    margin-top: 40px;
}

.ba-mb-50px {
    margin-top: 50px;
}

.ba-mb-60px {
    margin-top: 60px;
}


.bg-cd-heading h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    color: var(--primary-color);
    margin: 7px 0px;
}

.ba-active-user-grid .bg-cd-heading h5 {
    margin: 15px 0px 10px;
}

.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #173571;
    border-right: 1px solid #173571;
}

.ba-active-user-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--disabled-light-color);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-rowsview,
.ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--disabled-light-color);
    border-right: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid var(--disabled-light-color);
    border-right: 1px solid var(--disabled-light-color);
}

.ba-active-user-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid var(--disabled-light-color);
}


.ba-overview-data-content .ba-statics-head h4, .ba-total-usage-content .ba-statics-head h4 {
    color: var(--primary-color);
}


.bg-cd-heading p {
    color: var(--on-primary-color);
    line-height: 22px;
}

.ba-nav-wrapper ul {
    display: grid !important;
    grid-template-columns: repeat(5, auto);
    grid-gap: 25px;
    max-width: 850px;
}

.ba-nav-wrapper a.nav-link {
    cursor: pointer;
    box-shadow: var(--default-shadow) !important;
    border-radius: 6px;
    font-size: 0.95rem;
    padding: 12px 15px;
    color: var(--on-primary-color) !important;
    border: none;
    background-color: var(--card-bg-color);
    text-align: center;
    width: 100%;
    border: 1px solid transparent;
    font-weight: 500;
}

.ba-nav-wrapper a.nav.ba-statics-head h4-linkt:hover {
    background: #f7f7f7;
}

.ba-nav-wrapper a.nav-link.active {
    background: var(--primary-color);
    color: #fff !important;
}

.ba-admin-content {
    margin-top: 5px;
}

.ba-date-range-picker .ba-dp-from {
    display: inline-grid;
    grid-template-columns: max-content auto;
    grid-gap: 15px;
    align-items: center;
    width: 100%;
}

.ba-date-range-picker label {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    margin-bottom: 0.6rem;
}

.daterangepicker .ranges li {
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    font-size: var(--base-font-size-xxs) !important;
    cursor: pointer;
    padding: 0.65rem 0.6rem !important;
    white-space: nowrap;
}

.daterangepicker {
    box-shadow: var(--default-shadow) !important;
    background-color: var(--chat-dark-bg-2) !important;
    border: 1px solid var(--primary-border-color) !important;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .daterangepicker .ranges li.active {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
        color: var(--theme-primary-color) !important;
    }

    .daterangepicker .ranges li:hover {
        background-color: #f7f7f7;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--theme-primary-color) !important;
    }

button.applyBtn.btn.btn-sm.btn-primary {
    border: 1px solid var(--input-border-1);
    box-shadow: none;
}

.ba-date-range-picker .report-range {
    display: grid;
    align-items: center;
    grid-gap: 15px;
    grid-template-columns: auto auto;
    max-width: 400px;
}

    .ba-date-range-picker .report-range span {
        border-radius: var(--bs-border-radius-lg);
        padding: 7px 12px;
        border: none;
        display: inline-block;
        background-color: var(--chat-dark-bg-2);
        font-size: var(--base-font-size-sm);
        border: 1px solid var(--input-border-1);
    }

.ba-dp-down-arrow {
    width: 35px;
    height: 35px;
    stroke: var(--primary-color);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    background-color: var(--chat-dark-bg-2);
}

.ba-date-range-picker .report-range span {
    color: var(--primary-color) !important;
    font-weight: 500;
}

.ba-statics-head {
    margin-bottom: 20px;
}

    .ba-statics-head h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 23px;
        color: var(--primary-color);
        margin-bottom: 5px;
    }

    .ba-statics-head p {
        font-size: 15px;
        line-height: 22px;
        color: var(--on-primary-color);
    }

    .ba-statics-head label {
        margin-bottom: 0 !important;
        padding: 5px 11px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.3px;
    }

.ba-yellow-label {
    background-color: #F1EEC1;
    color: #A38347;
    font-weight: 500;
}

.ba-green-label {
    background-color: #C1F1D2;
    color: #47A355;
    font-weight: 500;
}

.ba-statics-head label {
    margin-bottom: 0 !important;
}

.ba-statics-data-content {
    position: relative;
    text-align: left;
}

    .ba-statics-data-content:not(:last-child) {
        padding-right: 30px;
    }

.ba-statics-data {
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

.ba-statics-data-content .ba-count {
    font-size: var(--base-font-size-h1);
    font-weight: 700;
    color: var(--primary-color);
}

.ba-statics-data-content .ba-text {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    font-weight: 400;
    margin-bottom: 0.15rem;
}

.bg-dc-boxes-item-text h5 {
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    color: var(--on-primary-color);
}

.bg-details-contact-content {
    max-width: 1270px;
}

.bg-cd-heading .company-details-head {
    margin-bottom: 1.8rem;
}

.bg-cd-heading .company-details-head-cd {
    margin-bottom: 1.4rem;
}

.bg-company-details-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
}

@media(max-width: 1200px) {
    .com-det-from-grid {
        grid-gap: 45px;
    }

    .bg-company-details-content {
        display: grid;
        grid-template-columns: auto auto;
        gap: 2rem;
    }
}

@media(max-width: 1150px) {
    .bg-company-details-content {
        grid-template-columns: auto;
    }
}

.bg-dc-boxes {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 50px;
    align-items: center;
    margin-bottom: 60px;
}

.bg-dc-boxes-items {
    cursor: pointer;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    color: #fff;
    border-radius: 10px;
    background-color: var(--card-bg-color);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-dc-boxes-item-switch .switch-label {
    font-size: 0;
    box-shadow: none;
}

.bg-dc-boxes-item-switch label.switch {
    margin: 0 !important;
    width: 45px;
    font-size: 0;
    height: 24px;
    box-shadow: none;
    border: none;
    background: none;
}

.bg-dc-boxes-item-switch .switch-label {
    background: #B2B2B2;
}

.bg-dc-boxes-item-switch .switch-input:checked ~ .switch-label {
    background: var(--primary-color);
    box-shadow: none;
}

.bg-dc-boxes-item-switch .switch-handle {
    top: 6px;
    left: 8px;
    width: 17px;
    height: 17px;
    background: #fff;
    background-image: none;
}

.bg-dc-boxes-item-switch .switch-input:checked ~ .switch-handle {
    left: 27px;
}

.bg-dc-boxes-item-switch .switch-handle:before {
    display: none;
}

.bp-content {
    color: var(--primary-color);
    max-width: 80%;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 6px;
    margin-top: 15px;
}

    .bp-content label {
        color: var(--primary-color);
        font-size: 23px;
        margin-bottom: 0 !important;
        margin-right: 5px;
        font-weight: 600;
    }

.bg-dc-boxes-item-switch {
    align-self: flex-start;
}

.bg-dc-boxes .bg-dc-boxes-items:first-child .switch-input:checked ~ .switch-label {
    background: linear-gradient( 317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #F4DF7A;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgb(255 255 255 / 10%), inset 2.5px 2.5px 5px #edd03f;
}

.bg-dc-boxes .bg-dc-boxes-items:nth-child(2) .switch-input:checked ~ .switch-label {
    background: linear-gradient(317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #62E3CA;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgba(255, 255, 255, 0.1), inset 2.5px 2.5px 5px #3ED3B6;
}

.bg-dc-boxes .bg-dc-boxes-items:nth-child(3) .switch-input:checked ~ .switch-label {
    background: linear-gradient(317.7deg, rgba(10, 10, 10, 0) 0%, rgba(255, 255, 255, 0.4) 105.18%), #359BEC;
    background-blend-mode: soft-light, normal;
    border: 0.5px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    box-shadow: inset -2.5px -2.5px 5px rgba(255, 255, 255, 0.1), inset 2.5px 2.5px 5px #1F8ADF;
}

.ba-ad-com-details label, .bg-ad-com-profile label, .ba-users-com-details label {
    font-weight: 600;
    color: var(--primary-color);
}

.ba-users-com-details label {
    margin-bottom: 7px;
}

.bp-content span {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--on-primary-color);
}

.bg-cd-heading .ba-statics-head h4 {
    color: var(--on-primary-color);
    font-size: 15px;
}

.bg-cd-heading .ba-statics-head {
    grid-gap: 15px;
}

.bg-company-details-content .ba-statics-head {
    margin-bottom: 0px;
}

.com-det-from label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 13px !important;
}

.ba-com-profile {
    margin: 0;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    max-width: 160px;
    height: 160px;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
}

.ba-com-profile {
    transition: all .3s;
    cursor: pointer;
}

.ba-input-file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.ba-cd-overlay {
    background-color: rgb(0 0 0 / 56%);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
}

.ba-com-profile:hover .ba-cd-overlay {
    opacity: 1;
    visibility: visible;
}

svg.ba-cd-upload {
    width: 26px;
    height: 26px;
    fill: #fff;
}

.ba-cd-overlay span {
    color: #fff;
    text-align: center;
    word-break: break-word;
    white-space: pre-line;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 17px;
}

.hc-new-form-input input {
    width: 100% !important;
    border: none !important;
    font-size: 14px;
    box-shadow: var(--default-shadow);
    border-radius: 3px !important;
    height: 45px;
}

    .hc-new-form-input input:focus {
        box-shadow: var(--default-shadow);
    }


.com-det-from-grid {
    display: grid;
    grid-template-columns: 12.5em auto;
    grid-gap: var(--default-gap);
}

@media(max-width: 1400px) {
    .com-det-from-grid {
        grid-gap: 50px;
    }

    .bg-company-details-content {
        gap: 1.6rem;
    }
}

.bg-ad-company-details-from {
    margin-bottom: 30px;
}

.com-det-from-grid .ba-details-comp-det-btn {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

.new-dd-ad-users select {
    width: 100% !important;
    border: none !important;
    font-size: 13px;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    border-radius: 10px !important;
    height: 45px;
}

.ba-ad-com-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    grid-row-gap: 15px;
}

.ba-users-fn-ln-grid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 15px;
}
/*css for new rad and check box*/
/*css for checkbox*/
.hc-radio-check [type=checkbox],
.hc-radio-check [type=radio] {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

    .hc-radio-check [type=checkbox]:focus + label::before,
    .hc-radio-check [type=radio]:focus + label::before {
        box-shadow: 0 0 0 2px rgba(46, 186, 191, 0.24) !important;
    }

    .hc-radio-check [type=checkbox]:hover + label::before,
    .hc-radio-check [type=radio]:hover + label::before {
        border-color: var(--primary-color);
    }

    .hc-radio-check [type=checkbox]:active + label::before,
    .hc-radio-check [type=radio]:active + label::before {
        transition-duration: 0;
    }

    .hc-radio-check [type=checkbox] + label,
    .hc-radio-check [type=radio] + label {
        position: relative;
        padding: 6px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .hc-radio-check [type=checkbox] + label::before,
        .hc-radio-check [type=radio] + label::before {
            background-color: #fff;
            border: 1px solid var(--primary-color);
            box-sizing: content-box;
            content: "";
            color: #444;
            margin-right: 13px;
            left: 0;
            width: 19px;
            height: 19px;
            display: inline-block;
            vertical-align: middle;
        }

        .hc-radio-check [type=checkbox] + label::after,
        .hc-radio-check [type=radio] + label::after {
            box-sizing: content-box;
            content: "";
            background-color: var(--primary-color);
            position: absolute;
            top: 50%;
            left: 5px;
            width: 11px;
            height: 11px;
            top: 13.5px;
            transform: scale(0);
            transform-origin: 50%;
            transition: transform 200ms ease-out;
        }

.learn-body-wrapper-al.hc-radio-check [type=checkbox] + label::after,
.learn-body-wrapper-al .hc-radio-check [type=radio] + label::after {
    margin-top: 0px;
}

.hc-radio-check [type=checkbox][disabled] + label::before,
.hc-radio-check [type=radio][disabled] + label::before {
    -webkit-animation: none;
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128, 128, 128, 0.5);
}

.hc-radio-check [type=checkbox][disabled]:active + label::before, [type=checkbox][disabled]:focus + label::before,
.hc-radio-check [type=checkbox][disabled]:hover + label::before,
.hc-radio-check [type=radio][disabled]:active + label::before,
.hc-radio-check [type=radio][disabled]:focus + label::before,
.hc-radio-check [type=radio][disabled]:hover + label::before {
    border-color: rgba(128, 128, 128, 0.5);
    filter: none;
    transition: none;
}

.hc-radio-check [type=checkbox] + label::before,
.hc-radio-check [type=checkbox] + label::after {
    border-radius: 0;
}

.hc-radio-check [type=checkbox] + label::after {
    background-color: transparent;
    top: 50%;
    left: calc(0px + 0px + 17px/5);
    width: 12px;
    height: 4.8px;
    margin-top: calc(40px / -3 / 2 * 0.8);
    border-style: solid;
    border-color: #444;
    border-width: 0 0 3px 3px;
    border-radius: 0;
    -o-border-image: none;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transition: none;
}

.hc-radio-check [type=checkbox]:checked + label::after {
    content: "";
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out;
}

.hc-radio-check [type=radio] + label::before, [type=radio] + label::after {
    border-radius: 50%;
}

.hc-radio-check [type=radio]:checked:active + label::before,
.hc-radio-check [type=radio]:checked:focus + label::before {
    -webkit-animation: none;
    animation: none;
    filter: none;
    transition: none;
}

.hc-radio-check [type=radio]:checked + label::before {
    -webkit-animation: none;
    animation: none;
    background-color: #fff;
}

.hc-radio-check [type=radio]:checked + label::after {
    transform: scale(1);
}

@-webkit-keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

.hc-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid grey;
    border-radius: 0;
    padding: 0.4em 0.4em;
    min-width: 100%;
    padding-right: 1.5em;
    border-radius: 3px;
}

    .hc-select select:focus,
    .hc-select select:hover {
        border-color: black;
        outline: none;
    }

    .hc-select select:active {
        border-color: #900;
    }

    .hc-select select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hc-select select::-ms-expand {
        display: none;
    }

    .hc-select select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}


.hc-radio-check input:focus {
    border: 1px solid black;
}

.hc-radio-check input:not(:focus):invalid {
    border: 1px solid red;
    outline: none;
}

.hc-radio-check input:not(:focus):valid {
    border: 1px solid green;
}

.hc-radio-check ul,
.hc-select ul {
    list-style-type: none;
    padding-left: 0;
}

    .hc-radio-check ul li label {
        font-size: 14px;
        color: var(--on-primary-color);
        font-weight: 300;
        cursor: pointer;
        margin-bottom: 0 !important;
        padding: 0 !important;
        min-height: 38px;
        display: flex;
        align-items: center;
    }

/*css for checkbox ends here*/

.ba-checkinvoice ul {
    margin-bottom: 0;
}

.ba-checkinvoice .hc-radio-check [type=checkbox] + label::before {
    width: 34px;
    height: 34px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 6px;
}

.ba-checkinvoice .hc-radio-check ul li label {
    min-height: 45px;
}

.ba-checkinvoice .hc-radio-check [type=checkbox] + label::after {
    left: calc(0px + 0px + 28px/3);
    width: 15px;
    height: 5.8px;
    margin-top: calc(40px / -3 / 2 * 0.9);
    border-color: #ffffff;
}

.ba-checkinvoice .hc-radio-check [type=checkbox]:focus + label::before, .ba-checkinvoice .hc-radio-check [type=radio]:focus + label::before {
    box-shadow: none !important;
}

/*ends here*/

.com-users-from-grid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 50px;
    margin-top: 30px;
}

.ba-users-content .ba-com-profile {
    max-width: 190px;
    height: 210px;
}

.ba-users-content {
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 100px;
}

.ba-users-upload-svg {
    width: 60px;
    height: 60px;
    display: inline-block;
}

.ba-users-upload {
    border-radius: 10px;
    position: relative;
    min-height: 200px;
}

.dashboard-hc-btn.browse {
    min-width: 180px;
}

    .dashboard-hc-btn.browse:hover {
        background-color: var(--primary-dark-color);
    }

.ba-details-upload-guide {
    margin-bottom: 25px;
}

.check-para-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    display: grid;
    grid-template-columns: 16px auto;
    align-items: center;
    grid-gap: 10px;
    position: relative;
    top: 3px;
}

.check-para-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    fill: var(--primary-color);
}

.ba-users-upload label {
    color: var(--on-primary-color);
    font-weight: 500;
    font-size: 14px;
    margin: 20px 0 !important
}

.ba-docs-szie-label {
    margin: 10px 0px 0 !important;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    color: var(--on-primary-color);
}

.dashboard-hc-btn.add-userbtn {
    min-width: 180px;
    padding: 10px 5px;
    font-size: 14px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 25px;
    margin-top: 20px;
}

.ba-users-fromdob-gend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.ba-users-com-details {
    display: grid;
    grid-template-columns: auto;
}

.ba-active-user-grid {
    cursor: pointer;
    box-shadow: 1px 2px 8px rgb(0 0 0 / 10%) !important;
    color: #fff;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
}

svg.ba-us-verticle-dots {
    width: 13px;
    height: 13px;
    fill: var(--on-primary-color);
    display: inline-block;
}

.ba-active-user-table tr td,
.ba-active-user-table tr th {
    border: none;
    color: var(--on-primary-color);
    font-weight: 300;
    font-size: 14px;
}

.ba-active-user-grid .ba-statics-head {
    margin-bottom: 0px;
}

.ba-active-user-grid tr th:last-child,
.ba-active-user-grid tr td:last-child {
    text-align: center;
}

.ba-statics-data {
    margin-bottom: 15px;
}

.ba-upload-dd .drop {
    width: 100%;
    height: 96%;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    text-align: center;
    background: white;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--box-padding) !important;
    border: 0.1rem dashed var(--primary-border-color) !important;
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: 12.5rem;
    background-color: var(--grey-bg-1) !important;
}

    .ba-upload-dd .drop .cont {
        max-width: 500px;
        height: 190px;
        padding: 25px;
        color: #8E99A5;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .ba-upload-dd .drop .cont i {
            font-size: 400%;
            color: #8E99A5;
            position: relative;
        }

        .ba-upload-dd .drop .cont .tit {
            font-size: 400%;
            text-transform: uppercase;
        }

        .ba-upload-dd .drop .cont .desc {
            color: #A4AEBB;
        }

.dx-state-focused.expt-modi-btn.dx-button .dx-button-content {
    background-color: transparent !important;
}

.form-contact .ba-users-com-details .btn-outlined:focus, .form-contact .ba-users-com-details .btn-outlined:active {
    background-color: var(--primary-color) !important;
}

.ba-upload-dd .drop input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: red;
    opacity: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ba-upload-dd #list {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}

    .ba-upload-dd #list .thumb {
        height: 75px;
        border: 1px solid #323a44;
        margin: 10px 5px 0 0;
    }

.read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
}

.bg-ad-company-details-from .com-det-from label {
    font-size: 16px;
}

.ba-com-profile.ba-profile-read-only {
    cursor: default;
}

.icon.icon-ba-admin {
    width: 25px !important;
    height: 25px !important;
}

.ba-details-upload-guide .bg-cd-heading h3 {
    margin-bottom: 30px;
}

.ba-usage-data-content .ba-box-shadows {
    min-height: 400px;
}

.dxc-tooltip {
    z-index: 2000;
}

@media (min-width: 1280px) and (max-width: 1376px) {
    .new-home-main .kynd-get-start .img-kynd-get-start {
        margin-top: 100px !important;
    }

    .new-home-main .kynd-olDiv {
        padding-top: 275px !important;
        padding-bottom: 0 !important;
    }

    .new-home-main .kynd-ol.list-wrapper {
        margin-top: 0;
    }

    .new-home-main .kynd-ol .list-item-wrapper {
        margin-bottom: 30px;
        position: relative;
    }
}

@media (max-width: 1366px) {
    .ba-admin-content {
        margin-top: 15px;
    }

    .ba-nav-wrapper {
        max-width: 750px;
    }

        .ba-nav-wrapper .btn-default {
            padding: 11px 15px;
        }

    .ba-usage-data-content.ba-mt-50px,
    .ba-statcis-row {
        margin-top: 35px;
    }

    .ba-statics-head label {
        padding: 4px 8px;
        font-size: 14px;
        letter-spacing: 0.1px;
    }

    .ba-statics-data-content .ba-text {
        font-size: 13px;
    }

    .ba-statics-data-content .ba-count {
        font-size: 25px;
    }

    .ba-statics-data-content:not(:last-child)::after {
        right: 10px;
    }

    .ba-statics-head h4 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .bah-content.ba-box-shadows {
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .nd-learn-wrapper.nd-blog-bg-img1 {
        min-height: 190px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .bg-dc-boxes {
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
        margin-bottom: 30px;
    }

    .ba-users-content {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .ba-nav-wrapper {
        grid-gap: 12px;
        padding: 10px 12px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .ba-users-content {
        grid-template-columns: auto;
        grid-gap: 0px;
    }

    .ba-nav-wrapper ul {
        display: grid !important;
        grid-template-columns: repeat(2, auto);
        grid-gap: 15px;
        max-width: 850px;
    }

    .ba-total-usage-content.ba-boxes {
        margin-top: 15px;
    }

    .ba-usage-data-content.ba-mt-50px, .ba-statcis-row {
        margin-top: 15px;
    }

    .ba-nav-wrapper .btn-default {
        padding: 9px 14px;
    }

    .com-users-from-grid {
        display: grid;
        grid-template-columns: auto;
        grid-row-gap: 30px;
    }

    .ba-nav-wrapper {
        display: grid !important;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        grid-gap: 15px;
    }

    .ba-date-range-picker .report-range span {
        padding: 10px 12px;
        font-size: 12px;
    }

    svg.ba-dp-down-arrow {
        height: 38px;
    }

    .ba-date-range-picker .ba-dp-from {
        grid-gap: 10px;
        grid-template-columns: auto;
    }

    .ba-statics-data-content .ba-count {
        font-size: 18px;
    }

    .ba-total-usage-content, .ba-selfhelp-content, .ba-chat-therapy-content, .therapy-session-content, .packages-content, .user-content, .snap-monthly-usage-content, .span-category-content, .span-condition-content {
        max-width: 100% !important;
    }

    .ba-users-upload label {
        text-align: center;
    }

    .ba-statics-data-content:not(:last-child) {
        padding-right: 15px;
    }

    .ba-statics-data-content .ba-text {
        font-size: 12px;
    }

    .ba-statics-data-content:not(:last-child)::after {
        right: 7.5px;
    }

    .bg-dc-boxes-items {
        padding: 15px;
    }

    .bg-dc-boxes {
        grid-template-columns: auto;
        grid-gap: 25px;
        align-items: center;
        margin-bottom: 30px;
    }

    .com-det-from-grid {
        grid-template-columns: auto;
        grid-gap: 35px;
        grid-row-gap: 20px;
    }

    .ba-ad-com-details {
        grid-template-columns: auto;
        grid-gap: 50px;
        grid-row-gap: 5px;
    }

    .ba-ad-com-details,
    .bg-ad-com-profile {
        grid-column-start: 1;
        grid-column-end: 3;
    }

        .ba-ad-com-details.hc-new-form-input {
            display: initial;
        }

    /*.msger-chat::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 35px;
        background: linear-gradient( 0deg, #f6f6f6, transparent);
        bottom: 0;
        left: 0;
    }*/

    .msg-box-input-wrapper::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 10px;
        background: linear-gradient( 0deg, #f6f6f6, rgb(246 246 246 / 0%));
        top: -10px;
        left: 0;
        display: none;
    }

    .bah-contact-us p {
        font-size: 15px;
    }
}

.hc-chat-input {
    flex-grow: 1;
}

.show-live-type-status {
    position: absolute;
    left: 2.8rem;
    top: -2rem;
    z-index: 1000;
    display: flex;
}

    .show-live-type-status label {
        font-size: var(--base-font-size-lg);
        font-weight: 400;
        color: var(--on-primary-color);
        margin-bottom: 0 !important;
        margin-right: 8px;
        line-height: 16px;
        white-space: nowrap;
    }

.spinner-chat-type {
    margin: 0;
    text-align: center;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.hc-bounce1,
.hc-bounce2 {
    margin-right: 3px;
}

.spinner-chat-type > div {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: var(--on-primary-color);
}

.spinner-chat-type .hc-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-chat-type .hc-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.show-live-type-status.sidebar-type-status {
    position: initial;
}

.sidebar-type-status .spinner-chat-type {
    line-height: 16px;
}

    .sidebar-type-status .spinner-chat-type > div {
        width: 5px;
        height: 5px;
        background: var(--on-primary-color);
    }

.sidebar-type-status label {
    font-size: 12px;
    color: var(--on-primary-color);
    margin-right: 6px;
}

.sidelist-msg {
    overflow: hidden;
}

.msg-chat-left-list-wrapper .inbox-table-row {
    min-height: 99px;
    border-left-width: var(--left-active-bw);
}

.ba-down-wrksht {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
}

.ba-admin-loader-svg {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.ba-admin-loader {
    height: 100%;
}

    .ba-admin-loader p {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: var(--secondary-color);
        z-index: 2;
        font-size: 15px;
        letter-spacing: 0.2px;
        font-weight: 400;
    }

.ph-admin-category.pos-center,
.ph-admin-sub-category.pos-center {
    color: #173571;
    font-weight: 700;
}

#monthlyUsage {
    position: relative;
}

.tth-loader-wrapper,
.tth-loader-wrapper-svg {
    max-width: 342px;
    position: relative;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
}

.chat-search-input-loader {
    position: absolute;
    top: 7px;
    right: 9px;
    border-left: 1.1em solid var(--primary-color);
    font-size: 2.1px;
    border-top: 1.1em solid rgb(183 183 183 / 44%);
    border-right: 1.1em solid rgb(183 183 183 / 44%);
    border-bottom: 1.1em solid rgb(183 183 183 / 44%);
}

.nos-loader-wrapper,
.nos-loader-wrapper svg {
    max-width: 360px;
    height: 305px;
    padding: 2px;
    margin-left: 12px;
}

    .nos-loader-wrapper.ba-admin-loader::before {
        top: 6px;
        max-width: 360px;
        height: 364px;
        left: 15px;
    }

    .nos-loader-wrapper.ba-admin-loader::before {
        top: 0px;
        left: 15px;
    }

    .nos-loader-wrapper.ba-admin-loader p {
        top: 58%;
    }

.msg-chat-on-off-status {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: -1px;
    right: 0px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px
}

    .msg-chat-on-off-status svg {
        fill: #ffff;
    }

.msg-chat-online {
    background-color: #05af05;
}

.msg-chat-offline {
    background-color: #e0e0e0;
}

/*.ba-total-usage-content,
.ba-selfhelp-content,
.ba-chat-therapy-content,
.therapy-session-content,
.packages-content,
.user-content,
.snap-monthly-usage-content,
.span-category-content,
.span-condition-content,
.snap-no-session-content {
    max-width: 75%;
    width: 100%;
}*/

.ba-users-left-content .bg-cd-heading {
    margin-bottom: 25px;
}

.ad-aster::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: absolute;
    top: 0;
    line-height: 17px;
}

.ba-users-com-details label,
.chat-user-image {
    position: relative;
}

.export-btn-admin .dx-button-text {
    font-size: 15px;
}

.tab-content {
    position: relative;
}
/*
.export-btn-admin {
    position: absolute;
    right: 15px;    
    top: -40px;
}*/

.ba-date-range-picker {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: calc(var(--default-gap) * 0.9);
}

#gauge {
    width: 280px;
    height: 280px;
    margin: 0 auto;
}

/*#monthlyUsage,
.mu-loader-wrapper {
    width: 100%;
    width: 450px;
}*/

.ca-month-session-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#dvLabel {
    font-size: calc(var(--base-font-size-h1) * 1.3);
    font-weight: 700;
    color: var(--secondary-color);
    cursor: default;
    line-height: 36px;
}

span.remaing-session-chart {
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    color: var(--primary-color);
}

.ca-month-session-legends {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 12px;
    position: relative;
    top: 14px;
}

.ms-legends-items {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 7px;
}

.ms-legends-items-box {
    width: 13px;
    height: 13px;
}

.ms-legends-items label {
    font-size: 14px;
}

.ms-legends-green .ms-legends-items-box {
    background: #62E3CA;
}

.ms-legends-yellow .ms-legends-items-box {
    background: #fbf6db;
    color: #be9e04;
}

.ms-legends-peach .ms-legends-items-box {
    background: #FFA8AE;
}

.snap-no-session-circle-wrapper {
    width: 100%;
    position: relative;
}

#chatTherapy, #therapySession, #selfHelp, #Users, #packages, #EbookVsBlogDiv {
    height: 280px;
}


#MoodHistoryChart #spline-area-chart, #MoodMonthHistory {
    height: 280px;
}

.mood-history-chat-wrapper {
    height: 15em;
    margin: 7px 0 0;
}

@media (max-width: 1100px) {
    #dvLabel {
        font-size: 21px;
        line-height: 23px;
    }
}

@media (max-width: 767px) {
    .ba-total-usage-content, .ba-selfhelp-content, .ba-chat-therapy-content, .therapy-session-content, .packages-content, .user-content, .snap-monthly-usage-content, .span-category-content, .span-condition-content, .snap-no-session-content {
        max-width: 100%;
    }

    .ca-month-session-legends {
        left: 50%;
    }

    #gridContainer .dx-pager .dx-pages .dx-page {
        padding: 4px 8px 4px;
        font-size: 11px;
    }

    #gridContainer .dx-pager .dx-pages .dx-next-button, #gridContainer .dx-pager .dx-pages .dx-prev-button {
        font-size: 17px;
    }

    #gridContainer .dx-pager .dx-pages .dx-navigate-button {
        width: 9px;
        height: 17px;
        padding: 3px 13px;
    }

    #gridContainer .dx-pager .dx-page-sizes .dx-page-size {
        padding: 4px 4px 5px 4px;
        font-size: 12px;
        margin-bottom: 11px;
    }

    #gridContainer .dx-info {
        font-size: 12px;
    }

    /*    #gridContainer .dx-pager .dx-pages {
        padding-left: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
    }*/

    /*    .dx-datagrid-pager.dx-pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }*/

    .dx-pager .dx-page-sizes, .dx-pager .dx-pages {
        float: initial;
    }

    .dx-pager .dx-pages {
        display: flex;
        align-items: center;
    }

    .ba-date-range-picker {
        justify-content: flex-start;
    }

    .usg-dpicker.ba-date-range-picker {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 20px;
    }

        .usg-dpicker.ba-date-range-picker div#export_Usage {
            margin-top: 20px;
        }

    .ba-statics-head {
        margin-bottom: 10px;
    }

    .ba-mt-40px {
        margin-top: 30px;
    }

    .bg-cd-heading h3 {
        line-height: 25px;
    }

    .bg-cd-heading.admin-head-exp-btn h3 {
        margin-bottom: 0;
    }

    .nos-loader-wrapper,
    .nos-loader-wrapper svg {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 310px;
        height: 325px;
    }

        .nos-loader-wrapper.ba-admin-loader::before {
            left: 0px;
        }

    .ocat-loader-wrapper.ba-admin-loader::before, .ocondi-loader-wrapper.ba-admin-loader::before, .tth-loader-wrapper.ba-admin-loader::before {
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .export-btn-overview-user-list {
        position: relative !important;
    }

    .ba-admin-content {
        margin-top: 0;
    }
}

@media (max-width: 550px) {
    /*    div#totalUsage,
    div#gauge,
    div#Category,
    div#Condition {
        min-height: 300px;
        width: 100%;
        max-width: 450px;
        width: 450px;
        margin: 0 auto;
    }

    #chatTherapy,
    #therapySession,
    #selfHelp,
    #Users,
    #packages,
    #monthlyUsage, .mu-loader-wrapper {
        min-height: 300px;
        width: 100%;
        max-width: 450px;
        width: 450px;
    }*/
}

@media (max-width: 451px) {
    /*    div#totalUsage,
    div#gauge,
    div#Category,
    div#Condition {
        min-height: 280px;
        width: 100%;
        max-width: 300px;
        width: 300px;
        margin: 0 auto;
    }

    #chatTherapy,
    #therapySession,
    #selfHelp,
    #Users,
    #packages,
    #monthlyUsage, .mu-loader-wrapper {
        min-height: 280px;
        width: 100%;
        max-width: 300px;
        width: 300px;
    }*/
}


@media (max-width: 320px) {
    #gridContainer .dx-info {
        font-size: 10px;
    }
}

.custom-chat-overview-export {
    background-color: #fff;
    padding: 25px;
}

.cx-charts-frow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    grid-gap: 60px 60px;
}

.cx-chat-conatiners {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.custom-export-chat-header {
    margin-bottom: 30px;
    padding: 15px;
}

.custom-export-chat-header {
    padding: 20px;
}*/

.first-chart {
    max-width: 350px;
    height: 350px;
    top: 150px;
    left: 0;
}

#custom_markup_container {
    position: relative;
}

.ba-active-user-grid .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content {
    color: var(--on-primary-color);
}

.ba-active-user-grid .dx-datagrid-borders .dx-datagrid-rowsview,
.ba-active-user-grid .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid #f5f5f5;
}

.ba-active-user-grid tr td {
    color: var(--on-primary-color);
}

.form-contact .ba-users-com-details .btn-outlined {
    font-weight: 600;
    padding: 11px 25px;
    box-shadow: 0 1px 4px rgb(66 66 66 / 18%);
    min-width: 200px;
    width: initial !important;
}

    .form-contact .ba-users-com-details .btn-outlined.focus {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.ba-active-user-grid .bg-cd-heading {
    position: relative;
}

.export-btn-overview-user-list {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 145px;
}

.ba-details-upload-guide .bg-cd-heading {
    margin-top: 0;
    margin-bottom: 20px;
}

.ba-user-del-icon {
    fill: var(--on-primary-color);
    max-width: 18px;
}

.ba-active-user-grid .dx-datebox-calendar .dx-dropdowneditor-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px;
    color: var(--on-primary-color);
}

.admin-head-exp-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cca-dob-wrapper .form-control.date-picker {
    background-color: #fff;
}

.cca-dob-wrapper .cca-dob {
    position: relative;
}

.cca-dob-wrapper .dob-icon {
    position: absolute;
    right: 12px;
    top: 14.5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    fill: #4f4f4f;
    z-index: -1;
}

.ba-box-shadows {
    padding: calc(var(--box-padding) * 0.75);
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--input-border-1);
    position: relative;
    min-height:350px;
}

.ba-help-btn {
    min-width: 200px;
    font-size: 14px;
}

.bah-contact-us p {
    color: var(--secondary-color);
    font-size: 0.95rem;
    max-width: 480px;
    margin-bottom: 0;
    min-height: 120px;
}

.ba-help-content .bg-cd-heading {
    margin-bottom: 30px;
}

.ba-help-content-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

.bah-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bah-contact-us {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bah-icons {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
}

.bah-contact-us .bah-icons svg {
    display: flex;
    width: 65px;
    height: 56px;
}

@media (max-width: 1150px) {

    .bah-content-text {
        margin-right: 0px;
    }

    .bah-content p {
        min-height: 55px;
    }

    .bah-content-text {
        max-width: 100%;
    }

    .bah-contact-us p {
        min-height: 120px;
        max-width: 100%;
        margin-bottom: 0;
        margin: 15px 0;
    }
}

.bah-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 23px;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.ba-upload-dd .loader-new {
    font-size: 4.4px;
    border-top: 1.1em solid rgb(170 170 170 / 20%);
    border-right: 1.1em solid rgb(170 170 170 / 20%);
    border-bottom: 1.1em solid rgb(170 170 170 / 20%);
    border-left: 1.1em solid var(--primary-color);
}

.ba-upload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ba-box-shadows.bah-contact-us {
    padding-top: 30px;
}

.category-subcat-row .ba-box-shadows {
    min-height: 400px;
}

@media (max-width: 1100px) {
    .bah-content.ba-box-shadows {
        min-height: 250px;
    }

    .bah-content p {
        min-height: 91px;
    }
}

@media(max-width: 768px) {
    .ba-help-content-row {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 50px;
    }
}

@media(max-width: 767px) {
    .bah-content h3 {
        font-size: 20px;
        line-height: 25px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .bah-contact-us .bah-icons svg {
        display: flex;
        width: 45px;
        height: 36px;
    }
}

.icon-ba-admin-link {
    display: flex !important;
    align-items: center;
}

.dropdown-menu .icon.icon-ba-admin {
    width: 20px !important;
    height: 20px !important;
    margin-right: 15px;
}

.welcome .dropdown-menu > li > .icon-ba-admin-link:hover svg {
    fill: var(--primary-color);
}

/*css for condition tags starts here*/


.condition-tag-mind {
    background: var(--tag-bg-mind-color);
    border: 1px solid var(--tag-bg-mind-border-color);
    color: var(--tag-bg-mind-border-color);
}

    .condition-tag-mind.active-learn-tag {
        background-color: var(--tag-bg-mind-border-color);
        color: var(--white-color);
    }

.condition-tag-body {
    background: var(--tag-bg-body-color);
    border: 1px solid var(--tag-bg-body-border-color);
    color: var(--tag-bg-body-border-color);
}

    .condition-tag-body.active-learn-tag {
        background-color: var(--tag-bg-body-border-color);
        color: var(--white-color);
    }

.condition-tag-work {
    background: var(--tag-bg-work-color);
    border: 1px solid var(--tag-bg-work-border-color);
    color: var(--tag-bg-work-border-color);
}

    .condition-tag-work.active-learn-tag {
        background-color: var(--tag-bg-work-border-color);
        color: var(--white-color);
    }

.condition-tag-addiction {
    background: var(--tag-bg-addiction-color);
    border: 1px solid var(--tag-bg-addiction-border-color);
    color: var(--tag-bg-addiction-border-color);
}

    .condition-tag-addiction.active-learn-tag {
        background-color: var(--tag-bg-addiction-border-color);
        color: var(--white-color);
    }

.condition-tag-relsp {
    background: var(--tag-bg-relsp-color);
    border: 1px solid var(--tag-bg-relsp-border-color);
    color: var(--tag-bg-relsp-border-color);
}

    .condition-tag-relsp.active-learn-tag {
        background-color: var(--tag-bg-relsp-border-color);
        color: var(--white-color);
    }

.condition-tag-pg {
    background: var(--tag-bg-pg-color);
    border: 1px solid var(--tag-bg-pg-border-color);
    color: var(--tag-bg-pg-border-color);
}

    .condition-tag-pg.active-learn-tag {
        background-color: var(--tag-bg-pg-border-color);
        color: var(--white-color);
    }

.condition-tag-pastlive {
    background: var(--tag-bg-pastlive-color);
    border: 1px solid var(--tag-bg-pastlive-border-color);
    color: var(--tag-bg-pastlive-border-color);
}

    .condition-tag-pastlive.active-learn-tag {
        background-color: var(--tag-bg-pastlive-border-color);
        color: var(--white-color);
    }

    .condition-tag-pastlive:hover {
        background: var(--tag-bg-pastlive-border-color);
        color: var(--white-color);
    }

.condition-tag-mind:hover {
    /* background: var(--tag-bg-mind-border-color);
    color: var(--white-color);*/
}

.condition-tag-body:hover {
    background: var(--tag-bg-body-border-color);
    color: var(--white-color);
}

.condition-tag-work:hover {
    background: var(--tag-bg-work-border-color);
    color: var(--white-color);
}

.condition-tag-addiction:hover {
    background: var(--tag-bg-addiction-border-color);
    color: var(--white-color);
}

.condition-tag-relsp:hover {
    background: var(--tag-bg-relsp-border-color);
    color: var(--white-color);
}

.condition-tag-pg:hover {
    background: var(--tag-bg-pg-border-color);
    color: var(--white-color);
}

.condition-tag a:hover {
    text-decoration: none;
}


/*css for condition tags starts here*/


@media(max-width: 1199px) {
    .nd-meditation-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 15px;
    }

    .appointment-div.audio-message-dash.placeload {
        grid-template-columns: auto;
    }

    .dashboard-user {
        grid-gap: 20px;
    }

    .placeload.nd-live-classes-wrapper-placeholder {
        margin-bottom: 30px;
    }

    .nd-therapy-main-wrapper {
        grid-template-columns: auto auto;
        grid-gap: 50px;
        display: inline-grid;
    }

    .oc-learn-dashboard .before-hover-text p {
        max-height: 233px;
        margin-bottom: 50px;
    }

    .live-class-row, .thid-dashboard-row {
        margin-bottom: 30px;
    }

        .thid-dashboard-row .boxes-newdash-2 {
            margin-top: 0;
        }

    .nd-ebook-wrapper {
        min-height: 480px;
    }

    .oc-learn-dashboard .oc-4x-grid-innerwrapper {
        max-height: 280px;
    }

    .payment-main-div {
        align-self: flex-start;
        margin-bottom: 55px;
    }
}

@media(max-width: 767px) {
    .nd-therapy-main-wrapper {
        grid-template-columns: auto;
        grid-gap: 30px;
        display: grid;
    }

    .form-inner-div {
        max-width: 100%;
    }

    .order-summary-main-div .os-pract-name {
        padding-left: 0;
    }

    .other-payment-method {
        margin-bottom: 10px;
    }
}


@media (max-width: 991px) {
    section.pract-profile-section-new {
        padding-top: 30px;
    }
}


/*css for graph adjustment starts here*/

@media(min-width: 1801px) {
    .over-all-statics-wrapper {
        right: 162px;
    }
}

/*css for graph adjustment ends here*/




html[color-mode="dark"] .vr-line-profile,
html[color-mode="dark"] .hr-line-profile {
    background-color: var(--chat-dark-border-1);
}

html[color-mode="dark"] .panel-group .panel {
    border-bottom: 1px solid rgb(20 20 20);
}

html[color-mode="dark"] .satisfication-wrapper {
    border: 2px solid var(--chat-dark-border-2);
    border-radius: 15px;
    padding: 12px 16px;
}

html[color-mode="dark"] .ba-statics-data-content .ba-count {
    color: #359BEC;
}

html[color-mode="dark"] .ba-statics-data-content .light-green-data {
    color: var(--light-green);
}

html[color-mode="dark"] .ba-statics-data-content .light-yellow-data {
    color: var(--light-yellow);
}

html[color-mode="dark"] button.live-classes-row-actions-default.lc-join:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
    color: var(--light-grey-dark);
}

.teams-body a.brand-link.show-logo-team {
    display: block !important;
    padding: 0 !important;
    min-height: initial;
    margin-top: -15px;
    margin-bottom: 17px;
    width: initial !important;
    text-align: left;
}

.teams-body .brand-link .brand-image {
    width: 86px !important;
    height: auto;
}

@media(max-width: 767px) {
    a.brand-link.show-logo-team {
        margin-top: -20px;
    }


    .sender-name-wrapper .msg-chat-on-off-status {
        bottom: 0px;
        right: -14px;
    }
}


.text-area-reschedule .therapist-out-of-office {
    margin-top: 15px;
    padding-left: 0;
    color: #DC143C;
    font-weight: 600;
    font-size: 0.905rem;
}


/*css for Talent page starts here*/
/*.b-primary-color {
    background: #0f2770 !important;
}
    .b-primary-color:hover {
        background: var(--primary-color) !important;
    }*/
/*span.strong {
    font-weight: 600;
    color: #0f2770;
}
*/


.p-talent-action {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .p-talent-action svg,
    .p-grid-icon {
        display: inline-block;
        cursor: pointer;
    }

    .p-talent-action svg {
        width: 1.35rem;
        height: 1.35rem;
        fill: var(--primary-color);
    }

#updateJD, #target2 {
    display: none;
}

#ChatTherapy span.msg-count {
    position: absolute;
    right: 1.8em;
    top: 50%;
    transform: translateY(-50%);
}

.modal .modal-dialog .card .btn.toneBtn {
    background: no-repeat;
    border: #007bff 1px solid;
    padding: 0;
}

.publishBtn {
    background: #DE3B40FF !important;
}

.thumb1 {
    cursor: pointer;
}

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    background: #f0f0f0;
    padding: 0 50px;
}

    #carousel-thumbs img:hover {
        opacity: 100%;
    }

    #carousel-thumbs img {
        opacity: 80%;
        border: 3px solid transparent;
        cursor: pointer;
    }

    #carousel-thumbs .selected img {
        opacity: 100%;
    }

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.modal-content {
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.dx-datagrid-rowsview .dx-row > td {
    overflow: inherit !important;
}

.p-def-table tr {
    overflow: inherit !important;
}

.btn-action-dropdown .dropdown-menu.show {
    left: -34px !important;
}

.btn-action-dropdown .dropdown-item:hover .p-grid-icon {
    filter: brightness(2);
}

.btn-action-dropdown .dropdown-item:hover {
    border-radius: 4px;
}

.btn-action-dropdown .dropdown-item .p-grid-icon {
    min-width: 24px;
}

.btn-action-dropdown .dropdown-item span {
    top: 3px;
    position: relative;
}



.inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 6em;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: #CDD9E0;
    box-shadow: 0 0 5px solid #CDD9E0;
}

    .inputDnD .form-control-file:before {
        content: attr(data-title);
        position: absolute;
        left: 0;
        width: 100%;
        min-height: 6em;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 1;
        visibility: visible;
        text-align: center;
        border: 0.25em dashed #CDD9E0;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: visible;
    }

    .inputDnD .form-control-file:hover:before {
        border-style: solid;
        box-shadow: inset 0px 0px 0px 0.25em #CDD9E0;
    }

/* Loader Css */
.animationDivLoader {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 15px;
}

.prod-img {
    border: 1px solid #ADD5F5;
    width: 36px;
    height: 35px;
    border-radius: 50%;
    stroke-width: 0.125rem;
    box-shadow: 0 0.4rem 0.4rem rgb(59 59 59 / 90%);
    stroke: var(--dashboard-hr-color);
    cursor: pointer;
    margin-bottom: 10px;
}

.skeleton-loader:empty {
    display: block;
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
    animation-name: skeletonAnimation;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.skeleton-loader.prod-description {
    height: 20px;
}

.skeleton-loader.prod-name {
    width: 50%;
    height: 12px;
}

.details {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .details .prod-description {
        width: 60%;
    }

.others {
    width: 25%;
    margin-top: 30px;
}

@keyframes skeletonAnimation {
    0% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.8;
    }
}

.ba-box-shadows h4 span.infoIcon {
    position: absolute;
    right: 0;
}

    .ba-box-shadows h4 span.infoIcon .icon.ni {
        font-size: 1.2rem;
    }

.ba-box-shadows h4 span em {
    font-size: 1.4rem;
}

.divSessions p {
    font-size: 0.9rem;
}

.divSessions .infoHSessions label {
    border: 1px solid #8f8f8f;
    margin-top: 8px;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 0;
    padding: 0.3rem 0.7rem;
    margin-bottom: 0;
    border-radius: 8px;
    color: #8f8f8f;
}

    .divSessions .infoHSessions label.active {
        color: #173571 !important;
        background: #76f6dd6e;
        border: 1px solid #13ebc0;
    }

.AverageDiv {
    padding: 1rem 2rem;
    background: #f9f9f9;
    text-align: center;
    margin: 0 16px 16px 16px;
}

    .AverageDiv label {
        font-size: 25px;
        color: #000000;
        font-weight: 600;
    }

.AverageDivBox {
    align-items: center;
}

    .AverageDivBox p {
        margin-bottom: 0px;
    }

    .AverageDivBox label {
        font-size: 25px;
        color: #000000;
        font-weight: 600;
    }

    .AverageDivBox span.icon {
        background: rgb(187 212 244 / 36%);
        border-radius: 50%;
        padding: 0.6rem 0.5rem 0.2rem 0.5rem;
        border: solid 1px #a7baf5;
        float: left;
    }

        .AverageDivBox span.icon em {
            font-size: 24px;
        }

    .AverageDivBox .badgea {
        color: #173571 !important;
        background: #76f6dd6e;
        padding: 4px 8px;
        border-radius: 16px;
        font-size: 0.9rem;
        font-weight: normal;
    }

    .AverageDivBox .badgeb {
        background: var(--tag-bg-addiction-color);
        color: var(--tag-bg-addiction-border-color);
        padding: 4px 8px;
        border-radius: 16px;
        font-size: 0.9rem;
        font-weight: normal;
    }

.chartDiv {
    min-height: 220px;
    position: relative;
}

.watchedDiv .cardCoursesRow .ba-box-shadows.cardCourses {
    height: auto;
}

.iconWDiv {
    font-size: 32px !important;
    background: #d3f8ff;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #52d3eb;
    color: #52d3eb;
    position: relative;
    top: 12px;
}

#grid-Esign span.dx-header-filter.dx-header-filter-empty {
    position: relative;
    left: -16px;
}

span.form-control.select2-selection.select2-selection--single {
    padding: 1.155rem 0;
    border: 1px solid var(--input-border-1);
}

span.select2-selection__arrow {
    top: 4px !important;
}

.scrollbar-horizontal {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 430px;
}

#Categoriesddl {
    width: 100% !important;
}


.dx-button.pgab-icons.dx-button-normal.dx-button-mode-contained.dx-widget {
    background: transparent;
}

button.dig-Button.dig-Button--primary.dig-Button--large.dig-ButtonGroup-button.dig-ButtonGroup-button--variant-primary.src-hellospa-components-stepper-stepper__nextButton--39Q4t {
    background-color: #000;
}

.calendarIcon {
    position: absolute;
    top: 30px;
    right: 21px;
    font-size: 1.6rem !important;
}

.btnJoinNow {
    width: 84px;
    padding: 5px 0;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    text-align: center;
    color: #3699FF;
    font-weight: 500;
    cursor: pointer;
    background: rgb(54 153 255 / 15%);
    /*border: 1px solid #3699FF;*/
    box-sizing: border-box;
    border-radius: var(--border-radius-default);
    font-size: 12px;
}

.popupTableDivOF300 {
    height: 300px;
    overflow: auto;
}

.fbg-cols .p-tag--pabs-tl {
    background: rgb(255 255 255 / 85%);
    border-radius: calc(var(--border-radius-default));
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    backdrop-filter: blur(10px);
    color: var(--primary-color);
}

.fbg-cols .thc-content .p-add-btn {
    min-height: auto;
    min-width: 5.7rem;
    padding: 8px 16px;
    font-size: var(--base-font-size-xs);
}


.whiteStroke {
    stroke: #FFF !important;
}

body.modal-open {
    overflow: hidden;
}




.bannerAction {
    position: relative;
    bottom: 0px;
    right: 5px;
}

.roiLcolor {
    color: var(--on-primary-color) !important;
}

iframe.img-responsive {
    width: 100%;
    min-height: 80vh;
}

span.hr-swal-popup {
    text-align: left !important;
    display: flex;
    justify-content: flex-start;
}

.modal-dialog.modal-blur .modal-body {
    background: var(--background1);
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
}

.btnWNext {
    position: absolute;
    bottom: 5%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    line-height: 1.3;
}

    .btnWNext:hover {
        position: absolute;
        bottom: 5%;
        display: flex;
        align-items: center;
        gap: 0.4rem;
        font-size: var(--base-font-size);
        color: var(--primary-color);
        font-family: var(--primary-font);
        line-height: 1.3;
    }

    .btnWNext:focus {
        outline: 0;
        box-shadow: none;
    }

.clinical-profile-company .cp-accredation {
    display: flex;
    align-items: center;
    margin: 0;
}

.mysubs-table button.dashboard-hc-btn {
    min-width: 9.6em;
}

.nd-appointment-reviews-prac, .nd-appointment-reviews-prac .appointment-div {
    height: 100%;
}

/*    .modal-dialog-right   */
.modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: inherit;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    right: 0;
    position: absolute;
    width: 100%;
    max-width: 600px;
    margin: 0px !important;
    max-height: 100vh !important;
}

    .modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--box-padding) * 0.9) var(--box-padding);
        gap: 1rem;
        position: sticky;
        top: 0;
        background-color: var(--p-grey-2);
        z-index: 1200;
    }

@media (min-width: 576px) {
    .modal-dialog-right .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        height: 100vh;
        border-radius: 0;
        max-height: calc(100vh - 0rem);
    }
}

.step-activity-row {
    position: relative;
    top: -24px;
}


.badge-box-color {
    color: var(--on-primary-color) !important;
    font-weight: 600;
}

.badge-box {
    /* font-size: 32px; */
    width: 20px;
    height: 12px;
    font-weight: 600;
    border-color: transparent;
    border-radius: var(--border-radius-default);
}

.p-10 {
    padding: 0.625rem 0.625rem;
}

.caption-text {
    font-size: 12px !important;
}

.badge-item {
    gap: 0.5rem !important;
}

.rs {
    margin-bottom: 0 !important;
}



/*New Dsahboard CSS*/
/* Dashboard Styles */
:root {
    --p-nd-primary: #2d56f7;
    --p-nd-blue: #2d56f7;
    --p-nd-gray-50: #f9fafb;
    --p-nd-gray-100: #f3f4f6;
    --p-nd-gray-200: #e5e7eb;
    --p-nd-gray-300: #d1d5db;
    --p-nd-gray-400: #9ca3af;
    --p-nd-gray-500: #6b7280;
    --p-nd-gray-600: #4b5563;
    --p-nd-gray-700: #374151;
    --p-nd-gray-800: #1f2937;
    --p-nd-gray-900: #111827;
}

/* General Layout */
.p-nd-dashboard {
    min-height: 100vh;
    background-color: var(--p-nd-gray-100);
}

.p-nd-sidebar {
    background-color: white;
    border-right: 1px solid var(--p-nd-gray-200);
    min-height: 100vh;
}

.p-nd-main-content {
    padding: 1rem;
}

/* Header */
.p-nd-header {
    background-color: white;
    border-bottom: 1px solid var(--p-nd-gray-200);
}

/* Widget Styles */
.p-nd-widget {
    margin-bottom: 1rem;
}


/*
.p-nd-widget-blr {
    background: rgb(255 255 255 / 25%);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(30px);
    border: 1px solid rgb(255 255 255 / 75%);
}*/
.p-nd-widget:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.p-nd-widget-header {
    padding: 1rem;
    border-bottom: 1px solid var(--p-nd-gray-200);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-nd-widget-body {
    padding: 1rem;
}

.p-nd-widget-drag-handle {
    cursor: default;
}

.p-nd-super-admin .p-nd-widget-drag-handle {
    cursor: move;
}

.p-nd-widget-placeholder {
    border: 2px dashed var(--p-nd-gray-300);
    background-color: var(--p-nd-gray-50);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    min-height: 100px;
}

/* Customization Steps Styles */
.p-nd-steps-indicator {
    justify-content: center;
}

.p-nd-customization-step {
    position: relative;
    transition: all 0.3s ease;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem;
    background: var(--theme-border-2);
}

    .p-nd-customization-step.active {
        background-color: var(--theme-primary-color);
        color: white;
        min-width: 1.65rem;
    }

    .p-nd-customization-step.completed {
        background-color: var(--theme-primary-color);
        color: white;
    }

.p-nd-step {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.p-nd-step-visible {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.p-nd-step-hidden {
    opacity: 0;
    transform: translateX(20px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
}

.p-nd-step h3.h4 {
    font-size: 1.9rem;
    font-weight: 700;
    font-family: 'Kamerik105W00' !important;
    margin-bottom: 1.2rem !important;
}

.sub-para-st {
    font-size: 1.1rem;
}

.p-nd-steps-indicator {
    justify-content: center;
    position: absolute;
    min-width: 110px;
    left: 50%;
    transform: translateX(-50%);
}

/* Widget Options */
.p-nd-widget-options .js-select-widget .phc-hm-item {
    cursor: pointer;
    transition: border-color 0.2s ease;
    padding: 0.6rem;
    border-radius: calc(var(--bs-border-radius) * 1.1) !important;
}

.p-nd-widget-options .js-select-widget:hover .phc-hm-item {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-widget-options .tt-icon-effect .p-smiw {
    --icon-nav-wh: 1.6rem;
}

/**/
.custom-color-picker {
    position: relative;
    display: inline-block;
}

/* Hide the actual input but keep it focusable */
.p-cd-c-dd-color-input {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}

/* The visible button styled as the color circle */
.p-cd-c-dd-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ccc;
    background: conic-gradient(red, yellow, lime, cyan, blue, magenta, red);
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.ph-picker .pickr .pcr-button {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50% !important;
    padding: .5em;
    overflow: hidden;
}

.pcr-app .pcr-interaction .pcr-save{
    background: var(--primary-color) !important;
    border-radius: 1.55rem !important;
    padding: 0.25rem 0.8rem 0.25rem !important;!important
}

.pcr-app .pcr-interaction .pcr-type.active {
    color: var(--primary-color) !important;
    background: #fff !important;
    padding: 0.25rem 0.8rem 0.25rem !important;
}

.pcr-app[data-theme=classic] {
    border-radius: 0.7rem;
}

.ph-picker .pickr .pcr-button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='184' height='184' viewBox='0 0 184 184' fill='none'%3E%3Cpath d='M118.041 65.8943L105.038 52.8911L88.1231 35.976C86.6743 34.5272 84.3561 34.5272 82.9073 35.976L75.0836 43.7997C73.6348 45.2485 73.6348 47.5667 75.0836 49.0155L85.479 59.4471L2.67838 142.211C0.939786 143.95 -0.00195312 146.268 -0.00195312 148.731V174.774C-0.00195312 179.845 4.12721 183.974 9.19811 183.974H35.2408C37.6676 183.974 40.022 182.996 41.7606 181.294L124.597 98.4568L134.993 108.888C136.442 110.337 138.76 110.337 140.209 108.888L148.032 101.065C149.481 99.6158 149.481 97.2977 148.032 95.8489L118.041 65.8943ZM111.558 85.4173L31.4014 165.538H18.3982V152.534L98.5184 72.4141L105.038 78.9338L111.558 85.4173Z' fill='%23ffffff'/%3E%3Cpath d='M171.685 4.50037C160.638 -2.9611 145.606 -0.679198 136.153 8.73819L114.167 30.7242C112.718 32.173 112.718 34.4911 114.167 35.94L147.997 69.7701C149.446 71.219 151.764 71.219 153.213 69.7701L175.959 47.0235C187.948 35.0344 186.536 14.5697 171.685 4.50037Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 1 !important;
    background-size: 40%;
    background-position: center center;
}

.th-color-selected.ph-picker .pickr .pcr-button::before {
    display: none;
}
/* When color is chosen, update this button’s background dynamically via JS */
/* Color & Logo Options */
.p-cd-preview-logo {
    --prev-nav-mh: 29px;
    --prev-pad: 0.5rem;
    justify-content: center;
    display: flex;
    align-items: center;
    max-width: 550px;
    margin: 0 auto;
    background: var(--chat-dark-bg-2);
    height: 360px;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    border: 1px solid var(--primary-border-color);
    box-shadow: var(--default-shadow);
}

.p-cd-preview-ic {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.p-cd-preview-main {
    width: 100%;
}

.p-cd-preview-sb {
    width: 1.85rem;
    border-right: 1px solid var(--primary-border-color);
    height: 100%;
}

.p-cd-brand-logo {
    padding: 0.2rem 0 0.2rem;
    border-bottom: 1px solid var(--primary-border-color);
    min-height: var(--prev-nav-mh);
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-cd-brand-logo img {
    width: 1.05rem;
    height: auto;
    display: inline-block;
}

.p-cd-preview-head {
    border-bottom: 1px solid var(--primary-border-color);
    min-height: var(--prev-nav-mh);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--prev-pad) * 0.4) var(--prev-pad);
}

pla-search {
    width: 100px;
    min-width: 160px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    padding: 0.25rem;
    height: 0.65rem;
    border-radius: 0.25rem;
}

.max-w-100px {
    max-width: 100px;
}

.max-w-90px {
    max-width: 90px;
}

.max-w-80px {
    max-width: 80px;
}

.max-w-70px {
    max-width: 70px;
}

.max-w-50px {
    max-width: 50px;
}

.max-w-25px {
    max-width: 25px;
}

.pla-hold-preview {
    min-height: 0.25rem;
    background: var(--sec-light-color7);
    border-radius: 0.9rem;
}

.pla-hold-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.pla-hold-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.pla-btn-icon {
    width: 2.3rem;
    height: 0.8rem;
    border-radius: 0.25rem;
}

.p-nd-color-option,
.p-nd-logo-option {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.p-nd-color-option.th-color-selected,
.p-nd-logo-option.selected {
    position: relative;
}

.p-nd-color-option {
    width: 2.5rem;
    height: 2.5rem;
}

.p-nd-color-option > div {
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
}

.p-nd-color-option.th-color-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Checkmark%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.375%2017.812C9.119%2017.812%208.863%2017.714%208.668%2017.519L4.293%2013.145C3.902%2012.754%203.902%2012.122%204.293%2011.731C4.684%2011.34%205.316%2011.34%205.707%2011.731L9.375%2015.399L18.293%206.481C18.684%206.09%2019.316%206.09%2019.707%206.481C20.098%206.872%2020.098%207.504%2019.707%207.895L10.082%2017.52C9.887%2017.715%209.631%2017.812%209.375%2017.812Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-color 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.p-nd-logo-option.selected,
.p-nd-logo-option:hover {
    border-color: var(--theme-primary-color) !important;
}

.p-nd-logo-option {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color-2);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

.p-nd-logo-option:not(.p-nd-logo-option-upload) {
    width: 7.4rem;
    height: 2.6rem;
    padding: 0.55rem 0.7rem;
}

.p-nd-logo-option-upload {
    width: 2.6rem;
    max-height: 2.6rem;
    background: var(--theme-secondary-color);
    border: 1px dashed var(--theme-primary-color);
}

.p-nd-logo-option-upload:hover {
    background: var(--theme-primary-color);
    border-color: #000;
}

.p-nd-logo-option-upload:hover em.icon {
    color: #fff;
}

.p-nd-logo-option em.icon {
    font-size: 1.3rem;
    color: var(--theme-primary-color);
}

.p-cd-logo-pre {
    max-width: 100%;
    height: auto;
}

.p-cd-prev-icon {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
}

.p-cd-preview-body {
    padding: var(--prev-pad);
}

.p-cd-preview-navs {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    margin-top: 0.55rem;
}

.p-cd-navs-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-cd-prev-icon {
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    border-radius: 0.18rem;
}

.p-cd-prev-icon-txt {
    min-width: 0.9rem;
    min-height: 0.15rem;
    margin-top: 0.15rem;
}

.max-hei-100 {
    max-height: 100% !important;
}

.pla-hold-icon {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.olo-prev-mw-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-height: 20px;
}

.olo-prev-mw-right img {
    width: 80px;
    max-height: 20px;
    object-fit: cover;
}

.p-cd-brand-logo .pla-hold-preview {
    width: 1rem;
    height: 1rem;
    border-radius: 0.2rem;
}

.p-nd-steps-container {
    overflow-x: hidden;
}

.customize-modal-theme .modal-header,
.customize-modal-theme .modal-body,
.customize-modal-theme .modal-footer {
    z-index: 1;
    position: relative;
}

.p-cd-prev-card {
    display: grid;
    gap: 0.6rem;
}

.p-cd-prev-card-item {
    padding: 0.35rem 0.45rem;
    border: 1px solid var(--sec-light-color7);
    border-radius: calc(var(--bs-border-radius) * 0.45);
    min-height: 50px;
    margin-bottom: 8px;
}

.pp-item-1 {
    background: var(--sec-light-color8);
}

.pp-item-2 {
}

.pp-item-3 {
    min-height: 75px;
}

.pp-item-4 {
    min-height: 65px;
}

.pp-item-5 {
}

.pp-item-11 {
    min-height: 65px;
}

.pp-item-7 {
    min-height: 67px;
}

.pp-item-8 {
    min-height: 78px;
}

.pp-item-9 {
    min-height: 82px;
}

.p-cd-pre-wlc {
    margin-bottom: 0.45rem;
}

.graph-donut {
    width: 45px;
    height: 45px;
    margin-top: 0.55rem;
}

.graph-graph {
    width: 100%;
    height: 52px;
    margin-top: 0.4rem;
}

.p-cd-pre-cat1 {
    margin-top: 0.65rem;
}

.pla-search {
    min-width: 160px;
    height: 0.8rem;
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius-lg);
}

.graph-graph {
    fill: none;
    height: 30px;
    margin-top: 0.6rem;
}

.p-str-1 {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
}

.p-str-2 {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
}

.p-cd-gr-1 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.09);
}
.p-cd-gr-2 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}
.p-cd-gr-3 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}
.p-cd-gr-4 {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

.p-nd-step .p-theme-color-swat {
    justify-content: center;
    margin-top: 2.5rem;
}

.p-nd-column {
    height: 100%;
}

.js-dashboard-column.p-nd-column {
    min-height: 350px;
}

.p-cd-preview-logo-colors .p-cd-prev-icon,
.p-cd-preview-logo-colors .p-cd-preview-bc .pla-hold-preview,
.p-cd-preview-logo-colors .pla-btn-icon,
.p-cd-preview-logo-colors .pla-hold-icon,
.p-cd-preview-logo-colors .p-cd-preview-head .pla-hold-text.pla-hold-preview {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.p-cd-preview-logo-colors .pp-item-1,
.p-cd-preview-logo-colors .pla-hold-preview,
.p-cd-preview-logo-colors .pla-search {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
}

.p-cd-preview-logo-colors .p-cd-prev-card-item {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.p-cd-pre-cat1-items {
    display: flex;
    align-items: center;
}

.p-cd-pre-cat1-items {
    display: flex;
    align-items: center;
    margin-top: 0.35rem;
    gap: 0.4rem;
}

.p-cd-pre-cat-card {
    width: 1.4rem;
    height: 1rem;
    flex-shrink: 0;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
    border-radius: 0.225rem;
}

.pla-hold-preview-light {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

.mh-pla-hei {
    min-height: 0.25rem;
}

.mw-pr-80p {
    max-width: 80%;
}

.mw-pr-50p {
    max-width: 50%;
}

.p-wd-slider-container {
    height: 0.25rem;
}

.p-wd-goal-card-prev .p-wd-slider-percentage {
    top: -0.55rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
}

    .p-wd-goal-card-prev .p-wd-slider-percentage::after {
        border-top: 0.375rem solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
        bottom: -0.35rem;
    }

/* Utility Classes */
.hover-bg-light:hover {
    background-color: var(--p-nd-gray-100);
}

.text-p-nd-blue {
    color: var(--p-nd-blue);
}

.bg-p-nd-blue {
    background-color: var(--p-nd-blue);
}

.btn-p-nd-blue {
    background-color: var(--p-nd-blue);
    border-color: var(--p-nd-blue);
}

.text-gray-500 {
    color: var(--p-nd-gray-500);
}

.text-gray-600 {
    color: var(--p-nd-gray-600);
}

/* Animation classes */
.p-nd-fade-in {
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .p-nd-dashboard-columns {
        flex-direction: column;
    }

    .p-nd-dashboard-column {
        width: 100% !important;
    }
}


.pnd-banner {
    min-height: 195px;
    border-radius: var(--bs-border-radius);
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
}

@media(min-width: 1920px) {
    .pnd-banner {
        min-height: 235px;
    }
}

.pnd-banner h2 {
    font-weight: 600;
    font-size: calc(var(--base-font-size-h1-lg) * 0.75);
    color: var(--white-color);
}

.pnd-banner p {
    font-size: var(--base-font-size-h4);
    line-height: 1.35;
    margin-top: 0.85rem;
    font-weight: 400;
    color: var(--white-color);
}

.p-nd-card-head,
.p-nd-card-body {
    padding: 0.55rem 0.95rem;
    color: var(--primary-color);
}

.p-nd-card-head {
    font-size: var(--base-font-size-h3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
    /*border-bottom: 1px solid rgb(255 255 255 / 75%);*/
}

.p-nd-card-head h2 {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
}

.p-nd-card-body {
    padding: 0.95rem 1rem;
}

.widgets-sb {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: 0.55rem 1.2rem;
    gap: 1.1rem;
}

.widgets-sb p {
    margin: 0;
}

.widgets-sb:not(:last-child) {
    margin-bottom: 1.2rem;
}

.widgets-sb-head {
    font-size: var(--base-font-size-xl);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.widgets-sb-para {
    margin: 0;
    font-size: var(--base-font-size);
    margin-top: 0.15rem;
    color: var(--on-primary-color);
}

svg.widgets-sb-icon {
    fill: var(--primary-color);
    width: 1.85rem;
    height: 1.85rem;
}


/*----*/
:root {
    --transition-speed: 0.3s;
    --sub-sidebar-width: 50px;
    --secondary-sidebar-width: 190px;
}

.pri-sec-menu .primary-sidebar {
    border-right: 1px solid var(--border-layout);
}

.pri-sec-menu.main-sidebar .primary-sidebar .nav-sidebar p,
.main-sidebar .primary-sidebar .side-menu-ti {
    display: none !important;
}

.main-sidebar .secondary-sidebar .nav-sidebar li a.nav-link {
    padding: 0.75rem 1rem !important;
}

/*.main-sidebar .p-smiw {
    --icon-nav-wh: 1.27rem;
}*/

.primary-sidebar .p-sidebar .nav-sidebar {
    gap: 0.8rem;
}

.pri-sec-menu nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    transition: all .3s;
    display: none;
}

.pri-sec-menu.main-sidebar .nav-sidebar li a.nav-link {
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
}

.pri-sec-menu.main-sidebar .nav-pills .nav-link {
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem;
    justify-content: center;
    display: flex;
    align-items: center;
}

.pri-sec-menu .p-sb-menu-sticky {
    width: initial;
    min-height: initial;
}

.pri-sec-menu.main-sidebar nav.sidebar-nav > ul > li {
    height: initial;
}

.layout-navbar-fixed .wrapper .pri-sec-menu .brand-link {
    border-bottom: 0 !important;
}

.js-widget-remove {
    opacity: 0;
    visibility: hidden;
    font-size: 1rem;
}

.p-nd-widget-actions {
    flex-direction: row-reverse;
    transition: all .3s;
}

.p-nd-widget:hover .js-widget-remove {
    display: block;
}

.js-open-add-widget .icon.ni-plus {
    display: none;
}

/*.p-sb-minimised.layout-navbar-fixed .wrapper .brand-link {
    margin-left: 0 !important;
    justify-content: center !important;
}*/

.pri-sec-menu.main-sidebar {
    display: flex;
    width: calc(var(--sub-sidebar-width) + var(--secondary-sidebar-width));
}

.primary-sidebar, .iconside {
    width: var(--sub-sidebar-width);
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-sm);
    z-index: 10;
    transition: width var(--transition-speed) ease;
}

.primary-sidebar.collapsed, .iconside.collapsed {
    width: 0;
}

.secondary-sidebar {
    width: var(--secondary-sidebar-width);
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    overflow-y: auto;
    transition: all var(--transition-speed) ease;
    z-index: 5;
    padding: 0 0.55rem;
}

.secondary-sidebar.collapsed, .sidebar-submenu.collapsed {
    width: 0;
    overflow: hidden;
}

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--nav-min-height);
}

.section-title {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    color: var(--primary-color);
    margin: 0;
}

.collapse-btn {
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.collapse-btn:hover {
    background-color: var(--hover-bg-color);
}

.collapse-btn i {
    font-size: 14px;
    color: var(--text-light);
}

.sidebar-section {
    display: none;
    padding: 5px 0;
}

    .sidebar-section.active {
        display: block;
    }

.section-items {
    display: flex;
    flex-direction: column;
}

.section-item {
    width: 100%;
}

.section-link {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-color);
    transition: background-color var(--transition-speed) ease;
    position: relative;
}

.section-link:hover {
    background-color: var(--hover-bg-color);
}

.section-item.active .section-link {
    background-color: var(--primary-light);
    color: var(--primary-dark);
}

.section-link i {
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.chevron {
    margin-left: auto;
    font-size: 12px;
    color: var(--text-light);
}

/* Accordion Menu */
.accordion-toggle {
    position: relative;
}

.accordion-icon {
    margin-left: auto;
    transition: transform var(--transition-speed) ease;
}

.accordion-toggle.active .accordion-icon {
    transform: rotate(180deg);
}

.accordion-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-speed) ease;
    background-color: rgba(0, 0, 0, 0.02);
}

.accordion-menu.show {
    max-height: 200px;
}

.accordion-menu li a {
    padding: 8px 20px 8px 52px;
    display: block;
    color: var(--text-light);
    font-size: 0.9rem;
    transition: background-color var(--transition-speed) ease;
}

.accordion-menu li a:hover {
    background-color: var(--hover-bg-color);
}

/* Main Content */
.main-content {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
    transition: all var(--transition-speed) ease;
}

.main-content.expanded {
    margin-left: calc(-1 * var(--secondary-sidebar-width));
}

.main-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}

.menu-toggle {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 15px;
    transition: background-color var(--transition-speed) ease;
}

.menu-toggle:hover {
    background-color: var(--hover-bg-color);
}

.menu-toggle i {
    font-size: 18px;
    color: var(--text-color);
}

.page-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-color);
    flex-grow: 1;
}

.header-actions {
    display: flex;
    gap: 10px;
}

.action-btn {
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.action-btn:hover {
    background-color: var(--hover-bg-color);
}

.action-btn i {
    font-size: 16px;
    color: var(--text-color);
}

.content-wrapper {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

.content-placeholder {
    text-align: center;
    padding: 40px 20px;
}

.content-placeholder h2 {
    margin-bottom: 15px;
    color: var(--primary-dark);
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .secondary-sidebar {
        position: absolute;
        top: 0;
        left: var(--sub-sidebar-width);
        height: 100%;
        z-index: 8;
        box-shadow: var(--shadow-md);
    }

        .secondary-sidebar.collapsed {
            left: -300px;
        }

    .main-content.expanded {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .primary-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 10;
    }

        .primary-sidebar.collapsed {
            left: -80px;
        }

    .secondary-sidebar {
        left: 0;
        box-shadow: var(--shadow-md);
    }

    .main-content {
        width: 100%;
    }
}


/*----*/


/*centralizarion for theme*/
.p-nd-add-wid-cta,
.p-wd-btn-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    gap: 0.45rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--bs-border-radius);
    padding: 0.45rem 0.85rem;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer;
}

.p-nd-add-wid-cta[disabled],
.p-wd-btn-sm[disabled] {
    cursor: not-allowed !important;
    color: var(--theme-primary-color) !important;
    border: var(--disabled-color) !important;
}

.p-nd-add-wid-cta-filled {
}

.p-nd-add-wid-cta:hover,
.p-wd-btn-sm:hover,
.p-nd-add-wid-cta-filled,
.color-override .logout-user .btn {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}


.p-nd-add-wid-cta.p-nd-add-wid-cta-white {
    background: var(--white-color);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-add-wid-cta svg {
    width: 1.125rem;
    height: 1.125rem;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-add-wid-cta:not(.p-nd-add-wid-cta-white):hover svg {
    stroke: #fff;
}

.p-wd-btn-sm {
    padding: 0.32rem 0.8rem;
    font-size: var(--base-font-size-xs);
    min-width: 95px;
}

.phc-hm-item svg {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-nd-widget-options .js-select-widget.selected .phc-hm-item {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .12);
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm,
.p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .15);
}

.tooltip-inner .p-cal-pro-cont h5 {
    color: #8598BC !important;
    font-size: 12px !important;
}

.pdf-gap-5xxl {
    gap: 5rem;
}

body.color-override::before,
.preview-widget-modal .modal-content::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    opacity: 0.225;
    filter: blur(55px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25);
    background-image: var(--body-bg-image);
}

.preview-widget-modal .modal-content::before {
    opacity: 0.05;
}

.preview-widget-modal .modal-content::before {
    z-index: 0;
}
.preview-widget-modal .modal-header,
.preview-widget-modal .modal-body,
.preview-widget-modal .modal-footer {
    z-index: 1;
    position: relative;
}

.preview-widget-modal .modal-header {
    border-bottom: 1px solid var(--border-layout);
}

.preview-widget-modal .modal-footer {
    border-top: 1px solid var(--border-layout);
}

.color-override .emma-search-input input {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding-left: 2.7rem;
}

.p-theme-inp.dx-texteditor.dx-editor-outlined,
.p-input-append.p-theme-inp .dx-texteditor.dx-editor-outlined {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

.p-theme-inp .dx-texteditor-input {
    background-color: transparent;
    color: var(--theme-primary-color) !important;
}

.emma-search-input input::placeholder {
    /*    color: hsl( var(--primary-hue), var(--primary-saturation), calc(60% * 0.1 + 64%) ) !important;*/
    color: #dddde6;
}

.p-sb-menu-sticky::before {
    content: '';
    position: absolute;
    top: -25px;
    width: calc(100% + 0.55rem);
    margin-left: -0.6rem;
    border-bottom: 1px solid var(--border-layout);
    left: 0;
    height: 25px;
    background: linear-gradient(0deg, var(--grey-bg-6), transparent);
}

.p-nd-widget .pp-users-count,
.p-nd-widget .pp-user-imgs {
    margin-left: -0.9rem;
}

.gutter-sm1 {
    margin-right: -4px;
    margin-left: -4px;
}

.gutter-sm1 > [class^="col-"],
.gutter-sm1 > [class*=" col-"] {
    padding-right: 4px;
    padding-left: 4px;
}

/* Smaller gutters */
.gutter-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutter-sm > [class^="col-"],
.gutter-sm > [class*=" col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

/* Or even smaller */
.gutter-xs {
    margin-right: -2px;
    margin-left: -2px;
}

.gutter-xs > [class^="col-"],
.gutter-xs > [class*=" col-"] {
    padding-right: 2px;
    padding-left: 2px;
}

.quiz-score-btn {
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
}

.receipt-btn-color {
    color: var(--primary-color) !important;
}

.loading-setting-skeleton.cw-scroll {
    padding-right: 0
}

.payroll-year-dropdown.grid-btn-abs-right {
    left: initial !important;
}


.payroll-year-dropdown.btn-slect-dropdown .p-add-btn {
    min-width: 136px !important;
}

.p-chat-def .new-message-header.msger-header-new {
    top:-1.5rem;
}

.time-off-resource-page.pagination .active a:hover{
    color:#fff !important;
}

/*.filter-active.p-icon-circle:hover {
    background-color: var(--primary-color) !important;
}*/

#leaveBalancePagination.leavebalancePagination .active a.page-link:hover {
    color: #fff !important;
}

.employe-lablel-class span{
    display:block;
}

.divAttendanceCalendar-main .p-at-date-lr.form-control.p-input-date-picon {
    margin-top:3.5rem;
}

.divAttendanceCalendar-main .p-at-week{
    margin-top:3.5rem;
}

.clalendarlodder{
    padding-top:0.5rem;
}

label.p-smart-tt.tip,
.p-smart-tt.tt-top {
    position: relative;
    top: -3px;
}

.p-smart-tt.tip .p-icon, .p-smart-tt .p-icon {
    fill: var(--on-primary-color);
}

.dx-treeview-item-with-checkbox .dx-checkbox{
    top:7px;
}

.kanban-icons-rating svg.p-icon {
    --rating-color: #ffc700;
    fill: var(--rating-color) !important;
    stroke: var(--rating-color) !important;
}

@media(min-width: 1800px) {
    .p-lead-lbl {
        margin-top: 5rem;
        margin-bottom: 9%;
    }

    .info-img {
        max-width: 960px;
    }

    .p-cd-preview-logo {
        max-width: 630px;
        height: 420px;
    }
}

.dx-texteditor-input {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) ;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

/*.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-placeholder::before {
    color: hsl( var(--primary-hue), var(--primary-saturation), calc(60% * 0.1 + 64%) ) !important;
}*/

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td {
    background-color: var(--chat-dark-bg-2) !important;
}

.dx-datagrid-header-panel .dx-datagrid-export-button,
.download-circle .dx-icon-export-excel-button,
.p-icon-circle {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

.p-ani-btn.p-add-btn {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}

.p-ani-icon-ac {
    fill: #fff
}

.p-ani-btn.p-add-btn:hover:hover {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.dx-datagrid-header-panel .dx-datagrid-export-button {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.pso-form-wrapper .p-modal-sb-wizard .pso-action-btns{
    background:none;
}

.setting-image-label.fw-normal {
    font-weight: 400 !important;
    color: var(--on-primary-color) !important;
}

.label.p-add-btn.p-add-btn-icon {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    border: 1px solid;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important
}

.p-upload-btn-wrpper .p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
}

.p-upload-btn-wrpper .p-add-btn {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.input.dx-texteditor-input{
    background:none !important;
}

.form-builder-wp select.form-control {
    background-position: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.888rem;
}

/*.dx-button-mode-contained {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02) !important;
}*/

.email-banner-loadder .p-acc-wc-loader .loading-skeleton .skeleton-img {
    border:0;
}

.company-logo-lodder .loading-skeleton .p-acc-wc-loader {
    height: 13rem;
    width:13rem;
}

.percetage-text {
    position: absolute;
    top: 51%;
    left: 51%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 1.3rem;
    color: #09090b;
    pointer-events: none;
}


.color-overall {
    background: #5BC0F8;
}

.color-education {
    background: #F07A5A;
}

.color-skills {
    background: #B678FF;
}

.color-experience {
    background: #F7BB87;
}


.overall-dot {
    background: #32b5f3;
}

.education-dot {
    background: #fc6c6c;
}

.skills-dot {
    background: #b48fff;
}

.experience-dot {
    background: #ed88c1;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 50%;
}

.legend{
    display:flex;
    gap:1rem;
}

.p-tal-candi-info-ring.new-info-rin{
    margin-right:3rem;
}

.p-tal-candi-info-ring.new-info-rin.p-tal-cir-count{
    font-size:1rem;
}

.info-ring-container-main {
    display: flex;
    gap: 8rem;
    justify-content: center;
    align-items: center;
}

.info-ring-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 9.375rem;
    margin-bottom:1.2rem;
}

.integration-toggle-button {
    display: flex;
    align-items: center;
    gap: 3.5rem;
}

.gmail-integration-container, .outlook-integration-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.gmail-integration-container .custom-switch.custom-switch-sm .custom-control-label,
.outlook-integration-container .custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 0.33rem;
 }

.gmail-integration-container h4,.outlook-integration-container h4{
    margin-bottom:0 !important;
}

.gmail-integration-container-main button, 
.outlook-integration-container-main button {
    min-width: 170px;
}

.p-tal-candi-info-ring.new-info-ring .p-tal-cir-count{
    font-size:1rem;    
}

.p-tal-pro {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.05rem;
}

.p-ci-ring-grid.p-ci-ring-grid-new-ring {
    display: grid !important;
    gap: 1.25rem !important;
    grid-template-columns: 1fr max-content !important;
}

.legend {
    display: grid;
    gap: 0.3rem;
    grid-template-columns: repeat(1, auto);
}

.ring-circle-container {
    display: flex;
    gap: 1rem; 
    align-items: center;
    margin-top:-0.5rem;
}

.new-info-ring {
    display: flex;
    flex-direction: column;
}

.new-info-ring .chart-container{
/*   width: 8.3rem;
   height: 8.5rem;*/
   position: relative;
}

    .new-info-ring .chart-container svg {
        width: 6.5rem;
        height: 6.5rem;
    }

.p-tal-cir-count.p-tal-cir-count-multiple {
    left: 50%;
    top: 50%;
    font-size: calc(var(--base-font-size-h2));
}

li.p-mydoc-list-item.p-mydoc-active .p-icon {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-ani-dropdown a:hover .p-icon {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

/*.form-control option {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 89%) );
}*/

/*.p-small-input option {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 89%) );
}
*/
/*.p-sb-gene-body-if {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
}*/

.hc-live-user-actions .p-icon {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.candidate-overview-ring-main{
    text-align:center;
}

.candidate-overview-ring-container{
    position:relative;
}

.candidate-overview-ring-container svg{
    width:4.2rem;
}

.candidate-overview-ring-label {
    margin-top:0.5rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    line-height:1.5;
    font-weight:normal;
}

.dx-button-mode-contained {
    background-color: transparent !important;
}

.radio input[type="radio"]:checked + .radio-label:before {
    border: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.radio input[type="radio"] + .radio-label:before {
    border: 2px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.hc-live-box.hc-live-placeholder.placeload {
    background:none !important;
}

.p-def-back-btn{
    position:relative;
    z-index:999;
}

.down-arrow-delete-chat-wrapper .dropdown-item:hover,
.down-arrow-delete-chat-wrapper .dropdown-item:hover .ni.icon {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.inbox-table-row:hover, .inbox-table-row-selected {
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
}

a.fb-add-section.ui-tabs-anchor{
    cursor:grab !important;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-left .arrow::before,
.bs-tooltip-right .arrow::before {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) transparent transparent transparent !important;
}

input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: auto;
    transition: background-color 5000s ease-in-out 0s;
}


.scheduled-by, .interviewer-name, .scheduled-date {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    font-size: 12px
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--theme-primary-color) !important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--btn-light-bg) !important;
    color: var(--theme-primary-color) !important;
}

.gjs-one-bg {
    background-color: transparent !important;
}

.people-filter-btn .p-icon, .profile-filter-btn .p-icon-grey-s,
.p-icon-circle .p-icon-grey-s {
    stroke: var(--theme-primary-color) !important;
}

.p-grid-action-btns .pgab-icons:hover {
    color: var(--theme-primary-color);
}

.p-grid-action-btns .pgab-icons:hover svg {
    stroke: var(--theme-primary-color);
}

.ph-card::before{
    backdrop-filter:blur(0px);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075) !important;
    color: var(--theme-primary-color) !important;
}

.dx-selectbox-popup-wrapper .dx-list{
    background-color:transparent !important;
}

.white-svg{
    stroke:#fff !important;
}

.new-p-ar-as-list .pdf-gap-lg {
    background-color: var(--card-btn-light-bg);
    padding: 0.35rem 1.1rem;
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: 1px solid var(--primary-border-color);
    margin-bottom: 1rem;
}

.form-preview-eye-icon{
    stroke:var(--theme-primary-color) !important;
}

textarea.form-control:focus{
    box-shadow:none !important;
}

svg.p-icon.ba-dp-down-arrow {
    stroke: var(--theme-primary-color) !important;
}

.white-dot-svg{
    stroke:none !important;
    fill:#fff;
}

.interview_note{
    display:block;
    margin-top:0.5rem;
}

.ch-grid-content .ch-grid-actions-item svg {
    stroke: var(--on-primary-color) !important;
}

.dropdown-svg .p-icon:hover {
    background-color:transparent !important;
}

.gify-search-input input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--input-border-1) !important;
}


.div-mobile-section table tr td{
    white-space:normal;
}

.score-progress-bg {
    stroke: var(--theme-primary-color);
}

.scroe-progress-unfill-bg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

#div-score-by-category .dxc-series {
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
}

.interview-feedback-section .p-head-seperator-fw{
    justify-content:space-between;
}

.intergration-message-btn-continer{
    display:flex;
    gap:1rem;
}

.interview-feedback-section .p-head-seperator-fw .form-control-sm{
    padding-right:2rem;
}

#attendance-tabs-content #team .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    cursor: default !important
}

.salary-eye-icon{
    display:block !important;
    margin:0 auto;
}

.permission-rol-text{
    width:50%;
    display:block;
    margin:0 auto;
}

.p-bar-chart-sl-bars .skeleton-img{
    border:0 !important;
}

.org-show-more-btn {
    display: flex;
    background-color: #ffffff;
    width: 130px;
    padding: 0.3rem 0.65rem;
    border-radius: 1.5rem;
    color: #121217;
    box-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
    border: 1px solid rgb(231 234 243 / 95%);
    align-items: center;
}

.p-info-msg li {
    margin-bottom: 5px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-info-msg ul{
    padding-left:20px;
    margin-bottom:5px;
}

#div-plumm-course select {
    padding-right: 30px;
}

.borderBox.n-border-raidus {
    border-radius: 0.15rem;
}

.h-text {
    font-weight: 500;
    font-size: var(--base-font-size-xl);
    background-color: #FFCC00;
    
}

#gridContainerPeopleGoal .p-txt-ellip-grad::after,
#PlummProgressGrid .p-txt-ellip-grad::after,
#ProgressGrid .p-txt-ellip-grad::after {
    width: 0;
}

.yellow-color-grad {
/*    background: linear-gradient(-180deg, #f9d565, #ffedb6);*/
/*background:linear-gradient(-180deg, #fbebbd, rgb(255 237 182 / 64%));*/
background-color:var(--salmon-new-color2);
}

.pre-login-brand-logo {
    fill: #0A162F !important;
    width: 130px !important;
    height: 35px !important;
    background: none !important;
}



.loading-skeleton .pso-circle,
.loading-skeleton .p-grad-bor-btn {
    border: 0 !important;
}

.loading-skeleton .js-pso-timeline-item-active .pso-circle {
    background-color: var(--input-border-1);
}

.expense-claim-link{
    padding:1rem;
    padding-bottom:0;
}


.p-cb-w-input .p-custom-checkbox .custom_control_check_box_label.custom-control-label::before,
.p-cb-w-input .p-custom-checkbox .custom_control_check_box_label.custom-control-label::after {
    top: 0 !important;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img {
    display: block;
    width: 100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none !important;
}

@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay-1{animation-delay:.25s;-webkit-animation-delay:.25s}
.delay-2{animation-delay:.75s;-webkit-animation-delay:.75s}
.delay-3{animation-delay:1.25s;-webkit-animation-delay:1.25s}
.delay-4{animation-delay:1.75s;-webkit-animation-delay:1.75s}
.delay-5{animation-delay:2.25s;-webkit-animation-delay:2.25s}
.delay-6{animation-delay:2.75s;-webkit-animation-delay:2.75s}


.animated.two {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft1{
  0% {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft1 {
  -webkit-animation-name: fadeInLeft1;
  animation-name: fadeInLeft1;
}

@-webkit-keyframes fadeInRight1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight1 {
  -webkit-animation-name: fadeInRight1;
  animation-name: fadeInRight1;
}

@-webkit-keyframes fadeInbottom1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInbottom1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInbottom1 {
  -webkit-animation-name: fadeInbottom1;
  animation-name: fadeInRight1;
}



@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: var(--on-primary-color);
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    text-transform: none;
    position: relative;
    margin: 0px 0;
    padding: 0;
    line-height: normal;
    display: block;
    margin-bottom: 0.7rem;
    font-family: var(--primary-font) !important;
}

.sweet-alert p {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    text-align: center;
    font-weight: 400;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    margin-bottom: 1.2rem;
}

.sweet-alert fieldset {
    border: none;
    position: relative;
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px;
}

.sweet-alert .sa-error-container p {
    display: inline-block;
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert.show-input input {
    display: block;
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
}

.sweet-alert button:active {
    background-color: var(--primary-dark-color);
}


.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default;
}

.sweet-alert button.confirm[disabled] {
    color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
    border: 0;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
    border-color: #f79e9e;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
    border-color: var(--tag-bg-work-border-color);
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid var(--tag-bg-work-border-color);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: var(--tag-bg-work-border-color);
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

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

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

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

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

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

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

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}

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

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

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

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

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
}

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
        -ms-transform: rotate(45deg) \9;
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
        -ms-transform: rotate(-45deg) \9;
    }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
}

    .la-ball-fall.la-dark {
        color: #333;
    }

    .la-ball-fall > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

.la-ball-fall {
    width: 54px;
    height: 18px;
}

    .la-ball-fall > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-fall 1s ease-in-out infinite;
        -moz-animation: ball-fall 1s ease-in-out infinite;
        -o-animation: ball-fall 1s ease-in-out infinite;
        animation: ball-fall 1s ease-in-out infinite;
    }

        .la-ball-fall > div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms;
        }

        .la-ball-fall > div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms;
        }

        .la-ball-fall > div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms;
        }

    .la-ball-fall.la-sm {
        width: 26px;
        height: 8px;
    }

        .la-ball-fall.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px;
        }

    .la-ball-fall.la-2x {
        width: 108px;
        height: 36px;
    }

        .la-ball-fall.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px;
        }

    .la-ball-fall.la-3x {
        width: 162px;
        height: 54px;
    }

        .la-ball-fall.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px;
        }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}


.sa-button-container .sweet-alert button {
    margin: 20px 0px 0 0px;
    min-width: 162px;
}


.jq-ry-container{position:relative;padding:0 5px;margin-right:auto;line-height:0;display:block;cursor:pointer}.jq-ry-container[readonly=readonly]{cursor:default}.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-next-item:before {
    content: "\f11f"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-previous-item:before {
    content: "\f120"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.video-js .vjs-volume-panel {
  transition: width 1s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
      width: 5em;
      height: 3em; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
      left: -3.5em; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    transition: width 0.1s; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none; }

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em; }

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto; }

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888; }

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red; }

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control {
  cursor: pointer; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em; }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
          animation: 0s linear 0.3s forwards vjs-spinner-show; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
  display: block; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px; }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1 / -1; }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr; } }

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block; }

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000; }

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none; }

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none; }


.modal-title {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    color: var(--primary-color);
    width: 100%;
}

a.btns-frgt-pass,
button.log {
    color: #fff !important;
    font-size: 18px !important;
    float: left;
    text-align: center;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 18%), 0 2px 8px 0 rgb(0 0 0 / 15%);
    width: 80%;
    margin: 0 10%;
    border: none;
    padding: 10px 0;
    text-decoration: none;
    background-color: #3E8CDA !important;
    border-radius: 4px !important
}

#LoginModal .login-ipad-forget {
    width: 100%;
}

    #LoginModal .login-ipad-forget span {
        font-size: 15px;
        top: -3px;
        left: -7px;
        position: relative;
        font-family: var(--primary-font);
        color: var(--on-primary-color);
    }

#LoginModal .modal-dialog {
    max-width: 400px;
}

#wrapper .header-wrapper #header .menu > ul > li > a:hover {
    text-decoration: none !important;
    color: #173571 !important;
}

.welcome .dropdown-menu > li > a {
    text-decoration: none !important;
    color: #173571 !important;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    padding: 5px;
}

.new-home-main .hc-parteners {
    padding-bottom: 50px;
    padding-top: 30px;
}

.new-home-main .hc-parteners h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    /* or 140% */
    text-align: center;
    color: #173571;
    padding-bottom: 30px;
}

.new-home-main .hc-parteners .col img {
    max-width: 100%;
    max-height: 40px;
    margin: 0;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    cursor: pointer;
}

.new-home-main .hc-parteners .col img:hover {
    -webkit-filter: grayscale(0);
    filter: none;
}

.new-home-main .hc-parteners h3 {
    font-family: Calistoga;
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 49px;
    color: #173571;
    margin: 55px 0 0 0;
}

.new-home-main .guidedMeditationsDiv {
    background: #FFAD98;
    border-radius: 15px;
}

.new-home-main .guidedMeditationsImgDiv {
    padding: 40px 0 0 20px;
}

.new-home-main .guidedMeditationsTextDiv {
    text-align: left;
    padding: 30px;
    background: rgb(255 255 255 / 65%);
}

.new-home-main .guidedMeditationsTextDiv h2 {
    font-family: Calistoga;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 39px;
    color: #173571;
}

.new-home-main .guidedMeditationsTextDiv p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
    color: #153574;
}

.usericondiv {
    display: none;
}

#wrapper .header-wrapper #header {
    position: relative;
}

#wrapper .header-wrapper #header .menu > ul > li > a {
    font-weight: 400;
    font-size: 16px;
    color: var(--on-primary-color);
    padding: 0 3px;
    margin: 0 1px;
    border-radius: 5px;
    margin: 0 10px !important;
    color: var(--secondary-color);
}

.ebook-form-text input::placeholder {
    color: #ccc !important;
}


footer .certifications-all {
    margin-top: 15px !important;
}

.step-input-1 {
    max-width: 26px;
}

.blue-louds-testimonail {
    display: block;
}

.get-matched-btn .book-seesion-btn {
    min-width: 230px;
}

@media (max-width: 1252px) {
    .menu-icon__line {
        background-color: #173571;
    }

    .new-home-main .kyndForBusiness img.userBizImg {
        top: 39px;
        position: relative;
    }

    .new-home-main .kynd-olDiv {
        padding-top: 207px;
        padding-bottom: 35px;
    }
}

@media only screen and (max-width: 767px) {
    #wrapper .header-wrapper #header .menu > ul, .page-header-scroll #wrapper .header-wrapper #header .menu > ul {
        height: 100vh !important;
        width: 100% !important;
        top: -11px;
        left: 0;
        position: absolute;
        display: block;
        padding-top: 120px;
        padding-left: 40px;
    }

    .sectionTherapy .bg {
        margin-bottom: 20px;
    }

    .new-home-main .home-page-banner .logo {
        display: block !important;
    }

    .home-content-wrapper {
        max-width: 100% !important;
    }

    .new-home-main .home-page-banner h1.banner-heading-text {
        font-size: 45px;
        line-height: 55px;
        text-align: center;
    }

    .new-home-main .banner-para-text {
        max-width: 100% !important;
        text-align: center;
    }

    .new-home-main .hc-parteners .col {
        margin: 0px;
    }

    .new-home-main .hc-parteners .col img {
        filter: gray;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

    .new-home-main .hc-parteners h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .new-home-main .how-it-works-new .list-group-item {
        margin: 0px;
    }

    .new-home-main .kynd-get-start .img-kynd-get-start {
        margin-top: 10px;
    }

    .new-home-main .kynd-olDiv h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .new-home-main .kynd-olDiv {
        padding-top: 0;
        min-height: 492px;
    }

    .new-home-main .employersInfoDiv .infoBox,
    .new-home-main .employersInfoDiv .infoBox2 {
        width: 100%;
    }

    .new-home-main .employersInfoDiv .infoBox h2,
    .new-home-main .employersInfoDiv .infoBox2 h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .new-home-main .weScreenGlobel h1 {
        margin: 25px 0 0 0;
        font-size: 25px;
        line-height: 35px;
    }

    .py-8 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .menu-icon {
        top: 30px;
    }
}

.img-circle {
    border-radius: 50%;
}

.userProfileDiv {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0px auto;
}

.userProfileDiv img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

#AppointmentCalendarContainer .cal-year .btn {
    border-radius: 3px;
    min-width: 67px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
}

#AppointmentCalendarContainer .cal-year .btn-primary {
    color: #ffffff;
    background-color: var(--theme-primary-color);
    border: none;
}

#AppointmentCalendarContainer .cal-year .page-header {
    margin-top: 0;
}

#AppointmentCalendarContainer .cal-year .btn-group {
    padding: 0 0 0px 7px;
}

#AppointmentCalendarContainer .cal-year .page-header h3.small, small {
    padding: 0 0 0 0px;
}

.create-acc-step .reasonbooksess h1 small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    margin-bottom: 24px !important;
    display: inline-block;
}

#AppointmentCalendarContainer .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

#calendar .selected-date span[data-cal-date] {
    font-size: 1.9em;
    color: darkgreen;
    padding: 8px 0 0px 0px !important;
}

#calendar .selected-date .cal-month-day {
    background-color: #e8fde7;
}

.calender-btn.btn-group > .btn-group:not(:first-child),
.calender-btn.btn-group > .btn:not(:first-child) {
    margin-left: 0px;
}



/*base css*/

.phb-heading-1 {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 38px;
    line-height: 48px;
    font-weight: 400;
    text-align: center;
}

@media(max-width: 1400px) {
    .phb-heading-1 {
        font-size: 32px;
        line-height: 45px;
    }
}

.phb-para-1 {
    color: var(--on-primary-color);
    font-size: 20px;
    line-height: 30px;
}


/*----------------------------------------------------------------------------*\
  hs hedaer
/*----------------------------------------------------------------------------*/
/*------------------------------------
  Header Helpers
------------------------------------*/
.header-invisible {
    display: none;
}

.header-moved-up {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

    .header-moved-up.header-hide-topbar {
        -webkit-transform: translate3d(0, -36px, 0);
        transform: translate3d(0, -36px, 0);
    }

.header-faded {
    opacity: 0;
    visibility: hidden;
}

.header-section-hidden {
    position: relative;
}

.header[data-hs-header-options*="fixMoment"] {
    transition: 0.3s ease;
}

.header.header-untransitioned {
    transition: none;
}

.ph-header {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
}

    .ph-header .navbar {
        padding: 8px 0px;
    }

    .ph-header.js-header-fix-moment {
        position: fixed;
        top: 0;
        bottom: auto;
        box-shadow: 0px 14px 25px rgb(13 41 66 / 8%);
        width: 100%;
        z-index: 99999;
        padding: 3px 0;
    }

.header.js-header-fix-moment .header-hide-content {
    display: none;
}

.header-fix-top {
    position: fixed;
}

.header.header-fix-top[data-hs-header-options*="effectCompensation"] {
    transition: none;
}

.js-header-fix-moment.ph-header .navbar-nav li a.x-sign {
    border: 2px solid var(--secondary-color) !important;
}

.nav-plumm-logo {
    max-width: 115px;
    height: auto;
}

.ph-header .navbar-nav {
    align-items: center;
}

    .ph-header .navbar-nav li a {
        padding: 10px 15px;
        color: var(--secondary-color);
    }

        .ph-header .navbar-nav li a.x-login, .ph-header .navbar-nav li a.x-sign {
            text-decoration: none !important;
            color: var(--secondary-color);
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 25px;
            text-shadow: none !important;
            box-sizing: border-box !important;
            border-radius: 4px !important;
            padding: 4px 15px !important;
            min-width: 125px;
            display: inline-block;
            text-align: center;
        }

        .ph-header .navbar-nav li a.x-sign {
            color: var(--secondary-color);
            border: 2px solid var(--secondary-color) !important;
            background: transparent;
        }

            .ph-header .navbar-nav li a.x-sign:hover {
                background: var(--secondary-color);
                border: 2px solid var(--secondary-color) !important;
                color: var(--white-color);
            }

        .ph-header .navbar-nav li a.x-login {
            background: var(--secondary-color);
            border: 2px solid var(--secondary-color);
            color: var(--white-color);
        }

            .ph-header .navbar-nav li a.x-login:hover {
                color: var(--secondary-color);
                border: 2px solid var(--secondary-color);
                background: var(--white-color);
            }

.ph-navbar-toggle-btn.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon {
    display: inline-block;
}

.ph-navbar-toggle-btn.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon-close, .ph-navbar-toggle-btn.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon {
    display: none;
}

.ph-navbar-toggle-btn .navbar-toggler-icon, .ph-navbar-toggle-btn .navbar-toggler-close {
    width: 1.5em;
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ph-navbar-toggle-btn .icon.ni {
    font-size: 31px;
    color: var(--secondary-color);
}

.ph-navbar-toggle-btn {
    width: 34px;
    height: 34px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 993px) and (max-width: 1150px) {
    .ph-header .navbar {
        padding: 4px 0px;
    }

    .ph-header .navbar-nav li a.x-login, .ph-header .navbar-nav li a.x-sign {
        padding: 2px 15px !important;
        min-width: 115px;
    }

    .nav-plumm-logo {
        max-width: 105px;
        height: auto;
    }
}

@media(min-width: 992px) {
    .ph-header.js-header-fix-moment {
        background-color: var(--white-color);
    }
}

@media(max-width: 991px) {
    .ph-header .navbar {
        padding: 0;
    }

    .nav-plumm-logo {
        max-width: 115px;
        height: auto;
    }

    .ph-header.js-header-fix-moment {
        padding: 8px 0;
    }

    .ph-menu-wrapper {
        padding: 25px 20px 30px;
        border-radius: 5px;
        margin-top: 15px;
    }

    .js-header-fix-moment .ph-menu-wrapper {
        backdrop-filter: none;
        background: transparent;
    }

    .ph-header .navbar-nav {
        align-items: flex-start;
        display: grid;
        grid-gap: 40px;
    }

        .ph-header .navbar-nav li a.x-sign {
            border: 2px solid var(--secondary-color) !important;
        }

            .ph-header .navbar-nav li a.x-sign:hover {
                color: var(--secondary-color);
            }

        .ph-header .navbar-nav li a {
            padding-left: 0;
            font-size: 18px;
        }

    .login-action-btns {
        grid-gap: 20px;
        margin-left: 0;
    }
}

/*css for plumm banner starts here*/
.home-page-banner {
    background: linear-gradient( 90deg, #FFC4B0 4.62%, #FFFFFF 100%);
}

.display-5 {
    color: #707070;
    font-weight: 700;
}

.hcb-main-hero-wrapper {
    min-height: 92vh;
    padding-top: 5rem;
}

.hcb-hero-text {
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    font-size: 63px;
    line-height: 70px;
}

.plb-banner-content p {
    line-height: 28px;
    color: var(--secondary-color);
    margin: 45px 0;
    font-size: 22px;
}

.w-md-100 {
    width: 100%;
}

.hcb-main-hero {
    right: 0;
    bottom: 0;
    margin: 0;
    height: 100%;
}

.plumm-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.plh-banner-content-wrapper {
    padding-left: 70px;
}

.plh-banner-cta {
    display: inline-grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 25px;
}

    .plh-banner-cta .hc-default-btn {
        padding: 8px;
        min-width: 170px;
        font-size: 17px;
    }

.hc-default-btn.plh-ot {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

    .hc-default-btn.plh-ot:hover {
        background-color: transparent;
        border: 2px solid var(--secondary-color);
        color: var(--secondary-color) !important;
    }

.hc-default-btn.plh-oc {
    background-color: transparent;
    border: 2px solid var(--white-color);
    color: var(--secondary-color) !important;
}

    .hc-default-btn.plh-oc:hover {
        color: var(--white-color) !important;
        border: 2px solid var(--secondary-color) !important;
        background: var(--secondary-color);
    }

.hcb-hero-text-mob-view {
    display: none;
}

@media(max-width: 1600px) {
    .hcb-main-hero-wrapper {
        min-height: 90vh;
        padding-top: 4.5rem;
    }

    .hcb-hero-text {
        font-size: 55px;
        line-height: 67px;
    }

    .plb-banner-content p {
        margin: 40px 0;
        font-size: 21px;
    }
}

@media(max-width: 1325px) {
    .hcb-main-hero, .hcb-main-hero .plumm-banner {
        height: 100%;
    }
}

@media(max-width: 1250px) {
    .hcb-main-hero {
        height: 100%;
    }

        .hcb-main-hero .plumm-banner {
            height: 100%;
            width: 100%;
        }

    .login-action-btns {
        margin-left: 10px;
    }

    .hcb-main-hero-wrapper {
        min-height: 500px;
    }
}

@media(max-width: 1100px) {
    .hcb-hero-text {
        font-size: 50px;
        line-height: 63px;
        margin-bottom: 0 !important;
    }

    .plh-banner-content-wrapper {
        padding-left: 0;
    }

    .plh-banner-cta {
        z-index: 9;
        position: relative;
    }
}

@media(max-width: 991px) {
    .plb-banner-content p, .hcb-hero-text {
        text-align: left;
    }

    .login-action-btns {
        margin-left: 0px;
    }

    .hcb-hero-text {
        font-size: 34px;
        line-height: 47px;
    }

    .plb-banner-content p {
        margin: 20px 0 25px;
        text-align: left;
        font-size: 20px;
    }

    .hcb-main-hero {
        display: flex;
        justify-content: flex-end;
    }

    .hcb-main-hero {
        height: 100%;
    }

    .hcb-main-hero-wrapper {
        min-height: 400px;
    }

    .plh-banner-cta .hc-default-btn {
        padding: 7px;
        min-width: 140px;
        font-size: 15px;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .plh-banner-content-wrapper {
        text-align: left;
    }
}

@media(max-width: 767px) {

    .plh-banner-cta {
        display: grid;
        grid-gap: 25px;
    }

    .hcb-main-hero {
        width: 100%;
        height: initial;
        top: 0;
        position: initial !important;
        bottom: initial;
        left: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hcb-main-hero-wrapper {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 !important;
    }

    .hcb-main-hero .plumm-banner {
        width: 100%;
        height: 498px;
        max-width: 100%;
    }

    .hcb-hero-text-mob-view {
        display: block;
        position: absolute;
        z-index: 99;
        text-align: center;
        top: 150px;
        font-size: 40px;
        line-height: 57px;
    }

    .hcb-hero-text-mob-hide {
        display: none;
    }

    .plb-banner-content p {
        text-align: center;
    }

    .plh-banner-cta {
        grid-gap: 20px;
        justify-content: center;
    }

    .hc-default-btn.plh-oc {
        border: 2px solid var(--secondary-color);
    }

    .plumm-banner-w-100 {
        background-color: var(--white-color);
        padding: 25px 16px 45px;
    }
}
/*css for plumm banner ends here*/
/*css for plumm partner slider starts here*/
.hc-parteners {
    margin: 35px 0 80px;
}

    .hc-parteners img {
        opacity: 0.8;
        filter: contrast(70%);
    }

    .hc-parteners h4 {
        font-size: 20px;
        color: var(--secondary-color);
        margin-bottom: 35px;
    }

img.ph-ppro {
    max-width: 93px;
}

img.ph-toaster {
    max-width: 155px;
}

img.ph-tesco {
    max-width: 130px;
}

img.ph-lombard {
    max-width: 129px;
}

img.ph-ubisoft, img.ph-wellcome {
    max-width: 52px;
}

img.ph-caesars {
    max-width: 82px;
}

img.ph-lpm {
    max-width: 77px;
}

img.ph-anytime {
    max-width: 131px;
}

@media(max-width: 1600px) {

    .hc-parteners img {
        max-width: 90px;
    }

    img.ph-ppro {
        max-width: 75px;
    }

    img.ph-toaster {
        max-width: 105px;
    }

    img.ph-tesco {
        max-width: 90px;
    }

    img.ph-anytime, img.ph-lombard {
        max-width: 105px;
    }

    img.ph-ubisoft, img.ph-wellcome {
        max-width: 40px;
    }

    img.ph-caesars {
        max-width: 65px;
    }

    img.ph-lpm {
        max-width: 60px;
    }
}
/*css for plumm partner slider ends here*/

/*css for plumm 4x starts here*/
.section-therapy {
    margin-top: 40px;
}

    .section-therapy .ph-header-1 {
        margin-bottom: 60px;
    }

.ph-why-plumm-inner h3 {
    text-align: left;
}

.ph-why-plumm-inner p {
    text-align: left;
    font-size: 18px;
}

.ph-hiw-4x-grid {
    margin-bottom: 10px;
}

.section-hiw .ph-hiw-4x-grid {
    margin-bottom: 40px;
}

@media(max-width: 1600px) {
    .ph-why-plumm-inner .ph-4x-icon-wrapper svg {
        max-width: 28px;
    }

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        border-radius: 13px;
        width: 65px;
        height: 65px;
    }

    .ph-why-plumm-inner h3 {
        font-size: 21px;
    }

    .ph-why-plumm-inner p {
        font-size: 16px;
        line-height: 30px;
    }
}


@media(max-width: 575px) {
    .ph-icon-head {
        display: grid;
        grid-template-columns: 80px auto;
        grid-gap: 25px;
        align-items: center;
        margin-bottom: 25px;
    }

    .section-therapy .ph-hiw-desc {
        max-width: 90%;
        margin: 0 auto;
    }

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        margin-bottom: 0;
    }

    .ph-why-plumm-inner h3 {
        text-align: left;
        margin: 0;
    }

    .ph-why-plumm-inner p {
        text-align: left;
        font-size: 19px;
        line-height: 33px;
    }

    .ph-why-plumm-inner {
        min-height: 300px;
    }
}
/*css for plumm 4x ends here*/
/*css for slider get start starts here*/
.section-get-start {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='1698' height='948' viewBox='0 0 1698 948' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M744.6 100.7C903.28 116.99 1056.17 158.55 1213.49 175.15C1075.6 143.65 944.6 85.06 805.82 52.35C548.48 -8.31998 261.17 -22 0 42V134.41C243.92 83.11 503.59 75.93 744.6 100.7Z' fill='%23E8F4FE'/%3E%3Cpath d='M1698 122.4C1594.83 157.4 1485.93 177.19 1376 181.4C1321 183.52 1267 180.76 1213.44 175.12C1056.17 158.55 903.28 117 744.6 100.7C503.59 75.93 243.92 83.11 0 134.36V947.55H1698V122.4Z' fill='%23173571'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='1698' height='947.55' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    margin: 90px 0;
    padding-bottom: 60px;
}

    .section-get-start .ph-header-1 {
        color: var(--white-color);
        font-size: 56px;
        margin-bottom: 35px;
    }

    .section-get-start .img-kynd-get-start {
        width: 100%;
        margin-top: 150px;
    }

.get-start-content {
    color: var(--white-color);
    padding-top: 280px;
}

.section-get-start h3 {
    font-family: var(--secondary-font);
    font-size: 33px;
    line-height: 49px;
    color: var(--white-color);
}

.section-get-start .list-wrapper {
    position: relative;
    margin-top: 50px;
}

.section-get-start .list-item-wrapper {
    margin-bottom: 50px;
    position: relative;
}

.section-get-start .list-bullet {
    float: left;
    margin-right: 40px;
    background: var(--white-color);
    height: 50px;
    width: 50px;
    border-radius: 8px;
    font-weight: 500;
    color: var(--secondary-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.section-get-start .list-item {
    display: table-row;
    vertical-align: middle;
}

.get-start-content .list-item-wrapper {
    display: flex;
    align-items: center;
}

    .get-start-content .list-item-wrapper p {
        margin-bottom: 0;
        font-size: 17px;
    }

.section-get-start-inner {
    display: grid;
    grid-template-columns: 50% 1fr;
    align-items: center;
    grid-gap: 80px;
}

    .section-get-start-inner > img {
        align-self: flex-start;
        padding-top: 35px;
    }

.get-start-content .list-item-wrapper .list-bullet {
    position: relative;
}

    .get-start-content .list-item-wrapper .list-bullet.gs-b1::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        background-color: #fff;
        top: 65px;
    }

    .get-start-content .list-item-wrapper .list-bullet.gs-b2::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 20px;
        background-color: #fff;
        top: 66px;
    }

@media(max-width: 1600px) {

    .section-get-start {
        padding-bottom: 40px;
    }

        .section-get-start .ph-header-1 {
            font-size: 46px;
            margin-bottom: 30px;
        }

        .section-get-start h3 {
            font-size: 25px;
            line-height: 37px;
        }

    .get-start-content {
        color: var(--white-color);
        padding-top: 190px;
    }

    .section-get-start .list-item-wrapper {
        margin-bottom: 40px;
    }

    .section-get-start .list-wrapper {
        position: relative;
        margin-top: 30px;
    }

    .section-get-start .list-bullet {
        height: 35px;
        width: 35px;
        font-size: 18px;
    }

    .get-start-content .list-item-wrapper p {
        margin-bottom: 0;
        font-size: 15px;
    }

    .section-get-start-inner > img {
        max-width: 80%;
        margin: 0 auto;
        padding-top: 60px;
    }

    .section-get-start h3 br {
        display: none;
    }

    .get-start-content .list-item-wrapper .list-bullet.gs-b1::after {
        top: 46px;
    }

    .get-start-content .list-item-wrapper .list-bullet.gs-b2::after {
        top: 50px;
    }
}


@media(max-width: 1400px) {
    .section-get-start .ph-header-1 {
        font-size: 45px;
        margin-bottom: 28px;
    }

    .section-get-start h3 {
        font-size: 24px;
        line-height: 38px;
    }

    .get-start-content {
        color: var(--white-color);
        padding-top: 190px;
    }

    .section-get-start .list-item-wrapper {
        margin-bottom: 40px;
        position: relative;
    }

    .section-get-start .list-bullet {
        height: 35px;
        width: 35px;
        font-size: 18px;
    }

    .get-start-content .list-item-wrapper p {
        margin-bottom: 0;
        font-size: 15px;
    }

    .section-get-start-inner > img {
        max-width: 95%;
        margin: 0 auto;
    }

    .get-start-content .list-item-wrapper .list-bullet.gs-b1::after {
        top: 47px;
    }

    .get-start-content .list-item-wrapper .list-bullet.gs-b2::after {
        top: 50px;
    }

    .get-start-content {
        padding-top: 173px;
    }

    .section-get-start-inner > img {
        max-width: 84%;
    }
}


@media(max-width: 1122px) {
    .section-get-start-inner {
        grid-template-columns: auto;
        align-items: center;
        grid-gap: 30px;
    }

    .get-start-content {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 30px;
    }

    .section-get-start .list-wrapper {
        margin-top: 30px;
        text-align: left;
    }

    .section-get-start h3 {
        font-size: 31px;
        line-height: 46px;
    }

    .section-get-start-inner > img {
        max-width: 50%;
    }

    .section-get-start .ph-header-1 {
        line-height: 69px;
    }
}


@media(max-width: 575px) {
    .section-get-start {
        margin: 30px 0 70px;
    }

    .section-get-start-inner > img {
        max-width: 100%;
    }

    .get-start-content {
        padding-top: 10px;
    }

    .section-get-start h3 {
        font-size: 27px;
        line-height: 46px;
    }
}

/*css for slider get start here*/
/*css for slider testi starts here*/
.section-testimonial .phb-heading-1 {
    margin-bottom: 80px;
}

.rating-stars {
    display: block;
}

    .rating-stars svg {
        max-width: 180px;
        height: 32px;
    }

.testimonial-new .center-testimonial {
    top: -25px;
}

.testi-items-list {
    display: block;
    width: 94%;
    background: #FEFEFF;
    border-radius: 9px;
    padding: 25px 25px 25px;
    min-height: 350px;
    box-shadow: 6px 31px 31px rgb(4 19 97 / 7%);
    margin-bottom: 55px;
}

.section-testimonial .testi-items-head {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
}

.section-testimonial .testi-items-para {
    font-size: 17px;
    font-weight: 400;
    color: var(--secondary-color);
    line-height: 29px;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.testimonial-new .btn-kynd {
    background: #173571;
    border-radius: 5px;
    margin: -30px 0 0 0;
    color: #FFF;
}

@media(max-width: 1600px) {
    .rating-stars svg {
        max-width: 170px;
        height: 26px;
    }

    .testi-img-wrapper .testi-imgs.active-testi {
        width: 75px;
        height: 75px;
    }

    .section-testimonial .testi-items-para {
        font-size: 16px;
    }
}

@media(max-width: 575px) {
    .testi-items-list {
        padding: 25px 15px 25px;
        margin: 20px auto 50px;
    }

    .testimonial-new .center-testimonial {
        margin-bottom: 40px;
    }

    .testi-img-wrapper .testi-imgs.active-testi {
        width: 65px;
        height: 65px;
    }

    .section-testimonial .testi-items-head {
        font-size: 18px;
    }
}


/*css for slider testi ends here*/

/*css for count starts here*/

.section-blue-bg-count {
    background-color: #B8DCFF;
    padding: 70px 0 80px;
    margin: 90px 0;
}

.phb-count-data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    text-align: center;
    flex-grow: 1;
}

.proof-plum {
    box-shadow: -10px 31px 26px rgb(18 49 128 / 10%);
    border-radius: 6px;
    padding: 80px 40px;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 50px;
}

.phb-count-data h3 {
    font-size: 65px;
    line-height: 45px;
    text-align: center;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    margin-bottom: 30px;
}

.phb-count-data-inner p {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 0;
    color: var(--secondary-color);
}


@media(max-width: 1600px) {
    .phb-count-data {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .phb-count-data h3 {
            font-size: 48px;
            line-height: 42px;
            margin-bottom: 25px;
        }

    .phb-count-data-inner p {
        font-size: 18px;
    }

        .phb-count-data-inner p br {
            display: none;
        }
}

@media(min-width: 768px) and (max-width: 991px) {
    .section-blue-bg-count {
        margin: 50px 0;
    }
}

@media(max-width: 991px) {
    .phb-count-data h3 {
        font-size: 46px;
        margin-bottom: 20px;
    }

    .phb-count-data-inner p {
        font-size: 18px;
    }
}

@media(max-width: 575px) {

    .proof-plum br {
        display: none;
    }

    .phb-count-data h3 {
        font-size: 45px;
        margin-bottom: 25px;
    }

    .proof-plum {
        padding: 40px 20px;
    }

    .phb-count-data-inner p {
        font-size: 20px;
    }

    .phb-count-data {
        grid-template-columns: 1fr;
        grid-gap: 60px;
        flex-grow: 1;
    }
}
/*css for count ends here*/


/*css for around globe starts here*/


.section-globe {
    margin: 90px 0;
}


    .section-globe p {
        text-align: center;
    }

.section-global-family-inner {
    margin-bottom: 80px;
}

.section-globe img {
    max-width: 90%;
}

@media(max-width: 1600px) {
    .section-globe {
        margin: 70px 0;
    }

    .section-global-family-inner {
        margin-bottom: 60px;
    }

        .section-global-family-inner .phb-para-1 {
            font-size: 18px;
            line-height: 30px;
            margin-top: 15px;
        }
}

.plh-globe {
    margin-top: 30px;
}
/*css for around globe ends here*/
/*css for plumm busines starts here*/
.plumm-business {
    display: grid;
    grid-template-columns: 55% auto;
    max-width: 820px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    grid-gap: 40px;
}

.ph-section-business {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='1699' height='546' viewBox='0 0 1699 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1698.87 77.2222V545.579H0.371094V0.408691C144.624 54.5979 437.779 89.5233 810.015 45.9692C1200.16 0.320007 1528.12 27.8179 1698.87 77.2222Z' fill='url(%23paint0_linear)' fill-opacity='0.76'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='0.371094' y1='545.579' x2='1698.87' y2='545.579' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.255208' stop-color='%23B8DCFF'/%3E%3Cstop offset='1' stop-color='%23FEFEFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    min-height: 360px;
}

    .ph-section-business h2 {
        font-family: var(--secondary-font);
        font-weight: normal;
        font-size: 40px;
        line-height: 46px;
        color: var(--secondary-color);
        text-align: left;
    }

    .ph-section-business p {
        font-size: 17px;
        line-height: 28px;
        color: var(--secondary-color);
        margin: 25px 0 35px;
        max-width: 85%;
    }

.plumm-business-content {
    margin-top: 35px;
}

.ph-section-business img {
}

@media(min-width: 1600px) {
    .plumm-business-content {
        margin-top: 65px;
    }
}

@media(max-width: 1300px) {
    .ph-section-business {
        padding-top: 30px;
    }
}

@media(max-width: 768px) {
    .plumm-business {
        grid-template-columns: 47% auto;
        grid-gap: 30px;
    }

    .ph-section-business h2 {
        font-size: 30px;
        line-height: 38px;
        text-align: center;
    }

    .ph-section-business p {
        line-height: 26px;
        max-width: 100%;
    }

    .plumm-business br {
        display: none;
    }
}

@media(max-width: 575px) {
    .plumm-business {
        grid-template-columns: 1fr;
        grid-gap: 60px;
        text-align: center;
    }

    .ph-section-business {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='375' height='904' viewBox='0 0 375 904' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.863281 19.1487C56.0416 39.6582 131.756 45.3331 220.292 20.4649C275.918 4.84019 327.923 -0.554371 374.042 1.35296V903.072H0.863281V19.1487Z' fill='url(%23paint0_linear)' fill-opacity='0.76'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='0.863281' y1='903.072' x2='374.042' y2='903.072' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.255208' stop-color='%23B8DCFF'/%3E%3Cstop offset='1' stop-color='%23FEFEFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}



/*css for plumm busines ends here*/

/*css for subscribe newsletter starts here*/

.ph-subscribe-wrapper {
    display: grid;
    grid-template-columns: max-content 1fr;
    max-width: 820px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    grid-gap: 40px;
}

.ph-section-subscribe {
    padding: 66px 0 30px;
}

    .ph-section-subscribe h2 {
        font-family: var(--secondary-font);
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        color: var(--secondary-color);
    }

    .ph-section-subscribe p {
        font-size: 18px;
        line-height: 23px;
        color: #071021;
        opacity: 0.7;
    }

.input-subscribe {
    display: flex;
    align-items: flex-start;
}

    .input-subscribe input {
        border-radius: 0px;
        border: none;
        border-bottom: 2.5px solid var(--dashboard-hr-color);
        padding: 0 20px 0 0px;
        color: #071021;
        font-size: 16px;
        margin-right: 25px;
        min-width: 280px;
    }

        .input-subscribe input::placeholder {
            font-size: 17px;
            color: var(--on-primary-color);
        }

        .input-subscribe input:focus {
            background-color: var(--white-color);
            border-color: var(--dashboard-hr-color);
            outline: 0;
        }

.ph-section-subscribe .default-white-btn {
    background: #359BEC;
    border-radius: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
}


@media(max-width: 1024px) {
    .ph-subscribe-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        margin: initial;
        margin-left: auto;
        max-width: 75%;
    }

    .input-subscribe input {
        font-size: 16px;
        min-width: initial;
        max-width: 100%;
        margin-bottom: 30px;
        margin-right: 30px;
        margin-top: 5px;
    }
}

@media(max-width: 767px) {
    .ph-subscribe-wrapper {
        grid-template-columns: auto;
        grid-gap: 20px;
        max-width: 100%;
    }

    .input-subscribe input {
        font-size: 16px;
        margin-right: 0;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .input-subscribe {
        flex-direction: column;
        align-items: center;
    }

    .ph-section-subscribe {
        padding: 66px 0 120px;
    }

        .ph-section-subscribe br {
            display: none;
        }

        .ph-section-subscribe h2 {
            font-size: 20px;
            text-align: center;
        }
}
/*css for subscribe newsletter ends here*/


/*css for ourpractionor page*/

.ph-op-banner {
    background: linear-gradient( 90deg, #B8DCFF 25.52%, #FFFFFF 68%);
}

.ph-op-hero-wrapper {
    min-height: 530px;
}

.ph-jat-image-wrapper {
    right: 0px;
    height: 100%;
    width: 100%;
    margin: 0;
    background-image: url(/Content/images/plumm/jat-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 21% 100%);
}

.ph-jat-banner-content {
    color: var(--secondary-color);
}

    .ph-jat-banner-content h1 {
        font-size: 56px;
        line-height: 70px;
        font-family: var(--secondary-font);
    }

    .ph-jat-banner-content p {
        font-size: 18px;
        line-height: 27px;
        margin: 30px 0 35px;
    }

.jat-btn {
    background-color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

    .jat-btn:hover {
        border: 1px var(--primary-dark-color);
    }

.phb-security {
    position: absolute;
    right: 30%;
    bottom: 20px;
}

    .phb-security h4 {
        font-size: 14px;
        text-align: center;
        color: #173571;
        margin-bottom: 25px;
    }

.security-logo {
    width: 340px;
    height: 30px;
    display: inline-block;
}

@media(max-width: 1600px) {
    .ph-jat-image-wrapper {
        clip-path: polygon(12% 0, 100% 0, 100% 100%, 2% 100%);
    }

    .ph-jat-banner-content h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .ph-jat-banner-content p {
        margin: 25px 0 30px;
    }

    .phb-security {
        right: 37%;
    }
}

@media(max-width: 1300px) {
    .ph-jat-image-wrapper {
        clip-path: polygon(16% 0, 100% 0, 100% 100%, 2% 100%);
        background-position: 78% center;
    }
}

@media(max-width: 1100px) {
    .ph-jat-banner-content p br {
        display: none;
    }
}

@media(min-width: 769px) {
    .phb-security-f-mobile {
        display: none;
    }
}

@media(max-width: 992px) {
    .ph-op-hero-wrapper {
        flex-direction: column;
        overflow-x: hidden;
    }

    .ph-jat-image-wrapper {
        position: relative !important;
        min-height: 400px;
        clip-path: none;
        padding: 0;
        margin: 0 -15px;
        width: calc(100% + 60px);
    }

    .ph-op-banner .plh-banner-content-wrapper {
        text-align: center;
        min-height: 440px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ph-jat-banner-content p {
        margin: 25px 0 30px;
        font-size: 18px;
        line-height: 28px;
    }

    .phb-security-f-desk {
        display: none;
    }

    .phb-security h4 {
        margin-bottom: 10px;
    }

    .phb-security {
        left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
        width: 100%;
    }

    .hc-default-btn.jat-btn {
        margin-bottom: 65px;
    }

    .phb-security h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

@media(max-width: 575px) {

    .ph-op-banner .plh-banner-content-wrapper {
        min-height: 531px;
        justify-content: initial;
        padding-top: 70px !important;
    }

    .ph-jat-banner-content h1 {
        font-size: 43px;
        line-height: 52px;
    }

    .ph-jat-banner-content {
        margin-bottom: 0;
    }
}


/*section mental health care starts here*/
.section-mental-health-care {
    margin: 70px 0 40px;
}

    .section-mental-health-care > .container {
        max-width: 1100px;
    }

.mental-health-care-boxes-row {
    justify-content: center;
}

.pl-jat-head {
    margin-bottom: 50px;
    text-align: center;
}

.mental-health-care-boxes-items {
    margin-bottom: 30px;
    background: #F4F8FC;
    border-radius: 9px;
    padding: 25px;
    min-height: 270px;
}

.mental-health-care-boxes-ch {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 20px;
    align-items: center;
}

.mental-health-care-boxes-items svg {
    width: 35px;
    height: 34px;
}

.mental-health-care-boxes-items h4 {
    font-size: 23px;
    line-height: 39px;
    color: #173571;
    font-weight: 600;
    margin-bottom: 0;
}

.mental-health-care-boxes-items p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    line-height: 31px;
    color: var(--secondary-color);
}

.pl-jat-center-btn {
    margin: 40px 0;
}

@media(max-width: 768px) {
    .section-mental-health-care {
        margin: 70px 0 40px;
        background-color: #fff;
    }
}
/*section mental- health care ends here*/

/*section are you therapist starts here*/
.section-are-you-therapist > .container {
    max-width: 1100px;
}

.ph-are-you-therapist {
    background: #F4F8FC;
    border-radius: 9px;
    padding: 45px;
}

@media(max-width: 768px) {
    .ph-are-you-therapist {
        padding: 25px;
    }

        .ph-are-you-therapist .ph-para-head {
            text-align: center;
        }

        .ph-are-you-therapist .ph-default-para-wrapper .ph-para-1:nth-child(2) {
            text-align: center;
        }
}
/*section are you therapist ends here*/

/*section join plumm starts here*/


.join-plumm-content img {
    width: 180px;
    height: 180px;
    position: relative;
    left: -19px;
    margin-bottom: 15px;
}

.join-plumm-content h4 {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 25px;
}

.join-plumm-content p {
    color: var(--secondary-color);
    margin-bottom: 25px;
    font-size: 16px;
    max-width: 75%;
    line-height: 31px;
}

section.section-join-plumm {
    margin: 80px 0 40px;
}

@media(min-width: 1200px) {
    .section-join-plumm > .container {
        max-width: 1100px;
    }
}

@media(min-width: 993px) and (max-width: 1099px) {
    .join-plumm-content p {
        max-width: 90%;
        line-height: 31px;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
    .join-plumm-content {
        text-align: center;
    }

        .join-plumm-content p {
            max-width: 85%;
            text-align: center;
            margin: 0 auto 25px;
        }
}

@media(max-width: 768px) {
    .join-plumm-content {
        text-align: center;
    }

        .join-plumm-content img {
            left: 0px;
        }

    section.section-join-plumm {
        margin: 70px 0 110px;
    }
}

@media(max-width: 575px) {
    .join-plumm-content p {
        max-width: 100%;
    }
}


/*css for join as therapist starts here*/
.register-therapist-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.register-therapist-head {
    font-size: 30px;
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: 50px;
    margin-top: 30px;
    font-family: var(--secondary-font);
}

.register-therapist-inner-wrapper p {
    text-align: justify;
    margin-top: 20px;
}

.form-therapist-singup {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px 30px;
}

.form-therapist-singup-main {
    margin-top: 20px;
}

.captcha-therapist-singup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.captcha-therapist-singup {
    margin: 25px 0 25px;
}

.checkbox-therapist-singup {
    margin-top: 10px;
}

.checkbox-therapist-singup .control__indicator {
    top: 6px;
}

.checkbox-therapist-singup .control {
    padding-left: 36px;
}

.register-therapist-wrapper {
    padding-bottom: 30px;
}

.checkbox-therapist-singup .control input {
    opacity: 0;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
}

.privacy-ploicy-text {
    line-height: 24px;
}

@media(max-width: 1600px) {
    .register-therapist-head {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .register-therapist-wrapper {
        padding-top: 20px;
    }

    .register-therapist-inner-wrapper p {
        margin-bottom: 15px;
    }

    .checkbox-therapist-singup {
        margin-top: 5px;
    }

    .privacy-ploicy-text br {
        display: none;
    }
}

@media(max-width: 1400px) {
    .register-therapist-wrapper {
        max-width: 830px;
    }
}

@media(max-width: 1200px) {
    .section-therapist-singup {
        padding-top: 50px;
        align-items: flex-start;
    }

    .register-therapist-head {
        font-size: 28px;
        margin-top: 25px;
        margin-bottom: 35px;
    }
}

@media(max-width: 575px) {

    .register-therapist-head {
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 36px;
        line-height: 33px;
    }

    .register-therapist-inner-wrapper p {
        margin-bottom: 5px;
        text-align: initial;
        font-size: 14px;
        line-height: 26px;
    }

    .form-therapist-singup {
        grid-template-columns: auto;
    }

    .form-therapist-singup-main .ph-para-1 {
        font-size: 14px;
        line-height: 25px;
    }

    .btn-therapist-singup {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        .btn-therapist-singup button {
            max-width: 100%;
            width: 100%;
            border-radius: 0;
        }

    .form-therapist-singup-main .text-danger, #captchaDoctor {
        font-size: 14px;
        color: #dc3545 !important;
    }

    .captcha-therapist-singup {
        margin: 15px 0 15px;
    }

    .privacy-ploicy-text {
        margin-bottom: 30px !important;
    }

    .register-therapist-wrapper {
        padding-top: 10px;
    }
}
/*css for join as therapist ends here*/

/*css for practices inner page starts here*/

.ph-practices-inner-wrapper {
    margin: 70px 0;
}

.ph-practices-img-wrapper {
    max-height: 400px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
}

    .ph-practices-img-wrapper img {
        width: 100%;
    }

.ph-practices-content-wrapper {
    background: linear-gradient( 90deg, rgb(255 196 176 / 90%) 44.86%, #FFFFFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 265px;
    flex-direction: column;
    max-width: 84%;
    margin: -70px auto 0;
    z-index: 9;
    position: relative;
    border-radius: 3px;
}

    .ph-practices-content-wrapper p {
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: var(--secondary-color);
        margin: 0;
    }

    .ph-practices-content-wrapper label {
        font-size: 15px;
        color: var(--secondary-color);
        margin-top: 25px;
    }

.practices--testi-bg {
    background: rgba(184, 220, 255, 0.76);
    margin-bottom: 70px;
    padding: 20px;
}

.ph-inner-wrapper-content {
    max-width: 70%;
    text-align: center;
}

.center-mode-practices small {
    display: none;
}

.center-mode-practices {
    max-width: 1150px;
    margin: 0 auto;
}

.ph-practices-testi-header {
    margin: 70px 0 30px;
}

@media(max-width: 1100px) {
    .center-mode-practices {
        max-width: 80%;
    }
}

@media(max-width: 991px) {

    .center-mode-practices {
        max-width: 100%;
    }

        .center-mode-practices .slick-slide .practices-review-inner {
            margin: 20px 10px !important;
        }

    .ph-practices-content-wrapper p {
        font-size: 18px;
        line-height: 35px;
    }

    .ph-practices-content-wrapper {
        min-height: 215px;
    }

    .ph-inner-wrapper-content {
        max-width: 88%;
    }
}

@media(max-width: 767px) {
    .ph-practices-content-wrapper {
        max-width: calc(100% - 30px);
    }

    .ph-practices-img-wrapper img {
        width: 100%;
        height: 170px;
        object-fit: cover;
    }
}

@media(max-width: 575px) {
    .practices--testi-bg {
        padding: 4px;
    }

    .ph-inner-wrapper-content {
        max-width: 100%;
        padding: 18px;
    }

    .ph-practices-content-wrapper p {
        font-size: 16px;
        line-height: 35px;
    }
}

/*css ro pa=ractics inner page ends here*/

.therapist-singup-frist-name span > span {
    line-height: 18px;
    display: inline-block;
    margin-top: 4px;
}

.login-plumm-account-form {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.login-plumm-account .social-connect-button span {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--primary-font);
}

.plumm-login-social-media {
    display: grid;
    grid-gap: 20px;
}

.login-plumm-account .social-connect-button {
    padding: 10px 0px 10px 15px;
    margin: 0;
}

.plumm-login-social-list {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 15px;
    letter-spacing: 0.3px;
}

    .plumm-login-social-list svg {
        width: 23px;
        height: 23px;
        display: inline-block;
    }

.login-plumm-account .team-inner-wrapper {
    overflow: hidden;
}

.login-plumm-account .ph-signup-graphic {
    transform: scale(1);
}

.login-plumm-account .step5-main-row {
    padding-left: 80px;
    padding-top: 20px;
}

.login-plumm-account .sign-up-txt > small {
    font-family: var(--secondary-font);
    font-weight: 400 !important;
    color: var(--secondary-color) !important;
    font-size: 25px !important;
}

.login-plumm-account .ph-signup-main-container {
    position: relative;
    top: -20px;
}

.login-plumm-account .sign-infoTxt {
    margin-top: 17px;
}

.login-plumm-account-main-wrapper {
    display: grid;
    grid-template-columns: 40% 1fr;
    align-items: center;
}

.login-plumm-account {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh !important;
}

@media(max-height: 670px) {
    .login-plumm-account .ph-signup-graphic {
        max-width: 90%;
    }
}

@media(max-width: 1200px) {
    .login-plumm-account .step5-main-row {
        padding-left: 30px;
        padding-top: 20px;
    }

}

@media(max-width: 1024px) {
    .login-plumm-account-main-wrapper {
        display: grid;
        grid-template-columns: auto;
        align-items: center;
        padding-top: 55px;
        max-width: 65%;
        margin: 0 auto;
    }
}


@media(max-width: 992px) {
    .login-plumm-account-main-wrapper {
        max-width: 500px;
    }
}

@media(max-width:575px) {

    .login-plumm-account {
        align-items: flex-start;
    }

    .login-plumm-account-main-wrapper {
        padding-top: 55px;
        max-width: 100%;
        margin: 0 auto;
    }

    .login-plumm-account .step5-main-row {
        padding-left: 0;
    }

    .login-plumm-account-form {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .login-plumm-account .sign-up-txt > small {
        font-size: 22px !important;
        display: inline-block;
        margin-bottom: 10px !important;
        margin-top: 10px;
    }

    .login-plumm-left-form {
        margin-bottom: 15px;
    }

    .login-plumm-account .ph-signup-graphic {
        transform: scale(1.1);
    }

    .login-plumm-left-form .continue-btn-wrapper {
        min-height: initial;
    }

    .login-plumm-account .team-inner-wrapper {
        overflow: hidden;
        margin-top: -70px;
    }
}

/*plumm custom header*/

.plumm-custom-header {
    max-width: 115px;
    position: absolute;
    z-index: 999;
    top: 20px;
    width: 100%;
    left: 30px;
}

    .plumm-custom-header img {
        max-width: 115px;
    }

.partner-page.checkbox-therapist-singup .control input {
    top: 4px;
}

@media(max-width: 767px) {
    .plumm-custom-header {
        top: 15px;
        width: 100%;
        left: 15px;
    }

        .plumm-custom-header img {
            max-width: 90px;
        }
}
/*plumm custom header ends here*/

/*updated tou*/
.ph-tou-head-para-wrapper {
    margin-bottom: 50px;
}

.ph-tou-head-head {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    padding-bottom: 18px;
    margin-top: 25px;
    display: grid;
    grid-template-columns: 30px auto;
    grid-gap: 25px;
}

    .ph-tou-head-head label {
        font-family: var(--secondary-font);
        color: var(--secondary-color);
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 0;
        margin-right: 16px;
    }

.ph-tou-head-para {
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 16px;
    padding-left: 57px;
}

.ph-tou-head-para-wrapper ul.charge_li {
    padding-left: 94px;
}

.ph-sub-head-wrapper-tou {
    margin-left: 54px;
    margin-bottom: 24px;
}

    .ph-sub-head-wrapper-tou .ph-tou-head-head {
        font-size: 19px;
        margin-top: 5px;
        padding-bottom: 3px;
    }

        .ph-sub-head-wrapper-tou .ph-tou-head-head label {
            font-size: 1.05rem;
        }

.ph-tou-head-para-w-num label {
    margin-right: 16px;
}

h2.ph-tou-head-head.ph-tou-head-head-no {
    font-family: var(--primary-font);
    font-size: 17px;
    font-weight: 600;
}

.tou-ph-head {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 23px;
    font-weight: 400;
    line-height: 27px;
}

.tou-remove-bold {
    display: inline-block;
    font-weight: 400;
}

@media (max-width: 768px) {
    .ph-sub-head-wrapper-tou {
        margin-left: 0px;
        margin-bottom: 24px;
    }

    .ph-tou-head-para {
        padding-left: 0;
    }

    .ph-sub-head-wrapper-tou .ph-tou-head-head {
        font-size: 16px;
        margin-top: 5px;
        padding-bottom: 3px;
        grid-gap: 16px;
        line-height: 26px;
    }

        .ph-sub-head-wrapper-tou .ph-tou-head-head label {
            font-size: 16px;
        }

    .ph-tou-head-head {
        font-size: 18px;
        line-height: 27px;
        grid-gap: 16px;
        grid-template-columns: 22px auto;
    }


    .ph-tou-head-para-wrapper ul.charge_li {
        padding-left: 54px;
    }

    .ph-tou-head-head label {
        font-size: 18px;
        margin-right: 16px;
    }
}

.create-account-page .form-group {
    margin-bottom: 25px !important;
}



/*custom loader starts here*/
/**===== circle2 =====*/
#circle2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 65px;
    width: 65px;
    margin: -25px 0 0 -25px;
    border: 3px rgb(55 64 94) solid;
    border-top: 2px white solid;
    border-radius: 50%;
    -webkit-animation: spin2 1s infinite linear;
    animation: spin2 1.5s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/** END of circle2 */
/*custom loader ends here*/


span.sub-admin-close {
    display: inline-block;
    margin-left: 3px;
    cursor: pointer;
    line-height: 1;
}

    span.sub-admin-close .icon.ni {
        color: var(--dark-bg-txt);
        font-size: 0.8rem;
        position: relative;
        top: 0px;
        opacity: 0.9;
        line-height: 1;
    }

.ph-default-tag-df {
    display: inline-flex;
    align-items: center;
}

.ph-login-head {
    font-size: 25px !important;
    margin-bottom: 40px !important;
    margin-top: 25px;
    font-family: var(--secondary-font);
    font-weight: 400 !important;
    color: var(--secondary-color) !important;
    text-align: center;
    display: block;
}

.ph-ca-forms .form-group {
    margin-bottom: 20px !important;
}

.step5-main-row-caa.step5-main-row {
    padding-left: 80px;
}

.review-block .review-user-name {
    margin-left: 4px;
}

@media (max-width: 1200px) {
    .step5-main-row-caa.step5-main-row {
        padding-left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .ph-ca-forms.select-category .continue-btn-para {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .ph-login-head {
        font-size: 22px !important;
        margin-bottom: 15px !important;
        margin-top: 5px;
    }

    .terms-use-text-caa {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .ph-signup-main-lottie {
        margin-bottom: 35px;
    }

    .aldy-acc-modifier {
        position: initial !important;
        transform: initial;
        background-color: transparent;
        margin: 0 !important;
    }

        .aldy-acc-modifier .existing-user-wrapper .symtom-text-new {
            font-size: 16px !important;
        }

    .login-plumm-account .team-inner-wrapper {
        position: relative;
        z-index: -1;
    }

    .aldy-acc-modifier .existing-user-wrapper a {
        min-width: 156px !important;
        font-size: 16px !important;
    }
}



/*login page consent UI starts here*/

.phb-heading-1 {
    color: #173571;
    font-size: 38px;
    line-height: 55px;
    font-weight: 400;
    margin-bottom: 50px;
}

.phb-mental-beign-list {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-gap: 25px;
}

    .phb-mental-beign-list svg {
        width: 28px;
        height: 28px;
        display: inline-block;
    }

    .phb-mental-beign-list h3 {
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        color: #173571;
        margin-bottom: 10px;
    }

    .phb-mental-beign-list:not(:last-child) {
        margin-bottom: 15px;
    }

    .phb-mental-beign-list p {
        font-size: 16px;
        line-height: 28px;
        color: #6a7895;
    }

.privacy-head-login {
    text-align: center;
    font-size: 31px;
    line-height: 39px;
    margin-top: 45px;
    margin-bottom: 25px;
}

.login-consent-privacy-wrapper {
    padding-left: 80px;
    margin-bottom: 25px;
}
/*login page consent UI ends here*/


.practices-book-session-div button {
    display: none;
}

.row.create-account-page.ques-ca-row .form-group, .ques-ca-row .form-group {
    margin-bottom: 35px !important;
}

@media (max-width: 767px) {
    .row.create-account-page.ques-ca-row .form-group, .ques-ca-row .form-group {
        margin-bottom: 25px !important;
    }
}


.nd-label-head span {
    background-color: transparent !important;
}

/*css for partner page starts here*/
.partners-login .field {
    background: white;
    box-sizing: border-box;
    font-weight: 400;
    border: 1px solid #CFD7DF;
    color: #32315E;
    outline: none;
    flex: 1;
    height: 45px;
    line-height: 48px;
    padding: 0 20px;
    cursor: text;
    border-radius: 5px;
    border: 1px solid #2ebabf;
}

    .partners-login .field:focus,
    .partners-login .field.StripeElement--focus {
        border-color: #2ebabf;
    }

.partners-login .outcome {
    float: left;
    width: 100%;
    padding-top: 3px;
    min-height: 30px;
    text-align: center;
}

.partners-login .success, .partners-login .error {
    display: none;
    font-size: 14px;
}

    .partners-login .success.visible, .partners-login .error.visible {
        display: inline;
    }

.partners-login .error {
    color: #E4584C;
}

.partners-login .success {
    color: #04b914;
    padding-bottom: 5px;
}

    .partners-login .success .token {
        font-weight: 500;
        font-size: 13px;
    }

.partners-login .header-wrapper {
    display: none;
}

.partners-login .spinner,
.partners-login .spinner:before,
.partners-login .spinner:after {
    border-radius: 50%;
}

.partners-login .spinner {
    color: #ffffff;
    font-size: 22px;
    text-indent: -99999px;
    margin: 0px auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

    .partners-login .spinner:before,
    .partners-login .spinner:after {
        position: absolute;
        content: "";
    }

    .partners-login .spinner:before {
        width: 10.4px;
        height: 20.4px;
        background: var(--accent-color);
        border-radius: 20.4px 0 0 20.4px;
        top: -0.2px;
        left: -0.2px;
        -webkit-transform-origin: 10.4px 10.2px;
        transform-origin: 10.4px 10.2px;
        -webkit-animation: loading 2s infinite ease 1.5s;
        animation: loading 2s infinite ease 1.5s;
    }

    .partners-login .spinner:after {
        width: 10.4px;
        height: 10.2px;
        background: var(--accent-color);
        border-radius: 0 10.2px 10.2px 0;
        top: -0.1px;
        left: 10.2px;
        -webkit-transform-origin: 0px 10.2px;
        transform-origin: 0px 10.2px;
        -webkit-animation: loading 2s infinite ease;
        animation: loading 2s infinite ease;
    }

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

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

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

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

/*css for checkbox*/

.partners-login .hc-radio-check [type=checkbox],
.partners-login .hc-radio-check [type=radio] {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

    .partners-login .hc-radio-check [type=checkbox]:focus + label::before,
    .partners-login .hc-radio-check [type=radio]:focus + label::before {
        box-shadow: 0 0 0 2px rgb(195 195 195 / 24%) !important;
    }

    .partners-login .hc-radio-check [type=checkbox]:hover + label::before,
    .partners-login .hc-radio-check [type=radio]:hover + label::before {
        border-color: var(--primary-color);
    }

    .partners-login .hc-radio-check [type=checkbox]:active + label::before,
    .partners-login .hc-radio-check [type=radio]:active + label::before {
        transition-duration: 0;
    }

    .partners-login .hc-radio-check [type=checkbox] + label,
    .partners-login .hc-radio-check [type=radio] + label {
        position: relative;
        padding: 6px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .partners-login .hc-radio-check [type=checkbox] + label::before,
        .partners-login .hc-radio-check [type=radio] + label::before {
            background-color: #fff;
            border: 1px solid var(--primary-color);
            box-sizing: content-box;
            content: "";
            color: #444;
            margin-right: 13px;
            left: 0;
            width: 19px;
            height: 19px;
            display: inline-block;
            vertical-align: middle;
        }

        .partners-login .hc-radio-check [type=checkbox] + label::after,
        .partners-login .hc-radio-check [type=radio] + label::after {
            box-sizing: content-box;
            content: "";
            background-color: var(--primary-color);
            position: absolute;
            top: 50%;
            left: 5px;
            width: 11px;
            height: 11px;
            top: 13.5px;
            transform: scale(0);
            transform-origin: 50%;
            transition: transform 200ms ease-out;
        }


    .partners-login .hc-radio-check [type=checkbox][disabled] + label::before,
    .partners-login .hc-radio-check [type=radio][disabled] + label::before {
        -webkit-animation: none;
        animation: none;
        box-shadow: none;
        border: 1px solid rgba(128, 128, 128, 0.5);
    }

    .partners-login .hc-radio-check [type=checkbox][disabled]:active + label::before, [type=checkbox][disabled]:focus + label::before,
    .partners-login .hc-radio-check [type=checkbox][disabled]:hover + label::before,
    .partners-login .hc-radio-check [type=radio][disabled]:active + label::before,
    .partners-login .hc-radio-check [type=radio][disabled]:focus + label::before,
    .partners-login .hc-radio-check [type=radio][disabled]:hover + label::before {
        border-color: rgba(128, 128, 128, 0.5);
        filter: none;
        transition: none;
    }

    .partners-login .hc-radio-check [type=checkbox] + label::before,
    .partners-login .hc-radio-check [type=checkbox] + label::after {
        border-radius: 0;
    }

    .partners-login .hc-radio-check [type=checkbox] + label::after {
        background-color: transparent;
        top: 50%;
        left: calc(0px + 0px + 17px/5);
        width: 12px;
        height: 4.8px;
        margin-top: calc(40px / -3 / 2 * 0.8);
        border-style: solid;
        border-color: #444;
        border-width: 0 0 3px 3px;
        border-radius: 0;
        -o-border-image: none;
        border-image: none;
        transform: rotate(-45deg) scale(0);
        transition: none;
    }

    .partners-login .hc-radio-check [type=checkbox]:checked + label::after {
        content: "";
        transform: rotate(-45deg) scale(1);
        transition: transform 200ms ease-out;
    }

    .partners-login .hc-radio-check [type=radio] + label::before, [type=radio] + label::after {
        border-radius: 50%;
    }

    .partners-login .hc-radio-check [type=radio]:checked:active + label::before,
    .partners-login .hc-radio-check [type=radio]:checked:focus + label::before {
        -webkit-animation: none;
        animation: none;
        filter: none;
        transition: none;
    }

    .partners-login .hc-radio-check [type=radio]:checked + label::before {
        -webkit-animation: none;
        animation: none;
        background-color: #fff;
    }

    .partners-login .hc-radio-check [type=radio]:checked + label::after {
        transform: scale(1);
    }

@-webkit-keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}

.partners-login .hc-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%228%22%20viewBox%3D%220%200%2016%208%22%3E%3Cpolygon%20fill%3D%22%234D4D4D%22%20points%3D%228%2C0%2016%2C0%2012%2C4%208%2C8%204%2C4%200%2C0%20%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid grey;
    border-radius: 0;
    padding: 0.4em 0.4em;
    min-width: 100%;
    padding-right: 1.5em;
    border-radius: 3px;
}

    .partners-login .hc-select select:focus,
    .partners-login .hc-select select:hover {
        border-color: black;
        outline: none;
    }

    .partners-login .hc-select select:active {
        border-color: #900;
    }

    .partners-login .hc-select select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .partners-login .hc-select select::-ms-expand {
        display: none;
    }

    .partners-login .hc-select select:focus::-ms-value {
        background: transparent;
        color: grey;
    }
}


.partners-login .hc-radio-check input:focus {
    border: 1px solid black;
}

.partners-login .hc-radio-check input:not(:focus):invalid {
    border: 1px solid red;
    outline: none;
}

.partners-login .hc-radio-check input:not(:focus):valid {
    border: 1px solid green;
}

.partners-login .hc-radio-check ul,
.partners-login .hc-select ul {
    list-style-type: none;
    padding-left: 0;
}

    .partners-login .hc-radio-check ul li label {
        font-size: 0.95rem;
        color: var(--on-primary-color);
        font-weight: 600;
        cursor: pointer;
        margin-bottom: 0 !important;
        padding: 0 !important;
        min-height: 38px;
        display: flex;
        align-items: center;
    }

/*css for checkbox ends here*/

.partners-login .hc-radio-check-list {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 2.5rem;
}

.partners-login .pay-type-wrapper {
    display: none;
}

    .partners-login .pay-type-wrapper.active {
        display: block;
    }

.partners-login .go-cardless {
    max-width: 248px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 4.7rem;
}

.partners-login .hc-default-btn {
    min-width: 250px;
    min-height: 43px;
}

.renewal-form-wrapper .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
}

    .renewal-form-wrapper .form-group label {
        margin-bottom: 0 !important;
    }

@media(max-width: 767px) {

    .renewal-form-wrapper .form-group {
        gap: 0rem 0.8rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .PackagePerMonthType {
        line-height: 1.15;
    }

    .renewal-form-radio-wrapper .hc-radio-check-list {
        flex-direction: column;
    }

    .partners-login .hc-radio-check-list {
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }

    .partners-login .hc-radio-check ul li label {
        font-size: 15px;
    }

    .mental-health-care-boxes-items {
        margin-bottom: 15px;
    }
}

/**/

.sales-press-links {
    display: block;
}

html[color-mode="dark"] .ph-about-us-content-box {
    padding: 35px;
    background: var(--chat-dark-bg-2);
    border-radius: 9px;
}

html[color-mode="dark"] .ph-jat-banner-content {
    color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .plh-banner-content-wrapper .hc-default-btn {
    color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .mental-health-care-boxes-items, html[color-mode="dark"] .ph-are-you-therapist {
    background: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .mental-health-care-boxes-items h4 {
        color: var(--light-grey-dark) !important;
    }

html[color-mode="dark"] .forgot-pass-wrapper div.login-hr-or span {
    background: var(--chat-dark-bg-2);
}

html[color-mode="dark"] section.join-team-about-us {
    background: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .ph-practices-content-wrapper {
    background: linear-gradient( 90deg, var(--dark-gradient-primary) 44.86%, rgb(255 255 255 / 0%) 100%);
}

html[color-mode="dark"] .practices--testi-bg {
    background: var(--chat-dark-bg-1);
    margin-bottom: 70px;
    padding: 20px;
}

html[color-mode="dark"] .hiw-steps-1,
html[color-mode="dark"] .hiw-steps-3 {
    background: var(--blur-bg-color);
}

html[color-mode="dark"] .ph-op-banner {
    background: linear-gradient( 90deg, #739bbf 25.52%, #f7f7f5 68%);
}

@media(max-width: 767px) {
    html[color-mode="dark"] .ph-op-banner {
        background: linear-gradient( 90deg, #739bbf 39.52%, #f7f7f5 100%);
    }
}

/*bapu css time off & leave request page*/
#basicInfo .calicon {
    position: absolute;
    right: 22px;
    top: 35px;
}

.dx-list-item-content {
    white-space: wrap !important;
}
/*24 nov 2013 */
.fbg-cols .pl-2-5 {
    padding-left: 2rem !important;
}

.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 5px 8px 0px 8px !important;
}

.fbg-cols {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.p-up-eve-head {
    justify-content: space-between;
    gap: inherit !important;
}

.p-icon-white {
    fill: #fff !important;
}

.p-btn-small-new {
    padding: 5px !important;
    min-width: 6rem !important;
    min-height: 2rem !important;
}

.marbot4 {
    margin-bottom: 1.8rem !important;
}
/*
28 nove 2023*/
.profile-cover .mood-head-text {
    position: absolute;
}

.user-profile-content-wrapper-new {
    margin-left: 2rem;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-direction: column;
}
/* 4 dec 2023 insight page */
#div-people-Teams-current-goals-status-bar-chart-legends, #people-Teams-current-goals-status-legends, #div-people-Teams-current-goals-status-line-chart-legends, #div-people-Teams-current-task-status-legends, #div-people-Teams-current-task-status-bar-chart-legends, #div-people-Teams-current-task-status-line-chart-legends, #div-oneoneone-status-bar-chart-legends, #div-oneoneone-status-line-chart-legends,
.insight-main-container .p-gr-leg-ol {
    justify-content: center !important;
    margin-bottom: 1.3rem;
}

#pills-company-overview .gap2, #pills-people .gap2, #pills-time-off .gap2, #pills-Content .gap2, #pills-wellbeing .gap2, #pills-roi-data .gap2 {
    --default-gap: 2.3rem;
}


/* 5 dec 2023 page */

.ui-datepicker-title .ui-datepicker-month {
    padding-left: 0.5rem !important;
}

.disclaimer-wrapper-modifier .newline {
    top: -50px;
    display: flex;
    position: absolute;
}

.ph-qestions-options-inner-wrapper .selctlang {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    margin: 0px;
    font-weight: 600;
    padding: 2px 0px;
    text-align: left;
    margin-bottom: 0.325rem;
}

.ph-qestions-options-inner-wrapper .select-lang-Therapist {
    color: var(--on-primary-color) !important;
}

#disclaimerModal .btn-salmon {
    background: #3699FF !important;
    border: none !important;
}

    #disclaimerModal .btn-salmon:hover {
        background-color: var(--p-btn-hover) !important;
    }

#disclaimerModal .modal-body p {
    color: var(--on-primary-color);
    font-size: .9rem !important;
    line-height: 1.5rem;
}

/* 6 dec 2023 page */


#tv_msg {
    color: var(--primary-color) !important;
}

.p-events-card .p-no-data {
    max-width: calc(100% - 0rem) !important;
}

.mood-length-wrapper .text-danger {
    margin-top: 0 !important;
    top: 0 !important;
}

.p-html-editor .dx-button-mode-text .dx-icon {
    color: var(--primary-color) !important;
}
/*7 dec 2023 page */

.avatar-lg-new {
    /*height: auto !important;
    width: 5.1rem !important;*/
    height: 40px !important;
    width: 40px !important;
    max-width: 3.2rem !important;
}

#pills-leave-calender .calhgt {
    padding: 25px 25px 25px 25px;
}

.ph-form-group-city input {
    color: var(--primary-color);
}

#disclaimerModal .modal-footer {
    flex-direction: row-reverse !important;
    display: flex;
    justify-content: end;
    align-items: center
}

.un-dd-new {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
    text-align: left !important;
}

.up-comp-name-new {
    font-size: var(--base-font-size-xxs);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
    text-align: left !important;
}

.evtscrll {
    height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height) - -30px) !important;
}

/*14 dec 2023 page */

.p-acco-btn-wrapper .unitwidth {
    width: 15%;
}
/*18 dec 2023 page */
.mt-minus {
    margin-top: -0.4rem
}

.oic-side-menu-list-time {
    color: var(--on-primary-color);
}
/*20 dec 2023 */
.dx-list .dx-empty-message, .dx-list-item {
    color: var(--on-primary-color) !important;
}

/* 22 dec 2023 */
#table_upcommingSession .therapy-upcoming-nodata {
    min-height: 235px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
.dx-popup-wrapper > .dx-overlay-content {
    transform: translate(-5px, 50px) scale(1) !important
}

*/



/* 27 dec 2023 */
.oic-video-list-rad-new {
    font-size: var(--base-font-size-xs) !important;
}

/*28 dec 2023*/

.p-session-avg-sess .p-sess-booked-v1 {
    min-width: 10em !important;
}

.ins-ask-a-therapist .p-ins-sw-dc label:nth-child(2) {
    color: #fff;
}

.p-no-data-v1 {
    
    position: relative !important;
     height : 50vh !important;
    
}

/* 29 dec 2023 */
.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: auto;
    margin: auto;
    gap: .7rem;
}

.dx-toolbar-button {
    margin-right: -7px !important;
}

#div-companys-mood-chart .dxc-val-elements tspan {
    /*font-size: 15px !important;*/
    font-size: var(--base-font-size-h4) !important;
}

/*2 jan 2024*/
#oneoneone-status-legends .p-feat-legends-items:nth-child(1) {
    /*display: none !important;*/
}

.p-grid-icon-white {
    stroke: #fff !important;
}

.dx-icon-new {
    top: -5px !important;
}

.cw-scroll-course {
    height: 100%;
    max-height: 1230px;
    overflow: auto;
}

.pay-type-wrapper.pay-by-card-wrapper .form-control::placeholder {
    opacity: 1;
    visibility: visible;
}


.p-cques-mw {
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
}
a.p-cques-bl {
    position: absolute;
    left: 1.4rem;
    top: 1.4rem;
}

.p-cques-inner {
    min-height: 40em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sec-light-color8);
    padding: 5rem 6rem 1.5rem 6rem;
    position: relative;
    border-radius: var(--bs-border-radius);
    flex-direction: column;
    overflow: hidden;
}

.p-cques-answ {
    align-self: stretch;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2.1rem;
    min-height: 49em;
}

.p-cques-banner {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.8rem;
    max-width: 680px;
    text-align: center;
    margin: 0 auto;
}

.p-cques-banner h2.ph-2 {
    font-size: 1.9rem;
    font-weight: 700;
    margin: 0;
}

.p-cques-banner p {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.p-cques-banner label {
    font-size: 1rem;
}

.p-cques-answ h3,
.quiz-head{
    font-size: 1.04rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
}


.p-cques-answ-optns {
    display: grid;
    gap: 1.6rem;
}

.p-cques-answ-optns .p-form-check,
.p-bg-white-inp {
    font-size: 0.92rem;
    color: var(--primary-color);
    padding: calc(var(--box-padding)* 0.6);
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.p-cques-answ-optns .p-form-check label {
    cursor: pointer;
    position: relative;
    top: 0.11em;
}

.p-cques-wizard {
    flex: 1;
}

.p-top-pb-grad {
    background: var(--theme-primary-color);
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.75rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-cques-retry {
    display: block;
}

.hc-default-btn-w-icon .p-icon {
    stroke: #fff;
    width: 1.35rem;
    height: 1.35rem;
}

.hc-default-btn-w-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}

.p-cques-wizard {
    display: flex;
}

.retry-question {
    align-self: center;
}

.warning-bg{
    background-color: #ffe5e7;
}

.p-cques-wizard-item {
    flex: 1;
}

.qa-w-image-mw {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.qa-w-image-mw .p-form-check {
    justify-content: center;
}

.qa-w-image-mw  label.p-form-check-label {
    color: var(--primary-color);
    font-weight: 500;
}

.qa-img-options {
    display: grid;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    grid-template-columns: repeat(4, 1fr);
}

.qa-img-option .p-form-check-input[type="radio"] {
    width: 1.27rem !important;
    height: 1.27rem;
    border-color: var(--sec-light-color5);
}

.qa-w-image-ans {
    margin-top: 2.2rem;
}

img.qa-w-image-banner {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: var(--bs-border-radius);
}

.qa-img-option {
    text-align: center;
}

.qa-img-option-image {
    width: 100%;
    max-width: 240px;
    height: 210px;
    min-width: 100%;
    object-fit: contain;
    border-radius: var(--bs-border-radius);
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    background: #fff;
    padding: 1rem;
}

.qa-img-option .p-form-check .p-form-check-label {
    cursor: pointer;
}

@media(max-width: 1600px) {
    .qa-img-options {
        gap: 1rem;
    }

    .qa-img-option-image {
        height: 160px;
    }

    .p-cques-inner {
        padding: 2.8rem;
    }

    .p-cques-answ {
        min-height: 47em;
    }
}
@charset "UTF-8";/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/@font-face{font-family:"Ionicons";src:url("../fonts/ionicons28b5.eot?v=2.0.0");src:url("../fonts/ionicons28b5.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/ionicons28b5.ttf?v=2.0.0") format("truetype"),url("../fonts/ionicons28b5.woff?v=2.0.0") format("woff"),url("../fonts/ionicons28b5.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"}

/*------------------------------------------------------------------
[Table of contents]

[&. Content / #key]
[Let press Ctrl + f and type of paste the key, then press Enter to search the content ]

1. Services Section | #services
2. Form get appointment | #form-app
3. Responsive for small device | #responsive
-------------------------------------------------------------------*/
/* Services Section | #services */
#section-services .card {
  padding-top: 20px;
  margin-bottom: 70px;
  border: 1px solid #e5e5e5;
}
#section-services .card.last {
  margin-bottom: 0;
}
#section-services .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(92, 165, 221, 0.7);
  opacity: 0;
  z-index: 1;
}
#section-services .card.hovercard {
  position: relative;
  padding-top: 0;
  text-align: center;
}
#section-services .card.hovercard .avatar {
  position: relative;
  top: -50px;
  margin-bottom: -50px;
  z-index: 2;
}
#section-services .card.hovercard .avatar .icons {
  width: 100px;
  height: 100px;
  line-height: 100px;
  max-width: 100px;
  max-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #ffffff;
  background-color: #2986e2;
  display: inline-block;
}

#section-services .card.hovercard .avatar .icons:hover {background:#1477D8;}

#section-services .card.hovercard .avatar .icons i {
  font-size: 30px;
  color: #ffffff;
}
#section-services .card.hovercard .info {
  padding: 20px;
  position: relative;
  z-index: 2;
}
#section-services .card.hovercard .info .title {
  margin-bottom: 10px;
  font-weight: 500;
  vertical-align: middle;
}

#section-services .card.hovercard:hover:hover{color: #062045;}


#section-services .card.hovercard .info .title a {
  color: #062045;
}
#section-services .card.hovercard .info .desc {
  font-size: 15px;

  line-height: 20px;
  color: #808080;
  text-align: justify;
  margin-bottom: 0;
}
#section-services .card.hovercard .info .read-more {
  position: absolute;
  left: 50%;
  margin-left: -85px;
}
#section-services .card.hovercard .info .read-more .btn {
  background-color: #ffffff;
  color: #f85b5b;
  border-color: #f85b5b;
  min-width: 170px;
}
#section-services .card.hovercard .info .read-more .btn:hover {
  background-color: #f85b5b;
  color: #ffffff;
}
/* Form get appointment | #form-app */
.get-appointment {
  width: 100%;
  position: absolute;
  bottom: -150px;
  background-color: #43d9ad;
  border-radius: 3px;
  padding: 30px 50px;
  z-index: 9999;
}
.get-appointment h2 {
  color: #ffffff;
  font-size: 33px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.get-appointment .btn-outlined {
  margin-top: 8px;
  padding: 15px 30px;
  border-color: #ffffff !important;
}
.get-appointment .btn-outlined:hover {
  background-color: #5ca5dd !important;
  border-color: #5ca5dd !important;
}
.pb-92 {
  padding-bottom: 92px;
}
/* Responsive for small device | #responsive */
@media screen and (max-width: 800px) {
  #section-services .section-content .row {
    padding-bottom: 0px !important;
  }
  #section-services .get-appointment {
    padding: 10px 20px;
    bottom: -120px;
  }
  #section-services .get-appointment .pull-left h2 {
    font-size: 24px;
  }
  #section-services .get-appointment .pull-right .btn-outlined {
    margin-top: 5px;
    font-size: 13px !important;
    padding: 10px 20px;
  }
  #wrapper #footer #section-footer {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  #section-services {
    padding-bottom: 80px;
  }
  #section-services .card.hovercard .avatar {
    top: -40px;
  }
  #section-services .card.hovercard .avatar .icons {
    width: 80px;
    height: 80px;
    line-height: 80px;
    max-width: 80px;
    max-height: 80px;
  }
  #section-services .get-appointment {
    padding: 10px;
    bottom: -120px;
  }
  #section-services .get-appointment .pull-left h2 {
    font-size: 20px;
  }
  #section-services .get-appointment .pull-right .btn-outlined {
    margin-top: 15px;
    padding: 5px 10px;
    font-size: 12px !important;
  }
}
@media screen and (max-width: 480px) {
  #section-services {
    padding-bottom: 60px;
  }
  #section-services .card.hovercard .avatar {
    top: -30px;
  }
  #section-services .card.hovercard .avatar .icons {
    width: 60px;
    height: 60px;
    line-height: 68px;
  }
  #section-services .card.hovercard .info .read-more {
    margin-left: -70px;
  }
  #section-services .card.hovercard .info .read-more .btn {
    font-size: 11px;
    min-width: 140px;
    padding: 7px 15px;
  }
  #section-services .get-appointment {
    bottom: -95px;
  }
  #section-services .get-appointment .pull-left h2 {
    font-size: 15px;
  }
  #section-services .get-appointment .pull-right .btn-outlined {
    margin-top: 10px;
    font-size: 10px !important;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 400px) {
  #wrapper .header-bg-wrapper #header-bg {
    height: 270px;
  }
  
  #main #content #section-services .container .section-content {
    padding-bottom: 40px;
  }
  #main #content #section-services .container .section-content .col-xs-6 {
    width: 100%;
  }
  #main #content #section-services .container .section-content .card.hovercard .cardheader > img {
    width: 100%;
  }
  #main #content #section-services .container .section-content .get-appointment {
    padding: 10px;
    bottom: -120px;
  }
  #main #content #section-services .container .section-content .get-appointment .pull-left.text-left {
    text-align: center !important;
    float: none !important;
  }
  #main #content #section-services .container .section-content .get-appointment .pull-left.text-left h2 {
    font-size: 14px;
  }
  #main #content #section-services .container .section-content .get-appointment .pull-right {
    float: none !important;
    text-align: center;
    margin-top: 5px;
  }
}


/*------------------------------------------------------------------
[Table of contents]

[&. Content / #key]
[Let press Ctrl + f and type of paste the key, then press Enter to search the content ]

1. Contact Section | #contact
2. Responsive for small device | #responsive
-------------------------------------------------------------------*/
/* Contact Section | #contact */
#section-contact {
  color: #808080;
}
/*#section-contact .section-content {
  margin-top: 50px;
}*/
.get-appointment {
  width: 100%;
  position: absolute;
  bottom: -150px;
  background-color: #43d9ad;
  border-radius: 3px;
  padding: 30px 50px;
  z-index: 9999;
}
.get-appointment h2 {
  color: #ffffff;
  font-size: 33px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.get-appointment .btn-outlined {
  margin-top: 8px;
  padding: 15px 30px;
  border-color: #ffffff !important;
}
.get-appointment .btn-outlined:hover {
  background-color: #5ca5dd !important;
  border-color: #5ca5dd !important;
}
.box {
  margin-bottom: 50px;
  display: block;
}
.box .box-heading {
    border-left: 2px solid var(--on-primary-color);
    padding-left: 15px;
    font-size: 22px;
    color: #062045;
    margin-bottom: 30px;
}
.box .box-body .file-attach {
  border: 1px solid #e5e5e5;
  padding: 10px 20px;
  text-transform: uppercase;
}
.box .box-body .file-attach a {
  color: #808080;
}
.form-contact .required {
  font-size: 25px;
  line-height: 1;
  color: red;
}
.form-contact label {
  font-weight: 400;
  color: var(--on-primary-color);
}
.form-contact input.form-control {
  height: 45px;
  background-color: #FFF;
  border: 1px solid #D8D5D5;
  padding: 6px 8px;
}

.form-contact textarea.form-control {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    border-radius: 3px;
    padding: 15px 20px;
    resize: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: var(--secondary-color);
    border: none !important;
}

.selc-cond-algn {
    color: var(--on-primary) !important;
    font-weight: 400;
}

.form-contact .btn-outlined {
    border: none;
    color: #fff;
    position: relative;
    background-color: var(--on-primary-color);
    padding: 10px 25px;
    border-radius: 25px;
}
.form-contact .btn-outlined:hover {
    background-color: #05a9af;
    color: #fff;
}
.contact-infos {
  margin-top: 25px;
  margin-bottom: 60px;
}
.contact-infos > ul > li > a {
  padding: 6px 0;
  display: block;
  color: #062045;
}
.contact-infos > ul > li > a > i {
  font-size: 30px;
  color: #43d9ad;
  margin-right: 20px;
  vertical-align: middle;
}
.line {
  margin-bottom: 40px;
}
.pb-70 {
  padding-bottom: 70px;
}
/* Responsive | #responsive */
@media screen and (max-width: 800px) {
  #wrapper #main #content #section-contact {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #wrapper #main #content #section-contact .container .contact-infos {
    margin-bottom: 25px;
  }
  #wrapper #main #content #section-contact .container .get-appointment {
    padding: 10px 20px;
    bottom: -70px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-left h2 {
    font-size: 24px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-right .btn-outlined {
    margin-top: 5px;
    font-size: 13px !important;
    padding: 10px 20px;
  }
  #wrapper #main #content #section-contact > div:not(.container) {
    height: 400px !important;
  }
}
@media screen and (max-width: 600px) {
  #wrapper #main #content #section-contact {
    padding-bottom: 75px;
  }
  #wrapper #main #content #section-contact .container .box .box-body .contact-info {
    margin-bottom: 30px;
  }
  #wrapper #main #content #section-contact .container .box .box-body .form-contact {
    margin-bottom: 20px;
  }
  #wrapper #main #content #section-contact .container .box .box-body .form-contact .form-group.mtxxl {
    margin-top: 20px !important;
  }
  #wrapper #main #content #section-contact .container .line {
    margin-bottom: 20px;
  }
  #wrapper #main #content #section-contact .container .row {
    padding-bottom: 0px !important;
  }
  #wrapper #main #content #section-contact .container .get-appointment {
    bottom: -110px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-left h2 {
    font-size: 20px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-right .btn-outlined {
    margin-top: 10px;
    font-size: 12px !important;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper #main #content #section-contact > div:not(.container) {
    height: 320px !important;
  }
    #wrapper #main #content #section-contact .form-contact .btn-outlined {
        font-size: 14px;
        width: 100% !important;
        margin-top: 15px
    }
  #wrapper #main #content #section-contact .container .get-appointment {
    bottom: -105px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-left h2 {
    font-size: 15px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-right .btn-outlined {
    margin-top: 10px;
    font-size: 10px !important;
  }
}
@media screen and (max-width: 400px) {
  #wrapper .header-bg-wrapper #header-bg {
    height: 270px;
  }
  
  #wrapper #main #content #section-contact .container .section-heading .title {
    font-size: 28px;
  }
  #wrapper #main #content #section-contact .container .box .box-heading {
    margin-bottom: 20px;
  }
  #wrapper #main #content #section-contact .container .box .box-body {
    font-size: 13px;
  }
  #wrapper #main #content #section-contact .container .box .box-body .form-contact input.form-control {
    width: 100%;
  }
  #wrapper #main #content #section-contact .container .box .box-body .contact-infos {
    margin-bottom: 20px;
  }
  #wrapper #main #content #section-contact .container .get-appointment {
    bottom: -120px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-left.text-left {
    text-align: center !important;
    float: none !important;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-left.text-left h2 {
    font-size: 14px;
  }
  #wrapper #main #content #section-contact .container .get-appointment .pull-right {
    float: none !important;
    text-align: center;
    margin-top: 5px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

[&. Content / #key]
[Let press Ctrl + f and type of paste the key, then press Enter to search the content ]

1. Our team Section | #our-team
2. CEO Founder Section | #ceo
3. Doctor Section | #doctor
4. Nurse Section | #nurse
5. Form get appointment | #form-app
6. Responsive for small device | #responsive
-------------------------------------------------------------------*/
/* Our team Section | #our-team */
#section-our-team {
  color: #808080;
}
/* Ceo founder Section | #ceo */
.ceo-founder-info {
  margin-top: 60px;
  margin-bottom: 60px;
}
.ceo-founder-info .media .media-left {
  padding-right: 25px;
}
.ceo-founder-info .media .media-left > a img {
  border-radius: 50%;
}
.ceo-founder-info .media .media-body .media-heading {
  text-transform: uppercase;
  color: #062045;
  font-weight: bold;
}
.ceo-founder-info .media .media-body .pos {
  color: #43d9ad;
  margin-bottom: 10px;
}
.ceo-founder-info .media .media-body .des {
  margin-bottom: 10px;
}
.ceo-founder-info .media .media-body .email,
.ceo-founder-info .media .media-body .phone {
  margin-bottom: 5px;
  color: #062045;
  font-weight: 600;
}
.ceo-founder-info .media .media-body .email i,
.ceo-founder-info .media .media-body .phone i {
  color: #43d9ad;
}
.ceo-founder-info .media .media-body .social-info {
  margin-top: 15px;
}
.icons {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 12px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #5ca5dd;
  color: #5ca5dd;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.icons:hover {
  background-color: #006ec3;
  border-color: #006ec3;
  color: #ffffff;
}
/* Doctor Section | #doctor */
.doctor-info {
  min-height: 100%;
}
.doctor-info .doctor-cate-menu {
  /*margin: 0 auto 40px;*/
  padding: 0;
  width: 700px;
}
.doctor-info .doctor-cate-menu ul > li.active > a {
  background-color: transparent;
  color: #5ca5dd;
  border: 2px solid #5ca5dd;
}
.doctor-info .doctor-cate-menu ul > li > a {

  color: #fff;
  font-weight: 500;
  border-radius: 3px;
  border: 2px solid transparent;
  margin: 0 10px;
  transition: all 0.2s;
  background:#337ab7;
}
.doctor-info .doctor-cate-menu ul > li > a:hover {
  background-color: transparent;
  border: 2px solid #e5e5e5;
  color: inherit;
}
.doctor-info .isotope > ul > li {
  margin-bottom: 30px;
}
.doctor-info .isotope > ul > li .thumb {
  border: 1px solid #e5e5e5;
  position: relative;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
  padding-bottom: 10px;
}
.doctor-info .isotope > ul > li .thumb .fav{
    position: absolute;
    top: 13px;
    left: 24px;
}

.doctor-info .isotope > ul > li .thumb:hover .caption:after {
  opacity: 1;
}

.doctor-info .isotope > ul > li .thumb:hover .caption .name a {
    color: #0f5498;
}

.doctor-info .isotope > ul > li .thumb:hover .social {
  bottom: 100px;
  opacity: 1;
}

.doctor-info .isotope > ul > li .thumb .caption {
  position: relative;
  padding:15px 23px;
  height: 140px;
  background-color: #ffffff;
  z-index: 2;
}

.doctor-info .isotope > ul > li .thumb .caption:after {
/*  content: '';*/
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  opacity: 0;
}
.doctor-info .isotope > ul > li .thumb .caption .name {
  float:left
}
.doctor-info .isotope > ul > li .thumb .caption .name a {
    color: #0f5498;
    /* font-family: 'geomanist1'; */
    font-size: 17px;
}
/*.doctor-info .isotope > ul > li .thumb .caption .name a:hover{ color: #0f5498;}*/

/*.doctor-info .isotope > ul > li .thumb .caption .pos {
      color: #0f5498;
 float:right;
 margin-top: -3px;
}*/



.doctor-info .isotope > ul > li .thumb .caption .email,
.doctor-info .isotope > ul > li .thumb .caption .phone {
  padding: 0 20px;
  margin-bottom: 5px;
  color: #062045;
  font-family: 'geomanist1';
  font-weight: 400;
}
.doctor-info .isotope > ul > li .thumb .caption .email i,
.doctor-info .isotope > ul > li .thumb .caption .phone i {
  color: #feb117;
}
.doctor-info .isotope > ul > li .thumb .social {
     background-color: #2986e2;
     padding: 10px 0 52px 0;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.84, 0.57);
  -moz-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.84, 0.57);
  -ms-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.84, 0.57);
  -o-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.84, 0.57);
  transition: all 0.2s cubic-bezier(0.17, 0.67, 0.84, 0.57);
}
.schd_but{margin-top: 0px;}
.doctor-info .isotope > ul > li .thumb .social .icons {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.doctor-info .isotope > ul > li .thumb .social .icons:hover {
  background-color: #006ec3;
  border-color: #006ec3;
}
/* Nurse Section | #nurse */
.nurse-info {
  padding-bottom: 70px;
}
.nurse-info > ul > li {
  position: relative;
  width: 20%;
  display: inline-block;
  text-align: center;
}
.nurse-info > ul > li .thumb {
  padding: 20px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.nurse-info > ul > li .thumb:hover {
  background-color: #5ca5dd;
}
.nurse-info > ul > li .thumb:hover .caption .pos {
  color: #00eaff;
}
.nurse-info > ul > li .thumb:hover .caption .social .icons {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #5ca5dd;
}
.nurse-info > ul > li .thumb .avatar {
  position: relative;
}
.nurse-info > ul > li .thumb .avatar:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.nurse-info > ul > li .thumb .avatar:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -10px;
  font-family: "fontawesome";
  content: "\f067";
  color: #ffffff;
  font-size: 30px;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nurse-info > ul > li .thumb .avatar img {
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
  border: 3px solid #ffffff;
}
.nurse-info > ul > li .thumb .caption .name {
  text-align: center;
}
.nurse-info > ul > li .thumb .caption .name a {
  color: #062045;
  font-weight: bold;
  text-transform: uppercase;
}
.nurse-info > ul > li .thumb .caption .pos {
  color: #57d4b3;
  text-align: center;
  margin-bottom: 10px;
}
.nurse-info > ul > li .thumb .caption .social {
  padding: 10px 0;
  text-align: center;
}
.nurse-info > ul > li .thumb .caption .social .icons {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #5ca5dd;
  color: #5ca5dd;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Form get appointment | #form-app */
.get-appointment {
  width: 100%;
  position: absolute;
  bottom: -150px;
  background-color: #43d9ad;
  border-radius: 3px;
  padding: 30px 50px;
  z-index: 9999;
}
.get-appointment h2 {
  color: #ffffff;
  font-size: 33px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.get-appointment .btn-outlined {
  margin-top: 8px;
  padding: 15px 30px;
  border-color: #ffffff !important;
}
.get-appointment .btn-outlined:hover {
  background-color: #5ca5dd !important;
  border-color: #5ca5dd !important;
}
/*.doctor-info .isotope .thumb a img{width: 100%;
    height: 200px !important;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;}
.doctor-info .isotope .thumb a img:hover{
      -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    max-width: 100%;
    }*/

/* Responsive | #responsive */
@media screen and (max-width: 1024px) {
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media-left > a .media-object {
    width: 200px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info {
    min-height: 100%;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .caption {
    font-size: 12px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .thumb:hover .social {
    bottom: 110px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .thumb .img-responsive {
    width: 100%;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info > ul > li .thumb .caption .social .icons {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 0px;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info {
    min-height: 300px;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #main #content #section-our-team {
    padding-bottom: 30px;
  }
  #wrapper #main #content #section-our-team .container .section-heading .line {
    margin: 0 auto 15px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info {
    margin-top: 40px;
    margin-bottom: 0px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media {
    margin-bottom: 35px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .isotope > ul > li .thumb:hover .social {
    bottom: 118px;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info > ul > li {
    width: 33%;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info {
    padding-bottom: 10px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment {
    padding: 10px 20px;
    bottom: -80px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-left h2 {
    font-size: 24px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-right .btn-outlined {
    margin-top: 5px;
    font-size: 13px !important;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 600px) {
  #wrapper #main #content #section-our-team .container .section-content .doctor-info {
    font-size: 12px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .doctor-cate-menu {
    width: 100%;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .doctor-cate-menu ul > li > a {
    margin: 0;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .nav-justified {
    display: inline-flex;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .email,
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .phone {
    text-align: center;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment {
    padding: 10px 20px;
    bottom: -70px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-left h2 {
    font-size: 20px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-right .btn-outlined {
    margin-top: 12px;
    font-size: 12px !important;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper #main #content #section-our-team .container .section-heading .title {
    font-size: 24px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-body h4.media-heading {
    font-size: 16px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-body .des,
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-body .email,
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-body .phone {
    font-size: 12px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-body .social-info .icons {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .doctor-cate-menu ul > li > a {
    font-size: 12px;
    padding: 5px;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info .list-unstyled .caption .name,
  #wrapper #main #content #section-our-team .container .section-content .nurse-info .list-unstyled .caption .pos {
    font-size: 12px;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info .list-unstyled .caption .social .icons {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment {
    bottom: -60px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-left h2 {
    font-size: 15px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-right .btn-outlined {
    margin-top: 10px;
    font-size: 10px !important;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 400px) {
  #wrapper .header-bg-wrapper #header-bg {
    height: 270px;
  }
  
  #wrapper #main #content #section-our-team .container .section-heading .line {
    margin: 0 auto 15px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info {
    margin-top: 0px;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media {
    text-align: center;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-left,
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-right {
    display: inline;
  }
  #wrapper #main #content #section-our-team .container .section-content .ceo-founder-info .media .media-left > a .media-object {
    width: 70%;
    margin: 0 auto;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .nav-justified {
    display: block;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .doctor-cate-menu ul > li > a {
    width: 50%;
    margin: 0 auto;
  }
  #wrapper #main #content #section-our-team .container .section-content .doctor-info .isotope > ul > li {
    width: 100%;
  }
  #wrapper #main #content #section-our-team .container .section-content .nurse-info > ul > li {
    width: 100%;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment {
    padding: 10px;
    bottom: -90px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-left.text-left {
    text-align: center !important;
    float: none !important;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-left.text-left h2 {
    font-size: 14px;
  }
  #wrapper #main #content #section-our-team .container .section-content .get-appointment .pull-right {
    float: none !important;
    text-align: center;
    margin-top: 5px;
  }
}

/*@media screen and (min-width: 1441px) {
   .doctor-info .isotope > ul > li .thumb .caption .pos {
      color: #0f5498;
      float:right;
      margin-right: 62px;
      margin-top: -3px;
}
}*/

.teams-body a.brand-link.show-logo-team {
    display: block !important;
    padding: 0 !important;
    min-height: initial;
    margin-top: -15px;
    margin-bottom: 17px;
    width: initial !important;
    text-align: left;
}

.teams-body .brand-link .brand-image {
    width: 86px !important;
    height: auto;
}

@media(max-width: 767px) {
    a.brand-link.show-logo-team {
        margin-top: -20px;
    }
}
/*!
 * Bootstrap-select v1.7.3 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */.bootstrap-select{width:220px \0}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;z-index:1035;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1036}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%}select.bs-select-hidden,select.selectpicker{display:none!important}select.mobile-device{position:absolute!important;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0}


.dashboard-mychattherapist-avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.dash-appoint-avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.live-classes-dashboard-avatar {
    width: 56px;
    height: 56px;
    object-fit: cover;
    margin-right: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.live-classes-avatar {
    max-width: 160px !important;
    min-width: 160px;
    object-fit: cover;
    height: 160px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.sender-image-avatar {
    height: 50px;
    min-height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.sender-small-avatar {
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.sender-right-panel-avater {
    height: 110px;
    width: 110px;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.save-therapist-avatar {
    max-width: 145px !important;
    min-width: 145px;
    height: 145px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-booking-avatar {
    height: 5rem;
    width: 5rem;
    box-shadow: none;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-payment-confirm-avatar {
    height: 83px;
    width: 83px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-booking-confirm-avatar {
    height: 83px;
    width: 83px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-profile-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-dashboard-upcomming-app-avatar {
    margin-left: 3px;
    width: 45px;
    height: 45px;
    min-width: 45px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.past-live-class-avatar {
    margin-left: 3px;
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-dashboard-messgae-avatar {
    margin-left: 3px;
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-dashboard-completed-app-avatar {
    margin-left: 3px;
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    letter-spacing: 0.08rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.learn-overview-therapist-avatar {
    border-radius: 50%;
    width: 90px !important;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.therapist-Recommended-avatar {
    max-width: 140px !important;
    min-width: 140px;
    object-fit: cover;
    height: 140px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.Recommended-therapist-avatar {
    max-width: 150px;
    min-width: 150px;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    object-fit: cover;
    min-height: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.placeload-img-default {
    object-fit: cover;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

.client-appoint-place-img {
    width: 60px;
    height: 60px;
    text-transform: uppercase;
}

.autocomplete-recommendedtherapist {
    max-width: 100%;
    width: 100px !important;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    border-radius: 7px;
    text-transform: uppercase;
}

.ClinicalNotesOnTherapist {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    height: 4.5rem;
    width: 4.5rem;
    position: relative;
    border-radius: 50%;
    object-fit: cover;
    text-transform: uppercase;
}

/*avatar images css starts here*/
.client-appoint-place-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    letter-spacing: 0.04rem;
    font-family: var(--primary-color);
    font-weight: 600;
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    box-shadow: var(--profile-img-boxshadow);
    line-height: 1;
    text-transform: uppercase;
}

@media(max-width: 1600px) {
    .client-appoint-place-img {
        width: 60px;
        height: 60px;
    }
}

@media(max-width: 767px) {
    .live-classes-avatar {
        max-width: 110px !important;
        min-width: 110px;
        height: 110px !important;
    }
}
/*avatar images css ends here*/