/* Minification failed. Returning unminified contents. (818,35): run-time error CSS1046: Expect comma, found '0' (818,39): run-time error CSS1046: Expect comma, found '/' (1367,1): run-time error CSS1019: Unexpected token, found '@import' (1367,9): run-time error CSS1019: Unexpected token, found 'url("fonts.css")' (1368,1): run-time error CSS1019: Unexpected token, found '@import' (1368,9): run-time error CSS1019: Unexpected token, found 'url("font-awesome.min.css")' (1379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1382,23): run-time error CSS1038: Expected hex color, found '#ffff' (1386,24): run-time error CSS1046: Expect comma, found '17' (1386,30): run-time error CSS1046: Expect comma, found '/' (1418,17): run-time error CSS1038: Expected hex color, found '#4141' (1874,19): run-time error CSS1046: Expect comma, found '68' (1874,24): run-time error CSS1046: Expect comma, found ')' (2317,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2423,44): run-time error CSS1034: (2423,44): run-time error CSS1042: Expected function, found ',' (2423,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (3117,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3366,17): run-time error CSS1038: Expected hex color, found '#ffff' (3805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3813,17): run-time error CSS1039: Token not allowed after unary operator: '-width' (3814,18): run-time error CSS1039: Token not allowed after unary operator: '-height' (3816,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3823,26): run-time error CSS1039: Token not allowed after unary operator: '-background' (3824,21): run-time error CSS1039: Token not allowed after unary operator: '-width' (3825,22): run-time error CSS1039: Token not allowed after unary operator: '-height' (3828,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3884,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-color' (3930,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3992,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4009,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4048,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4070,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4092,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4114,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4136,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4297,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4603,39): run-time error CSS1046: Expect comma, found '0' (4603,43): run-time error CSS1046: Expect comma, found '/' (4604,47): run-time error CSS1046: Expect comma, found '0' (4604,51): run-time error CSS1046: Expect comma, found '/' (4764,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4778,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4788,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4789,10): run-time error CSS1035: Expected colon, found '{' (4817,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4843,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4879,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4981,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '[' (5264,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (5264,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (5350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5364,44): run-time error CSS1039: Token not allowed after unary operator: '-sessionPrimary' (5364,94): run-time error CSS1039: Token not allowed after unary operator: '-sessionPrimary' (5365,21): run-time error CSS1039: Token not allowed after unary operator: '-polygonH' (5366,29): run-time error CSS1039: Token not allowed after unary operator: '-polygonH' (5382,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5383,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5385,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5386,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5388,32): run-time error CSS1039: Token not allowed after unary operator: '-fg' (5390,25): run-time error CSS1039: Token not allowed after unary operator: '-polygonB1' (5391,33): run-time error CSS1039: Token not allowed after unary operator: '-polygonB1' (5401,43): run-time error CSS1038: Expected hex color, found '#0000' (5401,48): run-time error CSS1019: Unexpected token, found ' ' (5401,48): run-time error CSS1042: Expected function, found ' ' (5401,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5410,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5411,10): run-time error CSS1035: Expected colon, found '{' (5437,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5438,9): run-time error CSS1035: Expected colon, found ',' (5447,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5448,9): run-time error CSS1035: Expected colon, found ',' (5574,44): run-time error CSS1034: (5574,44): run-time error CSS1042: Expected function, found ',' (5574,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5612,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (5612,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (5613,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (6337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6348,25): run-time error CSS1039: Token not allowed after unary operator: '-card-radius' (6361,22): run-time error CSS1039: Token not allowed after unary operator: '-card-padding' (6361,44): run-time error CSS1039: Token not allowed after unary operator: '-radio-border-width' (6410,18): run-time error CSS1039: Token not allowed after unary operator: '-radio-border-width' (6410,50): run-time error CSS1039: Token not allowed after unary operator: '-color-gray' (6411,25): run-time error CSS1039: Token not allowed after unary operator: '-card-radius' (6414,19): run-time error CSS1039: Token not allowed after unary operator: '-card-padding' (6422,24): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (6426,24): run-time error CSS1039: Token not allowed after unary operator: '-color-green' (6430,32): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (6434,17): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (6439,21): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gray' (6443,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray' (6448,24): run-time error CSS1039: Token not allowed after unary operator: '-color-gray' (6564,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6826,1): run-time error CSS1019: Unexpected token, found '@import' (6826,9): run-time error CSS1019: Unexpected token, found 'url('../Lib/font-awesome.css')' (7082,23): run-time error CSS1038: Expected hex color, found '#ffff' (7480,34): run-time error CSS1046: Expect comma, found '0' (7480,38): run-time error CSS1046: Expect comma, found '/' (7480,62): run-time error CSS1046: Expect comma, found '0' (7480,66): run-time error CSS1046: Expect comma, found '/' (8075,12): run-time error CSS1038: Expected hex color, found '#ffff' (8075,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (8082,12): run-time error CSS1038: Expected hex color, found '#ffff' (8214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8280,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8280,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8281,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (8336,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8349,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8428,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (8432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8482,40): run-time error CSS1039: Token not allowed after unary operator: '-x' (8482,62): run-time error CSS1039: Token not allowed after unary operator: '-y' (8482,91): run-time error CSS1039: Token not allowed after unary operator: '-rotate' (8492,27): run-time error CSS1039: Token not allowed after unary operator: '-plane-opacity' (8493,44): run-time error CSS1039: Token not allowed after unary operator: '-plane-x' (8493,72): run-time error CSS1039: Token not allowed after unary operator: '-plane-y' (8506,42): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (8507,43): run-time error CSS1039: Token not allowed after unary operator: '-part-x' (8507,65): run-time error CSS1039: Token not allowed after unary operator: '-part-y' (8508,31): run-time error CSS1039: Token not allowed after unary operator: '-z-index' (8509,34): run-time error CSS1039: Token not allowed after unary operator: '-background' (8509,52): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-background' (8510,54): run-time error CSS1039: Token not allowed after unary operator: '-first-x' (8510,69): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-first-x' (8510,106): run-time error CSS1039: Token not allowed after unary operator: '-first-y' (8510,121): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-first-y' (8510,159): run-time error CSS1039: Token not allowed after unary operator: '-second-x' (8510,175): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-second-x' (8510,213): run-time error CSS1039: Token not allowed after unary operator: '-second-y' (8510,229): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-second-y' (8510,268): run-time error CSS1039: Token not allowed after unary operator: '-third-x' (8510,283): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-third-x' (8510,320): run-time error CSS1039: Token not allowed after unary operator: '-third-y' (8510,335): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-third-y' (8511,46): run-time error CSS1039: Token not allowed after unary operator: '-first-x' (8511,61): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-first-x' (8511,98): run-time error CSS1039: Token not allowed after unary operator: '-first-y' (8511,113): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-first-y' (8511,151): run-time error CSS1039: Token not allowed after unary operator: '-second-x' (8511,167): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-second-x' (8511,205): run-time error CSS1039: Token not allowed after unary operator: '-second-y' (8511,221): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-second-y' (8511,260): run-time error CSS1039: Token not allowed after unary operator: '-third-x' (8511,275): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-third-x' (8511,312): run-time error CSS1039: Token not allowed after unary operator: '-third-y' (8511,327): run-time error CSS1039: Token not allowed after unary operator: '-left-wing-third-y' (8516,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8517,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8518,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8519,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8520,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8521,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8522,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8523,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8524,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8529,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8530,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8531,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8532,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8533,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8534,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8535,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8536,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8537,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8542,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8543,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8544,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8545,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8546,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8547,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8548,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8549,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8550,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8561,22): run-time error CSS1039: Token not allowed after unary operator: '-trails' (8565,38): run-time error CSS1039: Token not allowed after unary operator: '-trails-stroke' (8582,41): run-time error CSS1039: Token not allowed after unary operator: '-success-x' (8583,23): run-time error CSS1039: Token not allowed after unary operator: '-success-opacity' (8584,21): run-time error CSS1039: Token not allowed after unary operator: '-success' (8598,26): run-time error CSS1039: Token not allowed after unary operator: '-success' (8599,42): run-time error CSS1039: Token not allowed after unary operator: '-success-stroke' (8909,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8951,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9434,16): run-time error CSS1038: Expected hex color, found '#ffff' (9704,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9704,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9704,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9704,173): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,216): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,548): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,596): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,758): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,814): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,979): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,1035): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (9704,1167): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1204): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1337): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1382): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1518): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1563): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1699): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1744): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1880): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,1925): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (9704,2070): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2121): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2267): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2320): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2466): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2517): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2663): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,2714): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,3076): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,3102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,4059): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,4077): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,5173): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,5198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,5237): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,5254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,5359): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,5384): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,5567): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,5584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,5917): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,5947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,6410): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,6432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,6976): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,7002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,7247): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,7265): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,7579): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,7605): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,7850): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,7868): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,8182): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,8211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,8714): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,8735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,9400): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,9425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,9723): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,9740): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,10168): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,10192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,10617): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,10633): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,11121): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,11147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,11776): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,11794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,12492): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,12517): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,13308): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,13325): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,14238): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,14267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,14525): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,14546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,14975): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,15028): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,15136): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,15166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,15419): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,15441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,15775): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,15805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,16058): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,16080): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,16414): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,16445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,16696): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,16719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,17054): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,17082): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,17333): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,17353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,17679): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,17710): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,17959): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,17982): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,18315): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,18346): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,18599): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,18622): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,18959): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,18991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,19242): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,19266): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,19604): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,19633): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,19884): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,19905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,20234): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,20262): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,20849): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,20869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,21568): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,21622): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,21703): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,21735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,22354): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,22378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,23084): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,23116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,23733): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,23757): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,24461): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,24494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,25111): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,25136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,25843): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,25873): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,26492): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,26514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,27214): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,27243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,27477): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,27498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,27845): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,27899): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,27982): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,28015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,28341): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,28366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,28782): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,28815): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,29035): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,29060): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,29370): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,29404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,29624): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,29650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,29963): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,29994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,30322): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,30345): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (9704,30757): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,30783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,30810): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,30828): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,30924): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,30954): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,31111): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,31133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,31371): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,31404): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,31565): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,31590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,31841): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,31871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,32028): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,32050): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,32288): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,32321): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,32482): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,32507): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,32758): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,32789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,32944): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,32967): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,33206): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,33240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,33399): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,33425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,33677): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,33705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,33860): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,33880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,34110): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,34141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,34300): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,34323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,34566): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,34599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,34764): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,34789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,35044): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,35078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,35241): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,35267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,35523): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,35559): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,35722): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,35750): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36012): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,36049): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36210): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,36239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36502): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,36529): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36556): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,36575): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36674): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,36705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,36804): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,36827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37010): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,37044): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37147): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,37173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37369): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,37400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37501): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,37524): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37709): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,37743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,37848): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,37874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38072): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,38104): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38203): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,38227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38413): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,38448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38551): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,38578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38777): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,38806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,38907): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,38928): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,39107): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,39139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,39244): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,39268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,39460): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,39494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,39659): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,39685): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,39943): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,39978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,40141): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,40168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,40427): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,40465): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,40626): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,40656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,40922): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,40959): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,41122): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,41151): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,41416): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,41440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,42607): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,42623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,43935): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,43962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,44605): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,44624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,45423): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,45450): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,46093): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,46112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,46911): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,46939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,47230): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,47250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,47653): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,47707): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,47872): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,47900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,48191): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,48211): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,48614): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,48668): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,48833): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,48870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,49169): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,49198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,49677): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,49713): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,50012): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,50040): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,50516): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,50554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,50679): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,50709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,51015): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,51052): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,51181): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,51210): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,51517): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,51545): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,51688): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,51708): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,51982): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,52018): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,52159): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,52187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,52493): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,52530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,52669): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,52698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,53007): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,53041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,53180): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,53206): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,53504): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,53539): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,53680): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,53707): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54012): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,54041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54126): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,54147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54366): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,54403): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54486): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,54515): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54766): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,54804): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,54889): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,54919): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,55177): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,55212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,55297): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,55324): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,55571): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,55607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,55690): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,55718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,55968): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,55993): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,56474): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,56491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,57077): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,57128): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9704,57260): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,57292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,57631): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,57655): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,58081): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,58107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,58296): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,58314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,58572): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,58599): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,58728): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,58747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,58948): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,58974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,59066): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,59084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,59245): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,59275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,59781): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,59803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,60390): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,60420): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,60926): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,60948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,61535): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,61566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,62072): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,62095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,62685): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,62713): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,63219): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,63239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,63820): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,63847): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,63952): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,63971): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,64148): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,64179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,64685): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,64708): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,65368): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,65399): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,65645): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,65668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,66064): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,66096): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,66342): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,66366): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,66767): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,66796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,67302): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,67323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (9704,67977): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,68008): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,68164): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,68187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,68427): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,68458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,68614): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,68637): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,68877): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,68909): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,69063): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,69087): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,69328): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,69357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,69511): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,69532): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,69764): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,69796): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,69949): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,69973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,70213): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,70245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,70400): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,70424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,70666): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,70699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,70852): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,70877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,71120): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9704,71150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9704,71305): run-time error CSS1019: Unexpected token, found '@keyframes' (9704,71327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* CHAT PANEL */ .dipFlex { display: flex; /* margin-bottom:15px; */ /* padding-right:40px; */ } .chatPanel { padding-left: 35px; padding-right: 35px; margin-top: 40px; position: relative; } .chatPanel h3 { font-size: 14px; font-weight: 600; color: #000000; margin: 0; margin-bottom: 10px; } .pMSG-icon { width: 40px; height: 40px; background-color: #d9edf7; border-radius: 50%; margin-right: 20px; flex: 1 0 auto; } .pMSG-info { position: relative; flex: 6000; margin-top: 2px; } .userMSG .dipFlex { flex-direction: row-reverse; padding-right: 0; } /* .pulsating-circle { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 50px; height: 50px; display:none; } */ /* .pulsating-circle:before { content: ""; position: relative; display: block; width: 300%; height: 300%; box-sizing: border-box; margin-left: -100%; margin-top: -100%; border-radius: 50%; background-color: #95ddfb; -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } */ /* .pulsating-circle:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #f9ab7f; background-image:url(../images/Arrow_inner.svg); background-repeat:no-repeat; background-position:center; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; } */ /* @-webkit-keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } @keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } @-webkit-keyframes pulse-dot { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } @keyframes pulse-dot { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } */ #chatScroll { overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; } .btnLogin:hover { /* animation-name:btnAnim; */ background: #fb4e0b; } @keyframes btnAnim { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 50% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%) } 51% { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .screen .page { width: 100%; height: 100%; } .screen .page[data-jquery-page-name='1'] { } .screen .page[data-jquery-page-name='2'] { background-color: #fff; } .screen .page[data-jquery-page-name='3'] { background-color: #fff; } .posRel { position: relative; width: 100%; height: 100%; } .disclaimerLeft { position: absolute; left: 50%; top: 51%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* left:0; top:100px; */ /* height:calc(100% - 200px); */ width: 0; z-index: 999; background-color: #fff; box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1); } .disclaimerLeftAccepted { transform: initial; -webkit-transform: initial; } .desc { display: flex; height: 450px; width: 100%; } .desc-left { width: 50%; height: 100%; background-image: url(../../Images/chat-bg.png); background-repeat: no-repeat; background-size: cover; } .dContOut, .dCont { height: 100%; } .dContOut { /* padding: 50px 52px 90px; width: 100%; */ padding: 30px 50px 140px 30px; width: 50%; } .dCont { overflow: auto; } .removeShadow { box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.0); } .disclaimerRight { right: 0px; } .overlay { position: absolute; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); top: 0%; z-index: 99999 !important; display: flex; flex-direction: column; justify-content: center; align-items: center; /* border-bottom: 1px solid #fb4e0b; */ } .overlay h1 { font-size: 100px; letter-spacing: 20px; } .overlay p { color: #cdc6c6; margin: 10px !important } .overlay img { width: 76px; height: 30px; } /* .overlayDivider { height: 10px; width: 100%; background: #fb4e0b; position: fixed; bottom: -10px; } .imgProvider { width: 0; }*/ /* Login section */ .termsandCondition { height: 100%; opacity: 0; z-index: -10; background: #fff; display: none; } .termsandCondition.showPage { display: block; } .termsandCondition .disclaimerRight { z-index: 90; position: fixed; bottom: 0px; left: 0px; top: 62px; width: 0%; height: 100%; /* transition: all .1s cubic-bezier(0.5, 0.75, 0.05, 1); */ /* border-top-right-radius: 100%; */ /* border: 1px solid #f4853c; */ background-color: #0D99FF; clip-path: polygon(0% 0%, 100% 49%, 100% 49%, 0% 100%); } .termsandCondition .uploadRightPanel { box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.1) inset; -moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.1) inset; /* background-color:#F4FBFD; */ background-color: #Fff; } .termsandCondition .disclaimerBg { position: fixed; bottom: 0px; left: 0px; top: 62px; width: 0%; height: 100%; background-color: #F4F7F9; } .uploadRightPanel .slidingImage { display: none; } .uploadRightPanel .rightPane { display: block; /* height: 100%; */ } /* .termsandCondition:after, .termsandCondition:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } */ .termsandCondition.showPage { /* width: 300px; height: 300px; */ /* transition: all 1.25s cubic-bezier(0.5, 0, 0.05, 1.75); */ } .termsandCondition.showPage .footerHome { background-color: transparent; } .tcInnerPage { position: absolute; width: 0%; height: 0%; bottom: 0px; left: 0px; /* border-top-right-radius: 100%; */ border: 1px solid; /* top: 48px; */ background: #fff; transition: all .1s cubic-bezier(0.5, 0.75, 0.05, 1); } .uploadBgImg { margin: 30px auto; text-align: center; } .uploadBgImg h1 { font-size: 30px; color: #9DC7EB; } .uploadBgImg h1 span { color: #0D99FF; } .disclaimerBgImg { margin: 30px auto; position: relative; height: 100%; } .disclaimerBgImg .DI-user { position: absolute; right: -80px; top: 20%; } .DI-Circle { position: absolute; top: 30%; left: 20%; width: 200px; height: 200px; } .DI-Circle ul { list-style-type: none; } .DI-Circle .Circle1 { } .icon { filter: invert(89%) sepia(54%) saturate(4856%) hue-rotate(314deg) brightness(109%) contrast(90%); width: 60px; height: 60px; margin: 25px 0; transition: all 0.5s ease; } .icon:hover { filter: invert(87%) sepia(94%) saturate(1270%) hue-rotate(304deg) brightness(122%) contrast(92%); transition: all 0.5s ease; } /*******/ #square { width: 25px; height: 25px; background-color: black; } /* circle animation */ .ellipse-container { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; margin: 0 auto; z-index: -1; } .ellipse { position: absolute; top: 0; border-radius: 50%; border-style: solid; } .ellipse.thin { width: 100%; height: 100%; border-width: 1px; border-color: #494949; opacity: .5; } .ellipse.thick { width: 93%; height: 93%; border-width: 10px; border-color: #fff; transform: rotate(-45deg); top: 12px; left: 12px; } .ellipse.yellow { width: 93%; height: 93%; border-width: 10px; border-color: #ffffff57 transparent #8fe28f; transform: rotate(-45deg); top: 12px; left: 12px; animation: ellipseRotate 15s linear infinite; } @keyframes ellipseRotate { 0% { transform: rotate(-45deg); } /* 50%{ transform: rotate(-180deg); } */ 100% { transform: rotate(-405deg); } } #Ellipse_1 { fill: #fff; animation: fillColor 15s linear infinite; } #Ellipse_2 { fill: #fff; animation: fillColor2 17s linear infinite; } #Ellipse_3 { fill: #8fe28f; animation: fillColor3 15s linear infinite; } @keyframes fillColor { 0% { fill: #fff; } 100% { fill: #8fe28f; } } @keyframes fillColor2 { 0% { fill: #fff; } 100% { fill: #8fe28f; } } @keyframes fillColor3 { 0% { fill: #8fe28f; } 100% { fill: #fff; } } .circle1, .circle2 { border-style: solid; width: 64px; height: 64px; border-width: 1px; border-color: rgba(0, 0, 0, .5); border-radius: 50%; position: absolute; } .circle1 { top: 150px; left: 150px; } .circle2 { bottom: 150px; right: 130px; } .circle1::before, .circle1::after, .circle2::before, .circle2::after { content: ''; border-radius: 50%; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .circle1::before, .circle2::before { width: 12px; height: 12px; background: #fff; z-index: 1; } .circle1::after, .circle2::after { width: 40px; height: 40px; background: #FFEB00; } .circle1 span, .circle2 span { position: absolute; top: 25px; width: 100px; /* font-size: 14px; Calling from body tag */ } .circle1 span { left: 75px; } .circle2 span { left: -90px; } .circ { fill: #0d99ff; stroke: #ffffff57; stroke-width: 3; stroke-linejoin: round; stroke-miterlimit: 10; opacity: 1; stroke-dasharray: 130; stroke-dashoffset: 130; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; animation: tickAnimation 5s linear infinite; } .anim-tick { fill: none; stroke: #fff; stroke-width: 3; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 50; stroke-dashoffset: 50; -webkit-transition: stroke-dashoffset 1s 0.5s ease-out; -moz-transition: stroke-dashoffset 1s 0.5s ease-out; -ms-transition: stroke-dashoffset 1s 0.5s ease-out; -o-transition: stroke-dashoffset 1s 0.5s ease-out; transition: stroke-dashoffset 1s 0.5s ease-out; animation: tickAnimation 5s linear infinite; } @keyframes tickAnimation { 0% { /* opacity: 0; */ stroke-dashoffset: 130; } 100% { opacity: 1; stroke-dashoffset: 0; } } /* .rect-anim-1 { animation: rectAnim1 5s cubic-bezier(0.1, 0.7, 1.0, 0.1) infinite; } .rect-anim-2 { animation: rectAnim1 10s linear infinite; } .rect-anim-3 { animation: rectAnim1 4s linear infinite; } .rect-anim-1.secondPath { animation: rectAnim1 8s linear infinite; } .rect-anim-2.secondPath { animation: rectAnim1 6s linear infinite; } .rect-anim-3.secondPath { animation: rectAnim1 9s cubic-bezier(0.1, 0.7, 1.0, 0.1) infinite; } .rect-anim-1.thirdPath { animation: rectAnim1 10s linear infinite; } .rect-anim-2.thirdPath { animation: rectAnim1 6s linear infinite; } .rect-anim-3.thirdPath { animation: rectAnim1 3s cubic-bezier(0.1, 0.7, 1.0, 0.1) infinite; } @keyframes rectAnim1 { 0% { /* opacity: 0; width: 0; } 100% { width: '100px'; } } */ #circle { margin-top: 20%; max-width: 100%; display: none; } .uploadCursor { /*cursor: url(../images/cursor_pointer2.svg), auto;*/ width: 100%; height: calc(100% - 100px); } /* UPLOAD CURSOR */ .uCursor { position: fixed; background-color: rgba(251, 78, 11, 0.1); width: 60px; height: 60px; left: -10px; top: -10px; border-radius: 100%; z-index: 1; z-index: 10000; transform: scale(1); padding: 19px 0 0 15px; display: none; } .uCursor img { width: 30px; } .uCursor-follow { position: fixed; width: 200px; left: 60px; top: 0px; z-index: 1; user-select: none; pointer-events: none; z-index: 10000; transform: scale(1); display: none; } /*.panelLink:hover .uCursor, .panelLink:hover .uCursor-follow,*/ .uploadCursor:hover .uCursor, .uploadCursor:hover .uCursor-follow { display: block; } .listActive { /* background-color: #f1fff2 !important; */ background-color: #D6E2FF !important; border: 1px solid #bfedd1; } .dCont { overflow: auto; } #landingLogin, #disclaimer, #fileUpload, #home, #about, #services { position: absolute; top: 0; left: 0; } .content { position: absolute; top: 0; left: 0; display: none; z-index: 11; width: 100%; height: 100%; } .activePage { width: 100%; height: 100%; } .activePage .content { display: block; } .activePage .posRel { overflow: hidden; } /* Naresh added 1572022 */ .refkeyIcons { display: flex; float: right; align-items: center; column-gap: 12px; margin-top: -4px; /* margin-right: 20px; */ flex-direction: row-reverse; margin-left: auto; } .refkeyIcons .gridSort { display: none; cursor: pointer; /* font-size: 12px; */ color: #777; } .showIcons .refkeyIcons .gridSort { display: inline-block; } .rightPane .uploadPanelBody .muuri .item { position: absolute; width: 100%; } .rightPane .uploadPanelBody .muuri .item.activeItem { position: sticky; z-index: 111111 !important; top: 18px !important; } .muuri { position: relative; } .rightPane .uploadPanelBody .muuri .item .uploadPanel label { /* font-size: 14px; */ white-space: nowrap; } /* .rightPane .uploadPanelBody .muuri .item .uploadPanel .btnContainer .btn { font-size: 12px; } */ .rightPane .uploadPanelBody .muuri .activeItem .uploadPanel { position: sticky; top: 0; z-index: 999; background-color: #D6E2FF; box-shadow: 2px 2px 2px rgb(0 0 0 / 0%); /* border: 2px dashed #a7cded; */ width: 100%; margin-left: 0px; } .uploadRow { display: flex; flex-direction: row; } .uploadCol { /* flex-wrap: nowrap; flex: 1 0 auto; */ padding-right: 15px; } .uploadCol:last-child { padding-right: 0; } .uploadCol1 { max-width: 300px; } .uploadCol2 { flex: 20 0 auto; } .leftPane ul li.showIcons { cursor: pointer; } .uploadSecInfoBox { position: absolute; width: 0; max-width: 600px; top: 45%; left: 25%; background: #647196; color: #E3E3DD; min-height: 180px; display: none; transform: translate(-50%, -50%); border-radius: 5px; } .uploadSecInfoBox .InfoBox { display: none; } /* .uploadSecInfoBox p{ font-size: 16px; } */ .btn-EXLPrimary { background: #FF8353; color: #fff; } .uploadSecInfoBox .dontshowMessage { align-items: center; display: flex; /* opacity: 0; */ } .uploadSecInfoBox .dontshowMessage input { margin-top: 0; margin-right: 5px; } .inActive li { opacity: .5; pointer-events: none; } .p5 { padding: 5px; } #upload-file-info { padding-left: 10px; line-height: 28px; } .file_content { max-width: 68%; min-height: 80px; border: 1px dashed #968f8f; margin: 0 auto 0px 14.5%; } .browse-invoice-btn { max-width: 135px; width: 135px !important; padding-left: 10px !important; } .show_files tbody { padding: 5px 5px 5px 8px; display: inline-block; } .show_files tr:last-child { margin-right: 0; } .file_content .fileinput-button { position: absolute; bottom: 1px; right: 18.4%; border-radius: 0; } .btn-orange { background-color: #FF8353; color: #fff; } .btn-orange:hover { background-color: rgb(250, 154, 116); color: #fff; } /* .file_content{ max-width: 68%; min-height: 80px; border: 1px dashed #a7cded; margin: 10px auto 0px 14.5%; } */ .file_content { max-width: 100%; min-height: 20px; line-height: 5px; border: none; margin: 0px 0px 6px; width: 100%; display: flex; min-height: 44px; } .file_content .fileinput-button { position: absolute; bottom: 4px; right: 18.1%; /* border-radius: 0; */ border-radius: 5px; } .show_files tr td:nth-child(1), .show_files tr td:nth-child(1), .show_files tr td:nth-child(3), .show_files tr td:nth-child(4) button:nth-child(1) { display: none; } .tablesec_style .show_files { margin-bottom: 0 !important; } .show_files tr { display: inline-block; float: left; border: 1px solid #968f8f; border-radius: 2px; /* margin-right: 10px; margin-bottom: 5px; */ margin: 2px 10px 5px 5px; } .show_files tr button:nth-child(2):active, .show_files tr button:nth-child(2):focus, .show_files tr button:nth-child(2):focus:active { box-shadow: none; background-color: transparent; outline: none; } .show_files tr button:nth-child(2) { height: 12px; width: 12px; padding: 0; float: left; background-image: url("../../Images/close.png"); background-repeat: no-repeat; background-position: center; background-color: transparent; border: none; margin-top: 4px; margin-bottom: 0; } .show_files tr button:nth-child(2) i, .show_files tr button:nth-child(2) span { display: none; } .show_files tbody { /* padding: 5px 5px 5px 8px; */ padding: 2px 5px; display: inline-block; padding-bottom: 5px; } .show_files tr td:nth-child(2) p { text-overflow: ellipsis; overflow: hidden; /* width: 89px; */ white-space: nowrap; margin: 0; max-width: 250px; line-height: 20px; } .show_files tr td { padding: 3px 5px !important; } .show_files tr td:nth-child(2) { border-right: 1px solid #968f8f; } .add_key { float: right; margin-right: 5px; } .add_key img { margin-right: 5px; } .mt-20 { margin-top: 20px; } .total_size { padding: 5px 10px; text-align: center; border: 1px dashed #88c3e9; width: auto; margin: 0 auto; background: #effaff; width: 50%; } .total_size .progress { margin-bottom: 8px; } .main_content_success { width: 92%; margin: 0 auto; } .main_content_success table thead tr th { background: #516077; } .navbar-right { margin-top: 15px; } .show_files tr:last-child { margin-right: 0; } /* .show_files tr:nth-child(5n) { margin-right: 0; } */ .show_files > tbody > tr > td { background-color: #ffffff !important; } .navbar-default { z-index: 999; background-color: #fff !important; } .tick_ok { width: 20px; height: 20px; background-image: url("../../Images/tick-ok.png"); background-repeat: no-repeat; background-position: center; background-color: transparent; } .tick_font { position: absolute; top: 15%; left: 15%; color: #ffffff !important; /* font-size: 1.4em !important; */ } .pp_logo { width: 80%; margin-top: 0px; } .d-none { display: none !important; } .wh100 { width: 100% !important; height: 100% !important; } .cpointer { cursor: pointer; } .overflow_tbl { min-height: auto; overflow: auto; max-height: 110px; } .bdrleft_gray { border-left: .5px solid #ddd; } .mrpt5 { margin-right: .5px !important; } .activeItem { background-color: rgb(244, 251, 253); } .btnOrange { /* font-size: 10px; */ margin: 5px auto; background-color: #FF8353; color: #fff; } .btnBlack { background-color: #000; border-radius: 4px 0 0 4px; } .btnOrange a, .btnBlack a { color: #fff !important; } .btnOrange:hover { background-color: #FB4E0B; } .btnOrange a:active { box-shadow: none !important; } .btnblack:hover { background-color: #FB4E0B; } .btnblack a:active { box-shadow: none !important; } #soundWave { /* Width: 100%; height: 150px; background-size: cover; margin: 20px; margin: 0 auto; margin-top: 10px; */ } .soundwavewrapper { background-color: #fff; } .btn-outline-orange { background-color: #fff; border: 1px solid #fb410b; color: #000; } .btn-outline-orange:hover { color: #ffffff; background-color: #fb410b; } .userMSG.authSuccess, .userMSG.IDSubmitted { /*text-align: right;*/ display: inline-block; display: flex; justify-content: end; } .userMSG, .ProviderMSG, .contentBG { position: relative; } .userMSG.chatError .pMSG-info { background-color: #cb2d3c !important; } .userMSG.authSuccess .pMSG-info, .userMSG.IDSubmitted .pMSG-info { background-color: #cb2d3c; align-items: center; /*display: flex;*/ align-content: center; font-weight: 600; } .showAddress { /* float: left; */ width: 100%; } .showAddress .availableAddress { width: 75%; float: right; } .addIDSection1 { width: 47.5%; } .addIDSection2 { width: 5%; } .addIDSectionwrapper { display: flex; } .editAddress div[class*="col-sm-"] { margin-bottom: 12px; } .ProviderMSG { /* float: left; */ width: 100%; margin-top: 0px; } .refAuthentication { width: 75%; background: #ffffffc2; border-radius: 4px; padding: 20px; border-top-left-radius: 0px; } /* .refAuthentication::before { content: ""; background-image: url(../images/robotIcon.svg); background-repeat: no-repeat; background-position: 0px 0px; width: 30px; left: 120px; position: absolute; top: 140px; z-index: 999; } */ .chatUser { width: 30px; left: -33px; position: absolute; top: 0px; z-index: 999; } .chatRobot { width: 30px; right: -32px; position: absolute; top: 0px; z-index: 999; } .addIDSection, .addAddressSection { width: 75% !important; border-radius: 0px 8px 8px 8px !important; background: #ffffffc2; color: #7e7e7e; padding: 20px !important; width: 75%; border: 1px solid #cccccc; margin-top: 20px } .ProviderMSG p { color: #000; margin-bottom: 5px; } /* .btnSlideAction { padding: 5px 15px; } */ .uploadHeader { font-weight: 500; } .file_content { background-color: #fff; border-radius: 4px; } .show_files .btn-warning.cancel { background-color: transparent !important; } .align_center { align-items: center; } .disp-inline-blk { display: inline-block; } .customFileInput { width: auto; display: inherit; } .fileUpload { display: -webkit-inline-box; } label.uploadFileText { margin: 5px 0px 5px 5px; /* font-size: 11px; */ } .fileChangeDropdown button.btn { min-height: 44px; } #navbarNavDropdown a.nav-link { font-weight: normal; text-align: center; /* color: #fb410b!important; */ color: #A52603 !important; cursor: pointer; } .visually-hidden { border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */ clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/ white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ } .bootboxLink { cursor: pointer; } @import url("fonts.css"); @import url("font-awesome.min.css"); html, body { font-family: "Segoe UI", arial; font-size: 16px; height: 100%; } .navbar { z-index: 99; --bs-navbar-padding-y: 0px; text-align: center; border-bottom: 1px solid #ccc; background-color: #ffff; } .custom__navbar { box-shadow: rgb(17 17 26 / 10%) -1px -2px 8px 0px; background: #ffffff; margin-bottom: 0 !important; } .customLogo { /* width: 110px; */ display: flex; align-items: center; animation: moveToRight 1s ease-in-out; animation-delay: 100ms; padding: 0; margin-left: 0 !important; height: 50px !important; } .customLogo img { height: 30px; } .custom__navbar .navbar-collapse { padding: 0; } .custom__navbar .navbar-nav.navbar-right li { border-left: 1px solid #dddddd; height: 55px; text-align: center; padding-left: 5px; } li.faqactive { background: #4141; } .custom__navbar .navbar-nav.navbar-right li.right-menu a { padding-top: 8px !important; display: flex; align-items: center; justify-content: center; align-content: center; flex-direction: column; gap: 2px; padding-top: 0px; padding-bottom: 0px; } .custom__navbar .navbar-nav.navbar-right .menu-text { font-weight: normal; text-align: center; color: #fb410b; } ul.nav.navbar-nav.navbar-right li:first-child { border-left: none; } /* The robot Modal (background) */ #robot-modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; /* background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); */ } /* Modal Content */ #robot-modal p { position: absolute; left: 40%; top: 30%; color: white; } #robot-modal .robot-content { position: absolute; background-color: #fefefe; padding: 20px; width: 18%; height: 120px; left: 40%; top: 58%; border-left: 10px solid #fb410b !important; } .myinput[type="checkbox"]:before { position: relative; display: block; width: 11px; height: 11px; border: 2px solid #808080; content: ""; background: #fff; } .myinput.large { height: 22px; width: 22px; } .myinput.large[type="checkbox"]:before { width: 22px; height: 22px; } .robot-check { /* font-size: 14px; Calling from body tag */ position: absolute; left: 57px; top: 23px; } /* robot verfications starts */ .text-white { color: #fff; } .robot-verify { z-index: 999; position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; align-items: center; flex-direction: column; } .robot-verify input[type="checkbox"] { width: 25px; height: 25px; margin-right: 15px !important; } .robot-verify-wrapper { display: flex; background-color: #fff; width: 250px; /* height: 75px; */ border-left: 5px solid #fb410b; flex-direction: row; align-items: center; padding-left: 15px; margin-top: 45px; padding: 15px; } .robot-verify-number { flex-direction: column; align-items: start; height: auto; position: relative; } .robot-verify-number img { margin-right: 15px; } .robot-verify-number input { width: 60px; height: 25px; margin-left: 15px; background: #ffffff; border: 1px solid #adadad; border-radius: 3px; } .hr_line { border: 1px solid #dadada; width: 242px; position: absolute; right: 0px; } .robot-verify-number-subwrapper { display: flex; align-items: center; margin: 15px 0; } /* robot verfications end */ /* The Modal (background) */ #notify-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 0px; /* Location of the box */ left: 0; top: 0px; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; padding: 0 20px; width: 50%; height: 160px; left: 50%; top: 70px; border-left: 10px solid #fb410b !important; height: 150px; max-height: 200px; transform: translate(-50%, 10px); } .modal-content .modal-heading { /* font-size: 14px; Calling from body tag */ font-weight: 700; line-height: 1; } .modal-heading { line-height: 20px !important; } .modal-right { color: #595959; /*right: 0; bottom: 20px; z-index: 20; margin-bottom: 12px;*/ } .notify-modal img { margin-right: 5px; } input.modal-check { position: relative; top: 2px; right: 2px; } /* The Close Button */ .close-icon { float: right; font-weight: bold; line-height: 1; color: #fb410b; opacity: 1; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; border: 2px solid #fb410b; background: #ffffff; border-radius: 50%; text-align: center; padding: 0px 1px; cursor: pointer; } .close-icon::after { content: "x"; } .close-icon:hover, .close-icon:focus { /* color: #000; */ text-decoration: none; cursor: pointer; } .nav-contact-rightform { overflow: visible; position: absolute; top: 0px; width: 328px; z-index: 991; height: auto; margin-top: 74px; right: -21px; margin-right: 25px; /* visibility: hidden; */ background: #f2f2f2; padding: 10px; border-left: 5px solid rgb(251, 65, 11); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .nav-contact-rightform::before { content: ""; position: absolute; right: 20px; top: -8px; /* height: 5px; */ /* width: 10px; */ /* background-color: #fb410b; */ transform: rotate(45deg); z-index: -1; border-right: solid 12px transparent; border-left: solid 12px transparent; border-bottom: solid 12px #f2f2f2; transform: translateX(-50%); } .nav-call-rightform { /* overflow: hidden; */ position: absolute; /* top: 6%; */ width: 245px; z-index: 9999; height: auto; margin-top: 12px; right: -21px; margin-right: 25px; /* visibility: hidden; */ background: #f2f2f2; padding: 10px; border-left: 5px solid rgb(251, 65, 11); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; /* box-shadow: rgb(50 50 93 / 25%) 0px -1px 4px 0px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; */ } .contact-close-icon { float: right; /* font-size: 30px; */ font-weight: bold; line-height: 1; color: #fb410b; opacity: 1; position: relative; bottom: 3px; left: 5px; width: 25px; height: 25px; cursor: pointer; } .nav-call-rightform::before { content: ""; position: absolute; right: 110px; top: -12%; /* height: 5px; */ /* width: 10px; */ /* background-color: #fb410b; */ transform: rotate(45deg); z-index: -1; border-right: solid 12px transparent; border-left: solid 12px transparent; border-bottom: solid 12px #f2f2f2; transform: translateX(-50%); } .nav-call-rightform .call-desc { /* font-size: 14px; Calling from body tag */ font-weight: 400; color: black; } .call-desc { margin-bottom: 0; } .call-desc span, .contact-desc span { font-weight: bold; } .nav-contact-rightform p.contact-heading { /* font-size: 18px; */ color: black; font-weight: 700; } .nav-contact-rightform p.contact-desc { color: #959595; } /* .custom-file-input::-webkit-file-upload-button { visibility: hidden; } .custom-file-input::before { content: 'choose files'; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 10px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; position: absolute; top: 6px; } */ /* input { margin-top: 1rem !important; } */ li#System-notification { position: relative; } .notify-back { height: 35px; background: #000000; color: #fff; position: absolute; width: 360px; text-align: center; display: inline-flex; left: -380px; padding: 3px 20px 8px 20px; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0, -50%); } .notify-back:after { content: ""; position: absolute; height: 0; width: 0; left: 100%; top: 0; border: 17px solid transparent; border-left: 20px solid #000000; } input::file-selector-button { font-weight: bold; padding: 0.5em; border: thin solid grey; border-radius: 3px; margin-top: 10px; } textarea.form-ctrl { padding: 0px 0px 0px 45px; width: 100%; border: 1px solid darkgrey; border-radius: 4px; } /* user intract */ .jqiclose { display: none !important; } .jqibox { z-index: auto !important; } .jqifade { background-color: #000 !important; } .jqi { z-index: 1114 !important; } .jqi .jqititle { border-bottom: none !important; text-transform: uppercase !important; font-weight: 500 !important; margin-bottom: 0 !important; } div.jqi .jqimessage { /* font-size: 14px; Calling from body tag */ color: rgb(68 68 68); } div.jqi .jqibuttons { background: none !important; border-top: none !important; margin-bottom: 10px !important; } div.jqi .jqibuttons button[name$="Next"] { border-radius: 5px 5px 5px 5px !important; border: 1px solid #fb410b; background-color: #fb410b !important; padding: 5px 12px; /* font-size: 12px; */ font-weight: 500; color: #fff !important; margin-right: 20px !important; } .jqi i.fa.fa-long-arrow-right { display: none !important; } div.jqi .jqibuttons button[name$="Next"]::after { content: " \003E"; padding: 5px; /* font-size: 14px; Calling from body tag */ } div.jqi .jqibuttons button[name$="Previous"] { border-radius: 5px 5px 5px 5px !important; border: 1px solid #fb410b; background-color: #fb410b !important; padding: 5px 12px; /* font-size: 12px; */ font-weight: 500; color: #fff !important; margin-right: 20px !important; } div.jqi .jqibuttons button[name$="Previous"]::before { content: " \003C"; padding: 5px; /* font-size: 14px; Calling from body tag */ } div.jqi .jqibuttons button[name$="Skip"] { border-radius: 5px 5px 5px 5px !important; border: 1px solid #fb410b; padding: 5px 15px; /* font-size: 12px; */ font-weight: 500; color: #fb410b !important; margin-right: 20px !important; } .tour_highlight { background-color: #fff !important; z-index: 1111 !important; border-radius: 3px; } .tour_content { z-index: 1112 !important; position: relative; display: inline-block; pointer-events: none; } .tour_content:before { display: block; position: absolute; height: 100%; width: 100%; content: " "; } .custom__footer { width: 100%; display: block; position: fixed; animation: moveToTop 1s ease-in-out; animation-delay: 100ms; padding: 10px 10px; /* background-color: rgba(68, 98, 201,0.6); */ background-color: rgba(51, 51, 51, 255) !important; bottom: 0; left: 0; right: 0; color: rgba(255, 255, 255, 0.9); line-height: 12px; z-index: 999; } .custom__footer .footIcn ul { list-style-type: none; text-align: right; margin: 0; padding: 0; } .custom__footer .footIcn ul li { display: inline-block; margin-left: 20px; } .custom__footer .footer-help { text-align: right; display: none; position: relative; } .footer-help-bot { position: absolute; bottom: 11px; right: 7px; } .btn-outline-orange { background-color: #fff; border: 1px solid #fb410b; color: #000; } .btn-outline-orange:hover { color: #ffffff; background-color: #fb410b; } .btn { border-radius: 4px; transition: 500ms cubic-bezier(0.3, 1.12, 0.96, 1.01); } input:focus, select:focus, textarea:focus, button:focus { outline: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline-color: transparent !important; outline: none !important; } .available-grp-btn { display: flex; justify-content: end; gap: 7px; } .text-semi-bold { font-weight: 500; } .mainSeciton { height: 100%; padding: 0; } /* login page start */ .login-user-white { color: #fff; } .login-user-black { color: #000; } .login__section { height: 100%; /* background-color: #f4f3f3; */ padding: 0; } .form-content { display: flex; flex-direction: column; width: 100%; } .heading { /* padding-left: 20px; */ text-transform: uppercase; } .heading h2 { font-size: 24px; } .provider-portal-login-form-section { padding: 20px; } .border-line { padding-bottom: 10px; padding-left: 20px; border-bottom: 2px solid #e9e9e9; } .login-form { width: 100%; } .input-box label { color: #7e7e7e; font-weight: normal; } .input-box .input-group { width: 100%; } .input-box .input-group-addon { border: 1px solid #a9a9a9; background-color: #a9a9a94d; } .referenceKeyfieldWrapper .input-group-addon { border: none; } .referenceKeyfieldWrapper .form-control { border: 1px solid #a9a9a9; padding: 0; height: 50px; } .input-box { margin-bottom: 20px; position: relative; } .input-box.mt-20, .button-box.mt-20 { margin-top: 12px; } input.form-ctrl, .referenceKey .form-ctrl { padding: 0px 0px 0px 45px; width: 100%; height: 50px; border: 1px solid #a9a9a9; border-radius: 4px; } .referenceKey .form-ctrl { height: 75px; padding: 9px 0px 0px 45px; } .form-ctrl::placeholder { text-transform: capitalize; /* font-size: 13px; */ } .input-box .input-group-addon { position: absolute; top: 0; left: 0; height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; z-index: 0; } .input-box span img { width: 22px; } .button-box { display: flex; align-items: end; justify-content: end; align-content: end; width: 100%; } .button-box button { width: 80px; /* font-size: 18px; */ text-align: center; background-color: #000; border: none; border-radius: 4px; color: #fff; font-weight: 600; padding: 5px; transition: 500ms cubic-bezier(0.3, 1.12, 0.96, 1.01); } .login_btn:hover { background-color: #fb410b; color: #ffffff; } .mt-20 { margin-top: 20px; } .mt-10 { margin-top: 10px; } .m-10 { margin: 10px 0; } /* Login page end */ /* Chat page start */ .provider-image { width: 100%; height: 100%; background-image: url(../../Images/chat-bg.png); background-repeat: no-repeat; background-size: 100% 100%; background-size: cover; float: left; } img.bigarrow { left: 0; position: absolute; bottom: 0; height: 200px; right: 0; width: 100%; transform: translate(-32px, -100px); } .provider-chat { /* background: #fb4e0b; width: 25%; */ /* position: absolute; right: 0px; bottom: 0; top: 0; opacity: 1; */ } .chatlogo { width: 100%; margin-bottom: 20px; } .chatlogo img { transform: translateY(110px); width: 70px; height: 70px; } .chat-content { height: 120px; padding: 20px; text-align: center; } .chat-content h2 { color: #fff; font-size: 20px; font-weight: normal; margin-bottom: 10px; } .chat-content p { color: #fff; /* font-size: 14px; Calling from body tag */ font-weight: normal; } .float-icon { text-align: center; /* padding: 30px; */ } @media (max-width: 768px) { .footIcn ul li { display: inline-block; margin-left: 10px; } .provider-portal-login { flex-direction: column; } .right, .left { flex: 100%; } .mobile-hidden { display: none; } .provider-image { width: 100%; height: 100%; /* background-image: url(../images/talk.png); */ background-repeat: no-repeat; background-size: 100% 100%; } } .arrowImgBG { position: absolute; bottom: 10%; opacity: 0.6; left: calc(33% + 20px); } .arrowImgBG path:first-child { transform: translateX(-140px); } .arrowImgBG path:nth-child(2) { transform: translateX(-280px); } .arrowImgBG path:nth-child(3) { transform: translateX(-440px); } .showChatSection .arrowImgBG path:first-child { animation: bigArrow 2s forwards cubic-bezier(0.39, 0.54, 0.41, 1.5); } .showChatSection .arrowImgBG path:nth-child(2) { animation: bigArrow 1s forwards cubic-bezier(0.39, 0.54, 0.41, 1.5); } .showChatSection .arrowImgBG path:nth-child(3) { animation: bigArrow 500ms forwards cubic-bezier(0.39, 0.54, 0.41, 1.5); } @keyframes bigArrow { 0% { transform: translateX(-150px); } 100% { /* opacity: 0; */ transform: translateX(-20px); } } .activeBotChat.rightSec .chatlogo { /* display: flex; align-items: center; margin-top: 20px; gap: 20px; margin-bottom: 0; position: relative; */ width: 20%; } .activeBotChat.rightSec { width: 100%; height: 100%; } .activeBotChat.rightSec .botAnimation svg .botHeadPhone { stroke-dashoffset: 430px; } .activeBotChat.rightSec.provider-chat .botVoiceAnime { opacity: 1; display: flex; } .activeBotChat.rightSec.provider-chat .checkboxSec { opacity: 1; padding-left: 80px; margin-bottom: 10px; display: block; } .activeBotChat.rightSec .content1 { opacity: 0; pointer-events: all; height: auto; overflow-y: overlay; display: inline-block; width: 100%; /* color: #ffffff; */ z-index: 1; } .botAnimation { height: 90px; display: flex; align-items: center; justify-items: center; } .chatServicesList { list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .chatServicesList li { margin-right: 10px; margin-bottom: 10px; } .chatServicesList li a { /* padding:4px 10px; */ /* padding: 6px 10px 5px; */ /* background-color:#e2ecfc; */ background-color: #000; display: block; /* border:1px solid #bccce6; */ border: 1px solid #000; color: #fff; /* border-radius:15px; */ border-radius: 4px; /* font-size: 13px; */ /* line-height: 1.2; */ text-decoration: none; /* height: 30px; */ font-weight: 400; } .chatServicesList li a:active, .chatServicesList li a:focus, .chatServicesList li a.active { /* background-color:#5a80bc; */ background-color: #fb410b; border-color: transparent; color: #fff; } .pMSG-info .form-control { border: 0; background-color: #fff; border-radius: 4px; /* padding: 5px 10px 5px 10px; */ height: 40px; box-shadow: inset 0 1px 1px rgb(0, 0, 0, 0); /* font-size: 13px; */ } .pMSG-info .form-group .form-control { padding: 0px 0px 0px 45px; } .pMSG-info .form-group { position: relative; text-align: left; /* margin-bottom:10px; padding-right:50px; */ } .pMSG-info .loginFormIcn { position: absolute; top: 4px; right: 20px; left: auto; } .pMSG-info ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8a8a8a !important; /* font-size: 13px; */ } .pMSG-info ::-ms-input-placeholder { /* Microsoft Edge */ color: #8a8a8a !important; /* font-size: 13px; */ } .pMSG-info .form-group label { color: #fff; font-weight: normal; } .pMSG-info .form-group span { position: absolute; top: 0; left: 0px; height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; z-index: 1; } .pMSG-info .form-group span img { width: 22px; } .userMSG .pMSG-icon { margin-right: 0; margin-left: 20px; flex: 0 0 auto; } .userMSG .pMSG-info { background-color: #000000b0; border-radius: 8px 0 8px 8px; color: #ffffff; padding: 10px 15px; } .userMSG .pMSG-info:before, .userMSG .pMSG-info:after { border-width: 0 0 16px 16px; left: auto; right: -16px; } .userMSG .pMSG-info:before { border-color: transparent transparent transparent rgba(0, 0, 0, 0.2); top: 2px; } .userMSG .pMSG-info:after { border-color: transparent transparent transparent #f4853c; } #updateContact { display: none; } #updateContact span { color: #000; padding-left: 15px; font-weight: 500; cursor: pointer; } #updateContact .chatServicesList li a { background-color: #A02503; border-color: #A02503; padding: 6px 15px 5px; font-weight: 600; } /* Chat bot */ /* img { max-width: 100%; } */ .inbox_people { background: #f8f8f8 none repeat scroll 0 0; float: left; overflow: hidden; width: 40%; border-right: 1px solid #c4c4c4; } .inbox_msg { border: 1px solid #c4c4c4; clear: both; overflow: hidden; } .top_spac { margin: 20px 0 0; } .recent_heading { float: left; width: 40%; } .srch_bar { display: inline-block; text-align: right; width: 60%; } .headind_srch { padding: 10px 29px 10px 20px; overflow: hidden; border-bottom: 1px solid #c4c4c4; } .recent_heading h4 { color: #05728f; font-size: 21px; margin: auto; } .srch_bar input { border: 1px solid #cdcdcd; border-width: 0 0 1px 0; width: 80%; padding: 2px 0 4px 6px; background: none; } .srch_bar .input-group-addon button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 0; color: #707070; /* font-size: 18px; */ } .srch_bar .input-group-addon { margin: 0 0 0 -27px; } .chat_ib h5 { font-size: 15px; color: #464646; margin: 0 0 8px 0; } .chat_ib h5 span { /* font-size: 13px; */ float: right; } .chat_ib p { /* font-size: 14px; Calling from body tag */ color: #989898; margin: auto; } .chat_img { float: left; width: 11%; } .chat_ib { float: left; padding: 0 0 0 15px; width: 88%; } .chat_people { overflow: hidden; clear: both; } .chat_list { border-bottom: 1px solid #c4c4c4; margin: 0; padding: 18px 16px 10px; } .inbox_chat { height: 550px; overflow-y: scroll; } .active_chat { background: #ebebeb; } .incoming_msg_img { display: inline-block; width: 20px; vertical-align: top; } /* .incoming_msg:first-child .incoming_msg_img { vertical-align: top; margin-top: 0; } */ .received_msg { display: inline-block; padding: 0 0 0 10px; vertical-align: top; width: 92%; } .received_withd_msg p { /* background: #ebebeb none repeat scroll 0 0; */ border-radius: 3px; color: #646464; /* font-size: 14px; Calling from body tag */ margin: 0; padding: 5px 5px 5px 0px; width: 100%; } .time_date { color: #747474; display: block; /* font-size: 12px; */ margin: 8px 0 0; } .received_withd_msg { display: inline-block; padding: 0px 10px; } .mesgs { float: left; padding: 0 0 0 0; height: 100%; /* width: 60%; */ } /* .mesgs .input-group-btn { font-size: 18px; } */ .closeBtn { display: inline-block; position: absolute; top: 5px; right: 15px; cursor: pointer; } .sent_msg p { background: #fffbe6; border-radius: 3px; /* font-size: 14px; Calling from body tag */ margin: 0; color: #000; padding: 5px 10px 5px 12px; width: 100%; border: 1px solid #e3d172; } .outgoing_msg { overflow: hidden; margin: 15px 0 15px; position: relative; } .sent_msg { float: right; max-width: 100%; margin-right: 10px; position: relative; } .input_msg_write input { /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; */ color: #4c4c4c; /* font-size: 15px; */ min-height: 48px; width: 100%; padding-left: 15px; padding-right: 15px; border: 1px solid #cbcbcb; } .type_msg { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 10px 10px 10px; } .input_msg_write.disabled .msg_send_btn { background: #dbdbdb; color: darkgray; } .msg_send_btn { border: medium none; border-radius: 50%; color: #66a5e7; cursor: pointer; /* font-size: 30px; */ height: 33px; position: absolute; right: 18px; top: 8px; background: #ffffff; /* width: 33px; */ /* background: lightgrey; */ } .messaging { padding: 0 0 50px 0; } .msg_history { /* height: calc(100% - 235px); */ overflow-y: overlay; padding: 0px 30px; margin-bottom: 70px; background: #fff; } .btnChatQues { border: 1px solid #638be9; border-radius: 0; background-color: #fff; margin-bottom: 10px; color: #0f0f0f; z-index: 11; position: relative; } .received_withd_msg h5 { /* font-size: 15px; */ font-weight: 700; margin-top: 0; } .activeService { background-color: #d2e4ff; } .pad0 { padding: 0; } /* .input_msg_write { padding-right: 15px; } */ .input_msg_write.disabled { background-color: #d3d3d3; } .input_msg_write input:focus-visible { outline: none; } .outgoing_msg_img { display: inline-block; width: 20px; margin-top: 8px; float: right; } .mesgs .ref_tt_login_prev { padding-left: 0; } .mesgs .ref_tt_login_prev .ref_place_login { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .userMsginputSection { background: #d2e4ff; border: 1px solid #73b6dd; border-radius: 5px; padding-bottom: 10px; } .incoming_msg { margin-bottom: 15px; } .msgInputBox { margin-left: -10px; } .skipSection { border-bottom: 1px dashed; top: -5px; position: relative; cursor: pointer; left: 10px; } .addressSection { padding: 10px 15px; width: 50%; background: #eaf2ff; border-color: #73b6dd; } .addressSection p { margin-bottom: 10px; } .textInfo { padding-top: 5px; padding-bottom: 5px; } .textInfo p { padding-bottom: 0; } .activeMsg { background: #eaf2ff; border: 1px solid #73b6dd; } .infoMsg .incoming_msg_img { position: relative; top: 6px; } /* .infoMsg .received_msg::before { content: ' '; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid blue; } */ .incoming_msg.infoMsg .popover__nub { position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 9px solid #73b6dd; transform: rotate(90deg); left: 22px; top: 12px; } .incoming_msg.infoMsg .popover__nub:after { content: ""; position: absolute; top: -10px; left: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #eaf2ff; } .outgoing_msg .popover__nub { position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e3d172; transform: rotate(270deg); right: -13px; top: 12px; } .outgoing_msg .popover__nub:after { content: ""; position: absolute; top: -11px; left: -7px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fffbe6; } .infoMsg { position: relative; } .loginTopSec img { position: relative; top: -30px; } .loginTopSec { margin-bottom: 25px; } .chatBox::before { position: absolute; /* content: url("../images/chat-bot-bg.png"); */ opacity: 0.2; right: 0; } .chatBox { margin-top: 10px; margin-bottom: 10px; } .loginChatInit { position: absolute; right: 0; top: 0; height: calc(98% + 5px); } .loginChatInit::before { position: absolute; content: url("../images/chat-bot-bg.png"); bottom: 180px; right: 5px; } .chatOption { position: absolute; bottom: 5px; right: 10px; } .chatQuery { position: absolute; bottom: 60px; right: 85px; } .chatQuery h1 { position: absolute; left: 40px; top: 5px; font-weight: 700; line-height: 32px; text-shadow: 2px 2px 0 #fff; font-size: 30px; } .questionSection { padding-left: 0; } .newLoginScreen .infoImgCon:after { left: -19%; } .setting-content { position: relative; display: flex; } .maintance { position: absolute; top: 150px; text-align: center; color: white; text-transform: uppercase; } @media only screen and (min-width: 1251px) and (max-width: 1366px) { .arrowImgBG { position: absolute; bottom: 10%; opacity: 0.6; left: calc(18% + 20px); } } @media screen and (max-width: 1250px) { .loginSectionUser .loginBody { min-width: 400px; } .newLoginScreen .infoImgCon .infoImg { top: 15px; } .newLoginScreen .infoImgCon:after { left: -26%; top: 15px; } .newLoginScreen .infoImgCon { top: 10px !important; width: 75% !important; } .loginSectionUser.lgRes .infoImgCon { top: 10px !important; width: 90% !important; } } .newLoginScreen .infoImgCon { top: 10px; width: 80%; } .loginSectionUser.lgRes .infoImgCon { top: 10px; width: 90%; } .loginSectionUser.lgRes .loginBody { margin-top: 0px; } .userLoginSection { padding: 0; } .userLoginFirstSection { background-color: #fff; } /* chat loading */ .chat-bubble { background-color: #d2e4ff; padding: 5px 15px; -webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 2px; border-radius: 20px; border-bottom-left-radius: 2px; display: inline-block; } .typing { align-items: center; display: flex; height: 17px; } .typing .dot { animation: mercuryTypingAnimation 1.8s infinite ease-in-out; background-color: #2573d7; border-radius: 50%; height: 7px; margin-right: 4px; vertical-align: middle; width: 7px; display: inline-block; } .typing .dot:nth-child(1) { animation-delay: 200ms; } .typing .dot:nth-child(2) { animation-delay: 300ms; } .typing .dot:nth-child(3) { animation-delay: 400ms; } .typing .dot:last-child { margin-right: 0; } @keyframes mercuryTypingAnimation { 0% { transform: translateY(0px); background-color: #638be9; } 28% { transform: translateY(-7px); background-color: #96b0ef; } 44% { transform: translateY(0px); background-color: #cadaff; } } /* Malay 23/212/2022 Chatbot Enhancement */ .btnMinMax { cursor: pointer; } .btnMaxMin { cursor: pointer; } .chatPanel { /* overflow:auto; width:100%; */ /* max-height:420px; */ } .contentBG { padding: 10px; border-radius: 5px; margin-top: 5px; display: inline-block; width: 100%; } .addressContainer span { border-bottom: 1px dashed #ddd; } .secondaryHeading { font-weight: 500; } .editAddress input { margin-bottom: 5px !important; } .addIDSection input { margin-bottom: 0 !important; } .editAddress .btn-block + .btn-block { margin-top: 0; text-align: center; } .widthHalf .btn .btn-block { text-align: center; } .widthOneThird { display: inline-flex; } .widthHalf { display: inline-flex; } .editIcon { float: right; cursor: pointer; color: #fb410b; } .serviceConfirm p, .queryConfirmYes p { margin-bottom: 0; } .textBold { font-weight: 500; } .uploadOverlay { position: absolute; top: 10px; color: #fff; width: 100%; background: rgba(0, 0, 0, 0.7); left: 0; z-index: 1000; margin: 50px 0; height: auto; overflow: hidden; } .progressBarUpload { width: 100%; margin: 0 auto; /* position: relative; */ background: #fff; padding: 0 12px; border-radius: 6px; color: #333; max-width: 800px; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 53%; left: 50%; } .border-right { border-right: 1px solid #d3d3d3; } /* .progress-left-content { margin: 0 auto; width: 60%; } */ .space-around { padding: 5px; } .space-around img { padding: 3px; height: 40px; width: 40px; } .progress-bar-right-content { display: flex; justify-content: center; } .viewUploaded { background: #fff; padding: 0 12px; border-radius: 6px; color: #333; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; } .table > tbody > tr:nth-of-type(even) { background-color: #f3f3f3f3; } .text-end { text-align: end !important; } .btn-back-none { background: none !important; color: rgb(251, 78, 11) !important; border: 1px solid rgb(251, 78, 11) !important; } .successMessage { text-align: center; margin-bottom: 10px; color: #333; } .bg-warning { background-color: #f3f3f3 !important; } .alertMsg { padding: 5px 10px 15px; text-transform: none !important; position: relative; border: 0; width: 100%; bottom: -10px; left: 0; /* font-size: 11px !important; */ color: #444444 !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .progressHeader { padding: 10px 20px; position: relative; border: 0px; width: 100%; top: 0px; left: 0px; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #e6edff; font-weight: 700; text-transform: uppercase; font-size: 18px !important; color: rgb(51, 51, 51) !important; } .progressBar p { text-transform: uppercase; font-weight: 500; color: #000; margin-top: 10px; } .progressBar span { font-weight: 700; } .btn-warning { color: #ffffff; background-color: #fb4e0b !important; border-color: #fb4e0b !important; } .marBot20 { margin-bottom: 20px; } .progressInfo p { text-transform: uppercase !important; /* font-size: 11px !important; */ margin-bottom: 0 !important; font-weight: 500 !important; } .progressCloseBtn, .viewFileCloseBtn .feedbackCloseBtn { float: right; font-weight: bold; line-height: 1; color: #d93505; opacity: 1; position: absolute; top: -11px; right: -10px; width: 24px; height: 24px; border: 2px solid #fb410b; background: #ffff; border-radius: 50%; text-align: center; padding: 0px 1px; cursor: pointer; } .btn-warning { background-color: #ff8353; } .btn-warning:hover { background-color: #fb4e0b; } .mrrpTable { margin-bottom: 0px !important; } .mrrpTable thead th { background-color: #666; border: none; color: #fff; padding: 5px !important; text-align: left; white-space: pre; font-weight: normal; } .table > tbody > tr > td { padding: 4px !important; } .loginForm .form-control { background-color: #f9f9f9 !important; border: 1px solid #afcdff !important; } .userMSG, .addIDSection, .addAddressSection { margin-top: 10px; } .pr0 { padding-right: 0; } /* .btn-orange:hover { background-color: #fff; border: 1px solid #fb410b; color: #000; } */ .btn-orange { color: #fff; background-color: #d13305; } .activeChatSec .arrowImgBG path { transform: translateX(420px); } .chat-bot-wrapper { position: fixed; /* bottom: -25px; right: 100px; */ bottom: 70px; right: 35px; z-index: 1200; animation-delay: 5s; animation-delay: 3s; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .chatbotanimation { animation-delay: 5s !important; animation-delay: 3s !important; } .chatbotinfoanimation { animation-duration: 3s; animation-delay: 6s; } .chat-bot-container { width: 160px; height: 130px; background-image: url(../images/chat_bg.png); background-repeat: no-repeat; background-size: contain; background-position: 40% bottom; display: flex; flex-direction: column; justify-content: center; align-items: center; /* background-color: #fb5323; border-radius: 25px; */ } .chat-bot-info { border-radius: 80px; width: 200px; /* height: 65px; */ background-color: #333333; color: #fff; padding: 10px 0; font-weight: 400; position: relative; top: 0px; right: 0px; margin-top: 15px; } .chat-bot-info div { margin-left: 40px; } .chat-bot-container > img { position: absolute; right: 20px; } /* .chat-bot-container span { position: absolute; left: 20px; top: 20px; } */ .custom-wrapper-chatbot .chatbotImg { width: 60px; position: relative; top: -5px; } .activeBotChat .chat-bot-wrapper { display: none; } .sound-chat-bot-wrapper { width: 105px; /* height: 130px; */ background-image: url(../images/chat_bg.png); background-repeat: no-repeat; background-size: contain; background-position: 40% bottom; position: relative; left: 15px; transform: scale(0); opacity: 0; transition: all 3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .sound-chat-bot-container .sound-chat-bot-volume { top: 10px; position: absolute; left: 7px; animation-duration: 15s; cursor: pointer; z-index: 11111; } .sound-chat-bot-container .sound-chat-bot-volume img { width: 20px; } .sound-chat-bot-container .sound-chat-bot { /* top: 66px; left: 36px; position: absolute; */ display: flex; justify-content: center; align-items: center; } .sound-chat-bot-container .sound-chat-bot img { width: 45px; } /* Chat page end */ /*upload file starts*/ .uploadFilesection { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .uploadPanelBody-grid { background: #f3f7ff; border: 1px solid #d9e5fe; border-radius: 10px; padding: 20px; } .upload-wrapper { display: flex; column-gap: 20px; align-items: center; } .uploadHeading { font-weight: 600; font-size: 24px; margin-bottom: 20px; } .uploadHeader { display: none; display: block; position: absolute; top: 0; z-index: 1111111; width: 100%; } /*upload file end*/ .mb-10 { margin-bottom: 10px; } /* CAROUSEL starts */ /* .carousel-caption { position: absolute !important; padding-top: 0 !important; color: #000 !important; text-align: left !important; text-shadow: none !important; } */ .carousel { padding-bottom: 50px; padding-top: 30px; } .carousel-caption { z-index: 1; } .carousel .item { /* height: 120px; */ } .carousel-indicators { /* top: 72% !important; */ } .carousel-indicators button { border: 1px solid #bababa !important; background: #bababa !important; border-radius: 10px; cursor: pointer; } .carousel-indicators .active { background-color: #f94f4d !important; /* width: 12px !important; height: 12px !important; border-color: #f94f4d !important;*/ } /* @media screen and (min-width: 768px) { .carousel-caption { left: 0 !important; right: 0 !important; padding-bottom: 0 !important; top: 0 !important; } } */ /* CAROUSEL end */ /* custom checkbox */ .checkbox-container { display: block; position: relative; padding-left: 35px; margin-bottom: 22px; cursor: pointer; /* font-size: 22px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .robot-verify .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1.5px solid #cdcdcd; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: transparent; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #fb5323; border: 1px solid #fb5323; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 4px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* login screen chatbot */ .login-chatbot-icon { width: 30px; height: 30px; background-color: #fb410b; border-radius: 50%; line-height: 12px; left: -27%; bottom: 46%; line-height: 12px; position: absolute; } .login-chatbot-icon span { color: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .login-chatbot { position: absolute; left: 33%; top: 38%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; flex-direction: row; } .login-chatbot-wrapper { width: 100%; height: 100% !important; background-image: url(../images/login-chatbot_wrapper.png); background-repeat: no-repeat; background-size: 100% 100%; background-size: cover; border-left: 5px solid #fb410b; } .refAuthentication-login { width: 350px; background: #ffffffc2; border-radius: 4px; padding: 20px; } .sound-chat-bot-loginwrapper { position: relative; left: -3%; bottom: 40px; } #login-updateContact span { text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5); color: #000; padding-left: 15px; } .refAuthentication-login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ white-space: pre-line; position: relative; top: -9px; } ::-moz-placeholder { /* Firefox 19+ */ white-space: pre-line; position: relative; top: -7px; } :-ms-input-placeholder { /* IE 10+ */ white-space: pre-line; position: relative; top: -7px; } :-moz-placeholder { /* Firefox 18- */ white-space: pre-line; position: relative; top: -7px; } /* login screen chatbot end */ /* chat bot animation by Naresh D */ .custom-wrapper-chatbot { --background: #62abff; --icon-color: #414856; --shape-color-01: #b8cbee; --shape-color-02: #7691e8; --shape-color-03: #fdd053; /* --width: 90px; --height: 90px; */ --border-radius: var(--height); width: var(--width); height: var(--height); position: relative; border-radius: var(--border-radius); display: flex; justify-content: center; align-items: center; } .custom-wrapper-chatbot .btn { background: var(--background); width: var(--width); height: var(--height); position: relative; z-index: 3; border-radius: var(--border-radius); box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05); display: flex; justify-content: center; align-items: center; -webkit-animation: plus-animation-reverse 0.5s ease-out forwards; animation: plus-animation-reverse 0.5s ease-out forwards; } .custom-wrapper-chatbot .btn::before, .custom-wrapper-chatbot .btn::after { content: ""; display: block; position: absolute; border-radius: 4px; background: #fff; } .custom-wrapper-chatbot .btn::before { width: 4px; height: 28px; } .custom-wrapper-chatbot .btn::after { width: 28px; height: 4px; } .custom-wrapper-chatbot .tooltip { /* width: 90px; height: 75px; border-radius: 70px; */ position: absolute; /* background: #fff; */ z-index: 0; padding: 0 15px; box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05); opacity: 0; top: 0; display: flex; justify-content: space-around; align-items: center; transition: opacity 0.15s ease-in, top 0.15s ease-in, width 0.15s ease-in; } .custom-wrapper-chatbot .tooltip > svg { width: 100%; height: 26px; display: flex; justify-content: space-around; align-items: center; cursor: pointer; } .custom-wrapper-chatbot .tooltip > svg .icon { fill: none; stroke: var(--icon-color); stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; opacity: 0.4; transition: opacity 0.3s ease; } .custom-wrapper-chatbot .tooltip > svg:hover .icon { opacity: 1; } /* .custom-wrapper-chatbot .tooltip::after { content: ""; width: 20px; height: 20px; background: #fff; border-radius: 3px; position: absolute; left: 50%; margin-left: -10px; bottom: -8px; transform: rotate(45deg); z-index: 0; } */ .custom-wrapper-chatbot > svg { width: 240px; height: 300px; position: absolute; z-index: 1; transform: scale(0); } .custom-wrapper-chatbot > svg .shape { fill: none; stroke: none; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50% 20%; } .custom-wrapper-chatbot input { height: 100%; width: 100%; border-radius: var(--border-radius); //cursor: pointer; position: absolute; z-index: 5; opacity: 0; } .custom-wrapper-chatbot input:checked ~ svg { -webkit-animation: pang-animation 1.2s ease-out forwards; animation: pang-animation 1.2s ease-out forwards; } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(1) { transform: translate(4px, 30%) rotate(40deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(2) { transform: translate(-18px, 30%) rotate(80deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(3) { transform: translate(-9px, 30%) rotate(120deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(4) { transform: translate(9px, 30%) rotate(160deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(5) { transform: translate(-14px, 30%) rotate(200deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(6) { transform: translate(16px, 30%) rotate(240deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(7) { transform: translate(9px, 30%) rotate(280deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(8) { transform: translate(19px, 30%) rotate(320deg); } .custom-wrapper-chatbot input:checked ~ svg .shape:nth-of-type(9) { transform: translate(25px, 30%) rotate(360deg); } .custom-wrapper-chatbot input:checked ~ .btn { -webkit-animation: plus-animation 0.5s ease-out forwards; animation: plus-animation 0.5s ease-out forwards; } .custom-wrapper-chatbot input:checked ~ .tooltip { width: 190px; height: 70px; -webkit-animation: stretch-animation 1s ease-out forwards 0.15s; animation: stretch-animation 1s ease-out forwards 0.15s; top: -90px; opacity: 1; } @-webkit-keyframes pang-animation { 0% { transform: scale(0); opacity: 0; } 40% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.1); opacity: 0; } } @keyframes pang-animation { 0% { transform: scale(0); opacity: 0; } 40% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.1); opacity: 0; } } @-webkit-keyframes plus-animation { 0% { transform: rotate(0) scale(1); } 20% { transform: rotate(60deg) scale(0.93); } 55% { transform: rotate(35deg) scale(0.97); } 80% { transform: rotate(48deg) scale(0.94); } 100% { transform: rotate(45deg) scale(0.95); } } @keyframes plus-animation { 0% { transform: rotate(0) scale(1); } 20% { transform: rotate(60deg) scale(0.93); } 55% { transform: rotate(35deg) scale(0.97); } 80% { transform: rotate(48deg) scale(0.94); } 100% { transform: rotate(45deg) scale(0.95); } } @-webkit-keyframes plus-animation-reverse { 0% { transform: rotate(45deg) scale(0.95); } 20% { transform: rotate(-15deg); } 55% { transform: rotate(10deg); } 80% { transform: rotate(-3deg); } 100% { transform: rotate(0) scale(1); } } @keyframes plus-animation-reverse { 0% { transform: rotate(45deg) scale(0.95); } 20% { transform: rotate(-15deg); } 55% { transform: rotate(10deg); } 80% { transform: rotate(-3deg); } 100% { transform: rotate(0) scale(1); } } @-webkit-keyframes stretch-animation { 0% { transform: scale(1, 1); } 10% { transform: scale(1.1, 0.9); } 30% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.05, 0.95); } 100% { transform: scale(1, 1); } } @keyframes stretch-animation { 0% { transform: scale(1, 1); } 10% { transform: scale(1.1, 0.9); } 30% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.05, 0.95); } 100% { transform: scale(1, 1); } } /* chat bot animation by Naresh D */ .custom-wrapper-chatbot .chat-indicator { position: fixed; z-index: 1; width: 30px; height: 30px; border-radius: 5px; background-color: #fb5323; cursor: pointer; /* bottom: 110px; right: 40px; */ transform: scale(0); clip-path: polygon( 0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75% ); } .rightSec .botSendBtn { position: absolute; z-index: 2; /* width: 100%; */ /* height: 100%; */ /* opacity: 0; */ top: -60px; left: 6px; } /* .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .bg-float{ opacity: 1; transform: scale(2); -webkit-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -moz-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -o-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -ms-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .bg-float{ position: absolute; width: 50px; height: 50px; top: -85px; left: calc(50% - 25px); opacity: 0; border-radius: 100%; background-color: #fb5323; z-index: 1; } */ .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .botSendBtn { opacity: 1; -webkit-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -o-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -ms-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; transform: scale(1); } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .botSendBtn { /* transform: scale(0); */ } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .chat-indicator { left: calc(100% - 150px); top: calc(100% - 215px); /* margin: calc(-30% - 25px) calc(50% - 25px) 0 0; */ /* background-color: transparent; */ -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, margin 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -moz-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, margin 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -o-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, margin 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -ms-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0s cubic-bezier(0.4, 0, 0.2, 1) 0.6s, margin 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .chat-indicator { /* top: calc(100% - 150px); left: calc(100% - 75px); */ opacity: 0; -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, margin 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -moz-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, margin 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -o-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, margin 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -ms-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, right 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, margin 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .botSendBtn img { opacity: 1; -webkit-transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.9s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -moz-transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.9s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -o-transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.9s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; -ms-transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.9s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.9s, opacity 0s cubic-bezier(0.4, 0, 0.2, 1) 0.9s; } .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .botSendBtn img { opacity: 0; } .custom-wrapper-chatbot .chatbotSpeaker { position: absolute; left: 10px; top: 20px; } .transitionDelay5 { transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s !important; } .sound-chat-anime { opacity: 1; transform: scale(1); transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1) 0s !important; z-index: 11111; margin-top: 35px; } /* .activeBotChat .sound-chat-bot-wrapper{ opacity: 1; -webkit-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -moz-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -o-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; -ms-transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s, opacity 0s cubic-bezier(0.4, 0.0, 0.2, 1) 0.3s; transition: all 3s cubic-bezier(0.4, 0.0, 0.2, 1) 0s; transform: scale(1); } */ @keyframes scaleAnime { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .resetScale { transform: scale(0) !important; } #botSendBtn.resetScale { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s !important; } .chatContentFadein { transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s !important; opacity: 1 !important; } .custom-wrapper-chatbot .botAnimation svg { top: -10px; } .custom-wrapper-chatbot .botAnimation { height: auto; display: block; } .sound-chat-bot-wrapper .botAnimation svg { position: relative; top: -3px; } /* .provider-image{ position: fixed; left: 25%; top: 50px; } */ /* #chot-bot{ width: 100%; height: 100%; background-image: url(../images/chat-bg.png); background-repeat: no-repeat; background-size: 100% 100%; background-size: cover; } */ .loginSection #chot-bot { position: fixed; left: 33.3%; top: 62px; width: calc(100% - 33.3%); height: calc(100% - 100px); float: left; /* background-color: #ffffffa1; */ } .mainDashboardSection #chot-bot { position: fixed; left: 25%; top: 60px; width: calc(100% - 25%); height: calc(100% - 140px); z-index: 1111; } .mainDashboardSection .chat-bot-info div { display: inline-block; margin-left: 0; } .mainDashboardSection .chat-bot-info { padding: 0 15px; width: auto; /* background: transparent; */ } .mainDashboardSection .showChatBot .chat-bot-wrapper { bottom: 10px; right: 110px; } .mainDashboardSection .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .botSendBtn { transform: scale(0.7); left: auto; right: -15px; top: -55px; } .mainDashboardSection .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .chat-indicator { left: calc(100% - 60px); top: calc(100% - 95px); } .chatCloseBtn { position: fixed; height: calc(100% - 100px); width: 5px; width: 100%; z-index: 1; border-left: 5px solid #fb5323; transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0s !important; backdrop-filter: blur(15px); left: 150%; } .chatCloseBtn .chatCloseIcn { position: absolute; width: 30px; height: 30px; background: #fb5323; border-radius: 50%; left: -3px; top: 50%; transform: translate(-50%, -50%); text-align: center; cursor: pointer; } .chatCloseBtn .chatCloseIcn .glyphicon { display: inline-block; margin-top: 7px; font-weight: 400; color: #fff; } .activeBotChat .chatCloseBtn { display: block; left: 25%; } .loginSection .activeBotChat .chatCloseBtn { left: 33.3%; height: calc(100% - 100px); background-color: #bfbdbda3; } .termConditions #botSendBtn, .termConditions .chat-bot-info, .termConditions .chat-indicator { transform: scale(0) !important; } .termConditions .chat-indicator { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s !important; } .termConditions .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator:checked + .chatAnime .chat-indicator { left: calc(100% - 110px); top: calc(100% - 95px); } .showChatBot .chat-bot-wrapper { bottom: 60px; right: 110px; zoom: .8; } .showChatBot .chat-indicator { transform: scale(1); left: calc(100% - 170px); top: calc(100% - 235px); } .chat-bot-info .typed-cursor { display: none; } .chat-bot-info .text2 { display: inline-block; } .mainDashboardSection .chat-bot-info { height: auto !important; } #userlogin { margin-top: 20px; } .termConditions #chot-bot { display: none; } .mainDashboardSection .chatCloseBtn { background: #00000021; } .inactiveChat { width: 0 !important; } /* Refernce Key */ .referenceKey { /* position: relative; left: 10%; width: 90%; */ display: flex; } .referenceKeyfieldWrapper .input-group { display: flex; } .referenceKeyfieldWrapper .infoIcon { width: 40px; position: relative; white-space: inherit; padding: 10px; } .referenceKeyfieldWrapper .referenceKey { /*width: 100%;*/ } .referenceKeyfieldWrapper .referenceKeySubWrapper { width: 100%; display: flex; justify-content: space-between; } .referenceKeyfieldWrapper .referenceKey input { width: 11%; } .referenceKeyText { color: #7e7e7e; } .leftPane .referenceKeyText { color: #fff; margin-bottom: 0px; } .leftPane .referenceKey { left: 0; } .leftPane .referenceKeySubWrapper { display: flex; align-items: center; gap: 3px; padding-left: 10px; } .leftPane .referenceKeySubWrapper input { height: 40px; } .add-key .referenceKeySubWrapper input { height: 22px !important; width: 12%; } .uploadRow .referenceKeySubWrapper input { height: 24px !important; width: 30px; } .add-key .referenceKeySubWrapper { padding-left: 0; } .uploadRow .referenceKey { left: 0; } .uploadRow .referenceKeySubWrapper { display: flex; align-items: center; } .uploadRow .referenceKeySubWrapper, .leftPane .referenceKeySubWrapper { border: 1px solid #cccccc; height: 34px; background-color: #fff; text-align: center; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); /* font-size: 14px; Calling from body tag */ color: #555555; border-radius: 4px; } .referenceKey input { border: none; border-right: 1px solid #a9a9a9; background-color: transparent; width: 10%; height: 40px; text-align: center; } .referenceKeySubWrapper input:last-child { border-right: none; } .add-key .referenceKeySubWrapper input:nth-child(8) { border-right: none; } /* .infoIcon .glyphicon-info-sign { font-size: 17px; } */ .referenceKeyWrapper { display: flex; align-items: center; gap: 4px; } .refernceKey-tooltip { display: inline-block; top: 2px; left: 7px; position: relative; } .refernceKey-tooltip:hover::before, .refernceKey-tooltip:hover::after { opacity: 1; } .refernceKey-tooltip::after { content: attr(data-title); z-index: 22; position: absolute; top: -28px; left: -5px; min-width: 300px; padding: 5px 10px; text-align: left; color: #fff; background: #000; border-radius: 6px; opacity: 0; } .refernceKey-tooltip::before { content: ""; width: 10px; height: 10px; background: #111; position: absolute; transform: rotate(45deg); top: -18px; left: 3px; opacity: 0; top: 6px; left: 14px; } /* Refernce Key end*/ /* faq section styles */ .faqmainWrapper { z-index: 999 !important; float: right !important; /* background-image: url(../images/chat-bg.png); */ background-repeat: no-repeat; background-size: cover; } .faqSection { display: none; z-index: 999; width: 100%; background: rgba(0,0,0,0.8); position: absolute; left: 0px; } .faqSectionWrapper { /* position: absolute; */ -webkit-transform: translate(21%, 19%); transform: translate(35%, 19%); width: 60%; } .faqSection .panel-default { border: none; } .faqSection .chatLable { font-weight: bold; } .faqTitle { color: #fff; font-weight: 600; margin-bottom: 10px; } .panel-heading .accordion-toggle:after { font-family: "Glyphicons Halflings"; content: "\e113"; float: right; color: #959595; } .panel-heading .accordion-toggle.collapsed:after { content: "\e114"; } /* faq section end */ .chatContainer { opacity: 0; display: inline-block; position: absolute; /* top: -120px; left: -15px; */ transform: translate(-65px, -138px); } .chatArrow { /* position: absolute; */ /* top: 100px; right: 10px; */ /* opacity: 0; */ transform: translate(126px, 100px); /* transition: all 300ms cubic-bezier(0.79, 0.33, 0.14, 0.53); */ } .showChatBot .chatArrow { animation: chatArrowFade 500ms forwards; animation-delay: 300ms; overflow-y: scroll; } .chatBox { transform: translate(30px, 100px); } .showChatBot .chatBox { animation: slide-up 1s forwards; } .chatBox:hover { transform: translate(-8px, 2px); } @keyframes slide-up { 0% { transform: translate(30px, 100px); } 50% { transform: translate(-2px, 2px); } 100% { transform: translate(0px, 0px); } } @keyframes chatArrowFade { 0% { transform: translate(126px, 100px); } /* 50%{ transform: translate(92px, 12px); } */ 100% { transform: translate(90px, 10px); } } @keyframes rubberBandChatBox { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1, 1.1, 1); } 75% { transform: scale3d(1, 1.2, 1); } to { transform: scale3d(1, 1, 1); } } .chatSmallArrow { opacity: 0; transform: translate(0, 0); /* transition: all 1s cubic-bezier(0.79, 0.33, 0.14, 0.53); */ } .showChatBot .chatSmallArrow { animation: chatSmallArrowAnime 1s forwards; animation-delay: 800ms; } @keyframes chatSmallArrowAnime { 0% { transform: translate(0, 0); opacity: 0; } 50% { transform: translate(-5px, -10px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } .chatSmallArrow:hover { transform: translate(-5px, -15px); } .showChatBot .chatContainer { animation: floating 1s forwards; animation-delay: 150ms; } @keyframes floating { 0% { transform: translate(-65px, -138px); opacity: 1; } 50% { transform: translate(-65px, -138px); opacity: 0.8; } 100% { transform: translate(-45px, -70px); opacity: 1; } } .chatBotSVG { /*transform: scale(0.7) translate(75px, 30px);*/ transform: scale(0.85) translate(48px, -2px); } .chatBotSVG { opacity: 0; } .showChatBot .chatBotSVG { animation: botFadeIn 1s forwards; animation-delay: 150ms; } .showChatBot .chat-indicator { animation: botFadeIn 1s forwards; animation-delay: 1000ms; } @keyframes botFadeIn { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .showChatBot .chatContainer svg { animation: botSvgAnime 900ms forwards; animation-delay: 900ms; } @keyframes botSvgAnime { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 10px); } 100% { transform: translate(0px, 0px); } } .mainDashboardSection .sound-chat-anime { margin-top: 16px !important; } .mainDashboardSection .chatPanel { margin-top: 25px; } .userMSG .pMSG-info { flex: 0; } .userMSG.showAddress .pMSG-info { flex: 6000; } .mainDashboardSection .custom-wrapper-chatbot .chat-indicator { left: calc(100% - 60px); top: calc(100% - 95px); } /* #chot-bot { display: none; } */ .fileBrowserAppeal a.btn { position: relative; padding-right: 10px; cursor: pointer; float: left; padding-top: 12px; } .customFileInput .btn { padding-top: 7px !important; } .fileBrowserAppeal a.btn input { cursor: pointer; } .file_content .dropdown { color: #fff; height: 100%; border-left: 1px solid #ccc; float: left; } .browseInvoicewrapper { width: 100%; border: 1px solid #ccc; border-radius: 0 4px 4px 0; border-left: 0; /* display: contents; */ } .file_content .dropdown .dropdown-menu { right: 0; left: auto; padding: 0px; } .file_content .dropdown .dropdown-menu a { color: #000000 !important; line-height: 30px; text-decoration: none; padding: 4px; list-style: none; [] } .file_content .dropdown .dropdown-menu li { border-bottom: 1px solid #eee; } .file_content .dropdown .dropdown-menu li:last-child { border-bottom: none; } /* error msg */ .error-msg { min-width: 180px; width: 180px; color: #7e7e7e; border-radius: 5px; position: absolute; top: 32%; left: 103%; color: #d04040; background-color: #ffefef; border: 2px solid #ffffff; z-index: 22; /* height: 49px; */ padding: 5px 10px; text-align: left; line-height: 18px; } .error-msg:before { content: ""; width: 10px; height: 10px; background: #ffefef; position: absolute; transform: rotate(45deg); top: 18px !important; left: -5px !important; z-index: 10; } #notify-modal .modal-content { height: auto !important; } #notify-modal .modal-content .carousel-inner { overflow-y: overlay; overflow-x: hidden; max-height: 300px; } .blurSection { filter: blur(3px); } .tooltip { font-size: 14px !important; } #refKeyTooltip ~ .tooltip .tooltip-inner { max-width: 420px !important; text-align: left !important; } #refKeyTooltip ~ .tooltip.top { padding-left: 10px !important; } .grid-demo.interact-grid { padding-top: 15px; padding-bottom: 20px; } .carousel-inner > .item { transition: all 0.6s ease-in-out !important; } .show_files tr { margin-right: 0; margin-top: 2px; margin-bottom: 0; } .show_files thead tr { border: none; } .sound-chat-bot-volume.muteBot:before { content: ""; display: block; width: 24px; height: 2px; background: #fff; right: -3px; top: 52%; position: absolute; transform: rotate(120deg); } .chatAnime .sound-chat-bot-volume { position: absolute; z-index: 11111; left: calc(100% - 177px); top: calc(100% - 190px); cursor: pointer; opacity: 0; } .showChatBot .chatAnime .sound-chat-bot-volume { animation: botFadeIn 1s forwards; animation-delay: 1400ms; } .mainDashboardSection .chatAnime .sound-chat-bot-volume { left: calc(100% - 120px); top: calc(100% - 120px); } .closeDropdown { /* font-size: 22px; */ /* float: right; font-weight: bold; line-height: 14px; color: #fb410b; opacity: 1; position: absolute; width: 18px; height: 18px; cursor: pointer; right: 0; top: 0; */ float: right; font-weight: bold; line-height: 1; color: #fb410b; opacity: 1; position: absolute; top: 21px; right: -10px; width: 24px; height: 24px; border: 2px solid #fb410b; background: #ffffff; border-radius: 50%; text-align: center; padding: 0px 1px; cursor: pointer; z-index: 9; } .nav-call-rightform .closeDropdown { top: -12px; right: -4px; } .nav-contact-rightform .closeDropdown { top: -11px; right: -4px; } .mainDashboardSection .faqmainWrapper { /* display: none; */ /* position: absolute; right: 0; height: calc(100% - 105px); width: 100%; */ /* background-image: url(../images/active-chat-bot_bg.png); background-repeat: no-repeat; background-size: cover; background-size: 100% 100%; overflow-y: overlay; */ float: right !important; } .mainDashboardSection .faqSectionWrapper { /* margin: 0 auto; padding-top: 60px; position: relative; */ transform: translate(35%, 19%); display: block !important; width: 60%; } .ml0 { margin-left: 0 !important; } .uploadFileText:contains("Select document type") ~ input { pointer-events: none; } .userMSG.showAddress .contentBG { border: 1px solid; margin-bottom: 10px; margin-top: 10px; } .customAddressSection { /* width: calc(100% - 120px); float: right; */ } .customAddressSection div:last-child { float: right; } .roundedCheckmark { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; /* font-size: 22px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .roundedCheckmark input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .rCheckmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #eee; box-shadow: inset 0px 0px 5px #7e7e7e; border-radius: 15px; border: 2px solid #fff; } /* On mouse-over, add a grey background color */ .roundedCheckmark:hover input ~ .rCheckmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .roundedCheckmark input:checked ~ .rCheckmark { background-color: #2196f3; } /* Create the rCheckmark/indicator (hidden when not checked) */ .rCheckmark:after { content: ""; position: absolute; display: none; } /* Show the rCheckmark when checked */ .roundedCheckmark input:checked ~ .rCheckmark:after { display: block; } /* Style the rCheckmark/indicator */ .roundedCheckmark .rCheckmark:after { left: 9px; top: 6px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkBoxOrange input:checked ~ .rCheckmark { background-color: #fb5323; border: 0px solid #fff; } .file_content { position: relative; border: var(--bs-border-width) solid var(--bs-border-color); } .activeAddress { float: right; } .gap10 { gap: 10px; } .robot-verify-wrapper img { width: calc(100% - 35px) !important; height: auto !important; } .robot-verify-wrapper svg { display: inline-flex; align-items: end; cursor: pointer; margin: 25px 0px 0px 10px; float: right; } /* .robot-verify-wrapper .btn-orange { background-color: #ff8353; color: #fff; } */ .robot-verify-wrapper .btn-orange:hover { background-color: #fb4e0b; color: #fff; } .ProviderMSG .error-msg { top: 0px; right: calc(0% - 190px); left: auto; } .ProviderMSG .error-msg:before { background: #f2dede; } .content_area_modal { max-height: 300px; overflow-y: overlay; } .session_expire_page .session_content h4 { font-size: 30px; color: #8a8a8a; } .session_expire_page .session_content p { /* font-size: 18px; */ margin-bottom: 0; } .session_expire_page { display: flex; justify-content: center; align-items: center; height: calc(100% - 150px); } .session_content { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; position: relative; flex-direction: column; background-color: #e9f6ff; padding: 60px; border-radius: 5px; } /* .session_content::after { content: ''; background-color: #fb410b14; position: absolute; width: 108%; height: 185%; z-index: -1; border-radius: 68%; } */ :root { --fg: #fb410b; --sessionPrimary: #fb410b; /* font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1280 - 320)); */ } .session_hourglass, .session_hourglass:before, .session_hourglass:after { animation-duration: 4s; animation-iteration-count: infinite; } .session_hourglass { --polygonH: polygon(0% 0%,100% 0%,100% 5.55%,95% 5.55%,95% 28%,60% 46%,60% 54%,95% 72%,95% 94.45%,100% 94.45%,100% 100%,0% 100%,0% 94.45%,5% 94.45%,5% 72%,40% 54%,40% 46%,5% 28%,5% 5.55%,0% 5.55%); animation-name: flipGlass; animation-timing-function: ease-in-out; background-image: linear-gradient(var(--sessionPrimary) 0.5em,#737a8c55 0.5em 8.5em,var(--sessionPrimary) 8.5em); clip-path: var(--polygonH); -webkit-clip-path: var(--polygonH); overflow: hidden; position: relative; width: 2em; height: 3em; z-index: 0; } .session_hourglass:before, .session_hourglass:after { animation-timing-function: linear; content: ""; display: block; position: absolute; } .session_hourglass:before { --polygonB1: polygon(0% 0%,100% 0%,100% 24%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,50% 47%,0% 24%); --polygonB2: polygon(0% 4%,100% 4%,100% 24%,55% 45%,55% 100%,55% 100%,55% 100%,45% 100%,45% 100%,45% 100%,45% 45%,0% 24%); --polygonB3: polygon(0% 24%,100% 24%,100% 24%,55% 45%,55% 80%,100% 100%,100% 100%,0% 100%,0% 100%,45% 80%,45% 45%,0% 24%); --polygonB4: polygon(45% 45%,55% 45%,55% 45%,55% 45%,55% 58%,100% 76%,100% 100%,0% 100%,0% 76%,45% 58%,45% 45%,45% 45%); --polygonB5: polygon(50% 53%,50% 53%,50% 53%,50% 53%,50% 53%,100% 76%,100% 100%,0% 100%,0% 76%,50% 53%,50% 53%,50% 53%); animation-name: session_fill; background-color: var(--fg); background-size: 100% 3.6em; clip-path: var(--polygonB1); -webkit-clip-path: var(--polygonB1); top: 0.5em; left: 0.5em; width: 1em; height: 2em; z-index: 1; } .session_hourglass:after { animation-name: session_glare; background: linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 0 / 100% 0.5em, linear-gradient(90deg,#0000 0.75em,#0003 0.75em 1.25em,#0000 1.25em 3.75em,#fff3 3.75em 4.25em,#fff0 4.25em 6.75em,#0003 6.75em 7.25em,#0000 7.25em) 0 0.5em / 100% 8em, linear-gradient(90deg,#0000 0.5em,#0003 0.5em 1.5em,#0000 1.5em 3.5em,#fff3 3.5em 4.5em,#fff0 4.5em 6.5em,#0003 6.5em 7.5em,#0000 7.5em) 0 100% / 100% 0.5em; background-repeat: repeat-x; top: 0; left: -3em; width: 200%; height: 100%; z-index: 2; } /* Animations */ @keyframes session_fill { from { clip-path: var(--polygonB1); -webkit-clip-path: var(--polygonB1); } 10% { clip-path: var(--polygonB2); -webkit-clip-path: var(--polygonB2); } 45% { clip-path: var(--polygonB3); -webkit-clip-path: var(--polygonB3); } 80% { clip-path: var(--polygonB4); -webkit-clip-path: var(--polygonB4); } 85%, to { clip-path: var(--polygonB5); -webkit-clip-path: var(--polygonB5); } } @keyframes session_glare { from, 90% { transform: translateX(0); } to { transform: translateX(3em); } } @keyframes flipGlass { from, 90% { transform: rotate(0); } to { transform: rotate(180deg); } } .session_clock_section { display: flex; gap: 20px; align-items: center; } .session_expire_page h3 { margin-top: 10px; font-size: 30px; font-weight: 400; } .btn_black { background-color: #000; color: #ffffff; } .btn_black:hover { background-color: #fb410b; color: #ffffff; } .text_orange { color: #fb410b; } .session_expire_pageV2 { text-align: center; margin-top: 30px; } /* .session_expire_pageV2 p { font-size: 20px; } */ .session_expire_pageV2 h1 { display: flex; justify-content: center; align-items: center; gap: 10px; } .session_expire_pageV2 h1 img { width: 50px; } /* Bootbox css */ .bootbox.modal .bootbox-accept { background: #000; color: #ffffff; border: 1px solid #000; } .bootbox.modal .bootbox-accept:hover { background-color: #fb410b; color: #ffffff; } .bootbox.modal .modal-content { width: auto !important; padding: 0 !important; height: auto !important; max-height: initial !important; } .bootbox.modal .modal-dialog { top: 65px; } .mainDashboardSection .site_compatible_text { display: none !important; } .nav_icn_wrapper { height: 20px; } .mainDashboardSection .chatContainer > svg { width: 100px; } .mainDashboardSection .chatContainer > svg > g { filter: none !important; } /* .mainDashboardSection .chatAnime .chat-indicator { } */ .custom_disabled { opacity: .3 !important; color: #8a8a8a; background-color: #000000 !important; } .custom_disabled, .custom_disabled * { cursor: not-allowed !important; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .sound-chat-bot-volume { display: none !important; } .upload_confirm { display: inline-block; } .referenceKeyDivider { display: none; padding: 6px 0px 6px 45px; border: 0; background-color: #fff; border-radius: 4px; height: 40px; box-shadow: inset 0 1px 1px rgb(0, 0, 0, 0); /* font-size: 13px; */ } .referenceKeyDivider input { width: 8%; border: 1px solid #8a8a8a; border-radius: 4px; } .refAuthentication input.form-control { display: block; } /* Bootstrp Upgradation */ /* .logo{ width: auto; } */ .leftSide { width: 33.3%; float: left; } .rightSide { background-image: url(../../Images/chat-bg.png); background-repeat: no-repeat; background-size: cover; /* float: left; */ position: fixed; left: 33.3%; top: 62px; width: calc(100% - 33.3%); height: calc(100% - 100px); } .referenceKeyContainer { position: relative; height: 38px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .referenceKey { display: flex; position: absolute; left: 46px; background-color: #fff; } .referenceKeyContainer img { width: 80%; } .referenceKey input { width: 11.8%; height: 46px; } #mainBodySection .form-control { padding: .5rem .75rem; border-radius: 4px; } #mainBodySection .referenceKeyContainer .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* .navbar-nav li:last-child { padding-right: 0px; } */ .navbar-nav li { border-left: 1px solid #dddddd; padding-left: 15px; padding-right: 15px; /* --bs-nav-link-padding-y: .34rem; */ } .navbar-nav li:first-child { border-left: none; /* padding-left: 0px; */ } .nav-item svg.bi.d-block.mx-auto.mb-1 { height: 20px; } a.nav-item.text-secondary { padding: 10px 15px; } .chatCloseIcn svg { color: #fff; margin-top: 1px; margin-left: 2px; } .ProviderMSG label.form-label, .leftSide label.form-label { margin-bottom: .1rem; } /* .navbar-toggler{ margin: 0px auto; } */ #header { z-index: 999; position: relative; } .bootbox-cancel { border: 1px solid #000; background: no-repeat; color: #000; } .positionRel { position: relative; } .leftPaneCont .form-check.form-switch { padding: .2rem 2rem .1rem; } .headingProvider { font-size: 1.5rem; } .hide { display: none; } .uploadFileContainer { display: inline-block; width: max-content; } .navbar-nav { z-index: 999; background-color: #fff !important; /* margin-top: 10px; */ padding: 0px; margin-left: -11px; margin-right: -10px; } .referenceKeyContainer input { width: calc(100%-40px); } .btn:focus-visible { border: 1px solid #8a8a8a; } .nav-item .nav-link.text-secondary .mx-auto { min-height: 20px; } .popupOverlay, .loggedInPopupOverlay { position: absolute; width: 100%; background: #000; top: 0px; left: 0px; color: #333; height: 100%; z-index: 99; opacity: 0; display: none; } .sound-chat-bot-volume { display: none !important; } .chatContainer p { position: absolute; top: 78px; left: 62px; color: #fff; } .mainDashboardSection .chatContainer p { top: 81px; left: 20px; } .mainDashboardSection .chatBotSVG { transform: scale(0.75) translate(60px, -2px); } .activeBotChat .chatBotSVG { transform: scale(1.1) translate(-10px, -12px); } .mainDashboardSection .chatContainer > svg { width: 100px; } /*reactivate*/ .btnReActivate { width: 38px; height: 38px; background: #212529; border-top-right-radius: 4px; border-bottom-right-radius: 4px; z-index: 1; background-image: url(../../Images/icn-reactivate.svg); background-repeat: no-repeat; background-size: 30px auto; background-position: center; cursor: pointer; } .btnReActivated { background-image: url(../../Images/icn-reactivated.svg); background-repeat: no-repeat; background-size: 25px auto; background-position: center; } .reactivatePopup { width: 500px; height: auto; background: #fff; position: absolute; left: 100%; z-index: 1; top: -200%; border-radius: 4px; border-left: 4px solid #FB4E0B; box-shadow: 2px 2px 2px #ddd; padding: 10px 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 12px !important; } .reactivatePopup:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FB4E0B; left: -12px; top: 45%; } @media only screen and (min-width: 1920px) { .reactivatePopup:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FB4E0B; left: -12px; top: 35%; } } @media only screen and (min-width: 1440px) { .reactivatePopup:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FB4E0B; left: -12px; top: 30%; } } @media only screen and (min-width: 1500px) { .reactivatePopup:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FB4E0B; left: -12px; top: 40%; } } @media only screen and (min-width: 1660px) { .reactivatePopup:before { content: ""; position: absolute; width: 10px; height: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FB4E0B; left: -12px; top: 34%; } } .reactivatePopup h5 { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .secLink { background: #EDF9FF; border: 1px dashed #97DCFF; padding: 10px; border-radius: 4px; } .secLink span { display: block; } .reactivatePopup strong { font-weight: 500 !important; } /* The Close Button */ .close-icon-popup { float: right; font-weight: bold; line-height: 1; color: #fb410b; opacity: 1; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; border: 2px solid #fb410b; background: #ffffff; border-radius: 50%; text-align: center; padding: 0px 1px; cursor: pointer; } .close-icon-popup::after { content: "x"; top: 2px; position: absolute; left: 6px; } .close-icon-popup:hover, .close-icon-popup:focus { text-decoration: none; cursor: pointer; } .feedbackHeader { text-transform: none !important; } .feedback { background: #fff; padding: 0 12px; border-radius: 6px; color: #333; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); width: 95%; } .feedback-content { line-height: 18px; } .text-link-blue { text-decoration: none; color: #005071; font-weight: bold; } .feedback-column { position: relative; padding-right: 6%; } .feedback-column:after { content: ""; border-right: 1px dashed #9F9F9F; position: absolute; height: 90%; top: 15px; right: 6%; } .additional-feedback { border: 1px dashed #91AAE3; border-radius: 6px; background: #F4F7FE; padding: 10px; margin-top: 15px; } .lh-18 { line-height: 18px; } .feedback-slider { display: flex; flex-direction: row; align-content: stretch; position: relative; height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 40px; } .feedback-slider::before { content: " "; position: absolute; height: 7px; width: 100%; width: calc(100% * (4 / 5)); top: 50%; left: 50%; transform: translate(-50%, -50%); /* background: #D9D9D9; */ background-size: cover; background-image: url(../../images/range-bg.svg); } .feedback-slider > input, .feedback-slider label { box-sizing: border-box; flex: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .feedback-slider label { display: inline-block; position: relative; width: 20%; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .feedback-slider label::before { content: attr(feedback-label); position: absolute; left: 50%; padding-top: 0; transform: translate(-50%, 45px); font-size: 14px; letter-spacing: 0.4px; font-weight: 400; opacity: 0.85; transition: all 0.15s ease-in-out; font-size: 14px; text-align: center; line-height: 18px; } .feedback-slider label::after { content: " "; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 22px; height: 22px; border: 3px solid #000; background: #fff; border-radius: 50%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; cursor: pointer; transition: all 0.15s ease-in-out; } .feedback-slider label:nth-child(2)::after { /* border: 2px solid #FF0000; */ border-color: #FF5E5E; } .feedback-slider label:nth-child(4)::after { /* border: 2px solid #FF5C5C; */ /* border: 2px solid #ff5722; */ border-color: #FF6433; } .feedback-slider label:nth-child(6)::after { /* border: 2px solid #CCCCCC; */ /* border: 2px solid #ff9800; */ border-color: #FFBB7D; } .feedback-slider label:nth-child(8)::after { /* border: 2px solid #57CF79; */ /* border: 2px solid #36d896; */ border-color: #8DEBA7; } .feedback-slider label:nth-child(10)::after { /* border: 2px solid #00B633; */ /* border: 2px solid #36d896; */ border-color: #41C867; } /* .feedback-slider label:hover::after { transform: translate(-50%, -50%) scale(1.25); } */ .feedback-slider > input { display: none; } .feedback-slider > input:checked + label::before { font-weight: 500; opacity: 1; } /* .feedback-slider > input:checked + label::after { border-width: 4px; transform: translate(-50%, -50%) scale(0.75); } */ .feedback-slider > input:checked ~ #feedback-pos { opacity: 1; } .feedback-slider > input:checked:nth-child(1) + p { border: 1px solid #000; } .feedback-slider > input:checked:nth-child(1) ~ #feedback-pos { left: 10%; background: #FF5E5E; } .feedback-slider > input:checked:nth-child(3) ~ #feedback-pos { left: 30%; /* background: #FF5C5C; */ background: #FF6433; } .feedback-slider > input:checked:nth-child(5) ~ #feedback-pos { left: 50%; /* background: #CCCCCC; */ background: #FFBB7D; } .feedback-slider > input:checked:nth-child(7) ~ #feedback-pos { left: 70%; /* background: #57CF79; */ background: #8DEBA7; } .feedback-slider > input:checked:nth-child(9) ~ #feedback-pos { left: 90%; background: #41C867; /* background: #36d896; */ } .feedback-slider #feedback-pos { display: block; position: absolute; top: 50%; width: 16px; height: 16px; background: #000; border-radius: 50%; transition: all 0.15s ease-in-out; transform: translate(-50%, -50%); border: 2px solid #fff; opacity: 0; z-index: 2; } /* .overall-experience.active .feedback-icon { height: 110px; width: 110px; position: absolute; left: -125px; padding: 10px; background: #FFF; top: -30px; border: 1px dashed #ccc; border-radius: 6px; transform: translateX(0); } */ .feedback-icon { height: 175px; width: 175px; position: absolute; left: -252px; padding: 10px; background: #FFF; top: -60px; border: 1px dashed #ccc; border-radius: 6px; transition: 300ms all; } .feedback-slider.overall-feedback { width: calc(100% - 130px); margin: 15px auto; } .feedback-icon #icon-verybad, .feedback-icon #icon-bad, .feedback-icon #icon-good, .feedback-icon #icon-great, .feedback-icon #icon-ok { display: none; } .feedback-slider > input:checked:nth-child(1) ~ .feedback-icon #icon-default, .feedback-slider > input:checked:nth-child(3) ~ .feedback-icon #icon-default, .feedback-slider > input:checked:nth-child(5) ~ .feedback-icon #icon-default, .feedback-slider > input:checked:nth-child(7) ~ .feedback-icon #icon-default, .feedback-slider > input:checked:nth-child(9) ~ .feedback-icon #icon-default { display: none; } .feedback-slider > input:checked:nth-child(1) ~ .feedback-icon #icon-verybad { display: block; } .feedback-slider > input:checked:nth-child(3) ~ .feedback-icon #icon-bad { display: block; } .feedback-slider > input:checked:nth-child(5) ~ .feedback-icon #icon-ok { display: block; } .feedback-slider > input:checked:nth-child(7) ~ .feedback-icon #icon-good { display: block; } .feedback-slider > input:checked:nth-child(9) ~ .feedback-icon #icon-great { display: block; } .feedback-slider > input ~ .feedback-icon svg .feedback-emoji-mouth { transition: 1s all; } .feedback-slider > input:checked:nth-child(1) ~ .feedback-icon svg .feedback-emoji-mouth { d: path("M171.27,224.73c0,4.5-11.28,20.83-25.85,20.83c-14.57,0-26.93-16.33-26.93-20.83s12.46,6.41,27.04,6.41 C160.1,231.14,171.27,220.22,171.27,224.73z"); } .feedback-slider > input:checked:nth-child(1) ~ .feedback-icon svg .feedback-emoji-lEyes path { d: path("M169.47,174.53c6.86,1.57,12.4,5.4,18.63,8.05c3.76,1.38,7.16,1.73,11.55,1.79c-3.16,3.48-8.47,4.68-13.06,3.7 C179.53,186.27,173.15,180.74,169.47,174.53L169.47,174.53z"); } .feedback-slider > input:checked:nth-child(1) ~ .feedback-icon svg .feedback-emoji-rEyes path { d: path("M120.5,172.88c-3.67,6.21-10.06,11.75-17.12,13.54c-4.59,0.98-9.9-0.21-13.06-3.7 c4.38-0.06,7.79-0.41,11.55-1.79C108.11,178.28,113.64,174.45,120.5,172.88L120.5,172.88z"); } .feedback-slider > input:checked:nth-child(7) ~ .feedback-icon svg .feedback-emoji-rEyes path { d: path("M171.27,224.73c0,4.5-11.28,20.83-25.85,20.83c-14.57,0-26.93-16.33-26.93-20.83s12.46,6.41,27.04,6.41 C160.1,231.14,171.27,220.22,171.27,224.73z"); } .feedback-slider > input:checked:nth-child(3) ~ .feedback-icon #icon-bad { display: block; } .feedback-slider > input:checked:nth-child(5) ~ .feedback-icon #icon-ok { display: block; } .feedback-slider > input:checked:nth-child(7) ~ .feedback-icon #icon-good { display: block; } .feedback-slider > input:checked:nth-child(9) ~ .feedback-icon #icon-great { display: block; } .button-close { background: no-repeat; border: 0; } .feedback-canvas { width: 58% !important; transition: all 0.5s; z-index: 9999; } .feedback-canvas .offcanvas-title { font-size: 18px; } .feedback-canvas .offcanvas-header { background: #e6edff; padding: 10px; } .overall-experience { background: #DCF3FA; border-radius: 6px; padding: 10px 10px 0; width: 100%; transition: 300ms top ease-out; z-index: 111111; height: 200px; position: relative; } .overall-title { font-size: 16px; /* color: #005071; */ margin-left: 5px; font-weight: 400; line-height: 20px; } /* .overall-experience::after{ content: ""; position: absolute; display: block; height: 100%; width: 100%; border: 10px solid #DDD; transform: skewX(-30deg); top:0; left: 0; z-index: -1; background: #CCC; } */ .question-title { font-size: 16px; /* color: #005071; */ font-weight: 400; line-height: 20px; margin-bottom: 15px; } :root { --card-padding: 0.7em; --card-radius: 0.5em; --color-green: #558309; --color-gray: #ccc; --color-dark-gray: #c4d1e1; --radio-border-width: 1px; --radio-size: 1.5em; } .question-card { background-color: #fff; border-radius: var(--card-radius); position: relative; flex: 1; } .question-card:hover { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); } .qus-radio { font-size: inherit; margin: 0; position: absolute; right: calc(var(--card-padding) + var(--radio-border-width)); /* top: calc(var(--card-padding) + var(--radio-border-width)); */ transform: translateY(-50%); top: 50%; } @supports (-webkit-appearance: none) or (-moz-appearance: none) { .qus-radio { -webkit-appearance: none; -moz-appearance: none; background: #fff; border: var(--radio-border-width) solid var(--color-gray); border-radius: 50%; cursor: pointer; height: var(--radio-size); outline: none; transition: background 0.2s ease-out, border-color 0.2s ease-out; width: var(--radio-size); } .qus-radio::after { border: var(--radio-border-width) solid #fff; border-top: 0; border-left: 0; content: ""; display: block; height: 0.75rem; left: 25%; position: absolute; top: 45%; transform: rotate(45deg) translate(-50%, -50%); width: 0.375rem; } .qus-radio:checked { background: var(--color-green); border-color: var(--color-green); } .question-card:hover .qus-radio { border-color: var(--color-dark-gray); } .question-card:hover .qus-radio:checked { border-color: var(--color-green); } } .que-details { border: var(--radio-border-width) solid var(--color-gray); border-radius: var(--card-radius); cursor: pointer; display: flex; padding: var(--card-padding); transition: border-color 0.2s ease-out; gap: 10px; height: 100%; align-items: center; } .question-card:hover .que-details { border-color: var(--color-dark-gray); } .qus-radio:checked ~ .que-details { border-color: var(--color-green); } .qus-radio:focus ~ .que-details { box-shadow: 0 0 0 2px var(--color-dark-gray); } .qus-radio:disabled ~ .que-details { color: var(--color-dark-gray); cursor: default; } .qus-radio:disabled ~ .que-details .que-type { color: var(--color-dark-gray); } .question-card:hover .qus-radio:disabled ~ .que-details { border-color: var(--color-gray); box-shadow: none; } .question-card:hover .qus-radio:disabled { border-color: var(--color-gray); } .que-type { /* color: var(--color-green); font-size: 1.5rem; font-weight: bold; line-height: 1em; */ width: calc(100% - 60px); /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; } .que-details img { width: 20px; } .additional-feedback { display: none; opacity: 0; transition: 1s all; } .additional-feedback.show { display: block; opacity: 1; } .feedback-sub-q2, .feedback-sub-q3 { display: none; opacity: 0; } .feedback-sub-q2.show, .feedback-sub-q3.show { display: block; position: relative; opacity: 1; } .overall-experience > div { padding-left: 190px; } .feedback-sub-q2 > div { display: none; } .feedback-sub-q2#qtype-chat .chat-questions { display: block; } .feedback-sub-q2#qtype-referencekey .referencekey-questions { display: block; } .feedback-sub-q2#qtype-uploading .upload-questions { display: block; } .feedback-sub-q2#qtype-others .other-questions { display: block; } .typing-text span:last-child { background-color: #000; } .feedback-sub-q1 > div, .feedback-sub-q2 > div > div { display: none; } .feedback-sub-q1 > div.show, .feedback-sub-q2 > div > div.show { display: flex !important; } .feedback-sub-q2 .textarea-section { display: none; } .feedback-sub-q2 .textarea-section.show { display: block; } .feedback-sub-q1 { /* margin-bottom: 2rem; */ } .feedback-sub-q1 .question-card { opacity: 0; } .feedback-sub-q1 .show .question-card:nth-child(1) { animation: slowFadeIn 1s forwards; animation-delay: 100ms; } .feedback-sub-q1 .show .question-card:nth-child(2) { animation: slowFadeIn 1s forwards; animation-delay: 200ms; } .feedback-sub-q1 .show .question-card:nth-child(3) { animation: slowFadeIn 1s forwards; animation-delay: 300ms; } .feedback-sub-q1 .show .question-card:nth-child(4) { animation: slowFadeIn 1s forwards; animation-delay: 500ms; } @keyframes slowFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .overall-title .title-highlight, .question-title .title-highlight { font-size: 20px; font-weight: 500; color: #005071; margin-bottom: 5px; } .overall-feedback-container { position: relative; padding: 10px 10px 10px 0; } .overall-experience > div { position: relative; z-index: 1111; } .overall-feedback-container::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #005071; right: 0; top: 0; z-index: 1; clip-path: polygon(47% 0, 100% 0%, 100% 100%, 31% 100%); border-radius: 5px; } #feedback-review-of1 .overall-experience { background-color: #FFF2F2; } #feedback-review-of1 .overall-feedback-container::before { background-color: #EC8A8A; } #feedback-review-of1 .additional-feedback { background-color: #FFF2F2; border-color: #EC8A8A; } #feedback-review-of2 .overall-experience { background-color: #FFF1ED; } #feedback-review-of2 .overall-feedback-container::before { background-color: #ff9d7e; } #feedback-review-of2 .additional-feedback { background-color: #FFF1ED; border-color: #ff9d7e; } #feedback-review-of3 .overall-experience { background-color: #FFF6EE; } #feedback-review-of3 .overall-feedback-container::before { background-color: #C29267; } #feedback-review-of3 .additional-feedback { background-color: #FFF6EE; border-color: #C29267; } #feedback-review-of4 .overall-experience { background-color: #E7FFEE; } #feedback-review-of4 .overall-feedback-container::before { background-color: #84C196; } #feedback-review-of4 .additional-feedback { background-color: #E7FFEE; border-color: #84C196; } #feedback-review-of5 .overall-experience { background-color: #eaf7ee; } #feedback-review-of5 .overall-feedback-container::before { background-color: #5cc97c; } #feedback-review-of5 .additional-feedback { background-color: #eaf7ee; border-color: #5cc97c; } .feedback-dontShow { display: flex; justify-content: center; align-items: center; padding: 15px 15px 5px 15px; } .feedback-dontShow span { border: 1px dashed #B1B1B1; padding: 5px 10px; border-radius: 4px; background: #6B6B6B; color: #ffffff; display: flex; align-items: center; gap: 10px; position: relative; padding-left: 50px; } .feeadback-dontShow-icon { background: #414141; position: absolute; height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; left: 0; } .loginSection main { display: inline; } .loginSection .leftSide { display: flex; flex-direction: column; height: 100%; padding: 2rem !important; } .loginSection .leftSide form { display: flex; flex-direction: column; height: 100%; padding-top: 0rem !important; } .captcha-login .captcha-img { width: 150px; } .captcha-login { display: flex; align-items: center; gap: 10px; } .captcha-login .captcha-img-section { border: 1px solid #ddd; padding-right: 10px; gap: 10px; border-radius: 4px; } .captcha-input input { border: 0 !important; outline: none !important; height: 100%; } .captcha-input { border: 1px solid #ddd; height: 60px; border-radius: 4px; width: 100%; } .disable-animation-enabled .custom-wrapper-chatbot input:checked ~ svg { -webkit-animation: unset; animation: unset; } .big-cursor-enabled ~ .accessibility-icon, .big-cursor-enabled ~ .accessibility-controls-container { cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important; } .accessibility-icon svg { width: 50px; } /* checkbox switch toggle */ .toggle { cursor: pointer; display: inline-block; margin-bottom: 6px; margin-top: 3px; } .toggle-switch { display: inline-block; background: #ccc; border-radius: 16px; width: 25px; height: 10px; position: relative; vertical-align: middle; transition: background 0.25s; } .toggle-switch:before, .toggle-switch:after { content: ""; } .toggle-switch:before { display: block; background: linear-gradient(to bottom, #fff 0%, #eee 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); width: 10px; height: 10px; position: absolute; top: 0px; left: 0px; transition: left 0.25s; } .toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #fff 0%, #fff 100%); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .toggle-checkbox:checked + .toggle-switch { background: #56c080; } .toggle-checkbox:checked + .toggle-switch:before { left: 15px; } .toggle-checkbox { position: absolute; visibility: hidden; } .toggle-label { margin-left: 5px; position: relative; top: 1px; font-weight: 500; font-size: .9em; } /*IMPORT*/ @import url('../Lib/font-awesome.css'); /*FONTS*/ @font-face { font-family: 'segoe_uisemibold'; src: url('../fonts/seguisb.eot'); src: url('../fonts/seguisb.eot?#iefix') format('embedded-opentype'), url('../fonts/seguisb.woff') format('woff'), url('../fonts/seguisb.ttf') format('truetype'), url('../fonts/seguisb.svg#segoe_uisemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segoe_uilight'; src: url('../fonts/segoeuil.eot'); src: url('../fonts/segoeuil.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuil.woff') format('woff'), url('../fonts/segoeuil.ttf') format('truetype'), url('../fonts/segoeuil.svg#segoe_uilight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segoe_uibold_italic'; src: url('../fonts/segoeuiz.eot'); src: url('../fonts/segoeuiz.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuiz.woff') format('woff'), url('../fonts/segoeuiz.ttf') format('truetype'), url('../fonts/segoeuiz.svg#segoe_uibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segoe_uiitalic'; src: url('../fonts/segoeuii.eot'); src: url('../fonts/segoeuii.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuii.woff') format('woff'), url('../fonts/segoeuii.ttf') format('truetype'), url('../fonts/segoeuii.svg#segoe_uiitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segoe_uiregular'; src: url('../fonts/segoeui.eot'); src: url('../fonts/segoeui.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui.woff') format('woff'), url('../fonts/segoeui.ttf') format('truetype'), url('../fonts/segoeui.svg#segoe_uiregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segoe_uibold'; src: url('../fonts/segoeuib.eot'); src: url('../fonts/segoeuib.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeuib.woff') format('woff'), url('../fonts/segoeuib.ttf') format('truetype'), url('../fonts/segoeuib.svg#segoe_uibold') format('svg'); font-weight: normal; font-style: normal; } /* Sticky footer styles /*---x---*/ html { position: relative; min-height: 100%; } body { line-height: 1.6; font-family: "Segoe UI", arial; /*letter-spacing: 0.03em;*/ overflow: hidden; } a { color: #008af0; } a:hover, a:focus { color: #000; text-decoration: none; } h1, h2, h3, h4, h5 { font-family: "Segoe UI", arial; /*letter-spacing: 0.03em;*/ } b, strong { font-family: "Segoe UI", arial; /*letter-spacing: 0.03em;*/ font-weight: normal; } ::-webkit-input-placeholder { color: #7e7e7e !important; text-transform: uppercase; /* font-size:12px; */ } :-ms-input-placeholder { color: #7e7e7e !important; text-transform: uppercase; } :-moz-input-placeholder { color: #7e7e7e !important; text-transform: uppercase; } ::placeholder { color: #7e7e7e !important; text-transform: uppercase; } /*custom scroll bar */ /* width */ .dCont::-webkit-scrollbar { width: 5px; height: 8px; } ::-webkit-scrollbar { width: 8px; height: 8px; } .leftPane::-webkit-scrollbar { width: 8px; height: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #ffffff; border-radius: 4px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #8a8a8a; border-radius: 4px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #8a8a8a; } .padL0 { padding-left: 0; } .padR0 { padding-right: 0; } .padLR5 { padding-left: 5px; padding-right: 5px; } .padL20 { padding-left: 20px; } #landingLogin { height: 100%; top: 0; left: 0; /*background-image:url(../images/background.jpg); background-repeat:no-repeat; background-size:cover;*/ } /* #landingLogin .col-md-6{ margin:0; padding:0; } #disclaimer .btn, #landingLogin .btn{ text-transform:uppercase; font-size:.8em; } */ .contentLeft { height: 100%; padding: 20px; background: linear-gradient(0deg, rgba(251, 78, 11, 0.9), rgba(208, 68, 15, 0.6)), url(../images/bg.png); background-size: cover; clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%); } .contentLeft .img-responsive { max-width: 70%; margin: auto 10%; display: block; } .stickyHeader { position: sticky; top: 0; height: 50px; width: 100%; padding: 10px 15px; /*background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.1);*/ z-index: 9999; animation: moveToBottom 1s ease-in-out; animation-delay: 100ms; } .brandLogo { } .brandLogo img { width: 100px; } .brandLogoInner { padding: 0 5px; } .brandLogoInner img { width: 75px; } .stickyHeader p { margin-top: 4px; /* color: #fff; */ } .stickyHeader img { vertical-align: top; } .footerCopyright { position: relative; bottom: 0; background: #ddd; height: 50px; width: 100%; padding: 15px; } .stickyFooter { position: absolute; bottom: 0; height: 40px; width: 100%; padding: 0; } /* .stickyFooter p{ padding:0 15px; } */ .contentRight { height: 100%; background-color: #ffff; padding: 20px; position: relative; } .contentRight .input-group-addon { background: #333333; } .contentRight .glyphicon { color: #fff; } .supportBlock { position: absolute; bottom: 10px; left: 30px; } .supportBlock p { font-weight: 500; padding: 0px 10px; } .supportBlock img { margin-left: 10px; } .supportBlockInner { padding: 10px 20px; } .supportBlockInner img { margin-left: 10px; } .chatBot { position: absolute; bottom: 10px; right: 20px; cursor: pointer; } .landingLoginForm { width: 400px; height: auto; position: relative; display: table; margin: 20% auto; } .landingLoginForm .form-group { margin-bottom: 20px; } .landingLoginHeader { /* font-size: 20px; */ border-bottom: 1px dashed #ddd; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(185, 185, 185); padding-bottom: 10px; margin-top: 10px; margin-bottom: 20px; font-weight: 500; } #disclaimer { position: absolute; background: #fff; } .disclaimerHeading { padding: 10px 20px; text-transform: uppercase; font-weight: 500; /* font-size:1.5rem; */ text-decoration: underline; } .disclaimerMainHeading { padding: 0 20px 10px 0; text-transform: uppercase; font-weight: 500; /* font-size:26px; */ color: #000; } .disclaimerSubHeading { padding: 20px 20px 10px 0; text-transform: uppercase; font-weight: 500; /* font-size:18px; */ color: #333; } /* #disclaimer .fixedButton{ padding:10px 0px 0; } */ /* #disclaimer p{ padding:0 20px; } #disclaimer ul{ margin-left:-25px; } #disclaimer ul li{ display:inline-block; padding-right:10px; background-image:url(../images/arrow-right-bold-circle.png); background-repeat:no-repeat; background-position:2px 4px; padding-left:20px; padding-bottom:6px; } #disclaimer ul li > ul li{ display:inline-block; padding-right:10px; background-image:url(../images/arrow-right-bold-circle-outline.png); background-repeat:no-repeat; background-position:1px 5px; padding-left:20px; }*/ .fullHeightContainer { height: auto; margin-top: 2px; background: #fff; } #fileUpload { background: #fff; padding: 0; width: 100% } .leftPane { overflow-y: auto; padding: 0px 0px; height: auto; position: relative; left: 0; margin-top: 0px; background-color: #e9e9e9; box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1) inset; -moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.1) inset; display: none; } .leftPane ul { margin: 10px 0; padding: 0; } .leftPane ul li { list-style-type: none; margin: 0px 20px 8px; background-color: #fff; padding: 0 22px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; position: relative; border: 1px solid transparent; display: flex; align-items: center; } .leftPane ul li :last-child { /* margin-left: 2px; */ } .leftPane li:before { content: ""; position: absolute; width: 100%; left: 0; margin: 25px 0; } .leftPane:first-child li:before { margin: 30px 0; } .leftPane .label { margin-bottom: 5px; margin-top: 4px; } .leftPaneHeading { background: #666; padding: 0px 20px 8px 20px; box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1) inset; -moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.1) inset; position: sticky; top: 0; z-index: 999; } .leftPaneHeading p { text-transform: uppercase; font-weight: 500; /* font-size: 1.4rem; */ padding-top: 10px; } .leftPaneHeading .form-box { padding-top: 8px; } .leftPaneHeading .btn-box { width: 263px; height: 29px; position: relative; border-radius: 30px; background-color: #fff; display: flex; align-items: center; } .leftPaneHeading .toggle-btn { cursor: pointer; /* background-color: transparent; */ border: 0; outline: none; position: relative; text-align: center; width: 125px; height: 26px; text-transform: uppercase; font-weight: 600; top: -1px; /* font-size: 12px; */ } .add-reference { color: #fff; z-index: 99; background-color: #000; border-radius: 14px; left: 2px; } .search-reference { color: #000; background-color: #fff; border-radius: 14px; } .leftPaneHeading .btn-box #btn { left: 0; top: 0; position: absolute; width: 115px; height: 27px; background-color: #000; border-radius: 30px; transition: .5s; margin: 1px; z-index: 9; } /* .leftPaneHeading .toggle-btn .add-color { color: #ffff ; } .leftPaneHeading .toggle-btn .search-color { color: #ffff ; } */ .leftPaneHeading .add-key, .leftPaneHeading .search-key { position: relative; width: 100%; margin-top: 5px; /* height: 40px; */ } .leftPaneHeading .add-key input.form-ctrl, .leftPaneHeading .search-key input.form-ctrl { width: 100%; height: 34px; border: 1px solid darkgrey; border-radius: 4px; /* padding: 0px 0px 0px 15px; */ padding-left: 35px !important; } .searchBox input { text-indent: 30px; font-weight: normal; } /* .leftPaneHeading .add-key span, .leftPaneHeading .search-key span { */ /* position: absolute; top: 0px; left: 0px; */ /* width: 40px; */ /* height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; top: 0; */ /* } */ .leftPaneHeading .add-key span, .leftPaneHeading .search-key span { position: absolute; top: 12px; left: 0px; height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; z-index: 1; } .leftPaneHeading .add-key span.plus { color: #fff; /* width: 16px; height: 16px; aspect-ratio: 1; --b: 2px; display: inline-block; position: absolute; left: 0; cursor: pointer; border: none; margin: 12px; background: conic-gradient(from 90deg at var(--b) var(--b),#000 90deg,#ffffff 0) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b)); */ } a.add-reference-key, a.search-reference-key { display: flex; justify-content: end; text-decoration: underline; cursor: pointer; color: blue; } .plus-icon-wrapper { width: 40px; height: 34px; margin-left: auto; background: #000; border-radius: 0 4px 4px 0; position: absolute; right: 0px; top: 26px; padding: 2px 8px; color: #fff; cursor: pointer; } .rightPane { /* overflow-y:auto; */ /* padding:10px 20px 40px; */ /* padding:10px 20px 43px; */ height: auto; position: relative; left: 0; display: none; } .rightpanel-wrapper { overflow-y: auto; overflow-x: hidden; padding: 0px 20px 0 20px; /* height: 100%; */ margin-top: 20px; /* position: relative; */ } .uploadPanel { width: 98%; display: inline-block; background: #fff; min-height: 80px; padding: 8px; margin-top: 10px; transition: 0.3s; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; z-index: 998; margin-left: 12px; box-shadow: 0 -2px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); } .uploadPanel:first-child { /* position:sticky; top: 0; z-index: 999; background-color: #CEE7FC; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0); border: 2px dashed #a7cded; */ } .uploadPanel:first-child, .uploadPanel:hover { filter: blur(0); } .uploadPanel .form-group { display: inline; } .uploadPanel .btnContainer { margin-top: 23px; } .uploadPanel .btnContainer .btn { text-transform: uppercase; /* font-size:.8em; */ background-color: #FF8353; color: #fff; /* margin-left: 5px; */ } .uploadPanel .btnContainer .btn:hover { background-color: #FB4E0B; } .uploadPanel label { margin-bottom: 0px; font-weight: 500; display: inline; /* font-size:.9em; */ } /* .uploadPanel .btn .caret { margin-left: 10px !important; } */ .uploadPanel li a.btnAddAppeal { border-bottom: 1px solid lightgrey; padding-left: 14px; color: #000; } .uploadPanel li a.btnAddInvoice { padding-left: 14px; color: #000; } .fileBrowserAppeal { margin-top: 10px; } .fileBrowserAppeal .glyphicon { margin-left: 10px; } .fileBrowserAppeal .btn { text-transform: uppercase; /* font-size:12px; */ font-weight: 500; padding: 6.5px; /* width:150px; */ } .browseInvoice { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .browseInvoice a { display: flex; align-items: center; } .uploadIcon { padding-left: 10px; /* position: relative; */ /* top: -2px; */ /* display: inline-block; */ /* float: right;*/ margin-top: -5px; display: inline-block; } .browseInvoicewrapper input { height: 31px !important; width: 100% !important; border: 1px solid #CACACA; border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .browseInvoicewrapper input:focus { outline: none; } /* speech bubble */ .speech-bubble { position: absolute; padding: 7px 5px 10px 11px; width: 13em; height: 4em; border-radius: 0.25em; transform: rotate(-4deg) rotateY(15deg); background: #fb4e0b; color: #fff; text-align: center; line-height: 20px; text-transform: uppercase; right: 40px; font-weight: 500; bottom: 100px; } .speech-bubble:before, .speech-bubble:after { position: absolute; z-index: -1; content: ''; } .speech-bubble:after { top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transform: rotate(2deg) translate(.35em, -.15em) scale(1.02); background: #333; } .speech-bubble:before { border: solid 0 transparent; border-right: solid 3.5em #333; border-bottom: solid .25em #fb4e0b; bottom: .25em; left: 5.25em; width: 0; height: 1em; transform: rotate(45deg) skewX(75deg); } /* .font20{ font-size:20px; } */ /* .font15{ font-size:15px; } */ .copyRight { position: absolute; bottom: 10px; color: #fff; } .homeInfo { position: absolute; bottom: 10%; margin: 0 auto; background: rgba(255,255,255,.8); height: auto; width: auto; display: inline-block; border-radius: 5px; box-shadow: 2px 2px 2px #bd3d00; } .btnOrange { background: #fb4e0b; color: #fff; transition: 0.3s; } .btnOrange:hover, .btnOrange:focus, .btnOrange:active { background: #333333; color: #fff; outline: none; } .btnDark { background: #fff; color: #000; transition: 0.3s; text-transform: uppercase; font-weight: 600; /* padding-left:20px; padding-right:20px; */ } .fixedButton { text-align: right; } .fixedButton p { text-align: left; } .fixedButton .btnAccept { background-color: #b62700; color: #fff; /* border: none; */ } .fixedButton .btnDeny { background-color: #fff; border: 1px solid #f3a689; } .fixedButton .btnAccept:hover, .fixedButton .btnDeny:hover { border-color: transparent; } .btnDark:hover, .btnDark:focus, .btnDark:active { background: #fb4e0b; color: #fff; outline: none; } .fontSemiBold { font-weight: 500; } /* .leftPaneHeading .small{ font-size:9px; } */ .waterMark { display: block; position: relative; top: 20%; background: transparent; width: 50%; height: auto; margin: 0 auto; padding: 20px; } .waterMark h3 { text-align: center; text-transform: uppercase; opacity: .1; font-size: 2.5em; color: #333; } .slantFooter { /*background-color:rgba(68, 98, 201,0.6); clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);*/ color: #8F9BB3; height: 40px; padding: 10px 20px; } .uploadPanel [class^="col-"] { padding-right: 5px; padding-left: 5px; } .disclaimerContent { min-height: 300px; overflow: auto; width: 100%; opacity: 1; transition: 1s all; /*color:#fff;*/ color: #000; } .disclaimerContent ol { list-style-type: none; padding-left: 0; } .disclaimerContent ol li { background-image: url('../../Images/tick_Orange.svg'); background-repeat: no-repeat; background-position: 0 8px; padding-left: 25px; margin-bottom: 5px; } .disclaimerContent ol li li { background-image: url('../../Images/arrow_gray.svg'); padding-left: 15px; background-position: 0px 7px; } .slidingImage { margin: 0 -400px 0 0; overflow: auto; background: #fff; opacity: 1; transition: 1s all; } /* .slidingImageShow{ margin-right: 0px; opacity: 1; }*/ .footerUpload { position: absolute; bottom: -55px; background: #fff; width: 100%; height: 50px; left: 0; border-top: 1px solid #f2f2f2; /* border-bottom:1px solid #f2f2f2; */ box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.15); overflow: hidden; } .footerUpload { bottom: -48px; height: auto; padding: 10px; } .footerUpload .btnDark { /* font-size:10px; */ margin: 7px auto; background-color: #000; color: #fff; } .footerUpload .btnDark:hover { background-color: #FB4E0B; } /* progress bar */ .primary-color { background-color: #4989bd; } .success-color { background-color: #5cb85c; background-image: url("../images/tick-ok.png"); background-repeat: no-repeat; background-position: center; } .danger-color { background-color: #d9534f; } .warning-color { background-color: #f0ad4e; } .info-color { background-color: #5bc0de; } .no-color { background-color: inherit; } .progress_thin { margin: 0px; } .progress_thin .progress { height: 8px !important; margin: -6px 0; } .progressBarUpload .progress_thin { margin: 10px 10px; } .progressWrapper { width: 33%; } .progressBar .col-md-4, .progressBar .col-md-12 { margin: 0; padding: 0; text-align: center; } .progressBar { display: flex; align-items: center; } .progressBar p { /* text-transform:uppercase; */ font-weight: 500; color: #000; margin-top: 10px; white-space: nowrap; } [list]::-webkit-calendar-picker-indicator { visibility: hidden; z-index: -1; } .searchBox { margin-top: 0; display: block; margin-bottom: 0px; position: relative; } .searchBox .form-control { height: 25px; } .attachIcon img { position: absolute; right: 10px; margin-top: 7px; } .chatWindow { background: #fff; height: auto; width: 100%; position: absolute; top: 0; overflow: hidden; } .appeal-file-input::-webkit-file-upload-button { visibility: hidden; } .appeal-file-input::before { content: 'Browse Appeal'; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 3px; padding: 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; /* font-size: 11px; */ text-transform: uppercase; position: relative; top: -7px; left: -13px; background: #333; color: #fff; } .appeal-file-input:hover::before { border-color: black; } .appeal-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .invoice-file-input::-webkit-file-upload-button { visibility: hidden; } .invoice-file-input::before { content: 'Browse Invoice'; display: inline-block; background: linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 3px; padding: 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; /* font-size: 11px; */ text-transform: uppercase; position: relative; top: -7px; left: -13px; background: #333; color: #fff; } .invoice-file-input:hover::before { border-color: black; } .invoice-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } /* file upload */ .alert { margin-bottom: 0; } .alert-dismissable .close, .alert-dismissible .close { position: absolute; top: -2px; right: 5px; color: #000; z-index: 11111; } .uploadAlert { border-color: #fff2ae; background-color: #fcf8e3; border-radius: 6px; padding: 5px 10px; color: #424242; position: absolute; width: calc(100% - 225px); } .uploadPanel .uploadAlert:before { content: ''; width: 10px; height: 10px; background: #fcf8e3; position: absolute; transform: rotate(45deg); top: -5px !important; right: 18px !important; z-index: 10; } .uploadAlert button.btn-close { top: 0; right: 0; z-index: 2; padding: .5rem .5rem; font-size: 10px; } .addDocTypeBtn svg { width: 14px; height: 14px; stroke-width: 5px; margin-top: -2px; } .fileBrowserAppeal .input-group { /* background:#fff; border-radius:4px; border:1px solid #ddd; */ } .fileInputBtn { position: absolute; z-index: 2; top: 0; left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background-color: transparent; color: transparent; display: none; font-size: 0; } /* .uploadPanelBody{ overflow-y:auto; padding:0 5px 0 0; height:auto; position:relative; left:0; } */ .interactive_home-btn { display: flex; align-items: center; justify-content: end; top: 10px; right: 21px; color: #ffff } .provider-chat.rightSec.activeBotChat .interactive_home-btn { display: flex; justify-content: end; top: 10px; color: #ffff; padding-right: 10px; } .interactive_btn { bottom: 4px; display: flex !important; align-items: center; } .inline-block { display: inline-block; } .label_span { position: relative; display: inline-block; float: left; /* margin-top: 4px; */ /* font-size: 14px; Calling from body tag */ margin-right: 12px; font-weight: 600; color: #FB5323; } .small.switch { width: 43px; height: 18px; /* margin-top: 4px; */ margin-bottom: 0px; } .switch { position: relative; display: inline-block; width: 50px; height: 20px; top: 0px; cursor: not-allowed !important; } .switch input { display: none; } .slider.round { border-radius: 34px; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; -webkit-transition: .4s; transition: .4s; } /* #services{ background-color:#F4FBFD; } */ input:checked + .slider .on { display: block; } input:checked + .slider { background-color: #71b88b; } .slider.round { border-radius: 34px; } input:checked + .slider .off { display: none; } .small.switch input:checked + .slider:before { -webkit-transform: translateX(34px); -ms-transform: translateX(34px); transform: translateX(26px); } .slider.round:before { border-radius: 50%; } .small.switch .slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } .small.switch .on, .small.switch .off { top: 10px; } .on, .off { color: white; position: absolute; transform: translate(-45%,-60%); top: 11px; left: 62%; /* font-size: 10px; */ font-weight: 600; } .on { display: none; left: 17px !important; } .showIcons .checkBoxClass { background-color: #fff; border-color: #56c080; } .leftPaneCont .form-switch .form-check-input { margin-top: 5px; } .popover-body { background: #f1f1f1; --bs-popover-arrow-border: #f1f1f1; width: max-content; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { border-top-color: #f1f1f1; } .showIcons .checkBoxClass { background-color: #fff; border-color: #fff; } .add-key > div { display: flex; background-color: #fff; border-radius: 4px; } .add-key div > span { display: inline-flex; position: static !important; height: auto !important; } .add-key div > input#AddReferenceKey { display: inline-flexs; width: 100%; border-radius: 0px; border: 0px; align-items: flex-start; padding: 0px 0px 0px 5px !important; border-left: 1px solid #d3d3d3; } .add-key div .plus-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; position: static; } ._access-icon { z-index: 1111 !important; } .leftPaneHeading .add-key span, .leftPaneHeading .search-key span { top: 8px; } .leftPaneHeading .add-key input.form-ctrl, .leftPaneHeading .search-key input.form-ctrl { padding-left: 40px !important; } .leftPane .referenceKeyText { margin-bottom: 2px; } .chatPanel .dipFlex { width: 100%; } .reference-key-login div input { width: 12%; padding: .5rem .75rem; margin: 0px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .leftPaneHeading { padding: 0px 20px 10px 20px; } .leftPaneHeading .form-box { padding-top: 14px; } .close-icon { line-height: .8 !important; } .close-icon::after { margin-top: 2px; position: absolute; left: 6px; top: 1px; } html { box-sizing: border-box; -webkit-font-smoothing: antialiased; } * { box-sizing: inherit; } *:before, *:after { box-sizing: inherit; } body { overflow: hidden; position: relative; } /* Bot Animation */ /* .botAnimation.chatbotSec { position: relative; left: 50px; } */ .botAnimation svg ellipse[class^="botEye"] { animation: botpulse 2s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite; } .botAnimation .botMouth { /* animation: mouthAnim 2s cubic-bezier(0.39, 0.54, 0.41, 1.5) infinite; */ transform: translateY(0); } @keyframes botpulse { 0%,5%,30%,37%,100% { ry: 6.8254; } 3%,33% { ry: .8; } /* 100% { ry: 6.8254; } */ } @keyframes mouthAnim { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -4px); } 100% { transform: translate(0, 0); } } /* send button */ .botSendBtn { height: 40px; --primary: #F6F8FF; --primary-dark: #D1D6EE; --primary-darkest: #8A91B4; --shadow: rgba(0, 0, 0, 0.3); --text: #362A89; --text-opacity: 1; --success: #EEECFF; --success-x: -12; --success-stroke: 14; --success-opacity: 0; --border-radius: 7; --overflow: hidden; --x: 0; --y: 0; --rotate: 0; --plane-x: 0; --plane-y: 0; --plane-opacity: 1; --trails: rgba(255, 255, 255, 0.15); --trails-stroke: 57; --left-wing-background: var(--primary); --left-wing-first-x: 0; --left-wing-first-y: 0; --left-wing-second-x: 50; --left-wing-second-y: 0; --left-wing-third-x: 0; --left-wing-third-y: 100; --left-body-background: var(--primary); --left-body-first-x: 51; --left-body-first-y: 0; --left-body-second-x: 51; --left-body-second-y: 100; --left-body-third-x: 0; --left-body-third-y: 100; --right-wing-background: var(--primary); --right-wing-first-x: 49; --right-wing-first-y: 0; --right-wing-second-x: 100; --right-wing-second-y: 0; --right-wing-third-x: 100; --right-wing-third-y: 100; --right-body-background: var(--primary); --right-body-first-x: 49; --right-body-first-y: 0; --right-body-second-x: 49; --right-body-second-y: 100; --right-body-third-x: 100; --right-body-third-y: 100; display: block; cursor: pointer; position: relative; border: 0; padding: 8px 0; min-width: 100px; text-align: center; margin: 0; line-height: 24px; font-family: inherit; font-weight: 600; font-size: 14px; background: none; outline: none; color: var(--text); -webkit-appearance: none; -webkit-tap-highlight-color: transparent; margin: 0 auto; --left-wing-first-x: 50; --left-wing-first-y: 100; --right-wing-second-x: 50; --right-wing-second-y: 100; --left-wing-first-y: 0; --left-wing-second-x: 40; --left-wing-second-y: 100; --left-wing-third-x: 0; --left-wing-third-y: 100; --left-body-third-x: 40; --right-wing-first-x: 50; --right-wing-first-y: 0; --right-wing-second-x: 60; --right-wing-second-y: 100; --right-wing-third-x: 100; --right-wing-third-y: 100; --right-body-third-x: 60; --left-wing-third-x: 20; --left-wing-third-y: 90; --left-wing-second-y: 90; --left-body-third-y: 90; --right-wing-third-x: 80; --right-wing-third-y: 90; --right-body-third-y: 90; --right-wing-second-y: 90; --rotate: 50; --left-wing-third-y: 95; --left-wing-third-x: 27; --right-body-third-x: 45; --right-wing-second-x: 45; --right-wing-third-x: 60; --right-wing-third-y: 83; --rotate: 60; --plane-x: -8; --plane-y: 2; } .botSendBtn .plane, .botSendBtn .trails { pointer-events: none; position: absolute; } .botSendBtn .plane { left: 0; top: 0; right: 0; bottom: 0; /* filter: drop-shadow(0 3px 6px var(--shadow)); */ transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); transform: translate(calc(var(--x) * 1px), calc(var(--y) * 1px)) rotate(calc(var(--rotate) * 1deg)) translateZ(0); } .botSendBtn .plane .left, .botSendBtn .plane .right { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: var(--plane-opacity); transform: translate(calc(var(--plane-x) * 1px), calc(var(--plane-y) * 1px)) translateZ(0); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botSendBtn .plane .left:before, .botSendBtn .plane .left:after, .botSendBtn .plane .right:before, .botSendBtn .plane .right:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: calc(var(--border-radius) * 1px); transform: translate(var(--part-x, -0.6%), var(--part-y, 0)) translateZ(0); z-index: var(--z-index, 2); background: var(--background, var(--left-wing-background)); -webkit-clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x)) * 1%) calc(var(--first-y, var(--left-wing-first-y)) * 1%), calc(var(--second-x, var(--left-wing-second-x)) * 1%) calc(var(--second-y, var(--left-wing-second-y)) * 1%), calc(var(--third-x, var(--left-wing-third-x)) * 1%) calc(var(--third-y, var(--left-wing-third-y)) * 1%)); clip-path: polygon(calc(var(--first-x, var(--left-wing-first-x)) * 1%) calc(var(--first-y, var(--left-wing-first-y)) * 1%), calc(var(--second-x, var(--left-wing-second-x)) * 1%) calc(var(--second-y, var(--left-wing-second-y)) * 1%), calc(var(--third-x, var(--left-wing-third-x)) * 1%) calc(var(--third-y, var(--left-wing-third-y)) * 1%)); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botSendBtn .plane .left:after { --part-x: -2px; --z-index: 1; --background: #8a8a8a; --first-x: var(--left-body-first-x); --first-y: var(--left-body-first-y); --second-x: var(--left-body-second-x); --second-y: var(--left-body-second-y); --third-x: var(--left-body-third-x); --third-y: var(--left-body-third-y); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botSendBtn .plane .right:before { --part-x: -1px; --z-index: 2; --background: var(--right-wing-background); --first-x: var(--right-wing-first-x); --first-y: var(--right-wing-first-y); --second-x: var(--right-wing-second-x); --second-y: var(--right-wing-second-y); --third-x: var(--right-wing-third-x); --third-y: var(--right-wing-third-y); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botSendBtn .plane .right:after { --part-x: 0; --z-index: 1; --background: var(--right-body-background); --first-x: var(--right-body-first-x); --first-y: var(--right-body-first-y); --second-x: var(--right-body-second-x); --second-y: var(--right-body-second-y); --third-x: var(--right-body-third-x); --third-y: var(--right-body-third-y); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botSendBtn .trails { display: block; width: 33px; height: 64px; top: -4px; left: 16px; fill: none; stroke: var(--trails); stroke-linecap: round; stroke-width: 2; stroke-dasharray: 57px; stroke-dashoffset: calc(var(--trails-stroke) * 1px); transform: rotate(68deg) translateZ(0); transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } /* .botSendBtn img:first-child { position: relative; right: 20px; } */ .botSendBtn span.success { z-index: 0; position: absolute; left: 0; right: 0; top: 8px; transform: translateX(calc(var(--success-x) * 1px)) translateZ(0); opacity: var(--success-opacity); color: var(--success); } .botSendBtn span.success svg { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin: 4px 8px 0 0; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 14px; stroke: var(--success); stroke-dashoffset: calc(var(--success-stroke) * 1px); } body .dribbble { position: fixed; display: block; right: 20px; bottom: 20px; } body .dribbble img { display: block; width: 76px; } body .twitter { position: fixed; display: block; right: 112px; bottom: 14px; } body .twitter svg { width: 24px; height: 24px; fill: white; } /* .rightSec { position: absolute; right: 0; transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } */ /* .activeBotChat { width: 100%; } */ .rightSec .botSendBtn { /* position: absolute; */ /* top: 50%; left: 40%; */ /* transform: scale(1.8); */ /* margin-top: 80px; */ /* left: 45px; */ height: 143px; /* margin-top: 80px; */ } .botAnimation svg { position: relative; /* left: 100%; */ transition: all 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .botHeadPhone { stroke-dasharray: 299, 135; stroke-dashoffset: 300; transition: all 3s cubic-bezier(0.3, 1.12, 0.96, 1.01); /* animation: dash 5s ease-in-out forwards; -moz-animation: dash 5s ease-in-out forwards; -webkit-animation: dash 5s ease-in-out forwards; */ } /* @keyframes dash { to { stroke-dashoffset: 425; } } */ /* skip audio part */ .strikethrough { position: relative; } .strikethrough:before { position: absolute; content: ""; left: -45px; top: 0px; right: 0px; border-top: 3px solid; border-color: #b5aeae; -webkit-transform: rotate(322deg); -moz-transform: rotate(322deg); -ms-transform: rotate(322deg); -o-transform: rotate(322deg); transform: rotate(322deg); } .skipAudio { display: block; position: relative; padding-left: 32px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; font-weight: normal; width: 40%; } /* Hide the browser's default checkbox */ .skipAudio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 1px solid #fff; } /* On mouse-over, add a grey background color */ .skipAudio:hover input ~ .checkmark { background-color: #fb410b; } /* When the checkbox is checked, add a blue background */ .skipAudio input:checked ~ .checkmark { background-color: #fb410b; } /* Create the checkmark/indicator (hidden when not checked) */ .skipAudio:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .skipAudio input:checked ~ .checkmark:after { content: ""; display: block; } /* Style the checkmark/indicator */ .skipAudio .checkmark:after { left: 6px; top: 1px; width: 6px; height: 13px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: relative; } .chat-content { transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .activeBotChat .chat-content { opacity: 0; z-index: -2; } .botEar { opacity: 0; transition: 1s cubic-bezier(0.3, 1.12, 0.96, 1.01); } .activeBotChat .botEar { opacity: 1; } .provider-chat .content1 { opacity: 0; transition: 5s cubic-bezier(0.3, 1.12, 0.96, 1.01); height: 0; pointer-events: none; display: none; } .provider-chat span.voice { opacity: 0; /* transition: 5s cubic-bezier(0.3, 1.12, 0.96, 1.01); */ height: 0; } /* .provider-chat .chatPanel { padding-left: 250px; padding-right: 250px; } */ .provider-chat .botVoiceAnime { opacity: 0; transition: 5s cubic-bezier(0.3, 1.12, 0.96, 1.01); /* height: 0; */ display: none; } .provider-chat .checkboxSec { opacity: 0; transition: 5s cubic-bezier(0.3, 1.12, 0.96, 1.01); display: none; } .chatLable { color: #000; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } .chatAnimeSection { max-width: 875px; max-width: calc(100% - 80px); margin: 0 auto; display: flex; } .chatAnimeSection .content1 { padding-left: 30px; padding-right: 30px; } .chatServicesList a:hover { background-color: #fb410b; border-color: #fb410b; color: #ffffff; } .chatServicesList li a { transition: 500ms cubic-bezier(0.3, 1.12, 0.96, 1.01); } .chatServicesList li.active a { background-color: #fb410b !important; border-color: #fb410b; color: #ffffff; } .botVoiceAnime { /* display: flex; background: #fff; border-radius: 50px; padding: 8px 10px; gap: 10px; align-items: center; width: 80%; height: 50px; position: absolute; left: 80px; */ } .botVoiceAnime #wave { height: 42px; width: 90%; } #wave { height: 70px; width: 70px; } .wave-only .Line_1 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .wave-only .Line_1 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .wave-only .Line_3 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } .wave-only .Line_4 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .wave-only .Line_5 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .wave-only .Line_6 { -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @keyframes pulse2 { 0% { transform: scaleY(1); transform-origin: 50% 50%; } 50% { transform: scaleY(.7); transform-origin: 50% 50%; } 100% { transform: scaleY(1); transform-origin: 50% 50%; } } /* .chatlogo{ display: flex; align-items: center; margin-top: 20px; gap: 20px; margin-bottom: 0; position: relative; } */ .chatlogo { margin-top: 20px; text-align: center; } button.btn-bg { background-color: #fb410b !important; border-color: #fb410b !important; outline: none !important; } .float-icon .botSendBtn { animation-name: float; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px) scale(1.8); } 50% { transform: translate(0, 10px) scale(1.8); } 100% { transform: translate(0, -0px) scale(1.8); } } @media (max-width: 768px) { .botVoiceAnime { width: 78% } .chatAnimeSection .content1 { padding-left: 70px; padding-right: 70px; } .strikethrough:before { position: absolute; content: ""; left: -33px; top: 0px; right: 3px; } .botVoiceAnime #wave { height: 30px; width: 90%; } svg#speak { height: 30px; } .skipAudio { width: 100%; } } @media only screen and (max-width: 600px) { .botVoiceAnime { width: 75%; } /* .botAnimation.chatbotSec svg { left: 10px !important; } */ .chatAnimeSection .content1 { padding-left: 0px; padding-right: 0; } .arrowImgBG { position: absolute; bottom: 17%; opacity: .6; left: -15%; height: 150px; } .provider-chat { /* width: 40%; */ } } @media only screen and (min-width: 1024px) and (max-width:1300px) { .botVoiceAnime { width: 67%; } /* .botAnimation svg { left: 40px; } */ .skipAudio { width: 100%; } .chatlogo { margin-top: 20px; text-align: initial; } } @media only screen and (min-width: 1501px) { .chat-content { margin-top: 200px; margin-bottom: 100px; } } @media only screen and (min-width: 1401px) and (max-width: 1500px) { .botAnimation svg.mb { position: absolute; left: 0%; } .sound-chat-bot-wrapper .botAnimation svg { top: 20px; } } /* CSS for Extra Large (xl) screen */ @media only screen and (min-width: 1900px) and (max-width: 1920px) { .login-chatbot { left: 31%; top: 24%; } .refAuthentication-login { width: 600px; } .login-chatbot-icon { left: -15%; bottom: -3%; } } @media only screen and (min-width: 1600px) { [card-stack] { margin-top: 5%; } .rightSec .botSendBtn { /* position: absolute; transform: scale(1.8); left: 100px; */ } .nav-contact-rightform { width: 465px; border-left: 5px solid #fb410b; } .nav-call-rightform { width: 250px; border-left: 5px solid #fb410b; } .desc { display: flex; height: 688px; width: 100%; } } @media only screen and (max-width: 1600px) { body { font-size: .88rem; } .loginSection #chot-bot, .rightSide { top: 58px; } .plus-icon-wrapper { top: 22px; padding: 4px 8px; } .close-icon::after { margin-top: 2px; position: absolute; left: 7px; } .disclaimerContent ol li { background-position: 0 6px; } .disclaimerContent ol li li { background-position: 0px 4px; font-size: 16px; font-weight:bold; } .leftPane ul li { margin: 0px 10px 8px; padding: 0 10px; } .leftPaneHeading { padding: 0px 10px 8px 10px; } .leftPaneHeading .toggle-btn { top: 0px; } .footerUpload .successMessage { text-align: left; position: absolute; white-space: normal !important; top: -8px; line-height: 20px; } .progressBar { position: relative; } .uploadAttachBtn { white-space: nowrap; } .mainDashboardSection .custom-wrapper-chatbot input[type="checkbox"]#chat_indicator + .chatAnime .botSendBtn { top: -60px; } .termsandCondition .disclaimerRight { top: 58px; } .termsandCondition .disclaimerBg { top: 58px; } .progressCloseBtn, .viewFileCloseBtn { width: 22px; height: 22px; } .form-control, .btn { font-size: 14px; } .notify-back { /* top: 11px; */ left: -224%; background: black; color: white; padding: 5px 20px 8px 20px; } .nav-contact-rightform { margin-top: 71px; } .nav-call-rightform .closeDropdown { top: -12px; right: -4px; padding: 1px 1px; } .nav-contact-rightform .closeDropdown { top: -12px; right: -4px; padding: 1px 1px; } .headingProvider { font-size: 1.3rem; } .chatCloseIcn svg { margin-top: 3px; } } @media only screen and (min-width: 1026px) and (max-width: 1366px) { .carousel-indicators { top: 87% !important; } .modal-right { bottom: 2%; } [card-stack] { margin-top: 1%; } .nav-contact-rightform { position: absolute; top: 0; width: 245px; /* overflow-y: scroll; */ z-index: 9999; max-height: 500px; border-left: 5px solid #fb410b; } .nav-call-rightform { border-left: 5px solid #fb410b; } .nav-contact-rightform::-webkit-scrollbar { width: 8px; height: 8px; } .input-box { margin-bottom: 10px; position: relative; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .chatAnimeSection { max-width: calc(100% - 9px); } .chatAnimeSection .content1 { padding: 0px; } .refAuthentication { width: 100%; } .refAuthentication-login { width: 100%; } .sound-chat-bot-loginwrapper .refAuthentication-login { width: 400px; } .sound-chat-bot-wrapper { left: 8px; } .sound-chat-bot-loginwrapper { left: -16px; } .sound-chat-bot-container .sound-chat-bot { top: 77px; left: 29px; } .sound-chat-bot-wrapper { width: 130px; } .sound-chat-bot-loginwrapper { width: 92px; } .provider-image { /* width: 100%; */ height: 100%; background-image: url(../images/chat-bg.png); background-repeat: no-repeat; background-size: 100% 100%; } .arrowImgBG { position: absolute; bottom: 15%; opacity: .6; left: 0; height: 200px; } .nav-call-rightform { border-left: 5px solid #fb410b; } .nav-contact-rightform { position: absolute; top: 0; width: 330px; /* overflow-y: scroll; */ z-index: 991; max-height: 400px; border-left: 5px solid #fb410b; } .nav-contact-rightform::-webkit-scrollbar { width: 8px; height: 8px; } /* .notify-back { position: absolute; top: 7px; left: 160px; width: 365px; display: inline-block; background: black; color: white; padding: 8px 20px 8px 20px; } */ } @media only screen and (min-width: 760px) and (max-width: 1024px) { .chatPanel { height: 400px !important; } .ProviderMSG input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ white-space: pre-line; position: relative; top: -7px; } .login-chatbot { left: 33%; top: 26%; } } @media only screen and (max-width: 1110px) { /* .loginSection .navbar-nav li { border-left: 0px solid #dddddd; } */ [card-stack] { width: 50%; } .dContOut { padding: 30px 30px 90px; } .dContOut { padding: 30px 30px 110px; } .btnDark { padding-left: 10px; padding-right: 10px; } .pulsating-circle { display: block; } } /* CSS for Medium (md) screen */ @media only screen and (max-width: 768px) { .leftSide { display: none; } .rightSide { left: 0%; width: calc(100% - 0%); } /* .logo { width: 100%; } */ .interactive_home-btn { display: none !important; } .notify-modal img { display: none; } /* .notify-modal .modal-content { height: 184px; } */ .modal-content { width: 73% !important; } .interactive_home-btn { display: flex; top: 10px; /* flex-direction: column; */ color: #ffff; align-items: center; } .sound-chat-bot-container .sound-chat-bot { top: 76px; left: 26px; } .refAuthentication { width: 90%; } .refAuthentication-login { width: 90%; } .label_span { text-align: center; } .rightSec .botSendBtn { left: 0; } .notify-back { display: none; } .nav-contact-rightform { position: absolute; top: 280px; width: 330px; /* overflow-y: scroll; */ z-index: 991; max-height: 500px; border-left: 5px solid #fb410b; } .nav-contact-rightform::-webkit-scrollbar { width: 8px; height: 8px; } .input-box { margin-bottom: 10px; position: relative; } [card-stack] { width: 60%; margin-left: 30%; } .progressBar { position: absolute; bottom: 100px; padding: 20px; border: 1px solid #DFCEA0; background-color: #fffff4; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .uploadRow { display: block; } .uploadPanel .btnContainer { margin-top: 10px; } .uploadCol1 { max-width: 100%; } .modal-right { bottom: 4%; } .chat-indicator { display: none; } .loginSection #chot-bot { width: 100%; left: 0; } .activeBotChat.rightSec .content1 { padding-left: 30px; padding-right: 15px; } .loginSection .activeBotChat .chatCloseBtn { display: none; } .chatAnimeSection { max-width: 100%; } .provider-chat.rightSec { background-image: none; background-repeat: no-repeat; background-size: 100% 100%; background-size: cover; } .provider-image { filter: blur(3px); } .arrowImgBG { display: none; } .showChatBot .chat-bot-wrapper { display: none; } /* button.navbar-toggler { top: -40px; right: -320px; position: absolute; } */ } @media only screen and (max-width: 425px) { .addIDSectionwrapper { display: inherit; } .addIDSection1 { width: 100%; } .addIDSection2 { width: 100%; } .arrowImgBG { display: none; } .carousel-caption { left: 0; right: 0; bottom: 10%; } .modal-paragraph { overflow-y: scroll; max-height: 96px; } .carousel .item { height: 175px; } /* .notify-modal .modal-content { left: 10%; width: 80%; height: 65%; } */ .chatAnimeSection { flex-direction: column; } .chatPanel { padding: 0px; } .sound-chat-bot-container .sound-chat-bot { top: 70px; left: 35px; } .navbar-collapse.in { overflow-x: hidden; } #updateContact .chatServicesList li a { padding: 6px 6px 5px; } .refAuthentication { width: 100%; } .refAuthentication-login { width: 100%; } .chatPanel { height: 6s00px !important; } .ProviderMSG input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ white-space: pre-line; position: relative; top: -7px; } } @media only screen and (max-width: 1024px) { .modal-content { width: 60%; } } @media only screen and (max-width: 375px) { .carousel .item { height: 150px; } .modal-right { bottom: -4% !important; } /* .notify-modal .modal-content { height: 60%; } */ .modal-paragraph { max-height: 75px; } } @media only screen and (max-width: 1024px) { .notify-back { left: -104%; top: 30px; width: 180px; height: 50px; } .notify-back:after { top: 7px; } #userlogin { margin-top: 0px; } /* .loginSection #chot-bot { position: relative; } */ /* .logo { width: auto; } */ .referenceKey input { width: 10.8%; } .arrowImgBG { left: 350px; } } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}