/* Minification failed. Returning unminified contents. (10,18): run-time error CSS1035: Expected colon, found '{' (22,9): run-time error CSS1035: Expected colon, found '{' (683,18): run-time error CSS1035: Expected colon, found '.' (749,29): run-time error CSS1039: Token not allowed after unary operator: '-button-gap' (788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (815,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (821,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (824,22): run-time error CSS1039: Token not allowed after unary operator: '-green' (830,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (833,24): run-time error CSS1039: Token not allowed after unary operator: '-blue' (834,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (837,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (838,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (841,24): run-time error CSS1039: Token not allowed after unary operator: '-blue' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (843,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (850,24): run-time error CSS1039: Token not allowed after unary operator: '-border-grey' (851,17): run-time error CSS1039: Token not allowed after unary operator: '-border-grey' (855,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey' (870,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (874,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (880,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (886,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (889,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (912,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-sm' (1186,24): run-time error CSS1039: Token not allowed after unary operator: '-border-blue' (1203,22): run-time error CSS1039: Token not allowed after unary operator: '-input-height' (1208,24): run-time error CSS1039: Token not allowed after unary operator: '-border-blue' (1209,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1220,24): run-time error CSS1039: Token not allowed after unary operator: '-input-color' (1221,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (1251,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (1326,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-color' (1331,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-color' (1401,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (1406,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1487,24): run-time error CSS1039: Token not allowed after unary operator: '-gap' (1487,43): run-time error CSS1039: Token not allowed after unary operator: '-gap' (1488,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-brown' (1527,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (2217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2348,27): run-time error CSS1039: Token not allowed after unary operator: '-var-silver' (2429,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-color' (2520,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (2522,24): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (2784,28): run-time error CSS1039: Token not allowed after unary operator: '-purple' (2814,28): run-time error CSS1039: Token not allowed after unary operator: '-darkpurple' (2860,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2935,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (2938,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (2949,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (2954,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (3044,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (3045,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (3081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media' (3100,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3101,24): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3104,16): run-time error CSS1035: Expected colon, found '{' (3110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (3170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (3218,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (3255,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (3256,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (3262,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (3280,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (3290,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3292,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (3300,32): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3337,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3358,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3363,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3364,24): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3475,39): run-time error CSS1039: Token not allowed after unary operator: '-purple' (3604,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3605,24): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3651,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (3656,11): run-time error CSS1035: Expected colon, found '{' (3662,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3669,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3670,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (3673,11): run-time error CSS1035: Expected colon, found '{' (3724,22): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (3820,33): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (3823,15): run-time error CSS1035: Expected colon, found '.' (3977,16): run-time error CSS1035: Expected colon, found '{' (4479,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color' (4568,22): run-time error CSS1039: Token not allowed after unary operator: '-lightpurple' (5101,59): run-time error CSS1030: Expected identifier, found 'li' (5101,61): run-time error CSS1031: Expected selector, found ')' (5101,61): run-time error CSS1025: Expected comma or open brace, found ')' (5171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (5874,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgray' (5895,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgray' (5986,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color' (6010,33): run-time error CSS1039: Token not allowed after unary operator: '-lightpurple' (6361,28): run-time error CSS1039: Token not allowed after unary operator: '-lightpink' (6373,28): run-time error CSS1039: Token not allowed after unary operator: '-purple' (6637,30): run-time error CSS1035: Expected colon, found '.' (6827,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (6976,28): run-time error CSS1039: Token not allowed after unary operator: '-canvas-bg' (6987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7013,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (7032,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (7072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (7080,7): run-time error CSS1035: Expected colon, found '{' (7101,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-color' (8161,33): run-time error CSS1039: Token not allowed after unary operator: '-lightpurple' (8217,29): run-time error CSS1039: Token not allowed after unary operator: '-darkpurples' (8901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8966,23): run-time error CSS1039: Token not allowed after unary operator: '-font-open' (8984,11): run-time error CSS1035: Expected colon, found '{' (9003,8): run-time error CSS1035: Expected colon, found '{' (9014,19): run-time error CSS1035: Expected colon, found '{' (9033,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (9036,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (9046,10): run-time error CSS1036: Expected expression, found 'not(' (9055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (9090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (9111,12): run-time error CSS1030: Expected identifier, found '.' (9111,21): run-time error CSS1031: Expected selector, found ')' (9111,21): run-time error CSS1025: Expected comma or open brace, found ')' (9123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (9137,28): run-time error CSS1039: Token not allowed after unary operator: '-purple2' (9142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (9164,32): run-time error CSS1035: Expected colon, found '{' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (10297,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (10452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (10460,33): run-time error CSS1035: Expected colon, found '.' (10570,29): run-time error CSS1035: Expected colon, found '.' (10616,18): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (10621,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (10634,18): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (10642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (10675,22): run-time error CSS1035: Expected colon, found '{' (10700,33): run-time error CSS1035: Expected colon, found '.' (10727,1): run-time error CSS1019: Unexpected token, found '@import' (10727,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap')' (10800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10886,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10892,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10899,24): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (10904,18): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (10915,23): run-time error CSS1039: Token not allowed after unary operator: '-font-open' (11928,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (12042,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (12043,24): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (12051,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-light' (12052,24): run-time error CSS1039: Token not allowed after unary operator: '-purple-light' (12061,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12065,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg' (12069,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (12110,23): run-time error CSS1035: Expected colon, found '{' (12129,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (12135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12205,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (12206,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (12208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12295,32): run-time error CSS1039: Token not allowed after unary operator: '-purple' (12334,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (12338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12373,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (12376,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (12379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12460,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (12494,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (12511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12518,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (12535,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-color' (12576,22): run-time error CSS1035: Expected colon, found '{' (12591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12601,18): run-time error CSS1039: Token not allowed after unary operator: '-purple1' (12604,16): run-time error CSS1035: Expected colon, found '{' (12626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+' (12636,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (12648,23): run-time error CSS1035: Expected colon, found '{' (12691,17): run-time error CSS1030: Expected identifier, found '.' (12691,22): run-time error CSS1031: Expected selector, found ')' (12691,22): run-time error CSS1025: Expected comma or open brace, found ')' (12694,17): run-time error CSS1030: Expected identifier, found '.' (12694,22): run-time error CSS1031: Expected selector, found ')' (12694,22): run-time error CSS1025: Expected comma or open brace, found ')' (12714,28): run-time error CSS1039: Token not allowed after unary operator: '-purple' (12740,15): run-time error CSS1035: Expected colon, found '{' (12746,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (12754,11): run-time error CSS1035: Expected colon, found '{' (12790,22): run-time error CSS1035: Expected colon, found '{' (12808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (12851,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (12908,25): run-time error CSS1039: Token not allowed after unary operator: '-purple' (13000,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13056,21): run-time error CSS1030: Expected identifier, found '.' (13056,41): run-time error CSS1031: Expected selector, found ')' (13056,41): run-time error CSS1025: Expected comma or open brace, found ')' (13070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>' (13125,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (13309,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13316,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (13335,18): run-time error CSS1035: Expected colon, found '{' (13352,18): run-time error CSS1035: Expected colon, found '{' (13364,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (13366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13381,22): run-time error CSS1035: Expected colon, found 'input' (13398,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13450,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color' (13454,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color' (13458,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color' (13464,33): run-time error CSS1039: Token not allowed after unary operator: '-lightgreen-color' (13489,7): run-time error CSS1035: Expected colon, found '{' (13499,7): run-time error CSS1035: Expected colon, found '{' (13505,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilyvis' (13509,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (13515,8): run-time error CSS1035: Expected colon, found 'th' (13534,8): run-time error CSS1035: Expected colon, found 'th' (13553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13772,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (13773,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13849,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (13855,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13865,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (13878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13894,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (13904,17): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (13916,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (13924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (13930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13934,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (13937,16): run-time error CSS1035: Expected colon, found '{' (13963,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (13968,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (14003,28): run-time error CSS1039: Token not allowed after unary operator: '-purple1' (14006,28): run-time error CSS1039: Token not allowed after unary operator: '-purple1' (14017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (14039,22): run-time error CSS1035: Expected colon, found '{' (14083,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (14132,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (14172,28): run-time error CSS1039: Token not allowed after unary operator: '-lightgrey' (14202,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (14242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media' (14257,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (14304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media' (14308,19): run-time error CSS1030: Expected identifier, found '.' (14308,47): run-time error CSS1031: Expected selector, found ')' (14308,47): run-time error CSS1025: Expected comma or open brace, found ')' (14355,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (14364,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (14375,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilywork' (14394,19): run-time error CSS1035: Expected colon, found '{' (14462,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (14534,25): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (14577,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (14641,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-9xs' (14674,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-9xs' (14708,15): run-time error CSS1039: Token not allowed after unary operator: '-gap-7xs' (14712,25): run-time error CSS1039: Token not allowed after unary operator: '-br-8xs' (14713,28): run-time error CSS1039: Token not allowed after unary operator: '-color-whitesmoke' (14721,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-5xs' (14721,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-3xs' (14746,15): run-time error CSS1039: Token not allowed after unary operator: '-gap-xs' (14768,15): run-time error CSS1039: Token not allowed after unary operator: '-gap-xs' (14774,25): run-time error CSS1039: Token not allowed after unary operator: '-br-8xs' (14775,28): run-time error CSS1039: Token not allowed after unary operator: '-tobi-b0' (14784,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (14784,42): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (14791,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (14792,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (14793,23): run-time error CSS1039: Token not allowed after unary operator: '-font-pt-sans' (14846,9): run-time error CSS1035: Expected colon, found '.' (15388,17): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (15421,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (15491,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-9xs' (15514,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-9xs' (15543,15): run-time error CSS1039: Token not allowed after unary operator: '-gap-7xs' (15548,15): run-time error CSS1039: Token not allowed after unary operator: '-gap-xs' (15552,25): run-time error CSS1039: Token not allowed after unary operator: '-br-8xs' (15553,28): run-time error CSS1039: Token not allowed after unary operator: '-color-whitesmoke' (15561,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-5xs' (15561,38): run-time error CSS1039: Token not allowed after unary operator: '-padding-3xs' (15603,25): run-time error CSS1039: Token not allowed after unary operator: '-br-8xs' (15604,28): run-time error CSS1039: Token not allowed after unary operator: '-tobi-b0' (15613,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (15613,42): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl' (15617,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (15618,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (15619,23): run-time error CSS1039: Token not allowed after unary operator: '-font-pt-sans' (15672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media' (15689,17): run-time error CSS1035: Expected colon, found '{' (15717,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-new' (15743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (15861,23): run-time error CSS1035: Expected colon, found '.' (15874,28): run-time error CSS1035: Expected colon, found '{' (15905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (15923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (15961,11): run-time error CSS1035: Expected colon, found '{' (15968,20): run-time error CSS1035: Expected colon, found '{' (16023,7): run-time error CSS1035: Expected colon, found ',' (16087,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamilyvis' (16093,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (16097,17): run-time error CSS1035: Expected colon, found 'textarea' (16107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16146,21): run-time error CSS1035: Expected colon, found '{' (16158,20): run-time error CSS1035: Expected colon, found '{' (16183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16280,21): run-time error CSS1035: Expected colon, found '{' (16295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+' (16312,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (16328,21): run-time error CSS1035: Expected colon, found '+' (16340,23): run-time error CSS1030: Expected identifier, found '.' (16340,51): run-time error CSS1031: Expected selector, found ')' (16340,51): run-time error CSS1025: Expected comma or open brace, found ')' (16356,23): run-time error CSS1035: Expected colon, found '{' (16399,17): run-time error CSS1035: Expected colon, found '+' */ /* css admin pages */ .dataTables_wrapper .customer-form-field-container .max-w-100 .select2, .max-w-100 { max-width: 100% !important; } .backend #dialog-form-email-template.popped-up.modal .modal-dialog.modal-normal { max-width: calc( 100% - 40px ) !important; .note-editor { min-height: 350px; .note-editable.panel-body { height: 300px !important; } } } /* css admin pages */ .login-block .companylogo-wrapper { text-align: left; img { max-width: 250px; } } .checkbox-custom, body.modol-open .highlight2.fixmeee .body-section-right-bottom, body.modol-open .highlight3.fixmeee .body-section-right-top { opacity: 0; } .btn, .signup-button { -webkit-transition: all 0.2s linear; } .checkbox-custom { position: absolute; } .checkbox-custom, .checkbox-custom-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } .checkbox-custom + .checkbox-custom-label:before { content: ""; background: #fff; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 40px; height: 40px; padding: 2px; margin-right: 10px; text-align: center; } .checkbox-custom:checked + .checkbox-custom-label:before { content: ""; display: inline-block; width: 1px; height: 15px; border: solid #00f; border-width: 0 3px 3px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-radius: 0; margin: 0 15px 5px 5px; } .backend .select2-container--default .select2-search--dropdown .select2-search__field, .backend .select2-dropdown, .backend input[type="number"], .backend input[type="text"], .backend select, .backend textarea, .select2-dropdown, .select2.select2-container--default .select2-selection--single, input[type="search"].select2-search__field { border-color: #cfcfcf; font-weight: 400; } .backend .select2-container--default .select2-selection--single .select2-selection__arrow, .select2.select2-container .select2-selection--single { height: 40px; } .select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .backend .select2-container--default .select2-search--dropdown .select2-search__field { height: 32px; min-height: 32px; } .backend .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent; border-width: 5px 5px 0; margin-left: -8px; } .backend textarea { min-height: 80px; } .mrg-top-10 { margin-top: 10px; } .btn.btn-mid-green { float: right; border-radius: 4px; margin-top: 15px; min-height: 30px; } .login-block, .modol-backdrop, body { min-height: 100vh; } .login-block { width: 100%; height: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #495057; } .login-form-horizontal { padding: 1rem; background-color: #fafafa; -webkit-box-shadow: 0 0 20px rgba(52, 58, 64, 0.1); box-shadow: 0 0 20px rgba(52, 58, 64, 0.1); border-radius: 0.25rem; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden; } .login-wrapper { width: 100%; max-width: 500px; text-align: center; margin-top: 110px; } .login-wrapper .form-group { text-align: left; } .login-wrapper h4 { font-weight: 400; padding-top: 5px; padding-bottom: 20px; color: #495057; } .login-wrapper .control-label { display: block; padding: 3px 0 8px; font-size: 0.88rem; text-transform: capitalize; } .login-wrapper input[type="password"], .login-wrapper input[type="text"] { margin-bottom: 10px; display: block; width: 100%; height: 37px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; min-width: 60px; } .all_questions .white-bar, .companylogo-wrapper { margin-bottom: 40px; } .backend .logo a, .btn, .pagetitle__wrapper { background-color: transparent; } .login-wrapper input[type="password"]:focus, .login-wrapper input[type="text"]:focus { outline: 0; border-color: #63a9f9; } .login-wrapper .btn { float: left; cursor: pointer; } .backend table.GridViewStyle { height: auto; } .backend .overflowedtable { overflow: inherit; } .backend .dataTables_info { width: 40%; } .backend .paging_full_numbers { width: 60%; } .backend .logo a { padding: 0; } .backend .logo img { max-height: 40px; } .backend .header-btn-lg::before { display: none; } .backend .changepassword { background-image: url(../image/password.svg); } .backend .logout { background-image: url(../image/logout.svg); } .backend .menu-header, .backend ul#tabmenu li.activemenu > a, .backend ul#tabmenu ul li.subActive > a, .backend ul#tabmenuSetting li.activemenu > a, .backend ul#tabmenuSetting ul li.subActive > a { color: #000; } .backend #tabmenu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .backend #tabmenu li span { margin-right: 5px; } .backend #tabmenu li a { padding-left: 15px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .backend .popped-up.modal .modal-dialog.modal-normal { padding: 0; max-width: 700px !important; -webkit-box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.1); } .backend .popped-up.modal .modal-footer { margin-top: 0; } .backend .dataTables_filter [type="search"], .backend .posting-page [type="search"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 200px; height: 30px; min-height: 30px; } .backend .searchbutton { border-radius: 3px; } .backend .searchbutton:hover { text-decoration: none; } .backend .popped-up.modal { background-color: rgba(0, 0, 0, 0.5); } .backend .an-title { font-weight: 700 !important; display: inline-block; padding-bottom: 10px; min-height: 40px; } .backend #tableLoadOption, .backend .tbl-optionfollowup { margin-top: 20px; } .backend #tableLoadOption tbody tr:first-child td, .backend .tbl-optionfollowup tbody tr:first-child td { border-bottom: 1px solid #fff; font-size: 14px; } .backend .tablewrapper tbody tr:first-child td, .backend .tablewrapper tbody tr:first-child th, .backend .tablewrapper thead tr:first-child td, .backend .tablewrapper thead tr:first-child th { font-size: 14px; text-align: left; } .backend .tablewrapper th { text-align: left; } .backend .tbl-optionfollowup .tableLoadOption { display: table !important; } .backend .tbl-optionfollowup caption { text-align: left; font-weight: 700; padding: 20px 0 10px; } .backend #OptionId > tr td, .backend .pb-10 { padding-bottom: 10px; } .backend .tbl-optionfollowup tbody { background-color: #f7f7f7; } .backend .tbl-optionfollowup tbody > tr > td { padding: 10px; vertical-align: middle; } .backend .tbl-optionfollowup .has-fw-qn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .backend .tbl-optionfollowup .has-fw-qn input[type="checkbox"] { margin-bottom: 10px; width: 20px; height: 20px; } .backend .tbl-optionfollowup .has-fw-qn input[type="checkbox"] + input[type="text"] { margin-left: 10px; } .backend table { width: 100%; } .backend #tableLoadScore .fa-trash.mrg-top-10 { margin-top: 0; } .backend #alert-Box { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .backend ul#tabmenu li a:hover { color: #333; } .backend .btn:focus { color: #fff; outline: 0 !important; } .backend .btn.checkdropdown { min-height: 40px; } .backend a.action-icon:hover { text-decoration: none; } .backend .submenus li a:hover, .backend a { color: #9743c1; } .backend .btn-green { color: #fff; } .backend .btn-green:hover { color: #fff !important; border: 0; } .backend .dropdown .dropdown-menu.dropdown-menu-right { right: 26px !important; top: calc(100% - 40px) !important; bottom: auto !important; } .backend #alert-Box.toast-message #alert-InBox { top: 10px !important; left: auto !important; right: 10px !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; max-width: 380px; } .backend #alert-Box.toast-message #alert-BoxContent { width: 380px; } .backend .btn { min-height: 37px; border: 0 !important; } .backend .tabs li a:after, .backend .tabs li a:before { background-color: #a456cd; } .backend .paging_full_numbers span a.current { background-color: #9b43c9; } .backend #tableUser_length label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .backend #tableUser_length label select[name="tableUser_length"] { margin: 0 10px; } .backend #PersonalDetailInformation .GridView-withhover table.GridViewStyle tbody tr .dropdown-menu { width: auto; padding: 0; } .backend #PersonalDetailInformation .GridView-withhover table.GridViewStyle tbody tr .dropdown-menu ul.nav.flex-column .nav-item { padding: 0; border-bottom: 1px solid #d2d2d2; white-space: nowrap; } .backend #PersonalDetailInformation .GridView-withhover table.GridViewStyle tbody tr .dropdown-menu ul.nav.flex-column .nav-item:last-child { border-bottom: none; } .backend .GridView-withhover tr.even:hover, .backend .GridView-withhover tr:hover { background-color: #e0f3ff !important; } .backend .open .dropdown-toggle.btn-info { background-color: #bf92e7; } .backend .dropdown-menu .nav-link:hover .fa, .backend .dropdown-menu ul.nav.flex-column .nav-item a:hover { color: #8943c6 !important; } .backend a.paginate_button:focus, .backend a.paginate_button:hover { color: #8943c6; text-decoration: none; } .backend .note-editor.note-frame { border: 1px solid #cfcfcf; } .modal-footer .loginloading { margin-right: 23px; } .resize-v { resize: vertical; } #webContentType { min-width: 295px; } .customer-detail { font-size: 1rem; color: rgba(0, 0, 0, 0.8); } .customer-abt, .customer-org { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .customer-abt label, .customer-org label { min-width: 105px; font-weight: 700; display: inline-block; color: #000; } .customer-name, .customer-org-name { margin-bottom: 10px; } .content-mananage-summernotes button.note-btn.btn { width: auto; margin-right: 5px; height: auto; min-height: 40px; padding: 0 10px; min-width: 40px; } .content-mananage-summernotes .note-popover .popover-content > .btn-group, .content-mananage-summernotes .panel-heading.note-toolbar > .btn-group { margin-right: 0; } .question-answer.active.highlight .popup { background-color: #fff; top: 0; padding: 20px; border-radius: 5px; } .note-btn-group.open .dropdown-menu { top: 0; left: 100%; width: 220px; } .note-editor .modal-dialog { left: 0; } .note-editor .modal-dialog .modal-header { flex-direction: row-reverse; } .wrapping-table, body { -webkit-box-direction: normal; -ms-flex-direction: column; } .note-editor .modal-dialog .modal-header button { width: auto; padding: 0; margin: 0; } .note-editor .modal-dialog .modal-body .form-horizontal .form-group { margin-right: 0; margin-left: 0; } #alert-Box.toast-message { -webkit-animation-name: test; animation-name: test; } .passowrd-section { position: relative; } .passowrd-section .show_password_login { position: absolute; right: 10px; top: 7px; cursor: pointer; } .backend table.GridViewStyle td { vertical-align: middle; } .modal-body select:not([multiple]) { width: 100%; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; font-family: Roboto, sans-serif; } #alert-Box.toast-message.toast-BoxAlert #alert-BoxContent { background-color: #a456cd; padding-top: 20px; padding-bottom: 20px; padding-right: 35px; } .dataTables_wrapper .updateListSelect { min-width: 200px; margin-right: 10px; } .dropdown-group { min-width: auto; } @media (max-width: 1024px) { .backend .company-name { display: block; padding-left: 60px; } } @media (min-width: 1024px) { .backend .mobile-menu { display: none; } } @media (max-width: 1023px) { .backend body.show_menu .menu { margin-left: 0; } .backend .mobile-menu { cursor: pointer; position: absolute; left: 10px; } } .scrolltable { height: calc(100vh - 160px); overflow: auto; } .dataTables_wrapper > .fullwidth { padding-bottom: 0 !important; padding-top: 0 !important; } .wrapping-table { padding: 0 20px; -webkit-box-orient: vertical; flex-direction: column; margin: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; } .page-title-icon { width: auto; height: auto; -webkit-box-shadow: none; box-shadow: none; margin: 0 10px 0 0; padding: 0; } .pagetitle { margin-top: 3px; } .pagetitle-div { padding-top: 20px; padding-bottom: 10px; } .pagetitle__wrapper { padding: 0 20px; margin-bottom: 0; min-height: inherit; } .dataTables_length, select#lang_id { margin-bottom: 10px; } .wrapping-table .overflowedtable.scrolltable { height: calc(100vh - 150px); } .dataTables_info { padding-top: 0; } table.GridViewStyle thead { position: sticky; top: 0; z-index: 1; } .panes .wrapping-table { padding: 20px 0; } .container[style="margin-left: 15px;"] { margin-left: 5px !important; } #tableUserList_wrapper { margin-top: 10px; } .green-btn-wrapper { position: sticky; top: 0; z-index: 2; } .dataTables_length label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; } .dataTables_length label select { margin-left: 10px; margin-right: 10px; } .animated-wrapper { max-width: 275px; width: 100%; } @media (min-width: 1024px) { body.backend.show_menu .menu { width: 0; margin-left: 0; } body.backend.show_menu .content-wrapper { margin-left: 0; } .toolbar .animated-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .toolbar .dropdown-group { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .backend .mobile-menu { display: block; margin-right: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; cursor: pointer; } } .popped-up.modal .modal-header span { flex: 1; } .backend { .note-popover.popover.note-link-popover.bottom { .arrow { width: auto; height: auto; position: static; margin: 0; border: none !important; &:before, &:after { display: none !important; } .note-btn-group.btn-group.note-link { display: inline-flex; .note-btn.btn { border: 1px solid #8e8a8a !important; border-radius: 4px; min-width: 40px; } } } } .popover-content.note-children-container { gap: 5px; display: inline-flex; align-items: center; } .note-editor .modal.link-dialog .modal-title { flex: 1; } } /* EOF admin css */ @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Italic.woff2) format("woff2"), url(/assets/fonts/PTSans-Italic.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Bold.woff2) format("woff2"), url(/assets/fonts/PTSans-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Regular.woff2) format("woff2"), url(/assets/fonts/PTSans-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .btn { padding: 0.4375rem var(--button-gap); display: inline-flex; border: 1px solid transparent; background-image: none; text-decoration: none; font-size: 0.875rem; font-weight: 700; /* border-radius: 100px; */ min-height: 46px; justify-content: center; align-items: center; /* font-family: "PT Sans", sans-serif; */ transition: all 0.2s linear; cursor: pointer; } .btn-green, .btn-primary { border: 1px solid transparent; } .btn:focus { box-shadow: none !important; } .btn-dark.btn { /* background-color: rgb(var(--dark-color)); color: #fff; */ border: 1px solid #292929; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 6px 10px 5px; font-weight: 600; line-height: calc(14/10); letter-spacing: -0.01em; color: #262626; transition: all 0.3s linear; max-width: fit-content; gap: 6px; &:hover { background-color: #f2f5f5; border-color: #f2f5f5; } &.white-bg { &:hover { background-color: #f2f5f5 !important; } } &:focus { background-color: inherit !important; } } .btn-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btn-black { background-color: #333; color: #fff; } .btn-primary { background: var(--primary-color); color: #fff; } .btn-primary:hover { -webkit-box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); color: var(--white); } .btn-green { background: var(--green); color: #fff; } .btn-green:hover { -webkit-box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); color: var(--white); } .btn-outline { border-color: var(--blue); color: var(--blue); } .btn-outline:hover { background-color: var(--blue); color: var(--white); } .btn-outline-filled { border-color: var(--blue); color: var(--blue); background-color: var(--white); } .btn-outline-filled:hover { -webkit-box-shadow: inset 100px 100px rgba(123, 198, 249, 0.2); box-shadow: inset 100px 100px rgba(123, 198, 249, 0.2); } .btn-outline-dark { border-color: var(--border-grey); color: var(--border-grey); } .btn-disable, .btn.disable { background-color: var(--border-grey); color: rgba(255, 255, 255, 0.6); pointer-events: none; } .btn-disable:after, .btn.disable:after { content: none; } .button { padding: 0.25rem 1rem; font-size: 0.875rem; font-weight: 600; } .button-outline, .button-primary { border: 3px solid var(--primary-color); font-weight: 700; } .button-primary { background: var(--primary-color); color: #fff; } .button-primary:hover { -webkit-box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); box-shadow: inset 100px 100px rgba(0, 0, 0, 0.2); color: var(--white); } .button-transparent { min-width: 2.5rem; } .button-outline { color: var(--primary-color); } .button-outline:hover { background: var(--primary-color); color: #fff; } .button + .button { margin-left: 0.625rem; } .button-wrapper { text-align: center; margin-bottom: 0.375rem; } @media (min-width: 768px) { .button-wrapper { padding-left: 1.25rem; } } .button-wrapper .btn { padding: 0.625rem; min-width: 8.5rem; text-align: center; display: inline-block; margin: 0.625rem 0.5rem; font-size: 0.9375rem; line-height: 1.2; border-radius: var(--border-radius-sm); } .button-holder, .d-flex { display: -webkit-box; display: -ms-flexbox; } .button-wrapper .btn-transparent { min-width: 2.5rem; } @media (max-width: 374.96px) { .button-wrapper .btn { min-width: 120px; } } .button-holder { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .button-holder .btn { margin: 0.375rem 0.75rem 0.375rem 0; font-size: 0.9375rem; padding: 0.4375rem 0.875rem; min-width: 8.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dropdown-item { font-size: 0.875rem; } .d-flex { display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-items-center, .icon-wrap, .user-image { -webkit-box-align: center; } .align-items-center { -ms-flex-align: center; align-items: center; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (min-width: 576px) { .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 992px) { .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } button, input:not([type]), input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* height: 40px; */ width: 100%; padding: 0.5rem; border-radius: 0.3em; border: 1px solid gray; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; border-color: var(--border-blue); } select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAABGdBTUEAALGPC/xhBQAAAG9JREFUKBWt0rsNgDAMBFCstGnjediMsBnzpHdtOCQkPvkYwkmWXPheZWLmqKrT8EOIaHYisnjvafPGHhNYSik6IL3ogcHawR70jF3AL+gde4Bv0ByWBS1oCSuCNbSGodcM/jSEoBjszYLlAJAVWwH660DHksNTUgAAAABJRU5ErkJggg==); background-position: right 8px center; background-size: 10px 5px; background-repeat: no-repeat; padding-right: 20px; } .form-control, .form-inline { border-width: 1px; border-style: solid; padding: 0 0.5rem; min-height: var(--input-height); height: 1.875rem; font-size: 0.75rem; } .form-control { border-color: var(--border-blue); border-radius: calc(var(--border-radius) * 2); font-weight: 600; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; } .form-control:focus { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .form-inline { border-color: var(--input-color); border-radius: calc(var(--border-radius) * 2); font-weight: 600; -webkit-box-shadow: none; box-shadow: none; } .form-inline:focus { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .custom-range-slider { top: 0; } .custom-range-slider .irs--flat { height: auto; } .cat-button, .tab { flex-direction: row; justify-content: center; color: #262626; font-size: 14px; line-height: calc(15/14); letter-spacing: -0.01em; display: flex; align-items: center; border-radius: 4px; padding: 9px 20px; background-color: #fff; border-color: #fff; font-family: var(--fontfamilywork); font-weight: 400; } .cat-button.active, .tab.active { background-color: #F6F0F8; border: 1px solid #BE2DE6; font-weight: 600; } @media (max-width: 767px) { .cat-button, .tab { font-size: 12px; padding: 7px 13px; height: 30px; } } .header-container { padding: 1.25rem 0; background-color: #fff; width: 100%; } .header-container.fixHeader { z-index: 9999; } .fix-catblock, .modol-open .fixHeader, .q-number.fixite { z-index: 9; } .header-fixed { height: 63px; } @media (min-width: 768px) { .header-fixed { height: 80px; } } .cat-block-fix .q-number.fixit { width: 100% !important; } @media (max-width: 767px) { .header-container { padding: 15px 0 10px; } .user-content { display: none; } } .user-image { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 0.625rem; background-color: rgba(41, 41, 41, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .user-name { font-size: 0.875rem; font-weight: 700; } .down-arrow .icon-down-open, .user-email { font-size: 12px; } .user-name + .user-email { margin-top: 3px; color: rgba(var(--dark-color), 0.7); } .down-arrow { width: 1.5rem; height: 1.5rem; background-color: rgba(var(--dark-color), 0.1); border-radius: 50px; margin-left: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-right-section .btn.btn-gradient { min-height: 40px; margin-top: 0; margin-left: 10px; min-width: 90px; width: auto; padding: 0 20px; } section#fix-catblock.scrollingup { position: sticky; top: 0; z-index: 11; } .header-right-section .btn-secondary { color: #000; } @media (max-width: 767px) { .user-image { margin-right: 0; } .down-arrow { display: none; } .category-block { overflow: auto; } .category-block .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-right-section .btn-secondary { width: 94px; min-height: 35px; } } @media (max-width: 400px) { .cat-button, .tab { padding: 7px 10px; } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0; font-weight: 700; color: var(--black); } footer .logo, footer a, footer a:hover { color: var(--white); } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } .h1 b, .h1 strong, .h2 b, .h2 strong, .h3 b, .h3 strong, .h4 b, .h4 strong, .h5 b, .h5 strong, .h6 b, .h6 strong, h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { font-weight: inherit; } .h1, h1 { font-size: 2rem; margin-bottom: 0.75rem; line-height: 1.2; } .h1 small, .h2, h1 small, h2 { font-size: 1.75rem; } .h2 small, h2 small { font-size: 1.75rem; font-weight: 300; } .h3, h3 { font-size: 1.5rem; } .h4, h4 { font-size: 1.125rem; } .h5, h5 { font-size: 1rem; } .h6, h6 { font-size: 0.875rem; } footer .logo-text, footer a { font-size: 0.75rem; } footer { padding: calc(var(--gap) - 10px) var(--gap); background: var(--dark-brown); } footer .logo { width: 7.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } footer .logo img { width: 2.5rem; height: 2.5rem; } footer ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .irs, .irs-bar, .irs-line { display: block; } footer a { text-decoration: none; } .irs { position: relative; user-select: none; font-size: 12px; font-family: var(--fontfamilywork) } .irs-line { position: relative; overflow: hidden; outline: 0 !important; } .irs-bar, .irs-shadow { position: absolute; width: 0; left: 0; } .irs-shadow { display: none; } .irs-from, .irs-handle, .irs-max, .irs-min, .irs-single, .irs-to { display: block; position: absolute; cursor: default; } .irs-handle { -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-single, .irs-to { top: 0; left: 0; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: 0 !important; z-index: -9999 !important; background: 0 0 !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-max, .irs--flat .irs-min { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--big, .irs--modern, .irs--modern.irs-with-grid { height: 55px; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, #fff)); background: linear-gradient(to bottom, #ddd -50%, #fff 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(30%, #428bca), to(#b9d4ec)); background: linear-gradient(to bottom, #fff 0, #428bca 30%, #b9d4ec 100%); -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #b4b9be), to(white)); background: linear-gradient(to bottom, #fff 0, #b4b9be 30%, #fff 100%); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px #fff; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919ba5), to(white)); background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%); } .irs--big .irs-max, .irs--big .irs-min { top: 0; padding: 1px 5px; color: #fff; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to { color: #fff; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background: linear-gradient(to bottom, #428bca 0, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0)); background: linear-gradient(to bottom, #e0e4ea 0, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d)); background: linear-gradient(to bottom, #20b426 0, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6)); background: linear-gradient(to bottom, #fff 0, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(30%, #919ba5), to(#fff)); background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-max, .irs--modern .irs-min { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: #fff; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: #fff; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-single:before, .irs--modern .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: #000; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: #000; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: #000; } .irs--sharp .irs-max, .irs--sharp .irs-min { color: #fff; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-single, .irs--sharp .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: #fff; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-single:before, .irs--sharp .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: #fff; border-radius: 24px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-max, .irs--round .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: #fff; border-radius: 4px; } .irs--round .irs-grid-pol, .irs--square .irs-line { background-color: #dedede; } .irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid, .irs--square .irs-grid { height: 25px; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: #000; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #000; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-max, .irs--square .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-single, .irs--square .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #000; color: #fff; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } /* @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Italic.woff2) format("woff2"), url(/assets/fonts/PTSans-Italic.woff) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Bold.woff2) format("woff2"), url(/assets/fonts/PTSans-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "PT Sans"; src: url(/assets/fonts/PTSans-Regular.woff2) format("woff2"), url(/assets/fonts/PTSans-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } */ :root { margin: 0; padding: 0; --purple: #700f8a !important; } .c_top-right .outline-btn + .outline-btn, .mrg-lft-10 { margin-left: 15px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { /* font-family: "PT Sans", sans-serif, sans-serif !important; */ } p, ul { margin-bottom: 0.6875rem; } .mrg-top-35 { margin-top: 35px; } .mrg-top-30 { margin-top: 30px !important; } .mrg-top-70 { margin-top: 70px; } .mrg-top-20 { margin-top: 20px !important; } .mrg-bot-20 { margin-bottom: 20px; } .mw-430 { max-width: 430px; } .mw-480 { max-width: 480px; } @media (min-width: 992px) { .mw-480.lightbg-wrapper { padding: 35px; } } .mw-500 { max-width: 500px; } @media (min-width: 768px) { .mw-288 { max-width: 288px; padding: 10px 0 10px 10px; } } .p-50 { padding: 50px !important; } @media (max-width: 767px) { .p-50 { padding: 30px !important; } } .pb-10 { padding-bottom: 10px !important; } .p-0 { padding: 0 !important; } .no-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .nowrap { white-space: nowrap; } .icom-img-wrap { background-color: #fff; width: 35px; height: 35px; border-radius: 50px; } .pad-top-100, .pt-100 { padding-top: 100px; } .pad-top-40, .pt-40 { padding-top: 40px; } .pad-top-30, .q-number, pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } .pb-50 { padding-bottom: 50px; } .m-0 { margin: 0 !important; } .fright { float: right; } .fullWidth { width: 100%; } .h-auto { height: auto !important; } .h-auto.modol-dialog { margin: 50px auto 0; } .purple_light-bg { background-color: rgba(205, 141, 255, 0.14); } body { font-size: 0.9375rem; /* font-family: "PT Sans", sans-serif; */ margin: 0; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; background: rgba(var(--var-silver), 1); padding-top: 0; } .category-block .cat-arrow, .category-block .col:last-child .cat-arrow, .tab:last-child .cat-arrow, body.bodyclick .modol-0 .modol-close { display: none; } body.modol-open .q-number, body.modol-open .q-number.fixit { z-index: 10; } body.modol-open .highlight2.fixmeee, body.modol-open .highlight3.fixmeee { z-index: 11; background-color: transparent; } body.modol-open .question-answer-wrapper.fixing-block { top: 0; padding-top: 0; } body.modol-open .modol-backdrop.show { z-index: 10; } body.modol-open section#fix-catblock.scrollingup { z-index: 0; } body.cursor-bg, body.cursor-bg button { cursor: progress; } .logo { max-width: 128px; } .logo img { max-width: 100%; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .img-responsive { max-width: 100%; height: auto; } .width-auto { width: auto !important; } .mt-0 { margin-top: 0 !important; } .text_white { color: #fff !important; } .container { width: 100%; /* max-width: 1170px; */ max-width: 1230px; margin: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .main-container { background-color: #f2f2f2; padding: 0; margin: 0; } .user-email { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fix-catblock { width: 100%; z-index: 10; background-color: #f3f3f3; } .category-block { background-color: var(--gray-color); /* padding-top: 1.25rem; padding-bottom: 1.25rem; */ padding-block: 30px; overflow: auto; width: 100%; } .category-block::-webkit-scrollbar { height: 8px; } .category-block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px grey; box-shadow: inset 0 0 5px grey; border-radius: 10px; } .category-block::-webkit-scrollbar-thumb { background: #ce96dc; border-radius: 10px; cursor: pointer; } .category-block::-webkit-scrollbar-thumb:hover { background: #ce96dc; cursor: pointer; } .category-block .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -5px; margin-right: -5px; gap: 5px; } .category-block .col { width: auto; position: relative; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .category-block { padding-bottom: 0.625rem; } .category-block .col .d-flex { margin-right: 10px; } } .category-block .cat-arrow { position: relative; left: 24px; width: 24px; height: 24px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04); -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; max-width: 24px; } .category-block .cat-arrow .icon-arrow { font-size: 10px; position: relative; left: 1px; } @media (max-width: 767px) { .category-block .cat-arrow { -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; max-width: 15px; width: 15px; height: 15px; left: 0; top: 0; margin-left: 5px; margin-right: 5px; } } .category-block-label { white-space: nowrap; font-size: 12px; line-height: calc(13/12); font-weight: 400; padding-bottom: 3px; color: var(--black); letter-spacing: -0.01em; font-family: var( --fontfamilywork ); } .category-block-main { padding-right: 30px; /* padding-bottom: 20px; */ border-right: 1px solid #e7dde8; } .category-block-main + .category-block-other { margin-left: 0; } @media (max-width: 767px) { .category-block-main + .category-block-other { margin-left: 12px; } .category-block-main { padding-right: 12px; } .category-block .col { padding-left: 0; padding-right: 0; } .category-block .row { margin-left: 0; margin-right: 0; } } .tab .d-flex { margin-right: 17px; } .tab.active { position: relative; } /* .tab.active:after { content: ""; width: 23px; height: 2px; position: absolute; bottom: -1px; left: 50%; margin-left: -11px; background: linear-gradient(197.35deg, #bc13ea 7.16%, #f028d0 88.1%); -webkit-box-shadow: 0 2px 7px rgba(240, 40, 208, 0.12); box-shadow: 0 2px 7px rgba(240, 40, 208, 0.12); border-radius: 20px; } */ .btn-dashbord { text-decoration: none; } .btn.min-width-130 { min-width: 130px; } .body-section { display: flex; justify-content: space-around; } .body-section-right { position: relative; } @media (min-width: 992px) { .body-section-right { max-width: 320px; } } .body-section-right-top { height: 228px; margin-bottom: 20px; position: relative; background-size: contain; background-repeat: no-repeat; z-index: 10; border-radius: 3px; overflow: hidden; background: linear-gradient(238.59deg, #710f8b 0, #b82cde 80.4%); } .body-section-right-top img { position: absolute; right: 0; top: 26px; } .body-section-right-top .bs-content { color: #fff; font-weight: 700; font-size: 18px; line-height: 1.2777777778; padding-top: 25px; padding-left: 25px; } .body-section-right-top .bs-content span:not(.large-text) { max-width: 145px; display: block; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); } .body-section-right-top .bs-content .large-text { display: block; font-size: 50px; line-height: 1.4; } .body-section-right-bottom { padding: 35px 25px 26px; background-color: rgba(255, 141, 155, 0.05); border-radius: 5px; position: relative; } @media (min-width: 768px) { .body-section-right-bottom { width: 240px; } } @media (min-width: 992px) { .body-section-right-bottom { width: 320px; } } .body-section-right-bottom:before { content: ""; background-image: url(/assets/image/union.png); background-position: right bottom; background-size: contain; background-repeat: no-repeat; width: 200px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1; } .body-section-right-heading { /* font-weight: 700; */ font-size: 1.125rem; line-height: 1.2938888889; color: #000; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); margin-bottom: 20px; } .editor-content h4, .editor-content p, /* .qn-text-other, */ .update-text { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.06); } .upgrade-premium-tab .nav-tabs-wrap { display: flex; overflow-y: hidden; margin-bottom: 11px; } .icon-wrap { background-color: #fff; width: 35px; height: 35px; border-radius: 100px; display: flex; align-items: center; justify-content: center; margin-right: 15px; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.03); flex: 0 0 35px; } .white-bar { padding: 20px; border-radius: 4px; } .signup-button { background-color: #292929; cursor: pointer; transition: all 0.2s linear; } .signup-button:hover { background-color: #111; } .body-button-groups { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; gap: 10px; width: 712px; } .body-button { width: 400px; color: #7e7e7e; font-size: 12px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 15px; height: 42px; background-color: #efeff4; border: 1.5px solid #dedde2; /* border-radius: 100px; */ } .prev-next-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .body-next-button, .body-previous-button, .btn-enable.submit { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 80px; width: auto; border-radius: 4px; text-decoration: none; } @media (min-width: 768px) { .body-next-button, .body-previous-button, .btn-enable.submit { padding-inline: 10px; } } @media (max-width: 300px) { .body-next-button, .body-previous-button, .btn-enable.submit { width: 100px; min-height: 40px; } } .body-previous-button { padding-left: 14px; } .body-previous-button .arrow-btn { padding-right: 11px; } .body-previous-button.btn-disable { opacity: 0.6; } .body-next-button, .body-previous-button { color: #78647d; } .btn-gray { color: #fff; background-color: #b2b2b2; /* border-radius: 100px; */ cursor: pointer; border: none; min-height: 45px; } .btn-enable.body-next-button, .btn-enable.submit, .btn-purple { color: #fff; background-color: var(--purple); border-radius: 4px; cursor: pointer; border: none; min-height: 45px; } @media (max-width: 300px) { .btn-enable.body-next-button, .btn-enable.submit, .btn-purple { min-height: 40px; } } .btn-enable.body-next-button img, .btn-enable.submit img, .btn-purple img { position: relative; top: 4px; } .btn-enable.body-next-button .button-next-text, .btn-enable.submit .button-next-text, .btn-purple .button-next-text { font-size: 14px; font-weight: 600; padding-right: 8px; color: #F5F5F5; } .btn-enable.body-next-button:hover, .btn-enable.submit:hover, .btn-purple:hover { background-color: var(--darkpurple); } .btn-enable.body-next-button.btn-gradient, .btn-enable.submit.btn-gradient, .btn-purple.btn-gradient, .btn-gradient { /* background: linear-gradient(238.59deg, #710f8b 0, #b82cde 80.4%); */ background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); color: #fff; } .btn-enable.body-next-button.btn-gradient:hover, .btn-enable.submit.btn-gradient:hover, .btn-purple.btn-gradient:hover, .btn-gradient:hover { /* background: linear-gradient(238.59deg, #b82cde 0, #710f8b 80.4%); */ background: linear-gradient(270deg, #003D5D 0%, #BE2DE6 100%); color: #fff; } .btn-purple { padding-left: 20px; padding-right: 20px; } /* .btn-gradient { background: linear-gradient(238.59deg, #710f8b 0, #b82cde 80.4%); color: #fff; border-radius: 4px; } */ /* @media (min-width: 768px) { .btn-gradient { min-height: 63px; } } */ /* .btn-gradient:hover { background: linear-gradient(238.59deg, #b82cde 0, #710f8b 80.4%); color: #fff; opacity: 1 !important; } */ .body-previous-button.btn-enable, .btn-secondary { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 118px; border-radius: 4px; /* background-color: rgba(112, 15, 138, 0.1); */ background-color: var(--white); border: 1px solid #292929; color: #78647d; min-height: 45px; cursor: pointer; padding-inline: 10px; } .body-section-left-para, .btn-disable { display: -webkit-box; display: -ms-flexbox; } .below-btn .form-field + label, .q-count .col { padding-left: 5px; } .body-previous-button.btn-enable .arrow, .body-previous-button.btn-enable .arrow:after, .body-previous-button.btn-enable .arrow:before, .btn-secondary .arrow, .btn-secondary .arrow:after, .btn-secondary .arrow:before { background: #78647d; } @media (max-width: 300px) { .body-previous-button.btn-enable, .btn-secondary { width: 100px; min-height: 40px; } } .body-previous-button.btn-enable:hover .button-previous-text, .btn-secondary:hover .button-previous-text { color: #000; } .body-previous-button.btn-enable:hover .arrow, .body-previous-button.btn-enable:hover .arrow:after, .body-previous-button.btn-enable:hover .arrow:before, .btn-secondary:hover .arrow, .btn-secondary:hover .arrow:after, .btn-secondary:hover .arrow:before { background: #000; } .body-previous-button.btn-enable:hover .arrow-btn svg path, .btn-secondary:hover .arrow-btn svg path { stroke: #000; } .btn-disable { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 118px; border-radius: 4px; background-color: rgba(112, 15, 138, 0.1); border: none; color: #78647d; min-height: 45px; } @media (max-width: 300px) { .btn-disable { width: 100px; min-height: 40px; } } .btn-disable .arrow, .btn-disable .arrow:after, .btn-disable .arrow:before { background: #78647d; } .button-next-text, .button-previous-text { font-size: 14px; line-height: calc(20/14); font-weight: 600; font-family: var(--fontfamilywork); } .button-previous-text { color: var(--text-color-new); letter-spacing: -0.01em; } .body-section-left-para { /* max-width: 710px; */ /* max-width: 600px; */ width: 100%; display: flex; align-items: center; opacity: 1; font-family: var(--fontfamilywork); font-weight: 400; font-size: 18px; line-height: calc(25/18); letter-spacing: -0.02em; color: var(--text-color-new); } .update-container, .update-text { display: -webkit-box; display: -ms-flexbox; } .update-container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .signup-tab .premium-up .nav-tabs, .update-text { margin-bottom: 0; } @media (min-width: 768px) { .update-container { padding-left: 5px; } } .update-container + .signup-button { margin-top: 29px; } .update-text { display: flex; justify-content: flex-start; margin-top: 0; font-size: 15px; line-height: 19px; color: rgba(0, 0, 0, 0.7); } .update-card { display: flex; flex-direction: row; /* align-items: center; */ } .q-label, .q-line { display: inline-block; } .q-number { padding-bottom: 20px; background-color: #f2f2f2; z-index: 1000; } .q-number + .body-section-left-top { margin-top: 50px; } .q-label { font-size: 16px; line-height: 1.29375; color: #000; padding-bottom: 18px; } @media (max-width: 767px) { .q-label { font-size: 14px; padding-bottom: 0; } } .q-line { height: 2px; width: 100%; border-radius: 20px; background-color: #e9eaee; } .q-count { margin-left: -5px; margin-right: -5px; } .q-count .col { padding-right: 5px; } .col.active .q-line { background: linear-gradient(197.35deg, #bc13ea 7.16%, #f028d0 88.1%); -webkit-box-shadow: 0 2px 7px rgba(240, 40, 208, 0.12); box-shadow: 0 2px 7px rgba(240, 40, 208, 0.12); } .qn-text-other { margin: 0; padding: 0; display: flex; justify-content: space-between; cursor: pointer; font-weight: 400; font-size: 18px; line-height: calc(20/18); letter-spacing: -0.015em; font-family: var(--fontfamilywork); color: var(--text-color-new); padding-right: 65px; position: relative; z-index: 1; } .qn-current .an-content { visibility: visible; padding-top: 20px; } .an-content { max-height: 0; padding-top: 0; visibility: hidden; overflow: hidden; } .an-content .irs-grid { bottom: auto !important; top: -20px !important; } .an-content .irs-max, .an-content .irs-min { display: none; } .question-answer input[type="checkbox"], .question-answer input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } .question-answer .qn-text-other { display: block; } .question-answer .is-answered .qn-text-other { position: relative; z-index: 1; @media (min-width: 768px) { padding-right: 95px; } } .question-answer input:checked + .qn-text-other { font-size: 25px; font-weight: 700; padding: 0 24px 0 0; margin: 0 0 10px; } .question-answer input:checked ~ .an-content { max-height: 100%; visibility: visible; overflow: visible; } .question-answer-wrapper { position: relative; } .question-answer.show-followup [class*="activated-"] .irs-grid > .irs-grid-pol:first-child { background-color: var(--purple2) !important; border-color: var(--purple2); } .question-answer:not(.answer-selected):not(.active) { .white-bar { background-color: var(--lightgrey); border-left: 2px solid var(--lightgrey); } } .question-answer { &.clicked { .white-bar { /* background-color: var(--white); */ /* border-color: var(--purple); */ } &.active.answer-selected, &.active { .white-bar-outer { border-radius: 4px; border: 2px solid #BE2DE6; .white-bar { background-color: #fff; border-radius: 4px; border: 0; } } } } &.active { .qn-text-other { margin-bottom: 28px; font-size: 24px; line-height: calc(29/24); letter-spacing: -0.02em; font-weight: 600; } .qn-toggle-icon .icon { transform: rotate(180deg); } } /* &:not(.answer-selected) { .white-bar:not(.is-answered) { background-color: var(--lightgrey); border: 2px solid var(--lightgrey); &:hover { border-color: var(--purple2); } } } */ } .body-section-text { overflow: hidden; padding-bottom: 20px; } .questionCategories-wrapper { padding-inline: 5px; } .questionCategories a { text-decoration: none; } .questionCategories.completed-active .tab-title { background-color: #F6F0F8; /* border-color: #BE2DE6; */ border-color: #F6F0F8; font-weight: 400; padding-left: 15px; position: relative; &:hover, &.active { border-color: #BE2DE6; } &.active { font-weight: 600; } } .questionCategories.completed-active .tab-title.tab:before { content: "\e831"; width: 12px; height: 12px; left: 12px; top: 15px; font-family: fontello; font-size: 6px; background-color: #c130e8; font-weight: 400; color: #fff; border-radius: 50%; display: inline-flex; margin-right: 5px; align-items: center; justify-content: center; } .questionCategories.completed-active .tab-title.tab-blocked { color: #78647d; font-weight: 400; } .questionCategories.completed-active .tab:not(.active):after { display: none; } .questionCategories.completed-active .tab.active + .tab { font-weight: 400; color: #292929; background-color: #f1f2f8; border: 1.5px solid rgba(139, 134, 140, 0.17); } .opacity-5 { opacity: 0.5; } .an-bar { /* max-width: 648px; */ max-width: 730px; margin: 90px auto 0; width: 100%; } .an-bar .irs { font-family: var(--fontfamilywork); top: -46px; } .an-bar .irs--flat.irs-with-grid { cursor: pointer; } .an-bar .irs--flat .irs-line { height: 100px; top: 0; overflow: initial; background-color: transparent; cursor: pointer; z-index: 1; } .an-bar .irs--flat .irs-line:before { content: ""; position: absolute; left: -20px; right: -20px; height: 3px; top: 76px; background-color: #e1e4e9; } .an-bar .irs--flat .irs-grid-text { color: #000; } .an-bar .irs-grid-text { min-width: 81px; /* height: 42px; */ height: 50px; color: #000; font-weight: 400; display: flex; align-items: center; flex-direction: row; justify-content: center; padding: 8px 15px !important; background-color: var(--lightgrey); border: 1px solid var(--lightgrey); border-radius: 4px !important; line-height: 13px !important; white-space: normal !important; transform: translateX(-2px); letter-spacing: -0.01em; font-family: var(--fontfamilywork); } .an-bar .irs-grid-text:after { content: ""; border-top: 8px solid rgba(139, 134, 140, 0.1); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; margin-left: -8px; } .an-bar .irs-single { min-width: 81px; height: 50px; color: #7e7e7e; font-family: var(--fontfamilywork); font-weight: 600; display: flex; align-items: center; flex-direction: row; justify-content: center; padding: 8px 15px !important; font-size: 12px; line-height: calc(17/12) !important; white-space: normal !important; border: 1px solid var(--purple2); background-color: #F6F0F8 !important; color: var(--text-color-new) !important; text-align: center; top: -5px; z-index: 1; letter-spacing: -0.01em; } .an-bar .irs-single:after { content: ""; border-top: 8px solid var(--purple2); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 50%; bottom: -8px; width: 0; height: 0; margin-left: -8px; } .an-bar .irs-grid-pol.small { display: none; } .an-bar .irs-grid-pol:not(.small) { width: 12px !important; height: 12px !important; border: 2px solid #dedde2; display: inline-block; border-radius: 50px; top: 46px; background-color: #fff !important; margin-left: -5px; pointer-events: none; z-index: 1; } .an-bar .irs--flat .irs-handle > i:first-child, .an-bar .irs--flat .irs-handle > i:nth-child(2) { border-top: 5px solid transparent; border-bottom: 5px solid transparent; top: 11px; width: 0; height: 0; } .an-bar .irs--flat .irs-handle { top: 16px; width: 34px; height: 34px; background-color: var(--purple2); border-radius: 50px; cursor: pointer; z-index: 3; } .an-bar .irs--flat .irs-handle > i:first-child { border-left: 5px solid #fff; background-color: transparent; margin-left: 3px; } .an-bar .irs--flat .irs-handle > i:nth-child(2) { border-right: 5px solid #fff; background-color: transparent; margin-left: -7px; position: absolute; display: block; left: 50%; } .an-bar .irs--flat .irs-bar { top: 30px; height: 3px; background-color: var(--purple2); cursor: pointer; } .an-bar .irs-grid .active-block + span + span + span + .irs-grid-pol:not(.small), .an-bar .irs-grid .active-block + span + span + span + span + .irs-grid-pol:not(.small) { background-color: var(--purple2) !important; border-color: var(--purple2); } .an-bar .irs-grid-text, .an-bar .irs-single { width: 100px; max-width: 100px; font-size: 12px !important; visibility: visible !important; padding-left: 12px !important; padding-right: 12px !important; } @media (max-width: 1024px) { .an-bar { margin-bottom: 30px; max-width: 80%; overflow: visible; } .an-bar .irs-grid-text { -webkit-transform: translateX(-2.7px); -ms-transform: translateX(-2.7px); transform: translateX(-2.7px); bottom: 0; background-color: transparent; } .an-bar .irs--flat .irs-line { height: 153px; } .an-bar .js-grid-text-11:after, .an-bar .js-grid-text-13:after, .an-bar .js-grid-text-15:after, .an-bar .js-grid-text-1:after, .an-bar .js-grid-text-3:after, .an-bar .js-grid-text-5:after, .an-bar .js-grid-text-7:after, .an-bar .js-grid-text-9:after { border-top-width: 0; border-bottom: 8px solid rgba(139, 134, 140, 0.1); border-right: 8px solid transparent; height: 0; } .an-bar .irs--flat .irs-line:before { left: -10%; right: -10%; } .an-bar .js-grid-text-1 { top: 82px; } .an-bar .js-grid-text-1:after { top: -8px; } .an-bar .js-grid-text-3 { top: 82px; } .an-bar .js-grid-text-3:after { top: -8px; } .an-bar .js-grid-text-5 { top: 82px; } .an-bar .js-grid-text-5:after { top: -8px; } .an-bar .js-grid-text-7 { top: 82px; } .an-bar .js-grid-text-7:after { top: -8px; } .an-bar .js-grid-text-9 { top: 82px; } .an-bar .js-grid-text-9:after { top: -8px; } .an-bar .js-grid-text-11 { top: 82px; } .an-bar .js-grid-text-11:after { top: -8px; } .an-bar .js-grid-text-13 { top: 82px; } .an-bar .js-grid-text-13:after { top: -8px; } .an-bar .js-grid-text-15 { top: 82px; } .an-bar .js-grid-text-15:after { top: -8px; } .activated-1 .irs-single:before, .activated-11 .irs-single:before, .activated-13 .irs-single:before, .activated-15 .irs-single:before, .activated-3 .irs-single:before, .activated-5 .irs-single:before, .activated-7 .irs-single:before, .activated-9 .irs-single:before { content: none !important; } .activated-1 .irs-single:after, .activated-11 .irs-single:after, .activated-13 .irs-single:after, .activated-15 .irs-single:after, .activated-3 .irs-single:after, .activated-5 .irs-single:after, .activated-7 .irs-single:after, .activated-9 .irs-single:after { border-top-width: 0; border-bottom: 8px solid var(--purple); border-right: 8px solid transparent; height: 0; } .activated-1 .irs-single { top: 108px; } .activated-1 .irs-single:after { top: -8px; } .activated-3 .irs-single { top: 108px; } .activated-3 .irs-single:after { top: -8px; } .activated-5 .irs-single { top: 108px; } .activated-5 .irs-single:after { top: -8px; } .activated-7 .irs-single { top: 108px; } .activated-7 .irs-single:after { top: -8px; } .activated-9 .irs-single { top: 108px; } .activated-9 .irs-single:after { top: -8px; } .activated-11 .irs-single { top: 108px; } .activated-11 .irs-single:after { top: -8px; } .activated-13 .irs-single { top: 108px; } .activated-13 .irs-single:after { top: -8px; } .activated-15 .irs-single { top: 108px; } .activated-15 .irs-single:after { top: -8px; } } @media (max-width: 1024px) and (max-width: 535.96px) { .an-bar { max-width: 80%; } .an-bar .irs-grid-text, .an-bar .irs-single { width: 76px; max-width: 76px; min-width: 76px; font-size: 11px !important; visibility: visible !important; padding-left: 4px !important; padding-right: 4px !important; } .an-bar .irs-grid-text { -webkit-transform: translateX(-4.6px); -ms-transform: translateX(-4.6px); transform: translateX(-4.6px); } .an-bar .irs--flat .irs-line:before { left: -7%; right: -7%; } } @media (max-width: 1024px) and (max-width: 535.96px) and (max-width: 374.96px) { .an-bar .irs-grid-text, .an-bar .irs-single { width: 70px; max-width: 70px; min-width: 70px; font-size: 10px !important; } } @media (max-width: 1024px) and (max-width: 535.96px) and (max-width: 300px) { .an-bar .irs-grid-text, .an-bar .irs-single { width: 55px; max-width: 55px; min-width: 55px; font-size: 9px !important; } } @media (max-width: 1024px) { .an-content { margin-left: -20px; margin-right: -20px; } } @media (max-width: 1024px) and (max-width: 374.96px) { .an-content { margin-left: -30px; margin-right: -30px; } } @media (max-width: 1024px) and (max-width: 374.96px) and (max-width: 375px) { .an-content { margin-left: -20px; margin-right: -20px; } } .an-sub-options { visibility: hidden; display: none; } @media (max-width: 767px) { .an-sub-options .body-section-text { padding-bottom: 0; } } .show-followup .an-sub-options { display: block; visibility: visible; padding-top: 0; /* padding-bottom: 40px; */ } [class*="activated-"] .irs-grid > .irs-grid-pol:first-child { background-color: var(--purple2) !important; border-color: var(--purple2); } .an-bar > .irs span + span + .irs-bar.irs-bar--single { left: 11px !important; z-index: 2; } .an-sub-an { margin-left: -5px; margin-right: -5px; display: none; } .an-sub-an.primary-option { margin-bottom: 30px; } .an-sub-qn { font-size: 20px; line-height: 25.88px; font-weight: 700; padding-bottom: 20px; display: inline-block; } .sub-an-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; } .sub-an-options label { padding: 6px 15px; border: 1px solid #f2f5f5; /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); */ border-radius: 4px; display: inline-flex; align-items: center; cursor: pointer; background-color: #f2f5f5; font-family: var(--fontfamilywork); letter-spacing: -0.01em; font-size: 14px; font-weight: 400; .icon { display: none; } } .sub-an-options label:hover, .sub-an-options input[type="radio"]:hover { border: 1px solid var(--purple2); } .sub-an-options input[type="checkbox"]:checked ~ label, .sub-an-options input[type="radio"]:checked ~ label /* .sub-an-options input[type="radio"]:hover */ /* .sub-an-options label:hover */ { border: 1px solid var(--purple2); color: var(--text-color-new); font-weight: 600; .icon { width: 10px; height: 10px; display: inline-flex; background-color: #BE2DE6; border-radius: 20px; font-size: 4px; color: #fff; vertical-align: middle; margin-right: 6px; align-items: center; justify-content: center; &:before { width: auto; } } } .other-detail input[type="text"] { padding: 10px 20px; border: 1.5px solid rgba(139, 134, 140, 0.2); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); /* border-radius: 100px; */ display: inline-block; outline: 0; font-size: 0.9375rem; color: #000; } .other-detail input[type="text"]:focus { border: 1.5px solid #700f8a; color: #700f8a; } .is-answered .qn-checked, [class*="qn-selected-"] .qn-checked { color: #fff; display: flex; justify-content: center; align-items: center; } .is-answered .qn-text-other:after, [class*="qn-selected-"] .qn-text-other:after { display: none; } .qn-checked, .qn-selected-0 .qn-checked { display: none; position: absolute; right: 52px; width: 22px; height: 22px; background: var(--purple2); /* box-shadow: 0 6px 7px rgba(191, 43, 194, 0.15); */ border-radius: 50%; line-height: 1; } .qn-checked .icon { font-size: 9px; &:before { width: auto; } } @media (max-width: 375px) { .qn-checked, .qn-selected-0 .qn-checked { width: 20px; height: 20px; font-size: 11px; } } #tabs .hide { display: none; } #tabs .show { display: block; } .tab { cursor: pointer; width: auto; white-space: nowrap; } .arrow { background: #fff; height: 2px; width: 18px; position: relative; cursor: pointer; } .arrow:after, .arrow:before { content: ""; background: #fff; position: absolute; height: 2px; width: 7px; } .arrow:before { right: -3px; bottom: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .arrow:after { right: -3px; top: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 1440px) { .body-section:not(.dsh-body-section) .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 810px; flex: 0 0 810px; max-width: 810px; } .body-section:not(.dsh-body-section) .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 810px); flex: 0 0 calc(100% - 810px); max-width: calc(100% - 810px); } } .dsh-body-section .body-section-right.fixmeee { position: sticky; top: 30px; } /* .question-answer.answer-selected .white-bar, .question-answer.show-followup .white-bar { border: 1.5px solid #6b095c; } */ .question-answer.active .an-sub-an, .question-answer.show-followup .an-sub-an { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .question-answer .white-bar.is-answered { /* border: 1.5px solid #6b095c; */ border: none; /* background-color: #f1e7f3; */ background-color: #F6F0F8; border-left: 2px solid var(--purple2); } .question-answer:not(.active) { .white-bar.is-answered { &:hover { border-left: 0; padding-left: 22px; /* box-shadow: inset 0 0 0 2px var(--purple2); */ } } .white-bar-outer { position: relative; padding: 2px; &:before { content: ""; position: absolute; inset: 0; padding: 2px; /* Border thickness */ background: linear-gradient(90deg, #BE2DE6, #6F0F8A); /* Gradient here */ border-radius: 4px; /* Slightly larger than .box for smooth edges */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; opacity: 0; transition: opacity 0.1s ease; } &:hover:before { opacity: 1; } &:hover { .qn-toggle-icon { background: linear-gradient(140deg, #6F0F8A 0%, #BE2DE6 100%); } } } } .question-answer.active .white-bar.is-answered { background-color: #fff; } .account-signup, .forgot-password-form, .form-login-pwd, .verification-email.email { color: #292929; } .form-field .form-input.input-verification-code, .form-field .form-input.select2-selection--single.input-verification-code { padding-top: 0; } @media (max-width: 767px) { .form-field .form-input, .form-field .form-input.select2-selection--single { padding-left: 10px; padding-right: 10px; } .form-field select.form-input { padding-right: 52px; } } .form-field .form-input .select2-selection__rendered, .form-field .form-input.select2-selection--single .select2-selection__rendered { padding-left: 0; } .verification-email.email:hover { text-decoration: none; } .account-signup p, .forgot-password-form p, .form-login-pwd p { font-size: 16px; } .account-signup p.get-free-account-desc, .forgot-password-form p.get-free-account-desc, .form-login-pwd p.get-free-account-desc { margin-bottom: 16px; } .account-signup .form-label, .forgot-password-form .form-label, .form-login-pwd .form-label { display: inline-block; /* padding-bottom: 10px; */ } .account-signup .form-input, .forgot-password-form .form-input, .form-login-pwd .form-input { background-color: #f5f5f5; border-radius: 12px; border: none; box-shadow: none; margin-bottom: 10px; min-height: 46px; max-width: 500px; font-size: 16px; color: #7e7e7e; /* font-family: "PT Sans", sans-serif; */ } .activation-section .side-content .graybg.editor-content, .editor-content h4, .editor-content p, .verify-section-content .side-content .graybg.editor-content { /* font-family: "PT Sans", sans-serif !important; */ } .account-signup .freemium .form-input, .account-signup .premium-up .form-input, .forgot-password-form .freemium .form-input, .forgot-password-form .premium-up .form-input, .form-login-pwd .freemium .form-input, .form-login-pwd .premium-up .form-input { /* padding: 14px 20px 0; */ } .account-signup .signup-tab-content .form-label, .forgot-password-form .signup-tab-content .form-label, .form-login-pwd .signup-tab-content .form-label { position: absolute; top: 14px; font-size: 12px; left: 20px; } .account-signup .verify-input .form-input, .forgot-password-form .verify-input .form-input, .form-login-pwd .verify-input .form-input { padding-left: 10px; padding-right: 10px; text-align: center; } .account-signup .verify-input .form-input:focus-visible, .forgot-password-form .verify-input .form-input:focus-visible, .form-login-pwd .verify-input .form-input:focus-visible { outline: #1063c9 auto 1px; } .account-signup .email.form-input, .forgot-password-form .email.form-input, .form-login-pwd .email.form-input { text-decoration: none; background-image: url(/assets/image/email.svg); background-size: 20px; background-position: 96% center; background-repeat: no-repeat; } .account-signup .email.form-input:hover, .forgot-password-form .email.form-input:hover, .form-login-pwd .email.form-input:hover, .verify-tab-content p a.email { text-decoration: underline; } .account-forgot-password .form-label { /* padding-bottom: 10px; */ display: block; } .account-forgot-password { .white-bar { padding: 25px; background-color: #fff; } } @media (min-width: 414px) { #freemium .side-content { max-width: 320px; } } @media (min-width: 768px) { #freemium .side-content { margin-left: 40px; } .activation-tab-content, .verify-tab-content { min-height: 600px; } } @media (max-width: 767px) { #freemium .side-content { margin-top: 20px; } } #freemium .side-content .pinkbg h3 { margin-bottom: 23px; } .btn-create-account { max-width: 500px; margin-bottom: 15px; margin-top: 30px; } .editor-content h3, .lightbg-wrapper, .lightbg-wrapper .nav nav-tabs { margin-bottom: 25px; } .premium-up { color: #292929; } .premium-up h1, .premium-up h2, .premium-up h3 { color: #292929; } .editor-content h3 { font-size: 18px; line-height: 21.58px; } .editor-content h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; margin-bottom: 13px; } .editor-content h4, .editor-content p { font-size: 15px; line-height: 19px; } .editor-content p { margin-top: 10px; color: rgba(0, 0, 0, 0.7); } .signup-tab .tab-signup .nav-tabs { width: 243px; } .signup-tab > .nav-tabs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; } .signup-tab .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #eee; border-radius: 90px; padding: 5px; margin-top: 0; } .signup-tab .nav-tabs li { list-style: none; margin: 0; padding: 0; } .signup-tab .nav-tabs li a { text-decoration: none; color: #292929; font-size: 16px; line-height: 1.3125; border-radius: 90px; padding: 7px 20px; display: inline-block; } .signup-tab .nav-tabs li.active a { font-weight: 700; background-color: #fff; } .signup-tab .tab-pane { display: none; } .signup-tab .tab-pane.active { display: block; } .signup-tab .signup-tab-content { background-color: #fff; border-radius: 5px; padding: 35px; } .signup-tab p { font-size: 16px; } .premium-tab .nav-tabs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: hidden; margin-bottom: 11px; } .premium-tab .form-field, .premium-tab .lightbg-wrapper, .upgrade-premium-tab .form-field, .upgrade-premium-tab .lightbg-wrapper { max-width: 500px; } .pre-title { font-size: 26px; font-weight: 600; } .text-22, p.text-22 { font-size: 22px; display: inline-block; padding-bottom: 40px; } .text-14 { font-size: 14px; line-height: 1.2142857143; } .bold-700 { font-weight: 700; } .d-block { display: block; } .link-black, .link-purple { font-weight: 700; text-decoration: none; } .link-purple { color: #700f8a; } .form-field label a.link-light-purple, .link-light-purple { color: #c130e8; font-size: 15px; } .link-black { color: #000; } .six-digit-code.content-manage { padding-right: 5px; } .pinkbg { background: rgba(255, 141, 155, 0.05); border-radius: 5px; padding: 36px 25px; } .side-content .pinkbg h3 { font-size: 18px; line-height: 23.29px; } .side-content .pinkbg .update-card { margin-bottom: 15px; } .side-content .editor-content h4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .upgrade-block + .btn { margin-top: 25px; } label[for="Freemium_AcceptTermCondition"], label[for="PremiumUp_AcceptTermCondition"] { font-weight: 400; font-size: 15px; line-height: 1.32; } .activation-section-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .activation-section-content, .verify-section-content { background-color: #fff; } .reset-activation-section, .tab-activation-content, .verify-section-content { padding: 32px 35px; background-color: #fff; } .verify-input { padding-top: 40px; } .verify-input .form-input { width: 60px; margin-right: 18px; border-radius: 13px; } @media (max-width: 414px) { .verify-input .form-input { width: calc(33% - 18px); } } .verify-input + .btn-gray { margin-top: 70px; } .activation-tab-content, .verify-tab-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 1200px) { .activation-tab-content, .verify-tab-content { max-width: 565px; -webkit-box-flex: 0; -ms-flex: 0 0 565px; flex: 0 0 565px; } } .activation-tab-content .btn-gray, .verify-tab-content .btn-gray { max-width: 500px; width: 100%; } .client-detail dd, .client-detail dd a, .company a, .dsh-notice a, .notice-bar a:hover, .outline-btn { text-decoration: none; } .activation-section .signup-tab > .nav-tabs-wrap, .verify-section-content .signup-tab > .nav-tabs-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .activation-section .side-content, .verify-section-content .side-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 1200px) { .activation-section .side-content, .verify-section-content .side-content { max-width: 360px; -webkit-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; } } .activation-section .side-content .graybg, .verify-section-content .side-content .graybg { background: rgba(154, 154, 154, 0.05); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.025); border-radius: 2px; padding: 35px; margin-top: 100px; } .activation-section .side-content .graybg.editor-content li, .verify-section-content .side-content .graybg.editor-content li { color: rgba(0, 0, 0, 0.7); } .activation-section .side-content .graybg.editor-content h4, .verify-section-content .side-content .graybg.editor-content h4 { margin-bottom: 8px; } .activation-section .side-content .graybg .btn-dark, .verify-section-content .side-content .graybg .btn-dark { width: 100%; margin-top: 25px; } .verify-activation-code.hide { display: none !important; } .activation-tab-content, .verify-tab-content { /* font-family: "PT Sans", sans-serif; */ } .activation-tab-content h2, .verify-tab-content h2 { font-size: 25px; line-height: 1.6175; /* font-family: "PT Sans", sans-serif !important; */ } @media (min-width: 768px) { .activation-tab-content { padding-right: 20px; } } .activation-tab-content h2 { margin-bottom: 50px; } .activation-tab-content .form-field + .form-field { margin-top: 20px; } .reset-activation-section { margin: auto; border-radius: 5px; } .dsh-card, .dsh-card .dsh-icon, .dsh-repeater, .dsh-repeater .dsh-icon, .editor-content .premium-desc h3, .editor-content li, .reset-activation-section .activation-tab-content h2 { margin-bottom: 20px; } .reset-activation-section .activation-tab-content { min-height: auto; padding-right: 0; } .reset-activation-section .activation-tab-content .btn.reset-new-password, .reset-activation-section .activation-tab-content .form-input, .reset-activation-section .activation-tab-content .inputBox .por { max-width: none; } .reset-activation-section .activation-tab-content .btn.reset-new-password { margin-top: 30px; } .editor-content ul { padding: 0; } .editor-content li { position: relative; padding-left: 50px; } .editor-content li::marker { color: rgba(154, 154, 154, 0.05); } .editor-content li:before { content: "\e807"; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; position: absolute; left: 0; font-family: fontello; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dashboard-front, .modol-content .btn-black, .modol-welcome, .modol-welcome h1 { /* font-family: "PT Sans", sans-serif; */ } .editor-content div p { margin-top: 0; } .editor-content div + div { margin-top: 28px; } .dashboard-front .white-bar { padding: 20px; } .dashboard-front .white-bar.company-white { padding-top: 15px; padding-bottom: 15px; } @media (min-width: 768px) { .dashboard-front .white-bar.client-white { padding: 20px; } } .dashboard-front .page-title { font-size: 25px; line-height: 32.35px; font-weight: 700; padding-bottom: 25px; } .dashboard-front .text-15 { font-size: 15px; line-height: 19.41px; } .gutter-20 .col-12 { padding-left: 10px; padding-right: 10px; } .notice-bar { background: radial-gradient(130% 107827.2% at 0 0, #65516a 0, #292929 100%); font-size: 16px; line-height: 21px; color: #fff; padding: 0; } @media (max-width: 767px) { .notice-bar { font-size: 14px; line-height: 1.2857142857; } } .notice-bar a { color: #fff; } .outline-btn { font-size: 14px; line-height: 1.2857142857; font-weight: 400; color: #292929; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 8px 10px; cursor: pointer; } .dsh-card .dsh-icon, .dsh-repeater .dsh-icon { width: 40px; height: 40px; } .dsh-card.dsh-other, .dsh-repeater.dsh-other { font-size: 15px; line-height: 19.41px; } .dsh-card.dsh-other h2, .dsh-repeater.dsh-other h2 { margin-bottom: 0; } .dsh-card.dsh-other .text-15, .dsh-repeater.dsh-other .text-15 { margin: 0; padding: 0 0 32px; } .btn-setting, .client-container, .dsh-link { margin-top: 20px; } @media (min-width: 992px) { .dsh-card, .dsh-repeater { padding-left: 10px; padding-right: 10px; } } .dsh-card.col-lg-4 .white-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } @media (min-width: 768px) { .dsh-card.col-lg-4 .white-bar { padding: 30px; } } .dsh-card.col-lg-4 .white-bar b { display: inline-block; padding-bottom: 10px; } .dsh-card .plarge { font-size: 18px; color: var(--dark-color); } .dsh-content, .dsh-link { font-size: 15px; line-height: 19.41px; } @media (min-width: 768px) { .dsh-link a, .dsh-link a:hover { text-decoration: none; } .dsh-link a { font-size: 14px; line-height: 1.2857142857; font-weight: 700; color: #fff; background: #000; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 8px 14px 8px 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .dsh-link a .icon-download { position: relative; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .dsh-link a:hover .icon-download { top: -3px; left: -4px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .modol-content .btn-black { min-height: 64px; } } .company + .row, .unshown { -webkit-transition: all 0.1s linear; } .dsh-link .icon-download { color: #fff; padding-right: 6px; } .dsh-content p { margin: 0; font-size: 14px; line-height: 1.2857142857; font-style: italic; color: rgba(41, 41, 41, 0.6); } .dsh-notice, .dsh-success { line-height: 1.2777777778; } .dsh-content + .dsh-link { margin-top: 30px; } .dsh-contact strong { padding-bottom: 10px; display: inline-block; } .dsh-contact-p { display: -webkit-box; display: -ms-flexbox; display: flex; } .dsh-contact-p figure { width: 103px; height: 109px; background-color: #d9d9d9; margin: 0 10px 0 0; } .dsh-contact-p span { display: block; } .dsh-notice { font-size: 18px; margin-bottom: 15px; } .dsh-notice a { color: rgba(var(--lightpurple), 1); } .dsh-notice a:hover { text-decoration: underline; } .dsh-success { background-image: url(/assets/image/radial-gradient.svg); border-radius: 5px; padding: 20px 30px; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; color: #fff; font-size: 18px; } .dsh-success p strong { display: block; padding-bottom: 15px; } .dsh-success a { color: #fff; } @media (max-width: 767px) { .dsh-success { background-position: -20px 0; } .dsh-success .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dsh-success .mw-480 { margin-bottom: 30px; } .dsh-link .icon-download { display: none; } .dsh-link a { color: #700f8a; text-decoration: underline; font-weight: 700; font-size: 15px; line-height: 1.2666666667; } } @media (min-width: 992px) { .dsh-repeater-row { margin-left: -10px; margin-right: -10px; } } .dashboard-card h2, .dsh-card h2, .dsh-repeater h2 { font-size: 18px; line-height: 1.2777777778; font-weight: 700; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 15px; max-width: 170px; } .right-dsh-card.dsh-card { padding-left: 0; padding-right: 0; } .btn-gray-line { border: 1.5px solid rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 6px 14px 6px 10px; display: inline-block; } .company { font-size: 16px; line-height: 1.3125; } .company_name-label { font-size: 12px; line-height: 1.3333333333; color: rgba(0, 0, 0, 0.6); display: block; } .company a { color: #000; } .company + .row { visibility: hidden; max-height: 0; opacity: 0; transition: all 0.1s linear; } .company.show-fields + .row { visibility: visible; max-height: 100%; padding-top: 20px; opacity: 1; } .company.show-fields .setting-arrow { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .company-white .form-field .form-input { padding-right: 50px; background-image: none; } .company_intro { display: -webkit-box; display: -ms-flexbox; display: flex; } .company_image { max-width: 50px; } .company_image + .company_details { margin-left: 18px; } .seting-icon { font-size: 16px; display: inline-block; margin-right: 6px; } .setting-arrow { width: 36px; height: 36px; border-radius: 50px; background-color: #efeff4; display: inline-flex; justify-content: center; align-items: center; margin-left: 11px; cursor: pointer; transform: rotate(180deg); } .client-container, .modol-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; } .setting-arrow i.icon-down-arrow { font-size: 8px; } .btn-setting { max-width: 118px; } .client-image img, .supplier_rel-head h2 { max-width: 100%; } .client-container { display: flex; background: #f2f2f2; border-radius: 5px; padding: 20px; flex-direction: column; } .client-image { margin-bottom: 10px; } .client-detail dl { margin-top: 0; } .client-detail dd, .client-detail dd a { margin-left: 0; margin-bottom: 20px; font-size: 14px; line-height: 0.9285714286; color: #292929; } .client-detail dt { font-size: 12px; line-height: 1.1666666667; color: #7e7e7e; } .form-field label a { font-size: 16px; color: #333; text-decoration: underline; font-weight: 500; } .form-field label a:hover { text-decoration: none; } .below-btn .form-field label { color: #292929; } .below-btn .form-field label, .below-btn .form-field label a { font-size: 15px; margin: 0; font-weight: 400; } .below-btn .link-light-purple { text-decoration: underline; color: #c130e8; } .below-btn .link-light-purple:hover { text-decoration: none; } .question-answer.active.highlight { z-index: 10000; position: relative; } .question-answer.active.highlight .white-bar * { pointer-events: none; } .question-answer.active.highlight .popup { position: absolute; z-index: 10000; left: calc(100% + 30px); background: #f6f0f1; width: 320px; } @media (max-width: 767px) { .question-answer.active.highlight .popup { left: 0; top: -260px; } } .question-answer.active.highlight .popup:before { content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #f6f0f1; position: absolute; left: -15px; } @media (max-width: 767px) { .question-answer.active.highlight .popup:before { border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #f6f0f1; left: 20px; bottom: -30px; } } .popup { background: #f6f0f1; width: 320px; top: 0; padding: 20px; border-radius: 7px; } .popup-title { font-weight: 700; font-size: 22px; line-height: 27.5px; letter-spacing: 0.004em; color: #333; margin-bottom: 13px; } .popup p { font-size: 16px; line-height: 20px; } .popup .modol-next, .popup .modol-next2, .popup .start-now { font-weight: 700; font-size: 14px; line-height: 18px; color: #700f8a; border: 2px solid #700f8a; /* border-radius: 100px; */ padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 98px; height: 45px; } .btns, .modol-dialog { display: -webkit-box; } .btns, .modol-content, .modol-dialog { display: -ms-flexbox; } .popup .modol-next .arrow, .popup .modol-next2 .arrow, .popup .start-now .arrow { background: #700f8a; margin-left: 5px; } .popup .modol-next .arrow:after, .popup .modol-next .arrow:before, .popup .modol-next2 .arrow:after, .popup .modol-next2 .arrow:before, .popup .start-now .arrow:after, .popup .start-now .arrow:before { background: #700f8a; } .popup:before { content: ""; } .popup .btns { margin-top: 35px; } .body-section-right.highlight2 { position: relative; } .body-section-right.highlight2 .body-section-right-top { z-index: 10000; position: relative; } .body-section-right.highlight2 .body-section-right-top + .popup { position: absolute; z-index: 10000; left: 0; background: #f6f0f1; width: 320px; top: 240px; padding: 20px; border-radius: 5px; } @media (max-width: 767px) { .body-section-right.highlight2 .body-section-right-top + .popup { max-width: 366px; width: calc(100% - 48px); left: 24px; right: 24px; top: -260px; } } .body-section-right.highlight2 .body-section-right-top + .popup:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f6f0f1; position: absolute; top: -15px; right: 15px; } @media (max-width: 767px) { .body-section-right.highlight2 .body-section-right-top + .popup:before { border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #f6f0f1; border-bottom: none; left: 20px; bottom: -14px; top: auto; right: auto; } } .body-section-right.highlight2.fixmeee { z-index: 10000; } .body-section-right.highlight3 { position: relative; } .body-section-right.highlight3 .body-section-right-bottom { z-index: 10000; position: relative; background-color: #f6f0f1; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 2px; } .body-section-right.highlight3 .body-section-right-bottom .signup-button { pointer-events: none; } .body-section-right.highlight3 .body-section-right-bottom + .popup { position: absolute; z-index: 10000; left: 0; width: 320px; top: -67px; padding: 20px; border-radius: 5px; background: #f6f0f1; } @media (max-width: 767px) { .body-section-right.highlight3 .body-section-right-bottom + .popup { max-width: 366px; width: calc(100% - 48px); left: 24px; right: 24px; top: -260px; } } .body-section-right.highlight3 .body-section-right-bottom + .popup:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f6f0f1; position: absolute; bottom: -15px; right: 15px; } @media (max-width: 767px) { .body-section-right.highlight3 .body-section-right-bottom + .popup:before { border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #f6f0f1; border-bottom: none; left: auto; bottom: -14px; top: auto; right: 20px; } } .body-section-right.highlight3.fixmeee { z-index: 10000; } .btns { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modol, .modol-backdrop { position: fixed; top: 0; left: 0; display: none; height: 100%; } .btns .skip { font-size: 14px; line-height: 8.12px; font-weight: 700; color: #78647d; cursor: pointer; } .btns .modol-next, .btns .modol-next2, .btns .start-now { cursor: pointer; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .modol { z-index: 1060; width: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modol-backdrop { z-index: 10; width: 100vw; background-color: #000; } .modol-backdrop.fade { opacity: 0; } .modol-backdrop.show { opacity: 0.7; display: block; z-index: 1000; } .modol-open { padding-right: 17px; } .modol-dialog { position: relative; width: auto; pointer-events: none; display: flex; height: 100%; padding: 30px; max-width: 680px; margin: auto; } @media (max-width: 767px) { .modol-dialog { padding: 27px; max-width: 674px; } } .modol-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; outline: 0; padding: 25px; padding-top: 50px; } .modol-close, .show_password { position: absolute; cursor: pointer; } .modol-content .btn-black { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; max-width: 190px; font-size: 18px; font-weight: 500; } .c_data .ul-singlerow li, .c_data-details .ul-singlerow, .c_data-details .ul-singlerow li, .modol-welcome .modol-footer, .supplier_rel { -webkit-box-orient: vertical; -webkit-box-direction: normal; } .modol-body :not(.link-light-purple):not(.form-check__pwd li):not(.btn):not(a):not(.icon-mail):not(.icon-call):not(.c-icon) { color: #333; } @media (max-width: 767px) { .modol-content { padding: 1.875rem; } .modol-body { max-width: 266px; } } .modol-body p { font-size: 1.375rem; } @media (max-width: 991px) { .modol-body p { font-size: 1.25rem; } } @media (max-width: 576px) { .modol-body p { font-size: 1.125rem; } } .modol-body h2 { font-size: 2rem; /* font-family: "PT Sans", sans-serif !important; */ } @media (max-width: 991px) { .modol-body h2 { font-size: 1.875rem; } } @media (max-width: 576px) { .modol-body h2 { font-size: 1.5rem; } } @media (max-width: 767.96px) { .modol-body { max-width: 100%; padding-right: 35px; font-size: 18px; line-height: 1.25; color: #333; } } .modol-footer { padding-top: 2.5rem; } .modol-footer .btn { /* max-width: initial; font-size: 18px; width: auto; min-width: 180px; padding-left: 20px; padding-right: 20px; */ border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 10px 20px; font-size: 14px; line-height: calc(20 / 14); color: #f5f5f5; font-weight: 600; border: 0; width: auto; height: auto; &.btn-fade { color: #000; } .btn { min-height: auto; padding: 0; } } .modol-footer .btn + .btn { margin-left: 10px; margin-top: 0; } .modol-footer .btn + .supplier-step-back { margin-left: 0; } .modol-footer .btn .icon-angle-down { transform: rotate(-90deg); } @media (max-width: 576px) { .modol-footer .btn { min-width: 40%; padding: 13px 21px; font-size: 14px; /* font-family: "PT Sans", sans-serif, sans-serif; */ font-weight: 600; } .modol-footer .btn + .btn { margin-left: 15px; } .modol-footer { padding-top: 50px; justify-content: flex-start; } } @media (max-width: 767.96px) { .modol-open { padding-right: 0; } } .modol.fade { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } .modol.show { display: block; } .modol.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modol-mfa, .modol.fade { -webkit-transform: none !important; -ms-transform: none !important; } .modol-close { width: 26px; height: 26px; border-radius: 50px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #efeff4; right: 10px; top: 10px; } .modol-close.close-dsh-msg { top: 50%; margin-top: -13px; } .modol.fade { transform: none !important; } .modol-welcome h1 { font-weight: 700; font-size: 4rem; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; letter-spacing: 0.0024em; color: #2f3441; } .modol-welcome .modol-footer p, .modol-welcome p { font-weight: 400; text-align: center; font-style: normal; } .modol-welcome p { font-size: 48px; line-height: 125%; color: #333; } .modol-welcome .modol-footer { -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modol-welcome .modol-footer .btn { min-width: 189px; margin-bottom: 24px; } .modol-welcome .modol-footer p { font-size: 20px; line-height: 160%; color: #333; margin-top: 0; } .modol-welcome .modol-footer p a { font-weight: 700; text-decoration: underline; color: #333; } .signin-form .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .show_password { z-index: 100; top: 0; height: 100%; right: 0; display: flex; align-items: center; justify-content: center; padding: 0 20px; } @media (max-width: 767px) { .show_password { padding-left: 13px; } .footer { display: none; } } /* .inputBox .por { max-width: 500px; } */ label.error { color: #df0c4a; } .form-check__pwd { max-width: 500px; } .form-check__pwd ul { column-count: 2; padding-left: 0; } .form-check__pwd li { opacity: 0.6; position: relative; padding-left: 25px; color: #0da20d; } .form-check__pwd li.invalid { opacity: 0.9; color: #292929; } .form-check__pwd li.invalid:before { content: ""; width: 5px; height: 5px; border-radius: 10px; position: absolute; left: 10px; top: 7px; background-color: #292929; } .form-check__pwd li:before { content: "\e807"; width: 30px; height: 20px; position: absolute; left: 9px; top: 4px; font-family: fontello; font-size: 12px; } .checkbox-custom:checked ~ .checkbox-round-label:after, .checkbox-round-label:before, .custom_checkbox input:checked + label:after, .custom_checkbox label:before, .custom_radiobox input:checked + label:after, .custom_radiobox label:before, .landing_block:after, .lb_left .lb_contents-form:before { content: ""; } .form-check__pwd li::marker { color: #fff; } input[type="text"] { font-size: 16px; } .reset-new-password.btn, .save-password { opacity: 0.4; pointer-events: none; } .dosubmit .reset-new-password.btn, .dosubmit .save-password { opacity: 1; pointer-events: auto; } .form-login .show_password { position: absolute; cursor: pointer; } .dropdown, .footer { position: relative; } .content-manage + .btn, .upgrade-inst + .btn { margin-top: 20px; } .footer { background-color: #d1ccd2; padding-top: 20px; padding-bottom: 20px; margin-top: 50px; } .footer a, .footer p { color: #292929; font-size: 16px; line-height: 1.3125; } .footer p { margin: -2px 0 0; } .back-arrow, .footer-icon { margin-right: 15px; } .footer-container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; } .footer-right p strong { display: block; } .footer-right a:hover { text-decoration: underline; color: #292929; } .dropdown .dropdown-menu { -webkit-transform: translate3d(0, 38px, 0); transform: translate3d(0, 38px, 0); will-change: transform; position: absolute; top: 100%; left: auto; right: 0; z-index: 1010; display: none; min-width: 177px; padding: 15px 10px 8px; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; -webkit-box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.1); box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.1); border-radius: 0.25rem; } .bar-code-image, .loadmore, .supplier_rel-content, .td-style-strong, .td-style2, .text-center { text-align: center; } .dropdown .dropdown-menu a.dropdown-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; padding: 8px 10px; color: #292929; font-size: 16px; } .dropdown .dropdown-menu a.dropdown-item .menu-icon { display: inline-block; padding-right: 10px; } .dropdown .dropdown-menu a.dropdown-item .menu-icon svg { opacity: 0.5; } .dropdown .dropdown-menu a.dropdown-item.active-menu, .dropdown .dropdown-menu a.dropdown-item:hover { color: #c130e8; } .dropdown .dropdown-menu a.dropdown-item.active-menu svg, .dropdown .dropdown-menu a.dropdown-item:hover svg { opacity: 1; } .dropdown .dropdown-menu a.dropdown-item.active-menu svg path, .dropdown .dropdown-menu a.dropdown-item:hover svg path { stroke: #c130e8; } .dropdown .dropdown-menu a.dropdown-item.active-menu .menu-icon.declaration svg path, .dropdown .dropdown-menu a.dropdown-item:hover .menu-icon.declaration svg path { fill: #c130e8; stroke: none; } .dropdown .dropdown-menu a.dropdown-item.active-menu.log-btn { border-top: 1px solid #f1ecf3; padding-top: 23px; padding-bottom: 13px; margin-top: 16px; } .dropdown .dropdown-menu a.dropdown-item.active-menu:not(.log-btn) { background-color: #f7e9fd; color: #292929; border-radius: 5px; } .dropdown.open .dropdown-menu { display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .upgrade-account-premium { width: 100%; } .term-condition-content { padding-left: 30px; } .term-condition-content + .term-condition-content { margin-top: 10px; } .checkbox-round-label { position: relative; cursor: pointer; } .checkbox-round-label:before { width: 20px; height: 20px; border-radius: 25px; border: 1.5px solid #292929; position: absolute; left: -28px; top: 0; } .checkbox-custom:checked ~ .checkbox-round-label:after { width: 10px; height: 10px; background-color: #c130e8; border-radius: 20px; position: absolute; left: -23px; top: 5px; } .lightbg-wrapper { background: rgba(245, 245, 245, 0.5); border: 2px solid #f5f5f5; border-radius: 5px; padding: 25px; } @media (max-width: 767px) { .lightbg-wrapper { padding: 10px; } } .lightbg-wrapper .big-text { padding-top: 5px; display: inline-block; } .lightbg-wrapper .icon-wrap { -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.03); box-shadow: 0 7px 7px rgba(0, 0, 0, 0.03); } .small-tab-pane { font-size: 16px; } .big-text { font-size: 24px; font-weight: 700; } .light-small-font { font-size: 14px; opacity: 0.6; } .notice-bar { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; padding-bottom: 10px; } @media (max-width: 767px) { .notice-bar { padding: 7px 0; } .notice-bar.dsh-alert { padding-top: 7px; padding-bottom: 7px; } } .notice-bar a { text-decoration: underline; } .notice-bar p { margin: 0; } .notice-bar .signup-button { background-color: transparent; } .cursor-pointer { cursor: pointer; } /* .c-icon { position: absolute; right: 20px; top: 16px; color: #c130e8; font-size: 20px; } */ .c-icon .icon-briefcasee, .c-icon.icon-briefcasee { font-size: 23px; } .in-desktop.btn-back-to-decleration, .in-desktop.btn-submit-decleration { margin-top: 20px; } .disabled { opacity: 0.4 !important; pointer-events: none; } .btn-dashbord-blocked .tab.active:after { display: none; } .form-check__pwd .error.select-package { color: #fb0a1f; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(/assets/image/error_icon.svg); background-size: 20px; background-repeat: no-repeat; background-position: center left; } .form-check__pwd .error.select-package:before { display: none; } .supplier_rel { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .supplier_rel-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .supplier_rel-head .outline-btn { width: auto; padding-left: 10px; padding-right: 15px; display: inline-block; } .supplier_rel-head .icon-add { margin-right: 6px; font-size: 13px; } .supplier_rel-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .supplier_empty { max-width: 170px; margin: 50px auto; } .supplier_empty b { display: block; } .supplier_empty p { opacity: 0.6; font-size: 12px; font-weight: 400; } .supplier_empty p b { font-size: 14px; font-weight: 700; } .form-supplier { margin-top: 25px; } .supplier_list, .tbl_minus_width { width: calc(100% + 20px); margin-left: -10px; } .q_num { font-weight: 700; padding-right: 10px; } .modol-supplier-buy .modol-supplier { width: auto; margin: auto; max-width: 380px; background-image: url(/assets/image/union_full.svg); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 120px; padding-top: 70px; } .modol-supplier-buy .modol-supplier .c_data-details { background-color: transparent; border-radius: 0; padding: 0; } .modol-supplier-buy .modol-supplier .c_data-details .ul-singlerow { margin-left: 30px; margin-right: 30px; } .modol-supplier-buy .modol-supplier .c_data-num.supplier_contact_person { color: #000; } .reminder-success-message { background-color: #f1e7f3; padding: 17px 30px; font-size: 20px; color: #000; border-radius: 5px; margin-bottom: 30px; } .tbl, .tbll { text-align: left; margin-bottom: 10px; } .reminder-success-message .icon-ok { color: #fff; font-size: 16px; } .reminder-success-message .qn-checked { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .opt_7 { opacity: 0.7; } .buy-suppliers { max-width: 270px; } .buy-suppliers h2 { font-size: 24px; } .buy-suppliers p { font-size: 15px; color: #000; } .buy-suppliers p a { text-decoration: none; color: #333; } .buy-suppliers .icon-call, .buy-suppliers .icon-mail { color: #c130e8; width: 26px; display: inline-block; } .tbl td, .tbl th { color: #292922; padding: 15px 5px; } .buy-suppliers .icon-call { font-size: 22px; } .supplier_rel .tbl_company-list .tbl tbody td:first-child, .supplier_rel .tbl_company-list .tbl tbody th:first-child, .supplier_rel .tbl_company-list .tbl thead td:first-child, .supplier_rel .tbl_company-list .tbl thead th:first-child, .supplier_rel .tbl_supply-list .tbl tbody td:first-child, .supplier_rel .tbl_supply-list .tbl tbody th:first-child, .supplier_rel .tbl_supply-list .tbl thead td:first-child, .supplier_rel .tbl_supply-list .tbl thead th:first-child { width: 120px; } @media (max-width: 567px) { .supplier_rel .tbl_company-list .tbl tbody td:first-child, .supplier_rel .tbl_company-list .tbl tbody th:first-child, .supplier_rel .tbl_company-list .tbl thead td:first-child, .supplier_rel .tbl_company-list .tbl thead th:first-child, .supplier_rel .tbl_supply-list .tbl tbody td:first-child, .supplier_rel .tbl_supply-list .tbl tbody th:first-child, .supplier_rel .tbl_supply-list .tbl thead td:first-child, .supplier_rel .tbl_supply-list .tbl thead th:first-child { width: 100px; } } .supplier_rel .tbl_company-list .tbl tbody td:nth-child(2), .supplier_rel .tbl_company-list .tbl tbody th:nth-child(2), .supplier_rel .tbl_company-list .tbl thead td:nth-child(2), .supplier_rel .tbl_company-list .tbl thead th:nth-child(2), .supplier_rel .tbl_supply-list .tbl tbody td:nth-child(2), .supplier_rel .tbl_supply-list .tbl tbody th:nth-child(2), .supplier_rel .tbl_supply-list .tbl thead td:nth-child(2), .supplier_rel .tbl_supply-list .tbl thead th:nth-child(2) { width: calc(100% - 220px); } .supplier_rel .tbl_company-list .tbl tbody td:nth-child(3), .supplier_rel .tbl_company-list .tbl tbody th:nth-child(3), .supplier_rel .tbl_company-list .tbl thead td:nth-child(3), .supplier_rel .tbl_company-list .tbl thead th:nth-child(3), .supplier_rel .tbl_supply-list .tbl tbody td:nth-child(3), .supplier_rel .tbl_supply-list .tbl tbody th:nth-child(3), .supplier_rel .tbl_supply-list .tbl thead td:nth-child(3), .supplier_rel .tbl_supply-list .tbl thead th:nth-child(3) { width: 103px; } .tbll_wrapper { overflow: auto; } .tbl { width: 100%; } .tbl th { font-size: 12px; font-weight: 700; } .tbl td { background-color: var(--lightgray); font-size: 14px; } .tbl td a { color: #c130e8; text-decoration: none; } .tbll td .tdfield, .tbll th { font-size: 12px; color: #292922; } .tbl td a:hover { text-decoration: underline; } .tbl.tbl_striped tr:nth-child(even), .tbl.tbl_striped tr:nth-child(even) td { background-color: #fff; } .supplying_to .tbl td, .tbll td { background-color: var(--lightgray); } .tbl_q-list th:first-child { width: 80%; } .tbl_q-list th:nth-child(2) { width: 20%; } .tbl_q-list.tbl_striped tr td:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .tbll { width: 100%; } .c_topbar, .mail_confirm img, .sup_detail-head { margin-bottom: 20px; } .tbll th { padding: 15px 5px; font-weight: 700; } .tbll th.sorticon .sorticon_span { display: inline-block; margin-left: 4px; position: relative; top: 2px; } .tbll td { padding-bottom: 5px; vertical-align: top; } .tbll td .tdfield { padding: 10px 5px; display: block; } .tbll td a { color: #c130e8; text-decoration: none; } .tbll td a:hover { text-decoration: underline; } .tbll.tbll_striped tr:nth-child(even), .tbll.tbll_striped tr:nth-child(even) td { background-color: #fff; } .tbll.tbll_striped tr:nth-child(even) .tdfield, .tbll.tbll_striped tr:nth-child(even) td .tdfield { padding: 15px 5px; } .tbll_q-list th:first-child { width: 80%; } .tbll_q-list th:nth-child(2) { width: 20%; } .tbll_q-list.tbl_striped tr td:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .tbll .supplier-click { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } th.sortable { cursor: pointer; } .tbl_gdrp td:last-child, .tbl_information_security td:last-child, .tbl_it_security td:last-child, .tbl_security_culture td:last-child { width: 25%; } .tag_sup { display: inline-block; background-color: #f1e7f3; font-size: 10px; line-height: 1.3; color: #c130e8; padding: 5px 8px; /* border-radius: 100px; */ margin-left: 5px; } .tag_sup.tag_free { color: var(--dark-color); } .mail_confirm p a { color: #c130e8; text-decoration: none; } .btn-fade { background-color: rgba(112, 15, 138, 0.1); color: #78647d; font-size: 18px; font-weight: 700; } @media (min-width: 768px) { .tbll { table-layout: fixed; } .btn-large { min-height: 63px; } .c_data-content > div.c_data-div { max-width: 277px; } } .loadmore { background-color: rgba(var(--lightpurple), 0.2); padding: 19px; width: calc(100% + 10px); margin-left: -5px; border: 0; border-radius: 0; height: auto; cursor: pointer; } .loadmore span { font-size: 14px; color: #292929; } .loadmore span .icon-down-arrow { font-size: 6px; position: relative; top: -1px; } .sup_detail-head h2, .supplier_company { font-size: 18px; } .supplier_detail { padding-top: 40px; } .supplier_detail .white-bar { padding: 20px; } .supplier_detail .outline-btn:hover { opacity: 0.8; } .sup_detail-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sup_detail-head .btn { width: auto; padding-left: 20px; padding-right: 20px; } .sup_detail-head .d-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .back-arrow { width: 36px; height: 36px; border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .back-arrow .icon-angle-down { font-size: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; } .c_topbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .c_topbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c_data-content > div:last-child > div { margin-bottom: 0; } } .c_top-right .outline-btn { font-size: 14px; padding: 6px 15px 6px 10px; display: inline-block; min-height: unset; } .c_top-right .icon-edit, .c_top-right .icon-trash-01 { padding-right: 5px; font-size: 16px; } .c_date { padding-right: 15px; } .c_data-label { font-size: 12px; display: block; padding-bottom: 2px; color: rgba(0, 0, 0, 0.6); } .c_data-num { font-size: 18px; font-weight: 700; } .c_data { background-color: #f1f2f8; border-radius: 5px; padding: 23px 30px; } .c_data-content { margin-left: -10px; margin-right: -10px; } .c_data-content > div { padding-left: 10px; padding-right: 10px; } .c_data-content > div.c_data-div { width: 100%; } .c_data-content > div.c_data-details-div { width: 100%; } .c_data-content > div.csi-div { width: 100%; max-width: 320px; } .c_data-content > div.csi-div .body-section-right-tops { margin-bottom: 0; height: 158px; max-width: 100%; position: relative; background-image: url(/assets/image/security-index.png); background-size: cover; background-repeat: no-repeat; z-index: 10; border-radius: 3px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c_data-content > div.csi-div .body-section-right-tops img { opacity: 0; } .c_data-content > div.csi-div .body-section-right-tops .bs-content { position: absolute; top: 0; left: 0; color: #fff; font-weight: 700; font-size: 18px; line-height: 1.2777777778; padding-top: 34px; padding-left: 25px; } .c_data-content > div.csi-div .body-section-right-tops .bs-content span:not(.large-text) { max-width: 145px; display: block; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); } .c_data-content > div.csi-div .body-section-right-tops .bs-content .large-text { display: block; font-size: 50px; line-height: 1.4; } @media (max-width: 767px) { .c_data-content > div > div { margin-bottom: 20px; } .c_data-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .audited-text-div { padding: 35px 20px 20px; color: #fff; } .score_bg { margin-bottom: 0; max-width: 100%; min-width: 150px; position: relative; z-index: 10; border-radius: 3px; overflow: hidden; background: #710f8b; background: linear-gradient(45deg, #710f8b, #b82cde); } .score_bg .bs-content { color: #fff; padding: 14px 20px; } .score_bg .bs-content .large-text { display: block; font-size: 18px; line-height: 1.4; font-weight: 700; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.04); text-align: right; } .score_bg .bs-content .small-text { font-size: 12px; } .c_data-details .ul-singlerow { -ms-flex-direction: column; flex-direction: column; } .c_data-details .btn-shadow { position: absolute; right: 20px; top: 20px; min-height: unset; font-size: 16px; font-weight: 400; padding: 8px 10px; } .c_data-details .btn-shadow .icon-notification-ringing { padding-right: 5px; } .c_data-details .btn-shadow.send-reminder { position: static; } .c_data-details .c_data-num { font-weight: 400; } .c_data li, .c_data-details li { list-style: none; } .c_data ul, .c_data-details ul { padding-left: 0; } .c_data .ul-singlerow, .c_data-details .ul-singlerow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px 0; padding: 0; } .c_data .ul-singlerow li, .c_data-details .ul-singlerow li { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ul-multirow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ul-multirow li { max-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; margin-top: 20px; padding-right: 20px; } .ul-multirow li:nth-child(3n) { padding-right: 0; } .btn-dark.btn-small { min-height: 38px; display: inline-block; width: auto; float: right; padding: 10px 20px; } .all_questions .sub_head, .q_score { display: -webkit-box; display: -ms-flexbox; } .btn-dark.btn-small .icon-add { padding-right: 10px; } .csi + .btn-dark.btn-small { margin-top: 30px; } .btn-shadow { background-color: #fff; box-shadow: 0 4px 4px 0 rgba(239, 239, 244, 0.6); } .color_pink { color: #c130e8 !important; } .all_questions .sub_head { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sub_head h3 { font-size: 18px; margin-bottom: 18px; } .q_score { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .q_score .c_data-label { padding-right: 5px; font-size: 16px; color: #7e7e7e; } p.update-message { color: red; font-size: 16px; } .minwidth-140 { min-width: 140px !important; } .landing_page { background-color: var(--lightpink); height: 100%; overflow: hidden; } .landing_page .form-field .form-label { font-family: Poppins, sans-serif; font-weight: 500; color: #292929; } .landing_block { /* display: flex; */ position: relative; background-color: var(--purple); } .landing_block:after { height: 200px; width: 100%; display: inline-block; position: absolute; top: 100%; left: 0; z-index: 0; margin-top: -150px; } .lb_left, .lb_left .lb_contents-form { position: relative; } @media (min-width: 992px) { .landing_block:after { background-color: #fff9fb; } .landing_block .landing_container { display: flex; gap: 20px; } } .lb_left, .lb_right { z-index: 1; } .lb_left { display: flex; justify-content: flex-end; font-family: Poppins, sans-serif; padding-top: 40px; } @media (min-width: 992px) { .lb_left { padding-top: 127px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 560px; } .lb_left .lb_contents-form:after { content: ""; background-color: #fff9fb; height: 1000%; display: inline-block; position: absolute; top: 100%; z-index: -1; margin-top: -150px; left: -1000%; right: 0; width: 3000%; } .lb_right { flex: 1; height: 100%; } } .lb_left .lb_contents-form:before { background-image: url(/assets/image/union-landing.svg); background-repeat: no-repeat; background-size: contain; background-position: center 0; width: 100%; height: 100%; position: absolute; z-index: -1; bottom: 150px; left: 0; } .lb_contents-form .email.form-input, .lb_contents-form .phone.form-input, .lb_contents-form .user.form-input { background-position: calc( 100% - 20px ) center; background-repeat: no-repeat; } .lb_contents { text-align: left; width: 100%; } .lb_contents h1, .lb_contents h2 { /* font-family: Poppins, sans-serif !important; */ } .lb_contents-text { max-width: 540px; color: #fff; margin-bottom: 48px; } .lb_contents-text .color_lightpurple { display: block; } .lb_contents-text h1, .lb_contents-text h2 { color: #fff; } .lb_contents-text h1 { font-weight: 600; line-height: 1; letter-spacing: -0.02em; margin-bottom: 30px; } @media (min-width: 992px) { .lb_contents-text h1 { font-size: 68px; } } .lb_contents-text p { font-size: 20px; font-weight: 300; line-height: 1.3; } .lb_contents-form { max-width: 560px; background-color: #fff; border-radius: 4px; padding: 30px; -webkit-box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); margin-bottom: 30px; } .lb_contents-form.form-block h2 + p { margin-top: 6px; margin-bottom: 8px; } .lb_contents-form .form-field .form-label { top: 15px; } .lb_contents-form .form-field .form-input { /* padding-top: 19px; */ margin-bottom: 10px; padding-right: 44px; } .lb_contents-form .btn-create-account { margin-top: 14px; } .lb_contents-form h2 { font-size: 26px; line-height: 1.5; font-weight: 600; } .lb_contents-form p { font-size: 16px; line-height: 1.5; font-weight: 400; } .lb_contents-form input[type="text"] { font-family: Poppins, sans-serif; font-weight: 500; text-decoration: none; } .lb_contents-form input[type="text"]:hover { text-decoration: underline; } .lb_contents-form .email.form-input { background-image: url(/assets/image/email.svg) !important; background-size: 20px; } .lb_contents-form .user.form-input { background-image: url(/assets/image/user-purple.svg) !important; background-size: 24px; } .lb_contents-form .phone.form-input { background-image: url(/assets/image/phone.svg) !important; background-size: 20px; } .lb_contents-form .btn { font-size: 14px; line-height: 1.5; font-family: Poppins, sans-serif !important; margin-top: 5px; border: 0; } .lb_contents-form.ff-pt-sans input[type="text"]:hover { text-decoration: none; } .lb_right img { max-width: 100%; position: relative; top: -13px; top: 0; height: 101%; width: 100%; object-fit: cover; } @media (min-width: 992px) { .free-trial-acc .text-22 { font-size: 22px; } } .modol-supplier-detail .modol-dialog { max-width: 869px; } .modol-supplier-detail .modol-dialog .modol-content { padding: 20px 66px 20px 20px; } @media (max-width: 768px) { .modol-supplier-detail .modol-dialog .modol-content { padding-right: 20px; } .modol-supplier-detail .modol-supplier .modol-body { padding-right: 0; } } .modol-supplier-detail .supplier_empty { margin: 6px auto; } @media (max-width: 567px) { .modol-supplier-detail .c_top-right > .d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .modol-supplier-detail .c_top-right > .d-flex .c_date { width: 100%; padding-right: 0; padding-bottom: 10px; } .modol-supplier-detail .modol-body { max-width: 100%; } .modol-supplier-detail .c_data-details .ul-singlerow { padding-top: 50px; } } .verify-input-texts { font-style: italic; font-size: 14px; padding-left: 10px; color: #000; margin-top: 30px; } .verify-input-texts a { color: #000; font-weight: 700; text-decoration: none; } .verify-input-texts a.link { color: #000; text-decoration: underline; font-weight: 400; } .verify-input-texts a.link:hover { text-decoration: none; } .verify-input-texts p { font-size: 14px; margin-bottom: 0; } .modol-reminder-success .modol-supplier .c_top-left > span, .verify-input-texts ul li::marker { font-size: 12px; } .verify-input-texts ul { margin-top: 0; padding-left: 25px; max-width: 480px; } .basic_layout.has_landing_page { background-color: #fdf9fb; .select2-container--open .select2-dropdown { left: -100px; width: 180px !important; } } .basic_layout.has_landing_page .footer { margin-top: 0; } .basic_layout .footer { z-index: 1; } .has_landing_page .container { max-width: 1262px; } @media (min-width: 1440px) { .has_landing_page .container { max-width: 1292px; } } .has_landing_page .header-right-section .btn-secondary { position: relative; top: -4px; } @media (min-width: 768px) { .has_landing_page .header-fixed { height: 71px; padding-top: 17px; } } @media (max-width: 1292px) { .landing_block { padding-left: 15px; } } .modol-reminder-success .modol-dialog { max-width: 869px; } .modol-reminder-success .modol-supplier { padding-top: 47px; } .modol-reminder-success .modol-supplier .c_topbar { margin-bottom: 25px; } @media (max-width: 991px) { .landing_block { padding-right: 15px; } .modol-reminder-success .modol-supplier .c_topbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .modol-reminder-success .modol-supplier .c_top-left .detail_supplier_company { font-size: 18px; } .modol-reminder-success .modol-supplier .reminder-success-message { position: relative; margin-bottom: 20px; } .modol-reminder-success .modol-supplier .reminder-success-message > div { padding-left: 48px; } .modol-reminder-success .modol-supplier .reminder-success-message .qn-checked { left: 30px; } .modol-reminder-success .modol-supplier .reminder-success-message .qn-checked .icon-ok { color: #fff !important; } .modol-reminder-success .modol-supplier .c_data-num.detail_supplier_email { color: #000 !important; } .color_lightpurple { color: #e68aff; } .add-supplier-org-num .form-field a { color: #000; } .modol-body .form-field .add-suppliers-desc { font-size: 16px; margin-bottom: 20px; } .see-certificate { margin-top: 20px; } .see-certificate.outline-btn { font-size: 14px; padding: 8px 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; } .see-certificate.outline-btn .icon { padding-right: 5px; display: inherit; } .btn-tag { width: 26px; padding: 0; min-height: auto; margin-left: 3px; position: relative; top: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 26px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-tag svg { width: 14px; } .body-section-right { padding-top: 30px; width: 100%; } @media (min-width: 992px) { .body-section-right .dsh-card { padding-left: 0; padding-right: 0; } } .modol-mfa { transform: none !important; } .modol-mfa .modol-content { height: 100%; padding-right: 0; } .modol-mfa .modol-content .modol-body { overflow-y: auto; overflow-x: hidden; height: 100%; padding-right: 3.125rem; } .modol-mfa .mfa-invalid-msg a { text-decoration: underline; } .modol-mfa .mfa-invalid-msg a:hover { display: none; } .modol-mfa .input_box input[type="number"] { font-size: 18px; margin-bottom: 0; -moz-appearance: textfield !important; -webkit-appearance: none!important; } .modol-mfa .modol-footer { padding-top: 0; } .modol-mfa .modol-footer .btn { float: right; margin-bottom: 0; } .modol-mfa .modol-dialog { max-width: 930px; } .enter-mfa-code-msg p, .mfa-heading-msg p { border-top: 1px solid #e5e5e5; padding-top: 20px; } .enter-mfa-code-msg p strong, .mfa-heading-msg p strong { display: block; padding-bottom: 7px; } .enter-mfa-code-msg p a, .mfa-heading-msg p a { color: #333; } .enter-mfa-code-msg p a:hover, .mfa-heading-msg p a:hover { text-decoration: none; } .word-break-all { word-break: break-all; } .mfa-error.error { color: var(--red) !important; } .por { position: relative; } .mrg-bot-25 { margin-bottom: 25px; } .mrg-top-50 { margin-top: 50px; } .pad-rt-40 { padding-right: 40px; } .mrg-top-minus13 { margin-top: -13px; } .mrg-rt-0 { margin-right: 0; } .ml-10 { margin-left: 10px; } .mr-10 { margin-right: 10px; } .ml-20 { margin-left: 20px; } .mr-20 { margin-right: 20px; } .mt-20 { margin-top: 20px; } .mt-10 { margin-top: 10px; } .mb-20 { margin-bottom: 20px; } .chart-title, .mb-12 { margin-bottom: 12px; } .underline, a.underline { text-decoration: underline; } .company-associated li a, .my-tabs-navs a, .tabs-navs a, .td-none, .tooltip, .underline:hover, a.underline:hover { text-decoration: none; } .position-static { position: static !important; } .audit-drop, .list_view, .td-style-span { position: relative; } .colorred { color: red !important; } .pad-tb-20 { padding-top: 20px; padding-bottom: 20px; } .height-80 { height: 80px; } .lblvalidationmsg { color: red; padding-bottom: 10px; } .no-bg-text-indent { background: 0 0; text-indent: 0; } .width-60 { width: 60px; } .width-50 { width: 50px; } .width-65 { width: 65px; } .width-45 { width: 45px; } .width-70-per { width: 70% !important; } .list_view { top: -2px; display: none; } .main-btn-cancel { float: right; margin-top: -5px; } .top-minus-2 { top: -2px; } .autoWidth { width: auto; } .dis-table-footer-grp { display: table-footer-group !important; } .min-height-200 { min-height: 200px; } .width-100 { width: 100px; } .td-style { font-size: 16px; font-weight: 700; color: #016ca1; width: 30px; } .td-style-span { height: 10px; top: -10px; width: 30px; display: inline-block; vertical-align: middle; } .td-style-strong, .td-style2 { background-color: #016ca1; color: #fff; border-radius: 50%; width: 24px; height: 24px; position: absolute; display: inline-block; vertical-align: middle; line-height: 24px; } .chart-wrapper, .gray-wrapper { background-color: var(--canvas-bg); } .td-width-150 { padding: 5px 0; min-width: 150px; } .goto-pro-btn-dash { max-width: 270px; min-height: 45px; } :root { --canvas-bg: #f6f1f8; } canvas { max-height: 500px; max-width: 100% !important; } .chart-title { font-weight: 700; } .chart-repeater { margin-bottom: 20px; } .chart-repeater:first-child { margin-top: 20px; } .chart-wrapper { padding: 20px; } .my-tabs-navs, .tabs-navs { /* border-bottom: 0.5px solid rgba(204, 204, 204, 0.4); */ } .my-tabs-navs ul, .tabs-navs ul { margin: 0; padding: 0; background-color: var(--lightgrey); border-radius: 4px; padding: 4px; } .my-tabs-navs li, .tabs-navs li { display: inline-block; /* margin-right: 25px; margin-bottom: -1px; */ } .my-tabs-navs li.active, .tabs-navs li.active { /* border-bottom: 1px solid #c130e8; */ } .my-tabs-navs li.active a, .tabs-navs li.active a { color: #141414; font-weight: 600; background-color: #F6F0F8; border: 1px solid var(--purple2); } .my-tabs-navs a, .tabs-navs a { display: block; padding: 7px 15px; letter-spacing: -0.01em; color: #737373; font-size: 14px; font-weight: 500; background-color: #fff; border-radius: 4px; border: 1px solid #fff; letter-spacing: -0.01em; } .my-tabs-navs { border-width: 2px; } .my-tabs-navs > ul > li { margin-bottom: -2px; } .my-tabs-navs > ul > li a { font-size: 20px; padding-top: 0; } .dashboard-card h3, .h3title { font-size: 18px; } .my-tabs-navs > ul > li.active { border-width: 2px; } .tabs-navs { display: flex; align-items: flex-end; gap: 10px; } .dropdown.audit-drop { padding: 0 !important; &.audit-drop-select { padding-left: 8px !important; } } .white-card-head + .white-card-body.collapseChartSup { padding-top: 25px; } .dropdown-audit-wrapper { p { margin-bottom: 4px; } } .gray-wrapper { padding: 20px; } .row .gray-wrapper { height: 100%; } .my-tabs-contents, .tabs-contents { padding-top: 6px; } .my-tabs-contents > div:not(:first-child), .tabs-contents > div:not(:first-child) { display: none; } .dashboard-card p { font-size: 14px; font-style: italic; color: rgba(var(--dark-color), 0.6); } .dashboard-card .icon-wrapper { width: 40px; height: 40px; margin-bottom: 20px; } .dashboard-card .icon-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .audit-drop .btn-gray-line { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 5.4px 10px; height: auto; font-size: 9px; cursor: pointer; } .audit-drop .btn-gray-line label { font-weight: 700; } .audit-drop .btn-gray-line > * { margin-right: 5px; } .audit-drop .btn-gray-line > :last-child { margin-right: 0; } .audit-drop .btn-gray-line select { border-radius: 30px; } .audit-drop .btn-gray-line + .dropdown-menu { margin-top: -16px; border: 1.5px solid rgba(0, 0, 0, 0.2); } .audit-drop select { /* border-radius: 20px; */ /* padding-left: 12px; */ padding-right: 22px; background-image: url(/assets/image/dropdown-dark.svg); background-size: 11px; height: 46px; outline: 0; width: 284px; box-shadow: none; border-color: #d4d4d4; border-radius: 4px; } .audit-drop:before { content: " "; background-repeat: no-repeat; position: absolute; left: 10px; top: 7px; display: inline-block; width: 14px; height: 15px; } .audit-drop.audit-drop-select select { padding-left: 26px; } .audit-drop.audit-drop-select:before { left: 16px; top: 15px; background-image: url(/assets/image/audit.svg); } .audit-date { color: #fff; padding-top: 29px; padding-right: 22px; text-align: right; font-size: 12px; } .audit-icon-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .audit-icon { padding-right: 5px; } span.audit-text { font-weight: 700; } .wht-outline.btn-small { font-size: 14px; font-weight: 700; border: 1px solid #fff; display: inline-block !important; width: auto; border-radius: 20px; padding: 8px 14px; margin-top: 15px; } .dashboard-front.dashboard-front-new .dsh-repeater .white-bar { padding: 14px 14px 0; overflow: hidden; border: none; } @media (max-width: 767px) { .dashboard-front.dashboard-front-new .body-section-right-top { position: fixed; bottom: 0; z-index: 1000; width: 100%; max-width: 100%; left: 0; } .dashboard-front.dashboard-front-new .body-section-right-top .bs-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; padding-right: 20px; width: 100%; } } .supplying_to { padding-bottom: 10px; } .supplying_to .tbl tbody { border-radius: 5px; } .supplying_to .tbl tbody + tbody { position: relative; top: 4px; } .supplying_to .tbl tr:first-child td:first-child { border-top-left-radius: 5px; } .supplying_to .tbl tr:first-child td:last-child { border-top-right-radius: 5px; } .supplying_to .tbl tr:last-child td:first-child { border-bottom-left-radius: 5px; } .supplying_to .tbl tr:last-child td:last-child { border-bottom-right-radius: 5px; } .white-bg.white-bar { background-color: #fff; } .cate-name { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f2f2f2; } .supplier_detail-tab .chart-repeater:first-child { margin-top: 0; } .note { padding: 10px; } .note_title { padding: 10px 15px; font-size: 18px; } .note_text { border-radius: 5px; border: 1px solid rgba(107, 9, 92, 0.12); background-color: rgba(255, 255, 255, 0.4); padding: 15px; } .note_text p { margin: 0; padding: 0; font-size: 15px; line-height: 140%; color: #292922; } .note_text textarea { resize: vertical; min-height: 200px; } .note_btn { margin: 30px auto 20px; max-width: calc(100% - 20px); } .modol.show { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modol-dialog { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .company-associated { padding-left: 20px; } .company-associated li { padding: 5px 0; } .company-associated li::marker { color: #c130e8; } .company-associated li a { color: #c130e8; font-size: 18px; opacity: 0.8; } @media (min-width: 1200px) { .dsh-section-left { -webkit-box-flex: 0; -ms-flex: 0 0 820px; flex: 0 0 820px; max-width: 820px; } .dsh-section-right { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; } .dsh-section-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 991px) { .lb_contents-text h1 { font-size: 57px; } .landing_block { flex-direction: column; } .lb_left { margin-bottom: 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 0; } .lb_right { padding-left: 0; } } @media (min-width: 768px) { .in-mobile { display: none !important; } .body-section-right-heading { margin-bottom: 20px; } body, html { height: 100%; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-wrapper { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .footer { -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { .company-settings { white-space: nowrap; font-size: 14px; } .company-settings .icon-setting { font-size: 14px; } .company-setting .setting-arrow-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .company-setting .setting-arrow { width: 30px; height: 30px; } .body-section-right-heading.in-desktop { display: block !important; } /* .body-section-right-bottom:not(.mobile-bottom) .body-section-right-heading + p, .body-section-right-bottom:not(.mobile-bottom) .body-section-right-heading:not(.mobile-bottom) { display: none; } */ .body-section-right-bottom.mobile-bottom .body-section-right-heading.mobile-bottom { margin-bottom: 0; } .main-wrapper { padding-bottom: 50px; } .below-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .below-btn .form-field + label { padding-left: 0; padding-top: 5px; } .fix-catblock .category-block { position: relative; } .question-answer input:checked ~ .an-content { padding-top: 0; } .col-md-8.tab-content { padding-top: 24px; } .white-bar { padding: 20px; } } @media (max-width: 767px) and (max-width: 375px) { .white-bar { padding: 10px; } } @media (max-width: 767px) { .question-answer input:checked + .qn-text-other { font-size: 18px; } /* .fixmeee { top: auto !important; bottom: 0; left: 0; right: 0; width: 100% !important; display: flex; height: 70px; background-color: #f2f2f2; position: fixed !important; z-index: 3; padding-top: 0; } .body-section-right-bottom { width: 100% !important; max-width: 50%; flex: 0 0 50%; } */ .qn-text-other { font-size: 16px; } .body-section-right-top { height: 70px; margin: 0; max-width: 50%; flex: 0 0 50%; margin-top: 0 !important; overflow: hidden; } .body-section-right-top .bs-content { display: flex; align-items: flex-start; font-size: 12px; padding-top: 14px; padding-left: 25px; } } @media (max-width: 767px) and (max-width: 300px) { .body-section-right-top .bs-content { padding-left: 15px; } } @media (max-width: 767px) { .body-section-right-top .bs-content span:not(.large-text) { max-width: 90px; } .body-section-right-top .bs-content .large-text { line-height: 0.8; } .body-section-right-bottom:before, .col-md-4 .update-container, .in-desktop { display: none; } .in-desktop { display: none !important; } .in-mobile.sticky-footer .signup-button { background-color: transparent; } .body-section-right-heading.in-mobile { display: none; } /* .body-section-right-bottom:not(.mobile-bottom) .body-section-right-heading { font-size: 12px; line-height: 1.2941666667; } */ .body-section-right-bottom:not(.mobile-bottom) .body-section-right-heading .heading-text { max-width: 110px; display: inline-block; } .body-section-right-bottom:not(.mobile-bottom) .icon-down { width: 24px; height: 24px; background: #c130e8; /* border-radius: 100px; */ color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 4px; position: absolute; top: 23px; right: 16px; } } @media (max-width: 767px) and (max-width: 300px) { .body-section-right-bottom { padding: 15px 27px 6px 10px; } .body-section-right-bottom:not(.mobile-bottom) .icon-down { width: 20px; height: 20px; top: 23px; right: 9px; font-size: 10px; } } @media (max-width: 767px) { .body-section-right-bottom.mobile-bottom .icon-down { display: none; } .category-block .cat-arrow .icon-arrow { font-size: 7px; } .sub-an-options label { padding: 7px 15px; font-size: 12px; line-height: 15.53px; } .an-sub-qn { font-size: 16px; } .body-section-left-para { width: auto; font-size: 12px; line-height: 16px; } .show-followup .an-sub-options { padding-top: 10px; padding-bottom: 10px; } .question-answer input { width: auto; } .category-block .cat-arrow { margin-left: 7px; margin-right: 7px; } .question-answer input:checked ~ .an-content { overflow: visible; } .body-section { padding-bottom: 70px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body-section-left-text, .prev-next-button { padding: 20px; } } @media (max-width: 767px) and (max-width: 300px) { .body-section-left-text, .prev-next-button { padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 767px) { .an-sub-an, .an-sub-qn, .body-section-text { padding-left: 20px; padding-right: 20px; } .question-answer .white-bar.is-answered { position: relative; } .is-answered .qn-checked { right: 10px; top: 10px; } .question-answer input:checked + .qn-text-other { padding-right: 20px; } .tab.active:after { width: 15px; } .mobile-bottom.body-section-right-bottom { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 30px 15px 40px; margin-top: 20px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .mobile-bottom .body-section-right-heading { font-size: 16px; } .activation-section-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .activation-section .side-content .graybg, .verify-section-content .side-content .graybg { margin-top: 50px; } .activation-tab-content h2, .verify-tab-content h2 { font-size: 20px; } .activation-tab-content h2 { margin-bottom: 30px; } .account-signup .form-input, .account-signup .freemium .form-input, .account-signup .premium-up .form-input, .form-fields .form-input { /* min-height: 58px; */ padding-left: 10px; padding-right: 10px; } .account-signup .signup-tab-content .form-label { top: 10px; left: 10px; } .activation-tab-content .btn-gray, .verify-tab-content .btn-gray { height: 50px; } .mrg-top-70 { margin-top: 20px; } .mw-430.fright.side-content { float: none; margin-top: 25px; } .mw-430.pad-top-100.fright { float: none; padding-top: 30px; } .activation-section .side-content .graybg, .verify-section-content .side-content .graybg { padding: 15px; } #upgrade-premiumup .activation-section-content { padding: 0; } .reset-activation-section, .signup-tab .signup-tab-content, .tab-activation-content { padding: 20px 15px; } .fright.lightbg-wrapper { float: left; margin-top: 30px; } .verify-section-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .q-number { padding-top: 15px; } .client-white .col-md-6 + .col-md-6 { margin-top: 20px; } .questionCategories.completed-active .tab-title { padding-left: 30px; } .questionCategories.completed-active .tab-title.tab:before { left: 2px; top: 6px; } .form-check__pwd ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .fix-catblock { z-index: 1001; } body.modol-open .modol-backdrop.show { z-index: 1002; } .body-section-right-bottom .content-manage + .btn { margin-top: 10px; } .form-login .form-field { max-width: 500px; } .modol-body { padding-right: 0; } .modol-reminder .modol-content, .modol-reminder-success .modol-content, .modol-supplier .modol-content, .modol-supplier-buy .modol-content, .modol-supplier-detail .modol-content, .modol-supplier-edit .modol-content, .modol-supplier-relation .modol-content, .modol-supplier-remove .modol-content, .modol-supplier-success .modol-content, .modol-supplier-success-1 .modol-content, .modol-welcome-message-step-1 .modol-content { padding: 20px; } .modol-reminder .modol-body, .modol-reminder-success .modol-body, .modol-supplier .modol-body, .modol-supplier-buy .modol-body, .modol-supplier-detail .modol-body, .modol-supplier-edit .modol-body, .modol-supplier-relation .modol-body, .modol-supplier-remove .modol-body, .modol-supplier-success .modol-body, .modol-supplier-success-1 .modol-body, .modol-welcome-message-step-1 .modol-body { max-width: 100%; font-size: 14px; } .modol-reminder .c_data-details, .modol-reminder-success .c_data-details, .modol-supplier .c_data-details, .modol-supplier-buy .c_data-details, .modol-supplier-detail .c_data-details, .modol-supplier-edit .c_data-details, .modol-supplier-relation .c_data-details, .modol-supplier-remove .c_data-details, .modol-supplier-success .c_data-details, .modol-supplier-success-1 .c_data-details, .modol-welcome-message-step-1 .c_data-details { padding: 10px; } .modol-reminder .c_data-num, .modol-reminder-success .c_data-num, .modol-supplier .c_data-num, .modol-supplier-buy .c_data-num, .modol-supplier-detail .c_data-num, .modol-supplier-edit .c_data-num, .modol-supplier-relation .c_data-num, .modol-supplier-remove .c_data-num, .modol-supplier-success .c_data-num, .modol-supplier-success-1 .c_data-num, .modol-welcome-message-step-1 .c_data-num { font-size: 16px; } .modol-reminder .modol-supplier .reminder-success-message .qn-checked, .modol-reminder-success .modol-supplier .reminder-success-message .qn-checked, .modol-supplier .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-buy .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-detail .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-edit .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-relation .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-remove .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-success .modol-supplier .reminder-success-message .qn-checked, .modol-supplier-success-1 .modol-supplier .reminder-success-message .qn-checked, .modol-welcome-message-step-1 .modol-supplier .reminder-success-message .qn-checked { left: 30px; left: 10px; } .modol-reminder .modol-supplier .reminder-success-message > div, .modol-reminder-success .modol-supplier .reminder-success-message > div, .modol-supplier .modol-supplier .reminder-success-message > div, .modol-supplier-buy .modol-supplier .reminder-success-message > div, .modol-supplier-detail .modol-supplier .reminder-success-message > div, .modol-supplier-edit .modol-supplier .reminder-success-message > div, .modol-supplier-relation .modol-supplier .reminder-success-message > div, .modol-supplier-remove .modol-supplier .reminder-success-message > div, .modol-supplier-success .modol-supplier .reminder-success-message > div, .modol-supplier-success-1 .modol-supplier .reminder-success-message > div, .modol-welcome-message-step-1 .modol-supplier .reminder-success-message > div { padding-left: 20px; } .dsh-section-right-2 .body-section-right { padding-top: 0; } .dsh-section-right-2 .body-section-right-top { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .word-break-all-inmobile { word-break: break-all; } .modol-mfa .modol-content .modol-body { padding-right: 20px; } .modol-mfa .modol-content .modol-body .mfa-heading-msg { padding-right: 17px; } .btn { min-height: 45px; } .chart-wrapper { padding: 0; } .tag-full-form { list-style: none; padding-bottom: 20px; padding-left: 20px; opacity: 0.7; } .tag-full-form li { padding-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .tag-full-form dd, .tag-full-form dt { display: inline-block; } .tag-full-form dd { text-align: left; margin-left: 6px; } .wht-outline.btn-small { margin-top: 0; } .audit-date { display: none; } .body-section-right-top .bs-content span.dashboard-declaration { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; position: relative; z-index: 10; padding: 5px 10px; } .language-selector { width: auto; } } @media (max-width: 400px) { .sub-an-options label { padding: 7px 13px; } .category-block .cat-arrow { margin-left: 4px; margin-right: 4px; } .notice-bar.dsh-alert { padding-left: 0; padding-right: 0; } /* .modol-body { max-width: 240px; } */ .modol-reminder .modol-body, .modol-reminder-success .modol-body, .modol-supplier .modol-body, .modol-supplier-buy .modol-body, .modol-supplier-detail .modol-body, .modol-supplier-edit .modol-body, .modol-supplier-relation .modol-body, .modol-supplier-remove .modol-body, .modol-supplier-success .modol-body, .modol-welcome-message-step-1 .modol-body { padding-right: 0; } .modol-reminder .c_data-num, .modol-reminder .c_date, .modol-reminder-success .c_data-num, .modol-reminder-success .c_date, .modol-supplier .c_data-num, .modol-supplier .c_date, .modol-supplier-buy .c_data-num, .modol-supplier-buy .c_date, .modol-supplier-detail .c_data-num, .modol-supplier-detail .c_date, .modol-supplier-edit .c_data-num, .modol-supplier-edit .c_date, .modol-supplier-relation .c_data-num, .modol-supplier-relation .c_date, .modol-supplier-remove .c_data-num, .modol-supplier-remove .c_date, .modol-supplier-success .c_data-num, .modol-supplier-success .c_date, .modol-welcome-message-step-1 .c_data-num, .modol-welcome-message-step-1 .c_date { font-size: 14px; } .sup_detail-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sup_detail-head .btn { width: auto; padding: 10px; min-height: 20px; height: 30px; margin-top: 10px; margin-left: auto; } .modol-mfa .modol-content .modol-body { max-width: unset; } } @media (max-width: 567px) { .c_top-right > .d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c_top-right > .d-flex .c_date { width: 100%; padding-right: 0; padding-bottom: 10px; } .c_data-details .ul-singlerow li { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .c_data-details .btn-shadow { left: 10px; right: auto; top: 10px; } .show-mfa { margin-left: 10px; } .btn-setting { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .client-white .col-md-5.col-sm-6 .justify-content-end { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .btn-free-trial { margin-left: 0; padding-left: 5px; padding-right: 5px; } .header-container .col-6 + .col-6 { padding-left: 10px; } .has_landing_page .header-right-section .btn-secondary { top: 0; } .has_landing_page .header-fixed { height: auto; } .has_landing_page .header-fixed .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .has_landing_page .header-fixed .row .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .has_landing_page .header-container .col-6 + .col-6 { padding-left: 10px; padding-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .has_landing_page .btn-free-trial { padding-left: 10px; padding-right: 10px; } } @media (max-width: 375px) { .body-section-right-top .bs-content .large-text { font-size: 48px; } } .tbl-editquestion table.neutal tr td { vertical-align: middle; } .overflowedtable.scrolltable { height: calc(100vh - 297px); overflow: auto; } .wrapperwidth { max-width: calc(100% - 30px); } .content-wrapper { padding-bottom: 0; } .option-label { font-weight: 700; padding-right: 5px; } .wrapper-dropdown { position: relative; display: inline-block; width: 205px; padding: 4px 0 0; border-radius: 25px; text-align: left; color: #555; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 20px; margin-top: 20px; border: 1px solid #555; font-size: 14px; } .audit-body-section .c_topbar, .audit-page .c_topbar, .d-flex .chart-title { margin-bottom: 0; } .scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; } .droparrow { margin-top: -3px; margin-right: 10px; float: right; rotate: 180deg; } .selected-display { margin-left: 10px; } .selected-display .option-label.audit-label { padding-left: 14px; } .selected-display .option-label.audit-label:before { content: " "; background-image: url(/assets/image/audit.svg); background-repeat: no-repeat; position: absolute; display: inline-block; width: 14px; height: 15px; left: 7px; top: 5px; } svg { -webkit-transition: all 0.3s; transition: all 0.3s; } .wrapper-dropdown::before { position: absolute; top: 50%; right: 16px; margin-top: -2px; border-width: 6px 6px 0; border-style: solid; border-color: #fff transparent; } .rotated { transform: rotate(-180deg); } .wrapper-dropdown .dropdown { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 120%; right: 0; left: 0; margin: 0; padding: 0; list-style: none; z-index: 99; border-radius: 15px; -webkit-box-shadow: inherit; box-shadow: inherit; background: inherit; background-color: #fff; border: 1px solid #555; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; visibility: hidden; } .wrapper-dropdown .dropdown li { padding: 0 10px; overflow: hidden; white-space: nowrap; } .wrapper-dropdown .dropdown li:last-child { border-bottom: none; } .dropdown { padding: 0.5rem !important; } .header-right-section .dropdown { padding: 0 !important; } .wrapper-dropdown .dropdown li:hover { background-color: rgba(var(--lightpurple, 1)); color: #fff; } .wrapper-dropdown.active .dropdown { opacity: 1; visibility: visible; } .audit-body-section .qn-checked { top: 20px; right: 20px; } .audit-body-section .supplier_detail .white-bar { padding: 10px; } .audit-body-section .company_intro { padding: 10px 10px 0; } .audit-body-section .an-content { border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px; } .audit-body-section .qn_count { font-size: 14px; color: rgba(0, 0, 0, 0.6); padding-bottom: 5px; display: inline-block; } .audit-body-section .client_ans, .audit-body-section .client_auth-an { font-size: 18px; } .audit-body-section .client_ans { color: rgba(0, 0, 0, 0.7); } .audit-body-section .client_ans-fade { color: rgba(0, 0, 0, 0.5); } .audit-body-section .client_auth-an { color: #000; padding-bottom: 10px; display: inline-block; } @media (max-width: 767px) { .audit-body-section .client_auth-an { padding-left: 20px; padding-top: 10px; } } .audit-body-section .question-answer input:checked + .qn-text-other { font-size: 20px; padding: 0 36px 0 0; } .audit-body-section .question-answer .white-bar { padding: 20px; border-width: 1px; border-color: rgba(var(--darkpurples), 0.12); background-color: #fff; border-radius: 5px; position: relative; } .audit-body-section .question-answer .client_ans { display: none; } .audit-body-section .question-answer.active .client_ans { display: block; } .audit-body-section .question-answer:not(.active) .an-content { padding: 0; margin: 0; } .audit-body-section .question-answer:not(.active) .qn_count { color: #000; font-weight: 700; } .audit-body-section .question-answer:not(.active) .qn-text-other { color: rgba(0, 0, 0, 0.7); font-weight: 400; } .audit-body-section .tabContents { margin-top: 20px; } .audit-body-section .body-section-left.tabContents { margin-top: 0; } @media (min-width: 768px) { .audit-body-section .body-section-left.tabContents { background-color: #fff; padding: 20px; } .tbl_supplier { table-layout: fixed; } } .audit-body-section .supplier_detail { padding-top: 30px; } .max-w-186 .btn { max-width: 186px; margin-top: 10px; } .audit-activate { display: block !important; } .d-table-cell { display: table-cell; } .audit-assign { padding: 5px 15px; display: inline-block; color: #0b0b0b; font-weight: 700; border: 1px solid #ccc; border-radius: 20px; margin-top: 15px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; cursor: default; } .audit-assign.icon-ok:before { color: #9d2ed8; margin-right: 5px; } .tbl_q-list.tbl_striped tr td:last-child { width: 250px; word-break: break-word; } @media (max-width: 992px) { .tbl_q-list.tbl_striped tr td:last-child { width: 200px; } } @media (max-width: 767px) { .tbl_q-list.tbl_striped tr td:last-child { width: 180px; } } @media (max-width: 480px) { .tbl_q-list.tbl_striped tr td:last-child { width: 100px; } } .audit-page .white-bar { border-radius: 0; } .audit-page .supplier_detail .white-bar { padding: 10px; } .audit-page .category-block-main { padding-bottom: 0; } .audit-page .company_intro { padding: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 3px; left: 3px; } .audit-page .company_name { font-size: 18px; } .audit-page .company_detail { font-size: 14px; } .audit-page .category-block .col { padding-left: 5px; padding-right: 5px; } .audit-page .questionCategories.completed-active .tab-title { height: 36px; padding: 5px 10px 5px 23px; } .audit-page .questionCategories.completed-active .tab-title.tab:before { left: -2px; top: 9px; } .audit-page .category-block-main { padding-right: 15px; } .audit-page .category-block-main + .category-block-other { margin-left: 14px; } .audit-page .tab { height: 36px; padding: 5px 10px; } .tbl_supplier tr td:nth-child(3), .tbl_supplier tr th:nth-child(3) { width: 50px; } .tbl_supplier tr td:nth-child(2), .tbl_supplier tr th:nth-child(2) { width: 70px; } .has_landing_page .header-right-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .has_landing_page .header-right-wrapper .header-right-section { margin-left: 0; } .header-right-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-right-wrapper .header-right-section { margin-left: 15px; } .has_landing_page .language-selector { /* position: relative; top: -4px; */ } .img-flag { width: 24px; height: 24px; margin-right: 10px; position: relative; border-radius: 50%; } .language-selector { width: 78px; } .language-selector .img-flag { margin-right: 2px; } .language-selector .backend .select2-container--default .select2-selection--single .select2-selection__arrow, .language-selector .select2.select2-container .select2-selection--single { height: 40px; border-radius: 0; } .language-selector .select2-container--default .select2-selection--single { border: 1px solid #eaeaea; } .language-selector .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 20px; padding-left: 10px; } .language-selector .select2-container .select2-selection--single .select2-selection__rendered .lang_name { display: none; } .language-selector .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 11px; } .btn-text, .select2-results__options { font-size: 16px; } .language-selector .select2.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .language-selector .select2-container .select2-selection__arrow b { transform: rotate(180deg); } .language-selector .select2-container.select2-container--open .select2-selection__arrow b { transform: rotate(0); } .language-selector .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px; right: 16px; } @media (max-width: 480px) { .language-selector .select2-container--default .select2-selection--single .select2-selection__arrow { right: 6px; } } .language-selector .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; background-image: url(/assets/image/arrow.svg); background-position: center; width: 14px; height: 14px; background-repeat: no-repeat; } .lang_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 39px; } .select2-results__options .select2-results__option { margin-bottom: 5px; } .select2-results__options .select2-results__option:last-child { margin-bottom: 0; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #fff !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f7e9fd !important; color: #292929 !important; border-radius: 6px; } .select2-dropdown { border: 1px solid #eaeaea !important; } .select2-container--open .select2-dropdown--below { width: 177px !important; padding: 20px 10px; border-radius: 5px !important; -webkit-box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.1); box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.1); } .btn-white .supplier-auditorassigned { color: #fff; } .btn-white.icon-ok:before { color: #fff; margin-right: 5px; } .tooltips { position: relative; cursor: pointer; } @media (min-width: 768px) { .tooltips .tdfield { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; } } .tooltip, .tooltips.supplier_company_name .tdfield { white-space: normal; } .overflow_visible { overflow: visible !important; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.top-left .tooltip-arrow { right: 5px; margin-bottom: -5px; } .tooltip.top-right .tooltip-arrow { left: 5px; margin-bottom: -5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px; } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px; } .custom_radiobox_wrapper .custom_radiobox { margin-left: 15px; margin-top: 20px; } .custom_radiobox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .custom_radiobox label { cursor: pointer; position: relative; } .custom_radiobox .form-label { left: 2px; top: 10px; position: relative; cursor: pointer; } .custom_radiobox label:before { -webkit-appearance: none; background-color: transparent; border: 2px solid #c130e8; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; border-radius: 100%; } .custom_radiobox input:checked + label:after { display: block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background-color: #c130e8; border-radius: 100%; } .custom_checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .custom_checkbox label { cursor: pointer; } .custom_checkbox .form-label { left: 2px; top: 10px; position: relative; cursor: pointer; } .custom_checkbox label:before { -webkit-appearance: none; background-color: transparent; border: 2px solid #c130e8; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; border-radius: 4px; } .custom_checkbox input:checked + label:after { display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #c130e8; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c_data-details .custom_checkbox label.supplierform-privacy { cursor: default; } .c_data-details .custom_checkbox input:disabled + label.supplierform-privacy:before { border-color: #99949a; -webkit-box-shadow: none; box-shadow: none; cursor: default; } .c_data-details .custom_checkbox input:disabled:checked + label.supplierform-privacy:after { border-color: #99949a; } .modal-header { padding-bottom: 0; border-bottom: 0; } .modal-body { padding: 25px; padding-top: 0; } .modol .form-field .custom_checkbox .form-label { top: 0; left: 0; position: relative; cursor: pointer; } .modol .form-group label:before { margin-right: 8px; } .modol .addon-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #c4bfc5; padding-bottom: 10px; margin-bottom: 10px; } .modol .addon-fields .custom_checkbox + .custom_checkbox { padding-left: 50px; } .modol .form-field .custom_checkbox { padding-top: 10px; } .dsh-success button.show-gopro { width: auto; padding: 0; background-color: transparent; border: none; color: #fff; margin: 0; line-height: 1; text-decoration: underline; cursor: pointer; } @media (min-width: 768px) { .audit-page-right { padding-top: 66px; } } @media (min-width: 1200px) { .audit-page .col-md-8.audit-page-left { -webkit-box-flex: 0; -ms-flex: 0 0 810px; flex: 0 0 810px; max-width: 810px; } .audit-page .col-md-4.audit-page-right { -webkit-box-flex: calc(100% - 810px); -ms-flex: calc(100% - 810px); flex: calc(100% - 810px); max-width: calc(100% - 810px); } } @media (max-width: 767px) { .form-field .form-label { left: 10px; } } @media (max-width: 575px) { .custom_checkbox .form-label { top: 0; } } @media (max-width: 480px) { /* body:not(.has_landing_page) .select2-container--open .select2-dropdown { right: -58px; left: auto; } */ .language-selector, .language-selector .select2-container { width: auto !important; } .tbl_q-list.tbl_striped tr td { display: block; } .tbl_q-list.tbl_striped tr td:first-child { width: 100%; padding-bottom: 0; } .tbl_q-list.tbl_striped tr td:last-child { width: 100%; border-bottom: 1px solid #d9d5d5; } .tbl_q-list.tbl_striped tr th:first-child { width: 100%; } .tbl_q-list th:nth-child(2) { display: none; } .select2-results__option { text-align: center; } } .btn-text, .btn-text-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; -webkit-box-align: center; } .btn-text { font-weight: 400; display: inline-flex; -ms-flex-align: center; align-items: center; } .btn-text-icon { font-size: 24px; display: inline-flex; -ms-flex-align: center; align-items: center; padding-right: 10px; } .btn-outline .btn-text { font-weight: 400; } .btn.btn-outline { min-height: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; padding: 5px 15px; font-weight: 400; } .btn.btn-outline:hover { background-color: #fff; } .mb-10 { margin-bottom: 10px; } .company-white h2 { font-size: 20px; } .unshown { visibility: hidden; max-height: 0; opacity: 0; transition: all 0.1s linear; } .company-user-mgmt:not(.show-fields) .white-bar.unshown { padding: 0; margin: 0; } .show-fields .unshown { margin-top: 20px; visibility: visible; max-height: 1000px; opacity: 1; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .checkbox-round-label { display: inline-block; } .signup-tab .term-condition-content p { margin: 0; } .backend #dialog-form-supplier-log.popped-up.modal .modal-dialog { max-width: 90% !important; } .backend #dialog-form-supplier-log.popped-up.modal .modal-dialog .flex-container .section .table-responsive { min-width: 100%; padding-left: 0; } .backend #dialog-form-supplier-log.popped-up.modal .modal-dialog .flex-container .section .table-responsive table.GridViewStyle > tbody > tr > th { width: 200px; } .backend #dialog-form-email-template.popped-up.modal table.neutal tr td:last-child, .backend #dialog-form-email-template.popped-up.modal table.neutal tr td:nth-child(2) { max-width: 400px; } :root { font-size: 16px; --font-family: $base-font-family; --black: #000; --text-color: rgba(0, 0, 0, 1); --white: #fff; --light-yellow: #fad200; --dark-brown: rgba(47, 40, 40, 1); --silver: rgb(248, 248, 248); --selected: #778ca2; --apple: rgba(16, 28, 17, 1); --facebook: rgba(20, 115, 230, 1); --google: rgba(51, 146, 203, 1); --separator: rgba(113, 112, 122, 0.6); --primary-color: #1c6696; --blue: #1c6696; --background-blue: #e8f0f4; --slider-blue: #0b609733; --slider-dark-blue: #0b609799; --light-blue: #7bc6f9; --lightest-blue: #b8dcf5; --yellow: #ffc700; --green: #31c6a8; --light-green: rgba(49, 198, 168, 0.5); --green-bg: #98e2d3; --darkpurple: #610b78; --lightpink: #fff9fb; --darkpurples: 107, 9, 92; --red: #ff9d87; --btn-red: #e74c3c; --light-red: rgba(255, 157, 135, 0.5); --border-blue: #bbd2e2; --option-bg: #e8f0f4; --border-grey: rgba(195, 195, 195, 1); --input-height: 30px; --input-font-size: 15px; --input-color: #007af3; --gap: 15px; --button-gap: 12px; --border-radius: 12px; --border-radius-lg: 8px; --border-radius-md: 6px; --border-radius-sm: 4px; --border-radius-xs: 2px; --drop-shadow-black: 0px 4px var(--gap) 0px rgba(var(--var-black), 0.06); --drop-shadow-blue: 0px 4px 0px rgba(var(--var-blue), 30%); --border-color: #cdcdcd; --defaut-gap: 10px; --dark-blue-spinner: #131ff1; --dark-color: 41, 41, 41; --dark-gray: 218, 218, 218; --lightpurple: 193, 48, 232; --lightgray: #fbfbfb; --green-color: #4ca48a; --yellow-color: #f6c744; --red-color: #df5536; --lightgreen-color: 14, 208, 107; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } input, select, textarea { font-family: var(--font-open); font-size: 0.875rem; } /* new decalaration design */ .qn-toggle-icon { display: inline-flex; width: 22px; height: 22px; background: linear-gradient(0deg, #6F0F8A 0%, #BE2DE6 100%); border-radius: 50%; justify-content: center; align-items: center; text-align: center; position: absolute; right: 20px; cursor: pointer; .icon { color: var(--white); font-size: 7px; display: inline-block; line-height: 1; position: relative; left: 0.5px; &:before { width: auto; } } } .body-section-left { padding-top: 45px; } .category_title { margin-bottom: 20px; h2 { font-family: var(--fontfamilywork); font-weight: 600; font-size: 32px; line-height: calc(38/32); color: #000000; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); } } .body-section-new { .tab-contents { &.col-md-8 { @media (min-width: 992px) { flex: 0 0 880px; max-width: 880px; padding-inline: 10px; } + .col-md-4 { @media (min-width: 992px) { flex: 0 0 320px; max-width: 320px; padding-inline: 10px; } } } } } .body-previous-button .arrow-btn .icon { color: var(--text-color-new); } .body-next-button .arrow-btn .icon { color: var(--white); } .body-previous-button .arrow-btn .icon, .body-next-button .arrow-btn .icon { font-size: 11px; } .tab { transition: all 0.2s linear; } .questionCategories:not(.completed-active) { .tab:not(.active) { &:hover { background-color: transparent; border-color: var(--white); } } } .question-answer .white-bar { &:has(.activated-1), &:has(.activated-2), &:has(.activated-3), &:has(.activated-4), &:has(.activated-5), &:has(.activated-6) { background-color: #F6F0F8 !important; .an-bar .irs-single, .an-bar .irs-grid-text { background-color: #fff !important; } .an-bar .irs-grid-text:after { border-top: 8px solid #fff; } } } .btn.btn-dark { border: 1px solid #292929; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 6px 10px 5px; font-weight: 600; font-size: 14px; line-height: calc(14/10); letter-spacing: -0.01em; color: #262626; transition: all 0.3s linear; max-width: fit-content; gap: 6px; min-height: auto; &:hover { background-color: #f2f5f5; border-color: #f2f5f5; } .icon { font-size: 10px; } } .btn-dark.disabled, .btn-dark:disabled, .btn.disabled { background-color: inherit; } .btn-gradient.btn-confirm-decleration .btn-submit-decleration.content-manage { color: #fff !important; } .disabled .disabled { opacity: 1 !important; } button:has(.disabled) { cursor: auto; pointer-events: none; } @media (min-width: 992px) { .body-section-right-bottom { margin-top: 70px; } } p { &.colorred { &.update-userassociate-message { font-size: 12px; } } } .lb_contents-form .landing-freetrail-contactperson + .user.form-input { background-position: calc( 100% - 20px ) center; } /* Add styles for grid text hover effect */ .irs-grid-text.grid-text-hover { border: 1px solid var(--purple2); cursor: pointer; font-weight: 400; transition: all 0.2s ease; &:after { border-top: 8px solid var(--purple2) !important; } } .one-more-secure, .contact-us-text { font-weight: 600; } @media (min-width: 992px) { #tabs, .landing_block, .landing_block .landing_container { height: calc( 100% - 20px ); } } .modol-checkbox-msg { align-items: flex-start; gap: 10px; .check-confirm-declaration { position: relative; top: 10px; width: 20px; flex: 0 0 20px; } } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} @font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?56974247'); src: url('../fonts/fontello.eot?56974247#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?56974247') format('woff2'), url('../fonts/fontello.woff?56974247') format('woff'), url('../fonts/fontello.ttf?56974247') format('truetype'), url('../fonts/fontello.svg?56974247#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?34346567#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ width: auto; margin: 0; } .icon-icon-open-account-login:before { content: '\e800'; } /* '' */ .icon-twitter:before { content: '\e801'; } /* '' */ .icon-facebook:before { content: '\e802'; } /* '' */ .icon-share:before { content: '\e803'; } /* '' */ .icon-linked:before { content: '\e804'; } /* '' */ .icon-arrow-circle-right:before { content: '\e805'; } /* '' */ .icon-arrow:before { content: '\e806'; } /* '' */ .icon-ok:before { content: '\e807'; } /* '' */ .icon-down-open:before { content: '\e808'; } /* '' */ .icon-right-open:before { content: '\e809'; } /* '' */ .icon-left-dir:before { content: '\e80a'; } /* '' */ .icon-right-dir:before { content: '\e80b'; } /* '' */ .icon-user:before { content: '\e80c'; } /* '' */ .icon-add:before { content: '\e80d'; } /* '' */ .icon-arrow-1:before { content: '\e80e'; } /* '' */ .icon-down-arrow:before { content: '\e80f'; } /* '' */ .icon-setting:before { content: '\e810'; } /* '' */ .icon-info:before { content: '\e811'; } /* '' */ .icon-download:before { content: '\e812'; } /* '' */ .icon-money:before { content: '\e813'; } /* '' */ .icon-briefcase:before { content: '\e814'; } /* '' */ .icon-mail:before { content: '\e815'; } /* '' */ .icon-briefcasee:before { content: '\e816'; } /* '' */ .icon-file_doc:before { content: '\e817'; } /* '' */ .icon-call:before { content: '\e818'; } /* '' */ .icon-arrow-left:before { content: '\e819'; } /* '' */ .icon-edit:before { content: '\e81a'; } /* '' */ .icon-notification-ringing:before { content: '\e81c'; } /* '' */ .icon-trash-01:before { content: '\e81d'; } /* '' */ .icon-checked:before { content: '\e81e'; } /* '' */ .icon-arrow-right:before { content: '\e81f'; } /* '' */ .icon-arrow-top-right:before { content: '\e820'; } /* '' */ .icon-arrow-up:before { content: '\e821'; } /* '' */ .icon-calendar:before { content: '\e822'; } /* '' */ .icon-caret-down:before { content: '\e823'; } /* '' */ .icon-caret-left:before { content: '\e824'; } /* '' */ .icon-caret-right:before { content: '\e825'; } /* '' */ .icon-caret-up:before { content: '\e826'; } /* '' */ .icon-cheer:before { content: '\e827'; } /* '' */ .icon-crossicon:before { content: '\e828'; } /* '' */ .icon-download-1:before { content: '\e829'; } /* '' */ .icon-edit-1:before { content: '\e82a'; } /* '' */ .icon-email:before { content: '\e82b'; } /* '' */ .icon-flag:before { content: '\e82c'; } /* '' */ .icon-info-1:before { content: '\e82d'; } /* '' */ .icon-info1:before { content: '\e82e'; } /* '' */ .icon-plusicon:before { content: '\e82f'; } /* '' */ .icon-search:before { content: '\e830'; } /* '' */ .icon-tickmark:before { content: '\e831'; } /* '' */ .icon-trash:before { content: '\e832'; } /* '' */ .icon-alert:before { content: '\e833'; } /* '' */ .icon-arrow-bottom-right:before { content: '\e834'; } /* '' */ .icon-arrow-down:before { content: '\e835'; } /* '' */ .icon-bag:before { content: '\e836'; } /* '' */ .icon-comp:before { content: '\e837'; } /* '' */ .icon-globe:before { content: '\e838'; } /* '' */ .icon-angle-down:before { content: '\f107'; } /* '' */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -3px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -3px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } /* body { padding-top: 0; padding-bottom: 20px; font-family: var( --fontfamilywork ); } */ /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* styles for validation helpers */ .field-validation-error { color: #b94a48; } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #b94a48; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #b94a48; } .validation-summary-valid { display: none; } .text-box, input[type='text'], input[type='password'], select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } #TotalCost~#priceDesc { display: unset; width: 34%; } textarea { display: block; width: 100%; height: 65px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .mt20 { margin-top: 20px; } .popup-footer-padd-bottom { padding-bottom: 5px !important; } .popup-modal { padding-top: 5px !important; } .loginbox .panel-info { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.64); -moz-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.64); box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.64); } .loginbox .input-group-addon { background-color: #fff; } .login-logo { margin: 0 auto; padding: 10px 0 5px 15px; } .loginbox { margin-top: 50px; padding-left: 0; padding-right: 0; } .login-ajax { margin-right: 15px; display: none; } .mb25 { margin-bottom: 25px; } .glyphicon-refresh-animate { -animation: spin .7s infinite linear; -webkit-animation: spin2 .7s infinite linear; } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } .panel-pad { padding-top: 30px; } .login-back { /*background-color: #92c994;*/ } .btn-tulips-dark { background-image: -webkit-linear-gradient(top, #7998a5 0%, #577682 100%); background-image: -o-linear-gradient(top, #7998a5 0%, #577682 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#7998a5), to(#577682)); background-image: linear-gradient(to bottom, #7998a5 0%, #577682 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7998a5', endColorstr='#ff577682', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #668a99; } .btn-tulips-dark:hover, .btn-tulips-dark:focus { background-color: #577682; background-position: 0 -15px; } .btn-tulips-dark:active, .btn-tulips-dark.active { background-color: #577682; border-color: #668a99; } .btn-tulips-dark.disabled, .btn-tulips-dark:disabled, .btn-tulips-dark[disabled] { background-color: #577682; background-image: none; } .dl-horizontal-padding dt { padding-bottom: 15px; } .list-lite { border-bottom: 1px solid #CCC; padding: 10px; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .module-name { width: 505px; } .ml-10 { margin-left: 10px; } .mr-10 { margin-right: 10px; } .mb-20 { margin-bottom: 20px; } .pb-10 { padding-bottom: 10px; } .custom-breadcrumb { border-bottom: 1px solid #666; } .content-holder { margin-left: 20px; } .english { background: url(Images/english.jpg) no-repeat top left; display: block; height: 40px; margin-left: 10px; text-indent: 40px; /* hides the link text */ } .sweden { background: url(Images/sweden.jpg) no-repeat top left; display: block; height: 40px; margin-left: 10px; text-indent: 40px; /* hides the link text */ } .loggedin-user-info { padding-top: 15px; padding-bottom: 15px; color: #fcfcfc; font-size: 11px; } ::-ms-reveal, ::-ms-clear { display: none !important; } .hideShowPassword-toggle { background-color: transparent; background-image: url('../Content/Images/wink.png'); /* fallback */ background-image: url('../Content/Images/wink.svg'), none; background-position: 0 center; background-repeat: no-repeat; border: 2px solid transparent; border-radius: 0.25em; cursor: pointer; font-size: 100%; height: 44px; margin: 0; max-height: 100%; padding: 0; overflow: hidden; text-indent: -999em; width: 46px; -moz-appearance: none; -webkit-appearance: none; } .hideShowPassword-toggle-hide { background-position: -44px center; } .hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus { border-color: #0088cc; outline: transparent; } .text-search { width:200px!important; display: inline!important; } .iframe-container { padding-bottom: 80%; padding-top: 30px; height: 0; overflow: hidden; } .iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dropdown-menu.show{ display:block !important; } /* */ .form-field select:not([multiple]) { background-image: none; } .custom_radiobox_wrapper { display: flex; align-items: center; } .custom_radiobox_wrapper .custom_radiobox { margin-left: 0; display: flex; } .custom_radiobox_wrapper .custom_radiobox + .custom_radiobox { margin-left: 15px; } .custom_radiobox input:checked+label:after { top: 4px; left: 4px; width: 16px; height: 16px; } .custom_radiobox label { display: flex; align-items: center; } .tooltip-arrow:before { top: -3px !important; } .header-right-wrapper { flex-direction: row; justify-content: flex-end; } .header-right-wrapper .header-right-section { order: 1; } .header-right-section .dropdown-toggle:after { display: none; } /* for declaration page */ .questionCategories .tab-title { margin-bottom: 0; } .q-number { padding-top: 20px; background-color: #fff; } .q-count.row { margin-left: -5px; margin-right: -5px; } .legend-dot { background: var(--bg-color); /* other dot styles */ } #fileDisplayName { font-weight: unset; } .notification-card { position: relative; } /* /5/5/2025 */ .disable-element { pointer-events: none; opacity: 0.5; } .white-card-head .caret-shape .icon { display: inline-block; font-size: 6px; } .white-card-head.collapsed .caret-shape .icon { transform: rotate(180deg); top: 0; position: relative; font-size: 6px; } .white-card-expand-btn .outline-btn { max-width: fit-content; } .form-field-tab ul.nav-tabs { display: flex; flex-wrap: nowrap; overflow: auto; padding-bottom: 12px; border-right: 10px solid #eee; border-left: 10px solid #eee; } .form-field-tab ul.nav-tabs li { white-space: nowrap; } .pt-30 { padding-top: 30px !important; } .cursor-pointer:hover { text-decoration: underline; } .upload-container, #fileDisplayName { cursor: pointer; } .highlighted-row { background: linear-gradient(251.99deg, #710F8B 43.11%, #B82CDE 116.45%); border-radius: 5px 5px 0 0 ; padding: 20px; color: #fff; font-size: 14px; line-height: calc(21/14); font-weight: 700; } .table-wrapper table .highlighted-row td { padding-block: 20px; font-size: 14px; font-weight: 700; line-height: calc(20 / 14); color: #fff; } .table-wrapper table .highlighted-row td:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; } .table-wrapper table .highlighted-row td:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } .table-wrapper table th { position: relative; } .table-wrapper table th.sorting, .table-wrapper table th.sorting_asc, .table-wrapper table th.sorting_desc { cursor: pointer; } .table-wrapper table th.sorting:after, .table-wrapper table th.sorting_asc:after, .table-wrapper table th.sorting_desc:after { content: ''; background-image: url('../assets/image/arrow_sort_icon.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 10px; height: 10px; display: inline-block; position: relative; left: 5px; } .notification-message .btn { min-height: auto; } #active-suppliers-datatable tbody tr td:not(.no_data):first-child, #active-onboarding-supplier-datatable tbody tr td:not(.no_data):first-child, #active-subunits-datatable tbody tr td:not(.no_data):first-child, #onboard-subunit-datatable tbody tr td:not(.no_data):first-child { cursor: pointer; font-weight: 700; } #active-suppliers-datatable tbody tr td:not(.no_data):first-child:hover, #active-onboarding-supplier-datatable tbody tr td:not(.no_data):first-child:hover, #active-subunits-datatable tbody tr td:not(.no_data):first-child:hover, #onboard-subunit-datatable tbody tr td:not(.no_data):first-child:hover { text-decoration: underline; } @media ( min-width: 768px ) { .my-o-form-cancel.content-manage + .btn { margin-top: 0; } } @media (min-width: 576px) { .modal-dialog { max-width: 548px; } #send-messageModal .modal-dialog { max-width: 800px; } } .header-right .user-menu-content li a.active.text-decoration-none { background-color: #F7E9FD; border-radius: 6px; color: unset !important; } #company-supplier-add .select2-selection__choice { background-color: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; color: inherit !important; font-weight: normal !important; } #company-supplier-add .select2-selection__clear { display: none !important; } /* Multiple Filter */ .filter-select { border: 1px solid #D9E1E2; color: #000; border-radius: 4px; min-height: 46px; display: flex; align-items: center; transition: all 0.3s linear; &:hover { border-color: #f5f5f5; } } .filter-section { display: flex; gap: 5px; .select2-container--default .select2-selection--multiple { /* border: 1px solid #D9E1E2; */ /* background-color: #fff; */ color: var( --text-color-new ); /* border-radius: 4px; */ line-height: calc(15/14); font-size: 14px; font-weight: 400; /* cursor: pointer; */ letter-spacing: -0.01em; font-family: var(--fontfamilywork); border: 0; padding: 0 5px; border-radius: 0; background-color: transparent; cursor: pointer; /* line-height: 1.2; font-size: 16px; */ cursor: pointer; z-index: 1; width: 100%; white-space: nowrap; } input[type=search] { height: 44px; } input::-webkit-input-placeholder { opacity: 0; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 !important; position: absolute; } .select2-container--default .select2-search--inline .select2-search__field { width: 100% !important; margin-top: 0; cursor: pointer; } .select2-container--default .select2-selection--multiple::before { content: attr(data-placeholder-fixed); color: #000; padding-left: 0; line-height: 32px; display: block; padding-right: 8px; /* display: none; */ } .select2-container .selection { display: inline-block; width: 100%; padding: 0 9px; padding-right: 14px; } .select2-selection--multiple { position: relative; min-height: 34px; display: inline-flex; align-items: center; } .select2-container .select2-search--inline .select2-search__field { /* margin: 0; cursor: pointer; position: absolute !important; */ } .select2-container { width: auto !important; height: 100%; display: flex; align-items: center; white-space: nowrap; padding-right: 6px; cursor: pointer; .select2-selection:after { content: '\e823'; color: var( --text-color-new ); font-family: "fontello"; position: absolute; right: -2px; top: 50%; margin-top: -4px; transform: rotate( 0 ); z-index: 0; font-size: 7px; } &.select2-container--open { background-color: #f2f5f5; &:after { transform: rotate( 180deg ); } } &.select2-container--focus.select2-container--open { input::-webkit-input-placeholder { opacity: 1; } .select2-selection--multiple::before { opacity: 0; visibility: hidden; } } } } .select2-container .select2-selection--multiple .select2-selection__clear { opacity: 0; display: none; } .select2-container--open { .select2-dropdown--below.multiple-filter-lists { border-radius: 4px !important; background-color: #fff; padding: 5px; width: 200px !important; margin-top: 5px; .select2-results__option { margin-bottom: 5px; background-color: #f2f5f5; border-radius: 4px; font-size: 14px; line-height: 15px; letter-spacing: -0.01em; padding: 13px 15px; color: var( --text-color-new ); border: 1px solid #f2f5f5; word-break: break-word; cursor: pointer; transition: all 0.3s linear; } .select2-results__option--highlighted[aria-selected] { background-color: #fff !important; border-radius: 4px; } .select2-results > .select2-results__options { overflow-x: hidden; max-height: 330px; } } } #customSelected { display: flex; flex-direction: column; gap: 15px; margin-top: 10px; margin-bottom: 34px; } .selection-group { display: flex; flex-direction: row; align-items: flex-start; width: 100%; flex-wrap: wrap; } .group-label { color: var( --text-color-new ); padding: 13px 15px; font-size: 14px; line-height: calc(15/14); font-weight: 400; font-family: var(--fontfamilywork); letter-spacing: -0.01em; } .group-items { display: flex; flex-wrap: wrap; gap: 10px; flex: 1; } .filter-value { background-color: #f2f5f5; border-radius: 4px; font-size: 14px; color: var( --text-color-new ); letter-spacing: -0.01em; display: flex; align-items: center; gap: 6px; padding: 12px 20px 12px 15px; cursor: pointer; &:hover { .remove-item { color: #ef4444; } } } .remove-item { color: #000; cursor: pointer; font-size: 10px; padding-left: 1px; } .remove-item:hover { color: #ef4444; } .filter-section .select2-selection__choice { display: none !important; } .filter-privacy { display:flex; flex-direction: column; gap: 4px; margin-left: 10px; } #has-privacy { zoom: 2; flex:none; } label[for="has-privacy"] { padding: 0; margin: 0; } .filter-privacy-custom-checkbox { .custom-checkbox { width: auto; margin-right: 10px; } .custom-checkbox input[type=checkbox] + label { display: inline-flex; width: auto; cursor: pointer; align-items: center; } .custom-checkbox input[type=checkbox] + label:before { margin-right: 5px; } .custom-checkbox input[type=checkbox]:checked + label:after { height: 10px; top: 3px; } } .tab-pane { scroll-margin-top: 70px; } /* Select2 placeholder hiding when typing */ .filter-section { .select2-container--default .select2-selection--multiple .select2-selection__placeholder { transition: opacity 0.2s ease !important; } .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__placeholder { opacity: 0 !important; } .select2-container--default .select2-search--inline .select2-search__field:not(:placeholder-shown) ~ .select2-selection__placeholder { opacity: 0 !important; } .select2-container--default .select2-search--inline .select2-search__field:placeholder-shown ~ .select2-selection__placeholder { opacity: 1 !important; } } @media all and ( max-width: 768px ) { .col-boldLink { width: 50%; padding-top: 10px; } td.innerTbl .table-responsive { border: none; } } @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); /* @font-face { font-family: "PT Sans"; src: url("/fonts/PTSans-Italic.woff2") format("woff2"), url("/fonts/PTSans-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "PT Sans"; src: url("/fonts/PTSans-Bold.woff2") format("woff2"), url("/fonts/PTSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "PT Sans"; src: url("./fonts/PTSans-Regular.woff2") format("woff2"), url("./fonts/PTSans-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } */ @font-face { font-family: "VisueltPro"; src: url("/assets/fonts/VisueltPro-Medium.woff2") format("woff2"), url("/assets/fonts/VisueltPro-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('/assets/fonts/WorkSans-Medium.woff2') format('woff2'), url('/assets/fonts/WorkSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('/assets/fonts/WorkSans-Bold.woff2') format('woff2'), url('/assets/fonts/WorkSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('/assets/fonts/WorkSans-Regular.woff2') format('woff2'), url('/assets/fonts/WorkSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('/assets/fonts/WorkSans-SemiBold.woff2') format('woff2'), url('/assets/fonts/WorkSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } :root { font-size: 16px; --font-family: $base-font-family; --fontfamilywork: "Work Sans", sans-serif; --fontfamilyvis: "VisueltPro"; --black: #000; --text-color: rgba(0, 0, 0, 1); --text-color-new: #262626; --white: #fff; --blue: #007AF3; --light-yellow: #FAD200; --light-red: #FA0000; --light-green: #32FA00; --dark-brown: rgba(47, 40, 40, 1); --silver: rgb(248, 248, 248); --selected: #778CA2; --apple: rgba(16, 28, 17, 1); --facebook: rgba(20, 115, 230, 1); --google: rgba(51, 146, 203, 1); --separator: rgba(113, 112, 122, 0.6); --primary-color: #1C6696; --blue: #1C6696; --background-blue: #E8F0F4; --slider-blue: #0B609733; --slider-dark-blue: #0B609799; --light-blue: #7BC6F9; --lightest-blue: #b8dcf5; --yellow: #FFC700; --green: #31C6A8; --light-green: rgba(49, 198, 168, 0.5); --green-bg: #98E2D3; --purple: #700f8a; --darkpurple: #610b78; --lightpink: #fff9fb; --darkpurples: 107, 9, 92; --red: #FF9D87; --btn-red: #e74c3c; --light-red: rgba(255, 157, 135, 0.5); --border-blue: #BBD2E2; --option-bg: #E8F0F4; --border-grey: rgba(195, 195, 195, 1); --input-height: 30px; --input-font-size: 15px; --input-color: #007af3; --gap: 15px; --button-gap: 12px; --border-radius: 12px; --border-radius-lg: 8px; --border-radius-md: 6px; --border-radius-sm: 4px; --border-radius-xs: 2px; --drop-shadow-black: 0px 4px var(--gap) 0px rgba(var(--var-black), 0.06); --drop-shadow-blue: 0px 4px calc(var(--gap)/3) 0px rgba(var(--var-blue), 30%); --border-color: #cdcdcd; --defaut-gap: 10px; --dark-blue-spinner: #131ff1; --dark-color: 41, 41, 41; --dark-gray: 218, 218, 218; --lightpurple: 193, 48, 232; --lightgray: #fbfbfb; --lightgrey: #f2f5f5; --gray-color: #D9E1E2; /* --green-color: #4CA48A; */ --green-color: #2E7D32; /* --yellow-color: #F6C744; */ --yellow-color: #F9A825; /* --red-color: #DF5536; */ --red-color: #DA3333; --lightgreen-color: 14, 208, 107; --warning-red: #C62828; --warning-red2: #FDE8E8; margin: 0; padding: 0; --bs-btn-hover-bg: rgba(0, 0, 0, 0.1); --bs-btn-active-bg: rgba(0, 0, 0, 0.1); --purple1: #BE2FE5; --purple2: #BE2DE6; --purple: #C130E8; --purple-light: rgba(112, 15, 138, 0.1); --purple-dark: #700F8A; --text-color: #292929; --bs-btn-hover-bg: #cd54ee; --bs-btn-hover-border-color: #cd54ee; } @media (max-width: 767.96px) { :root { --gap: 0; } } @media (max-width: 374.96px) { :root { --gap: 0; } } body { padding-top: 0; padding-bottom: 20px; font-family: var( --fontfamilywork ), sans-serif;; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: auto; color: var( --text-color-new ); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } input, textarea, select { font-family: var(--font-open); font-size: 0.875rem; } .align-right { text-align: right !important; } /*flex*/ .flex-1 { flex: 1; } .d-flex { display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (min-width: 576px) { .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%; } } @media (min-width: 768px) { .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } @media (min-width: 768px) { .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } @media (min-width: 768px) { .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 992px) { .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%; } } @media (min-width: 992px) { .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } /** Ion.RangeSlider, 2.3.1 © Denis Ineshin, 2010 - 2019, IonDen.com Build date: 2019-12-19 16:51:02 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white)); background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec)); background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white)); background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white)); background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0)); background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d)); background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6)); background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff)); background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } :root { /* margin: 0; padding: 0; font-size: 0.9375rem; font-family: "PT Sans"; --bs-btn-hover-bg: rgba(0, 0, 0, 0.1); --bs-btn-active-bg: rgba(0, 0, 0, 0.1); --purple1: #BE2FE5; --purple2: #BE2DE6; --purple: #C130E8; --purple-light: rgba(112, 15, 138, 0.1); --purple-dark: #700F8A; --text-color: #292929; --bs-btn-hover-bg: #cd54ee; --bs-btn-hover-border-color: #cd54ee; */ } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { /* font-family: "PT Sans", sans-serif; */ font-family: var(--fontfamilywork); font-weight: 600; } p, ul { margin-bottom: 0.6875rem; } ul, li { list-style: none; } .img-responsive { max-width: 100%; height: auto; } .h-100 { height: 100%; } .max-w-210 { max-width: 210px; } .max-w-356 { max-width: 356px; } .max-w-288 { max-width: 288px; } .mb-20 { margin-bottom: 20px; } .p-50 { padding: 50px !important; } @media (max-width: 767px) { .p-50 { padding: 30px !important; } } .pb-10 { padding-bottom: 10px !important; } .p-0 { padding: 0 !important; } .no-box-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .nowrap { white-space: nowrap; } [disabled] { opacity: 0.6; cursor: no-drop; } .btn { font-weight: 600; font-size: 14px; line-height: 1.2857142857; text-transform: capitalize; color: #fff; border-radius: 4px; } .btn-primary { background: #292929; border-color: #292929; border-radius: 40px; } .btn-primary.btn-save { padding: 14px 43px; margin-bottom: 20px; } .btn-lightbg { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 14px 8px 10px; gap: 6px; min-height: 34px; background: #EDE4EF; border: 1.5px solid rgba(0, 0, 0, 0.2); border-radius: 30px; } /* .btn:hover { opacity: 0.5; } */ .btn-purple { background-color: var(--purple-dark); border-color: var(--purple-dark); /* border-radius: 100px; */ background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); } .btn-purple:hover { opacity: 0.8; } .btn-purple-light { background-color: var(--purple-light); border-color: var(--purple-light); color: #78647D; /* border-radius: 100px; */ } .btn-outline { background: #FFFFFF; border: 1px solid #ccc; /* border-radius: 100px; */ color: var(--text-color); } .btn-outline:hover { --bs-btn-hover-bg: #ccc; background: var(--bs-btn-hover-bg); } .outline-btn { background: var(--white); border: 1.5px solid rgba(0, 0, 0, 0.2); padding: 8px 24.5px; font-weight: 400; font-size: 14px; line-height: 1.2857142857; display: flex; align-items: center; text-align: center; color: #292929; } .outline-btn .icon { margin-right: 10px; } .gradient-purple-btn, .btn-primary { background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 10px 15px; font-size: 14px; line-height: calc(20/14); color: #F5F5F5; font-weight: 600; border: 0; width: auto; height: auto; } .gradient-purple-btn:hover, .btn-primary:hover { background: linear-gradient(270deg, #003D5D 0%, #BE2DE6 100%); color: #fff; } .gradient-purple-btn.small-btn { font-size: 10px; padding: 7px 10px 6px; } .gradient-purple-btn { .icon-caret-right { font-size: 9px; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; } } .border-btn, .outline-btn { border: 1px solid #292929; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-weight: 600; line-height: calc(14/10); letter-spacing: -0.01em; color: var(--text-color-new); transition: all 0.3s linear; max-width: fit-content; /* gap: 6px; */ } .border-btn { &.small-btn { gap: 10px; font-size: 10px; padding: 1px 11px 2px 9px; font-weight: 600; letter-spacing: -0.01em; line-height: calc(14 / 10); .icon:not(.right-direction) { font-size: 16px; transform: rotate(-90deg); position: relative; top: 0; } } &.medium-btn { font-size: 14px; padding: 9px 15px; background-color: var(--white); &:hover { background-color: #f2f5f5 !important; } } &.white-bg { background-color: var(--white); &:hover { background-color: #f2f5f5 !important; } &.icon { &.icon-email { font-size: 12px; } &.icon-trash { font-size: 14px; } } } &:hover { background-color: #f2f5f5; border-color: #f2f5f5; } &:has(.icon-email) { padding-left: 15px; padding-right: 15px; .icon { font-size: 12px; margin-right: 5px; } } &:has(.icon-trash) { font-size: 13px; margin-right: 8px; .icon { font-size: 13px; margin-right: 8px; } } } .outline-btn { font-size: 14px; padding: 9px 15px; background-color: var(--white); font-family: var(--fontfamilywork); &:hover { background-color: #f2f5f5 !important; } &.small-btn { font-size: 10px; padding: 6px 10px 5px; } } .outline-btn, .border-btn { &.warning-red { border-color: var(--warning-red); background-color: var(--warning-red2); .icon { color: var(--warning-red); } &:hover { border-color: var(--warning-red2); } } > .icon { margin-right: 10px; &:before { width: auto; margin: 0; } } span + .icon { margin-right: 0; } } .font-14 { font-size: 14px !important; } .white-bg { background-color: #fff !important; } .custom-checkbox { display: inline-block; width: 20px; height: 16px; } .custom-checkbox input[type=checkbox] { opacity: 0; position: absolute; display: inline-block; width: 20px; height: 20px; } .custom-checkbox input[type=checkbox] + label { display: inline-block; width: 20px; height: 20px; position: relative; } .custom-checkbox input[type=checkbox] + label:before { content: ""; background-color: #fff; border-radius: 5px; border: 1px solid #D0D5DD; display: inline-block; vertical-align: middle; width: 16px; height: 16px; text-align: center; display: inline-block; } .custom-checkbox input[type=checkbox]:checked + label:before { /* border: 1px solid var(--purple); */ border: 0; } .custom-checkbox input[type=checkbox]:checked + label:after { content: ""; display: inline-block; width: 1px; height: 9px; border: solid var(--purple); border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0px; margin: 0px 2px 2px 2px; padding: 2px; position: absolute; top: 2px; left: 3px; } thead th .custom-checkbox input[type=checkbox]:checked + label:after { top: 3px; } header { display: flex; justify-content: space-between; padding: 17px 20px; background-color: #fff; } header .navbar-nav { gap: 10px; flex-direction: row; } .main-nav .nav-link { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 9px 15px; background: #F5F5F5; border-radius: 4px; font-weight: 400; font-size: 14px; line-height: calc(15/14); color: var(--text-color-new); border: 1px solid #F2F5F5; letter-spacing: -0.01em; &:not(.active):hover { background-color: #fff; border-color: #F2F5F5; } } .main-nav .nav-link.active { position: relative; font-weight: 600; } .main-nav .nav-link.active::before { position: absolute; content: ""; width: 100%; height: 2px;; bottom: 0; left: 50%; transform: translateX(-50%); width: 23px; height: 2px; background: linear-gradient(197.35deg, #BC13EA 7.16%, #F028D0 88.1%); box-shadow: 0px 2px 7px rgba(240, 40, 208, 0.12); border-radius: 20px; } .header-right.dropdown { padding: 0 !important; max-width: 210px; width: 100%; } .header-right .user-menu { display: flex; justify-content: flex-start; flex-direction: row; gap: 8px; cursor: pointer; background-color: var(--lightgrey); padding: 6px 15px; border-radius: 4px; border: 1px solid var(--lightgrey); width: 100%; &:hover { background-color: #fff; border: 1px solid #F5F5F5; } } .header-right .user-menu.dropdown-toggle:after { display: none; } .header-right .user-menu-list { padding: 0; margin: 0; } .header-right .user-menu-content { position: absolute; padding: 20px 10px 23px 10px; background: #FFFFFF; box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.1); border-radius: 4px; width: 100%; border: 0; } .header-right .user-menu-content li { position: relative; padding-bottom: 19px; } .header-right .user-menu-content li + li { padding-top: 19px; } .header-right .user-menu-content li:after { content: ""; width: 100%; height: 1px; background: linear-gradient(197.35deg, #690A83 7.16%, #6B095C 88.1%); opacity: 0.1; border-radius: 20px; display: block; position: absolute; bottom: 0; left: 0; right: 0; } .header-right .user-menu-content li:last-child { padding-bottom: 0; } .header-right .user-menu-content li:last-child:after { display: none; } .header-right .user-menu-content li a { display: block; padding: 8px 10px; font-weight: 400; font-size: 14px; line-height: 1.25; /* font-family: "PT Sans", sans-serif; */ color: #292929; text-decoration: none; margin-bottom: 5px; } .header-right .user-menu-content li a.active { color: #C130E8; } .header-right .user-menu-content li a:hover { background-color: #F7E9FD; border-radius: 6px; } .header-right .user-menu-content li a .icon { padding-right: 10px; &.icon-setting { font-size: 18px; display: inline-block; width: 33px; } } .header-right .user-menu-content li a.btn-user-associated-unit-list .icon { padding-right: 8px; } .header-right .user-name { font-size: 14px; line-height: calc(15/14); letter-spacing: -0.01em; color: var(--text-color-new); font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; display: inline-block; } .header-right .user-info, .header-right .frame-wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .header-right .user-info { gap: 3px; width: 100%; } .header-right .frame-wrapper { padding: 3px 0 0; overflow: hidden; width: 100%; } .user-name-abbr { width: 22px; height: 22px; flex: 0 0 22px; background-color: #ABADB0; padding: 5px; border-radius: 50%; font-weight: 600; font-size: 8px; line-height: calc(11/8); color: var(--text-color-new); text-align: center; overflow: hidden; } .caret-shape { width: 22px; height: 22px; position: relative; border-radius: 50%; background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); display: flex; align-items: center; justify-content: center; line-height: 1; transition: all 0.3s linear; &:hover { background: linear-gradient(270deg, #003D5D 0%, #BE2DE6 100%); } } .caret-shape .icon { font-size: 11px; color: var(--white) } .main { display: flex; align-items: flex-start; justify-content: flex-start; } .shape-container { font-size: 16px; line-height: 1; position: relative; top: 2px; } .main-content { background-color: var(--gray-color); padding-bottom: 30px; } .main-content .container-fluid .main-contents.h-100 { min-height: calc(100vh - 77px); } .main-content .side-menu { width: 80px; flex: 0 0 80px; background-color: #fff; margin-top: 2px; border-radius: 0 4px 0 0; transition: all 0.18s linear; } .main-title { padding-top: 25px; padding-bottom: 25px; } .main-title-text { /* font-family: "PT Sans"; */ font-style: normal; font-weight: 700; font-size: 20px; line-height: 26px; display: flex; align-items: center; color: #000000; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 0; } .side-menu ul { padding: 20px 20px 0 16px; border: 0 !important; display: flex; flex-direction: column; align-items: flex-start; .side-menu-label { font-weight: 400; font-size: 16px; line-height: calc(21/16); /* color: #292929; */ color: var( --text-color-new ); } } .side-menu ul li { cursor: pointer; margin-bottom: 5px; padding: 8px 12px; width: 100%; border-radius: 4px; &:has(.active) { background-color: #f5f5f5; } &:hover { background-color: #f5f5f5; } } .side-menu ul li .nav-link.active svg path, .side-menu ul li .nav-link.active svg circle { stroke: var(--purple1); } .side-menu ul li .nav-link.active { .side-icon { background-color: #f5f5f5; border-radius: 6px; } .side-menu-label { font-weight: 600; } } .side-menu ul li button { padding: 0 !important; border: none !important; margin: 0 !important; height: auto; background-color: transparent !important; text-align: left; display: flex; align-items: center; } .side-icon { display: inline-block; + .side-menu-label { padding-left: 12px; } } .content-wrapper { padding: 12px 10px 10px; } .bg-grey { background-color: var(--lightgrey) !important; } .white-card { background-color: #fff; padding: 20px; border-radius: 5px; margin-bottom: 10px; } .white-card-head { cursor: pointer; .white-card-title { > h2 { font-family: var( --fontfamilywork ) !important; font-size: 18px; line-height: calc(22/18); font-weight: 500; letter-spacing: -0.02em; } } &.show { .border-btn.small-btn { margin-top: -2px; } } } .white-card-head + .white-card-body { padding-top: 30px; } .white-card-head .btn-primary { padding: 10px 15px; padding-left: 18px; font-size: 14px; font-weight: 600; text-transform: none; } .white-card-head .btn-primary .icon { margin-right: 6px; } .white-card h2 { font-weight: 600; font-size: 18px; line-height: 23px; color: #000; margin-bottom: 0; } .white-card-expand-btn { display: flex; gap: 10px; } .white-card:has(.show) .white-card-head[data-bs-toggle=collapse] .outline-btn { display: block; } .white-card:has(.show) .white-card-head[data-bs-toggle=collapse] .outline-btn + .caret-shape { margin-left: 17px; } .white-card .sub-white-card { border: 1px solid #e3e3e3; border-radius: 5px; padding: 20px; } .white-card .sub-white-card .button-lists .btn { width: 100%; color: #292929; /* font-family: "PT Sans"; */ font-weight: 400; font-size: 14px; line-height: 18px; } .white-card .sub-white-card .button-lists .btn + .btn { margin-top: 10px; } .white-card .sub-white-card .btn-lightbg .icon { background-color: var(--purple); padding: 2.66667px; width: 16px; height: 16px; border-radius: 17.7778px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; } .white-card .sub-white-card .btn-lightbg .icon:before { position: relative; left: -2px; top: -4px; } .white-card .white-card-head[data-bs-toggle=collapse] .outline-btn { display: none; } .sub-white-card-small-fields-group { /* width: 460px; */ width: 690px; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; .flex-row { width: 100%; gap: 5px; } } .sub-white-card-small { background-color: var(--lightgrey); border-radius: 4px; padding: 10px; display: flex; gap: 5px; flex: 1; align-items: flex-start; label { @media ( min-width: 576px ) { min-width: 85px; max-width: 45%; width: 100%; } } label, .label-value { font-weight: 600; font-size: 12px; line-height: calc(13/12); letter-spacing: -0.01em; color: var(--text-color-new); word-break: break-word; } .label-value { font-weight: 400; flex: 1; } &.max-w-230 { max-width: 50%; } } .label-value-white-bg { background-color: #fff; border-radius: 4px; padding: 5px 10px; display: inline-flex; gap: 5px; align-items: center; } .label-value { .text-status-yes { .color-green-circle { display: inline-flex; } .color-red-circle { display: none; } } .text-status-no { .color-green-circle { display: none; } .color-red-circle { display: inline-flex; } } } .icon { &.color-green-circle { background-color: #2E7D32; width: 16px; height: 16px; border-radius: 50%; font-size: 7px; color: #fff; align-items: center; justify-content: center; display: none; } &.color-red-circle { background-color: var(--warning-red); width: 16px; height: 16px; border-radius: 50%; color: #fff; display: none; align-items: center; justify-content: center; font-size: 8px; } } .fields-group { flex: 1; gap: 5px; align-items: flex-end; } .flex-half { flex: 0 0 calc(50% - 5px); gap: 5px; } .max-w-230 { max-width: 230px; } .sub-white-minicard-title { font-weight: 500; font-size: 18px; line-height: calc(22/18); display: flex; align-items: center; text-transform: capitalize; color: var(--black); letter-spacing: -0.02em; margin-bottom: 8px; } .sub-white-minicard .date-wrapper { padding-top: 12px; } .sub-white-minicard .date-wrapper .date { font-weight: 700; font-size: 18px; line-height: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; color: #000; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 1px; } .sub-white-minicard .date-wrapper .date-msg { font-style: italic; font-weight: 400; font-size: 14px; line-height: 18px; color: #292929; opacity: 0.6; margin-top: 10px; } .sub-white-minicard .date-wrapper .date-msg span { display: block; } .sub-white-minicard .outline-btn { margin-top: 17px; } .sub-white-minicard h3 { /* font-family: "PT Sans"; */ font-weight: 700; font-size: 18px; line-height: 23px; text-transform: capitalize; color: #000000; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 15px; } .sub-white-minicard h3 + p { /* font-family: "PT Sans"; */ font-weight: 400; font-size: 18px; line-height: 23px; color: #292929; } .sub-white-minicard h3 + p a { color: var(--purple); text-decoration: none; } .sub-white-card-foot { display: flex; justify-content: flex-end; } .div-message-sent { display: none; } .notification-card { border: 1px solid #e3e3e3; padding: 12px; margin-bottom: 10px; } .notification-content p { margin-bottom: 0; font-size: 14px; line-height: 1.4285714286; color: #000000; } .notification-warning { background-color: #FFF8E1; border-color: #F1C21B; } .notification-w-right .icon { margin-left: 5px; } .notification-message { gap: 10px; } .notification-message .btn { margin-top: 10px; } .gap-20 { gap: 20px; } .gap-10 { gap: 10px; } .gutter-20.row { margin-inline: -10px; } .gutter-20.row > [class*=col-] { padding-inline: 10px; } .scoreboard-child { /* width: 205px; height: 240px; */ position: relative; border-radius: 5px; background: linear-gradient(238.59deg, #710f8b, #b82cde); display: none; z-index: 0; } .scoreboard-item { width: 342.2px; height: 100%; position: absolute; margin: 0 !important; top: 0; /* right: -192.2px; */ left: 0; bottom: 0; max-height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; z-index: 1; } .score, .total-score { position: relative; z-index: 2; } .total-score { text-decoration: none; text-transform: capitalize; font-weight: 500; letter-spacing: -0.02em; color: inherit; font-size: 18px; line-height: calc(22/18); font-family: var(--fontfamilywork); &:hover { color: #fff; } } .score { -ms-flex-item-align: stretch; align-self: stretch; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } .score-wrapper, .scoreboard { display: flex; align-items: flex-start; } .score-wrapper { -ms-flex-item-align: stretch; align-self: stretch; height: 38px; flex-direction: row; justify-content: flex-end; text-align: right; font-size: 54px; } .scoreboard { width: 205px; min-height: 240px; border-radius: 5px; background: linear-gradient(238.59deg, #710f8b, #b82cde); overflow: hidden; flex-direction: column; justify-content: space-between; padding: 18px 18px 25px 15px; position: relative; /* gap: 122px; */ line-height: normal; letter-spacing: normal; text-align: left; font-size: 14px; color: #fff; } .sub-white-card.bg-grey { border: 0; } /* Ensure chart and legend alignment */ .sub-white-card:has(.bar-chart-container) { /* padding-right: 0; */ /* width: 342px; */ } /* div#my-organization-chart-legend, div#my-organization-chart2-legend , div#supplier-chart-legend, */ .chart-container canvas + div{ overflow-x: hidden; overflow-y: auto; height: 100%; margin-left: 15px; flex: 1; font-size: 12px; > div { padding-left: 20px; position: relative; font-size: 12px; line-height: calc(17/12); font-weight: 400; color: #000; font-family: var(--fontfamilywork); letter-spacing: -0.01em; > span { position: absolute; top: 3px; left: 0; } } } .chart-container { display: flex; align-items: center; justify-content: center; width: 420px; } .chart-container .doughnut-chart { width: 100%; max-width: 138px; } .chart-container.bar-chart-container { position: relative; left: -10px; /* height: 241px; */ /* max-width: 342px; */ width: 100%; height: 160px; } .bar-chart-container-wrapper { display: flex; flex-direction: column; justify-content: space-between; } .bar-chart-container canvas { margin-bottom: -10px; /* width: 200px !important; */ /*height: 160px !important; */ } .charts-wrapper { display: flex; gap: 20px; } .chart-wrapper .btn { padding: 8px 25px; font-weight: 400; color: var(--text-color); } .chart-wrapper .btn .icon { padding-right: 10px; } .doughnut-chart-wrapper { border: 1px solid #E3E3E3; border-radius: 5px; padding: 20px 30px; width: 50%; } .doughnut-chart-wrapper .chart-container { display: flex; gap: 20px; width: 100%; justify-content: flex-start; } .doughnut-chart-wrapper .chart-header { text-align: right; margin-bottom: 10px; } .doughnut-chart-wrapper .chart-title { font-size: 16px; font-weight: bold; } .doughnut-chart-wrapper .legend-item { display: flex; align-items: center; } .doughnut-chart-wrapper .legend-dot { width: 10px; height: 10px; border-radius: 50%; margin-right: 10px; } .doughnut-chart-wrapper .legend-label { font-size: 14px; } .doughnut-chart-wrapper .button-wrapper { display: flex; justify-content: flex-end; gap: 10px; } .trend-chart-container { height: 150px; } .custom-bar-chart-flex { display: flex; flex-direction: row; align-items: flex-start; gap: 40px; width: 100%; min-height: 260px; } .custom-bar-chart { max-width: 350px; padding: 20px 0 0 0; display: flex; flex-direction: column; justify-content: flex-end; background: #f7f8fa; border-radius: 10px; } .chart-bars { display: flex; justify-content: flex-start; align-items: flex-end; height: 180px; gap: 1px; padding: 0 10px; position: relative; } .bar-wrapper { position: relative; width: 32px; height: 100%; display: flex; flex-direction: column; align-items: center; cursor: pointer; flex: 1; } .bar-background { position: absolute; bottom: 0; width: 100%; height: 100%; background: #fff; border-radius: 8px 8px 0 0; border: 1.5px solid #eee; z-index: 1; } .bar { position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 8px 8px 0 0; z-index: 2; transition: height 0.3s; display: flex; align-items: flex-end; justify-content: center; min-height: 8px; } .bar-value { display: none; } .chart-legend { min-width: 180px; padding-top: 10px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .legend-list { display: flex; flex-direction: column; gap: 10px; } .legend-item { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #222; } .legend-color { width: 14px; height: 14px; border-radius: 50%; display: inline-block; margin-right: 4px; } .legend-label { font-size: 15px; color: #222; } .custom-bar-tooltip { display: none; position: absolute; z-index: 9999; background: #222; color: #fff; padding: 7px 12px; border-radius: 6px; font-size: 14px; pointer-events: none; box-shadow: 0 2px 8px rgba(0,0,0,0.12); border: 2px solid #6A0DAD; min-width: 90px; text-align: left; font-weight: 500; } .table-wrapper + .btn-wrapper { margin-top: 10px; } .table-wrapper table { width: 100%; border-collapse: separate; border-spacing: 0 4px; } .table-wrapper table thead th { text-align: left; padding: 10px 20px; padding-bottom: 4px; color: #333; flex: 1; font-weight: 400; font-family: var(--fontfamilywork); width: auto !important; font-size: 12px; } .table-wrapper table tbody tr td { width: auto !important; font-size: 14px; color: var(--text-color-new); line-height: calc(15 / 14); letter-spacing: -0.01em; } .table-wrapper table thead tr, .table-wrapper table tbody tr { border-radius: 4px; display: flex; width: 100%; } .table-wrapper table tbody tr { /* background-color: #f2f5f5; */ background: linear-gradient(to right, #f2f5f5, #f2f5f5); margin-bottom: 5px; /* box-shadow: 0 2px 6px rgba(0,0,0,0.05); */ /* cursor: pointer; */ position: relative; transition: background 0.3s ease; .caret-shape { transform: translateX(0); transition: all 0.3s linear; .icon-caret-right { font-size: 9px; } } &:has(.caret-shape) { cursor: pointer; } } .table-wrapper table tbody tr:hover:not(.no_data_row) { border-radius: 4px; background: linear-gradient(to right, #BE2DE6, #6F0F8A); .caret-shape { transform: translateX(5px); background: linear-gradient(270deg, #003D5D 0%, #BE2DE6 100%); } td { text-decoration: none !important; } } .table-wrapper table tbody tr.cursor-pointer:hover { text-decoration: none; } .table-wrapper table tbody tr:hover td { background-color: var(--white); &:first-child { b, strong { color: var(--purple1); } } } .table-wrapper table tbody tr.highlight { background: #CE8BF1; } .table-wrapper table tbody tr.highlight td { background-color: #F6F0F8; } .table-wrapper table tr, .highlight { .custom-checkbox input[type=checkbox]:checked + label:before { /* border: 1px solid var(--white); */ border: 0; background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); } .custom-checkbox input[type=checkbox]:checked + label:after { border-color: var(--white); } } .table-wrapper table tr td { padding: 20px; vertical-align: middle; position: relative; flex: 1; display: inline-flex; align-items: center; margin-block: 2px; font-family: var(--fontfamilywork); word-break: break-word; &:first-child { margin-left: 2px; /* .tdfield-wrapper { &:before { left: 4px; } } */ } &:last-child:not(.call-detail) { margin-right: 2px; /* justify-content: flex-end; */ /* .tdfield-wrapper { &:before { right: 4px; } } */ } &:last-child { margin-right: 2px; } /* .tdfield { position: relative; z-index: 1; } */ b, strong { font-weight: 600; } &.no_data { justify-content: flex-start !important; } } .chart-wrap.total-supplier-data { margin-top: -4px; } .trend .icon { display: inline-block; width: 18px; height: 18px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; } .trend .color-green { background-color: var(--green-color); color: #E6F4EA; } .trend .color-yellow { background-color: var(--yellow-color); color: #FFF9E5; } .trend .color-red { background-color: var(--red-color); color: #FDE8E8; } .trend-green { width: 30px; height: 30px; background-color: rgba(var(--lightgreen-color), 0.12); border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; } .item-verified, .item-notverified { background: #FFFFFF; border-radius: 4px; padding: 5px 10px; gap: 5px; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; a { font-weight: 600; font-size: 10px; line-height: calc(14/10); letter-spacing: -0.01em; text-decoration: none; color: #2E7D32; } } .item-notverified { a { color: var(--red-color); } } .content-wrapper .tab-title { font-family: var(--fontfamilyvis) !important; font-weight: 500; font-size: 20px; line-height: calc(24/20); color: var(--black); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); padding: 10px 20px 20px; } .first-field-max-w-75 { tr th:first-child, tr td:first-child:not(.no_data) { /* max-width: 76px; */ padding-right: 0; } tr th:nth-child(2), tr td:nth-child(2) { padding-left: 0; } thead tr th.max-w-50 { max-width: 50px; } &:has(.max-w-50) { tr td:not(.no_data):first-child { max-width: 50px; } } } .last-field-has-arrow { tr th:last-child, tr td:last-child:not(.no_data) { max-width: 65px; } tr td:last-child:not(.no_data) { text-align: right; } } .form-field { position: relative; margin-bottom: 10px; } .form-field.has-toggle-form-field { display: flex; justify-content: space-between; align-items: center; &:has(.icon-info-shape) { align-items: flex-start; } } .form-field.has-toggle-form-field label { font-weight: 400; font-size: 16px; line-height: 13px; color: #292929; } .form-field .form-label { display: inline-block; margin-bottom: 8px; /* font-family: "PT Sans", sans-serif; */ /* position: absolute; */ /* top: 8px; */ /* left: 20px; */ font-size: 14px; line-height: calc(15/14); font-weight: 400; z-index: 1; letter-spacing: -0.01em; color: #141414; } .form-field .form-input, .form-field .form-input.select2-selection--single { /* background-color: rgba(232, 232, 240, 0.5); */ /* border: none; */ /* min-height: 62px; */ font-size: 14px; font-weight: 400; line-height: calc(15/14); letter-spacing: -0.01em; color: #7E7E7E; /* font-family: "PT Sans", sans-serif; */ /* padding: 14px 20px 0; */ /* margin-bottom: 20px; */ width: 100%; background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 4px; padding: 15px 12px; height: auto !important; box-shadow: none; } .form-field .form-input.input-verification-code, .form-field .form-input.select2-selection--single.input-verification-code { padding-top: 0; } .form-field .form-input .select2-selection__rendered, .form-field .form-input.select2-selection--single .select2-selection__rendered { padding-left: 0; } .custom_checkbox .form-label, .modol .form-field .custom_checkbox .form-label { cursor: default; } .form-field select.form-input { padding-right: 50px; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-icon { position: absolute; right: 10px; top: 7px; color: #C130E8; font-size: 20px; } .toggle-container { display: flex; width: 100%; border-radius: 25px; background: #f5f5f5; padding: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .toggle-option { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 10px 15px; cursor: pointer; color: #888; position: relative; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; font-weight: 400; font-size: 12px; line-height: 1.1666666667; color: #292929; } .toggle-option.active { color: #333; font-weight: bold; } .toggle-slider { position: absolute; width: 50%; height: 100%; background: white; border-radius: 25px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } /* Move slider when toggled */ .toggle-container[data-active=public] .toggle-slider, .toggle-container[data-active=yes] .toggle-slider, .toggle-container[data-active=yess] .toggle-slider { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .toggle-container[data-active=non-public] .toggle-slider, .toggle-container[data-active=no] .toggle-slider, .toggle-container[data-active=noo] .toggle-slider { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .modal-body .toggle-container { height: 42px; } .modal-body .toggle-slider { height: 32px; } .modal-body .toggle-container[data-active=no] .toggle-slider { transform: translateX(calc(100% - 10px)); } .icon-info-shape { display: inline-block; padding-left: 6px; &[data-placement="bottom"] { .icon-info-text { box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.1); transform: translateX(-50%); top: calc(100% + 10px); &:before { border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ffffff; top: -7px; filter: drop-shadow(0px -5px 3px rgba(0, 0, 0, 0.1)); } } } &[data-placement="top"] { .icon-info-text { box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03); transform: translateX(-53%); top: calc(-100% - 32px); &:before { border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #ffffff; top: 100%; filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } } } &.info-text-shift-top { .icon-info-text { top: 42px; left: 21px; } } } span.icon.icon-q-mark { display: inline-block; } .icon-info-shape:hover .icon-info-text { /* display: block; */ visibility: visible; opacity: 1; z-index: 10; } .icon-info-shape .icon-info { cursor: pointer; } .icon-info-shape .icon-info-text { width: 320px; padding: 12px; border-radius: 8px; background: var(--white); font-family: var(--fontfamilywork); font-weight: 400; font-size: 12px; line-height: calc(13/12); letter-spacing: -0.01em; color: #535862; /* box-shadow: 0px 12px 16px -4px rgba(10, 13, 18, 0.08), 0px 4px 6px -2px rgba(10, 13, 18, 0.03); */ transform: translateX(-50%); position: absolute; /* top: 27px; */ /* display: none; */ visibility: hidden; opacity: 0; transition: opacity 0.3s; &:before { content: ''; position: absolute; left: 50%; /* top: -7px; */ transform: translateX(-50%); z-index: 1; /* filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); */ } } .icon { &.right-direction { font-size: 15px; transform: rotate(-90deg); position: relative; top: 0; left: 0px; } } .message-box-blue { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 10px 10px 20px 20px; gap: 10px; background: #FFFFFF; border-left: 4px solid #2F80ED; border-radius: 4px; } .message-box-content { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 10px; } .notification-message { display: flex; flex-direction: row; align-items: flex-start; padding: 20px; gap: 10px; border: 0; background: #F2F5F5; border-radius: 4px; margin-bottom: 5px; } .notification-message.admin-notification { border-left: 4px solid #BE2DE6; } .notification-image { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--white); } .admin-notification .notification-image { background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); } .notification-content { font-family: var(--fontfamilywork); letter-spacing: -0.01em; font-size: 14px; line-height: calc(15/14); } .notification-content p { margin-bottom: 7px; } .notification-title { font-weight: 600; color: var(--text-color-new); display: inline-block; margin-bottom: 4px; } .notification-btn { text-decoration: none; gap: 0; padding-inline: 9px; font-weight: 600; height: 26px; font-size: 10px; padding-right: 14px; &.border-btn { font-weight: 600; } } .gradient-purple-btn.notification-btn { padding: 6px 10px; padding-right: 16px; font-size: 10px; line-height: calc(14/10); letter-spacing: -0.01em; } .notification-btn .icon { font-size: 9px; padding-left: 12px; } .border-btn.notification-btn:hover { color: var(--black); } .notification-card.mfa-notice-bar, .notification-card.unconfirmed-supplier-notice-bar { border-left: 4px solid #F9A825; } .mfa-notice-bar .notification-image, .unconfirmed-supplier-notice-bar .notification-image { background: #F9A825; color: var(--lightgrey); } .mfa-notice-bar .notification-image .icon, .unconfirmed-supplier-notice-bar .notification-image .icon { font-size: 16px; } .notification-card.mfa-notice-bar, .notification-card.unconfirmed-supplier-notice-bar { border-left: 4px solid #F9A825; } .normal-message .notification-image { background: #2F80ED; color: var(--white); } .notification-message.normal-message { border-left: 4px solid #2F80ED; } .notification-message.normal-message .icon { font-size: 20px; &.icon-alert { font-size: 16px; } } .modal { --bs-modal-width: 600px; } .modal-content { border-radius: 4px; background-color: var(--lightgrey); border: 0; .btn-close { background: none; } .c-icon { right: 10px; top: 8px; } .select2-container .select2-selection--multiple { min-height: max-content; } .border-btn { font-size: 14px; } } .modal-body-header { display: flex; justify-content: space-between; gap: 19px; align-items: center; } .modal-body .modal-header-content { margin-bottom: 25px; } .modal-body .modal-header-content .modal-title { /* font-family: "PT Sans"; */ font-family: var(--fontfamilywork); font-weight: 600; font-size: 32px; line-height: calc(38/32); letter-spacing: -0.02em; color: var(--text-color-new); margin-bottom: 5px; } .modal-body .modal-header-content p { font-weight: 400; font-size: 18px; line-height: calc(25/18); letter-spacing: -0.015em; color: #000000; } .modal-body .progress-bar-wrapper { display: flex; justify-content: space-between; align-items: center; background-color: #E4E7E7; border-radius: 4px; padding: 10px 15px; flex: 1; } .modal-body .progress-bar { display: flex; flex-direction: row; gap: 5px; justify-content: flex-end; } .modal-body .progress-bar div { width: 12px; height: 12px; background-color: #F2F5F5; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .modal-body .progress-bar div.active { background-color: var(--purple1); } .modal-body .progress-bar div.active .progress-circle { background-color: var(--purple1); border-radius: 10px; display: inline-block; } .modal-body .progress-bar div.active.completed { background: linear-gradient(270deg, #003D5D -46%, #BE2DE6 100%); position: relative; } .modal-body .progress-bar div.active.completed .progress-circle { position: relative; &:before { content: '\e831'; position: absolute; top: -4px; left: -3px; font-family: 'fontello'; font-size: 6px; } } .modal-body .icon-info-shape { position: relative; top: -10px; padding-left: 0; } .modal-body .modal-title .icon-info-shape { position: relative; top: -14px; padding-left: 0px; margin-left: -4px; } .modal-body .form-field-toggle .form-field-with-tooltip { padding-right: 40px; .icon-info-shape { top: 0; } } .modal-body .icon-info-shape .icon-info-text { position: absolute; transform: translateX(-53%); } .progress-bar-description { color: #878A8E; } .modal-body h2 { font-size: 24px; margin-bottom: 10px; } .modal-body .form-field { margin: 15px 0; } .modal-body .form-field .form-input, .modal-body .form-field .form-input.select2-selection--single { margin-bottom: 0; } .modal-body select { width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; } .modal-body button { width: auto; padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; &.btn-outline { border: 1px solid #292929; } } .modal-body .previous-btn { background-color: #e9ecef; color: #333; } /* .modal-body .next-btn { background-color: #6a0dad; color: white; } */ .modal-body .step-container { display: none; } .modal-body .step-container.active { display: block; } .modal-body .form-field label { font-size: 14px; font-weight: bold; margin-bottom: 5px; display: block; } .modal-body .form-field-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal-body .form-field-toggle .form-label { position: relative; left: 0; top: 0; font-weight: 400; font-size: 16px; line-height: 1.1875; color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .modal-content .form-field label.form-label.has-info-popover { position: static; } .modal-body .form-field-title h5 { /* font-family: "PT Sans"; */ font-weight: 700; font-size: 14px; line-height: 1.4285714286; color: #000000; margin-bottom: 0; } .modal-footer .next-btn .icon { padding-left: 5px; right: -5px; } .modal-footer .previous-btn .icon { padding-right: 4px; } .modal-footer .previous-btn, .modal-footer .next-btn { display: flex; align-items: center; } .modal-footer .previous-btn .icon, .modal-footer .next-btn .icon { font-size: 9px; display: inline-block; vertical-align: middle; position: relative; } .modal-body-header .btn-close:hover { background-color: var(--lightgrey); } .modal-footer { border-top: none; margin-top: 22px; margin-block: 10px; margin-inline: 12px; } .modal-footer .btn-purple { /* font-family: "PT Sans"; */ font-style: normal; font-weight: 700; font-size: 18px; line-height: 23px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #FFFFFF; padding: 18px 26px; } .modal-footer .btn-outline { padding: 17px 30px; font-size: 18px; line-height: 23px; font-weight: 400; color: var(--text-color); } .modal-footer .btn + .btn { margin-left: 20px; } .modal-footer .buttons-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .modal-footer .buttons-container [disabled] { opacity: 0; cursor: none; } .modal-footer .buttons-container .btn { min-height: auto; height: auto; padding: 12px 20px; /* font-family: "PT Sans"; */ font-weight: 700; font-size: 14px; line-height: 18px; min-width: 118px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-body-with-progressbar { @media ( min-width: 569px ) { padding-left: 9px; padding-right: 9px; } + .select2-container .select2-dropdown--below { margin-top: 14px; margin-left: -13px; width: 420px !important; } } .modal-body-with-progressbar .modal-header-content { padding-top: 20px; } .modal-note-text a { color: var(--text-color); text-decoration: underline; } .modal-body .btn-modal-link { font-size: 12px; line-height: calc(16 / 12); background-color: #fff; padding: 6px 8px; border-radius: 34px; color: #292929; text-decoration: none; display: inline-flex; align-items: center; height: auto; width: auto; margin-left: 8px; } .modal-body .btn-modal-link .icon { padding-right: 6px; } .modal-footer { flex-wrap: nowrap; } .modal-footer .btn { height:auto; width: auto; min-width: 130px; } .modal-content .modal-body .form-field label { font-weight: 400; } /* .modal-content .modal-body .form-field.has-toggle-form-field label { font-size: 16px; margin-bottom: 10px; } */ .modal-body button, .modal-footer .btn-purple { border-radius: 4px; } .progress-bar { background-color: transparent; } .progress-bar-content { gap: 20px; display: flex; } .modal-body-with-progressbar { @media ( min-width: 569px ) { padding-top: 9px; } } .modal-dialog:has(.modal-body-with-progressbar) { .modal-header-content { margin-bottom: 39px; } .modal-footer{ padding-left: 9px; padding-right: 9px; padding-bottom: 26px; padding-top: 43px; } .c-icon { font-size: 16px; right: 13px; top: 50%; transform: translateY(-50%); &.icon-comp { top: calc(50% + 2px); } } .modal-body .form-field { margin: 12px 0 0; } .next-btn { padding: 10px 22px 10px 10px; .icon { right: -9px; top: 3px; } } .previous-btn { padding-left: 14px; padding-right: 11px; } } .modal-content .form-field .form-label { display: inline-block; padding-bottom: 0; position: relative; top: 0; left: 0; font-size: 14px; line-height: calc(15/14); font-weight: 400; z-index: 1; margin-bottom: 7px; font-family: var(--fontfamilywork); color: #141414; letter-spacing: -0.01em; } .modal-content .form-field .form-input { line-height: 1; } .modal-content .form-field .form-input, .modal-content .form-field .form-input.select2-selection--single { background-color: var(--white); border-radius: 4px; border: 1px solid #D4D4D4; min-height: 62px; font-size: 16px; color: #7E7E7E; padding: 13px 12px; /* margin-bottom: 20px; */ width: 100%; font-size: 14px; min-height: 46px; font-family: var(--fontfamilywork); } .modal-content .form-field .form-input { padding-right: 40px; } .modal-content .btn-close { background: none; width: 24px; height: 24px; border-radius: 50%; background-color: #fff; display: inline-block; padding: 0; font-size: 15px; opacity: 1; color: #575D62; } .modal-response-message { .modal-dialog { transform: none; } .modal-body { padding: 0; } .modal-body-with-message { display: flex; padding: 25px; padding-bottom: 40px; flex-direction: column; gap: 15px; } .modal-body-header { display: flex; justify-content: flex-end; gap: 19px; align-items: center; /* .btn-close { position: absolute; right: 10px; top: 30px; } */ } .modol-responce-heading { font-weight: 600; font-size: 14px; line-height: calc(15/14); letter-spacing: -0.01em; color: var(--text-color-new); margin-bottom: 5px; } .notification-message { background-color: #fff; } } .has-info-popover { display: flex; gap: 0; } .switch-toggle { position: relative; font-size: 0; } .switch-toggle input[type=checkbox] { cursor: pointer; position: absolute; inset: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 2; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label:before { translate: 150% 0; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(1) { color: gray; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(2) { color: var(--text-color); } .switch-toggle input[type=checkbox] + label.switch-toggle-label { display: block; user-select: none; margin-bottom: 0; width: 52px; height: 28px; padding: 6px; background: #E3E3E3; border-radius: 100px; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label { background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); } .switch-toggle input[type=checkbox] + label.switch-toggle-label:before { content: ""; position: absolute; width: 16px; height: 16px; background: #fff; border-radius: 85px; -webkit-box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1); box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1); translate: 0 0; -webkit-transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69); transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69); } .switch-toggle input[type=checkbox] + label.switch-toggle-label span { position: relative; -webkit-transition: 200ms linear; transition: 200ms linear; display: none; } .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(1) { color: #1a1a1a; } .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(2) { color: gray; } .upload-container { width: 100%; background: #F5F5F5; border: 1.5px dashed #700F8A; border-radius: 5px; padding-block: 35px; text-align: center; margin-bottom: 20px; } .upload-container h3 { font-weight: 700; font-size: 19.4226px; line-height: 28px; color: #2C2C2C; } .upload-container .browse-link { font-weight: 400; font-size: 12px; line-height: 1.5; color: #292929; } .upload-container .browse-link a { color: var(--purple-dark); text-decoration: none; } .upload-container .file-info { font-weight: 400; font-size: 10px; line-height: 1.5; color: #7E7E7E; } .upload-container .browse-link:hover { text-decoration: underline; } .upload-container input[type=file] { display: none; } .upload-container .file-input-wrapper { padding: 10px 20px; background-color: #e9ecef; border-radius: 5px; display: inline-block; cursor: pointer; margin-top: 10px; } .upload-container .file-input-wrapper:hover { background-color: #d6d8db; } .form-field-tab ul.nav-tabs { background: #eee; /* border-radius: 100px; */ padding: 5px; border: none; } .form-field-tab ul.nav-tabs li .nav-link { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--text-color); border: none; } .form-field-tab ul.nav-tabs li .nav-link.active { background: #fff; -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.03); box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.03); /* border-radius: 100px; */ } .form-field-tab .tab-content .tab-pane { padding-top: 10px; } .form-field-tab .tab-content .tab-pane textarea { padding-top: 30px; } .leverantrsinstallningar-parent { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 5px; z-index: 6; font-size: 18px; } .text, .text1 { text-decoration: none; position: relative; line-height: 18px; color: inherit; z-index: 1; } .text1 { line-height: 20px; font-weight: 700; } .text-wrapper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 0 var(--padding-9xs); } .text3 { position: relative; line-height: 20px; z-index: 1; } .frame-parent, .results-open-inner { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .frame-parent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; } .results-open-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0 var(--padding-9xs); } .text5 { position: relative; line-height: 20px; } .chevron-down-icon { width: 16px; position: relative; height: 16px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .frame-wrapper, .text-parent { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .text-parent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--gap-7xs); } .frame-wrapper { border-radius: var(--br-8xs); background-color: var(--color-whitesmoke); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: var(--padding-5xs) var(--padding-3xs); } .chevron-down-icon1 { height: 16px; width: 16px; position: relative; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .frame-group { -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--gap-xs); } .frame-group, .options-title-parent, .results-open { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .options-title-parent { height: 194px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--gap-xs); } .results-open { -webkit-box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); border-radius: var(--br-8xs); background-color: var(--tobi-b0); max-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 24px var(--padding-xl) var(--padding-xl); -webkit-box-sizing: border-box; box-sizing: border-box; gap: 99px; line-height: normal; letter-spacing: normal; text-align: left; font-size: var(--font-size-sm); color: var(--color-black); font-family: var(--font-pt-sans); } @media screen and (max-width: 413px) { .results-open { gap: 49px; } } @media screen and (max-width: 392px) { .results-open { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .proioriterade-tgrder-parent { display: flex; gap: 10px; } .proioriterade-tgrder-parent .icon-info { position: relative; top: -2px; } @media (max-width: 767px) { .form-field .form-input, .form-field .form-input.select2-selection--single { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .form-field select.form-input { padding-right: 52px; } } /* new css */ .form-field.has-toggle-form-field label, .main-title-text, .sub-white-minicard h3, .sub-white-minicard h3 + p, .table-wrapper table td, .table-wrapper table th, .white-card .sub-white-card .button-lists .btn { /* font-family: "PT Sans"; */ } .form-field.has-toggle-form-field label { span.icon.icon-q-mark { position: relative; top: -5px; } } .scoreboard, .side-menu ul { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-box-direction: normal; } .sub-white-minicard .date-wrapper .date { font-weight: 700; -webkit-box-align: center; text-transform: capitalize; } .scoreboard, .scoreboard-child { border-radius: 5px; background: linear-gradient(238.59deg, #710f8b, #b82cde); } .button-wrapper .btn { max-width: fit-content; /* border-radius: 100px; */ margin: 0; padding: 14px 20px; } .button-wrapper .btn.btn-purple { min-height: 50px; } .trend-chart-container { height: 150px; } .modal-body .modal-header-content, .withbackarrow { margin-bottom: 25px; } .form-field .form-input.input-verification-code, .form-field .form-input.select2-selection--single.input-verification-code { padding-top: 0; } .form-field .form-input .select2-selection__rendered, .form-field .form-input.select2-selection--single .select2-selection__rendered { padding-left: 0; } .custom_checkbox .form-label, .modol .form-field .custom_checkbox .form-label { cursor: default; } .form-field select.form-input { padding-right: 50px; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-field textarea.form-input { padding-top: 26px; } .modal-body .form-field label.label-big-font { /* font-family: "PT Sans"; */ font-weight: 400; font-size: 16px; line-height: 13px; color: #292929; } .withbackarrow a { text-decoration: none; color: #000; } .withbackarrow h2 { font-size: 18px; font-weight: 400; } .toggle-container, .toggle_container { display: flex; width: 100%; border-radius: 25px; background: #f5f5f5; padding: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .toggle-option, .toggle_option { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 10px 15px; cursor: pointer; position: relative; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; font-weight: 400; font-size: 12px; line-height: 1.1666666667; color: #292929; } .toggle-option.active, .toggle_option.active { color: #333; font-weight: 700; } .toggle-slider { position: absolute; width: 50%; height: 100%; background: #fff; border-radius: 25px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .toggle_container .toggle_option { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .toggle_container .toggle_option.active { background: #fff; border-radius: 25px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .toggle-container[data-active="public"] .toggle-slider, .toggle-container[data-active="yes"] .toggle-slider, .toggle-container[data-active="yess"] .toggle-slider { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .toggle-container[data-active="no"] .toggle-slider, .toggle-container[data-active="non-public"] .toggle-slider, .toggle-container[data-active="noo"] .toggle-slider { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .modal-body .toggle-container { height: 42px; } .modal-body .toggle-slider { height: 32px; } .modal-body .toggle-container[data-active="no"] .toggle-slider { -webkit-transform: translateX(calc(100% - 10px)); -ms-transform: translateX(calc(100% - 10px)); transform: translateX(calc(100% - 10px)); } /* .icon-info-shape { width: 20px; height: 20px; border-radius: 100px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 5px; } */ /* .icon-info-shape:hover .icon-info-text { display: block; } */ /* .icon-info-shape .icon-info { font-size: 20px; color: #c4c4db; cursor: pointer; } */ /* .icon-info-shape .icon-info-text { position: absolute; top: 102%; left: 0; width: 100%; background-color: #fff; color: var(--text-color); display: none; padding: 10px; border-radius: 5px; font-size: 16px; font-weight: 400; font-family: 'Work Sans'; z-index: 100; } */ .icon-info-shape.purple-light { /* background-color: #700f8a; */ } /* .icon-info-shape.purple-light .icon-info { color: #bd82cd; } */ /* .modal { --bs-modal-width: 600px; } .modal-body .modal-header-content .modal-title { font-family: "PT Sans"; font-weight: 700; font-size: 32px; line-height: 1.25; color: #333; margin-bottom: 12px; } .modal-body .modal-header-content p { font-weight: 400; font-size: 22px; line-height: 1.2727272727; color: #333; } .modal-body .progress-bar-wrapper { display: flex; justify-content: space-between; align-items: center; background-color: #E4E7E7; border-radius: 4px; padding: 10px 15px; flex: 1; } .modal-body .progress-bar { display: flex; flex-direction: row; gap: 5px; justify-content: flex-end; } .modal-body .progress-bar div { width: 20px; height: 20px; background-color: #cfd6dc; border-radius: 10px; border: 1px solid #abb7c2; display: flex; align-items: center; justify-content: center; } .modal-body .progress-bar div.active { background-color: #f5f5f5; border-color: var(--purple1); } .modal-body .progress-bar div.active .progress-circle { width: 10px; height: 10px; background-color: var(--purple1); border-radius: 10px; display: inline-block; } */ .company-details-view, .modal-body .step-container, .upload-container input[type="file"] { display: none; } /* .modal-body .progress-bar div.active.completed { background-color: var(--purple1); position: relative; } .modal-body .progress-bar div.active.completed .progress-circle { width: 1px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0; margin-left: 5px; padding: 2px; position: absolute; top: 2px; left: 1px; } .modal-body h2 { font-size: 24px; margin-bottom: 10px; } .modal-body .form-field { margin: 15px 0; } .modal-body .form-field .form-input, .modal-body .form-field .form-input.select2-selection--single { margin-bottom: 0; } .modal-body select { width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; } .modal-body button { padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; } .modal-body .previous-btn { background-color: #e9ecef; color: #333; } .modal-body .next-btn { background-color: #6a0dad; color: #fff; } .modal-body .step-container.active { display: block; } .modal-body .form-field label { font-size: 14px; font-weight: 400; margin-bottom: 5px; display: block; } .modal-body .form-field-toggle { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal-body .form-field-toggle .form-label { position: relative; left: 0; top: 0; font-weight: 400; font-size: 16px; line-height: 1.1875; color: var(--text-color); display: flex; gap: 10px; } .modal-body .form-field-title h5, .modal-footer .btn-purple { font-weight: 700; font-family: "PT Sans"; } .modal-body .form-field-toggle .form-label .icon-info-shape { width: 16px; height: 16px; background-color: var(--purple-dark); } .modal-body .form-field-toggle .form-label .icon-info-shape .icon-info { font-size: 18px; color: hsl(from var(--purple-dark) h s 80%); } .modal-body .form-field-toggle .form-label .icon-info-shape .icon-info-text { left: 102%; min-width: 200px; } .modal-body .form-field-title h5 { font-size: 14px; line-height: 1.4285714286; color: #000; margin-bottom: 0; } .modal-header { border-bottom: none; } .modal-header .btn-close { background-color: #efeff4; border-radius: 20px; font-size: 10px; width: 26px; height: 26px; padding: 0; } .modal-footer { border-top: none; margin-top: 22px; margin-block: 10px; } .modal-footer .btn-purple { font-style: normal; font-size: 18px; line-height: 23px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; padding: 18px 26px; } .modal-footer .btn-outline { padding: 17px 30px; font-size: 18px; line-height: 23px; font-weight: 400; color: var(--text-color); } .modal-footer .btn + .btn { margin-left: 20px; } .modal-footer .buttons-container { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .modal-footer .buttons-container [disabled] { opacity: 0; cursor: none; } .modal-footer .buttons-container .btn { min-height: auto; height: auto; padding: 12px 20px; font-family: "PT Sans"; font-weight: 700; font-size: 14px; line-height: 18px; min-width: 118px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-body-with-progressbar { padding-left: 35px; padding-right: 35px; } .modal-body-with-progressbar .modal-header-content { padding-top: 25px; } .modal-note-text a { color: var(--text-color); text-decoration: underline; } */ /* .switch-toggle { position: relative; font-size: 0; } .switch-toggle input[type=checkbox] { cursor: pointer; position: absolute; inset: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; z-index: 2; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label:before { translate: 150% 0; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(1) { color: gray; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label span:nth-child(2) { color: var(--text-color); } .switch-toggle input[type=checkbox] + label.switch-toggle-label { display: block; user-select: none; margin-bottom: 0; width: 52px; height: 28px; padding: 6px; background: #E3E3E3; border-radius: 100px; } .switch-toggle input[type=checkbox]:checked + label.switch-toggle-label { background: linear-gradient(270deg, #6F0F8A 0%, #BE2DE6 100%); } .switch-toggle input[type=checkbox] + label.switch-toggle-label:before { content: ""; position: absolute; width: 16px; height: 16px; background: #fff; border-radius: 85px; -webkit-box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1); box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1); translate: 0 0; -webkit-transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69); transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69); } .switch-toggle input[type=checkbox] + label.switch-toggle-label span { position: relative; -webkit-transition: 200ms linear; transition: 200ms linear; display: none; } .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(1) { color: #1a1a1a; } .switch-toggle input[type=checkbox] + label.switch-toggle-label span:nth-child(2) { color: gray; } */ .upload-container { width: 100%; background: #f5f5f5; border: 1.5px dashed #700f8a; border-radius: 5px; padding-block: 35px; text-align: center; margin-bottom: 20px; } .upload-container h3 { font-weight: 700; font-size: 19.42px; line-height: 28px; color: #2c2c2c; } .upload-container .browse-link { font-weight: 400; font-size: 12px; line-height: 1.5; color: #292929; } .upload-container .browse-link a { color: var(--purple-dark); text-decoration: none; } .upload-container .file-info { font-weight: 400; font-size: 10px; line-height: 1.5; color: #7e7e7e; } .upload-container .browse-link:hover { text-decoration: underline; } .upload-container .file-input-wrapper { padding: 10px 20px; background-color: #e9ecef; border-radius: 5px; display: inline-block; cursor: pointer; margin-top: 10px; } .upload-container .file-input-wrapper:hover { background-color: #d6d8db; } .form-field-tab ul.nav-tabs { background: #eee; /* border-radius: 100px; */ padding: 5px; border: none; } .form-field-tab ul.nav-tabs li .nav-link { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--text-color); border: none; } .form-field-tab ul.nav-tabs li .nav-link.active { background: #fff; -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.03); box-shadow: 0 7px 7px rgba(0, 0, 0, 0.03); /* border-radius: 100px; */ } .form-field-tab .tab-content .tab-pane { padding-top: 10px; } .form-field-tab .tab-content .tab-pane textarea { padding-top: 30px; } .leverantrsinstallningar-parent { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 5px; z-index: 6; font-size: 18px; } .frame-parent, .results-open-inner, .text-wrapper { display: -ms-flexbox; -webkit-box-direction: normal; } .text, .text1, .text3 { z-index: 1; position: relative; } .text, .text1 { text-decoration: none; line-height: 18px; color: inherit; } .text1, .text3, .text5 { line-height: 20px; } .text1 { font-weight: 700; } .text-wrapper { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 0 var(--padding-9xs); } .frame-parent, .results-open-inner { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .frame-parent { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; } .results-open-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0 var(--padding-9xs); } .text5 { position: relative; } .chevron-down-icon { width: 16px; position: relative; height: 16px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .frame-wrapper, .text-parent { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .text-parent { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--gap-7xs); } .frame-group, .options-title-parent { -webkit-box-orient: vertical; gap: var(--gap-xs); -webkit-box-direction: normal; } .frame-wrapper { border-radius: var(--br-8xs); background-color: var(--color-whitesmoke); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: var(--padding-5xs) var(--padding-3xs); } .chevron-down-icon1 { height: 16px; width: 16px; position: relative; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } .frame-group { -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .frame-group, .options-title-parent, .results-open { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .options-title-parent { height: 194px; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .results-open { -webkit-box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); box-shadow: 0 24px 30px -10px rgba(0, 0, 0, 0.03); border-radius: var(--br-8xs); background-color: var(--tobi-b0); max-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 24px var(--padding-xl) var(--padding-xl); -webkit-box-sizing: border-box; box-sizing: border-box; gap: 99px; font-size: var(--font-size-sm); color: var(--color-black); font-family: var(--font-pt-sans); } .file-item { background-color: #f5f5f5; border: 1px solid #eee; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 13px; margin-bottom: 10px; padding: 8px 10px; } .file-item .btn-link { font-weight: 400; font-size: 12px; line-height: 1.5; text-align: right; text-decoration-line: underline; color: #700f8a; background-color: transparent; /* font-family: "PT Sans", sans-serif; */ } .file-item label.form-label { position: relative; left: 0; top: 0; padding: 0; margin: 0; } .file-item .form-label-type { font-size: 12px; } .icon-type-wrapper { background-color: #bf2bc2; border-radius: 5px; padding: 0 7px; margin-right: 10px; } .icon-type-wrapper .icon { color: #fff; font-size: 30px; } .company-name { margin-bottom: 70px; } .company-details-view-content { width: 100%; @media ( min-width: 576px ) { max-width: 80%; } .has-switch-toggle { h3.company-details-view-content-form-title:first-child { margin-bottom: 30px; } h3.company-details-view-content-form-title:not(:first-child) { font-weight: 500; } .form-field.has-toggle-form-field { padding-bottom: 6px !important; } } } .company-details-view-content-form { .form-field { margin-bottom: 6px; &.has-toggle-form-field label .icon-info-shape { .icon-q-mark { top: -2px; position: relative; padding-top: 4px; } &[data-placement="top"] .icon-info-text { top: auto; bottom: 35px; } } } .form-field textarea.form-input { height: 128px !important; } } .company-details-view-content-form-title { /* font-family: "PT Sans"; */ font-size: 18px; line-height: calc(22/18); letter-spacing: -0.02em; display: flex; align-items: center; text-transform: capitalize; color: var(--text-color-new); margin-bottom: 25px; } h3.company-details-view-content-form-title { font-weight: 600; } h4.company-details-view-content-form-title { font-weight: 400; } .company-details-view-content-buttons { /* border-top: 1px solid rgba(204, 204, 204, 0.4); */ padding-top: 16px; padding-bottom: 0; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px; margin-top: -38px; } .company-details-view-content-form { margin-bottom: 30px; position: relative; padding-bottom: 0; height: 100%; &:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; /* thickness of the border */ width: 100%; background: linear-gradient(to right, #BE2DE6, #6F0F8A); } } .company-details-view-content-left, .company-details-view-content-right { max-width: 490px; padding-bottom: 50px; } @media screen and (max-width: 413px) { .results-open { gap: 49px; } } @media screen and (max-width: 392px) { .results-open { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .proioriterade-tgrder-parent { display: flex; gap: 10px; } .proioriterade-tgrder-parent .icon-info { position: relative; top: -2px; } @media (max-width: 767px) { .form-field .form-input, .form-field .form-input.select2-selection--single { padding-left: 10px; padding-right: 10px; } .form-field select.form-input { padding-right: 52px; } } .segmented-bar-container { width: 100%; box-sizing: border-box; position: relative; display: flex; gap: 7px; margin-bottom: 15px; } .segmented-bar-total { width: 105px; height: 101px; text-align: center; background-color: #f2f5f5; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding-inline: 10px; } .segmented-bar-total-value { font-size: 46px; line-height: 1; font-weight: 600; } .segmented-bar-total-label { font-size: 10px; line-height: calc(12 / 10); font-weight: 400; text-transform: uppercase; } .segmented-bar { display: flex; height: 18px; border-radius: 4px 0 0 4px; overflow: hidden; background: #e0e0e0; margin-bottom: 0 !important; flex: 1; width: 100%; gap: 1px; } .segment { height: 100%; } .segmented-bar-labels .label { text-align: left; font-weight: 400; padding-left: 2px; font-size: 12px; line-height: calc(17/12); letter-spacing: -0.01em; color: #000 !important; } .segmented-bar-labels { display: flex; flex: 1; width: 100%; } .segmented-bar-line { flex: 1; background-color: #f2f5f5; display: flex; align-items: center; flex-direction: column; padding: 27px 25px 22px; border-radius: 6px; gap: 4px; } .supplier_company { .select2-selection.select2-selection--multiple[role="combobox"]{ border: 0; background-color: transparent; position: relative; top: 0; .select2-search--inline .select2-search__field { margin-top: 0; height: auto; } } } .supplier-detail-edit { .supplier-company-name { font-size: 20px; line-height: calc(24/20); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); font-weight: 500; font-family: var(--fontfamilyvis); padding: 10px 20px 20px; } } .toggle-side-menu { position: fixed; top: 80%; left: 56px; width: 32px; height: 32px; background-color: #f2f5f5; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15)); transform: rotate(-90deg); font-size: 20px; cursor: pointer; z-index: 1000; } .side-menu-label { display: none; } body { &.side-menu-open { .side-menu { width: 260px; flex: none; overflow: hidden; } .toggle-side-menu { left: 244px; transform: rotate(90deg); } .side-menu-label { display: inline-block; } } } .max-w-50 { max-width: 50px; &.sorting_asc, &.sorting_1 { /* max-width: 75px; */ } } .max-w-65 { max-width: 65px; } .max-w-200 { max-width: 200px; } .max-w-250 { max-width: 250px; } .max-w-30per{ max-width: 30%; } .max-w-25per{ max-width: 25%; } .score-td, .trend-td { max-width: 100px; } .btn-close-subunit-edit-button { position: absolute; width: 20px; height: 20px; border-radius: 50%; padding: 0; right: 22px; top: 22px; border: 0; display: inline-flex; justify-content: center; align-items: center; .icon { font-size: 12px; color: #101820; } } .modal-confirm-message-all { .modal-content { border-radius: 8px; background-color: var(--white); } .modal-body { padding: 20px; } .btn-close { position: absolute; right: 20px; background-color: var(--lightgrey); } .modal-response-message-container { display: flex; flex-direction: column; gap: 30px; .modal-response-heading { font-size: 24px; font-weight: 600; line-height: 120%; margin-bottom: 15px; } .modal-response-message { font-size: 18px; line-height: 140%; font-family: var(--fontfamilyvis); font-weight: 400; color: #101820; margin-bottom: 0; letter-spacing: 0; } } .buttons-container { display: flex; gap: 10px; justify-content: flex-end; } .modal-body .buttons-container button { padding: 10px; font-size: 14px; &.btn-outline { font-family: var(--fontfamilywork); font-weight: 600; font-size: 14px; letter-spacing: -0.01em; color: var(--text-color-new); background-color: transparent; } } } .modol-body { ul, ol { margin-left: 17px; padding-left: 0; } ul > li { list-style: disc; } ol > li { list-style: decimal; } } .gap-6 { gap: 6px; } .gap_4 { gap: 4px; } .gap_5 { gap: 5px; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .pt-10 { margin-top: 10px; } .pt-20 { margin-top: 20px; } .pt-30 { margin-top: 30px; } .pb-10 { margin-bottom: 10px; } .pb-20 { margin-bottom: 20px; } .pb-30 { margin-bottom: 30px; } .min-w-283 { max-width: 283px; } .company-name-detail { font-family: var(--fontfamilyvis); font-weight: 500; font-size: 20px; line-height: calc(24/20); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); padding: 10px 20px 20px; color: var(--black); } .modal-content .modal-body { .form-field textarea.form-input { resize: vertical !important; min-height: 100px !important; overflow-y: auto !important; appearance: unset; } } @media all and (min-width: 768px) { .col-sm-6 { &.company-details-view-content-left { padding-right: 25px; } &.company-details-view-content-right { padding-left: 25px; } } } .chart-container { align-items: flex-end; } @media( max-width: 991px ) { header { flex-wrap: wrap; } .nav { width: 100%; flex: 0 0 100%; justify-content: center; order: 1; margin-top: 10px; } .table-wrapper { overflow: hidden; overflow-x: auto; } } @media( max-width: 767px ) { .main-nav { width: 100%; } header { padding: 10px; .navbar-nav { overflow: hidden; overflow-x: auto; li { flex: 1; white-space: nowrap; } } } .main-content { position: relative; .side-menu { width: 50px; flex: 0 0 50px;; position: absolute; z-index: 100; height: 100%; left: 0; bottom: 0; top: 0; ul { padding: 50px 5px 0 0; position: fixed; width: 50px; } } } .side-menu ul li { padding: 8px 12px; } .toggle-side-menu { top: 116px; left: 8px; } body { &.side-menu-open { .toggle-side-menu { left: 130px; } .side-menu { width: 180px; } } } .table-wrapper table thead tr, .table-wrapper table tbody tr { width: 120%; } .content-wrapper { padding: 5px 5px 5px 55px; } .tabs-navs { flex-direction: column; align-items: flex-start; } .white-card-head { &.small-screen-flex-column { flex-direction: column; gap: 15px; } &.small-screen-flex-row { flex-direction: row; } } .md-flex-wrap { flex-wrap: wrap; } .header-fixed { height: 120px; } .question-answer .qn-toggle-icon { right: 40px; top: 10px; } .filter-section { flex-wrap: wrap; } .segmented-bar-container { flex-direction: column; } .segment { height: 18px; } .table-wrapper table tr td { padding: 10px 5px; } .table-wrapper table tr th { padding-inline: 5px; } .first-field-max-w-75 { &:has(.max-w-50) { tr td:not(.no_data):first-child { max-width: 30px; } } } .company-details-view-content-buttons { flex-wrap: wrap; padding-top: 0; } } @media( max-width: 575px ) { .sm-flex-wrap { flex-wrap: wrap; } .max-w-356, .sub-white-card.bg-grey, .scoreboard, .max-w-356, .white-card { width: 100%; max-width: 100%; } .header-right .user-name { width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table-wrapper table thead tr, .table-wrapper table tbody tr { width: 150%; } .content-wrapper .tab-title { padding: 10px; } .tab-pane .tab-title + .gap-20 { gap: 0; .white-card { margin-bottom: 5px; padding: 15px; } } .notification-message { padding: 12px 10px; } .segmented-bar-line { padding: 10px; } .sub-white-card-small { flex-direction: column; } .modal-body-with-progressbar { + .select2-container .select2-dropdown--below { width: 300px !important; } } .progress-bar-content { flex-direction: column; gap: 0; } .modal-body .modal-title .icon-info-shape { display: block; top: -12px; left: 5px; } .modal-body .icon-info-shape .icon-info-text { transform: translateX(-20px); } .icon-info-shape { &[data-placement="bottom"] { & .icon-info-text { &:before { left: 16px; } } } } .icon-info-shape { &[data-placement="bottom"] { .icon-info-text { transform: translateX(-20px); } } } .form-field-with-tooltip { .form-label + .icon-info-shape { &[data-placement="bottom"] { display: block; top: -13px; & .icon-info-text { &:before { /* left: 16px; */ } } } } } .modal-dialog:has(.modal-body-with-progressbar) { .modal-footer { padding-top: 0; } } } /* page-maintenance */ .page-maintenance .landing_page, .page-maintenance .header-right-wrapper { display: none !important; } .maintenance_page { display: none; } .page-maintenance { .maintenance_page { background-color: var(--lightpink); height: 100%; overflow: hidden; display: block; } .maintenance_block { height: calc(100% - 20px); position: relative; background-color: var(--purple); } .maintenance_container { display: flex; justify-content: center; padding-block: 100px; height: 100%; } .maintenance_content { color: #fff; max-width: 960px; text-align: center; p { font-size: 30px; } } .svgs_icons { display: flex; gap: 10px; justify-content: center; align-items: flex-end; svg path { fill: #fff; } } } .form-login + .notification-content { display: none; } .page-maintenance-new { .form-login + .notification-content { display: block; } .landing_container { .lb_contents .form-login, .lb_contents-form .login-caption, .lb_contents-form h2 { display: none; } } .d-block { display: block; } .notification-content p { margin: 0; } .lb_contents-form { padding: 25px; min-height: 400px; } .landing-contactus, .language-selector { pointer-events: none; } }