/* Minification failed. Returning unminified contents. (1209,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (1350,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (1361,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (1425,30): run-time error CSS1030: Expected identifier, found ',' (1425,65): run-time error CSS1031: Expected selector, found ')' (1425,65): run-time error CSS1025: Expected comma or open brace, found ')' (1455,31): run-time error CSS1030: Expected identifier, found ',' (1455,66): run-time error CSS1031: Expected selector, found ')' (1455,66): run-time error CSS1025: Expected comma or open brace, found ')' (1465,30): run-time error CSS1030: Expected identifier, found ',' (1465,65): run-time error CSS1031: Expected selector, found ')' (1465,65): run-time error CSS1025: Expected comma or open brace, found ')' (1472,30): run-time error CSS1030: Expected identifier, found ',' (1472,65): run-time error CSS1031: Expected selector, found ')' (1472,65): run-time error CSS1025: Expected comma or open brace, found ')' (1524,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (1530,32): run-time error CSS1039: Token not allowed after unary operator: '-BG' (1538,29): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (1548,42): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (1581,37): run-time error CSS1039: Token not allowed after unary operator: '-Text' (1586,37): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (1643,25): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (1644,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (1657,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (1658,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (1665,36): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (1669,36): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (1694,36): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (1703,29): run-time error CSS1039: Token not allowed after unary operator: '-White' (1704,30): run-time error CSS1039: Token not allowed after unary operator: '-White' (2060,31): run-time error CSS1030: Expected identifier, found ',' (2060,65): run-time error CSS1031: Expected selector, found ')' (2060,65): run-time error CSS1025: Expected comma or open brace, found ')' (2138,33): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (2176,32): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (2314,32): run-time error CSS1039: Token not allowed after unary operator: '-BG' (2343,36): run-time error CSS1039: Token not allowed after unary operator: '-BG' (2377,37): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (2378,38): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (2457,36): run-time error CSS1039: Token not allowed after unary operator: '-White' (2459,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (2610,1): run-time error CSS1019: Unexpected token, found '#' (2833,28): run-time error CSS1030: Expected identifier, found ',' (2833,49): run-time error CSS1031: Expected selector, found ')' (2833,49): run-time error CSS1025: Expected comma or open brace, found ')' (2891,29): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (2910,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (2932,29): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (2936,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (2946,25): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (2947,26): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (2951,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (2965,61): run-time error CSS1030: Expected identifier, found ',' (2965,69): run-time error CSS1031: Expected selector, found ')' (2965,69): run-time error CSS1025: Expected comma or open brace, found ')' (3090,35): run-time error CSS1030: Expected identifier, found 'footer' (3090,46): run-time error CSS1031: Expected selector, found ')' (3090,46): run-time error CSS1025: Expected comma or open brace, found ')' (3183,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (3184,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (3388,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (3535,32): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (3540,28): run-time error CSS1039: Token not allowed after unary operator: '-Red-10-Percent-Visibility' (3541,17): run-time error CSS1039: Token not allowed after unary operator: '-Red' (3545,28): run-time error CSS1039: Token not allowed after unary operator: '-Green-10-Percent-Visibility' (3546,17): run-time error CSS1039: Token not allowed after unary operator: '-Green' (3550,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (3551,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (3568,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (3569,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (3975,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (4113,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (4284,29): run-time error CSS1030: Expected identifier, found ',' (4284,46): run-time error CSS1031: Expected selector, found ')' (4284,46): run-time error CSS1025: Expected comma or open brace, found ')' (4615,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4616,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (4645,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4652,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (4658,43): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (4659,25): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (4683,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4684,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4734,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4750,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4768,25): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4776,25): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (4826,40): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (4844,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (4857,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4872,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4886,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (4895,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (4907,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4911,42): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4919,37): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (4962,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (5015,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (5079,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (5084,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (5091,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (5135,24): run-time error CSS1030: Expected identifier, found ',' (5135,44): run-time error CSS1031: Expected selector, found ')' (5135,44): run-time error CSS1025: Expected comma or open brace, found ')' (5755,84): run-time error CSS1030: Expected identifier, found 'footer' (5755,90): run-time error CSS1031: Expected selector, found ')' (5755,90): run-time error CSS1025: Expected comma or open brace, found ')' (6208,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (6215,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (6259,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (6293,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (6310,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (6312,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (6318,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (6337,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (6377,33): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (6382,33): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (6393,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (6440,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (6503,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (6505,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (6520,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (6546,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (6547,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (6553,32): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (6570,48): run-time error CSS1030: Expected identifier, found ',' (6570,59): run-time error CSS1031: Expected selector, found ')' (6570,59): run-time error CSS1025: Expected comma or open brace, found ')' (6578,52): run-time error CSS1030: Expected identifier, found ',' (6578,72): run-time error CSS1031: Expected selector, found ')' (6578,72): run-time error CSS1025: Expected comma or open brace, found ')' (6646,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (6668,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (6692,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (7281,36): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (7285,36): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (7286,38): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (7292,29): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (7293,30): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (7304,25): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (7562,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (7601,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (7686,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (7765,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (7772,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (7785,30): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (7786,25): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (8249,32): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (8265,26): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (8268,51): run-time error CSS1030: Expected identifier, found ',' (8268,61): run-time error CSS1031: Expected selector, found ')' (8268,61): run-time error CSS1025: Expected comma or open brace, found ')' (8273,32): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (8277,32): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (8711,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (8712,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (8732,38): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (8735,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (8739,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (8740,25): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (9298,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (9300,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (9362,24): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (9372,22): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (9373,21): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11016,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11049,25): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11050,36): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (11064,25): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11198,33): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11199,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11212,40): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11216,33): run-time error CSS1039: Token not allowed after unary operator: '-White' (11217,34): run-time error CSS1039: Token not allowed after unary operator: '-White' (11221,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-Dark' (11235,32): run-time error CSS1039: Token not allowed after unary operator: '-White' (11239,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11399,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (11413,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11424,29): run-time error CSS1039: Token not allowed after unary operator: '-Text' (11428,29): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11430,40): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (11442,40): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (11456,40): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (11466,33): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11471,29): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11472,30): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11484,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11489,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11498,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11502,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (11509,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (11519,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11527,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11536,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (11544,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (11553,17): run-time error CSS1039: Token not allowed after unary operator: '-Light-Grey' (11561,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (11570,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11579,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11589,17): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11593,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11603,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11604,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11613,28): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11623,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11624,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (11634,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (11635,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (11647,26): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-Dark' (11651,26): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11652,21): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11656,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (11666,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11667,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (11668,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11687,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11694,18): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11700,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11701,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11705,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11706,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11731,31): run-time error CSS1030: Expected identifier, found ',' (11731,42): run-time error CSS1031: Expected selector, found ')' (11731,42): run-time error CSS1025: Expected comma or open brace, found ')' (11736,24): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11737,17): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11741,21): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11742,22): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11746,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11773,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (11780,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11781,26): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11786,32): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11790,32): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11794,30): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11795,25): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11796,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (11808,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11809,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (11816,18): run-time error CSS1039: Token not allowed after unary operator: '-White' (11820,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary-dark' (11824,26): run-time error CSS1039: Token not allowed after unary operator: '-BG' (11825,21): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (11844,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11853,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11857,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11872,24): run-time error CSS1039: Token not allowed after unary operator: '-Red' (11882,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (11889,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (11893,17): run-time error CSS1039: Token not allowed after unary operator: '-Red' (11897,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11901,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11905,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (11909,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (11913,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (11917,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11935,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (11953,21): run-time error CSS1039: Token not allowed after unary operator: '-Red' (11958,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (11963,21): run-time error CSS1039: Token not allowed after unary operator: '-Green' (11979,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (11986,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12006,26): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12007,25): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12011,36): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-20-Percent-Visibility' (12015,32): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12019,25): run-time error CSS1039: Token not allowed after unary operator: '-White' (12023,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (12024,25): run-time error CSS1039: Token not allowed after unary operator: '-White' (12028,36): run-time error CSS1039: Token not allowed after unary operator: '-Primary-dark' (12033,32): run-time error CSS1039: Token not allowed after unary operator: '-White' (12034,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12048,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12049,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (12055,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12070,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12111,104): run-time error CSS1030: Expected identifier, found '.' (12111,115): run-time error CSS1031: Expected selector, found ')' (12111,115): run-time error CSS1025: Expected comma or open brace, found ')' (12115,135): run-time error CSS1030: Expected identifier, found '.' (12115,146): run-time error CSS1031: Expected selector, found ')' (12115,146): run-time error CSS1025: Expected comma or open brace, found ')' (12128,17): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (12129,18): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (12170,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (12181,30): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (12204,33): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12271,32): run-time error CSS1039: Token not allowed after unary operator: '-Green-10-Percent-Visibility' (12275,32): run-time error CSS1039: Token not allowed after unary operator: '-Red-10-Percent-Visibility' (12279,32): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (12283,21): run-time error CSS1039: Token not allowed after unary operator: '-Green' (12284,22): run-time error CSS1039: Token not allowed after unary operator: '-Green' (12288,21): run-time error CSS1039: Token not allowed after unary operator: '-Red' (12289,22): run-time error CSS1039: Token not allowed after unary operator: '-Red' (12293,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12294,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12323,32): run-time error CSS1039: Token not allowed after unary operator: '-BG' (12327,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12331,37): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12342,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12343,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12348,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (12349,22): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (12397,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12398,18): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12402,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12403,18): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12450,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (12513,22): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (12524,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12546,32): run-time error CSS1039: Token not allowed after unary operator: '-White' (12551,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (12565,37): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12609,24): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12652,56): run-time error CSS1030: Expected identifier, found ',' (12652,65): run-time error CSS1030: Expected identifier, found '.' (12652,86): run-time error CSS1031: Expected selector, found ')' (12652,86): run-time error CSS1025: Expected comma or open brace, found ')' (12661,17): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12671,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (12675,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12697,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (12698,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12717,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (12734,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12735,30): run-time error CSS1039: Token not allowed after unary operator: '-White' (12742,40): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (12759,33): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12760,34): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12765,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (12766,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12777,16): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-Dark' (12781,16): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (12802,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (12811,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12855,25): run-time error CSS1039: Token not allowed after unary operator: '-Text' (12886,29): run-time error CSS1039: Token not allowed after unary operator: '-Text' (12896,38): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (12897,33): run-time error CSS1039: Token not allowed after unary operator: '-White' (12901,29): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (12905,29): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (12916,21): run-time error CSS1039: Token not allowed after unary operator: '-Text' (12930,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (12942,28): run-time error CSS1039: Token not allowed after unary operator: '-Green' (12943,22): run-time error CSS1039: Token not allowed after unary operator: '-Fade-Green' (12952,32): run-time error CSS1039: Token not allowed after unary operator: '-Red' (12953,26): run-time error CSS1039: Token not allowed after unary operator: '-Fade-Red' (12987,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (13002,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (13003,22): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (13007,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (13022,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' (13041,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (13049,25): run-time error CSS1039: Token not allowed after unary operator: '-Corners-corner-xs' (13050,29): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (13051,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' (13059,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13060,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' (13071,22): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13096,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13104,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (13198,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13231,22): run-time error CSS1039: Token not allowed after unary operator: '-Grey-2' (13245,32): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13246,26): run-time error CSS1039: Token not allowed after unary operator: '-White' (13256,30): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (13282,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13287,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13288,30): run-time error CSS1039: Token not allowed after unary operator: '-White' (13293,45): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13305,33): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (13306,34): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (13323,33): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13324,34): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13328,33): run-time error CSS1039: Token not allowed after unary operator: '-White' (13329,34): run-time error CSS1039: Token not allowed after unary operator: '-White' (13331,38): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13342,34): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13383,21): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13384,22): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13433,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (13467,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (13498,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13513,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13514,17): run-time error CSS1039: Token not allowed after unary operator: '-White' (13518,21): run-time error CSS1039: Token not allowed after unary operator: '-White' (13519,22): run-time error CSS1039: Token not allowed after unary operator: '-White' (13682,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (13687,30): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (13737,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (13771,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (13782,21): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (13783,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (13793,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary-light' (13805,25): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (13806,26): run-time error CSS1039: Token not allowed after unary operator: '-Primary' (13814,28): run-time error CSS1039: Token not allowed after unary operator: '-Secondary-10-Percent-Visibility' (13824,25): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13825,26): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (13841,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (13856,41): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13861,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (13866,28): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (13894,32): run-time error CSS1039: Token not allowed after unary operator: '-BG' (13980,17): run-time error CSS1039: Token not allowed after unary operator: '-Text' (13984,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (14002,39): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (14012,33): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (14027,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (14054,26): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (14067,17): run-time error CSS1039: Token not allowed after unary operator: '-Text-2' (14114,36): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (14151,28): run-time error CSS1039: Token not allowed after unary operator: '-White' (14153,28): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (14165,35): run-time error CSS1039: Token not allowed after unary operator: '-Main-Stroke' (14249,21): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (14250,22): run-time error CSS1039: Token not allowed after unary operator: '-Text-3' (14285,28): run-time error CSS1039: Token not allowed after unary operator: '-BG' (14292,39): run-time error CSS1039: Token not allowed after unary operator: '-Grey' (14314,17): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (14315,18): run-time error CSS1039: Token not allowed after unary operator: '-Secondary' (14381,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (14385,22): run-time error CSS1039: Token not allowed after unary operator: '-Primary-10-Percent-Visibility' (14425,22): run-time error CSS1039: Token not allowed after unary operator: '-BG' */ /*! jQuery UI - v1.10.4 - 2014-06-10 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /* .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } */ /* Component containers ----------------------------------*/ /* .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } /* .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } */ .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ /* .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } */ /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } body { position: relative; height: 100vh; height: 100dvh; overflow: hidden; width: 100vw; } * { padding: 0; margin: 0; outline: 0; } html, textarea, input, button, select, .input-file { font-size: 13px; font-family: 'Assistant', Arial, sans-serif; } textarea, input, button, select, .input-file { color: var(--Text); } html { direction: rtl; color: #777777; cursor: default; } html, #users-list body { width: 100%; } html.ie body.full-screen { background-size: 100% auto; } a { text-decoration: none; outline: none; color: inherit; cursor: pointer; } a img { border: 0; } ul { list-style: none; float: right; } body.msg-page h1 { font-size: 42px; margin: 20px 0 15px; } h1, table caption, form legend { font-weight: normal; } h1, form legend, .logo-details #contact, .logo-details #accountingId, .logo-details #address, #data .fvrt .icn, #data .list-bl .icn, #patterns-pq .prod-list { display: inline-block; } h2, #container:not(.view2) #column-l h3 { color: #000000; font-size: 13px; } body.msg-page h2 { font-weight: normal; } div, i, header, nav, section, aside, footer, h1, form { position: relative; float: right; } /* Webkit */ /* Firefox 4-18 */ /* Firefox 19+ */ /* IE10+ */ ::-webkit-input-placeholder { color: #b9b9b9; } :-moz-placeholder { color: #b9b9b9; } ::-moz-placeholder { color: #b9b9b9; } :-ms-input-placeholder { color: #b9b9b9; } .b-input:-moz-placeholder { color: #cfcfcf; } .b-input::-moz-placeholder { color: #cfcfcf; } .b-input:-ms-input-placeholder { color: #cfcfcf; } legend { margin: 15px 0; } form legend { width: 100%; float: right; } fieldset { border: 0; } i { display: inline-block; } textarea { max-width: 100%; padding: 2px 5px; } table { border-collapse: collapse; } .tooltip { z-index: 9999; background: var(--White); border-radius: 4px; height: 33px; padding: 0 8px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.20); } .tooltip .ui-tooltip-content { color: var(--Text); font-size: 13px; } .tooltip::after { content: ""; display: block; background: url(images/arrow-head.svg) center center no-repeat; height: 8px; width: 4px; position: absolute; right: calc(50% - 4px); bottom: -6px; transform: rotate(90deg); } .tooltip.left-tooltip::after { bottom: unset; right: -4px; transform: rotate(0deg); } .font-normal { font-weight: normal; } input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="phone"], input[type="email"], select, option, textarea, .box-fix, button, a.button, .input-file { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box-cont { /* BOX SIZING */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="submit"], button, #top-left li:hover:not(.avatar), .ctrl-icons > li, .ctrl-icons > a, #column-r li.tagit-choice, /*.tooltip,*/ .popup-content, #popup-close, .status-label, .bubble, .round-corners, a.button:not(.outlined-button,.secondary-button, .primary-button), .document, .rc, .po-menu, .input-file { /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } a.block { display: block; float: right; } .reg-trans { /* CSS TRANSITION */ -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; } .line-height { line-height: 30px; } button, header input[type="text"]:not(.not-h), input[type="submit"], a.button:not(.secondary-button, .outlined-button, .primary-button), .input-file { height: 30px; line-height: 30px; } button, header input[type="text"]:not(.not-h), input[type="submit"], .srch, a.button:not(.outlined-button,.secondary-button, .primary-button), .input-file { padding: 0 8px; } button, input[type="submit"], a.button:not(.outlined-button,.secondary-button, .primary-button), .input-file { border: 0; } input[type="checkbox"], li:not(.no-relative) { position: relative; } .p-copy-price.hide, .hide, .tagit-hiddenSelect, #data #reason { display: none; } .show { display: block !important; } #wrapper, header, footer, #container, .content, ul.content > li > form > div, ul.content > li > div, .form, .form > li, ul.lines, ul.tags, .popup footer, .popup .select-list, textarea, .product, .full-w, .box > div, .box-titles, .buttons-group, .bubble footer, form, .bubble > div, .bubble > form > div, .bubble-line, .bubble-lines, table, .document footer, .fw { /* WIDTH 100% */ width: 100%; } header#top, header#sub { border-bottom: 1px solid var(--Main-Stroke); } header#top { height: 79px; z-index: 1001; background-color: var(--BG); } header#top .header-right-section { padding: 0 24px; } header#top .header-right-section .header-title { color: var(--Primary); font-size: 17px; font-weight: 600; } header#top #top-left { width: 333px; padding: 0 24px; box-sizing: border-box; height: 100%; border-right: 1px solid var(--Main-Stroke); } header#top #top-left .account-actions .open-user-menu-button { height: 40px; width: 40px; padding: 0px; background-color: transparent; box-shadow: unset !important; border: unset; min-width: unset; } header#top #top-left .account-actions .operator-image { height: 40px; width: 40px; object-fit: cover; border-radius: 100%; object-position: center center; } header#top #top-left .account-actions { gap: 16px; width: 100%; } header#top #top-left .account-actions .account-data { gap: 6px; } header#top #top-left .account-actions .account-data .account-name { font-size: 16px; color: var(--Text); } header#top #top-left .account-actions .account-data .account-email { font-size: 12px; color: var(--Secondary); border-radius: 4px; background: rgba(61, 67, 76, 0.10); padding: 3px 6px; width: fit-content; } header#sub { padding: 9px 30px 0; position: inherit; z-index: 1000; } #logo { width: 159px; height: 59px; transform: scale(0.52,0.52) } #top-left { } #search-cont > form, #search-cont > form > input { float: right; } #search { width: 400px; /* ROUND CORNERS - RIGHT SIDE */ -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #search, .srch, .search-sugg { border: 1px solid #cccccc; } #search-cont { gap: 16px; } #search-cont button.search-cont-view-toggle { height: 40px; width: 40px; padding: 0px; background-color: transparent; box-shadow: unset !important; border: unset; min-width: unset; } #search-cont button.search-cont-view-toggle:hover svg * { color: var(--Primary); stroke: var(--Primary); } #search-cont .search-cont-form-wrapper form { display: flex; align-items: center; } #search-cont .search-cont-form-wrapper form #search { height: 40px; line-height: 40px; width: 280px; border-radius: 0px 6px 6px 0px; border: 1px solid var(--Main-Stroke); background: var(--white, #FFF); font-size: 15px; padding: 0 16px 0 36px; position: relative; } #search-cont .search-cont-form-wrapper form #search:hover { border-color: var(--Grey); } #search-cont .search-cont-form-wrapper form #search:focus { border-color: var(--Secondary); } #search-cont .search-cont-form-wrapper form .clear-search-button { height: 40px; width: 40px; padding: 0px; background-color: transparent; box-shadow: unset !important; border: unset; min-width: unset; position: absolute; z-index: 1; left: 40px; } #search-cont .search-cont-form-wrapper form.has-value .clear-search-button { display: flex; align-items: center; justify-content: center; } #search-cont .search-cont-form-wrapper form .search-submit-button { height: 40px; width: 40px; background-color: var(--Secondary); border-radius: 6px 0 0 6px; box-shadow: unset !important; border: unset; padding: 0px; min-width: unset; } #search-cont .search-cont-form-wrapper form .search-submit-button svg * { color: var(--White); stroke: var(--White); } #column-r li.tagit-choice > i, #search + input[type="submit"], ul.tags:not(.files) > li > i { /* ROUND CORNERS - LEFT SIDE */ -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #column-r li.tagit-choice > i { position: absolute; top: -1px; left: -3px; } #search + input[type="submit"] { width: 60px; } .srch { background: url(images/magnifier-srch.png) 8px 6px no-repeat; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } .search-sugg, button.more + ul, a.button.more + ul, #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont):not(#cdd-left-m-top), #cat-dd + ul > li > a { padding: 3px 0 5px; } .search-sugg { width: 588px; background-color: #FFF; margin-top: -1px; display: none; } .search-sugg > li { width: 100%; float: right; padding: 5px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .search-sugg > li:hover { background-color: #f1f1f1; } .search-sugg > li:hover .avatar { border-color: #cfcfcf; background-position: -132px -59px; } .search-sugg > li:hover .avatar.org { background-position: -276px -59px; } .search-sugg > li:hover .avatar.org.muni { background-position: -204px -59px; } .avatar { width: 26px; height: 26px; /* CIRCLE */ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .avatar.ava-big { width: 40px; height: 40px; border-width: 5px; } .avatar.ava-grey { background: url(images/main_common.png) -96px -59px; border-color: #e7e7e7; } .avatar.org + div .name { line-height: 30px; } .avatar.org { background-position: -240px -59px; } .avatar.org.muni { background-position: -168px -59px; } .user .avatar { background-position: 0 -169px; } #top-left .avatar { position: relative; /* CSS TRANSITION */ -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; } #top-left li.avatar:hover { width: 30px; height: 30px; background-position: -58px -57px; cursor: pointer; } #tl-user-btns { float: left; margin-right: 20px; } #settings { background: url(images/main_common.png) 0 -89px; } #notifications { /* REMOVE WHEN NOTIFICATIONS ARE AVAILABLE FOR USER */ display: none; } #apps { background: url(images/main_common.png) -64px -89px; } .ico32 { width: 32px; height: 32px; } .ico32.ico-btn { float: none; top: -2px; } .ico32.delete { background: url(images/main_common.png) -160px -89px; } .ico32.excel { background: url(images/main_common.png) -896px -89px; } .ico32.new { background: url(images/main_common.png) -192px -89px; } .ico32.new-doc { background: url(images/main_common.png) -96px -89px; } .ico32.new-tag { background: url(images/main_common.png) -128px -89px; } .ico32.doc { background: url(images/main_common.png) -224px -89px; } .ico32.doc-light { background: url(images/main_common.png) -288px -89px; } .ico32.doc-preview { background: url(images/main_common.png) -320px -89px; } .ico32.doc-accepted { background: url(images/main_common.png) -256px -89px; } .ico32.doc-done { background: url(images/main_common.png) -352px -89px; } .ico32.doc-draft { background: url(images/main_common.png) -384px -89px; } .ico32.doc-compare { background: url(images/main_common.png) -576px -89px; } .ico32.doc-duplicate { background: url(images/main_common.png) -640px -89px; } .ico32.catalogue { background: url(images/main_common.png) -416px -89px; } .ico32.add-line { background: url(images/main_common.png) -448px -89px; } .ico32.new-contact { background: url(images/main_common.png) -480px -89px; } .ico32.op-remarks { background: url(images/main_common.png) -640px -57px; } .ico32.new-rule { background: url(images/main_common.png) -512px -89px; } .ico32.cart { background: url(images/main_common.png) -544px -89px; } .ico32.download { background: url(images/main_common.png) -608px -89px; } .ico32.email { background: url(images/main_common.png) -672px -89px; } .ico32.add-bank { background: url(images/main_common.png) -704px -89px; } .ico32.edit { background: url(images/main_common.png) -736px -89px; } .ico32.deny { background: url(images/main_common.png) -768px -89px; } .ico32.accept { background: url(images/main_common.png) -800px -89px; } .ico32.cancel { background: url(images/main_common.png) -832px -89px; } .ico32.attachment { background: url(images/main_common.png) -864px -89px; } .ico32.change-date { background: url(images/main_common.png) -1088px -89px; } .ico32.doc-save-tmpl { background: url(images/main_common.png) -576px -57px; } .ico32.doc-guide { background: url(images/main_common.png) -608px -57px; } .ico32.delete-little-ico { width: 28px; height: 28px; opacity: 0.6; top: 2px; background: url(images/main_common.png) 0 -209px; } .ico32.delete-little-ico:hover { opacity: 1; } .ico32.doc-orange { background: url(images/main_common.png) -428px -45px; } .ico32.doc-green-approved { background: url(images/main_common.png) -460px -45px; } .ico32.system { background: url(images/main_common.png) -364px -45px; border-radius: 50%; background-color: #4aadec; } .ico32.personal { background: url(images/main_common.png) -396px -45px; border-radius: 50%; background-color: #f48e3c; } .ico32.doc-purple { background: url(images/main_common.png) -492px -45px; } .ico32.dbl { background: url(images/main_common.png) -928px -89px; } .ico32.one { background: url(images/main_common.png) -960px -89px; } .ico32.doc-pdf-grey-bg { background: url(images/main_common.png) -1024px -89px; } .ico32.accept-delivery { background: url(images/main_common.png) -1056px -89px; } .ico32.add-comm { background: url(images/main_common.png) -1120px -89px; } .ico32.add-comm.remove { background: url(images/main_common.png) -1152px -89px; } #cat-dd { cursor: pointer; height: 24px; display: inline-block; overflow: hidden; padding-left: 13px; font-size: 19px; background: url(images/arw-dd.png) left top no-repeat; position: relative; top: 1px; text-overflow: ellipsis; /* There might be an issue with very long texts! */ } #cat-dd:hover { color: #000000; background-position: left -22px; } a.button:not(.secondary-button,.outlined-button, .primary-button) { display: inline-block; text-align: center; } .button.btn-big-i { overflow: visible; } .button.btn-big-i .ico32 { margin: -7px -6px 0 5px; } button:not(.disabled), a.button:not(.disabled), .input-file:not(.disabled) { -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; } #add-auth.has-sub-m { overflow: visible; line-height: 30px; } button.more > span, a.button.more > span, span.order { padding-left: 11px; background: url(images/arw-dd.png) left -26px no-repeat; display: inline-block; } button.more > span, a.button.more > span { line-height: 130%; } #sub-h-cont, #sub-h-cont > li, .title-buttons, .title-buttons > li { float: left; } #sub-h-cont { position: relative; z-index: 10; } #sub-h-cont .show span { line-height: 20px; } #sub-h-cont li a { /* TRANSITION */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #cdd-left-m > li:first-child, #cdd-left-m-top > li:first-child, .buttons-group > li:first-child { margin-right: 0; } #column-r { height: 100%; width: 222px; padding: 20px 0 20px 0; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid var(--Main-Stroke); } #nav { width: 125px; color: #000000; overflow-y: auto; overflow-x: hidden; padding: 0 30px; } #nav li, .select-list li, ul.reg li { float: right; clear: both; } #nav li { padding: 5px 0; } #nav li a, .select-list li a { color: #000000; } #nav > li.contains li { margin-right: 11px; } #nav input { width: calc(100% - 16px - 16px - 8px - 12px); height: 28px; line-height: 20px; margin: -2px 0 0 0; padding: 4px 8px; border-radius: 6px; } #nav input:focus, #nav input:hover { border-color: var(--Primary); } .contains ul { margin: 8px 0 10px; } .contains > span, .contains > form > span, .select-list .contains > label { position: relative; float: right; } .contains > span, .contains > form > span { background-position: right -28px; right: -14px; padding-right: 14px; } .contains.open { margin-top: 10px; } .contains.open > span, .contains.open > form > span { background-position: right -53px; } .select-list .contains.open > label { background-position: left -51px; } #content { /* Change */ overflow-y: auto; overflow-x: hidden; float: none; } #content.table-list { margin-top: 2px; } #content.no-l-col { padding-left: 30px; margin: 0; } #user-details #edit-doc form label, .tcol #content { margin-left: 0; } #column-l:not(.categories-list-menu-container) { width: 365px; border-right: 1px solid #e5e5e5; padding: 14px 0 18px 0; float: left; position: absolute; top: 0; left: 0; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #column-l.has-h3 h2 { font-size: 16px; font-weight: normal; border: none; color: #777; margin-top: -4px; margin-bottom: 12px; } #column-l .card input[type="radio"], .radio-button input { margin: 9px 0 0 3px; float: right; } #column-l .hdr + .form-elems { margin-top: 35px; } #column-l .hdr .ctrl-icons, #column-l .ftr .ctrl-icons { float: left; } #column-l .ftr { padding-top: 20px; padding-bottom: 24px; } #column-l .hdr .ctrl-icons > a { opacity: 0.8; } #column-l .ftr .ctrl-icons > a { opacity: 0.7; } #column-l .hdr .ctrl-icons > a:hover, #column-l .ftr .ctrl-icons > a:hover { background-color: transparent; opacity: 1; } #column-l .hdr .ctrl-icons > a:not(:first-child), #column-l .ftr .ctrl-icons > a:not(:first-child) { margin-left: 14px; } #column-l .ctrl-icons.top-ctrl-icons { margin: 4px 8px 0; } #column-l .ctrl-icons.top-ctrl-icons:hover .holder { opacity: 1; } #column-l > form { float: none; } #container.view2.edit-document-container { flex-direction: row-reverse; } #container.view2.edit-document-container #column-l { width: fit-content; position: relative; width: 333px; gap: 24px; padding: 0; background-color: var(--BG); } #container.view2.edit-document-container #column-l > * { padding-right: 24px; padding-left: 24px; } #container.view2.edit-document-container #column-l > *:first-child { padding-top: 24px; } #container.view2.edit-document-container #column-l > *:last-child { padding-bottom: 24px; } #container.view2.edit-document-container #column-l h2 { width: 100%; box-sizing: border-box; } #container.view2.edit-document-container #content { flex: 1 1 auto; } #container.view2.edit-document-container #content .document { width: 100%; margin: 0; padding: 0 24px 20px; background-color: var(--BG); border: unset; border-radius: unset; } #container.view2.edit-document-container #content .single-view-document-wrapper .document { padding: 0; } #container.view2.edit-document-container #content .single-view-document-wrapper .document:not(#user-details) { max-width: 753px; } #container.view2.edit-document-container #content .document .pqinfo-wrapper { gap: 24px; width: 100%; } #container.view2.edit-document-container #content .document .pqinfo-wrapper #products .new-product-selection-wrapper { gap: 8px; } #container.view2.edit-document-container #content .document .pqinfo-wrapper #products .new-product-selection-wrapper #th-cat { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } #container.view2.edit-document-container #content .document .pqinfo-wrapper #products .new-product-selection-wrapper #th-cat:hover svg * { color: var(--Text-2); stroke: var(--Text-2); } #container.view2.edit-document-container #content .document .pqinfo-wrapper #products tr:first-child td:last-child { gap: 16px; } #container.view2.edit-document-container #content .document .pqinfo-wrapper .customer-details { gap: 12px; } #container.view2.edit-document-container #content .document .pqinfo-wrapper .pqInfo { border: unset; padding: 0; } #container.view2.edit-document-container #content .document-actions { width: fit-content; gap: 16px; } #container.view2.edit-document-container #content .bottom-document-actions { padding: 0 24px 24px; width: 100%; box-sizing: border-box; } #container.view2.edit-document-container #content .document-actions .response-buttons, #container.view2.edit-document-container #content .edit-request-buttons { gap: 16px; } #container.view2.edit-document-container #content .document header { padding: 20px 0; } #container.view2.edit-document-container #content .document-actions #sub-h-cont { height: 40px; } #container.view2.edit-document-container #content .document .document-actions #sub-h-cont li { margin: 0; } #container.view2.edit-document-container #content .document-actions #cdd-left-m.doc { width: unset; margin: 0; padding: 0; } #container.view2.edit-document-container #content .document-actions #cdd-left-m.doc > li { margin: 0; } #container.view2.edit-document-container #content .document .price-quote-general-info { gap: 16px; } #container.view2.edit-document-container #content .document .price-quote-general-info .price-quote-number-wrapper { gap: 8px; } #history-cont { width: 100%; height: fit-content; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #history-cont #supplier-history { gap: 16px; } #history-cont #supplier-history .previous-price-quote-empty-template { height: 100%; background-color: var(--White); border-radius: 0px 0px 6px 6px; border: 1px solid var(--Main-Stroke); box-sizing: border-box; gap: 40px; padding: 24px; } #history-cont #supplier-history .previous-price-quote-empty-template .body-1-text { text-align: center; } #container:not(.view2) .grey-bg h2, #container:not(.view2) #column-l h3 { border-bottom: 1px solid #ccc; } #container:not(.view2) #column-l.grey-bg.has-h3 > h2 { border-bottom: none; } .document .sums-smmry td { text-align: right; padding-top: 8px; padding-bottom: 8px; line-height: 32px; } .document .sums-smmry td.lbl.body-1-text { padding-right: 0; } .document .sums-smmry, .document .sums-smmry tr { border: none; } .document .sums-smmry .lbl:after { content: ':'; } .document .fixed { white-space: nowrap; } .document .fixed .amount { width: 62px; margin-left: 5px; float: right; } .document .editable .price { text-align: right; } .document .editable .fixed { padding-left: 26px; } .document .vat { white-space: nowrap; } #patterns-pq > li, #history > li, #history .h-i, .sngl-crd .card, .search-sugg, button.more + ul, a.button.more + ul, #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont), .po-menu { /* BOX SHADOW */ -webkit-box-shadow: 0px 1px 3px 1px #d3d3d3; box-shadow: 0px 1px 3px 1px #d3d3d3; } #patterns-pq > li, #history > li, #history .h-i, .sngl-crd .card { width: 321px; } #patterns-pq > li, #history > li, #history .h-i { background-color: #FFF; margin-top: 20px; padding: 11px 11px 15px; float: right; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#history { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #if-big-height, #if-height, .document .sums-smmry td#disper, #history .h-i, .sngl-crd .card { width: 100%; } .card table, .card tfoot, .h-i tfoot { border-top: 1px solid #E5E5E5; } .sngl-crd .card table, .sngl-crd .card tfoot, .sngl-crd .h-i tfoot, .cont-cards .card table, .cont-cards .card tfoot, .cont-cards .h-i tfoot { border-top: none; } .sngl-crd .card tbody td { padding-top: 3px; padding-bottom: 3px; vertical-align: top; } .sngl-crd .card tbody > tr:first-child > td { padding-top: 5px; } #patterns-pq, #history, .sngl-crd { float: none; } #patterns-pq > li:last-child, #patterns-pq > .h-i:last-child, #history > li:last-child, #history > .h-i:last-child:not(.card) { margin-bottom: 3px; } #patterns-pq > li > div, #history > li > div { width: 100%; } #patterns-pq .name, #history .name, .search-sugg .name, .cont-cards .top .name { font-weight: bold; font-size: 14px; } .search-sugg .name + span { font-size: 12px; } #history .avatar + div > span, .search-sugg .avatar + div > span, .h-i .date { display: block; clear: both; } .search-sugg .avatar, .h-i .ico32, .cont-cards .card .top .ico32 { margin-left: 12px; } ##patterns-pq .name, #history .name, .cont-cards .top .name { line-height: 14px; margin: 1px 0 2px; } .cont-cards .top .ico32 + div { max-width: 59%; } .cont-cards .top .name { overflow: hidden; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; display: inline-block; float: right; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #patterns-pq .action, #history .action { border-top: 1px solid #efefef; margin-top: 12px; padding: 8px 0 0; } #history .h-i .b-d { width: 180px; } .ico { display: inline-block; position: relative; } .ico16 { width: 16px; height: 16px; margin-left: 6px; top: 1px; } .ico16.empty { background: none; } .ico16.contact { background: url(images/main_common.png) 0 -121px; } .ico16.doc { background: url(images/main_common.png) -16px -121px; } .ico16.doc-view { background: url(images/main_common.png) -153px -121px; } .ico16.doc-duplicate { background: url(images/main_common.png) -297px -121px; } .ico16.doc-go { background: url(images/main_common.png) -329px -121px; } .ico16.doc-paying { background: url(images/main_common.png) -537px -121px; } .ico16.delete { background: url(images/main_common.png) -32px -121px; } .ico16.user { background: url(images/main_common.png) -48px -121px; } .ico16.email { background: url(images/main_common.png) -64px -121px; } .ico16.download { background: url(images/main_common.png) -137px -121px; } .ico16.deny { background: url(images/main_common.png) -169px -121px; } .ico16.accept { background: url(images/main_common.png) -185px -121px; } .ico16.cancel { background: url(images/main_common.png) -201px -121px; } .ico16.edit { background: url(images/main_common.png) -217px -121px; } .ico16.rule { background: url(images/main_common.png) -281px -121px; } .ico16.tag { background: url(images/main_common.png) -345px -121px; } .ico16.note { background: url(images/main_common.png) -601px -121px; } .ico16.bring { background: url(images/main_common.png) -825px -121px; } .ico16.approvals { background: url(images/main_common.png) -841px -121px; } .ico16.approvals-set { background: url(images/main_common.png) -857px -121px; } .ico16.attachment { background: url(images/main_common.png) -873px -121px; } .ico16.save { background: url(images/main_common.png) -905px -121px; } .ico16.cancel { background: url(images/main_common.png) -921px -121px; } .ico16.full-accepted { background: url(images/main_common.png) -1001px -121px no-repeat; } .hdr .ico16.save { background: url(images/main_common.png) -905px -137px; } .hdr .ico16.cancel { background: url(images/main_common.png) -921px -137px; } .lines .ico16.attachment { position: relative; margin: 0 6px; } .contacts .ico16.email { display: none; } .contacts .ico16.email.default-e { display: inline-block; } body.no-r-menu .content { padding-right: 6px; padding-left: 30px; } body.no-r-menu #cat-dd { overflow: visible; max-width: initial; } .form { width: 100%; } .form > li:first-child { margin-top: 0; } .form label { float: right; } .form-image .form label { width: 30%; } input[type="text"], input[type="password"], select, textarea { border: 1px solid #e5e5e5; } label, span.label { line-height: 30px; } option { padding: 6px 9px 0; } option:not(:last-child) { border-bottom: 1px solid #e5e5e5; } .form select { padding: 0; } input[type="text"]:hover, input[type="password"]:hover, select:hover, .form > li:hover input, .form > li:hover select, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, button:focus, a.button:focus, #search:focus { border-color: #444444; } a:focus { font-weight: 600; } button:not(.nav-item-button,.disabled, :disabled):active:not(.clear-filter), input[type="submit"]:active, .input-file:active { /* BOX SHADOW */ -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); } #edit-doc .form-image .form .i-holder { width: 56%; } .form-image .form .i-holder { width: 66%; } .lines a:focus { background-color: transparent; font-weight: bold; } li.contacts .lines > li > span, li.contracts .lines > li > span, li.price-quotes .lines > li > span { float: right; } .requests ul.lines > li.empty { border-top: 1px dashed #cccccc; margin-top: 0; } .empty.big { line-height: 44px; padding: 0; margin-top: 20px !important; margin-right: 14px; } ul.lines > li.empty.red, div.empty.red { border-color: #FFF; color: #FFF; font-weight: bold; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } ul.lines > li.empty.red:hover, div.empty.red:hover { color: #FFF; } div.empty.red { padding: 6px; margin-bottom: 15px; } #image-uploader { width: 128px; height: 128px; border-radius: 6px; border: 1px dashed var(--Grey); gap: 8px; padding: 16px; box-sizing: border-box; cursor: pointer; } #image-uploader .edit-icon { background: url(images/blue-pencil.svg) center center no-repeat; width: 21px; height: 21px; position: absolute; right: 4px; bottom: 4px; display: none; } #image-uploader:hover { border-color: var(--Primary); } #image-uploader.has-image > *:not(.edit-icon) { display: none; } #image-uploader.has-image:hover .edit-icon { display: inline-block; } #image-uploader > i { height: 20px; width: 20px; background: url(images/photo.svg) center center no-repeat; background-size: contain; } #flat-image-uploader { height: 56px; width: 100%; border-radius: 6px; border: 1px dashed var(--Grey); padding: 16px; box-sizing: border-box; cursor: pointer; background-color: var(--BG); } #flat-image-uploader .upload-file-preview, #flat-image-uploader .uploaded-file-description .uploaded-file-details { gap: 8px; pointer-events: none; } #flat-image-uploader .uploaded-file-description .uploaded-file-details svg * { color: var(--Secondary); stroke: var(--Secondary); } #flat-image-uploader:hover { border-color: var(--Primary); } #flat-image-uploader .remove-file-button:focus { box-shadow: unset; } ul.lines > li, ul.lines > li > a, ul.lines > li > div, ul.lines span.list-cb { float: right; } .requests.simple-list ul.lines > li > a:not(.outlined-button,.w-180p), .requests.simple-list ul.lines > li > div:not(.empty,.w-auto) { width: 70%; } .requests.orders ul.lines > li > a, .requests.orders ul.lines > li > div { width: 78%; } ul.lines > li > a, ul.lines > li > a label, button, .pointer, .input-file, .tags i.delete, .tags i.close, #patterns-pq .show-more { cursor: pointer; } ul.lines > li > a:not(.outlined-button) { display: block; } ul.lines > li > a, ul.lines > li > a:visited { color: #777; } .tags input { height: 20px; } ul.lines label, ul.lines span { display: inline-block; } ul.lines > li > label, ul.lines > li > div > label { font-weight: bold; } .contracts ul.lines > li > label, ul.lines > li > label { width: 27%; } .footers ul.lines > li > label { width: 80%; } .footers ul.lines > li > label > span { display: block; width: 100%; } .footers ul.lines > li > label > p { font-weight: normal; } ul.lines > li > a > .lbl, ul.lines > li > div > label { width: 28%; } ul.lines > li > a > span.date, ul.lines > li > div > span.date { width: 14%; } ul.lines > li > a > span.address, ul.lines > li > div > span.address { width: 31%; } .contacts ul.lines > li > label, .contacts ul.lines > li > a > .lbl, .price-quotes ul.lines > li > a > label { width: 27%; } .contacts ul.lines > li > label, .contracts ul.lines > li > label { float: right; } .bank-accounts ul.lines > li > label { width: 41%; } .contracts span.dates-range { width: 45%; } .contracts span.users { width: 15%; } .contracts span.children { width: 7%; } .bank-accounts ul.lines > li > span { width: 45%; } .bank-accounts ul.lines > li img { width: 32px; height: 32px; float: right; margin-left: 13px; } .bank-accounts ul.lines > li > label, .bank-accounts ul.lines > li > span { float: right; line-height: 30px; } .bank-accounts ul.ctrl-icons { padding: 6px 0 0 5px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* Must be UTF-8 */ .contracts span.users:before { content: '???????: '; } /* Must be UTF-8 */ .contracts span.children:before { content: '????: '; } ul.lines > li > label > span, ul.lines > li > a > .lbl > span, ul.lines > li > div > label > span, ul.lines span.email > a { float: right; margin-left: 7px; } ul.lines label > span:not(.bubble footer span) { margin-right: 2px; } ul.lines span.phone { width: 14%; min-height: 1px; } ul.lines span.email { width: 41%; } ul.lines .ctrl-icons:not(.table-item) { float: left; width: 14%; } .ctrl-icons:not(.sup-history) { position: relative; top: -2px; } .ctrl-icons:not(.sup-history) .holder, .ctrl-icons:not(.sup-history) > li > .ico16 { opacity: 0.25; } .requests.simple-list li.selected .ctrl-icons { left: 20px; } .ctrl-icons > li, .ctrl-icons > a { float: left; margin-left: 6px; padding: 3px 4px 5px; cursor: pointer; } .ctrl-icons > li:first-child, .ctrl-icons > a:first-child { float: left; margin-left: 0; } .ctrl-icons > li > i, .ctrl-icons > a > i { margin: 0 auto; } ul.lines > li { width: 100%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.lines.no-links > li { padding: 6px 0 7px; } ul.lines > li:hover .bubble, ul.lines > li:hover .bubble label { color: #777777; } ul.lines > li:hover .ctrl-icons .holder, ul.lines > li:hover .ctrl-icons .ico16, .product > li:hover .ctrl-icons .holder, .product > li:hover .ctrl-icons > li > .ico16, .card tr:hover .ctrl-icons .ico16 { opacity: 1; } .contacts ul.lines > li:hover .ico16.email:not(.default-e) { display: inline-block; opacity: .3; } .contacts ul.lines > li .ico16.email:not(.default-e):hover { opacity: 1; } ul.lines span.email > a:hover, ul.lines a a:hover { border-color: transparent; } .link:hover, a.link:hover { border-color: transparent; } .start-date:before { content: '- '; margin-right: 4px; font-weight: normal; } ul.tags.files li.di { border-radius: 100px; border: 1px solid var(--Main-Stroke); background: var(--White); display: inline-flex; height: 32px; padding: 0px 12px 0px 16px; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; position: relative; } #column-r li.tagit-choice { width: 90%; } #column-r li.tagit-choice > span { display: inline-block; padding: 1px 8px 3px; color: #3c581b; } #column-r li.tagit-choice > span { padding-left: 14px; padding-top: 0; } #column-r li.tagit-choice > i { width: 22px; height: 22px; float: left; background: url(images/main_common.png) -32px -137px; } #column-r li.tagit-choice > i:hover { background-position: -54px -137px; } button.more + ul, a.button.more + ul, #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont), .po-menu { display: none; background-color: #FFF; z-index: 1000; } button.more + ul, a.button.more + ul { position: absolute; top: 30px; left: 0; } button.more + ul > li, a.button.more + ul > li, #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont) > li { padding: 3px 10px 5px; white-space: nowrap; } button.more + ul > li:hover, a.button.more + ul > li:hover, #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont) > li:hover { background-color: #f1f1f1; } *:focus { outline: none; } .full-size { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .darkness { background-color: #000; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .popup { z-index: 10000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .popup-wrap { float: none; margin: 10% auto 0; } .summary .row { margin-bottom: 0; align-items: center; } .popup-content { /* BOX SHADOW */ -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); } .popup-content.lonely { /* BOX SHADOW */ width: 350px; position: absolute; top: 100px; left: 0; right: 0; margin: auto; padding-bottom: 10px; text-align: center; float: none; } .popup-content.lonely footer { text-align: center; margin-top: 20px; } .popup-content.lonely h1 { text-align: center; } .bubble { /* BOX SHADOW */ -webkit-box-shadow: 0px 1px 13px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 13px 3px rgba(0, 0, 0, 0.2); } .bubble:not(.approval-comment):before, .po-menu:before { /* Triangle of bubble */ content: " "; width: 14px; height: 9px; position: absolute; left: 30px; } #confirm-dialog.bubble.one-line:before { top: -9px; } #PQList #confirm-dialog.bubble.one-line:before { left: 13px; } .bubble.two-lines:before { /* Triangle of bubble */ top: 162px; } .bubble.edit-product:before { /* Triangle of bubble */ top: 160px; } .popup-content { min-width: 300px; min-height: 150px; background-color: #FFF; padding: 20px 24px 72px; text-align: right; overflow: hidden; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #select-category, #select-category > .popup-content { width: 500px; } #product-catalogue, #product-catalogue > .popup-content { width: 700px; } #product-catalogue .cats > .select-list { height: 300px; } #product-catalogue li.selected > a > label:not(.subheading-1-text) { font-weight: bold; } .popup.two-cols #product-catalogue form > .col { width: 326px; } #popup-close { cursor: pointer; } #popup-close:hover { background: var(--Primary-light); } .select-list ul, .select-list li { width: 100%; float: right; } .select-list input[type="checkbox"] { float: right; margin: 2px 0 0 8px; } .select-list .contains ul { padding-right: 11px; } .popup div > .select-list, #prdcntbc { height: 300px; max-height: 300px; overflow-y: auto; overflow-x: hidden; } #cdd-left-m, #cdd-left-m-top { gap: 16px; } #cdd-left-m.doc { text-align: left; padding-right: 20px; margin-right: 18px; } #cdd-left-m.doc > li { float: left; margin-right: 16px; } #cdd-left-m > li, .buttons-group > li { float: right; } button input[type="checkbox"], a.button input[type="checkbox"] { margin: 0 6px; top: 2px; } #content ul.requests > li { padding-bottom: 0; } ul.requests { float: none; } ul.requests > li > ul:first-child { gap: 12px; padding-bottom: 24px; } ul.requests > li > ul.nolines { margin-top: 18px; } ul.requests span.list-cb > input { margin: 13px 23px 0 0; } ul.requests span.list-cbs:not(.cb-item-table) { width: 6%; } ul.requests span.list-cb .cb-holder { margin-top: 10px; } ul.requests.ml span.list-cb, .lines #li-titles span.list-cb { width: 11%; } ul.requests.ml a, ul.requests.ml .lines > li > div { width: 89%; } ul.requests span.sl-cont { width: 8%; } ul.requests.price-quotes-list span.sl-cont { float: right; } .requests.price-quotes-list .lbl .ico32.doc-light { top: -5px; } ul.requests.orders span.sl-cont { width: 17%; position: relative; top: -2px; } ul.requests label, ul.requests .lbl { width: 25%; } ul.requests .date { width: 12%; } ul.requests .sn { width: 18%; text-align: left; } .status-label { color: #FFF; height: 24px; padding: 0px 12px; border: 1px solid transparent; line-height: 16px; border-radius: 6px; width: fit-content; font-size: 12px; position: relative; } .status-label.new-status-label::after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; transform: translate(50%,-50%); height: 8px; width: 8px; background-color: var(--Primary); border-radius: 100%; } .s-waitingforsignature, .s-waitingforsignin { background-color: var(--Red-10-Percent-Visibility); color: var(--Red); } .s-future, .s-completed { background-color: var(--Green-10-Percent-Visibility); color: var(--Green); } .s-open, .s-in-process, .s-active, .s-waitingfordecision { background-color: var(--Primary-10-Percent-Visibility); color: var(--Primary); } .s-marked, .s-in-process { background-color: #6ba244; } .s-late { background-color: #d075e0; } .s-sent, .s-accepted { background-color: #80b758; } .s-draft, .s-canceled, .s-ended, .s-closed, .s-template, .s-admintemplate, .s-contact-committee-member { background-color: var(--Secondary-10-Percent-Visibility); color: var(--Secondary); } .s-partly { background-color: #e3b103; } .s-delivered { background-color: #58afb7; } .s-pending { background-color: #806fff; } .s-pending-me { background-color: #33b690; } .s-updated { background-color: #ce8544; } .s-fixed { background-color: #48c0ab; } .s-orders { background-color: #d271bf; } .s-requirements { background-color: #e9901c; } .s-price-quotes { background-color: #87a3a5; } .s-PendingForConfirmationProgress { background-color: #ce8c63; } .s-PendingMeForConfirmationProgress { background-color: #c4c219; } .s-open i { background: url(images/main_common.png) -121px -121px; } .s-marked i { background: url(images/main_common.png) -88px -121px; } .s-closed i { background: url(images/main_common.png) -265px -121px; } .s-sent i, .s-delivered i { background: url(images/main_common.png) -89px -121px; } .s-locked i { background: url(images/main_common.png) -105px -121px; } .s-active i { background: url(images/main_common.png) -233px -121px; } .s-in-process i { background: url(images/main_common.png) -249px -121px; } .s-draft i { background: url(images/main_common.png) -313px -121px; } .s-partly i { background: url(images/main_common.png) -393px -121px; } .s-late i { background: url(images/main_common.png) -409px -121px; } .s-accepted i { background: url(images/main_common.png) -425px -121px; } .s-pending i { background: url(images/main_common.png) -441px -121px; } .s-denied i { background: url(images/main_common.png) -457px -121px; } .s-canceled i { background: url(images/main_common.png) -473px -121px; } .s-pending-me i { background: url(images/main_common.png) -777px -137px; } .s-PendingForConfirmationProgress i { background: url(images/main_common.png) -1017px -121px; } .s-PendingMeForConfirmationProgress i { background: url(images/main_common.png) -1017px -121px; } .s-updated i { background: url(images/main_common.png) -937px -137px; } .s-fixed i { background: url(images/main_common.png) -953px -137px; } .s-orders i { background: url(images/main_common.png) -553px -137px; } .s-requirements i { background: url(images/main_common.png) -553px -137px; } .s-price-quotes i { background: url(images/main_common.png) -553px -137px; } i.m-sent, .ico16.done { background: url(images/main_common.png) -89px -137px; } .l-s .lines > li:not(.big-title) { border-top: 1px solid #efefef; } .l-s .lines > li.selected, .rows .row.selected { background-color: #f1f1f1; border-color: #e5e5e5; } .l-s .lines > li.selected .sn { padding-left: 23px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } label .ico32 { top: -8px; } .requests.orders label, .requests.orders .lbl { position: relative; top: 16px; } .num { font-size: 14px; } ul.requests.orders label, ul.requests.orders .lbl { width: 35%; } ul.requests.orders .lbl { top: 0; } ul.requests.orders .auth { width: 25%; } ul.requests.orders .date { width: 12%; } ul.requests.orders .price { width: auto; } ul.requests.orders .ctrl-icons { width: 15%; top: 13px; margin-left: 15px; } ul.requests.orders .l-s .lines > li > a, ul.requests.orders .l-s .lines > li > div { padding: 0; } ul.requests.orders .l-s .lines > li > a { padding: 13px 0 0 0; } ul.requests.orders .l-s .lines > li > a > span { vertical-align: top; } ul.requests.orders li.l-s .lines > li { padding: 1px 11px 20px; } ul.requests.orders li.selected .ctrl-icons > li:first-child { margin-left: 20px; } ul.requests.orders li.selected .ctrl-icons > li:hover { background-color: #FFF; } .form label, .form div.label-size { width: 23%; display: inline-block; margin-left: 4%; } .form div.label-size { padding-top: 6px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .form label, .form div.label-size.no-margin { width: 27%; max-width: 220px; margin-left: 0; } .form .i-holder { width: 73%; } .i-holder.number:not(.ih-nw) { width: 10%; } .buttons-group { clear: both; } .buttons-group.bottom { margin-top: 14px; } textarea.big-reg { min-width: 100%; max-width: 100%; height: 120px; min-height: 120px; } span.b-note { float: right; margin-bottom: 17px; } h1 + .i-holder { margin-top: -8px; } .box { padding: 16px 20px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .box-amount, .price-total-cont { margin: 0 20px; } .box .i-holder.iproduct, .product .box-titles > span:nth-child(1), .product > li:not(.titles) > span:nth-child(1), .prdct-summ .spacer { width: 32%; } .product.no-price .box .iproduct, .product.no-price textarea, .product.no-price .box-titles > span:nth-child(1), .product.no-price > li:not(.titles) > span:nth-child(1), .product.no-price .prdct-summ .spacer { width: 72%; } .product { margin-top: -7px; } .product textarea, .product button, .product a.button { float: right; } .product textarea { height: 60px; margin-top: 16px; } .product .i-holder + button, .product .i-holder + a.button { margin: 46px 20px 0 0; } .box-titles { padding: 0 20px; margin: 0 0 10px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .product .box-titles > span { display: inline-block; margin-left: 20px; } .product .box-titles > span:nth-child(1) { display: inline-block; } .product > li { width: 100%; float: right; } .product > li:not(.titles) { padding: 16px 20px; border-top: 1px solid #e5e5e5; line-height: 30px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .product .titles .box { line-height: 30px; } .product > li.titles + li { border-top: 0; } .product > li:not(.titles) > span, .product > li:not(.titles) .qan { margin-left: 20px; } .product > li:not(.titles) > span:nth-child(2) { width: 11%; } .product .ctrl-icons { float: left; } .note { font-size: 11px; margin-right: 20px; clear: both; line-height: 100%; } .pi .note { /*Relevant only to the old design*/ float: right; margin: 13px 0 0; width: 100%; } .prdct { font-weight: bold; } .prdct .note, .document table .note, .document table tr td span.not-included-vat { color: var(--Text-3); font-size: 12px; font-weight: normal; } #products .prdct { float: right; } .prdct-summ { border-top: 2px dashed #e5e5e5; } .prdct-summ .c-right, .product.three-cols > li:not(.titles) > span:nth-child(2), .product.three-cols .box .box-amount, .product .box-titles > span:nth-child(2), .product.three-cols .pi .qan, #prdtscnt .box-titles .qan { width: 18%; } .price-cont, .product > li:not(.titles) > .i-holder, .product .box-titles > span:nth-child(3), #prdtscnt .box-titles .prc { width: 8%; } .price-total-cont { width: 11%; min-width: 100px; /*3 too much*/ } .prdct-summ .c-left { width: 8%; } .prdct-summ .c-left .i-holder { width: 100%; } .prdct-summ .c-right { margin-left: 20px; } .prdct-summ > ul > li { width: 100%; float: right; } .prdct-summ .spacer { height: 1px; margin-left: 20px; } .prdct-summ > ul > li > span { float: right; } .prdct-summ > ul > li > span + .i-holder { width: 77px; } .prdct-summ li { padding: 4px 0; } ul.requests.ml span.sl-cont { width: 15%; } ul.requests.ml label { width: 38%; } ul.requests.ml .address, .lines #li-titles .address { width: 33%; } ul.requests.ml .phone { width: 14%; text-align: left; } ul.requests.ml li.selected .phone { padding-left: 23px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.requests.ml .status-label { width: 68px; } #patterns-pq li.empty, #history li.empty, #column-l .empty { text-align: center; } .float-left { float: left !important; } .float-none { float: none !important; } .bubble.big-bubble { width: 630px; } .bubble-lines li:nth-child(2) { display: flex; align-items: center; justify-content: space-between; } .bubble.big-bubble.big-nc { width: 702px; } .bubble.two-lines { top: -166px; } .bubble.edit-product { top: -169px; } .bubble > div, .bubble > form > div { padding: 18px 24px 20px; } ul.bubble-line > li:first-child { margin-right: 0; } #spqemail { border-radius: 6px; background: var(--White, #FFF); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); width: 480px; } #spqemail > div { padding: 24px; } #spqemail > footer { padding: 16px; height: unset; background: unset; } #spqemail > footer .buttons { gap: 16px; } #spqemail > footer .buttons button { margin: 0; } #spqemail .bubble-line .bubble-line-li { width: 100%; } #spqemail .bubble-line .bubble-line-li label { margin: 0; } .lines label { line-height: inherit; } .bubble-line label, .bubble-line .lines label, .bubble-lines label, .bubble-lines .lines label { text-align: start; } ul.bubble-lines > li { width: 100%; margin-top: 16px; float: right; } ul.bubble-lines > li:first-child { margin-top: 0; } ul.bubble-lines .fixed-w { display: inline-block; } .edit-product .i-holder { width: 296px; } .edit-product label.fixed-w { width: 79px; } .edit-contact .bubble-line .i-holder { width: 103px; } .edit-contact .bubble-line .i-holder.email { width: 151px; } .price-quote-rules .bubble-line .i-holder { width: 83px; } input[name="email"], input[name="phone"], input.email, input.phone { text-align: left; } label > input[type="checkbox"] { top: 2px; } footer > label { display: inline-block; } .bubble > div, .bubble > form > div { /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .date-hour { width: 170px !important; } /* jQuery UI - START */ .ui-datepicker-header, .ui-datepicker-title { width: 100%; } .ui-datepicker-header .ui-datepicker-title { margin: 0; } .ui-datepicker-header a { z-index: 50; } #ui-datepicker-div { background-color: #FFF; border: 1px solid #cccccc; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } /* jQuery UI - END */ /* Error - Validations - START */ form span.etxt { display: none; } .error .input-validation-error + span.etxt { font-size: 11px; color: #fff; width: 13px; height: 13px; border-radius: 50%; position: absolute; top: 9px; left: 8px; display: inline-block; text-align: center; font-weight: bold; line-height: 12px !important; font-family: Arial, sans-serif; } .error textarea.input-validation-error + span.etxt { top: 15px; } /* Error - Validations - END */ a.holder { padding: 0; } ul.lines a.holder { border-bottom: 0; } ul.lines a.holder, a.holder > i.ico16 { margin: 0; } .full-o { opacity: 1; } .ctrl-icons a:hover { color: #777777; } .ctrl-icons .bubble:before { left: 6px; } .big-title:not(#report-title, .header-content) { margin-bottom: 22px; } .big-title#report-title { margin-bottom: -50px; } .empty-list h1, table caption, form legend { font-size: 28px; } .big-title:not(.cat-map) h1 { width: 100%; } .big-title h1 + span { position: relative; top: -22px; } .big-title.center { width: 100%; text-align: center; margin: 26px 0 10px; } #nav > li.active { font-weight: bold; font-size: 14px; right: -30px; padding-right: 22px; } ul.lines > li.empty:hover { color: inherit; } .button.disabled { cursor: default; } button.dom:disabled, a.button.dom:disabled { opacity: .4; } button:disabled > i, a.button:disabled > i { opacity: .4; } button:disabled > span, a.button:disabled > span { opacity: .5; } button:disabled:hover, a.button:disabled:hover { border: 1px solid #d9d9d9; } button:disabled:hover > i { top: -2px; } button:disabled:hover > span, a.button:disabled:hover > span { top: -2px; } button.dom:disabled:hover, a.button.dom:disabled:hover { border: 0; } button.dom:disabled > span, a.button.dom:disabled > span { text-shadow: none; } .price-range > .price-to:before { margin-right: 7px; } ul.requests.simple-list span.desc { width: 72%; } /* Must be UTF-8 */ .p-quotes:after { content: ' ????? ????'; font-weight: bold; } .r-total { background-color: #E5E5E5; margin-right: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: 5px; width: 20px; text-align: center; font-weight: bold; } .r-total.new-v { top: 3px; height: 20px; } .r-total.new-v span { margin-top: -5px; margin-left: 6px; } .requests.pq ul.lines > li > label { width: 22%; } .requests.pq .desc { width: 32%; } .requests.pq .opn { margin: 4px 0 0 0; } .view2 .requests.pq .opn { width: 100%; float: right; } .view2 .label-s { position: absolute; bottom: 5px; left: 22px; font-size: 10px; padding: 0px 4px 2px; } .requests.pq li.selected .dates-range, .requests.price-quotes-list li.selected .dates-range { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #PQList .requests .dates-range span { display: block; } .requests.orders .status-label { width: 108px; } li.split .i-holder.cdate { width: 19%; margin-left: 2px; } span.label { margin-left: 6px; } .form label span, .form div.label-size span { margin-left: 8px; top: -3px; position: relative; } .pqline .line { display: flex; } .line-left { padding-left: 10px; } .l-corner > i { float: left; } .l-corner > span { top: 6px; position: relative; font-weight: bold; font-size: 17px; } .l-corner.icon-o-l { margin-left: -3px; } .product li.titles.four-t .box-titles > span { margin: 0; } .product > li > .ctrl-icons { width: 5%; margin-top: 5px; } .product.adv > li > .ctrl-icons { width: 10%; } .product.adv > li a > ul li:not(:first-child), .product.adv li.titles .box-titles > span:not(:first-child) { text-align: center; } .product.adv > li:nth-child(2n+2) { background-color: #f1f1f1; } .product.adv > li:nth-child(2n+2) .ctrl-icons > li:hover, .lines > li.selected .ctrl-icons > li:hover { background-color: #FFF; } .product.adv > li a:not(.prev-ord), .product.adv > li > ul:not(.ctrl-icons), .product.adv li.titles { width: 90%; } .product.adv > li a ul > li, .product.adv > li > ul:not(.ctrl-icons) > li { float: right; } .product.adv > li > ul:not(.ctrl-icons) > li:not(:first-child) { text-align: center; } .product > li a ul > li:not(:first-child), .product > li > ul:not(.ctrl-icons) > li:not(:first-child), .product.adv .box-titles > span:not(:first-child) { width: 17%; } .product > li a ul > li:first-child, .product > li > ul:not(.ctrl-icons) > li:first-child, .product.adv .box-titles > span:first-child { width: 31%; } .product.adv label { font-weight: bold; font-size: 14px; } .product.adv .cb-holder { margin: 7px 0 0 9px; } .product.adv .line-2 { color: #a8a8a8; width: 100%; clear: both; font-size: 12px; margin-top: -10px; display: block; } .product.adv .line-2.address { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product.adv input[type="checkbox"] + label { width: auto; margin-right: 7px; display: inline-block; } .product.adv input[type="checkbox"] { top: 2px; } .nis:after { content: ' ₪'; } .product.adv div.msg a:hover { color: #777777; border-color: #777777; } .product.adv div.msg { width: 100%; padding-top: 14px; margin-top: 16px; border-top: 1px solid #cccccc; } .product.adv li.selected { font-weight: bold; } .product.adv li.selected span.line-2, .product.adv li.selected div.msg { font-weight: normal; } li.disabled > a { opacity: .3; } li.disabled:hover { background-color: transparent !important; } div.msg i.m-sent { margin: 5px 0 0 4px; } #content.grey-bg { margin-top: 0; border-right: 1px solid #e5e5e5; } .document, #cdd-left-m.doc { width: 780px; } .document { /* IF RIGHT/LEFT MARGIN IS UPDATE, UPDATE #CDD-LEFT-M's PROPERTIES - FIND THEM */ margin: 16px 18px 18px; } .document { padding: 32px; clear: both; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* BOX SHADOW */ border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); } .document header { width: 100%; gap: 8px; } .document .leftH { float: left; width: 50%; text-align: left; } .document .rightH { float: right; width: 50%; } .document .gridData { display: inline-grid; } .document header .price-quote-title { margin-bottom: 0; font-size: 17px; color: var(--Text); font-weight: 600; } .document header .price-quote-issue-date, .document header .price-quote-request-answer, .document header .price-quote-operator-name { margin-bottom: 0; font-size: 15px; color: var(--Text-2); padding: 0; } .document header .price-quote-request-answer .price-quote-request-link { margin-right: 8px; border-bottom: 1px solid var(--Primary); color: var(--Primary); } .document header h2, .document header h2 span { border: 0; } .document header h2.to { float: right; } .document #logo img { max-width: 230px; float: right; height: 75px; } .document .pqInfo { width: 100%; border-top: 1px solid var(--Main-Stroke); border-bottom: 1px solid var(--Main-Stroke); padding: 24px 0; gap: 32px; } .document .pqInfo img { height: 110px; width: 110px; object-fit: cover; border-radius: 100%; object-position: center center; } .document .logo.empty { width: 24%; background: url(images/no-logo.gif) right top no-repeat; } .document .pqInfo #logo, .document .pqInfo .logo { float: right; height: 110px; } .document .pqInfo #logo:not(.empty), .document .pqInfo .logo:not(.empty) { background: none; } .document .pqInfo #data, .document .logo-details { gap: 8px; } .document .logo-details { width: 58%; } .document .logo-details span { display: block; clear: both; } .document .pqInfo h3, .document .pqInfo h4, .document .h3-like { float: right; width: 100%; text-align: right; } .document .pqInfo h3, .document .h3-like { color: var(--Text); /* Subheading 1 */ font-size: 15px; font-weight: 600; line-height: 40px; } .document .h3-like { font-weight: bold; } .document .pqInfo h4, .document .pqInfo #sup-addr span { font-size: 13px; font-weight: normal; color: var(--Text); } .document header > span { margin: 12px 0 15px; float: right; } .document span.price { float: left; margin-top: -6px; } .document .comments-wrapper { gap: 8px; } .document .comments-wrapper .comments-title { color: var(--Text); font-size: 12px; font-weight: 600; letter-spacing: 0.4px; } .document .comments-wrapper .comment span { color: var(--Text-2); letter-spacing: 0.4px; } .document .editable .copy-price { top: 4px; opacity: 0.8; margin: 3px 4px 0 9px; } .document .editable .copy-price:hover { opacity: 1; /* CSS TRANSITION */ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; /* CSS ROTATE */ -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } .document .committee-members-signatures-wrapper .committee-members-signatures { width: 100%; } .document .committee-members-signatures-wrapper .committee-members-signatures .committee-members-details { width: calc(25% - (8px * 3 / 4)); padding: 8px; box-sizing: border-box; } .document .committee-members-signatures-wrapper .committee-members-signatures .committee-members-details .committee-members-signature { height: 106px; width: 100%; } .document .committee-members-signatures-wrapper .committee-members-signatures .committee-members-details .committee-members-signature img { width: 100%; height: 100%; object-fit: contain; } .document .committee-members-signatures-wrapper .committee-members-signatures .committee-members-details .committee-members-signature-line { width: 100%; height: 1px; background-color: var(--Grey); } thead { text-align: right; } th, tfoot td { padding: 8px 7px 9px; text-align: center; } tfoot { text-align: right; } .document thead, .document.report tfoot, #request-distribution-details thead { background-color: var(--BG); } .document thead, .document td { text-align: center; } .document table { border-collapse: initial; border-spacing: 0; } .document table thead tr th { border-top: 1px solid var(--Main-Stroke); } .document table.bottom tr td, .document table.bottom tr th { height: 40px; } .document table tr td, .document table tr th { padding: 8px 12px; height: 57px; box-sizing: border-box; } .document table:not(#products) tr th { color: var(--Text); font-size: 13px; text-align: right; font-family: Assistant; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.4px; } .document table:not(#products) tr td span:not(.pq-note) { margin: 0; text-align: right; overflow: hidden; color: var(--Text); text-overflow: ellipsis; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 0.4px; } .document table:not(#products) tr.summary-tr.total-pay-summary-tr td span { color: var(--Primary); } .document table thead tr:first-child th:first-child { border-top-right-radius: 6px; } .document table thead tr:first-child th:last-child { border-top-left-radius: 6px; } .document table thead tr th, .document table:not(.bottom) tbody tr:not(.summary-tr) td, .document table tbody tr.summary-tr td:nth-child(3), .document table tbody tr.summary-tr td:nth-child(4) { border-bottom: 1px solid var(--Main-Stroke); } .document table:not(.bottom) tbody tr:not(.summary-tr) td:first-child, .document table tbody tr.summary-tr td:nth-child(3), .document table thead tr:first-child th:first-child { border-right: 1px solid var(--Main-Stroke); } .document table tbody tr.last-product-tr td:first-child { border-bottom-right-radius: 6px; } .document table:not(.bottom) tbody tr:not(.summary-tr) td:last-child, .document table tbody tr.summary-tr td:nth-child(4), .document table thead tr:first-child th:last-child { border-left: 1px solid var(--Main-Stroke); } .document table tbody tr.summary-tr:last-child td:nth-child(4) { border-bottom-left-radius: 6px; } .document table tbody tr.summary-tr:last-child td:nth-child(3) { border-bottom-right-radius: 6px; } .document table.bottom tbody tr:not(:last-child) td { padding-bottom: 16px; } .document table.bottom tbody tr td { padding: 0; padding-left: 24px; } .document table.bottom tbody tr td.default-input-wrapper { width: 50px; box-sizing: content-box; } .document table.bottom tbody tr td.default-input-wrapper input { text-align: center; padding: 0 14px; } .document table.bottom { width: fit-content; } .document tbody tr { border-top: 1px solid #e5e5e5; } .document tbody tr:first-child { border-top: 0; } .document tbody tr:last-child td span:not(.pq-note) { color: var(--Primary); } .document tr > td > span { float: right; text-align: right; } table th.text { width: 46%; } table th.num, .document ul.summary li > span { width: 18%; } .document .document-table-wrapper .floating-label-element { position: absolute; left: -5px; top: -5px; } .document .document-table-wrapper { gap: 12px; } .document .document-table-wrapper .protocol-price-quotes-table .protocol-pq-table-response-number, .document .document-table-wrapper .protocol-price-quotes-table .protocol-pq-table-total-price { width: 19%; } .document .document-table-wrapper .protocol-price-quotes-table .protocol-pq-table-supplier-name { width: 25%; } .document .document-table-wrapper .protocol-price-quotes-table .protocol-pq-table-note caption { width: 37%; } .document .document-table-wrapper .floating-label-element { position: absolute; left: -5px; top: -5px; } .document .document-table-wrapper .floating-label-element p { position: absolute; transform: rotate(-45deg); left: 5%; top: 20%; width: 40px; text-align: center; height: 20px; line-height: 20px; color: var(--White); font-size: 12px; font-weight: 600; letter-spacing: 0.4px; } .i-holder.limit-w { max-width: 500px; } .document th:first-child { text-align: right; } tbody .note { font-size: 11px; } .document .summary { width: 100%; padding-top: 20px; border-top: 2px dashed #e5e5e5; float: left; } .document .summary .row { width: 100%; float: left; } .document .summary .row > label { width: 128px; text-align: center; } .document .summary .row > label:after { content: ':'; } .document .summary .row > span { width: 80px; padding-right: 6px; /* BOX SIZING */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .document .summary .row > label, .document .summary .row > span { display: inline-block; float: left; } .align-r { text-align: right; } .document footer .digital-document-messages { gap: 4px; padding-top: 8px; border-top: 1px solid var(--Main-Stroke); width: 100%; } .document footer .digital-document-messages .digital-doc-title { color: var(--Text); font-size: 12px; font-weight: 600; letter-spacing: 0.4px; } .document footer .digital-document-messages .digital-doc-sub-title { color: var(--Text-2); font-size: 13px; letter-spacing: 0.4px; } .document footer section { width: 90%; float: none; margin: 0 auto; } .document footer section ul, .document footer span { width: 100%; } .document footer ul > li { width: auto; display: inline-block; margin: 0 0 4px 12px; } .document footer ul.notes { margin-bottom: 4px; } .document footer ul.notes > li:before { content: '* '; } /* Must be UTF-8 */ .document footer ul.more-notes:before { content: '????? ??????: '; font-weight: bold; margin-left: 2px; } .document header .contact { margin-left: 6px; } /* Must be UTF-8 */ .document header span.to:before { content: '????? '; } .document:not(#edit-doc, .new-view-document) input:not([type="checkbox"]):not([type="radio"]) { border: 1px dashed #9e9e9e; /* CSS TRANSITION */ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont) { width: 170px; position: absolute; top: 40px; right: 30px; } #cat-dd + ul:not(#cdd-left-m):not(#sub-h-cont) > li.current { font-weight: bold; } #cat-dd + ul a { color: inherit; } .label-s { font-size: 11px; padding: 1px 6px 3px; margin: -2px 7px 0 0; line-height: 14px; position: relative; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } .label-s.sent { background-color: #C8DBF4; color: rgb(37, 78, 134); } .lines .lbl .label-s { margin: 1px 4px 0 0; } #sub-h-cont .bubble.edit-product { bottom: -160px; } #sub-h-cont .bubble.edit-product, .bubble.bottom.edit-product { top: 34px; } .bubble.bottom.edit-product { bottom: -228px; } #sub-h-cont .bubble:before, .bubble.bottom:not(.approval-comment):before { background-position: -14px -160px; } .po-menu:before { background-position: -28px -160px; } #sub-h-cont .bubble.edit-product:before, .bubble.bottom.edit-product:before, .po-menu:before { top: -9px; } #sup.form label, #sup.form div.label-size.no-margin { width: 40%; max-width: 160px; } .ui-menu { border: 1px solid #e5e5e5; background: #fff; } .bubble:not(#do-form) textarea { height: 38px; min-height: 38px; } .split > label, .split > span { float: right; } .content > .bank-accounts + li { border-top: 0; padding-top: 10px; } .bank-accounts ul.lines > li { margin: 0; padding: 0; border: 1px solid #e5e5e5; margin-top: 14px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bank-accounts ul.lines > li:first-child { margin-top: 0; } .popup.two-cols form > .col { width: 226px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup.two-cols form > .col:first-child { border-left: 1px dashed #cccccc; padding-left: 20px; } .popup.two-cols form > .col:nth-child(2) { padding-right: 20px; } .popup h2:not(.subheading-1-text) { font-size: 17px; color: #777777; margin-bottom: 6px; } .popup.no-f .popup-content:not(.template-popup-content) { padding-bottom: 33px; } .edit-bank-account .bubble-lines { width: 432px; } .edit-bank-account label { width: 23px; } .edit-bank-account .i-holder { width: 402px; } .po-menu { position: absolute; top: 37px; z-index: 10002; } .po-menu:before { left: 10px; } .po-menu .footer { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* WIDTH 100% */ width: 100%; } .po-menu .footer { padding: 9px 10px 9px; display: flex; justify-content: space-between; gap: 10px; } .product.adv > li a ul, .price-cont .i-holder.number { width: 100%; } .tax-free .cb-holder { margin-top: 7px; } .full-screen { background-size: cover; background-repeat: no-repeat; } .full-screen h1 { text-align: center; margin-left: 0; width: 100%; } .popup footer a:not(.button) { color: #777777; border-bottom: 1px solid #777777; } .popup footer a:not(.button):hover { border-bottom: 0; } .popup footer .inline { margin-top: 15px; width: 100%; } .full-screen .i-holder, .full-screen input, .full-screen button { width: 100%; } .validation { font-size: 17px; } .full-screen #logo-w-h { padding-right: 6%; text-align: center; margin-bottom: 23px; width: 100%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-screen #logo-w { width: 126px; height: 77px; float: none; } .full-screen.msg-page #logo-w-h { margin-bottom: 50px; } .validation { padding: 4px 10px 8px; text-align: center; color: white; font-weight: bold; display: inline-block; margin: 0 0 5px 0; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; /* WIDTH 100% */ width: 100%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .i-holder.error > input { border-width: 2px; } .valm { margin-bottom: 20px; } .popup h1 + div { width: 100%; } .popup.msg h1 + div { margin: 6px 0 18px; } .popup h1 + div + form { margin-top: 16px; } .popup.no-footer .popup-content { padding-bottom: 24px; } .popup.msg p { text-align: center; font-size: 17px; /* WIDTH 100% */ width: 100%; } #cat-dd.long-text + ul:not(#cdd-left-m):not(#sub-h-cont) { top: 48px; } #cat-dd + ul > li > a { display: block; /* WIDTH 100% */ width: 100%; white-space: normal; } #cat-dd.long-text { height: 33px; line-height: 22px; margin-top: -4px; white-space: normal; } #loading, .c-end { background-color: #231f20; } .prc-w { padding: 0; } #loading { height: 0; position: absolute; top: 80px !important; left: 0; z-index: 101; opacity: 0; /* WIDTH 100% */ width: 100%; } #loading div { width: 0; height: 100%; float: none; margin: 0 auto; } .color3 { background-color: white; } .popup textarea { min-width: 100%; height: 120px; } .popup footer .dom + button { margin-right: 16px; } .popup footer .dom + button:hover { margin-top: -1px; top: 2px; position: relative; } .popup footer .dom + button:hover > span { top: -4px; position: relative; display: inline-block; } .price-quotes .price-range .num, .min-pq .num { margin: 0 4px; font-weight: bold; font-size: inherit; } .price-quotes ul.lines > li > label { width: 41%; font-weight: inherit; float: right; display: inline-block; } #product-catalogue ul.reg { /* WIDTH 100% */ width: 100%; } .requests.simple-list ul.lines > li > div.s-switch { width: auto; } .switch, .switch > input { width: 52px; height: 23px; } .switch:hover { background-position: -132px -183px; } .switch > input { opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .switch.checked:hover { background-position: -132px -160px; } #nav li { /* WIDTH 100% */ width: 100%; } #nav span { line-height: 100%; } .sett { height: 20px; position: absolute; top: 2px; left: 0; padding: 0 20px 0 0; display: none; z-index: 1000; /* BACKGROUND GRADIENT */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */ } .sett > *, #nav form button, #nav form a { filter: aplha(opacity=20); float: left; cursor: pointer; } .sett > * { width: 18px; height: 100%; } .sett > *:hover, #nav form button:hover, #nav form a:hover { opacity: 1; filter: aplha(opacity=100); } .sett a { display: block; } .cat-add { background: url(images/playlist-add-grey.svg); } .cat-edit { background: url(images/pencil-grey.svg); } #nav form { /* WIDTH 100% */ width: 100%; } #nav .btns { height: 16px; display: flex; justify-content: center; align-items: center; gap: 8px; } #nav form button, #nav form a { width: 16px; min-width: 16px; height: 100%; padding: 3px; border: 0; float: right; box-shadow: none; box-sizing: content-box; } .nav > li > span, #nav > li > span, .contains > form > span { /* WIDTH 100% */ width: 100%; } .sml-btn-accept { background: url(images/check-grey.svg); background-position: center; } .chevron-down-small-icon { background: url(images/chevron-down-small.svg); background-position: center; width: 16px; background-repeat: no-repeat; } .chevron-up-icon { background: url(images/chevron-up.svg); background-position: center; width: 16px; background-repeat: no-repeat; } .sml-btn-cancel { background: url(images/x-grey.svg); background-position: center; } .remove-supplier .ico16, .remove-item .ico16 { background: url(images/main_common.png) -505px -121px; } .requests.price-quotes-list .status-label { width: 60px; } .requests.price-quotes-list label, .requests.price-quotes-list .lbl { width: 40%; float: right; margin-bottom: -8px; } .requests.price-quotes-list .dates-range { float: left; } .document header.simple { border: 0; padding: 0; margin-bottom: 20px; } .document header.simple h1 { width: auto; } .document header.simple span { margin: 4px 0 0; } body#r-order input.number { width: 60px; float: none; text-align: center; } body#r-order .titles.four-t { /* WIDTH 100% */ width: 100%; } body#r-order .has-select-all > li > ul { /* WIDTH 100% */ width: 100%; } body#r-order .nt { width: 35%; } .content .footer { margin-top: 30px; border-top: 1px solid #e5e5e5; /* WIDTH 100% */ width: 100%; } .content .footer > span { font-size: 17px; margin-top: 2px; float: right; } .content .footer > div { width: auto; float: left; padding-top: 4px; } .content .footer > div > span { float: left; display: inline-block; clear: both; margin-bottom: 3px; } header#sub .bubble.bottom.one-line, #PQList #container .bubble.bottom.one-line:not(.approval-comment) { top: 45px; } header#sub .bubble.bottom.one-line:before, #PQList #container .bubble.bottom.one-line:before { top: -9px; } #PQList #container .bubble.bottom.one-line:before { left: 15px; } .bubble.bottom.two-lines { top: 30px; } .bubble.bottom.two-lines:before { top: -9px; } .bubble.short { width: 360px; } .bubble.send-email:not(.num-popup) .i-holder, .bubble.send-email:not(.ol-num-popup footer) .i-holder { width: 273px; } input[type="text"].email { direction: ltr; text-align: left; } .empty-list { text-align: center; } .empty-filter, .empty-list > div { width: 80%; text-align: center; float: none; margin: 0 auto; /* To fully centralize it, including the right nav column */ padding-left: 176px; } .view2 .empty-list > div { padding-left: 0; } .empty-filter h1, .empty-list h1 { display: block; margin: 40px 0 35px; /* WIDTH 100% */ width: 100%; } .empty-filter h1 { font-size: 30px; } button.huge, a.huge { height: auto; font-size: 19px; padding: 7px 20px 11px; } #apps-menu { width: 320px; left: -2px; padding: 27px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #apps-menu:before { background-position: -13px -160px; } #apps-menu.open { display: block; } .apps > div, .apps > a { /* WHEN THEE ITEMS PER LINE */ width: 50%; height: 100px; border: 1px solid white; text-align: center; padding-top: 9px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } .apps > div:hover, .apps > a:hover { border-color: #e5e5e5; } .apps > a { display: inline-block; float: right; color: #777777; } .apps i { width: 65px; height: 45px; float: none; margin-bottom: 3px; } .apps label { display: block; clear: both; line-height: 100%; } /********* APP ICONS - APPS MENU ***********/ .apps .school > i { /* School */ background-position: -428px 0; } .apps .muni > i { /* Municipal */ background-position: -493px 0; } .apps .prods-cats > i { /* Products and Categories */ background-position: -558px 0; } .apps .pq-res > i { /* Price Quotes Responses */ background-position: -623px 0; } .apps .pq-reg > i { /* Price Quote Requests */ background-position: -688px 0; } .apps .supp > i { /* Suppliers */ background-position: -753px 0; } .apps .users > i { /* Users */ background-position: -818px 0; } .apps .orders > i { /* Orders */ background-position: -883px 0; } .apps .reports > i { /* Reports*/ background-position: -818px 0; } /*******************************************/ table.lines > tbody > tr { border-bottom: 1px solid #efefef; } /* Relevant as long as "ctrl-icons" is a UL */ table tr:hover .ctrl-icons .holder { opacity: 1; } /* Relevant as long as "ctrl-icons" is a UL */ table .ctrl-icons { float: left; } .ctrl-icons i { margin-left: 0; } .sngl-crd table .ctrl-icons { float: right; margin: 0 0 0 3px; } .sngl-crd table .ctrl-icons ~ span { position: relative; float: right; margin: 1px 0 0 0; width: 240px; } .verified:not(.nope) { font-weight: bold; } .verified.nope { text-decoration: line-through; opacity: .3; } .bubble.edit-user .fixed-w { width: 50px; } table .bubble input { float: right; } .bubble label:not(.bold-label) { font-weight: normal; /* Prevent green text on hover */ color: #777777 !important; } .bubble.edit-user .i-holder { width: 192px; } .bubble div + label { margin-right: 14px; } #add-auth + .bubble { top: 0; left: -566px; } #add-auth + .bubble:before { width: 9px; height: 14px; top: 8px; left: 560px; background-position: -76px -137px; } label.div { line-height: inherit; } input[type="checkbox"] + label, .select-list label { line-height: inherit; } .stamp-doc { width: 298px; height: 135px; font-size: 64px; font-weight: bold; position: absolute; text-align: center; /* ROTATION */ -ms-transform: rotate(-15deg); /* IE 9 */ -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */ transform: rotate(-15deg); } .stamp-doc > span { display: inline-block; margin-top: 28px; /* WIDTH 100% */ width: 100%; } .stamp-doc > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .stamp-doc.cancelled { color: #968566; } .stamp-doc.cancelled > div { background: url(images/stamp-doc-cancelled.png); } .stamp-doc.draft { color: #a5a5a5; } .stamp-doc.draft > div { background: url(images/stamp-doc-draft.png); } .document .stamp-doc { top: 117px; left: 36px; } #column-l.grey-bg .document .stamp-doc { margin-top: 40px; } .arrow-slctd { float: right; } .cat-slctd { font-weight: bold; } .product.adv > li a:not(.prev-ord), .input-file { display: inline-block; } .input-file input[type="file"] { height: 100%; position: absolute; top: 0; left: 0; opacity: 0; /* WIDTH 100% */ width: 100%; } #pc-form, #tkn-form { height: 370px; } #pc-form footer, #tkn-form footer { bottom: -33px; } #pc-form footer button, #tkn-form footer button { float: left; } #pc-form .cancel { margin-left: 16px; } .mustConfirm { display: none; position: absolute; left: 112px; top: 17px; } #empty-as { color: #adadad; } #filter-row { padding-bottom: 25px; padding-top: 10px; margin-bottom: 25px; } .col-sm-4.filter { margin-left: 19px; } #watch { margin-top: 9px; } #filter-checkbox { float: right; } #watch > span { margin-right: 5px; } #filter-view { padding-top: 6px; margin-right: 11px; clear: both; width: 100%; box-sizing: border-box; } #filter-view div.filter, #filter-view div#watch { width: 96%; margin-top: 12px; } #filter-view div#cr-btn { float: left; } #filter-view .create-report { float: left; } #filter-view .slct-items .tags { width: 100%; } #sup .rb { margin-right: 10px; } #sup .rb-value { position: relative; top: -2px; left: 5px; } #prdtscnt .box-titles #prod-title { width: 32%; } #prdtscnt .box-titles #prod-title, #prdtscnt .box-titles .qan, #prdtscnt .box-titles .prc, #prdtscnt .box-titles .price-total-cont { display: inline-block; margin-left: 20px; } #prdtscnt .box.prdct-summ.no-prod { border-top: 0; } #title-price { margin-right: -14px; } /* Mark as blackListed/favorite icon */ .list-bl .icn, .fvrt .icn, .list-pf .icn, ._icn { height: 16px; width: 16px; opacity: 0.3; background: url(images/main_common.png) no-repeat; margin-left: 6px; } .blck._icn { background-position: -569px -121px; } .list-pf .icn, .payf._icn { background-position: -553px -121px; } .fvrt .icn, .fvrt._icn { background-position: -585px -121px; } .fvrt.fav .icn, .list-pf.payf .icn { opacity: 1.0; } .list-bl a.disabled { pointer-events: none; } #reason { position: absolute; width: 480px; z-index: 1001; flex-direction: column; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); left: 0; top: 45px; background-color: var(--White); border-radius: 6px; display: none; } #reason .reason-input-content-wrapper { padding: 24px; border-bottom: 1px solid var(--Main-Stroke); gap: 24px; } #reason .reason-input-content-wrapper .reason-input-wrapper { gap: 8px; } #reason .reason-action-buttons { padding: 16px; gap: 16px; } #reason a { width: auto; } #reason .blop { float: right; } #reason .cls { float: left; } /* Mark as blackListed icon */ /* Price quote requests - new design */ #PQList #content, .view2 #content { margin: 0; padding-left: 0; width: fit-content; height: 100%; } #PQList ul.requests { float: none; } #PQList .lines .line-left { float: left; padding: 0; gap: 4px; } #PQList .lines .line-left p { color: var(--Text-3); font-size: 12px; } #PQList .lines .line-left.const-size { width: 20%; } #PQList .lines .line-left .opn { font-weight: normal; } #PQList .lines .line-left .pqn { width: 100%; text-align: left; } .requests li h3 { font-size: 17px; } .requests li.title { padding: 16px 0 10px 0px; border-bottom: 1px solid #efefef; padding-bottom: 20px !important; } .requests li h3, .requests li.title span { margin-right: 11px; } #PQList .view2 ul.requests span.sl-cont .raw-icon-wrapper { height: 24px; width: 24px; background-color: var(--Secondary-10-Percent-Visibility); border-radius: 6px; } #PQList ul.requests span.sl-cont { float: right; } #PQList .lines > li a { padding: 0; height: 100%; width: 100%; gap: 16px; } #PQList .lines > li { cursor: pointer; background: var(--White); min-height: 76px; border: 1px solid var(--Main-Stroke); padding: 12px; border-radius: 6px; } #PQList .lines > li.selected { border-color: var(--Primary); } #PQList .lines > li:hover { box-shadow: 2px 2px 4px 0px rgba(106, 113, 128, 0.14); } #PQList .lines > li.selected .total, #column-l .r-total, #sub .r-total { color: #f1f1f1; background-color: #777777; display: inline-block; } #PQL { overflow-y: auto; overflow-x: hidden; z-index: 1001; padding: 24px; width: 100%; background-color: var(--BG); flex-shrink: 0; box-sizing: border-box; height: fit-content; flex: 1 1 auto; height: 100%; } #PQL .pqline { gap: 16px; } #PQL .pqline .price-quote-details { padding: 0; gap: 4px; } #PQL .pqline .price-quote-details > .price-quote-details-top * { line-height: 24px; } #PQL .pqline .price-quote-details > .price-quote-details-top .price-quote-subject-wrapper { gap: 8px; } #PQL .pqline .price-quote-details > .price-quote-details-top .price-quote-subject-wrapper .raw-icon-wrapper { height: 24px; } #PQL .pqline .price-quote-details > div { margin: 0; box-sizing: border-box; gap: 4px; } #PQL .pqline .price-quote-details > div span:not(.status-label) { margin: 0; line-height: 12px; font-size: 12px; width: fit-content; color: var(--Text-2); white-space: nowrap; } #PQL .pqline .price-quote-details > div .total-products { color: var(--Text-2); } #PQList .requests .ttl.no-line-left { width: 67%; } #PQList .requests .desc { width: auto; float: none; font-weight: bold; color: var(--Text); font-size: 12px; line-height: 24px; } .ttl .total + .desc { padding-left: 40px; } .view2 .lines > li, .l-s .lines > li:not(.header-content) { padding-right: 11px; } .view2 .desc, .view2 .opn { line-height: 16px; } .view2 .desc + div, .view2 .opn + div { margin-top: 4px; } .view2 .desc { display: inline; } .view2 .lines li { /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .view2 .line-left .num { float: left; } #PQList .requests .p-quotes { font-size: 11px; font-weight: bold; } #PQList #PQL ul.requests.orders li.l-s .lines > li { padding: 0 11px 0; } #PQList .requests .dates-range span, #PQList .lines .line-left .pqn { font-size: 13px; color: var(--Text-2); } #PQList .requests .dates-range { text-align: right; } #PQList .p-quotes:after { content: none; } #PQList #column-l.without-container { width: 89.6%; } #PQList #column-l, .view2 #column-l { width: 60%; overflow-y: auto; z-index: 1100; } #PQList #column-l #PQdoc, .view2 #column-l .doc:not(.ico16):not(.ico32) { width: 100%; height: 100%; } #PQList #column-l #PQdoc .actions, #PQList #column-l #PQdoc .document-wrapper { max-width: 801px; } .document-wrapper { padding-bottom: 24px; width: 100%; } .document-wrapper .document-header-content .document-header-action-buttons { gap: 16px; display: flex; flex-direction: row; } #PQList #column-l #PQdoc .actions { width: 100%; float: none; padding: 0 24px; height: 80px; box-sizing: border-box; } #PQdoc .summary .row { display: flex; flex-direction: row-reverse; justify-content: flex-end; } #PQdoc .summary .row > label { width: unset; } #report div.empty, #PQList #column-l #PQdoc .empty, .empty.huge, .count-down-wrapper, #list-pq .empty, #external-response-report .empty { height: calc(100% - 48px); width: calc(100% - 48px); margin: 24px; background-color: var(--White); border-radius: 6px; border: 1px solid var(--Main-Stroke); box-sizing: border-box; } #report div.empty:not(.empty-upper-content), #PQList #column-l #PQdoc .empty:not(.empty-upper-content), .empty.huge:not(.empty-upper-content), .count-down-wrapper:not(.empty-upper-content), #list-pq .empty:not(.empty-upper-content), #external-response-report .empty:not(.empty-upper-content) { gap: 32px; } .count-down-wrapper { width: calc(100% - 270px); } #PQList #column-l #PQdoc .empty span:not(.body-1-text), .empty.huge span:not(.body-1-text) { font-size: 17px; font-weight: 600; color: var(--Secondary); } #PQList #column-l .floating-containers-document .document.new-view-document { width: 100%; margin: 0; padding: 0; background-color: transparent; border: unset; } #PQList #column-l .document { width: calc(100% - 48px); margin: 0 24px 0; gap: 32px; box-sizing: border-box; } #PQList #column-l .document#doc-approval { top: 55px; } #sub-h-cont > li:not(.button-wrapper) { border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); height: 40px; width: 40px; } #sub-h-cont > li:not(.button-wrapper):hover { border: 1px solid var(--Grey); } #sub-h-cont > li .raw-icon-wrapper { width: 100%; height: 100%; } #PQList #column-l #sub-h-cont { gap: 16px; } .document-preview-actions-wrapper { height: 100%; width: 100%; } #PQList #column-l #cdd-left-m a.button:not(.dom, .disabled), .below-doc .button:not(.dom), .below-doc .input-file { border: 1px solid var(--Main-Stroke); background: var(--White); border-radius: 6px; height: 40px; padding: 0 12px; } #PQList #column-l #cdd-left-m a.button:not(.dom,.disabled,:disabled):hover, .below-doc .button:not(.dom,.disabled,:disabled), .below-doc .input-file:hover { box-shadow: unset; border-color: var(--Grey); } #column-l.grey-bg #sub-h-cont .button.btn-t { border: none; background: none; text-align: left; padding: 0; min-width: initial; height: 24px; position: relative; min-width: 32px; height: 100%; width: 100%; } #column-l.grey-bg #sub-h-cont .button.btn-t i { position: absolute; left: 0; margin-left: 0; } #column-l.grey-bg #sub-h-cont .button.btn-t:not(.disabled):hover { opacity: 1; } .btn-t:not(.disabled) { cursor: pointer; } .button.btn-t:not(.disabled):hover { -webkit-box-shadow: none !important; box-shadow: none !important; } #cdd-left-m.dspl { margin-right: 3px; } .dspl .viewmode .button { background-color: inherit; padding: 0 3px; min-width: 40px; border: 0; } .dspl .viewmode .button.selected { border: 1px solid #d9d9d9; } .dspl .ico32.ico-btn { top: -1px; } #PQList .requests.orders .status-label { width: 110px; } #PQList .requests .ttl.ord { width: 50%; } #list-files { width: 100%; display: inline-block; top: unset; color: var(--Secondary); font-size: 14px; font-weight: 600; gap: 8px; } #list-files > p { gap: 4px; } #list-files + div > a { display: block; width: 100%; } #list-files .lf-num { font-size: inherit; font-weight: inherit; color: inherit; } #cdd-left-m div.show > a, #sub-h-cont .ddl.show > a { color: var(--Text-2); font-size: 15px; min-height: 40px; padding: 8px 16px; display: flex; align-items: center; text-align: start; white-space: nowrap; } #cdd-left-m div.show > a:focus { font-weight: normal; } #cdd-left-m div.show > a span { display: inline-block; } .file-name > span { top: 2px; position: relative; } #cdd-left-m div.show > a:hover, #sub-h-cont div.show > a:hover { background-color: var(--Primary-light); } #cdd-left-m div.show > a i { float: left; position: relative; top: 3px; } #cdd-left-m div.show > a, #sub-h-cont div.show > a { color: gray; } #cdd-left-m .show, .ddl.show { z-index: 1000; position: absolute; min-width: 172px; background-color: #FFF; /* BOX SHADOW */ box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); border-radius: 6px; } #sub-h-cont .show { left: 0; z-index: 1000; position: absolute; background-color: #FFF; /* BOX SHADOW */ -webkit-box-shadow: 0px 1px 3px 1px #d3d3d3; box-shadow: 0px 1px 3px 1px #d3d3d3; } #sub-h-cont div.show > a { height: 25px; display: inherit; padding-right: 10px; padding-top: 3px; } /*Resend priceQuote - finish*/ /* 12/4/14 Dennis - Start */ body.no-r-menu #content { margin-right: 24px; } table.edit-r .ctrl-icons { float: right; } table#receive-products th { border-bottom: 2px solid #e5e5e5; } table#receive-products th.text { width: 29%; } table:not(#ls-results) .ico16.l { float: none; margin: 0 5px 0 0 !important; top: 3px; cursor: help; } table + .buttons-group.bottom { margin-top: 18px; } /* FIX; AS LONG AS NOT ALL LISTS AS TABLES; THEN MAKE PERMANENT\GLOBAL */ table .ctrl-icons { top: 0; } .tbl-smry { background-color: #F1F1F1; margin-top: 20px; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } .tbl-smry tr:not(:last-child) { border-bottom: 1px solid #e5e5e5; } .tbl-smry td { padding-top: 6px; padding-bottom: 8px; } .tbl-smry .label { width: 16%; } .tbl-smry .label:after { content: ':'; } #import-supp .f { margin-left: 10px; } #import-supp .s-t { margin-right: 26px; } #import-supp input[type="checkbox"] { margin-right: 14px; } input[type="file"] { border: 1px solid #E5E5E5; border-radius: 3px; padding: 2px; } input[type="submit"] { line-height: 100%; } /* 12/4/14 Dennis - End */ #loadSupTbl .sett { position: inherit; padding: 0; } #loadSupTbl .val { float: right; } .disabled a.holder .ico16 { opacity: 0.6; } #chsfl.error > input { border-width: 2px; } .dd-arrow { background: url(images/arw-dd.png) left -22px no-repeat; padding-left: 13px; } .admin-acts { height: 100%; width: 100%; } .button .dd-arrow:not(.admin-acts) { background-position: left -19px; } #select-op-form .i-holder { width: 275px; display: inline-block; } .del-op { position: absolute; top: 0; left: 0; } .t-dashboard { text-align: center; margin: 34px auto 24px; } #dashboard-muni-ttl { text-align: center; margin: 14px auto 7px; } .t-dashboard .h1, #dashboard-muni-ttl .h1 { float: none; } .t-dashboard .h1, #dashboard-muni-ttl .h1, #content > h1.h1 { font-size: 28px; } #content > h1.h1 { width: 100%; text-align: center; } #dashboard-muni-ttl select { margin: 0 7px 0 0; position: relative; top: -3px; } .flex { display: flex; } select:disabled, select.disabled { background-color: #f0f0f0; } select.bigger { font-size: 16px; padding-left: 3px; padding-right: 3px; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; } .bubble-data { width: 100%; display: flex; align-items: center; justify-content: center; } .round span { width: auto; float: none; } .round .big-num { font-weight: bold; font-size: 39px; display: inline-block; margin: 23px auto 7px; position: relative; text-shadow: 1px 1px 3px white; } .round .big-num + span { font-size: 15px; display: block; clear: both; } .bubble-data.up-down .round .big-num + span { margin: -8px 0 3px; font-weight: bold; } .bubble-data.up-down .round .big-num + span + span { font-size: 14px; } .bubble-data.up-down .up .up-down:before, .ico-up { width: 12px; height: 10px; background-image: url(images/main_common.png); display: inline-block; } .bubble-data.up-down .down .up-down:before, .ico-down { width: 12px; height: 10px; display: inline-block; } .bubble-data.up-down .up .up-down:before, .bubble-data.up-down .down .up-down:before { content: ''; margin: 0 3px 0 0px; position: relative; top: -1px; } .bubble-data.up-down .up .up-down:before, .ico-up { background-position: -267px -36px; } .bubble-data.up-down .down .up-down:before, .ico-down { background-position: -255px -36px; } #green-stats { width: 92%; margin: 40px 4% 55px 0; height: 225px; background-color: #f0f0f0; } #green-stats .r-side { width: 20%; background-color: #a2d97b; background-image: url(images/leafs.png); background-position: center bottom; background-repeat: no-repeat; color: #396a16; text-align: center; } #green-stats .r-side .ttl { text-shadow: 1px 1px rgba(255,255,255,0.4); font-weight: bold; } .big-block .ttl { display: inline-block; margin: 26px auto 0; } .big-block { overflow: hidden; /* CIRCLE */ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .big-block .s { height: 100%; } .big-block .ttl { font-size: 25px; } .big-block .l-side { width: 80%; padding: 0 37px 0 0; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .big-block .l-side .ttl { width: 100%; display: block; margin-bottom: 40px; } .stat-items { width: 100%; display: block; clear: both; } .stat-items .s-item { width: 24%; height: 83px; padding: 0 0 0 20px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .s-item .s-icon { width: 83px; height: 100%; margin: 0 0 0 10px; } .s-item .s-icon + span { text-align: right; margin-right: 15px; } .s-item.trees .s-icon { background: url(images/main_common.png) -184px -153px no-repeat; } .s-item.paper .s-icon { background: url(images/main_common.png) -267px -153px no-repeat; } .s-item.water .s-icon { background: url(images/main_common.png) -350px -153px no-repeat; } .s-item.earth .s-icon { background: url(images/main_common.png) -433px -153px no-repeat; } .s-item .s-icon + div { margin: 30px 0 0 0; } .s-item .l { font-size: 19px; display: block; clear: both; } .stat-items .s-item:last-child { padding-left: 0; } .share-btns { width: 100%; text-align: center; margin: 50px 0 0; font-size: 17px; } .share-btns > span { display: inline-block; margin: 0 0 0 7px; position: relative; top: -13px; } .share-btns .sb-icons { float: none; display: inline-block; } .share-btns a { width: 36px; height: 36px; display: inline-block; margin: 0 0 0 5px; background-image: url(images/main_common.png); position: relative; top: 0; /* CSS TRANSITION */ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; /* CIRCLE */ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .share-btns a:hover { top: -5px; -webkit-box-shadow: 0 5px 2px 1px rgba(0,0,0,0.2); box-shadow: 0 5px 2px 1px rgba(0,0,0,0.2); } .sb-icons .sb-facebook { background-position: -159px 0; } .sb-icons .sb-twitter { background-position: -195px 0; } .sb-icons .sb-googleplus { background-position: -231px 0; } .sb-icons .sb-linkedin { background-position: -267px 0; } /* 21/12/14 Dennis - Start */ #users-list .lists, #dashboard-admin .lists { margin: 44px 0 10px; } #dashboard-admin #green-stats { margin-bottom: 40px; } .lists, .lists-like { width: 100%; padding: 0 4%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lists section { width: 50%; } .lists.three-col section:first-child, .lines #li-titles .name-list { width: 34%; } .lists.three-col section { width: 33%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lists.three-col > section:not(:first-child) { padding-right: 24px; } .lists h2, .lists-like .h2-like { color: #6f6f6f; background-color: #f0f0f0; font-size: 19px; display: inline-block; padding: 5px 12px 9px; font-weight: normal; margin: 0 20px 12px; /* ROUND CORNERS */ -webkit-border-radius: 5px; border-radius: 5px; } .lists.three-col h2, .lists-like .h2-like { width: 100%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lists.three-col h2 { margin-left: 0; margin-right: 0; } .lists-like { margin: 34px 0 0; } .lists-like.fw h2 { text-align: center; } .lists-like.fw .bubble-data { margin-top: 18px; } .lists-like .h2-like h2 { font-size: inherit; color: inherit; font-weight: inherit; } .lists ol { line-height: 23px; list-style-position: inside; } .lists table td { padding-top: 10px; padding-bottom: 10px; } .lists .sum { font-weight: bold; } #slctn { position: absolute; top: 3px; left: 39%; font-size: 13px; } #slctn select { margin: 0 4px 0 10px; } #column-r.n-grey .nav, #column-r.n-grey #nav { width: 100%; padding: 0px 16px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; gap: 8px; } #column-r.n-grey .nav li, #column-r.n-grey #nav li { padding: 0; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* ROUND CORNERS */ -webkit-border-radius: 3px; border-radius: 3px; border-radius: 6px 3px 3px 6px; border-right: 4px solid transparent; } #column-r.n-grey .nav li a, #column-r.n-grey #nav li a { padding: 0 16px; display: block; height: 40px; } #column-r.n-grey .nav li:hover, #column-r.n-grey #nav li:hover { background-color: var(--Primary-light); } #column-r.n-grey .nav li.current, #column-r.n-grey #nav li.current { background-color: var(--Primary-light); border-right-color: var(--Primary); } #column-r.n-grey #nav li.current .menu-list-item-title, #column-r.n-grey #nav li.current svg * { font-weight: 600; color: var(--Primary); stroke: var(--Primary); } #column-r.n-grey .nav li.current a, #column-r.n-grey #nav li.current a { cursor: default; } #column-r.n-grey .nav li span, #column-r.n-grey #nav li span { font-size: 15px; color: var(--Text-2); } #column-r.n-grey .nav li.current span, #column-r.n-grey #nav li.current span { line-height: 20px; } #column-r.n-grey .nav li.current span:before, #column-r.n-grey #nav li.current span:before { opacity: 1; } #column-r.n-grey .nav li.current span:before, #column-r.n-grey #nav li.current span:before { top: 17px; } #column-r.n-grey .nav li:hover *, #column-r.n-grey #nav li:hover * { color: inherit; } #column-r.n-grey .nav li span, #column-r.n-grey #nav li span { display: inline-block; line-height: 16px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #column-r.n-grey .nav li span:before, .add-item:before { width: 16px; height: 16px; background-image: url(images/main_common.png); background-repeat: no-repeat; content: ''; display: inline-block; position: absolute; opacity: 0.3; } #column-r.n-grey .nav li span:before, #column-r.n-grey #nav li span:before { top: 15px; right: 15px; } #column-r.n-grey #add-auth span:before { top: 7px; right: 17px; } #column-r.n-grey #add-auth span:before, .add-item:before { background-position: -745px -137px; opacity: 1; } #column-r.n-grey #add-auth span:before, .add-item:before { top: 7px; right: 7px; } #column-r.n-grey div#add-auth span:before { top: 15px; right: 31px; } #column-r.n-grey div#add-auth span { margin-top: 7px; margin-right: 15px; } #column-r.n-grey #nav li.b-all span:before { background-position: -521px -121px; } #column-r.n-grey #nav li.b-drafts span:before { background-position: -313px -137px; } #column-r.n-grey #nav li.b-active span:before { background-position: -649px -121px; } #column-r.n-grey #nav li.b-locked span:before { background-position: -633px -121px; } #column-r.n-grey #nav li.b-process span:before { background-position: -249px -137px; } #column-r.n-grey #nav li.b-cancelled span:before { background-position: -665px -121px; } #column-r.n-grey #nav li.b-open span:before { background-position: -729px -121px; } #column-r.n-grey #nav li.b-pending span:before { background-position: -633px -121px; } #column-r.n-grey #nav li.b-approved span:before { background-position: -681px -121px; } #column-r.n-grey #nav li.b-pend-approval span:before { background-position: -713px -121px; } #column-r.n-grey #nav li.b-denied span:before { background-position: -697px -121px; } #column-r.n-grey #nav li.b-delivered span:before { background-position: -88px -137px; } #column-r.n-grey #nav li.b-delivered-part span:before { background-position: -393px -137px; } #column-r.n-grey #nav li.b-closed span:before { background-position: -761px -121px; } #column-r.n-grey #nav li.b-pending-me span:before { background-position: -793px -121px; } #column-r.n-grey #nav li.b-late span:before { background-position: -809px -121px; } #column-r.n-grey #nav li.b-updated span:before { background-position: -937px -121px; } #column-r.n-grey #nav li.b-fixed span:before { background-position: -953px -121px; } #column-r.n-grey #nav li.b-doc span:before { background-position: -14px -121px; } #column-r.n-grey #nav li.b-school span:before { background-position: -969px -121px; } #column-r.n-grey #nav li.b-warning-price span:before { background-position: -985px -121px; } #column-r.n-grey #nav li.b-pendingForConfirmationProgress span:before { background-position: -1017px -137px; } #column-r.n-grey #nav li.b-template span:before { background-position: -1081px -153px; } #column-r.n-grey #nav li.b-admin-template span:before { background-position: -1065px -153px; } #column-r .r-expiring span:before { background-position: -1113px -121px; } #column-r .r-no-agreement span:before { background-position: -1097px -121px; } #column-r .r-daily-summary span:before { background-position: -1129px -121px; } #column-r.n-grey #add-auth { width: 100%; } /* 21/12/14 Dennis - End */ #db-details { width: 100%; } #list-schools { width: 100%; margin: 44px 0 10px; } #list-schools .lists { width: 900px; float: none; margin: 0 auto; } #nsb1 p { margin-bottom: 10px; } #nsb-imgs { margin: 6px 0px 17px; } .t-dashboard, .full-screen .popup footer .inline a { float: none; } /*not-supported-browser- FINISH*/ footer#pqo-message button { margin-right: 16px; float: left; } /*extend date of priceQuote- START*/ .num-popup { width: 275px !important; } #extend-popup #cd-option ul li { float: right; width: 100%; } #extend-popup #cd-option ul li .ld { margin-bottom: 0; width: 100%; gap: 8px; } #extend-popup #cd-option ul li .ld .i-holder { gap: 16px; } #extend-popup #cd-option { gap: 8px; } #extend-popup #cd-option ul { gap: 24px; } #extend-popup #cd-option ul li { gap: 16px; } #extend-popup #cd-option ul li .ld .i-holder > * { width: calc(50% - 8px); } .new-buttons-footer-wrapper { border-top: 1px solid var(--Main-Stroke); box-sizing: border-box; height: unset; padding: 16px 24px; background: unset; } .new-buttons-footer-wrapper .buttons { width: 100%; gap: 16px; } .new-buttons-footer-wrapper .buttons button { margin: 0; } #cd-option > ul > li:last-child input[type="radio"] + .ld { margin-bottom: -7px; } #extend-popup #ByDate { margin-bottom: 8px; } #extend-popup #new-date { padding-right: 40px; } #cd-option ul, #cd-option .i-holder { width: 100%; } .f-input { margin-left: 15px; } #extend-popup, #send-email-popup { border-radius: 6px; background: var(--White); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); width: 480px; left: 0; } #extend-popup .extend-popup-main-content { padding: 24px; gap: 24px; } #extend-popup .extend-popup-main-content .extend-dates-wrapper { padding: 0; gap: 24px; } .nd-mb { margin-bottom: -10px; } #extend-pq { cursor: pointer; } /*extend date of priceQuote- FINISH*/ /* 25/12/14 Dennis - Start */ .cards #patterns-pq, .cards #history, .cards .sngl-crd { padding-left: 20px; } .h-i { -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.1s; -o-transition: all ease-out 0.1s; transition: all ease-out 0.1s; } .h-i:hover { opacity: 1 !important; } .h-i.card.s table { margin: 0; } .h-i .smmry, .h-i .pu, .h-i .price { text-align: left; } .h-i .ico32 + div span, .cont-cards .card .top .ico32 + div span { display: block; } .cont-cards .card .top .ico32 + div span { clear: both; } #column-l .card.trans { background: transparent; /* BOX SHADOW */ -webkit-box-shadow: none; box-shadow: none; } #column-l .card.trans td { padding-top: 0; padding-bottom: 0; } #column-l .card.trans.top-i { margin: 10px 0 7px; } .mark { background-color: var(--Primary-light); } /* 25/12/14 Dennis - End */ .lines .ctrl-icons a { float: left; } .no-similar-existent { margin-right: 24px; } .qan-margin { margin: 0 20px; } #spqemail .i-holder, #spqemail .i-holder input { width: 100%; } body.msg-page .buttons { margin: 10px 0 20px; } body.msg-page .buttons > .button:not(:first-child) { margin-right: 20px; } #products #addProduct { white-space: nowrap; } .c-left .prc-w { width: 150%; } #semail { cursor: pointer; } .cont-cards.three-cols .p-name { width: 50%; } .cont-cards.three-cols .p-cat { width: 40%; position: relative; } .cont-cards.three-cols .p-act { width: 10%; } .cont-cards .card tbody > tr > td { padding: 5px 11px 8px; } .cont-cards .card .ctrl-icons { top: 1px; left: -4px; } .cont-cards .card .i { cursor: pointer; } .cont-cards .card .ico16.done { position: absolute; top: 8px; right: -11px; opacity: 0.4; } .ui-menu { padding: 4px 0px; border-radius: 6px; background: var(--White); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); } .ui-menu .ui-menu-item { box-sizing: border-box; height: 40px; color: var(--Text-2); padding: 0 16px; display: flex; align-items: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.25px; background-color: transparent; } .ui-menu .ui-menu-item.ui-state-focus { background: var(--Primary-light); color: var(--Secondary); border: unset; } /****************** AUTOCOMPLETE [>] ******************/ .ui-autocomplete { /* BOX SHADOW */ -webkit-box-shadow: 0px 3px 3px 0px #d3d3d3; box-shadow: 0px 3px 3px 0px #d3d3d3; max-height: 220px; overflow: auto; z-index: 199001; margin-top: 5px; } /****************** AUTOCOMPLETE [<] ******************/ .apprvls-slctd .ico16 { opacity: 1 !important; } .apprvls-slctd:hover .ico16 { opacity: 0.6 !important; } .apprvls-slctd .ico16.approvals { background: url(images/main_common.png) -841px -137px; } .apprvls-slctd .ico16.approvals-set { background: url(images/main_common.png) -857px -137px; } .search-on-grey { width: 100%; background-color: rgba(255,255,255,0.5); /* CSS TRANSITION */ -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .search-on-grey:hover { border-color: #777; } .search-on-grey:focus, .search-on-grey:hover { background-color: white; } .sortable .s-i { cursor: move; } .draggable { width: 6px; height: 13px; background: url(images/main_common.png) -159px -36px; position: absolute; top: 20px; right: 0; opacity: 0.35; } .arw-order { width: 30px; height: 12px; background: url(images/main_common.png) -165px -36px; position: absolute; bottom: -12px; left: 146px; display: none; } .depending .arw-order { display: block; } .depending .s-i:last-child .arw-order { display: none; } a.open-it:not(.name) { position: relative; } a.open-it { padding-left: 22px; } .open-it:after { width: 16px; height: 16px; background: url(images/main_common.png) -889px -121px; content: ''; position: absolute; top: 2px; left: 0; } .open-it:hover { text-decoration: underline; } .cal { background-image: url(images/ico-cal.png); } .edit-product.bubble { width: 430px; height: 219px; } /* pq for category map - start */ .cont-cards #list-pq { width: 100%; margin: 25px 0 0 0; } .cont-cards.empty { margin-top: 15%; font-size: 28px; } .big-title.cat-map { width: 100%; } .big-title.cat-map h1 { width: 36%; } span.keep-together { display: inline-block; } /* pq for category map - end*/ /* Approval for rules - start */ #itemsApproval, #column-l .sortable { width: 100%; } #PQdoc #approval { width: 93%; position: relative; top: 50px; margin: 15px auto 15px auto; } #approval { width: 758px; margin: 20px 18px 5px; border: 1px solid #cccccc; height: 27px; padding: 5px 10px 5px; float: none; -webkit-border-radius: 3px; border-radius: 3px; -webkit-margin-start: 35px; } #approval label { margin-left: 10px; font-weight: bold; } #approval ul { display: inline-block; float: none; position: relative; top: 3px; } #approval ul li { display: inline-block; margin-left: 5px; } #approval ul li span { float: right; margin-left: 4px; } .approval-comment.bubble { margin-right: auto; margin-left: -1px; box-shadow: none; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .approval-comment a { position: relative; float: left; width: 28px; height: 28px; left: 0; } .approval-comment div { color: #FFF; } .ac-arrow { display: none; position: absolute; width: 10px; height: 10px; background-color: red; top: 15px; left: 12px; } #PQList #column-l .document.m-top, .document.m-top { margin-top: 67px; } /* Approval for rules - end */ /******** STYLES FOR FIREFOX ONLY -- NOT SURE IF WORKING *********/ @-moz-document url-prefix() { .button > span > .ico32, button > span > .ico32, .input-file > span > .ico32; { top: -3px; } } input.cal { background: 7px url(images/calendar-event.svg) no-repeat white !important; } .btn-sub-m { width: 22px; height: 22px; background: url(images/main_common.png) -194px -36px; display: block; position: absolute; top: 12px; left: 14px; z-index: 1; } .btn-sub-m:hover { background-position: -216px -36px; } .sub-m { position: absolute; top: 0; right: 150px; padding: 8px 50px 12px; font-size: 14px; font-weight: normal; text-shadow: none; cursor: default; display: none; z-index: 2; /* BOX SHADOW */ -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4); } .sub-m a { display: block; white-space: nowrap; border: 1px solid transparent; padding: 0px 13px 2px; /* BORDER RADIUS */ -webkit-border-radius: 3px; border-radius: 3px; } .sub-m a:hover { border-color: rgba(255,255,255,0.5); } .sub-m a:not(.button), .sub-m a:visited { color: white; } .sub-m.open { display: block; } .rows { overflow-x: auto; max-height: 100%; } .rows, .rows .row { width: 100%; } .rows .row { display: block; clear: both; float: right; padding: 15px 11px 17px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rows > .row { min-height: 67px; border-top: 1px solid #EFEFEF; float: none; } .rows > .row:first-child { border-top: none; } body#reports .sl-cont { padding-left: 4%; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#reports .row .name, body#reports .row .period { display: inline-block; clear: both; } body#reports .main-cont { float: none; display: table; } .row .status-label { width: 114px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .sl-cont .status-label { display: inline-block; margin: 4px 0 0; } .row .name { font-weight: bold; margin: 0 0 2px; } .row .period { font-size: 12px; } .form-elems, .form-elems .fe-i { width: 100%; } .form-elems .fe-i { border-bottom: 1px solid #dedede; padding-bottom: 30px; } .fe-i input:not([type="checkbox"]):not([type="radio"]), .fe-i select, .m-selector { border-color: #cccccc; } .fe-i .m-selector { background-color: white; } .fe-i .m-selector ul.ms-items > li { background-color: #e5e5e5; } #column-l .form-elems .fe-i.checkboxes table td { padding-top: 2px; padding-bottom: 2px; } .form-elems table label { font-weight: normal; } #column-l .form-elems table { width: 380px; } #column-l .form-elems table td { padding: 4px 0; } #column-l .form-elems table caption { text-align: right; font-size: 21px; padding: 30px 0; } #column-l .form-elems td.label { width: 130px; } #column-l .form-elems td.input { width: 250px; } #column-l .form-elems td.checkbox { width: 30px; } #column-l .form-elems td.cb-label { width: 350px; } #column-l .form-elems table.sub td.checkbox { width: 30px; padding-right: 30px; } #column-l .form-elems table.sub td.cb-label { width: 320px; } #activate-AS { width: 160px; } .as-single-rows label { display: block; } .as-single-rows .m-selector { width: 100%; } #sttnu { margin-top: 5px; } .cb-holder, .cb-holder input[type="checkbox"], .cb-holder div { width: 18px; height: 18px; } .cb-holder input[type="checkbox"] { position: absolute; top: 0; right: 0; z-index: 1; opacity: 0; cursor: pointer; } .cb-holder div { border: 1px solid var(--Grey); background-color: white; position: absolute; top: 0; right: 0; /* ROUND CORNERS */ -webkit-border-radius: 4px; border-radius: 4px; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cb-holder input[type="checkbox"]:checked + div { border: none; background: var(--Secondary) url(images/white-checkmark.svg) no-repeat center center; } .cb-holder input[type="checkbox"]:not(:checked,:disabled):hover + div { border-color: var(--Secondary); } .cb-holder input[type="checkbox"]:checked:hover:not(:disabled) + div { background-color: var(--Secondary); } .cb-holder input[type="checkbox"]:disabled:not(.view-input) + div { background-color: var(--Grey); } input[readonly], input[readonly="readonly"], input:read-only, input:-moz-read-only, .readonly { background-color: #f0f0f0 !important; } body#ldsp .cb-holder { float: none; display: inline-block; } body#ldsp #chk .cb-holder { top: 4px; margin: 0 10px 0 4px; } /* CUSTOM INPUT-FILE [>] */ .inFi { width: 250px; border: 1px solid #e5e5e5; } .inFi .inFi-btn { width: 35%; color: white; text-align: center; padding: 5px 7px; float: right; line-height: 17px; font-weight: bold; } .inFi .inFi-btn, .inFi .inFi-text { margin: 0; /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inFi .inFi-text { width: 65%; float: left; margin: 0px; line-height: 130%; padding: 0 8px 3px; text-align: left; overflow: hidden; direction: ltr; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; } .inFi .inFi-text.empty { color: white; } #column-r .inFi .inFi-text.empty { color: rgba(0,0,0,0.4); } .inFi input[type="file"] { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer; } .legend-bbls { width: 100%; text-align: center; margin: 33px 0 0; } .legend-bbls .ico-up { margin-right: 3px; } .legend-bbls .ico-down { margin-left: 8px; } #main-summary { width: 100%; text-align: center; font-size: 19px; line-height: 48px; margin: 14px 0 0; } #main-summary .sum { font-weight: bold; } #main-summary .sum-big { font-size: 39px; margin: 0 6px 0 0; } .data-n-d td.sum { width: 20%; } #doc-holder { width: 90%; max-width: 780px; float: none; margin: 0 auto; } #doc-holder .document, #doc-holder .actions { width: 100%; } #doc-holder .document { margin-left: 0; margin-right: 0; } .report-info { width: 100%; display: block; color: #a8a8a8; line-height: 24px; } .report-info p span { color: black; margin: 0 4px; } .document.report { padding-bottom: 85px; } .document.report .h { width: 100%; margin: 0 0 10px; } .document.report tbody > tr td { padding-top: 17px; padding-bottom: 18px; } .document.report tbody > tr:not(.tbl-i):not(:last-child) td { padding-top: 9px; padding-bottom: 11px; } .document.report .h .status-label { width: auto; display: inline-block; float: right; padding-left: 5px; padding-right: 5px; margin: 1px 0 0 14px; } .document.report .h .status-label .ico16 { margin: 0; } .document.report .h .title { width: 90%; } .document.report table th.sum, .document.report table td.sum { min-width: 130px; text-align: left; } .document.report table tbody { border-top: 1px solid #e5e5e5; } .document.report table tbody > tr:last-child td { padding-bottom: 25px; } .document.report table tbody td, .document.report tfoot td { text-align: right; } .document.report table tbody td { vertical-align: top; } .document.report thead + tbody, .document.report table tr { border: none; } .document.report .tbl-i { font-size: 16px; } .document.report .tbl-i td { padding-top: 20px; } .document.report .open-it:after { top: 0; } .document.report table td.date { width: 75px; } .document.report tbody .note { width: 100%; margin: 8px 0 0 0; color: #a8a8a8; display: block; line-height: 14px; } .document.report .color { width: 5px; height: 14px; display: inline-block; margin: 4px -6px 0 12px; } /* CUSTOM INPUT-FILE [<] */ .document .logo-details .name { width: 260px; } .document td input:not([type="checkbox"]):not([type="radio"]) { width: 100%; } .document table.editable tbody td { position: relative; } .document table.editable tbody tr td:first-child { padding-right: 0; } .document table.editable tbody tr td:last-child { padding-left: 0; } .document .a-to-r { text-align: right; } .document .ico32.add-comm { position: absolute; top: 13px; right: -38px; } .document .ico32.add-comm.remove { top: 58px; } .document .ico32.add-comm, .remove-item:not(.new-remove-item) { opacity: 0.5; } .document .ico32.add-comm:hover, .remove-item:hover:not(.new-remove-item) { opacity: 1; } .document .add-item, .remove-item:not(.new-remove-item) { position: absolute; top: 14px; left: -50px; } #filter-view, .document .comm { border-top: 0; } .document #notes { height: 100px; } .document .bottom td { text-align: right; } .document .bottom tr { border: none; } .document .bottom tbody > tr:not(:first-child) td { padding-top: 0; } .document .bottom tbody td { padding-bottom: 8px; } #th-cat { margin: -8px 2px -12px 0; border-bottom: 1px solid transparent; } .add-item.dom { width: 31px; min-width: 0; } .remove-item { text-align: center; } .remove-item .ico16 { margin: 7px 0 0; float: none; } .below-doc .ttl-row { width: 100%; } .below-doc .ttl-row .cntrls { margin: 12px 10px 0 0; } .below-doc .ttl-row .cntrls input[type="radio"] { position: relative; top: 2px; margin: 0 6px 0 3px; } .below-doc .ttl-row .ttl-ico { padding: 0; margin-right: 0; border: 0 !important; } .ttl-ico { display: inline-block; font-size: 16px; color: #777777; float: right; } .ttl-ico:before { width: 32px; height: 32px; content: ''; display: inline-block; background-image: url(images/main_common.png); margin-left: 5px; position: relative; top: 9px; } .ttl-ico.suppliers:before { background-position: -544px -57px; } .ttl-ico.files:before { background: url(images/main_common.png) -864px -89px; } .ttl-ico .total { font-weight: normal; border: 0; margin: 0 3px 0 0; } .to-left { float: left; } .below-doc .slct-items { width: 100%; } .nowrap { white-space: nowrap; } /*Deny order- confirmation progress- START*/ #do-form #denyReason { margin-right: auto; margin-top: 5px; } #do-form #denyReason .i-holder textarea { margin-top: 10px; } /*Deny order- confirmation progress- END*/ .i-holder { width: 100%; } .ih-nd { float: left; } ul.tags.files li.empty-msg { margin: 0; } ul.tags.files { gap: 12px; } ul > li.entity-document { border-radius: 100px; border: 1px solid var(--Main-Stroke); background: var(--White, #FFF); padding: 0 12px 0 16px; height: 32px; margin: 0; min-width: 68px; overflow: hidden; } ul > li.entity-document .file-link { gap: 8px; height: 100%; } ul > li.entity-document .delete { position: absolute; left: 0; top: 0; height: 100%; width: 24px; padding: 0 8px; border-right: 1px solid var(--Grey); cursor: pointer; display: none; background: var(--White); } ul > li.entity-document .delete svg * { stroke: var(--Primary); color: var(--Primary); } ul > li.entity-document:hover .delete { display: flex; } .no-display { display: none !important; } .p-copy-price { float: none; display: inline-block; } .bubble-data .b-icon { width: 60px; height: 60px; background-image: url(images/main_common.png); display: block; position: absolute; top: -2px; right: -2px; background-color: #f1f1f1; border: 2px solid white; /* ROUND CORNERS */ -webkit-border-radius: 50%; border-radius: 50%; } .b-icon.suppliers { background-position: -516px -153px; } .b-icon.success { background-position: -576px -153px; } .b-icon.warning { background-position: -636px -153px; } .invisible { visibility: hidden; } #filter-chart-form { position: absolute; top: 0px; } div.empty#empty-chart { height: 200px; padding: 80px 30px 50px; } #accepted-orders a.button { padding-right: 7px; padding-left: 15px; } .buttons button { float: right; } /* Takanon */ #privacy-policy #terms-and-condition ol, #takanon #terms-and-condition ol { padding-right: 40px; } #privacy-policy #terms-and-condition ol, #privacy-policy #terms-and-condition ul, #takanon #terms-and-condition ol, #takanon #terms-and-condition ul { margin: 13px 0; } #privacy-policy #terms-and-condition li, #takanon #terms-and-condition li { float: right; } #takanon .cb-holder { margin: 7px 0 0 6px; } #terms-and-condition { width: 800px; margin-top: 5%; } #terms-and-condition .popup-content { height: 600px; } #terms-and-condition .terms { height: 477px; overflow: auto; font-size: 14px; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #request-distribution-details #terms-and-condition .terms { height: 511px; } #request-distribution-details #phone { width: 120px; } #request-distribution-details #respond { width: 52px; } #request-distribution-details .empty { margin-right: 12px; top: 30%; } #request-distribution-details .terms { height: auto !important; max-height: 500px; } #request-distribution-details h1 { margin-bottom: 22px; } #request-distribution-details #terms-and-condition .popup-content { height: auto; border: none; } @media (max-width: 1366px) { #terms-and-condition { margin-top: 3%; } #terms-and-condition .popup-content { height: 520px; } #terms-and-condition .terms { height: 401px; } #tkn-form footer { bottom: -28px; } } #terms-and-condition form:not(.big-form) { height: 15px; } #terms-and-condition footer label { margin-top: 2px; } .lines #li-titles span { font-weight: 600; font-size: 14px; padding: 17px 0 19px !important; } .lines #li-titles .list-cb { visibility: hidden; } .lines #li-titles .sl-cont { width: 13%; } #more-info-popup .popup-wrap { width: 50%; } #PartialSuppliers, #ExcludedSuppliers, #ByCategory { display: none; } #PartialSuppliers.shown, #ExcludedSuppliers.shown, #ByCategory.shown { display: inline-block; } #dashboard #content { padding: 0; } /*Wizard*/ #wizard { width: 300px; position: fixed; top: 240px; left: 0; background-color: #793188; color: white; z-index: 1111; padding: 19px 27px 22px; /* BOX FIX */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* BOX RADIUS */ -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; /* BOX SHADOW */ -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); } #wizard.closed { left: -300px; } #wiz-icon { width: 68px; height: 68px; position: absolute; top: 0; right: -68px; background-color: #793188; padding: 14px; cursor: pointer; /* BOX RADIUS */ -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; /* BOX SHADOW */ -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); /* BOX FIX */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* CSS TRANSITION */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #wiz-icon:hover { background-color: #e93446 !important; } #wiz-icon span { width: 40px; height: 40px; display: block; margin: 0; background-image: url(images/main_common.png); background-position: -42px -206px; } #wiz-title { width: 100%; font-size: 21px; display: block; } #wiz-text { opacity: .75; margin: 10px 0 17px; } #wiz-text p { margin-top: 10px; } #wiz-btn-go { background-color: white; color: #793188; border-color: white; border-width: 2px; font-weight: bold; } #wiz-btn-go:hover { border-color: white; background-color: transparent; color: white; /* BOX SHADOW - DISABLE */ -webkit-box-shadow: none !important; box-shadow: none !important; } #wiz-btn-go span:not(.ico) { top: -3px; float: right !important; } #wiz-btn-go span.ico16 { margin: 6px 8px 1px -6px; } button .ico16.go, a.button .ico16.go { background-position: -1033px -121px; } button:hover .ico16.go, a.button:hover .ico16.go { background-image: url(images/main_common.png); background-position: -1033px -137px; } .guide-element { width: 265px; position: absolute; top: 30px; z-index: 9999; } .guide-element, .guide-element a { color: white; } .guide-e-path { width: 90px; height: 0px; border: 2px dashed #e93446; position: absolute; top: -10px; } .guide-element.right .guide-e-path { left: -85px; /* CSS ROTATE */ -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .guide-element.topright .guide-e-path { left: -85px; /* CSS ROTATE */ -moz-transform: rotate(165deg); -webkit-transform: rotate(165deg); -o-transform: rotate(165deg); -ms-transform: rotate(165deg); transform: rotate(165deg); top: -29px; } .guide-element.topright .guide-e-block, .guide-element.topleft .guide-e-block { top: -162px; } .guide-element.topleft .guide-e-path { left: 225px; /* CSS ROTATE */ -moz-transform: rotate(-165deg); -webkit-transform: rotate(-165deg); -o-transform: rotate(-165deg); -ms-transform: rotate(-165deg); transform: rotate(-165deg); top: -29px; } .guide-element.left .guide-e-path { right: -85px; /* CSS ROTATE */ -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .guide-e-block { width: 100%; min-height: 120px; background-color: #e93446; text-align: right; font-size: 14px; font-weight: bold; padding: 15px 12px 16px; /* ROUND CORNERS */ -webkit-border-radius: 4px; border-radius: 4px; /* BOX SHADOW */ -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); /* BOX SIZING */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .guide-e-close { width: 22px; height: 22px; background-image: url(images/main_common.png); background-position: -54px -137px; position: absolute; top: 5px; left: 6px; cursor: pointer; z-index: 1; } .guide-element .title { font-size: 16px; border-bottom: 2px solid white; padding-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 4px; margin-top: -4px; } .guide-element .title span { padding: 5px 11px 7px; color: #e93446; background-color: white; margin: 0 0 0 10px; } .guide-element a:hover { opacity: 0.75; } .guide-e-content { margin: 10px 0 20px; } .btn-s-left { float: left; } .btn-s-right .ico16 { background-position: -1049px -137px; margin-left: 6px; } .btn-s-left.done { padding-left: 7px; } .btn-s-left.done .ico16 { background-position: -89px -121px; } .btn-s-left .ico16 { background-position: -1033px -137px; margin-right: 6px; } .btn-s-left .ico16, .btn-s-right .ico16 { background-image: url(images/main_common.png); top: 3px; } .no-select { /* DISABLE CONTENT SELECTION */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #help-menu { padding: 0 13px 13px; margin: -2px 0 0; } .terms .mt { margin-top: 13px; } h2.big { font-size: 19px; color: #777; font-weight: normal; padding-bottom: 14px; } #data .list-bl, #data .fvrt { margin-top: 0; display: inline-block; padding: 4px; } #patterns-pq .prod-list:hover { cursor: pointer; } .h-i .p-comment td { padding-top: 0; } #requset-response label:hover { cursor: pointer; } .user-list .user-record > div { display: inline-block; } .user-list .user-record > div.status { width: 28px; height: 28px; padding: 0; margin-left: 8px; margin-top: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .user-list .user-record > div.status > i { background-image: url(images/main_common.png); height: 15px; width: 15px; text-align: center; margin-right: 7px; margin-top: 6px; } .user-list .user-record > div.status.active { background-color: rgb(128, 183, 88); } .user-list .user-record > div.status.active > i { background-position: -233px -121px; } .user-list .user-record > div.status.pending { background-color: rgb(128, 111, 255); } .user-list .user-record > div.status.pending > i { background-position: -441px -121px; } .user-list .user-record > div.status.locked { background-color: rgb(234, 101, 19); } .user-list .user-record > div.status.locked > i { background-position: -105px -121px; } #supplierPriceListTitle { border-bottom: 1px solid rgb(230, 230, 230); width: 96%; padding: 17px 24px 0 0px; height: 30px; } #total-users { border-bottom: 1px solid var(--Main-Stroke); padding: 20px 24px; background-color: var(--BG); } #total-users.municipal-total-users { gap: 2px; } #total-users .supplier-list-actions { gap: 10px; } #user-details { width: 100%; } #user-details-top { width: 100%; box-sizing: border-box; } #user-details-edit { width: 100%; } #PQList #column-l #user-details-top #sub-h-cont { position: relative; top: 0; } .user-list #column-l { padding-top: 0; overflow: hidden; } #user-details form label, #user-details form .i-holder, #product-details form label, #product-details form .i-holder { display: inline-block; float: right; } #user-details form .form-image label { margin-left: 18px; width: 160px; } #user-details .i-holder input { border-color: rgb(204, 204, 204); } #favbl .icons { gap: 16px; } #favbl .icons > a.list-bl, #favbl .icons > a.fvrt { width: 40px; height: 40px; min-width: unset; } #favbl .icons > a.fvrt.fav svg > * { fill: var(--Secondary); } #favbl .icons > a .icn { margin: 0; } #favbl .icons > .list-bl:not(.blck) svg * { stroke: var(--Grey); color: var(--Grey); } .centralize-popup .message:not(.m-0) { margin-bottom: 36px; } .centralize-popup h1 { width: 100%; margin-left: 0; } .centralize-popup h1:not(.text-start), .centralize-popup p, .centralize-popup footer { text-align: center; } .centralize-popup footer a { float: none; } .centralize-popup footer a:not(.dom) { background-color: #fbfbfb; } .centralize-popup { top: 20%; } .centralize-popup, .centralize-popup .popup-content:not(.template-popup-content) { width: 350px; } a.h-i:visited { color: #777777 !important; } /*Tag it for categories in load supplers*/ #report { width: 100%; height: 100%; } #report.no-border { border-top: none; } #report.container-report { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; height: fit-content; } #if-height { height: 965px; } #patterns-pq .prod-list { color: #777777; } #patterns-pq div .prod-quantity { width: 100%; display: inline-block; } .user-details p { margin-bottom: 0; } #user-details-top i.locked { background: url(images/main_common.png) -634px -121px; } #user-details-top i.unlocked { background: url(images/main_common.png) -1081px -121px; } #user-details-top i.active { background: url(images/main_common.png) -1145px -121px; } #user-details-top i.not-active { background: url(images/main_common.png) -1161px -121px; } #user-details-top i.restore { background: url(images/main_common.png) -1066px -121px; } #user-details-edit form > span { font-size: 20px; margin-right: 0; margin-bottom: 14px; display: inline-block; color: #000; } #user-details-edit > h3 { margin-bottom: 8px; bottom: 4px; position: relative; } #PQList .lines.single-row a.line { padding: 24px 0 7px; } #PQList .requests .single-row .ttl { top: -1px; } #cb-category input { width: 140px; margin-top: 10px; } #suppliers-categories { overflow-y: auto; height: 80px; overflow-x: hidden; width: 140px; padding: 0; } #filter-view .filter > span { display: inline-block; position: relative; } #filer-view div { width: 96%; margin-bottom: 10px; margin-top: 6px; } #PQList .reports #column-l { padding: 0; overflow: hidden; } #content.no-l-col.rep-content { overflow: hidden; } .reports #content.rep-content { overflow-y: hidden; margin-top: 0; } #column-l #user-details .document.nu-mh { min-height: 274px; } #column-l #user-details .document input, #column-l #product-details .document input, #column-l #product-details .document textarea { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .no-overflow { overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important; } #general-details .edit { opacity: 0.3; top: 5px; left: -4px; } #user-details #user-avatar { width: 82px; height: 82px; background: url(images/main_common.png) 0 -246px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 0; right: 0; } #edit-op { display: inline-block; width: 26px; height: 26px; } #column-r .cb-holder ~ span { margin-right: 0; } .rd-group { margin-top: 10px; font-size: 11px; line-height: 16px; } .rd-group label input[type="radio"] { position: absolute; top: 4px; } .rd-group label span { margin-right: 20px; } .rd-group label span a { margin-right: 20px; color: #793188; text-decoration: underline; } .map-file { color: #793188; } .btn-map-file { margin-top: 5px; } .inFi.btn-map-file .inFi-btn { background-color: #e63446; } .title-buttons li a { display: block; margin-top: -40px; } .document .bubble.one-line { top: -161px; } .document .bubble.two-lines { top: -209px !important; } .document .bubble form .bubble-line li label { margin-left: 7px !important; } #user-details .bubble form label { margin-left: 7px; } .document .bubble footer { font-size: 11px; position: relative; bottom: 0; text-align: right; background-color: #f1f1f1; } .document .bubble footer .buttons .cancel { margin-left: 7px; } .document .bubble footer .buttons .dom { margin-left: 7px; } .document .bubble footer span { display: inline; float: none; margin-top: 0; } .document .bubble footer .dom span { color: white; } #user-avatar { margin-bottom: 26px; } .user-email-top { font-size: 20px; margin-right: 0; color: #000; top: -17px; } #user-details form .i-holder.supplier-select { width: 20% !important; } .document form .new-label-width { width: 50px; } .document form .new-supplier-label-width { width: 120px; } .contracts ul.lines > li > label { width: 31%; } .user-record .new-op-list { margin-left: 70px; } .user-record .new-op-list .new-fvrt { padding-right: 28px; margin-top: 10px; } .user-record .new-op-list .new-bl { padding-right: 56px; margin-top: 10px; } #PQL .new-list-cb { width: 5%; margin-top: 11px; } #PQL .user-details { gap: 4px; } #PQL .lines .fav-bl #reason { margin-right: -220px; margin-top: -80px; } .bubble.single-textarea { width: 300px; top: -186px; } .bubble.single-textarea.right-bottom { top: 0; right: -315px; z-index: 99999; } .bubble.single-textarea label { width: 100%; } .bubble.single-textarea textarea { height: 60px; } #PQL .user-record .status { margin-right: 10px !important; margin-left: 10px !important; } #PQL ul.requests span.list-cb .cb-holder { margin-top: 20px; } #lsltexl { position: absolute; top: 10px; left: 19px; } #sup-addr { width: 100%; display: flex; align-items: center; } .flex-r-reverse { display: flex; flex-direction: row-reverse; } .flex { display: flex; } .align-center { display: flex; align-items: center; flex-direction: row-reverse; } .status-tag { background-color: transparent; border: 1px solid #CBCBCB; font-size: 11px; width: 69px; height: 17px; position: relative; top: 0; margin-left: 8px; padding-right: 5px; padding-top: 2px; border-radius: 3px; text-align: center; } .status-tag.cs-red { color: #ec5564; } .status-tag.cs-green { color: #2c8c02; } .status-tag.cs-blue { color: #0c8bd4; } .product .box-titles span#prod-count { width: 16%; } .darkness#overlay { opacity: 0.1; z-index: 10000; background-color: #808080; } .price-quotes ul.lines > li > label { width: 51%; } #PQList #column-l, .view2 #column-l { overflow-y: hidden; } .clearfix:after { display: table; content: " "; clear: both; } span.nis { width: 100%; text-align: left; } .document span.nis { width: auto; } .big-title { padding-right: 11px; } #PQList #column-l { overflow-y: auto; } .bubble-nis { position: relative; top: 6px; } #supplierBuyerDialog footer > div { width: 176px; margin: 0 auto; } #supplierBuyerDialog footer .button:first-child { margin-right: 0px; } #suppliers-categories ul.tagit li.tagit-choice { z-index: 10000; } #suppliers-categories ul.tagit li.tagit-choice .close:hover { cursor: pointer; } #PQL .pqline .nis { font-weight: bold; } #PQL .requests .big-title .subt { width: 96%; line-height: 16px; margin-top: -22px; } #PQL .requests .big-title .subt .rname { float: right; } #PQL .requests .big-title .subt .rcbdg { padding-left: 5px; padding-right: 5px; min-width: 20px; width: auto; } #takanon { display: none; } /********************* New desing to subMenu ********************/ .new-design .has-select-all li .btns { height: 16px; position: absolute; top: 0; left: 2px; background-color: white; } .new-design #PQdoc, .new-design .select-list { width: 100%; } .new-design ul#prdcntbc { height: auto; max-height: none; } .new-design #PQdoc .empty { width: 95%; margin-right: 33px; } .new-design .s-switch { top: 2px; } .new-design .switch { width: 16px; height: 16px; background: url(images/main_common.png) -696px -121px !important; background-repeat: no-repeat; content: ''; display: inline-block; position: absolute; opacity: 0.3; margin: 0 9px; position: relative; } .new-design .switch.checked { opacity: 1; } .new-design .ctrl-icons { width: auto; } .new-design .ctrl-icons a { opacity: 1 !important; } .new-design #prdcntbc .bubble { left: initial; } .new-design #PQdoc .select-list li span.desc:not(.hide) { display: inline-block; width: 100%; font-size: 11px; } .new-design .has-select-all .select-list li { font-size: 16px; } .new-design .has-select-all .sub-category li:not(.contains).selected > span { font-weight: bold; } .new-design .has-select-all .sub-category li { font-size: 13px !important; } .new-design #select-op-form .i-holder { width: 189px; } .new-design .contains > span { background-image: initial; } .new-design .select-list span i { top: -3px; } .new-design .sett { position: relative; padding: 0; } .new-design .select-list li:not(.contains) span { float: right; } .new-design #search-cont { height: 47px; margin: 0 170px 0 0; width: 30%; border-right: 1px solid #efefef; top: -9px; left: 185px; } .new-design #search-cont #search { height: 47px; border: none; width: 85% !important; } #column-r.n-grey div i.b-late { background: url(images/main_common.png) -825px -121px; } #column-r.n-grey div i.truck { background: url(images/main_common.png) -544px -59px; } #column-r.n-grey .nav i.load, #column-r.n-grey .nav i.list, #column-r.n-grey div i.truck { top: -4px; } #column-r.n-grey div i.mng-user, #column-r.n-grey .nav i.pq, #column-r.n-grey div i.catalogue { top: -7px; } #column-r.n-grey div i.mng-user { background: url(images/main_common.png) -478px -89px; } #column-r.n-grey .nav i.pq { background: url(images/main_common.png) -386px -89px; } #column-r.n-grey .nav i.list { background: url(images/main_common.png) -927px -89px; } #column-r.n-grey .nav i.load { background: url(images/main_common.png) -608px -89px; } .new-design #column-r { width: 210px; } #main-menu { top: -15px; } #main-menu > div { padding-right: 15px; min-height: 35px; display: inline-block; width: 92%; padding-top: 15px; } #main-menu .nav li { border: 1px solid transparent; -webkit-border-radius: 3px; border-radius: 3px; } #main-menu .nav li:hover, #main-menu div:hover { cursor: pointer; } #main-menu .nav li:hover { border-color: #ccc; } #main-menu div:not(:first-child) { border-top: 2px solid #E5E5E5; } .new-design #column-r.n-grey .nav li span { padding: 0; } .new-design .has-select-all .new-cat { padding-right: 28px; } .new-design .has-select-all form .btns { top: 7px; right: 200px; left: initial; } .new-design form .sml-btn-accept, .new-design form:not(#ava-menu) a:not(.del-op) { width: 16px; min-width: 16px; height: 100%; padding: 0; border: 0; float: right; background-color: white; } .new-design #PQL .categories form button, .new-design #PQL .categories form a { opacity: .2; } .new-design #PQL .categories form button:hover, .new-design #PQL .categories form a:hover { opacity: 1; } .new-design .categories .edit-int span { width: 83%; } .new-design .contains > form > span { background-image: initial; } .new-design #column-r.n-grey .nav { margin: 11px 0; padding: 0 0 0 15px; } .new-design #column-r.n-grey .nav li a { padding: 10px; } .new-design .has-select-all .sub-category li:not(.contains).selected > span, .new-design li.contains.selected > span, .new-design #main-menu > div:not(.selected) > span:hover { font-weight: bold; } .new-design #main-menu > div > span { width: 80%; display: inline-block; } .new-design #prdcntbc .edit-product.bubble { height: 262px; } .new-design #search-cont input[type="submit"] { height: 47px; float: left; width: 48px !important; position: relative; } .new-design #search-cont .i-holder.error span { left: 70px; top: 16px; } #prdcntbc .ctrl-icons a.has-bubble { width: 16px; height: 16px; display: inline-block; } .new-design #select-op-form { width: 95%; } .new-design .drop-down-arrow { background: url(images/main.png) -223px -36px; width: 8px; height: 18px; display: block; position: relative; top: -26px; float: left; z-index: 10; left: -10px; } .new-design .edit-product footer .buttons button span { float: none !important; } .new-design #prdcntbc > li[data-id] { float: none; height: 27px; margin-top: 2px; margin-bottom: 5px; } .new-design #prdcntbc > li[data-id].selected { font-weight: bold; } .new-design #prdcntbc ul.ctrl-icons { float: right; } .new-design #prdcntbc { padding-right: 20px; width: 98%; } .new-design #general-actions { width: 60%; float: left; border-right: 1px solid #efefef; height: 47px; position: absolute; top: 0; left: 0; padding: 9px 20px 0; box-sizing: border-box; } .new-design #cat-name { top: 5px; position: relative; } /* Supplier products list */ #PQList.new-design .lines .line-left > div { display: block; width: 100%; text-align: left; } #PQList.new-design .lines .cpline .prod-logo { background-size: auto 100%; display: block; width: 40px; height: 40px; } #PQList.new-design .lines .cpline .prod-logo { background: url('images/leafs.png') no-repeat center center; background-size: contain; } #PQList.supp-prod .lines .line-left { width: 25%; } .doc-cont { width: 98%; } #column-l #product-details .document textarea { resize: none; } #product-details .document form .new-label-width { width: 80px; } #supplier-vat { display: flex; align-items: center; } #product-details .field, #product-details .pack-qnt { width: 100%; } #product-details .pack-qnt > div { width: 40%; } #product-details .pack-qnt .qnt .i-holder { width: 70px; } #product-details .pack-qnt .unt .i-holder { width: 70px; } #product-details .displayfor .disp-type { width: 80px; } #product-details .displayfor .disp-type .i-holder { width: 72px; } .bubble.top.edit-product { top: -270px; } #product-details .hastagit { width: 66%; border: 1px solid #E5E5E5; } #column-l #product-details .document .hastagit input.tagit-input { border: 0; } #product-details .hastagit .tags.tagit > li { margin: 0; } #product-details .hastagit .tagit-input { padding: 14px; width: 100%; } #product-details .hastagit .tags.tagit > .tagit-choice { margin: 4px 3px; } #product-details #uploader-file { display: none; width: 0px; height: 0px; } .new-design .supplier-view #prdcntbc > li[data-id] > div:hover { font-weight: bold; } /* Supplier catalog products list in prodcuts and Categories view */ #sup-prods .catalog-products { background-color: #fff; } #sup-prods .catalog-products > li:first-child { border-top: 0; margin-top: -6px; } #sup-prods .catalog-products > li { border-top: 1px solid #efefef; } .supplier-view #PQdoc > div { width: 48%; padding-right: 2%; } #sup-prods .catalog-products .cpline a.line { width: 96%; padding: 15px 0 7px; cursor: default; } #sup-prods .catalog-products .cpline span.sl-cont { margin-top: -3px; float: right; margin-left: 15px; width: auto; } #sup-prods .catalog-products .cpline span.sl-cont .prod-logo { background: url('images/leafs.png') no-repeat center center; background-size: contain; display: block; width: 40px; height: 40px; } #sup-prods .catalog-products .cpline .ttl { top: -7px; } #sup-prods .catalog-products .cpline .ttl .desc { width: auto; float: none; font-weight: bold; margin: 3px 0 0; } #sup-prods .catalog-products .cpline .ttl .dates-range { float: none; width: auto; text-align: right; } #sup-prods .catalog-products .cpline .line-left { width: 25%; float: left; top: -6px; } #sup-prods .catalog-products .cpline .line-left > div { display: block; width: 100%; text-align: left; } #sup-prods .catalog-products { overflow-y: auto; overflow-x: hidden; } #sup-prods .filter { display: block; width: 100%; margin-bottom: 10px; } #sup-prods .filter input { width: 99%; } #sup-prods .catalog-products .cpline .cb-holder { margin-left: 15px; } .supplier-view #PQdoc #sys-prods.no-res { width: 98%; } /* Supplier catalog products list in prodcuts and Categories view */ /* Order Days */ .new-design #days { border-left: 1px solid #E5E5E5; } #right-title { border-bottom: 2px solid #E5E5E5; width: 100%; height: 51px; } #right-title .icon { background: url('images/leafs.png') no-repeat center center; background-size: contain; display: inline-block; width: 51px; height: 51px; margin: 0 10px; } #right-title h2 { display: inline-block; margin: 0; font-size: 20px; position: absolute; line-height: 51px; } #days #days-list .day { border: none; width: 100%; cursor: pointer; } #days #days-list .day:not(:first-child) { padding-top: 0; } #days #days-list .day .day-letter { font-weight: bold; font-size: 40px; display: inline-block; width: 35px; padding-right: 20px; text-align: center; margin-left: 10px; } #day-order-details { padding: 0 20px; width: 96%; } #day-letter { font-size: 40px; font-weight: bold; width: 30px; display: inline-block; } #day-order-details > div, #day-order-details .attention > div { width: 100%; } #day-order-details > div:not(:first-child) { margin-top: 10px; } .bubble-cont { position: relative; width: 250px; height: 120px; padding: 10px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 1px; } .bubble-cont:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; top: -15px; } .bubble-cont:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #7F7F7F transparent; display: block; width: 0; z-index: 0; top: -16px; } .bubble-cont:before, .bubble-cont:after { right: 15px; } #day-order-details .day-settings { font-size: 15px; width: 480px; height: 70px; } #day-order-details .day-settings input { width: 60px; } #day-order-details .day-settings .note { margin-right: 0; font-size: 13px; line-height: 17px; margin-top: 14px; } #day-order-details .day-settings input[type=text], #day-order-details .day-settings select { margin: 0 10px; } #day-order-details .attention .info { background-color: #777777; color: #F1F1F1; width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 50%; font-weight: bold; font-family: serif; font-size: 18px; } #day-order-details .attention .info + span { margin-right: 5px; font-size: 18px; } #day-order-details .attention > div:not(:first-child) { padding-right: 15px; margin-top: 10px; } #day-order-details .attention .bold { font-weight: bold; } #day-order-details .day-name { font-weight: bold; } #day-order-details .rb label { width: 200px; display: inline-block; } .order-days .popover.bottom > .arrow:after { left: 0; } .order-days .clockpicker-align-left { width: 226px; } .order-days .clockpicker-popover .popover-title { width: 198px; direction: ltr; text-align: left; } /* Order Days */ .user-list .user-record > div.status { width: 40px; height: 40px; border-radius: 50%; margin-left: 16px; margin-right: 16px; } .user-list .user-record > div.status > i { margin-right: 13px; margin-top: 12px; } /* PRICE LIST*/ #PQL.pricelist #PQList .lines > li { width: 100%; } #PQL.pricelist #PQList .view2 .lines > li, .l-s .lines > li:not(.header-content) { padding-right: 10px; } #PQL.pricelist ul.lines > li:first-child { margin-top: 0; } #PQL.pricelist .user-details { top: 0; } #PQL.pricelist ul.lines > li > div { width: 100%; padding: 16px 0; } #supplierPriceListTitle { font-size: 16px; padding-right: 0; width: 100%; } #supplierPriceListTitle span { position: relative; top: -4px; right: 24px; } #plDetails .i-holder { width: 200px; margin-right: 20px; } #pl-topBar { width: 100%; background-color: #fff; padding: 20px 0; } #pl-items, #pl-heiredItems { width: 65%; padding: 20px; text-align: center; margin: 0 auto; } #pl-heiredItems { padding-bottom: 0; } #pl-leftSide { width: 30%; height: 100%; padding: 20px 0; text-align: center; float: left; } #pl-leftSide .global-pricelist { margin-top: 10%; width: 100%; text-align: center; } #pl-leftSide .earth-icon-row { width: 100%; margin-bottom: 10px; } #pl-leftSide .earth-icon { width: 60px; height: 60px; border-radius: 50%; background-color: #6da4e2; float: none; margin: auto; } #pl-leftSide .pl-empty-msg { font-size: 18px; display: inline-block; margin-bottom: 5px; } #pl-leftSide .searchBar { width: 100%; margin: 0 auto; } #ConnectedOperatorsList, #ConnectedProductsList, #ConnectedHeiredProductsList { display: table; width: 100%; } #ConnectedOperatorsList li, #ConnectedProductsList li, #ConnectedHeiredProductsList li { display: inline-table; width: 100%; } #ConnectedOperatorsList li .op-record, #ConnectedProductsList li .prod-record, #ConnectedHeiredProductsList li .prod-record { width: 100%; } .delete-little-ico.ico32.left { float: left !important; margin-top: 35px; } #ConnectedOperatorsList .op-record .blueCircle { width: 30px; height: 30px; border-radius: 50%; background-color: #6da4e2; margin: 20px; } #ConnectedOperatorsList .op-details { margin-top: 20px; text-align: right; width: 65%; } #ConnectedProductsList .prod-AfterDiscount { width: 50px; top: 20px; } .prod-record > div:not(.deleteProd) { display: inline-block; width: 100px; text-align: right; margin: 20px 0 0 15px; } #pl-topBar .etxt, #pl-items .etxt, #pl-heiredItems .etxt { top: 27px; } .pricelist .hide { display: none !important; } .pricelist .l-s .lines > li > div { padding-bottom: 10px; } .pricelist#PQL .user-record .status { margin: 0 16px; } #column-l.pricelist #user-details:not(.no-top) { top: 0; height: 756px; } #column-l.pricelist #user-details .document { padding: 0 16px; } #column-l.pricelist .prod-record > div:first-child { width: 30%; } #column-l.pricelist .i-holder.isearch { padding-bottom: 20px; } #column-l.pricelist #plItems, #column-l.pricelist #plHeiredItems { padding-bottom: 20px; width: 100%; } #pl-heiredItems + #pl-items { padding-top: 0 !important; } #column-l.pricelist .itemsTitle { text-decoration: underline; } #column-l.pricelist input[type="text"] { direction: ltr; text-align: right; } #column-l.pricelist #pl-topBar .topbar-discountSign { position: absolute; right: 9px; top: 20px; font-size: 18px; } .loadCatalogProducts { background-image: url(images/catalog.png); background-repeat: no-repeat; background-size: cover; width: 16px; height: 16px; position: absolute; top: 27px; left: 36px; color: #000; z-index: 999; } /* NEW PRICE LIST DIALOG */ .popup-content .content > div:not(.m-0) { margin-bottom: 20px; } .popup-content .content { padding: 20px 0; } #priceListDialog .error .input-validation-error + span.etxt { top: 26px; } #priceListDialog .pl-StartDate { width: 45%; } #priceListDialog .pl-EndDate { float: left; width: 45%; } #supplierPriceListTitle .cbArchive { float: left; margin-left: 24px; } #supplierPriceListTitle .cbArchive > span { float: right; margin-left: 36px; margin-top: 2px; } #PQL.scroll .lines.suplist li:first-child #bl-reason { top: 38px; } #address-form { width: 350px; position: absolute; z-index: 9999; } #address-form footer { } #address-form-bg { position: fixed; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; z-index: 30; } #address-form form { z-index: 55; } #op-remarks textarea { height: 80px; } #address-form ul.bubble-line > li { width: 100%; } #address-form ul.bubble-line .i-holder { width: 200px !important; } .prod-item .prod-name { padding-left: 10px; } .prod-item .prod-name label { display: block; } .prod-item .prod-name { padding-left: 10px; } .prod-item .prod-name label { display: block; } .scroll-sett { overflow-y: auto; overflow-x: hidden; } .popup-content.list { min-width: 800px; } .popup-content.list .terms { width: 100%; overflow-y: auto; overflow-x: hidden; min-height: 100px; min-width: 100%; } .popup-content.list h1 { width: 100%; margin-left: 0; text-align: center; } .popup-content.list footer { position: relative; background: initial; padding: 0; left: 0; bottom: 0; } .popup-content.list footer button { margin-top: 22px; float: left; } .popup-content.list.empty { margin-right: 0; } .popup-content #select-supplier { margin-bottom: 22px; } .esi .remove-supplier { text-align: center; float: left; opacity: 0.5; } .esi td { padding: 10px 7px; } .popup-content .top-content { width: 100%; } .popup-content .top-content .button { float: left; } .default-documents input[type="file"] { display: none; } .admin-actions { position: relative; } #user-details-top { display: flex; justify-content: space-between; align-items: center; } .admin-actions .ddl.show { position: absolute; left: 0; } #report a.item, #report div.item { width: 92%; display: block; min-height: 48px; padding: 8px 16px; background-color: white; margin: 16px auto; -webkit-box-shadow: 0px 1px 3px 1px #d3d3d3; box-shadow: 0px 1px 3px 1px #d3d3d3; float: right; } #report div.report-item { width: 94%; margin: 0; min-height: auto; padding: 12px 24px; border-radius: 6px; box-shadow: none; border: 1px solid var(--Main-Stroke); } #report .item:focus { font-weight: normal; } #report .request-details { line-height: 22px; } #report .request-details, #report .request-details > div { display: block; width: 100%; } #report .request-details > div:first-child { font-size: 14px; font-weight: bold; } #report .request-details > div:last-child > span:not(:last-child) { width: 170px; max-width: 170px; display: inline-block; } #report .request-details > div:last-child > span.response-total { width: 150px; max-width: 150px; } #report .request-details > div:last-child > div > span.response-total { color: var(--Secondary); background-color: var(--Secondary-10-Percent-Visibility); display: flex; width: 24px; height: 24px; padding: 4px 3px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; box-sizing: border-box; } #report .request-details > div > div > a { text-decoration: underline; color: var(--Primary); } #report .request-details > div:last-child > span:first-child { float: right; text-overflow: ellipsis; } #report .request-details > div:last-child > span:last-child { float: left; } #PQList #column-l.scroll-y { overflow-y: auto !important; } #validate-biz-user .i-holder { margin: 10px; width: 70%; } #validate-biz-user .i-holder input { width: 50% !important; } #validate-biz-user .i-holder label { display: inline-block; width: 70px; } #validate-biz-user form div:not(.i-holder) { display: block; width: 63%; float: left; margin-top: 10px; } #validate-biz-user .error .input-validation-error + span.etxt { left: initial; } #validate-biz-user h2 { margin-bottom: 20px; } #validate-biz-user .cb-holder { width: 17px; margin-left: 10px; } #validate-biz-user #results { height: 100%; float: none; } #validate-biz-user #results > div:not(.buttons) { float: initial; margin-bottom: 30px; min-height: 10px; } #validate-biz-user #results .buttons, #validate-biz-user #results .buttons > button, #validate-biz-user #results .buttons > a { float: left !important; } #validate-biz-user #results .buttons > button { margin-right: 10px; } #validate-biz-user a:not(.button), #validate-biz-user a:not(.button):visited { font-weight: bold; color: initial; } .count-down #content { margin-left: 0; } .count-down #content .cont-down-box { width: 500px; font-size: 30px; color: rgba(0,0,0,0.87); margin: 0 auto; float: none; line-height: 40px; } .count-down #content .cont-down-box span { display: block; } .count-down #content .cont-down-box .main-title { font-size: 17px; } .beforeFileChoosingSubmit { float: left !important; width: 100px; padding: 0px 0 0px 10px; } .uploadSupplierListBtn { width: 120px; float: left; } /*NEW GLOBAL DESIGN*/ body { --Main-Stroke: #E5E7EA; --Secondary: #3D434C; --Secondary-Dark: #31363D; --BG: #F8F9FA; --White: #FFF; --Primary: #0050FE; --Primary-dark: #003AB7; --Text: #303438; --Text-2: #505761; --Text-3: #8F97A1; --Grey: #B5B8BB; --Primary-light: #EEF4FF; --Primary-10-Percent-Visibility: #0050fe1a; --Secondary-10-Percent-Visibility: #3d434c1a; --Secondary-20-Percent-Visibility: #3d434c33; --Red: #F43F5E; --Fade-Red: #FEF6F6; --Green: #1CB977; --Fade-Green: #ECFEF2; --Green-10-Percent-Visibility: #1cb9771a; --Red-10-Percent-Visibility: #f43f5e1a; --Light-Grey: #3D434D; --Grey-2: #DCDCDC; } #top-menu { width: 84px; border-left: 1px solid var(--Main-Stroke); background: var(--BG); } #top-menu > #top-menu-elements { width: 100%; } #top-menu > #top-menu-elements > li { width: 100%; height: 80px; } #top-menu > #top-menu-elements > li.current > .site-map-link:not(.new-request) { background-color: var(--Primary); } #top-menu > #top-menu-elements > li.current > .site-map-link:not(.new-request) * { color: var(--White); stroke: var(--White); } #top-menu > #top-menu-elements > li > .site-map-link.new-request:hover * { fill: var(--Secondary-Dark); } #top-menu > #top-menu-elements > li > * { flex-shrink: 0; } .site-map-link { gap: 4px; height: 100%; width: 100%; } .site-map-link:not(.new-request):hover { background-color: var(--White); } .site-map-link, .site-map-link:visited { color: var(--Secondary); } .d-flex:not(.hide) { display: flex !important; } .d-flex.flex-row { flex-direction: row; } .d-flex.flex-row-reverse { flex-direction: row-reverse; } .d-flex.flex-column { flex-direction: column; } .d-flex.flex-column-reverse { flex-direction: column-reverse; } .d-flex.flex-wrap { flex-wrap: wrap; } .d-flex.flex-wrap-reverse { flex-wrap: wrap-reverse; } .d-flex.flex-nowrap { flex-wrap: nowrap; } .d-flex.align-content-start { align-content: flex-start; } .d-flex.align-content-center { align-content: center; } .d-flex.align-content-end { align-content: flex-end; } .d-flex.align-content-space-between { align-content: space-between; } .d-flex.align-content-space-around { align-content: space-around; } .d-flex.align-content-space-evenly { align-content: space-evenly; } .d-flex.align-content-stretch { align-content: stretch; } .d-flex.align-items-start { align-items: flex-start; } .d-flex.align-items-center { align-items: center; } .d-flex.align-items-end { align-items: flex-end; } .d-flex.align-items-baseline { align-items: baseline; } .d-flex.align-items-stretch { align-items: stretch; } .d-flex.justify-content-start { justify-content: flex-start; } .d-flex.justify-content-center { justify-content: center; } .d-flex.justify-content-end { justify-content: flex-end; } .d-flex.justify-content-space-between { justify-content: space-between; } .d-flex.justify-content-space-around { justify-content: space-around; } .d-flex.justify-content-space-evenly { justify-content: space-evenly; } .d-flex.justify-content-stretch { justify-content: stretch; } .d-flex.justify-items-start { justify-items: flex-start; } .d-flex.justify-items-center { justify-items: center; } .d-flex.justify-items-end { justify-items: flex-end; } .d-flex.flex-fill { height: 100%; min-height: 100%; min-width: 100%; width: 100%; } .d-flex .align-self-end { align-self: flex-end; } .d-flex .align-self-start { align-self: flex-start; } .d-flex .align-self-center { align-self: center; } .flex-auto { flex: 1 1 auto; } .disable-flex-shrink { flex-shrink: 0; } .disable-flex-grow { flex-grow: 0; } .break-white-spaces { white-space: break-spaces; } #user-actions-menu #ava-menu { width: 340px; background-color: var(--White); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); border-radius: 6px; position: fixed; top: 70px; left: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 102; } #user-actions-menu #ava-menu #user-actions-menu-header { padding: 16px; border-bottom: 1px solid var(--Main-Stroke); } #user-actions-menu #ava-menu #user-actions-menu-header .user-details { gap: 4px; } #user-actions-menu #ava-menu #user-actions-menu-header .user-details .menu-user-name { font-size: 15px; font-weight: 600; letter-spacing: 0.1px; color: var(--Text); } #user-actions-menu #ava-menu #user-actions-menu-header .user-details .menu-manage-account { color: var(--Primary); padding: 4px 12px; background-color: var(--Primary-10-Percent-Visibility); border-radius: 6px; font-size: 12px; letter-spacing: 0.4px; } #user-actions-menu #ava-menu #user-actions-menu-header .close-user-menu-button { height: 24px; width: 24px; } #user-actions-menu #ava-menu #user-actions-menu-header .close-user-menu-button:hover { background-color: var(--Primary-light); border-radius: 6px; } #user-actions-menu #ava-menu #user-menu-action-list { padding: 16px; } #user-actions-menu #ava-menu #user-menu-action-list li { padding: 0 16px 0 8px; height: 40px; } #user-actions-menu #ava-menu #user-menu-action-list li:hover { background-color: var(--Primary-light); border-radius: 6px; } #user-actions-menu #ava-menu #user-menu-action-list li .menu-user-action { gap: 12px; width: 100%; } #user-actions-menu #ava-menu #user-menu-action-list li .menu-user-action p { color: var(--Secondary); font-weight: 400; } #user-actions-menu #ava-menu #user-menu-action-list li:hover .menu-user-action svg *, #user-actions-menu #ava-menu #user-menu-action-list li:hover .menu-user-action p { color: var(--Primary); stroke: var(--Primary); } .nav-item-button { padding: 0px; background-color: transparent; box-shadow: unset; border: unset; min-width: unset; } .grey-bg { background-color: var(--BG); } .main-content-container { width: calc(100vw - 84px); background-color: var(--BG); } #column-l.categories-list-menu-container { order: 3; flex: 1 1 auto; } .primary-text { color: var(--Primary); } .subheading-1-text { color: var(--Text-2); font-size: 15px; font-weight: 600; letter-spacing: 0.1px; } .subheading-2-text { color: var(--Text); font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.15px; margin: 0; } .bold-label { color: var(--Secondary); font-size: 12px; font-weight: 600; letter-spacing: 0.4px; line-height: normal; } .new-title { color: var(--Primary); font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.15px; } .new-title-large { color: var(--White); font-size: 24px; font-style: normal; font-weight: 600; line-height: 24px; } .new-label { color: var(--Text-2); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.4px; } .body-regular-text { color: var(--Light-Grey); font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0.28px; } .body-1-text { color: var(--Text); font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.25px; } .body-2-text { color: var(--Secondary); font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.5px; } .title-text { color: var(--Primary); font-family: Assistant; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.15px; } .grey-text { color: var(--Grey); } .display-1-text { color: var(--Primary); font-size: 37px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.25px; } .default-textarea { border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--BG); resize: none; padding: 10px 16px; font-size: 15px; font-weight: 400; letter-spacing: 0.25px; } .default-textarea:hover { border-color: var(--Grey); } .secondary-button { height: 40px; padding: 0 12px; justify-content: center; align-items: center; display: flex; border-radius: 6px; background: var(--Secondary); color: var(--White); font-size: 14px; font-weight: 600; letter-spacing: 1.25px; line-height: 40px; min-width: 100px; gap: 8px; } .secondary-button svg * { stroke: var(--White); color: var(--White); } .secondary-button span, .transparent-button span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; position: static; } .secondary-button:hover { background: var(--Secondary-Dark); } .secondary-button:disabled { background: var(--Main-Stroke); color: var(--Grey); } .secondary-button:visited { color: var(--White); } .outlined-button { height: 40px; padding: 0 12px; justify-content: center; align-items: center; display: flex; border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); color: var(--Secondary); font-size: 14px; font-weight: 600; letter-spacing: 1.25px; line-height: 40px; min-width: 100px; gap: 8px; box-sizing: border-box; } .transparent-button { display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 12px; gap: 8px; flex-shrink: 0; border-radius: 6px; color: var(--Secondary); font-family: Assistant; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.25px; stroke: var(--Secondary); width: fit-content; background: transparent; } .transparent-button:hover { color: var(--Primary); stroke: var(--Primary); } .transparent-button.clear-filter:hover { color: var(--Secondary); stroke: var(--Secondary); } .transparent-button svg * { color: inherit; stroke: inherit; } .transparent-background { background: transparent; } .tiny-button { height: 32px; padding: 7px; } .outlined-button.icon-button, .secondary-button.icon-button { min-width: unset; } .outlined-button span { position: static; } .outlined-button:not(:disabled, .disabled):hover { border-color: var(--Grey); } .outlined-button:disabled, .outlined-button.disabled { border-color: var(--Main-Stroke); color: var(--Grey); } .outlined-button:disabled svg *, .outlined-button.disabled svg * { color: var(--Grey); stroke: var(--Grey); } .outlined-button:visited { color: var(--Secondary); } .outlined-button.outlined-s-button { height: 32px; width: fit-content; } .default-input-wrapper { gap: 8px; width: 100%; } .default-input-wrapper .input-error-container { gap: 8px; } .default-input-wrapper .input-error-container .input-error-icon { background: url(images/alert-circle.svg) center center no-repeat; background-size: contain; height: 16px; width: 16px; } .default-input-wrapper.white-input-wrapper input, .default-input-wrapper.white-input-wrapper select, .default-input-wrapper.white-input-wrapper .custom-select > button { background: var(--White); } .default-input-wrapper input, .default-input-wrapper select, .default-input-wrapper .custom-select > button { height: 40px; padding: 0 16px; border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--BG); box-shadow: unset; } .default-input-wrapper input:hover, .default-input-wrapper select:hover, .default-input-wrapper .custom-select > button:hover { border-color: var(--Grey); } .default-input-wrapper input:focus, .default-input-wrapper select:focus, .default-input-wrapper .custom-select > button:focus { border-color: var(--Primary); } .default-input-wrapper input:disabled, .default-input-wrapper.view-fields-only, .default-input-wrapper select:disabled, .default-input-wrapper .custom-select > button:disabled { background: var(--BG); color: var(--Grey); border-color: var(--Main-Stroke); cursor: default; } .primary-button { display: flex; height: 40px; padding: 0 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; background: var(--Primary); color: var(--White); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.25px; box-shadow: unset; stroke: var(--White); } .primary-button:hover { background: var(--Primary-dark); } .primary-button:disabled { background: var(--BG); color: var(--Grey); } .primary-button span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; position: static; font-style: inherit; line-height: inherit; } .primary-button svg * { stroke: inherit; color: inherit; } .link-button { color: var(--Secondary); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.25px; } .link-button:hover { color: var(--Primary); } .blue-link-button { color: var(--Primary); font-size: 12px; line-height: 16px; letter-spacing: 0.24px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .default-input-wrapper .i-holder.error > input, .default-input-wrapper #chsfl.error > input, .default-input-wrapper input.input-validation-error { border-color: var(--Red); } .default-input-wrapper .etxt { display: none !important; } .caption { color: var(--Text); font-size: 13px; font-weight: 400; letter-spacing: 0.4px; } .muted-text { color: var(--Text-3); } .red-text { color: var(--Red); } .secondary-text { color: var(--Secondary); } .primary-text { color: var(--Primary); } .text-color { color: var(--Text); } .text-2-color { color: var(--Text-2); } .text-3-color { color: var(--Text-3); } .primary-underline-text { color: var(--Primary); font-family: Assistant; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.5px; text-decoration-line: underline; } .chip { display: inline-flex; padding: 4px 12px; justify-content: center; align-items: center; gap: 6px; border-radius: 6px; background: rgba(61, 67, 76, 0.10); color: var(--Secondary); text-align: center; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 0.4px; } .chip span { color: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .chip.red-chip { color: var(--Red); background: rgba(244, 63, 94, 0.10); } .chip.primary-chip { color: var(--Primary); background: rgba(0, 80, 254, 0.10); } .chip.green-chip { color: var(--Green); background: rgba(28, 185, 119, 0.10); } .input-chip-wrapper:not(.hide) { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .input-chip { display: flex; flex-direction: row; align-items: center; border-radius: 20px; background-color: var(--Secondary-10-Percent-Visibility); overflow: hidden; height: 24px; width: fit-content; } .input-chip .input-chip-text { color: var(--Secondary); flex: 1 1 auto; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.4px; padding: 0 8px; } .input-chip .remove-chip-button { height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 4px; cursor: pointer; } .input-chip .remove-chip-button svg * { stroke: var(--Secondary); color: var(--Secondary); } .input-chip .remove-chip-button:hover { background-color: var(--Secondary-20-Percent-Visibility); } .input-chip.primary-input-chip { background-color: var(--Primary); } .input-chip.primary-input-chip .input-chip-text { color: var(--White); } .input-chip.primary-input-chip .remove-chip-button svg * { stroke: var(--White); color: var(--White); } .input-chip.primary-input-chip .remove-chip-button:hover { background-color: var(--Primary-dark); } .input-chip.outlined-input-chip { gap: 8px; background-color: var(--White); border: 1px solid var(--Main-Stroke); padding: 0 12px; } .floating-containers-document { padding: 24px; gap: 24px; box-sizing: border-box; } .floating-container:not(.hide) { display: flex; flex-direction: column; border-radius: 6px; border: 1px solid var(--Main-Stroke); background-color: var(--White); width: 100%; } .floating-container .floating-container-header { padding: 16px 24px; border-bottom: 1px solid var(--Main-Stroke, #E5E7EA); box-sizing: border-box; } .floating-container .floating-container-body { padding: 24px; box-sizing: border-box; } .floating-container .floating-container-body.small-floating-container-body { padding-top: 16px; padding-bottom: 16px; } .floating-container .floating-container-footer { border-top: 1px solid var(--Main-Stroke); padding: 16px 24px; gap: 16px; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; } .floating-container.min-pad-floating-container { padding: 0 12px; box-sizing: border-box; } .floating-container.min-pad-floating-container .floating-container-header, .floating-container.min-pad-floating-container .floating-container-body, .floating-container.min-pad-floating-container .floating-container-footer { padding: 12px 0; } .floating-container.narrow-floating-container .floating-container-header, .floating-container.narrow-floating-container .floating-container-body { padding-top: 12px; padding-bottom: 12px; } #container.view2.edit-document-container #content .document.new-view-document #products thead { background-color: unset; border: unset; } #container.view2.edit-document-container #content .document.new-view-document #products thead tr th { text-align: start; height: fit-content; } #container.view2.edit-document-container #content .document.new-view-document #products thead tr th, #container.view2.edit-document-container #content .document.new-view-document #products tbody tr td { border: unset; } #container.view2.edit-document-container #content .document.new-view-document #products tbody tr:has(+ .no-display) td, #container.view2.edit-document-container #content .document.new-view-document #products tbody tr.comm td { border-bottom: 1px solid var(--Main-Stroke); } #container.view2.request-container.edit-document-container #content .document.new-view-document #products tbody:last-of-type tr:has(+ .no-display) td { border-bottom: unset; } #container.view2.edit-document-container #content .document.new-view-document #products tbody tr td .amount, #container.view2.edit-document-container #content .document.new-view-document #products tbody tr #discount { width: 92px; } .pointer-cursor { cursor: pointer; } .add-comm.remove svg * { color: var(--Grey); stroke: var(--Grey); } a.add-comm, a.new-remove-item, .remove-comm { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; } .document .sums-smmry td.prc-w { white-space: nowrap; } .text-end { text-align: end !important; } .custom-select { width: 100%; } .custom-select__option--value { text-align: right !important; } .custom-select .custom-select__option--value::after { background: transparent url(images/chevron-down.svg) center center no-repeat; height: 20px; width: 20px; border: unset; right: unset; /*lef*/ left: 0.75rem; } .custom-select .custom-select__dropdown { top: 40px; padding: 4px 0px; border-radius: 6px; background: var(--White); box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); } .custom-select .custom-select__dropdown .custom-select__option { height: 40px; padding: 0px 16px 0px 8px; text-align: right; } .custom-select .custom-select__dropdown .custom-select__option:hover { background: var(--Primary-light); } .list-right-column-wrapper { gap: 20px; box-sizing: border-box; } .add-auth-button-wrapper { width: 100%; padding: 0 16px; box-sizing: border-box; } .menu-list-item-title-wrapper { gap: 16px; } .items-without-category { gap: 8px; } .menu-list-wrapper { border-left: 1px solid var(--Main-Stroke); height: 100%; width: 333px; box-sizing: border-box; } .text-center { text-align: center; } #container { z-index: 999; height: calc(100vh - 80px); height: calc(100dvh - 80px); } #container.settings-page-container { height: calc(100vh - 160px); height: calc(100dvh - 160px); } .operator-list-item { gap: 16px; } .operator-list-item .operator-list-item-header { gap: 16px; justify-content: space-between; } .operator-list-item .operator-list-item-header .operator-list-item-header-main-content { gap: 16px; } .operator-list-item .operator-list-item-header .operator-list-item-header-main-content .fname { padding-top: 4px; } .operator-list-item .operator-list-item-header .user-actions { padding-top: 3px; } .operator-list-item .operator-list-item-header .user-actions-state { height: 16px; } #PQL .operator-list-item { gap: 4px; } #PQL .operator-list-item.user-list-item { gap: 16px; } #PQL .operator-list-item:not(.user-list-item) .user-details { gap: 4px; padding-right: 40px; } .operator-list-item .operator-list-item-status { height: 24px; width: 24px; padding: 0; border-radius: 6px; } .operator-list-item .operator-list-item-status.Active { background-color: var(--Green-10-Percent-Visibility); } .operator-list-item .operator-list-item-status.Locked { background-color: var(--Red-10-Percent-Visibility); } .operator-list-item .operator-list-item-status.InProcess { background-color: var(--Primary-10-Percent-Visibility); } .operator-list-item .operator-list-item-status.Active svg * { color: var(--Green); stroke: var(--Green); } .operator-list-item .operator-list-item-status.Locked svg * { color: var(--Red); stroke: var(--Red); } .operator-list-item .operator-list-item-status.InProcess svg * { color: var(--Primary); stroke: var(--Primary); } .multiple-content-floating-container { gap: 32px; } .new-form-view { gap: 24px; width: 100%; } .new-form-view .double-input-form-field { width: calc(50% - 12px); } .new-form-view .double-input-form-field .field { width: 100%; } .new-form-view .double-input-form-field.double-input-checkbox-form-field { padding-bottom: 10px; } .custom-table-list .custom-table-list-item { min-height: 56px; } .custom-table-list .custom-table-list-item.custom-table-list-item-header { background-color: var(--BG); } .custom-table-list .custom-table-list-item:not(:first-child) { border-top: 1px solid var(--Main-Stroke); } .custom-table-list .custom-table-list-item > div:not(:last-child) { border-left: 1px solid var(--Main-Stroke); } .custom-table-list .custom-table-list-item > * { gap: 8px; padding: 16px 24px; box-sizing: border-box; } .custom-table-list .custom-table-list-item .custom-table-action-buttons a:hover svg *, .brand-new-table .custom-table-list-item .custom-table-action-buttons a:hover svg * { color: var(--Secondary); stroke: var(--Secondary); } .custom-table-list .custom-table-list-item .custom-table-action-buttons a:not(:hover) svg *, .brand-new-table .custom-table-list-item .custom-table-action-buttons a:not(:hover) svg * { color: var(--Text-3); stroke: var(--Text-3); } .custom-table-list.contacts-custom-table .custom-table-list-item .contact-name, .custom-table-list.contacts-custom-table .custom-table-list-item .contact-phone, .brand-new-table.contacts-custom-table .custom-table-list-item .contact-name, .brand-new-table.contacts-custom-table .custom-table-list-item .contact-phone { width: calc(0.31 * (100% - 104px)); } .custom-table-list.contacts-custom-table .custom-table-list-item .contact-email, .brand-new-table.contacts-custom-table .custom-table-list-item .contact-email { width: calc(0.38 * (100% - 104px)); } .custom-table-list.contacts-custom-table .custom-table-list-item .custom-table-action-buttons, .brand-new-table.contacts-custom-table .custom-table-list-item .custom-table-action-buttons { width: 104px; flex-grow: 0; } .brand-new-table.contacts-custom-table .custom-table-list-item td > * { gap: 8px; } .custom-table-list.contract-custom-table .custom-table-list-item .contract-status { width: 106px; } .custom-table-list.contract-custom-table .custom-table-list-item .contract-status .status-label { min-width: 60px; box-sizing: border-box; } .custom-table-list.contract-custom-table .custom-table-list-item .contract-dates-range { width: calc(0.66 * (100% - 178px)); } .custom-table-list.contract-custom-table .custom-table-list-item .custom-table-action-buttons { width: 72px; } .custom-table-list.contract-custom-table .custom-table-list-item .contract-subject { width: calc(0.33 * (100% - 178px)); } .custom-table-list .custom-table-list-item .email-send-notifications svg *, .brand-new-table .custom-table-list-item .email-send-notifications svg * { color: var(--Primary); stroke: var(--Primary); } .custom-table-list.contract-custom-table .custom-table-list-item .contract-subject svg * { color: var(--Secondary); stroke: var(--Secondary); } .custom-table-list.remarks-custom-table .custom-table-list-item .custom-table-action-buttons { width: 14%; } .custom-table-list.remarks-custom-table .custom-table-list-item .remark-details { width: 86%; } .custom-table-list.price-quote-content .custom-table-list-item .price-quote-rule-description, .custom-table-list.price-quote-content .custom-table-list-item .price-quote-rule-minimum { width: calc(0.5 * (100% - 136px)); } .custom-table-list.price-quote-content .custom-table-list-item .custom-table-action-buttons { width: 136px; } .custom-table-list.users-custom-table .custom-table-list-item .user-name { width: 35%; } .custom-table-list.users-custom-table .custom-table-list-item .user-phone { width: 27%; } .custom-table-list.users-custom-table .custom-table-list-item .user-email { width: 38%; } .custom-table-list.unrecognized-product-table .custom-table-list-item .p-name, .custom-table-list.unrecognized-product-table .custom-table-list-item .p-category-wrapper { width: 45%; } .custom-table-list.unrecognized-product-table .custom-table-list-item .p-act { width: 10%; } .new-popup:not(.hide) { left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; border-radius: 6px; background: var(--White); z-index: 10000; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); width: 480px; } .new-popup.edit-product { box-shadow: none; } .edit-contact .new-form-view, .edit-contract .new-form-view { width: 100%; } .operator-details-wrapper { gap: 24px; } .new-select-list:not(.hide) { display: flex; flex-direction: column; gap: 8px; margin: 0; } .new-select-list:not(.hide) li { display: flex; flex-direction: row; align-items: start; flex-wrap: wrap; gap: 8px; } .new-select-list > li { padding: 4px 0; } .new-select-list > li.selected { padding-bottom: 16px; } .new-select-list > li.selected .raw-icon-wrapper { transform: rotate(180deg); } .categories-list:not(.hide) { display: flex; flex-direction: row; flex-wrap: wrap; } .edit-request .due-date-wrapper, .edit-request .due-time-wrapper { width: 152px; } .single-row-inputs-wrapper { gap: 24px; } .new-switch { width: 32px; height: 20px; border-radius: 27px; background: var(--Grey); display: flex; align-items: center; padding: 0 2px; box-sizing: border-box; position: relative; justify-content: flex-end; flex-shrink: 0; } .new-switch.checked { background: var(--Primary); justify-content: flex-start; } .new-switch input { opacity: 0; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; cursor: pointer; } .new-switch:after { content: ""; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; border-radius: 100%; background-color: var(--White); filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15)); } .new-switch.checked:after { background: var(--White) url(images/switch-on-icon.svg) center center no-repeat; } .document table.edit-request-additional-details-table { width: 100%; } .document table.edit-request-additional-details-table tbody tr td.has-delivery-wrapper { width: 330px; padding-right: 24px; } .document table.edit-request-additional-details-table tbody tr td.supply-until-wrapper { width: calc(100% - 330px); border-left: 1px solid var(--Main-Stroke); } .document table.edit-request-additional-details-table tbody tr td.supply-until-wrapper > div { gap: 24px; } .document table.edit-request-additional-details-table tbody tr td.supply-until-wrapper .amount { width: 50px; } .document table.edit-request-additional-details-table tbody tr td > div { width: 100%; } .edit-request-supplier-wrapper { gap: 24px; } .edit-request-supplier-wrapper > * { max-width: 975px; } .edit-request-supplier-wrapper .select-supplier-wrapper { gap: 16px; } .edit-request-supplier-wrapper .select-supplier-wrapper .cntrls { gap: 12px; } .edit-request-supplier-wrapper .select-supplier-wrapper .cntrls > div, .edit-request-supplier-wrapper .allow-supplier-applying-changes-wrapper, .edit-request-supplier-wrapper .allow-supplier-applying-changes-wrapper .allow-supplier-applying-changes-controls > div { gap: 16px; } .edit-request-supplier-wrapper .select-supplier-wrapper .cntrls > div .cntrl-descriptions { gap: 2px; } .edit-request-supplier-wrapper .allow-supplier-applying-changes-wrapper .allow-supplier-applying-changes-controls { gap: 32px; } input[type=radio] { accent-color: var(--Secondary); height: 20px; width: 20px; } #PartialSuppliers input, #ExcludedSuppliers input, #ByCategory input, #suppliers-categories input { width: 100%; } #PartialSuppliers .supplier-name, #ExcludedSuppliers .supplier-name, #ByCategory .category-name, #suppliers-categories .category-name { gap: 8px; } #PartialSuppliers .supplier-name .tagit-new, #ExcludedSuppliers .supplier-name .tagit-new, #ByCategory .category-name .tagit-new, #suppliers-categories .category-name .tagit-new { order: 0; width: 100%; } #PartialSuppliers .supplier-name .tagit-choice, #ExcludedSuppliers .supplier-name .tagit-choice, #ByCategory .category-name .tagit-choice, #suppliers-categories .category-name .tagit-choice { order: 1; } .side-bar-wrapper { height: 100%; } .side-bar-wrapper .side-bar-content-wrapper { height: calc(100% - 70px); overflow-y: auto; } #patterns-pq { gap: 16px; } #history-cont .history-cont-item-header { gap: 8px; } #history-cont .prod-list table tbody tr.product-item-details td:first-child { border-left: 16px solid transparent; } #history-cont .prod-list table tbody tr:not(:last-child, :has(+ .p-comment:not(.hide))) { border-bottom: 8px solid transparent; } .top-vertical-align { vertical-align: top; } .new-default-link { color: var(--Primary); font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.25px; text-decoration-line: underline; } .new-link, .new-link:visited { color: var(--Text-2); } .new-link:hover { color: var(--Primary); } .new-link span { color: inherit; } .show-more.hide-more .raw-icon-wrapper { transform: rotate(180deg); } .status-box { border-radius: 6px; width: 24px; height: 24px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .secondary-status-box { background: var(--Secondary-10-Percent-Visibility); color: var(--Secondary); } .secondary-status-box span { color: inherit; } #list-files-wrapper { min-width: 172px; } .document-header-wrapper { gap: 4px; } .no-price-quote-empty-template-container { background-color: var(--BG); } .no-price-quote-empty-template-container #content { width: 100%; padding: 24px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .no-price-quote-empty-template-container #content .no-price-quote-empty-template { width: 100%; height: 100%; box-sizing: border-box; border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); padding-top: 140px; gap: 24px; } .no-price-quote-empty-template-container #content .no-price-quote-empty-template .no-price-quote-icon-wrapper { border-radius: 10px; background-color: var(--Primary-light); width: 70px; height: 70px; } .no-price-quote-empty-template-container #content .no-price-quote-empty-template .no-price-quote-texts-wrapper { gap: 4px; } .no-price-quote-empty-template-container #content .no-price-quote-empty-template .no-price-quote-icon-wrapper svg { height: 28px; width: 28px; } .no-price-quote-empty-template-container #content .no-price-quote-empty-template .no-price-quote-icon-wrapper svg * { color: var(--Primary); stroke: var(--Primary); } .list-sub-title { padding: 20px 24px; background-color: var(--BG); border-bottom: 1px solid var(--Main-Stroke); } .list-sub-title .list-sub-title-texts { gap: 4px; } .floating-label-element.black-floating-label svg * { fill: var(--Secondary-Dark); } .floating-label-element.blue-floating-label svg * { fill: var(--Primary); } #ui-datepicker-div.ui-datepicker { width: 340px; /*height: 318px;*/ /**/ padding: 4px 0px; /*flex-direction: column; align-items: flex-start;*/ border-radius: 6px; /* Popup */ box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); border: unset; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { background: var(--White); height: 48px; box-sizing: border-box; display: flex; flex-direction: row-reverse; align-items: center; flex-shrink: 0; padding: 8px 12px; border: unset; border-bottom: 1px solid var(--Main-Stroke); gap: 8px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next { position: static; flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover { background: none; border: unset; border-radius: 6px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span { position: static; margin: 0; background: url(images/chevron-left.svg) center center no-repeat } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { transform: rotate(180deg); } #ui-datepicker-div.ui-datepicker .ui-datepicker-header:before, #ui-datepicker-div.ui-datepicker .ui-datepicker-header:after { display: none; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: right; display: flex; gap: 5px; color: var(--Text); font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.1px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr { height: 44px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr th { border: 5px solid transparent; } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td a, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr th span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled span { height: 32px; width: 32px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #fff; border: 5px solid transparent; border-radius: 6px; margin: 0 auto; color: var(--Text); font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.25px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active { background: var(--Secondary); color: var(--White); } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled span { color: var(--Grey); } #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tr th span { color: var(--Text-3); } #ui-datepicker-div.ui-datepicker .ui-datepicker-title select { border: 0; margin: 0; width: fit-content; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative; color: var(--Text); font-family: 'Assistant', Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.1px; background: url(images/chevron-down-secondary.svg) left center no-repeat; padding-left: 20px; } #container.order-container { width: calc(100% - 333px); border: 1px solid var(--Main-Stroke); } #sys-msg { position: absolute; display: flex; align-items: center; gap: 10px; width: fit-content; padding: 0 16px; height: 48px; border-radius: 6px; border: 1px solid var(--Green); background: var(--Fade-Green); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 10px 15px 0px rgba(0, 0, 0, 0.05); bottom: -50px; left: 20px; z-index: 99999; box-sizing: border-box; } #sys-msg.error-sys-message { border: 1px solid var(--Red); background: var(--Fade-Red); } #sys-msg:before { content: ""; background: transparent url(images/circle-check-filled.svg) center center no-repeat; background-size: contain; height: 100%; width: 24px; } #sys-msg.error-sys-message:before { background: transparent url(images/circle-x-filled.svg) center center no-repeat; } #sys-msg .close-button { content: ""; background: transparent url(images/x.svg) center center no-repeat; background-size: 18px; height: 100%; width: 24px; cursor: pointer; } #markOperatorDialog { left: 0px; top: 25px; width: 210px; height: fit-content; position: absolute; z-index: 1; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); border-radius: 6px; background: var(--White); padding: 4px 0; } ul#markOperatorDialog li > div { height: 40px; display: flex; align-items: center; gap: 12px; width: 100%; padding: 0 8px 0 16px; box-sizing: border-box; } ul#markOperatorDialog li > div svg * { color: var(--Text-3); stroke: var(--Text-3); } ul#markOperatorDialog li > div:hover { background: var(--Primary-light); } #new-contract .default-input-wrapper input, #new-contract .default-input-wrapper select { width: 100%; } .default-input-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--BG) url(images/chevron-down.svg) no-repeat; background-position: left 16px center; } #confirm-dialog { display: block; position: absolute; width: 100vw; height: 100vh; height: 100dvh; z-index: 99999; } #confirm-dialog .confirm-dialog-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--White); border-radius: 6px; } #input-attachment { width: 100%; height: 56px; padding: 16px; border-radius: var(--Corners-corner-xs, 6px); border: 1px dashed var(--Grey, #B5B8BB); background: var(--BG); } .progress-bar-wrapper:not(.hide) { width: 100%; height: 56px; border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--BG); padding: 0 16px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .progress-bar-wrapper .progress-bar-line { border-radius: 6px; background: var(--Main-Stroke); width: 100%; height: 8px; position: relative; } .progress-bar-wrapper .progress-bar-line .progress-bar-filled-line { background: linear-gradient(90deg, #0050FE 1.44%, #00C1FC 101.97%); width: 0; height: 100%; position: absolute; top: 0; right: 0; border-radius: 6px; transition: width 0.3s ease-in-out; } .default-documents-list .default-files-wrapper { gap: 10px; width: 100%; } .default-documents-list .default-files-wrapper:not(:last-child) { border-bottom: 1px solid var(--Main-Stroke); } #login { width: 100vw; height: 100vh; height: 100dvh; background-color: var(--White); position: relative; } #login .login-background { background: url(images/login-background.png) right center no-repeat; width: calc(100% - 491px); max-width: 100%; left: 0; height: 100%; position: absolute; top: 0; background-size: cover; } #login .logo-wrapper { position: absolute; height: fit-content; gap: 40px; transform: translate(-50%,-50%); left: calc((100% - 592px) * 0.5); top: 50%; } #login .login-container { background-color: transparent; height: 100%; width: 592px; padding: 80px; box-sizing: border-box; } #login .login-container .login-content-wrapper { width: 100%; } #login .login-container .login-content-wrapper .login-content { width: 100%; } #login .login-container .login-content-wrapper .login-content .login-form-wrapper { width: 100%; gap: 40px; } #login .login-container .login-content-wrapper .login-content .login-form-wrapper form { gap: 24px; } #login .login-container .login-content-wrapper .login-content .login-form-wrapper form .login-form-buttons { gap: 16px; } #login .login-container .login-content-wrapper .login-content .login-form-wrapper .login-form-title { gap: 6px; } #login .login-container .contact-us { position: absolute; bottom: 20px; gap: 20px; transform: translateX(-50%); left: 50%; } #login .login-container .contact-us > div { gap: 6px; } #sItemsApprovals { gap: 16px; width: 100%; } #itemsApproval .items-approval-list-wrapper { width: 100%; } #itemsApproval .items-approval-footer { width: 100%; justify-content: space-between; } #sItemsApprovals .price-quote-confirm-entity { width: 100%; padding: 8px; border-radius: 6px; border: 1px solid var(--Main-Stroke); box-sizing: border-box; } #sItemsApprovals .price-quote-confirm-entity .dlt { visibility: hidden; } #sItemsApprovals .price-quote-confirm-entity:hover { box-shadow: 2px 2px 4px 0px rgba(106, 113, 128, 0.14); } #sItemsApprovals .price-quote-confirm-entity:hover .dlt { visibility: visible; } #sItemsApprovals .price-quote-confirm-entity .price-quote-confirm-entity-description { gap: 16px; } ::-webkit-scrollbar { width: 8px; direction: ltr; box-sizing: border-box; } ::-webkit-scrollbar-track { border-radius: 30px; background-color: transparent; } ::-webkit-scrollbar-thumb { background: var(--Grey-2); border-radius: 30px; } .coming-soon-page, .load-suppliers-page { width: 100%; height: 100%; padding: 24px; box-sizing: border-box; } .coming-soon-page .coming-soon-container, .load-suppliers-page .load-supplier-empty-container { border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); gap: 24px; width: 100%; height: 100%; box-sizing: border-box; padding-top: 140px; } .coming-soon-page .coming-soon-container .coming-soon-icon-wrapper { border-radius: 10px; background: var(--Primary-light); width: 70px; height: 70px; } .coming-soon-page .coming-soon-container .coming-soon-texts { gap: 4px; } .settings-page-wrapper { width: 100%; } .sub-navigation-wrapper { width: 100%; z-index: 1000; } .sub-navigation-wrapper .settings-page-header { height: 80px; width: 100%; box-sizing: border-box; padding: 0 24px; border-bottom: 1px solid var(--Main-Stroke); } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu { border-radius: 6px; border: 1px solid var(--Main-Stroke); background: var(--White); padding: 4px 0; } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper:not(:last-child) { border-left: 1px solid var(--Main-Stroke); } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper { padding: 0 4px; } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper .settings-menu-item { gap: 8px; padding: 6px 16px; box-sizing: border-box; color: var(--Text-3); stroke: var(--Text-3); } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper .settings-menu-item svg { height: 16px; width: unset; } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper .settings-menu-item svg *, .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper .settings-menu-item p { color: inherit; stroke: inherit; } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper:not(.current):hover .settings-menu-item { color: var(--Secondary); stroke: var(--Secondary); } .sub-navigation-wrapper .settings-page-header .settings-menu-wrapper #settings-menu .settings-menu-item-wrapper.current .settings-menu-item { color: var(--White); stroke: var(--White); border-radius: 6px; background: var(--Secondary); } .user-details-single-view .new-view-document #operator-details .content, .user-details-single-view .new-view-document { gap: 16px; } #logout-from-another-operator { width: fit-content; height: 100%; border-right: 1px solid var(--Main-Stroke); } #logout-from-another-operator #logout-from-another-operator-button { gap: 12px; background: transparent; padding: 0 24px; height: 100%; } .fit-content-width { width: fit-content; } .password-input-wrapper { position: relative; width: 100%; } .password-input-wrapper input { width: 100%; } .password-input-wrapper .view-password-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; height: 100%; display: flex; width: 53px; height: 100%; } .password-input-wrapper .view-password-icon .raw-icon-wrapper { width: 100%; } .password-input-wrapper input:not(:disabled) + .view-password-icon:hover svg * { color: var(--Secondary); stroke: var(--Secondary); } .system-entity-details-wrapper { gap: 32px; } .system-entity-details-wrapper .system-entity-logo { flex-shrink: 0; } .system-entity-details-wrapper .system-entity-logo img { object-fit: cover; object-position: center center; width: 100%; height: 100%; border-radius: 100%; overflow: hidden; height: 110px; width: 110px; } .system-entity-details-wrapper .system-entity-details { gap: 8px; } .count-down-container { gap: 40px; } .count-down-container .count-down-titles { gap: 8px; } .count-down-container .count-down-info { gap: 24px; } #countdown { gap: 16px; } #countdown .count-down-box { height: 80px; width: 80px; border-radius: 10px; background: var(--Primary-light); } #container.price-quote-for-category-map-container #column-r { order: 1; } #container.price-quote-for-category-map-container #list-pq { width: 100%; } #container.price-quote-for-category-map-container #list-pq .card { width: 100%; } #container.price-quote-for-category-map-container #list-pq .card:not(:last-child) { margin-bottom: 24px; } #container.price-quote-for-category-map-container #list-pq .card .category-map-pq-info-wrapper { gap: 16px; } #container.price-quote-for-category-map-container #list-pq .card .category-map-pq-info-wrapper .category-map-pq-info { gap: 8px; } .grey-icon-wrapper { height: 24px; width: 24px; background-color: var(--Secondary-10-Percent-Visibility); border-radius: 6px; } .product-categories-recommendation-wrapper { gap: 24px; overflow-y: auto; overflow-x: hidden; } .product-categories-recommendation-wrapper .floating-container-body { gap: 12px; } .filter-price-quote-for-category-map-wrapper { position: relative; } #filter-pq { z-index: 1000; top: 45px; transform: translate(0, 0); left: 0; } .header-content { padding: 20px 24px; margin-right: 0; border-bottom: 1px solid var(--Main-Stroke); } #filter-view.header-content { padding: 20px 24px; margin-right: 0; height: 80px; } .header-content.no-border { border: none; } .filter-submit-button { padding: 8px 12px; background-color: var(--Secondary); color: var(--White); } .filter-submit-button:hover { color: var(--White); stroke: var(--White); } .gap-32 { gap: 32px; } .gap-24 { gap: 24px; } .gap-16 { gap: 16px; } .gap-12 { gap: 12px; } .gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-6 { gap: 6px; } #filter-view div.filter.mt-0 { margin-top: 0; } #column-l.w-100 { width: 100% !important; } .w-100 { width: 100%; } .w-auto { width: auto; } #filter-view div.filter.w-auto { width: auto; } .w-216p { width: 216px; } .supplier-previous-price-quote-wrapper { width: 100%; box-sizing: border-box; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .previous-price-quote-header { gap: 16px; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .previous-price-quote-header .previous-price-quote-header-content > * { gap: 4px; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .previous-price-quote-header .previous-price-quote-header-content .date { padding-bottom: 4px; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td { vertical-align: top; box-sizing: border-box; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr:not(:last-child) td { padding-bottom: 8px; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td:not(:last-child) { padding-left: 8px; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td.id-n { width: 16%; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td.p-name { width: 50%; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td.price { width: 24%; } .supplier-previous-price-quote-wrapper #history-cont #supplier-history .floating-container-body table tbody tr td.pu { width: 10%; } .setting-menu-overlay-header { gap: 16px; } .content-categories { width: calc(100% - 333px) } .w-180p { width: 180px } .p-0 { padding: 0; } .table-item { width: 32px; border-right: 1px solid #efefef; height: 56px; display: flex; flex-direction: column; justify-content: center; padding: 0px 24px; gap: 2px; border-bottom: 1px solid #efefef; } .slider-container input { display: none; } .slider { position: absolute; cursor: pointer; top: 20px; left: 25px; right: 24px; bottom: 0; background-color: #ccc; transition: .4s; width: 32px; height: 20px; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: .4s; } input[type="checkbox"]:checked + input[type="hidden"] + .slider, input[type="checkbox"]:checked + .slider { background-color: var(--Primary); } input[type="checkbox"]:focus + input[type="hidden"] + .slider, input[type="checkbox"]:focus + .slider { box-shadow: 0 0 1px var(--Grey); } input[type="checkbox"]:checked + input[type="hidden"] + .slider:before, input[type="checkbox"]:checked + .slider:before { transform: translateX(12px); background-image: url(images/check-slider.svg); background-repeat: no-repeat; background-position: center; background-size: 9px; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .cb-item-table { width: 18px; padding: 0px 24px; height: 56px; border-bottom: 1px solid #efefef; } .table-item.w-auto-table-item { width: calc(100% - 18px - 32px - 32px - 3px - calc(48px * 4)); } .h-100 { height: 100%; } .l-s .lines.h-100 > li:not(.header-content) { padding-right: 0; } span.cb-item-table .cb-holder { margin-top: 0; } .l-s .lines.h-100 > li.container-table { padding: 0 24px 24px; border: none; } .sub-container-table { border: 1px solid #efefef; background-color: var(--White); } #nav li, #nav .select-list:not(.hide) { display: flex; flex-direction: column; gap: 20px; cursor: pointer; } #nav.categories { width: 333px; box-sizing: border-box; height: calc(100vh - 80px - 80px - 40px) !important; } #column-r.categories { width: 333px; } .select-list .contains ul.select-list { margin: 0; } .content-requests { height: calc(100% - 81px); } #PQList #column-l #PQdoc .empty.content-reports { height: calc(100% - 81px - 48px); } .empty-template-icon { border-radius: 10px; background: var(--Primary-light, #EEF4FF); display: flex; width: 70px; height: 70px; justify-content: center; align-items: center; gap: 10px; } .empty-template-icon svg * { font-weight: 600; color: var(--Primary); stroke: var(--Primary); } .empty-template-icon svg { width: 28px; height: 28px; } .big-primary-icon { border-radius: 6px; background-color: var(--Primary-light); height: 70px; width: 70px; } .big-primary-icon svg { height: 28px; width: 28px; } .big-primary-icon svg * { color: var(--Primary); stroke: var(--Primary); } .transparented-secondary-icon { height: 24px; width: 24px; background-color: var(--Secondary-10-Percent-Visibility); border-radius: 6px; } .transparented-secondary-icon svg { width: 18px; height: 18px; } .transparented-secondary-icon svg * { color: var(--Secondary); stroke: var(--Secondary); } #external-response-report .request-details-main-section { gap: 16px; } #external-response-report .request-details-main-section > div, #external-response-report .request-details-date { gap: 8px; } .brand-new-table thead { background-color: var(--BG); } .brand-new-table thead tr th { text-align: start; } .brand-new-table thead tr th, .brand-new-table tbody tr td { height: 56px; padding: 0 24px; } .brand-new-table thead tr th:not(:last-child), .brand-new-table tbody tr td:not(:last-child) { border-left: 1px solid var(--Main-Stroke); } .brand-new-table tr:not(:last-child) { border-bottom: 1px solid var(--Main-Stroke); } .brand-new-table.hover-table tbody tr:hover { background-color: var(--Primary-10-Percent-Visibility); } #external-response-report .distribution-log-table .supplier-name-th { width: 27%; } #external-response-report .distribution-log-table .contact-name-th, #external-response-report .distribution-log-table .phone-th { width: 23%; } #external-response-report .distribution-log-table .is-watched-th, #external-response-report .distribution-log-table .is-respond-th, #external-response-report .distribution-log-table .received-email-th { width: 9%; } #external-response-report .distribution-log-table tbody tr .distribution-log-table-operator-info { gap: 24px; } #external-response-report .distribution-log-table tbody tr .distribution-log-table-operator-info .distribution-log-table-operator-logo { height: 40px; width: 40px; object-fit: cover; border-radius: 100%; object-position: center center; background-color: var(--BG); } #external-response-report .missing-distribution-log { height: 56px; } #external-response-report .external-response-report-filter-form { width: fit-content; } #not-supported-browser .not-supported-browser-content { width: 592px; padding: 48px 24px; box-sizing: border-box; gap: 48px; position: relative; } #not-supported-browser .not-supported-browser-content .contact-us { gap: 16px; } #not-supported-browser .not-supported-browser-content .contact-us div { gap: 6px; } #not-supported-browser .not-supported-browser-content .not-supported-browser-content-error-description { gap: 6px; } #not-supported-browser .not-supported-browser-content .not-supported-browser-content-buttons { gap: 16px; } #not-supported-browser .not-supported-browser-content .not-supported-browser-content-buttons a { width: 432px; } .not-supported-browser-content::after { content: ""; background: url(images/middle-ellipse.png) center center no-repeat; background-size: contain; height: 198px; width: 198px; position: absolute; left: -144px; bottom: 23px; } .not-supported-browser-content::before { content: ""; background: url(images/blur-middle-ellipse.png) center center no-repeat; background-size: contain; height: 112px; width: 112px; position: absolute; top: 62px; right: -56px; bottom: 0; z-index: -1; } .global-message-container { width: 100%; gap: 24px; } .global-message-container .global-messages { gap: 6px; } .global-message-container a { width: 100%; } .global-message-container a { width: 100%; } .colors-text { color: var(--Text); } .colors-text-2 { color: var(--Text-2); } #product-catalogue.popup-cat .popup-content { padding: 0; } #product-catalogue.popup-cat .popup-content .header-popup #popup-close:hover { background: url(images/main_common.png) -160px -89px; } #product-catalogue.popup-cat .popup-content .header-popup { display: flex; padding: 16px 24px; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--Main-Stroke); } .popup.two-cols #product-catalogue.popup-cat form > .col1 { display: flex; width: 250px; padding: 16px 24px; flex-direction: column; gap: 12px; align-self: stretch; border-left: 1px solid var(--Main-Stroke); } .popup.two-cols #product-catalogue.popup-cat form > .col2 { display: flex; padding: 16px 24px; flex-direction: column; gap: 12px; flex: 1 0 0; align-self: stretch; width: calc(700px - 250px); } #product-catalogue.popup-cat > .popup-content { height: 500px; background-color: var(--White); border-radius: 6px; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.12); } #product-catalogue.popup-cat .cats .select-list:not(.hide), #product-catalogue.popup-cat .products #prdcntbc { display: flex; flex-direction: column; gap: 8px; max-height: none; } #product-catalogue.popup-cat .products #prdcntbc #rowProd { width: 100%; display: flex; height: 32px; padding: 4px 0px; justify-content: space-between; align-items: center; cursor: pointer; } #product-catalogue.popup-cat .products #prdcntbc #rowProd:hover label, #product-catalogue.popup-cat .products #prdcntbc li.selected #rowProd label { font-weight: 600; } #product-catalogue.popup-cat .products #prdcntbc svg * { stroke: var(--Text-3); } #product-catalogue.popup-cat .cats > .select-list:not(.hide), #product-catalogue.popup-cat .products > #prdcntbc { height: calc(500px - 65px - 16px - 16px - 19px - 12px); } #product-catalogue.popup-cat .cats .select-list:not(.hide) .contains ul { padding-top: 8px; } #product-catalogue.popup-cat .cats .select-list .contains .cat-name { display: flex; color: var(--Text-2); gap: 8px; padding: 4px 0px; cursor: pointer; } #product-catalogue.popup-cat .cats .select-list .cat-name:hover { font-weight: 600; } #nav .sett { background: none; padding: 0; } #nav .sett.show { display: flex !important; gap: 8px; } #nav form.edit-int input { width: 100%; } .m-0 { margin: 0; } .template-popup-content { display: flex; flex-direction: column; align-items: flex-start; padding: 0; width: 480px; border-radius: 6px; } .template-popup-content .content { padding: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; width: -webkit-fill-available; } .template-popup-content .footer { padding: 16px 24px; border-top: 1px solid var(--Main-Stroke); width: -webkit-fill-available; } .text-start { text-align: start; } .alert-circle-icon { background: url(images/alert-circle-grey.svg) center center no-repeat; background-size: contain; height: 20px; width: 20px; } .rotated-upside-arrow { transform: rotate(-131deg); } .text-nowrap { white-space: nowrap; } .empty-templateo-price-quote { padding: 140px 24px; } .empty.empty-upper-content { padding-top: 140px; gap: 24px; } .empty-template-container { height: calc(100% - 48px); width: calc(100% - 48px); margin: 24px; background-color: var(--White); border-radius: 6px; border: 1px solid var(--Main-Stroke); box-sizing: border-box; gap: 24px; padding: 140px 24px; } .centered-text { text-align: center; } .seperator-line { border-bottom: 1px solid var(--Main-Stroke); width: 100%; } #wrapper #container #content #edit-protocol .edit-protocol .edit-protocol-buttons { gap: 16px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-header .protocol-general-info { gap: 16px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-header .protocol-general-info .protocol-title { gap: 8px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper { gap: 24px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group { gap: 24px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group .protocol-department-wrapper, #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group .protocol-budgetary-section-name-wrapper, #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group .protocol-budgetary-section-number-wrapper, #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group .protocol-budgetary-balance-wrapper { width: calc(100% / 3 - (24px * 2 / 3)); } #wrapper #container #content #edit-protocol .edit-protocol .protocol-info .protocol-info-inputs-wrapper .protocol-info-inputs-group .protocol-order-name-wrapper { width: calc((100% - (100% / 3 - (24px * 2 / 3))) - 24px) } #wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .floating-container-header, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .floating-container-header { gap: 8px; } /*#wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes . {*/ /*background-color: black;*/ /*}*/ #wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .price-quote-approved-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .price-quote-number-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .price-quote-total-price-th { width: 14%; } /*#wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .edit-protocol-price-quote-comment-th { width: 7%; }*/ #wrapper #container #content #edit-protocol.new-protocol-form .edit-protocol .protocol-price-quotes .price-quote-supplier-name-th { width: 20%; } #wrapper #container #content #edit-protocol.new-protocol-form .edit-protocol .protocol-price-quotes .price-quote-comments-th { width: 52%; } #wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes .price-quote-supplier-name-th { width: 22%; } #wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes .price-quote-comments-th { width: 36%; } #wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes .price-quote-comments-wrapper { width: 100%; } #wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes .price-quote-comments-wrapper a:not(:hover) svg * { color: var(--Text-3); stroke: var(--Text-3); } #wrapper #container #content #edit-protocol.edit-protocol-form .edit-protocol .protocol-price-quotes .protocol-selected-price-quote-wrapper, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .protocol-committee-member-present-wrapper { width: 100%; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-price-quotes .price-quote-approved-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-present-th { text-align: center; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-comments .default-textarea { height: 100px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-info-inputs-wrapper .default-textarea { height: 80px; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-present-th { width: 12%; } #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-name-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-role-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-phone-th, #wrapper #container #content #edit-protocol .edit-protocol .protocol-committee-members .protocol-price-quotes-table .committee-email-th { width: 22%; } #protocol-signature-form .signature-pad-wrapper { background-color: var(--BG); border-radius: 10px; padding: 20px 12px; } #protocol-signature-form .signature-pad-wrapper .signature-bottom { border-bottom: 1px solid var(--Grey); } #protocol-signature-form .signature-pad-wrapper .signature-bottom .icon-button { } .signature-pad-wrapper .title-text { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; pointer-events: none; } #upload-protocol-signature-file .upload-signature-file-icon svg * { color: var(--Secondary); stroke: var(--Secondary); } #send-email-popup.send-protocol-email .tags .tagit-new { order:0; width: 100%; } #send-email-popup.send-protocol-email .tags .tagit-new input { width: 100%; } #send-email-popup.send-protocol-email .tags .tagit-choice { order: 1; } *******************************************HelloMarket********************************************** .avatar { border: 3px solid #7cb355; } #ava-menu .msg { background-color: #d1edbe; } .label-s { color: #FFF; } /* button.dom, #add-auth.dom, a.button.dom, .input-file.dom, #column-l .hdr, .inFi-btn { text-shadow: 1px 1px #3c581b; }*/ ::selection { background: var(--Primary-10-Percent-Visibility); } ::-moz-selection { background: var(--Primary-10-Percent-Visibility); } #logo { background: transparent url(images/HelloMarket/logo.svg) no-repeat center center; transform: unset; width: 100%; height: 100%; } .avatar { background: url(images/main_HelloMarket.png) -60px -59px; } #notifications { background: url(images/main_HelloMarket.png) -32px -89px; } .ico32.admin-actions { background: url(images/main_HelloMarket.png) -992px -89px; } .ico32.refresh { background: url(images/main_HelloMarket.png) -576px -57px; } .ico16.arrow-slctd { background: url(images/main_HelloMarket.png) -553px -121px; } .ico16.error { background: url(images/main_HelloMarket.png) -617px -121px; } .bubble:not(.approval-comment):before, .po-menu:before { background: url(images/main_HelloMarket.png) 0 -160px; } .full-screen { background: var(--BG); } .full-screen #logo-w { background: url(images/main_HelloMarket.png) -302px 0; } .apps i { background-image: url(images/main_HelloMarket.png); } .stamp-doc > div { background: url(images/stamp-doc.png); } .bubble-data.up-down .down .up-down:before, .ico-down { background-image: url(images/main_HelloMarket.png); } button .ico16.go, a.button .ico16.go { background-image: url(images/main_HelloMarket.png); } #refresh { background: url(images/main_HelloMarket.png) -607px -57px; cursor: pointer; } /*@media screen and (max-width: 1280px) { html { min-width: 1280px; } .bubble.single-textarea.right-bottom { right: -280px; } .user-list .user-record > div.user-details { max-width: 65%; } .price-quotes ul.lines > li > label { width: 54%; } #bl-reason { right: 0 !important; top: 50px; } #PQList #column-l.pricelist { width: 60%; } #PQL.pricelist { width: 100%; } #login .popup-wrap { margin-top: 2%; } } @media screen and (max-width: 1490px) {*/ /*#PQList .requests.pq .status-label, #PQList .requests.orders .status-label {*/ /* width: 12px; font-size: 0;*/ /*}*/ /*#PQList .requests .ttl, #PQList .requests .ttl.ord {*/ /*width: 60%;*/ /*width: 82%;*/ /*} #PQList #column-l.without-container { width: 85.6%; } #content:not(.no-l-col) .document, #content:not(.no-l-col) .below-doc, #content:not(.no-l-col) .above-doc, #cdd-left-m.doc:not(.keep-size) { width: 675px;*/ /*width: 628px;*/ /*} #content:not(.no-l-col) .document { max-width: 628px; min-width: 628px; min-height: 889px; } #content:not(.no-l-col) #external-response-report.document{ max-width: 725px; min-width: 725px; } #content:not(.no-l-col) .document .logo-details { width: 206px; } #content:not(.no-l-col) .document .logo-details input.name { width: 100%; } .document .vat { white-space: normal; } #send-to { width: 100%; margin-right: 0; } #can-change { width: 100%; margin-top: 4px; padding-right: 7px; box-sizing: border-box; } #user-details-edit { width: 79%; }*/ /* new media */ /*.document #user-details-edit { width: 100%; } .new-design #prdcntbc { width: 97%; }*/ /*#PQList.supp-prod .requests .ttl, #PQList .requests .ttl.ord { width: auto; }*/ /*#column-l.pricelist #pl-leftSide { padding: 20px 0 0 20px; } #column-l.pricelist #user-details .document { padding: 0; } #column-l.pricelist .prod-record > div:not(.deleteProd) { width: 70px; } #column-l.pricelist #ConnectedOperatorsList .op-details { width: 50%; } #column-l.pricelist .prod-record > div:first-child { width: 80px; } #column-l.pricelist .prod-record > div:last-child { margin-left: 0; } #column-l.pricelist #pl-items, #column-l.pricelist #pl-heiredItems { width: 60%; padding: 20px 20px 0px 0px; } #pl-heiredItems + #pl-items { padding-top: 0 !important; }*/ /* .user-list .user-record > div.user-details { max-width: 75%; } */ /*.lines.suplist #bl-reason { right: 20px; } #login .popup-wrap { margin-top: 5%; } } @media screen and (max-width:899px){*//*150%*/ /* header#top{ width:72%; }*/ /*} @media screen and (max-width:1290px) { .stat-items .s-item { width: 25%; } } @media screen and (max-width:1260px) {*/ /*100% => 110%*/ /* header#top { width: 97%; }*/ /*#main-summary { width: 97%; } .lists, .lists-like { width: 97%; } #green-stats { width: 89%; height: 265px; } .stat-items { margin-right: 39px; } .stat-items .s-item { width: 21%; } .big-block .l-side .ttl { margin-bottom: 25px; } #PQList #column-l .document { margin: 16px 18px 18px; width: 90%; padding: 30px 30px 125px; } #PQList #column-l #sub-h-cont { left: 40px; } .document .leftH { width: auto; } #PQL .user-record.eighty-percent { width: 100% !important; } #column-l #user-details .document.fix-document-top { margin: 0 auto 40px; }*/ /*#toolbar #title { margin-left: 31px; }*/ /*#PQList #column-l #PQdoc .empty { width: 70%; margin: 8% 10% 0; }*/ /*#search { width: 300px; } #search-cont{ margin-left: 80px; }*/ /*#select-op-form .i-holder { width: 250px; }*/ /* #top-left { margin-left: 30px; }*/ /*} @media screen and (max-width:1226px){*//*110% => 125%*/ /* header#top{ width:86%; }*/ /*#main-summary{ width:84%; } .lists, .lists-like { width: 84%; } #green-stats { width: 76%; height: 265px; } .stat-items { margin-right:45px; } .stat-items .s-item { width: 21%; } .big-block .l-side .ttl { margin-bottom: 5px; } .bubble-data .round { width: 165px; height: 165px; margin-left: 3%; } #PQList #column-l #PQdoc .empty { width: 56%; margin: 5% 10% 0; } #PQList #content, .view2 #content { margin: 0 200px 0 62%; } #PQList #column-l, .view2 #column-l { width: 62%; } #PQList #column-l .document { width: 72%; padding: 30px 30px 125px; } #PQList #column-l #sub-h-cont { left: 180px; } #PQList .requests .ttl{ width: 55%; } #column-l #user-details .document.fix-document-top { margin: -6px 30px 40px; } #user-details form .form-image label { width: 90px; } #edit-doc .form-image .form .i-holder { width: 48%; } #cdd-left-m.doc:not(.keep-size) { width: 620px; }*/ /* #search { width: 280px; } #search-cont{ margin-left: 30px; }*/ /*#select-op-form .i-holder { width: 200px; }*/ /* #top-left { margin-left: 40px; }*/ /*} @media screen and (max-width:1079px){*//*125%*/ /* header#top{ width:72%; }*/ /*#main-summary{ width:65%; } .lists, .lists-like { width: 66%; } .bubble-data .round { width: 175px; height: 175px; margin-left: 8%; } #slctn { left: 18%; } #first-child{ margin-right:100px !important; } #third-child{ margin-right:100px !important; margin-top:10px; } #fourth-child{ margin-top:10px; } #green-stats { width: 58%; height: 266px; } .big-block .l-side .ttl { margin-bottom: 10px; } #PQList #content, .view2 #content { margin: 0 172px 0 70%; } #PQList #column-l, .view2 #column-l { width: 70%; } #column-r { width: 172px; } #PQList .requests .ttl{ width: 44%; } #PQList ul.requests span.sl-cont { margin-left: 10px; } #PQList .lines .line-left.const-size { width: 30%; } #cat-dd.long-text { height: 32px; } .user-list .user-record > div.user-details { max-width: 65%; } #content { margin: 18px 172px 365px; } #content:not(.no-l-col) #external-response-report.document { width: 670px !important; min-width: 670px !important; } #PQList #column-l #sub-h-cont { left: 355px; } #PQList #column-l .document { margin: 16px 18px 18px; width: 55%; padding: 30px 30px 125px; } #PQList #column-l #cdd-left-m { right: -6px; } #PQList #column-l #PQdoc .empty { width: 56%; margin: 1% 1% 0; } #column-l #user-details .document.fix-document-top { margin: -6px 30px 40px; } #user-details form .form-image label { width: 90px; } #edit-doc .form-image .form .i-holder { width: 38%; } #cdd-left-m.doc:not(.keep-size) { width: 590px; } .document .rightH { width: 100%; }*/ /* #search { width: 220px; } #search-cont{ margin-left: 10px; }*/ /*#select-op-form .i-holder { width: 180px; }*/ /* #top-left { margin-left: 50px; }*/ /*}*/