/* Minification failed. Returning unminified contents. (2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (35,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (48,49): run-time error CSS1046: Expect comma, found '0' (48,53): run-time error CSS1046: Expect comma, found '/' (50,41): run-time error CSS1046: Expect comma, found '0' (50,45): run-time error CSS1046: Expect comma, found '/' (59,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (62,52): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (65,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (69,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (85,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (88,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (89,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (94,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (95,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (100,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (101,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (105,21): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (109,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (113,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (116,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (147,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (149,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (153,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (168,24): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (169,49): run-time error CSS1046: Expect comma, found '0' (169,53): run-time error CSS1046: Expect comma, found '/' (171,41): run-time error CSS1046: Expect comma, found '0' (171,45): run-time error CSS1046: Expect comma, found '/' (178,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (184,24): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (185,31): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (186,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (195,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (200,24): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (201,31): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (202,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (205,52): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (208,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (211,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (212,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (219,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (227,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (242,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (249,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (250,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (253,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (254,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (257,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (263,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (273,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (279,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (282,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (309,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (321,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (332,31): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (333,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (336,21): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (339,52): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (342,21): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (346,32): run-time error CSS1039: Token not allowed after unary operator: '-fourth-background-color' (349,36): run-time error CSS1039: Token not allowed after unary operator: '-third-background-color' (352,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (357,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (367,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (374,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (380,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (383,23): run-time error CSS1038: Expected hex color, found '#fff0' (389,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (392,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (396,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (412,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (413,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (417,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (418,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (444,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (445,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (452,25): run-time error CSS1046: Expect comma, found '0' (452,29): run-time error CSS1046: Expect comma, found '/' (464,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (471,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (476,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (486,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (492,31): run-time error CSS1046: Expect comma, found '193' (492,39): run-time error CSS1046: Expect comma, found '/' (495,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (498,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (506,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (507,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (509,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (514,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (515,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (518,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (519,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (522,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (523,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (528,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (531,24): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (535,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (544,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (552,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (557,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (562,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (567,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (572,17): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (577,17): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (588,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (591,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (596,17): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (606,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (621,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (631,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (656,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (663,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (664,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (668,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (671,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (674,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (675,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (680,25): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (682,23): run-time error CSS1038: Expected hex color, found '#fff0' (686,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (688,23): run-time error CSS1038: Expected hex color, found '#fff0' (692,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (695,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (698,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (699,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (701,23): run-time error CSS1038: Expected hex color, found '#fff0' (708,25): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (711,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (714,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (715,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (725,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (726,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (729,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (731,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (732,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (733,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (734,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (735,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (738,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (739,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (740,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (741,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (742,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (745,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (746,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (747,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (748,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (749,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (752,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (753,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (754,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (755,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (756,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (759,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (761,31): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (762,29): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (763,30): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (764,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (765,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (768,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (769,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (772,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (781,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (794,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (799,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (800,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (804,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (808,32): run-time error CSS1039: Token not allowed after unary operator: '-third-button-color' (809,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (817,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (818,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (822,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (823,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (824,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (827,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (830,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (833,28): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (836,24): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (839,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (842,24): run-time error CSS1039: Token not allowed after unary operator: '-fst-border-color' (848,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (852,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (875,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (878,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (881,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (884,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (896,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (911,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (912,37): run-time error CSS1046: Expect comma, found '0' (912,41): run-time error CSS1046: Expect comma, found '/' (920,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (947,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (950,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (951,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (954,17): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (958,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (961,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (968,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (975,31): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (976,29): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (977,30): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (978,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (979,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (980,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (983,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (986,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (989,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1003,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1005,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1008,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1010,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1025,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1028,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1032,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1038,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1044,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1050,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1058,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1061,16): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1066,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1067,31): run-time error CSS1046: Expect comma, found '220' (1067,39): run-time error CSS1046: Expect comma, found '/' (1070,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1073,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1079,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1080,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1081,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1084,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1085,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1088,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1091,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1094,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1097,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1100,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1107,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1109,28): run-time error CSS1039: Token not allowed after unary operator: '-other-color' (1112,39): run-time error CSS1046: Expect comma, found '0' (1112,43): run-time error CSS1046: Expect comma, found '/' (1115,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1116,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1120,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1121,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1125,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1132,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1135,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1136,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1141,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1147,28): run-time error CSS1039: Token not allowed after unary operator: '-other-color' (1152,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1153,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1157,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1160,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1161,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1165,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1170,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1189,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1192,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1195,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1198,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1204,35): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1209,41): run-time error CSS1046: Expect comma, found '0' (1209,45): run-time error CSS1046: Expect comma, found '/' (1212,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1215,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1222,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1227,21): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (1230,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1235,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1238,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1244,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1245,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1259,38): run-time error CSS1046: Expect comma, found '0' (1259,42): run-time error CSS1046: Expect comma, found '/' (1264,45): run-time error CSS1046: Expect comma, found '0' (1264,49): run-time error CSS1046: Expect comma, found '/' (1312,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1323,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1329,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1346,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1364,17): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1375,36): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (1390,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-alert-color' (1392,28): run-time error CSS1039: Token not allowed after unary operator: '-third-alert-color' (1393,28): run-time error CSS1039: Token not allowed after unary operator: '-third-alert-color' (1399,21): run-time error CSS1039: Token not allowed after unary operator: '-scnd-alert-color' (1413,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1414,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1415,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1419,28): run-time error CSS1039: Token not allowed after unary operator: '-third-alert-color' (1425,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-alert-color' (1426,28): run-time error CSS1039: Token not allowed after unary operator: '-third-alert-color' (1427,24): run-time error CSS1039: Token not allowed after unary operator: '-third-alert-color' (1430,21): run-time error CSS1039: Token not allowed after unary operator: '-scnd-alert-color' (1435,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1436,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1437,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1440,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1459,17): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (1460,31): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1465,21): run-time error CSS1039: Token not allowed after unary operator: '-pivot-color' (1474,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1480,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1481,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1485,49): run-time error CSS1046: Expect comma, found '0' (1485,53): run-time error CSS1046: Expect comma, found '/' (1487,41): run-time error CSS1046: Expect comma, found '0' (1487,45): run-time error CSS1046: Expect comma, found '/' (1496,34): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1504,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1516,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1517,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1520,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1526,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1529,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1532,24): run-time error CSS1039: Token not allowed after unary operator: '-fst-border-color' (1533,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1539,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1540,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1543,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1544,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1547,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1550,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1553,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1559,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1562,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1563,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1566,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1569,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1573,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1574,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1577,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1581,28): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1584,21): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1587,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1590,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1593,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1596,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1606,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1607,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1614,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1618,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1621,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1625,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1626,48): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1627,40): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1630,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1633,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1637,35): run-time error CSS1046: Expect comma, found '0' (1637,39): run-time error CSS1046: Expect comma, found '/' (1637,64): run-time error CSS1046: Expect comma, found '0' (1637,68): run-time error CSS1046: Expect comma, found '/' (1647,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1650,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1653,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1656,25): run-time error CSS1046: Expect comma, found '0' (1656,29): run-time error CSS1046: Expect comma, found '/' (1659,68): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1660,60): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1663,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1666,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1667,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1670,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1673,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1674,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1681,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1687,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1690,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1691,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1694,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1697,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1698,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1701,49): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1702,41): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1711,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1714,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (1718,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1724,63): run-time error CSS1046: Expect comma, found '0' (1724,67): run-time error CSS1046: Expect comma, found '/' (1731,35): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1734,40): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1735,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1738,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1741,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1745,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1748,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1749,38): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1752,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1753,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1756,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1759,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1762,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1765,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1768,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1771,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1776,25): run-time error CSS1046: Expect comma, found '0' (1776,29): run-time error CSS1046: Expect comma, found '/' (1779,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1782,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1783,38): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1786,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1789,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1792,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1793,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1796,32): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1797,24): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (1803,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1807,25): run-time error CSS1046: Expect comma, found '0' (1807,29): run-time error CSS1046: Expect comma, found '/' (1814,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1817,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1820,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1823,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1824,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1827,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1830,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1836,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1837,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1846,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1847,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1852,21): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1855,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1856,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1860,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1861,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1864,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1867,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1870,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1884,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1885,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1890,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1891,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1894,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1895,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1898,31): run-time error CSS1046: Expect comma, found '193' (1898,39): run-time error CSS1046: Expect comma, found '/' (1904,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1907,24): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1910,46): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1911,38): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1914,39): run-time error CSS1046: Expect comma, found '0' (1914,43): run-time error CSS1046: Expect comma, found '/' (1917,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (1926,39): run-time error CSS1046: Expect comma, found '0' (1926,43): run-time error CSS1046: Expect comma, found '/' (1954,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1957,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1958,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1961,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1964,17): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (1967,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1968,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1969,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1972,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1975,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (1976,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1979,31): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1980,29): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1981,30): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (1982,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (2035,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-alert-color' (2051,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (2055,37): run-time error CSS1046: Expect comma, found '0' (2055,41): run-time error CSS1046: Expect comma, found '/' (2058,41): run-time error CSS1046: Expect comma, found '0' (2058,45): run-time error CSS1046: Expect comma, found '/' (2061,45): run-time error CSS1046: Expect comma, found '0' (2061,49): run-time error CSS1046: Expect comma, found '/' (2092,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (2143,28): run-time error CSS1039: Token not allowed after unary operator: '-other-color' (2358,52): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (2409,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (2422,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (2460,22): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (3039,25): run-time error CSS1046: Expect comma, found '0' (3039,29): run-time error CSS1046: Expect comma, found '/' (3042,29): run-time error CSS1046: Expect comma, found '0' (3042,33): run-time error CSS1046: Expect comma, found '/' (3045,36): run-time error CSS1046: Expect comma, found '0' (3045,40): run-time error CSS1046: Expect comma, found '/' (3048,29): run-time error CSS1046: Expect comma, found '0' (3048,33): run-time error CSS1046: Expect comma, found '/' (3064,37): run-time error CSS1046: Expect comma, found '0' (3064,41): run-time error CSS1046: Expect comma, found '/' (3068,25): run-time error CSS1046: Expect comma, found '0' (3068,29): run-time error CSS1046: Expect comma, found '/' (3074,25): run-time error CSS1046: Expect comma, found '0' (3074,29): run-time error CSS1046: Expect comma, found '/' (3079,29): run-time error CSS1046: Expect comma, found '0' (3079,33): run-time error CSS1046: Expect comma, found '/' (3087,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (3115,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (3120,46): run-time error CSS1046: Expect comma, found '28' (3120,52): run-time error CSS1046: Expect comma, found '/' (3121,38): run-time error CSS1046: Expect comma, found '28' (3121,44): run-time error CSS1046: Expect comma, found '/' (3124,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (3126,48): run-time error CSS1046: Expect comma, found '28' (3126,54): run-time error CSS1046: Expect comma, found '/' (3127,40): run-time error CSS1046: Expect comma, found '28' (3127,46): run-time error CSS1046: Expect comma, found '/' (3150,25): run-time error CSS1046: Expect comma, found '0' (3150,29): run-time error CSS1046: Expect comma, found '/' (3156,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (3157,28): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (3160,28): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (3163,28): run-time error CSS1039: Token not allowed after unary operator: '-other-color' (3166,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (3185,17): run-time error CSS1039: Token not allowed after unary operator: '-imagen-button-color' (3190,5): run-time error CSS1030: Expected identifier, found '.' (3190,68): run-time error CSS1031: Expected selector, found ')' (3190,68): run-time error CSS1025: Expected comma or open brace, found ')' (3194,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (3197,28): run-time error CSS1039: Token not allowed after unary operator: '-fourth-alert-color' (3225,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-background-color' (3228,28): run-time error CSS1039: Token not allowed after unary operator: '-scnd-theme-color' (3415,17): run-time error CSS1039: Token not allowed after unary operator: '-main-text-color' (3434,25): run-time error CSS1046: Expect comma, found '0' (3434,29): run-time error CSS1046: Expect comma, found '/' (3440,25): run-time error CSS1046: Expect comma, found '0' (3440,29): run-time error CSS1046: Expect comma, found '/' (3446,29): run-time error CSS1046: Expect comma, found '0' (3446,33): run-time error CSS1046: Expect comma, found '/' (3473,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (3475,25): run-time error CSS1046: Expect comma, found '0' (3475,29): run-time error CSS1046: Expect comma, found '/' (3479,25): run-time error CSS1046: Expect comma, found '0' (3479,29): run-time error CSS1046: Expect comma, found '/' (6345,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6349,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6361,28): run-time error CSS1039: Token not allowed after unary operator: '-other-color' (6365,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6368,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6371,32): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6375,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6397,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6424,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6457,32): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6458,47): run-time error CSS1046: Expect comma, found '0' (6458,51): run-time error CSS1046: Expect comma, found '/' (6459,39): run-time error CSS1046: Expect comma, found '0' (6459,43): run-time error CSS1046: Expect comma, found '/' (6470,36): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6481,25): run-time error CSS1046: Expect comma, found '0' (6481,29): run-time error CSS1046: Expect comma, found '/' (6499,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6553,17): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6555,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6563,21): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color' (6605,22): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6612,37): run-time error CSS1046: Expect comma, found '0' (6612,41): run-time error CSS1046: Expect comma, found '/' (6621,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6637,43): run-time error CSS1046: Expect comma, found '0' (6637,47): run-time error CSS1046: Expect comma, found '/' (6638,35): run-time error CSS1046: Expect comma, found '0' (6638,39): run-time error CSS1046: Expect comma, found '/' (6669,25): run-time error CSS1046: Expect comma, found '0' (6669,29): run-time error CSS1046: Expect comma, found '/' (6693,17): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6701,28): run-time error CSS1039: Token not allowed after unary operator: '-main-theme-color' (6734,41): run-time error CSS1046: Expect comma, found '0' (6734,45): run-time error CSS1046: Expect comma, found '/' (6738,45): run-time error CSS1046: Expect comma, found '0' (6738,49): run-time error CSS1046: Expect comma, found '/' (6792,25): run-time error CSS1046: Expect comma, found '0' (6792,29): run-time error CSS1046: Expect comma, found '/' (6802,31): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6803,29): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6804,30): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6805,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6806,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6832,37): run-time error CSS1046: Expect comma, found '0' (6832,41): run-time error CSS1046: Expect comma, found '/' (6886,25): run-time error CSS1046: Expect comma, found '0' (6886,29): run-time error CSS1046: Expect comma, found '/' (6889,25): run-time error CSS1046: Expect comma, found '0' (6889,29): run-time error CSS1046: Expect comma, found '/' (6899,31): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6900,29): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6901,30): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6902,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6903,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6955,37): run-time error CSS1046: Expect comma, found '0' (6955,41): run-time error CSS1046: Expect comma, found '/' (6963,37): run-time error CSS1046: Expect comma, found '0' (6963,41): run-time error CSS1046: Expect comma, found '/' (6972,31): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6973,29): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6974,30): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6975,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (6976,28): run-time error CSS1039: Token not allowed after unary operator: '-third-theme-color' (7079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7095,21): run-time error CSS1039: Token not allowed after unary operator: '-font-main' (7096,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-blue' (7172,20): run-time error CSS1039: Token not allowed after unary operator: '-white-10' (7174,26): run-time error CSS1039: Token not allowed after unary operator: '-white-20' (7182,20): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7184,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7205,15): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7227,20): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7258,31): run-time error CSS1046: Expect comma, found '255' (7258,38): run-time error CSS1046: Expect comma, found ')' (7285,20): run-time error CSS1039: Token not allowed after unary operator: '-white-10' (7287,26): run-time error CSS1039: Token not allowed after unary operator: '-white-20' (7303,20): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7310,15): run-time error CSS1039: Token not allowed after unary operator: '-accent-amber' (7332,20): run-time error CSS1039: Token not allowed after unary operator: '-white-10' (7334,26): run-time error CSS1039: Token not allowed after unary operator: '-white-20' (7343,20): run-time error CSS1039: Token not allowed after unary operator: '-white-20' (7366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7373,21): run-time error CSS1039: Token not allowed after unary operator: '-font-main' (7443,15): run-time error CSS1039: Token not allowed after unary operator: '-text-orange' (7481,15): run-time error CSS1039: Token not allowed after unary operator: '-text-orange' */ :root { --main-theme-color: #2ba0ef; --scnd-theme-color: #1269b0; --third-theme-color: #fca100; --main-text-color: #515151; --scnd-text-color: #2470e3; --imagen-button-color: #a5a5a7; --scnd-button-color: #909EB8; --third-button-color: rgb(59, 89, 152); --pivot-color: #cdd1fb; --other-color: #e6e6e6; --main-background-color: #FFFFFF; --scnd-background-color: #eed3d7; --fst-border-color: #27b506; --fst-alert-color: #000000; --scnd-alert-color: #b94a48; --third-alert-color: #EED3D7; --fourth-alert-color: #F2DEDE; --fst-notif-color: #01102b; } body{ font-family: sans-serif !important; } #home { background-color: #f5f5f5; } #headerAppNameDiv { background-color: var(--third-theme-color); transition: .5s; } #headerAppNameDiv span { font-size: 12px; font-family: sans-serif; color: var(--main-background-color); } .cabeceraMain { width: 100%; margin: 0; top: 0; z-index: 80; box-sizing: content-box; display: flex; flex-direction: row; justify-content: space-between; background-image: linear-gradient(101deg, #2ba0ef 0%, #1269b0 41%, #fca100 100%); background-color: #ffffff !important; -webkit-box-shadow: 0px 0px 13px -2px rgb(0 0 0 / 22%); -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.22); box-shadow: 0px 0px 13px -2px rgb(0 0 0 / 22%); } .logoMain .header-logo { height: auto; } .loginMain { margin-right: 20px; } #divApplicationChange #select-app-popup { background-color: var(--main-background-color); } #divApplicationChange #select-app-popup:before { border-color: transparent transparent var(--main-background-color) transparent; } #divApplicationChange li span{ color: var(--main-text-color); } #divApplicationChange #select-app-popup-title, #divApplicationChange #select-app-popup-title { background-color: var(--main-theme-color); } #menu { width: 96%; height: 200px; /*max-height: 60px;*/ border-radius: 0; /*overflow: hidden;*/ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } #menu li div ul li.more-menu-item a:hover { color: var(--main-theme-color); } #menu > li.k-item { color: var(--main-background-color); border-color: var(--main-theme-color); margin: 0 0; border-radius: 50px; } #menu > li.k-item { color: var(--main-background-color); border-color: var(--main-theme-color); margin: 0 0; border-radius: 50px; } #menu>li.k-item#menu_mn_active { color: var(--main-background-color); background-color: var(--third-theme-color); transition: 0.5s; } #menu > .k-state-default > .k-state-active { color: var(--scnd-theme-color); transition: 0.5s; } #menu > li.k-item > .k-link:hover { color: var(--main-background-color) !important; border-radius: 0; } .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-hover, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-state-hover, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-state-hovered, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item:hover { background-color: var(--third-theme-color); } .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item .k-link.k-menu-link.k-active{ background-color: var(--third-theme-color); border-radius: 50px !important; } /****ESTILOS BUSCADOR APLICACIÓN***/ .search-box { display: none; width: 204px; height: 30px; padding-top: 0; padding-right: 0; margin-top: 2px; background-color: #e5e4e4; border: 1px solid #ededed; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .header-search .search-text { width: auto; height: auto; color: #989b9f; padding-top: 0; background: transparent; } .search-box>.icon { width: 30px; height: 30px; cursor: pointer; margin: 0; float: revert; color: var(--imagen-button-color); font-size: 15px; background-color: var(--main-theme-color); border-radius: 50px; } .search-box>.icon .fa-search{ color: var(--main-background-color); font-weight: 100; display: flex; justify-content: center; align-items: center; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } /****/ .\!k-bg-primary { background-color: #0b539400 !important; } .k-menu .k-group { border-color: var(--main-background-color); -webkit-box-shadow: 0px 0px 12px -1px rgb(0 0 0 / 32%); -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.32); box-shadow: 0px 0px 12px -1px rgb(0 0 0 / 32%); } .k-menu-item { display: block; } .k-popup.k-list-container { border: 1px solid var(--main-background-color); } #builtin-app-popup { width: 275px; margin-top: 10px; margin-right: 1px; border-color: var(--main-background-color); border-bottom-color: var(--main-background-color); background-color: var(--main-background-color); } #builtin-app-popup:before { left: 200px; } #builtin-app-popup:after { left: 200px; } .builtin-app-list-item a, .user-options-popup-list-item a{ color: var(--main-text-color); } #user-options-popup { margin-top: 12px; margin-right: 8px; border-color: var(--main-background-color); border-bottom-color: var(--main-background-color); background-color: var(--main-background-color); } #builtin-app-popup:before, #user-options-popup:before { border-color: transparent transparent var(--main-background-color) transparent; } #login .header-tool .k-icon { color: var(--main-background-color); } #login .header-tool .k-icon:hover { color: var(--main-background-color); background-color: var(--third-theme-color); border-radius: 5px; } #user-options-image-button, #builtin-app-image-button, #notificationCountDiv i { font-size: 1.5em; } #builtin-app-image-button, #user-options-image-button { color: var(--scnd-theme-color); top: 2px; } .fa, .fas { font-weight: 900; color: var(--main-theme-color); } #notificationCountDiv i { color: var(--scnd-theme-color); top: 2px; } .contenedorMain { display: block; } #centralContainer.top-area #work-area{ margin: 0 20px 0 20px; } /**estilos mostrar y ocultar menu vertical con hover**/ #left-area .k-panelbar .k-link, #right-area .k-panelbar .k-link{ padding: 5px; color: #999999 !important; background-color: var(--main-background-color) !important; border: 0 !important; } #left-area .k-panelbar> .k-panelbar-item> .k-link.k-selected> .k-panelbar-item-text, #right-area .k-panelbar> .k-panelbar-item> .k-link.k-selected> .k-panelbar-item-text { color: #999999; } #left-area .k-panelbar .k-link.k-hover, #right-area .k-panelbar .k-link.k-hover{ color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; } #left-area .k-panelbar .k-level-0.k-expanded .k-link, #right-area .k-panelbar .k-level-0.k-expanded .k-link{ color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; } #left-area .k-panelbar .k-level-0.k-expanded .k-link .k-panelbar-item-text, #right-area .k-panelbar .k-level-0.k-expanded .k-link .k-panelbar-item-text{ color: var(--main-background-color) !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1{ border-bottom: 1px solid #dfdfdf !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link{ background-color: var(--main-background-color) !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link .k-panelbar-item-text, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link .k-panelbar-item-text{ color: #999999 !important; margin-left: 15px; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link:hover, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link:hover{ background-color: #88c8f3 !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link:hover .k-panelbar-item-text, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link:hover .k-panelbar-item-text{ color: var(--main-background-color) !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link.k-selected, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link.k-selected{ background-color: #88c8f3 !important; } #left-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link.k-selected .k-panelbar-item-text, #right-area .k-panelbar .k-panelbar-group .k-panelbar-item.k-level-1 .k-link.k-selected .k-panelbar-item-text{ color: var(--main-background-color) !important; } #left-area .k-panelbar .k-panelbar-group .k-link .k-panelbar-item-text, #right-area .k-panelbar .k-panelbar-group .k-link .k-panelbar-item-text{ color: var(--main-text-color) !important; } /*#left-area{ width: 0; overflow: hidden; } #centralContainer::before { display: flex; position: absolute; content: url(/BUILD/TEST/APP/Content/themes/default/images/Menu/Icon-home.png); transform: scale(0.8); } #centralContainer:hover> #left-area{ width: auto; }*/ /**Termina estilos mostrar y ocultar menu vertical con hover**/ /*AJUSTES NAVBAR VERTICAL*/ .left-area .vertical-area{ background-color: #fff; } .left-area .vertical-area .k-panelbar-item{ border-top-width: 0; border-bottom: 1px solid #e3dede !important; margin-bottom: 0; padding: 0 !important; } .left-area .vertical-area .k-panelbar-item .k-level-1, .left-area .vertical-area .k-panelbar-item .k-level-2{ background-color: var(--main-background-color); } .left-area .vertical-area .k-panelbar-item .k-svg-icon{ color: #424242 !important; } .left-area .vertical-area .k-panelbar-item .k-link.k-selected.k-hover .k-panelbar-item-text, .right-area .vertical-area .k-panelbar-item .k-link.k-selected.k-hover .k-panelbar-item-text{ color: #fff !important; } #centralContainer.left-area #work-area, #centralContainer.right-area #work-area { padding: 0; } .k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected:hover{ background-color: var(--scnd-theme-color); } /*TERMINA AJUSTES NAVBAR VERTICAL*/ /***estilos para evitar que el work area se amplie al modificar los anchos de las columnas de un grid**/ .left-area.work-area .layout-area{ overflow: auto; overflow-x: hidden; } .notificationPopup { margin-top: 8px; margin-right: 9px; border-bottom-color: var(--main-background-color); color: var(--main-background-color); } .notificationPopup span { color: var(--imagen-button-color); } .notificationPopup:before { border-color: transparent transparent var(--main-background-color); } .notificationPopup .notificationList li { color: var(--imagen-button-color); padding: 15px; font-size: 14px; overflow-wrap: break-word; background-color: var(--fourth-background-color); } .notificationPopup .notificationList li:hover { background-color: var(--third-background-color); } .notificationIcon { background-color: var(--scnd-theme-color) !important; } .notificationItem:hover, .notificationItemNew:hover, .notificationItemViewMore:hover { background-color: var(--main-theme-color); } .notification-alert { background-color: rgba(126, 62, 151, 0.7019607843137254); } .notification-alert .notification-alert-span-1 { background-image: url(/Content/themes/default/Images/Common/notifIcon.png); background-repeat: no-repeat; } .search-shortcut { color: var(--main-theme-color); } .m-right-div2 input { margin-bottom: 3px; } .k-textarea { border-color: #8EBBCE !important; background-color: var(--main-background-color) !important; } .k-textarea:hover { /*border-color: var(--fst-border-color) !important;*/ } .k-widget .k-window-titlebar .k-window-actions .k-window-action{ color: var(--main-background-color) !important; } .k-block, .k-widget { background-color: #fff0; } .action-no-caption:hover { cursor: pointer; } .msj_advert .header span, .msj_information .header span, #msj_popUpSessionTimeout.msj_error .header span, .actioncall-proyectar, .actioncall-proyectar_obdu, .atcall-fnd, .tg th { background-color: var(--main-theme-color); } .msj_advert, .msj_information { border-color: var(--main-theme-color); } h2 { font-size: 20px; color: var(--scnd-theme-color); margin-top: 0; padding-top: 0; margin-bottom: 2px; } .create_m_main .k-editor .k-editable-area.k-editor-content{ overflow-y: initial; } .k-editor .k-editor-toolbar .k-button-group .k-button { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #f5f5f5; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .k-editor .k-editor-toolbar .k-button-group .k-button:hover { border-color: rgba(0, 0, 0, 0.08); color: var(--main-background-color) !important; background-color: var(--main-theme-color); } .k-editor .k-editor-toolbar .k-button-group .k-button.k-selected { border-color: rgba(0, 0, 0, 0.08); color: var(--main-background-color); background-color: var(--main-theme-color); } .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-hover, .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-state-hover, .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button.k-state-hovered, .k-dropdownlist.k-picker.k-picker-md.k-rounded-md.k-picker-solid .k-input-button:hover { background-image: linear-gradient(#2ba0ef, #2ba0ef); } .k-toolbar-tool .k-combobox .k-input-button { border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #f5f5f5; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); border-radius: 0 !important; } .k-toolbar-tool .k-combobox .k-input-button:hover { border-color: rgba(0, 0, 0, 0.08); color: #424242 !important; background-color: #f5f5f5; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); border-radius: 0 !important; } .k-editor-toolbar .k-button { color: #424242; background-color: #f5f5f5; border-radius: 0 !important; } .k-editor-toolbar .k-button:hover { border-color: rgba(0, 0, 0, 0.08); color: var(--main-background-color) !important; background-color: var(--scnd-theme-color); } .fieldlist { list-style: none; } .k-toolbar { /*color: var(--main-background-color);*/ border-color: rgb(0 0 0 / 0%); background-color: #f6f6f600; } .attribute-container .attribute-toolbar{ gap: 0; border-radius: 4px; /*padding-right: 0;*/ } .attribute-container .k-toolbar-md { padding-inline: 15px; } .k-grid-exporttopdf, .k-grid-exporttoexcel{ color: var(--main-background-color); background-image: linear-gradient(to right, #394784 0%, #8ebbce 51%, #394784 100%); background-size: 200% auto; background-position: right; transition: .5s; } .k-grid-exporttopdf:hover, .k-grid-exporttoexcel:hover{ color: var(--main-background-color); background-position: left center; transition: .5s; } .k-grid-deletefiltered { color: var(--main-text-color) !important; border-color: transparent; padding: 6px 20px 6px 20px; background-image: linear-gradient(to right, #b8b7b7 0%, #f0eded 51%, #b8b7b7 100%) !important; border: 1px transparent; background-size: 200% auto; background-position: right; transition: .5s; } .k-grid-deletefiltered:hover { color: var(--main-text-color) !important; background-position: left center !important; border: 1px transparent; transition: .5s; } .k-grid td.k-selected, .k-grid tr.k-selected > td { background-color: rgb(127 193 247 / 25%); } .k-group { background-color: var(--main-background-color); } .k-group .k-primary { color: var(--main-background-color); border-color: #8ebbce00; background-image: linear-gradient(to right, #394784 0%, #8ebbce 51%, #394784 100%); background-size: 200% auto; background-position: right; transition: .5s; } .k-primary, .k-overflow-container .k-primary { color: var(--main-text-color); border-color: var(--main-theme-color); background-position: 50% 50%; background-color: var(--main-theme-color); -webkit-box-shadow: none; box-shadow: none } .k-primary:hover { border-color: var(--scnd-theme-color); background-color: var(--scnd-theme-color); } .k-primary:active { border-color: var(--main-theme-color); background-color: var(--main-theme-color); } .k-primary:focus, .k-primary.k-state-focused { color: var(--main-background-color); border-color: var(--main-theme-color); -webkit-box-shadow: none; box-shadow: none; } .k-primary.k-state-disabled, .k-state-disabled .k-primary, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover, .k-state-disabled .k-primary:active, .k-primary.k-state-disabled:active { border-color: var(--main-theme-color); } .k-group.k-filter-menu { border-color: var(--main-background-color); } .k-filter-menu .k-action-buttons .k-button + .k-button { margin-right: 0; color: var(--main-background-color); border-color: #8ebbce00; background-image: linear-gradient(to right, #394784 0%, #8ebbce 51%, #394784 100%); background-size: 200% auto; background-position: right; transition: .5s; } .k-filter-menu .k-action-buttons .k-button + .k-button:hover { margin-right: 0; color: var(--main-background-color); border-color: #5c6a9900; background-position: left center; transition: .5s; } .k-i-editlinkedobject:before { font-family: "fontawesome5"; content: ""; color: var(--main-text-color); } .k-i-deletelinkedobject:before { font-family: "fontawesome5"; content: ""; color: var(--main-text-color); } .k-i-copylinkedobject:before { font-family: "fontawesome5"; content: ""; color: var(--main-text-color); } .k-i-copylinkedobjectandlink:before { font-family: "fontawesome5"; content: ""; color: var(--main-text-color); } .k-i-copylinked-and-link:before { font-family: "fontawesome5"; content: ""; color: var(--pivot-color); } .k-i-copylinked:before { font-family: "fontawesome5"; content: ""; color: var(--pivot-color); } .k-image { width: 25px; height: 25px; line-height: 10px; } .mo-abm-toolbar .k-toolbar-overflow-button { margin-inline-start: initial; } .toolbar-tooltip.k-hover .k-link.k-menu-link { background-color: var(--main-theme-color) !important; } .toolbar-tooltip.k-hover .k-link.k-menu-link .k-menu-link-text { color: var(--main-background-color) !important; } .toolbar-tooltip .k-i-editlinkedobject:before { font-family: "fontawesome5"; content: ""; color: var(--pivot-color); } .k-toolbar.k-toolbar-resizable { /*flex-wrap: wrap;*/ } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { content: ""; border-color: var(--main-theme-color); border-top-color: transparent; border-bottom-color: transparent; background-color: transparent; } .k-i-edit:before { content: ""; /* color: #169a14; */ } .export-img { background-image: url(/Content/Images/download.png); background-repeat: no-repeat; } .control_container .m-topcaptionposition-caption span{ font-size: 14px; color: var(--main-text-color); } .action-no-caption > span > .action-no-caption { margin-top: 2px !important; } button[title="Filtrar"], button[title="Limpiar"] { padding: 4px 20px 4px 14px; } button[title="Filtrar"]:hover { margin-right: 0; color: var(--main-background-color) !important; border-color: #5c6a9900 !important; background-position: left center; transition: .5s; } .k-button { transition: .5s; } .k-button:focus, .k-button.k-state-focused { border-color: transparent } .k-button:hover, .k-button.k-state-hover { border-radius: 6px; transition: .5s; } .k-command-cell > a > .k-icon { margin-right: -2px !important; } .k-command-cell > .k-button .k-i-circle { display: none; } .k-command-cell > .k-button .k-svg-i-circle{ display: none; } .k-command-cell > .k-button { color: var(--main-text-color) !important; background-image: linear-gradient(to right, #39478400 0%, #8ebbce00 51%, #39478400 100%) !important; padding: 5px !important; background-color: transparent !important; border: 0; } .k-command-cell > .k-button:focus { color: var(--main-background-color) !important; background-color: var(--third-theme-color) !important; border: 0; } .k-command-cell > .k-button:active { color: var(--main-background-color) !important; } .k-command-cell > .k-button > .k-icon:hover:before { color: var(--main-background-color) !important; } .k-command-cell > .k-button:hover { color: var(--main-background-color) !important; background-color: var(--third-theme-color) !important; border-radius: 50px !important; border: 0; } .k-datepicker> .k-button{ color: var(--main-theme-color) !important; background-image: linear-gradient(to right, #39478400 0%, #8ebbce00 51%, #39478400 100%); border-color: #fff0; border-radius: 0 !important; } .k-datepicker> .k-button:hover{ color: var(--main-text-color) !important; background-image: linear-gradient(to right, #39478400 0%, #8ebbce00 51%, #39478400 100%); border-color: #fff0; border-radius: 0 !important; } .k-datepicker.k-hover> .k-button:hover .k-svg-icon svg{ color: var(--main-background-color) !important; } .k-datepicker.k-focus> .k-button .k-svg-icon svg{ color: var(--main-background-color) !important; } .k-datetimepicker> .k-button{ color: var(--main-text-color) !important; background-color: var(--scnd-background-color); background-image: linear-gradient(to right, #39478400 0%, #8ebbce00 51%, #39478400 100%); border-color: #fff0; border-radius: 0 !important; } .k-datetimepicker> .k-button:hover{ border-radius: 0 !important; } .k-datetimepicker> .k-button:focus .k-svg-icon svg{ color: var(--main-background-color) !important; } .k-datepicker.k-input.k-hover .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button, .k-datepicker.k-input.k-state-hover .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button, .k-datepicker.k-input.k-state-hovered .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button, .k-datepicker.k-input:hover .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button { background-color: var(--main-theme-color); } .k-datepicker.k-input.k-state-focus-within .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button, .k-datepicker.k-input:focus-within .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button { color: var(--main-background-color) !important; background-color: var(--main-theme-color); } .search-popup-filters .k-input { border-color: rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.08); } .k-picker-solid { margin-right: 5px; } .k-checkbox:checked, .k-checkbox.k-checked{ border-color: var(--main-theme-color) !important; background-color: var(--main-theme-color) !important; } .k-button.k-button-solid-base { background-color: var(--main-background-color); background-image: none; border-bottom-color: var(--main-theme-color); border-left-color: var(--main-theme-color); border-right-color: var(--main-theme-color); border-top-color: var(--main-theme-color); color: var(--main-theme-color); } .k-button.k-button-solid-base.k-hover, .k-button.k-button-solid-base.k-state-hover, .k-button.k-button-solid-base.k-state-hovered, .k-button.k-button-solid-base:hover { background-color: var(--main-theme-color); border-bottom-color: var(--main-theme-color); border-left-color: var(--main-theme-color); border-right-color: var(--main-theme-color); border-top-color: var(--main-theme-color); } .k-button.k-button-solid-base.k-active, .k-button.k-button-solid-base.k-state-active, .k-button.k-button-solid-base:active { border-bottom-color: var(--main-theme-color); border-left-color: var(--main-theme-color); border-right-color: var(--main-theme-color); border-top-color: var(--main-theme-color); background-color: var(--main-theme-color); } .k-button.k-button-solid-base.k-focus, .k-button.k-button-solid-base.k-state-focus, .k-button.k-button-solid-base.k-state-focused, .k-button.k-button-solid-base:focus { border-bottom-color: var(--main-theme-color); border-left-color: var(--main-theme-color); border-right-color: var(--main-theme-color); border-top-color: var(--main-theme-color); background-color: var(--main-theme-color); } .k-button.k-button-solid-primary { background-color: var(--third-theme-color); background-image: none; border-bottom-color: var(--third-theme-color); border-left-color: var(--third-theme-color); border-right-color: var(--third-theme-color); border-top-color: var(--third-theme-color); color: var(--main-background-color); } .k-datetimepicker.k-input.k-state-focus-within .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button, .k-datetimepicker.k-input:focus-within .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button { color: var(--main-background-color) !important; background-color: var(--main-theme-color); } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { background-color: var(--third-theme-color); } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { background-color: #e87400; } /*.k-button.k-button-solid-base.k-hover, .k-button.k-button-solid-base.k-state-hover, .k-button.k-button-solid-base.k-state-hovered, .k-button.k-button-solid-base:hover{ border-left-color: #f0f0f0; }*/ .k-content { color: var(--main-text-color); } .k-grid-cancel, .k-grid-update { /*border: 0;*/ padding: 5px 10px 5px 12px; text-transform: uppercase; font-size: 12px; border-radius: 6px; background-repeat: no-repeat; font-weight: normal; line-height: 20px; background-position: right; outline: transparent; background-color: var(--main-theme-color); background-size: 200% auto; transition: .5s; } .btn-m-save, .k-grid-newobjectandlink, .k-grid-new, .btn-m-save-and-close, .btn-m-save-and-new, .btn-m-cancel, .btn-m-execute, .btn-m-fiscal-print, .btn-m-print, .btn-m-execute-job, .btn-m-refresh, .btn-search-action, .btn-popup-search, .yes, .no, .help, .ok, .k-header .k-grid-toolbar a.k-button[class*="k-grid-Nuev"], .addButton { background-color: var(--main-theme-color); color: var(--main-background-color); transition: .5s; } .btn-m-save, .btn-m-save-and-close, .btn-m-save-and-new, .btn-m-execute, .btn-m-fiscal-print, .btn-m-cancel, .btn-m-print, .btn-m-execute-job, .btn-m-refresh, .btn-search-action, .btn-popup-search/*, .addButton:hover*/ { color: var(--main-background-color); transition: .5s; } .k-button-solid-base:hover, .k-button-solid-base.k-hover { background-color: var(--third-button-color); color: var(--main-background-color); } .k-toolbar-item .k-button{ /*background-color: var(--main-theme-color); color: var(--main-background-color);*/ border-radius: 50px !important; } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { color: var(--main-background-color); background-color: var(--third-theme-color); border-radius: 50px; } .k-multiselect .k-button { color: var(--main-background-color); border-color: var(--scnd-theme-color); background-color: var(--scnd-theme-color); } .k-multiselect.k-header { border-color: var(--main-theme-color) } .k-multiselect.k-header.k-state-hover { border-color: var(--main-theme-color) } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { border-color: var(--main-text-color); } .k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused { border-color: var(--main-text-color); } .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input { color: var(--main-theme-color); } .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused { border-color: var(--fst-border-color); } .k-textbox.k-input.k-input-solid .k-input-inner { padding-bottom: 5px; } .k-tiles li.k-state-selected { border-color: var(--main-theme-color) } .section_default_main_div_fieldset { /*border-top: 1px solid var(--imagen-button-color);*/ color: var(--imagen-button-color); } .section_default_main_div_content { border-width: 1px !important; } fieldset>.section_default_main_div_content { border: groove; } .section_default_main_div_content { padding: 10px 20px 5px 20px; border-radius: 9px; } .k-file-icon-wrapper .image-preview{ height: 100px; } .gridChildSection .k-autocomplete.k-state-default, .gridChildSection .k-picker-wrap.k-state-default, .gridChildSection .k-numeric-wrap.k-state-default, .gridChildSection .k-dropdown-wrap.k-state-default { background-image: url(/Content/themes/default/css/textures/highlight.png); background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,.0) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,.0) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,.0) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,.0) 100%); } .k-numerictextbox .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase { color: var(--main-theme-color); } .k-numerictextbox:hover .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase{ color: var(--main-theme-color); } .k-numerictextbox:hover .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease{ color: var(--main-theme-color); } .list-view-options div:hover { background-color: var(--main-theme-color); } .list-view-select-{ background: url(/Content/themes/default/Images/Common/select.png) no-repeat; } .k-grouping-header { font-size: 12px; color: #7c7b7b; padding: 5px 5px 5px 5px !important; background-color: #f3f2f2; } .k-grouping-header .k-group-indicator .k-button { color: var(--scnd-theme-color) !important; } .k-pager-md { font-size: 12px !important; padding-block: 2px; } .k-pager-nav { padding-left: 2px !important; padding-right: 2px !important; } .k-pager-md .k-pager-numbers-wrap .k-button { padding-left: 4px !important; padding-right: 4px !important; } .k-grid { color: var(--main-text-color); box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%); } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: 2px; padding-inline: 4px; } .k-table-td { font-size: smaller; color: var(--main-text-color); } .k-grid .k-grid-md .k-table-th>.k-cell-inner, .k-grid-md .k-table-th>.k-cell-inner { margin-block: -10px; } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: 2px; padding-inline: 4px; } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { background-color: #f2f2f2; border-radius: 4px; } .k-grid-header th.k-header { background: #fbebc7; } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { background-color: #f2f2f2; border-radius: 4px; } .k-header.k-grid-toolbar { padding-top: 0; margin-top: 0; margin-bottom: 10px; } .k-toolbar .k-overflow-anchor { color: var(--main-text-color) !important; } .k-toolbar .k-overflow-anchor:hover { color: var(--main-background-color) !important; background-color: var(--third-theme-color) !important; } .k-overflow-container .k-item .k-button{ color: var(--pivot-color) !important; } .k-overflow-container .k-item .k-button:hover{ color: #ffffff !important; background-color: var(--third-theme-color) !important; } .k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar { background-color: var(--main-background-color) !important; } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { background-color: #e79504; } .k-list-item.k-selected, .k-selected.k-list-optionlabel { color: #fff; background-color: var(--third-theme-color); } .k-grid-pager { background-color: #ebebeb; } .k-pager .k-pager-numbers-wrap .k-pager-numbers .k-button.k-button-flat.k-button-flat-primary.k-selected { color: #fff !important; border-bottom-color: var(--third-theme-color) !important; border-left-color: var(--third-theme-color) !important; border-right-color: var(--third-theme-color) !important; border-top-color: var(--third-theme-color) !important; background-color: var(--third-theme-color) !important; background-image: var(--third-theme-color) !important; } .k-pager-nav, .k-pager-last { color: var(--main-text-color) !important; } .k-pager-nav:hover .k-svg-icon svg, .k-pager-last:hover .k-svg-icon svg { color: var(--main-theme-color) !important; } .k-pager-wrap { color: var(--main-text-color); font-size: 12px !important; padding: 5px 0; } .k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdowntree, .k-pager-sizes > select { width: 5em !important; } .k-pager.k-grid-pager .k-pager-refresh{ padding: 5px !important; background-color: transparent !important; border: 1px solid #2ba0ef00 !important; border-radius: 50px; } .k-pager.k-grid-pager .k-pager-refresh:hover{ background-color: var(--main-theme-color) !important; border-radius: 50px !important; border: 1px solid var(--main-theme-color) !important; } .k-pager.k-grid-pager .k-pager-refresh:focus{ background-color: var(--main-theme-color) !important; border-radius: 50px !important; border: 1px solid var(--main-theme-color) !important; } .k-button.k-button-solid-primary.k-hover, .k-button.k-button-solid-primary.k-state-hover, .k-button.k-button-solid-primary.k-state-hovered, .k-button.k-button-solid-primary:hover { background-color: #e87400; background-image: none; border-bottom-color: #e87400; border-left-color: #e87400; border-right-color: #e87400; border-top-color: #e87400; color: #fff; } .k-filter-menu-container .k-actions-stretched> .k-button .k-svg-icon svg { /*color: var(--main-text-color) !important;*/ } .k-filter-menu-container .k-actions-stretched> .k-button:hover .k-svg-icon svg { color: var(--main-background-color) !important; } .k-filter-menu-container .k-datepicker.k-hover .k-button{ color: var(--main-background-color) !important; } [data-row-action-tooltip]:before { border-top-color: var(--main-theme-color); } [data-row-action-tooltip]:after, [data-tip]:after, .section_default_main_div_fieldset_legend { font-weight: 500; font-size: 14px; padding: 4px 31px; background: var(--main-theme-color); border-radius: 0 13px 0 0; transform: translateX(-1px) translateY(-5px); } .k-window { /*border: 1px solid var(--main-theme-color) !important;*/ background-color: var(--main-background-color) !important; } .k-window.k-state-focused { border-color: rgba(152,126,183,1) } .k-ie7 .k-window-titlebar .k-state-hover, .k-ie8 .k-window-titlebar .k-state-hover { border-color: var(--main-theme-color) } .k-window-titlebar { /*border: 1px solid #0b539400 !important; color: var(--main-background-color); background-color: var(--main-theme-color) !important;*/ } .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button:hover{ background-color: var(--main-theme-color) !important; } .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button:hover .k-svg-icon svg{ color: var(--main-background-color) !important } .k-window-titlebar.k-header { border: none; text-transform: uppercase; color: var(--main-theme-color); border-color: rgb(220 220 220 / 1); } .qq-upload-list li { background-color: var(--scnd-background-color); } div.qq-upload-button { border: 1px solid var(--main-theme-color); padding: 1px; border-radius: 3px; text-align: center; } div.qq-upload-button:hover { background-color: var(--main-theme-color); border-color: var(--main-background-color); color: var(--main-background-color); } input.remove_file { background-color: var(--main-theme-color); color: var(--main-background-color); } .k-file { border-color: var(--main-theme-color); } .k-file-progress .k-progress { background-color: var(--main-theme-color) } .k-file-success .k-progress { background-color: var(--main-theme-color) } .value-picker i.active { color: var(--main-theme-color); } .app-value-picker .value-picker .value-picker-actions { border-color: var(--main-theme-color); } #top-area.horizontal-area .nav-bar-buttons { justify-content: left; margin-left: 20px; } .nav-bar-buttons .k-menu-horizontal .k-menu-item { color: var(--main-text-color); /* font-weight: bold; */ background-color: var(--other-color); border-radius: 50px; padding: 8px 20px 8px 20px; box-shadow: 0 9px 14px -5px rgb(0 0 0 / 0%); } .nav-bar-buttons .k-menu-horizontal .k-menu-item:hover { color: var(--main-background-color) !important; background-color: var(--third-theme-color) !important; border-radius: 50px !important; } .k-reset.k-header.k-menu.k-menu-horizontal .k-item.k-menu-item:hover .k-link.k-menu-link{ color: var(--main-background-color) !important; background-color: var(--third-theme-color); border-radius: 50px !important; } .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-hover .k-link.k-menu-link, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-state-hover .k-link.k-menu-link, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item.k-state-hovered .k-link.k-menu-link, .k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item:hover .k-link.k-menu-link { color: var(--main-background-color); } #menu.k-reset.k-header.k-menu-horizontal.k-menu>.k-item.k-menu-item .k-link.k-menu-link:active{ background-color: #a60a4f00 !important; border-radius: 50px !important; } .nav-bar-buttons .k-menu-horizontal .k-menu-item.k-hover .k-menu-link-text { color: var(--main-background-color) !important; } .nav-bar-buttons .k-menu-horizontal .k-menu-item.active-menu-item { color: var(--main-background-color); background-color: var(--third-theme-color); border-radius: 50px; padding: 8px 20px 8px 20px; } .nav-bar-buttons .k-menu-horizontal .k-menu-item.active-menu-item .k-menu-link { color: var(--main-background-color) !important; } .sub-nav-bar .k-menu-horizontal .k-menu-item { color: #606060 !important; font-size: 14px; /*font-weight: 600;*/ background-color: var(--other-color); border-radius: 7px 7px 0 0; margin-left: 2px; } .sub-nav-bar .k-menu-horizontal .k-menu-item.active-menu-item { color: var(--scnd-theme-color); background-color: var(--scnd-theme-color); box-shadow: 0 5px 9px -3px #13131300; } .sub-nav-bar .k-menu-horizontal .k-menu-item.active-menu-item .k-menu-link { color: var(--main-background-color) !important; } .sub-nav-bar .k-menu-horizontal .k-menu-item:hover { color: var(--main-background-color) !important; background-color: var(--scnd-theme-color) !important; box-shadow: 0 5px 9px -3px #13131300; } .sub-nav-bar .k-menu-horizontal .k-menu-item:hover .k-link.k-menu-link{ color: var(--main-background-color) !important; background-color: transparent !important; border-radius: 0; } .sub-nav-bar .k-menu-scroll-wrapper> .k-menu-horizontal .k-item.k-menu-item:hover .k-link.k-menu-link> .k-menu-link-text{ color: var(--main-background-color) !important; } #NAV_Prestador_Proceso_nav-bar-buttons-second-ul li .nav-bar-sub-item-img-1{ width: 22px; height: 22px; content: url(/Content/themes/default/Images/Menu/Icon-Tray.png); transform: translateY(4px); } #NAV_Prestador_Proceso_nav-bar-buttons-second-ul li .nav-bar-sub-item-img-2{ width: 22px; height: 22px; content: url(/Content/themes/default/Images/Menu/Icon-Search.png); transform: translateY(4px); } /*.nav-bar-buttons-left ul li:hover span { color: var(--main-theme-color); }*/ .nav-bar-buttons-left ul li.nav-bar-item-active { border: 1px solid var(--main-theme-color); } .nav-bar-buttons-left ul li.nav-bar-item-active span { color: var(--main-theme-color); } .nav-bar-main .nav-bar-buttons-top div .ul-second li.nav-bar-item-active { color: var(--main-background-color); font-size: 14px; font-weight: 600; background-color: var(--main-theme-color); border-radius: 7px 7px 0 0; padding: 5px 15px 7px 15px; box-shadow: 0 5px 9px -3px #13131300; } .nav-bar-main .nav-bar-buttons-top div { border-bottom: 1px solid var(--scnd-background-color); } .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-item-active, .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-sub-item-active { background-color: transparent; background-image: linear-gradient(to right bottom,#c2d9e300, #8ebbce00); box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 0%); } .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-item-active .nav-bar-item-number, .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-item-active .nav-bar-sub-item-number { border: 5px solid var(--main-theme-color) } .nav-bar-main .nav-bar-buttons-top ul.ul-first li .nav-bar-item-text, .nav-bar-main .nav-bar-buttons-top ul.ul-first li .nav-bar-sub-item-text{ color: var(--main-text-color); font-size: 14px; font-weight: 600; margin: 9px 0 0 0; padding-top: 0; } .nav-bar-main .nav-bar-buttons-top ul.ul-first li .nav-bar-item-text:hover{ color: var(--main-theme-color); font-size: 14px; font-weight: 600; } .nav-bar-main .nav-bar-buttons-top ul.ul-first li .nav-bar-sub-item-text:hover{ color: var(--imagen-button-color); } .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-item-active .nav-bar-item-text, .nav-bar-main .nav-bar-buttons-top ul.ul-first li.nav-bar-item-active .nav-bar-sub-item-text { color: var(--main-theme-color); font-size: 14px; font-weight: 600; } .nav-bar-main .nav-bar-buttons-top div .ul-second li { color: var(--main-text-color); font-size: 14px; font-weight: 600; background-color: var(--scnd-background-color); border-radius: 7px 7px 0 0; padding: 5px 15px 7px 15px; margin-left: 2px; } .nav-bar-main .nav-bar-buttons-top div .ul-second li:hover { color: var(--main-background-color); background-color: var(--main-theme-color); padding: 5px 15px 7px 15px; box-shadow: 0 5px 9px -3px #13131300; } .nav-bar-main .nav-bar-buttons-top ul.ul-first { border: 0; margin-top: -17px; margin-bottom: 0; } .nav-bar-main .nav-bar-buttons-top ul.ul-first li { background-color: transparent; background-image: linear-gradient(to right bottom, #f0f0f000, #ebebeb00, #e7e7e700, #e2e2e200, #dedede00); padding: 0 8px 0 2px; margin: 13px 5px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 0%); transition: .3s; } .nav-bar-main .nav-bar-buttons-top ul.ul-first li:hover { background-image: linear-gradient(to right bottom,#c2d9e300, #8ebbce00); box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 0%); transition: .3s; } .nav-bar-main .nav-bar-buttons-top ul.ul-first li span[class*="nav-bar-item-img-"], .nav-bar-main .nav-bar-buttons-top ul.ul-first li span[class*="nav-bar-sub-item-img-"] { display: none; width: 35px; height: 35px; margin-top: 4px; margin-bottom: -1px; margin-left: 2px; } ul.ul-first .nav-bar-item-img-1, ul.ul-first .nav-bar-sub-item-img-1 { background-image: url(/Content/themes/default/Images/common/numbers/number_1.png) } ul.ul-first .nav-bar-item-img-2, ul.ul-first .nav-bar-sub-item-img-2 { background-image: url(/Content/themes/default/Images/common/numbers/number_2.png) } ul.ul-first .nav-bar-item-img-3, ul.ul-first .nav-bar-sub-item-img-3 { background-image: url(/Content/themes/default/Images/common/numbers/number_3.png) } ul.ul-first .nav-bar-item-img-4, ul.ul-first .nav-bar-sub-item-img-4 { background-image: url(/Content/themes/default/Images/common/numbers/number_4.png) } ul.ul-first .nav-bar-item-img-5, ul.ul-first .nav-bar-sub-item-img-5 { background-image: url(/Content/themes/default/Images/common/numbers/number_5.png) } ul.ul-first .nav-bar-item-img-6, ul.ul-first .nav-bar-sub-item-img-6 { background-image: url(/Content/themes/default/Images/common/numbers/number_6.png) } ul.ul-first .navbar-lista .nav-bar-item-img-1, ul.ul-first .navbar-lista.navbar-lista-corrida span:first-child { background-image: url(/Content/themes/default/Images/common/numbers/lista.png) } ul.ul-first .navbar-arbol span:first-child { background-image: url(/Content/themes/default/Images/Common/arbol.png) } ul.ul-first .navbar-importar span:first-child { background-image: url(/Content/themes/default/Images/Common/importar.png) } ul.ul-first .navbar-configuracion span:first-child { background-image: url(/Content/themes/default/Images/Common/configuraciones.png) } ul.ul-first .navbar-reportes span:first-child, ul.ul-first .navbar-reportes span:first-child { background-image: url(/Content/themes/default/Images/Common/reporte.png) } .m_group_container { min-height: 20px; } .m_title { color: var(--main-theme-color); font-size: 20px; margin-bottom: 10px } .group_columns_container { padding-bottom: 0; width: 100%; min-height: 20px; } .group_columns_container .column_control_container .column-caption{ font-size: 20px; color: var(--main-text-color); padding: 0; letter-spacing: -1px; } .group_columns_container .column_control_container .column-caption{ font-size: 20px; color: var(--main-text-color); padding: 0; letter-spacing: -1px; } .column_control_container { border: none; float: left; } .m-top-div2 .group_columns_container .column_control_container .spanRight .k-grid.k-grid-md{ padding-top: 0; } .m-top-div2 .group_columns_container .column_control_container .spanRight .k-grid.k-grid-md .k-grid-toolbar{ padding-top: 0; } .group_title { font-size: 14px; margin-left: 10px; color: var(--main-text-color); min-height: 15px; vertical-align: middle; white-space: nowrap; max-width: 300px; text-align: left; float: left; cursor: pointer } .collapsearrow { width: 20px; overflow: hidden; vertical-align: middle; cursor: pointer; right: 20px; position: absolute } .fxMessageActions { color: var(--third-theme-color); font-size: 11px; padding-left: 20px } .message-div { width: 100%; text-align: left } .message-div-row { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted var(--pivot-color); min-height: 20px; overflow: hidden } .message-div-row span { float: left } .message-imagen-row { float: left; padding-top: 10px; padding-left: 3px } .alert { padding: 8px 35px 8px 14px; margin-bottom: 10px; color: var(--scnd-alert-color); text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: var(--third-alert-color); border: 1px solid var(--third-alert-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .alert > strong { color: var(--scnd-alert-color); padding-left: 7px; padding-right: 7px } .alert h4 { margin: 0 } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px } .alert-success { color: var(--scnd-theme-color); background-color: var(--scnd-background-color); border-color: var(--scnd-background-color); padding: 2px; margin-bottom: 5px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border: 1px solid var(--third-alert-color); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .alert-danger, .alert-error { color: var(--scnd-alert-color); background-color: var(--third-alert-color); border-color: var(--third-alert-color) } .alert-error > strong { color: var(--scnd-alert-color); padding-left: 7px; padding-right: 7px } .alert-info { color: var(--main-theme-color); background-color: var(--scnd-background-color); border-color: var(--scnd-background-color) } .alert-info > strong { color: var(--main-theme-color); padding-left: 7px; padding-right: 7px } .alert-block { padding-top: 14px; padding-bottom: 14px } .alert-block > p, .alert-block > ul { margin-bottom: 0 } .alert-block p + p { margin-top: 5px } .close { float: right; font-size: 20px; font-weight: 700; line-height: 18px; color: var(--pivot-color); text-shadow: 0 1px 0 var(--main-background-color); opacity: .2; filter: alpha(opacity=20) } .close:hover { color: var(--pivot-color); text-decoration: none; opacity: .4; filter: alpha(opacity=40); cursor: pointer } .download-in-grid { padding-left: 5px; cursor: pointer; color: var(--main-theme-color); text-decoration: underline } footer { width: 100%; height: 99px; border-top: 4px solid var(--third-theme-color); background-color: var(--scnd-theme-color); border-bottom: 0; bottom: 0; clear: both; -webkit-box-shadow: 0px 0px 13px -2px rgb(0 0 0 / 22%); -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.22); box-shadow: 0px 0px 13px -2px rgb(0 0 0 / 22%); } footer .footer-section1 { width: 164px; height: 62px; float: left; margin-left: 13px; margin-top: 20px; border-right: 1px solid; border-right-color: var(--third-theme-color); } footer .footer-section1 img { width: 155px; height: auto; margin-top: 5px; } footer .footer-section2 p { color: var(--main-background-color); margin-top: 29px; font-size: 10px; } /*ESTILOS DE ARCHIVO DEFAULT.MIN.CSS*/ .k-button.k-button-flat { background-color: transparent !important; } .k-button.k-button-flat:hover{ background-color: transparent !important; } .k-calendar .k-nav-fast.k-state-hover { color: var(--main-background-color); background-color: var(--main-theme-color); } .k-calendar-container.k-group { border-color: var(--scnd-background-color); } .k-datetimepicker.k-hover .k-input-button{ background-color: transparent !important; } .k-datetimepicker .k-input-button:hover{ background-color: var(--main-theme-color) !important; } .k-datetimepicker .k-input-button:hover .k-svg-icon svg{ color: var(--main-background-color) !important; } .k-datepicker .k-picker-wrap:hover, .k-datepicker .k-picker-wrap.k-state-hover, .k-timepicker .k-picker-wrap:hover, .k-timepicker .k-picker-wrap.k-state-hover, .k-datetimepicker .k-picker-wrap:hover, .k-datetimepicker .k-picker-wrap.k-state-hover, .k-dateinput .k-dateinput-wrap:hover, .k-dateinput .k-dateinput-wrap.k-state-hover { border-color: var(--fst-border-color); background-color: var(--main-background-color); } .k-datepicker .k-select, .k-timepicker .k-select, .k-datetimepicker .k-select, .k-dateinput .k-select { background-image: linear-gradient(#e0e0e0,#e0e0e0); } .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-dateinput .k-dateinput-wrap { border-color: var(--scnd-background-color); background-color: var(--scnd-background-color); } .k-dateinput .k-link:hover, .k-dateinput .k-link.k-state-hover, .k-datetimepicker .k-link:hover, .k-datetimepicker .k-link.k-state-hover { color: var(--main-background-color); background-color: var(--scnd-theme-color); } .k-draghandle { border-color: var(--main-theme-color); } .k-draghandle:hover { border-color: var(--main-theme-color); } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: var(--main-theme-color) } .k-event, .k-task-complete { border-color: rgba(145, 112, 157, 0.82); } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: var(--main-theme-color) } .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active { background-color: var(--main-theme-color); border-color: var(--main-theme-color) } .k-slider-track { background-color: var(--main-theme-color) } .k-slider-selection { background-color: var(--main-theme-color) } k-widget.k-tooltip { border-color: #005c83; background-color: var(--main-theme-color); color: var(--main-background-color) } .embbeded-report .trv-report-viewer .trv-nav .trv-menu-large { background-color: var(--third-theme-color); border-radius: 2px; } .k-tooltip { background-color: var(--main-text-color); } .k-tooltip .k-callout { color: var(--main-text-color); } .k-tooltip-validation .k-callout-n { border-bottom-color: var(--main-theme-color) } .k-tooltip-validation .k-callout-w { border-right-color: var(--main-theme-color) } .k-tooltip-validation .k-callout-s { border-top-color: var(--main-theme-color) } .k-tooltip-validation .k-callout-e { border-left-color: var(--main-theme-color) } .k-editor .k-editor-toolbar .k-button-solid-base{ border-color: rgba(0, 0, 0, 0.08); color: #424242; background-color: #f5f5f5; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .k-editor .k-editor-toolbar .k-button-solid-base:hover{ border-color: rgba(0, 0, 0, 0.08); color: var(--main-background-color) !important; background-color: var(--main-theme-color); } .k-picker-solid:hover, .k-picker-solid.k-hover { /*color: #fff; background-color: #28c345;*/ } .k-combobox.k-input.k-hover .k-input-button, .k-combobox.k-input.k-state-hover .k-input-button, .k-combobox.k-input.k-state-hovered .k-input-button, .k-combobox.k-input:hover .k-input-button { background-color: var(--main-theme-color); border-radius: 0; } .k-editor-inline ::selection { background-color: var(--main-theme-color); } .k-editor-inline ::-moz-selection { background-color: var(--main-theme-color); } .k-editor .k-tool:focus { outline: 0; border-color: var(--main-theme-color); -webkit-box-shadow: inset 0 0 3px 1px var(--main-theme-color); box-shadow: inset 0 0 3px 1px var(--main-theme-color); } .k-notification.k-notification-info { border-color: var(--main-theme-color); } .k-notification.k-notification-success { border-color: var(--main-theme-color) } .k-confirm > .more-app-informer-wrapper .k-notification.k-notification-success { border-color: transparent; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0%), 0 4px 5px 0 rgb(0 0 0 / 0%); } .more-app-informer-wrapper .k-tilelayout-item-body .more-informer-body{ max-height: 500px; overflow-y: scroll; } /*.k-popup{ height: auto !important; }*/ .k-confirm > .more-app-informer-wrapper .k-i-info, .more-validation-summary-item { color: var(--main-text-color); } .k-gantt .k-treelist .k-alt { background-color: var(--main-theme-color); } .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td { background-color: var(--main-theme-color) } .k-grid { border-color: rgb(0 0 0 / 0%); } .k-grid td.k-state-focused { -webkit-box-shadow: inset 0 0 0 1px inset 0 0 3px 1px var(--main-theme-color); box-shadow: inset 0 0 0 1px inset 0 0 3px 1px var(--main-theme-color) } .k-grid td.k-state-selected.k-state-focused { background-color: var(--main-theme-color) } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: var(--main-theme-color); background: var(--main-theme-color) } .k-state-selected.k-task-single { border-color: var(--main-theme-color) } .k-state-selected.k-line { background-color: var(--main-theme-color); color: var(--main-theme-color) } .k-numerictextbox .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease{ padding-left: 13px; padding-right: 13px; } .k-numerictextbox .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease svg{ color: var(--main-theme-color) !important; } .k-numerictextbox .k-input-spinner .k-button{ border-radius: 0 !important; } .k-numeric-wrap .k-link.k-state-selected { background-color: var(--main-theme-color) } .k-numerictextbox .k-select .k-link:hover, .k-numerictextbox .k-select .k-link.k-state-hover { color: var(--main-background-color); background-color: var(--scnd-theme-color); } .km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check { border-top: 1px solid var(--main-theme-color); } .km-pane-wrapper .k-mobile-list .k-item.k-state-selected { background-color: var(--main-theme-color); border-top-color: var(--main-theme-color); } .km-pane-wrapper .k-mobile-list .k-item:last-child { -webkit-box-shadow: inset 0 -1px 0 var(--main-theme-color); box-shadow: inset 0 -1px 0 var(--main-theme-color) } .k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes > select { width: auto; } .k-dropdownlist .k-input-button.k-button{ border-left-color: #f0f0f0 !important; } .k-i-arrow-rotate-cw { color: var(--main-text-color); } .k-pager-sizes, .k-pager-info { color: var(--main-text-color); } .k-chip-solid-base { font-size: 12px; color: var(--main-theme-color) !important; border-radius: 4px; margin: 0; background-color: #ffdf80 !important; border-color: #ffdf80 !important; background-color: #f5f5f500; background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0 0 0 / 0%)); } .k-pager-numbers .k-button-flat-primary:hover { cursor: pointer; color: #0b5394 !important; } .km-pane-wrapper .k-mobile-list > ul > li > .k-link { border-bottom: 1px solid var(--main-theme-color) } .km-pane-wrapper .k-mobile-list .k-edit-field { -webkit-box-shadow: 0 1px 1px var(--main-theme-color); box-shadow: 0 1px 1px var(--main-theme-color) } .k-column-menu, .k-column-menu .k-item, .k-overflow-container .k-overflow-group { border-color: var(--main-theme-color) } .k-column-menu .k-separator { border-color: var(--main-theme-color); background-color: transparent } .k-checkbox-label:after { border-color: var(--main-theme-color); } .k-checkbox-label:hover:after, .k-checkbox:checked + .k-checkbox-label:hover:after { border-color: var(--main-theme-color); box-shadow: inset 0 0 3px 0 var(--main-theme-color); } .k-checkbox:checked + .k-checkbox-label:after { border-color: var(--main-theme-color); color: var(--main-theme-color) } .k-checkbox-label:active:before { box-shadow: 0 0 3px 0 var(--main-theme-color); } .k-checkbox-label:active:after { border-color: var(--main-theme-color); } .k-checkbox:checked + .k-checkbox-label:active:after { border-color: var(--main-theme-color) } .k-checkbox:checked + .k-checkbox-label:active:before { box-shadow: 0 0 3px 0 var(--scnd-background-color); } .k-checkbox:checked:disabled + .k-checkbox-label:after { color: var(--scnd-background-color) } .k-checkbox:disabled + .k-checkbox-label:after, .k-checkbox:checked:disabled + .k-checkbox-label:active:after, .k-checkbox:disabled + .k-checkbox-label:hover:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:after { border-color: var(--scnd-background-color); } .k-radio { width: 17px; height: 17px; border-color: rgb(0 0 0 / 36%); } .k-radio-label:before { border-color: var(--scnd-background-color); } .k-radio-label:hover:before, .k-radio:checked + .k-radio-label:hover:before { border-color: var(--scnd-background-color); box-shadow: inset 0 0 3px 0 var(--scnd-background-color) } .k-radio:checked + .k-radio-label:before { border-color: var(--scnd-background-color) } .k-radio:checked + .k-radio-label:after { background-color: var(--scnd-background-color); } .k-radio-label:active:before { box-shadow: 0 0 3px 0 var(--scnd-background-color); border-color: var(--scnd-background-color) } .k-radio:checked + .k-radio-label:active:before { box-shadow: 0 0 3px 0 var(--scnd-background-color); border-color: var(--scnd-background-color) } .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper { margin-left: 44px; } .grid-tools { background-color: var(--main-theme-color); height: 25px } .k-panelbar { border-color: rgb(0 0 0 / 0%); } .k-panelbar>.k-item, .k-panelbar>.k-panelbar-header{ margin-bottom: 10px; padding-bottom: 0; } .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-text { color: var(--main-theme-color) !important; } .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-svg-icon svg { color: var(--main-theme-color) !important; } .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover .k-panelbar-item-text { color: var(--main-background-color) !important; } .k-panelbar> .k-panelbar-header.k-expanded> .k-link { color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; } .k-panelbar> .k-panelbar-header.k-expanded> .k-link.k-selected .k-panelbar-item-text { color: var(--main-background-color) !important; } .k-panelbar> .k-panelbar-header.k-expanded> .k-link .k-svg-icon svg { color: var(--main-background-color) !important; } .panelbar_container_default_main_div .k-panelbar .k-header { background-color: #c8dee7; } .k-panelbar > li.k-state-default > .k-link { color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; border-radius: 4px; margin-top: 0; } .k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link { border: none; font-size: 14px; text-transform: none; background-color: #f5f5f5 !important; color: var(--main-theme-color) !important; border: 1px solid var(--main-theme-color); border-radius: 5px; box-shadow: 0 5px 5px -1px #13131300; } .k-panelbar .k-panelbar-item.k-panelbar-header.k-level-0 .k-link .k-icon.k-svg-icon.k-panelbar-toggle.k-panelbar-expand>svg{ color: var(--main-theme-color); } .k-panelbar > .k-active > .k-link { color: var(--main-background-color); background-color: var(--scnd-theme-color); } .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-hover { color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; } .k-panelbar > .k-panelbar-item .k-link.k-hover .k-svg-icon svg { color: var(--main-background-color) !important; } .k-ie8 .k-panelbar span.k-state-focused, .k-ie8 .k-menu li.k-state-focused, .k-ie8 .k-listview > .k-state-focused, .k-ie8 .k-grid-header th.k-state-focused, .k-ie8 td.k-state-focused, .k-ie8 .k-tool.k-state-hover, .k-ie8 .k-button:focus, .k-ie8 .k-button.k-state-focused, .k-ie7 .k-panelbar span.k-state-focused, .k-ie7 .k-menu li.k-state-focused, .k-ie7 .k-listview > .k-state-focused, .k-ie7 .k-grid-header th.k-state-focused, .k-ie7 td.k-state-focused, .k-ie7 .k-tool.k-state-hover, .k-ie7 .k-button:focus, .k-ie7 .k-button.k-state-focused { background-color: var(--main-theme-color) } .k-state-active .k-link.k-header, .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: var(--scnd-theme-color) !important; background-color: #a6b8bf !important; border-radius: 4px; } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip>.k-content:focus, .k-tabstrip>.k-content.k-focus { outline-color: #42424200 !important; } .k-tabstrip-items .k-tabstrip-item .k-link { color: #878787 !important; background-color: #eaebeb !important; border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-tabstrip-items .k-tabstrip-item .k-link:hover{ color: var(--main-background-color) !important; background-color: var(--scnd-theme-color) !important; border-top-left-radius: 4px; border-top-right-radius: 4px; } .k-tabstrip-items .k-active .k-link{ color: var(--main-background-color) !important; background-color: var(--scnd-theme-color) !important; } .k-tabstrip-items .k-state-hover .k-link, .k-panelbar > li.k-state-hover > .k-link, .k-panelbar > li.k-state-default > .k-link.k-state-hover { color: var(--main-background-color); background-color: var(--scnd-theme-color) !important; } .k-grid td.k-selected, .k-grid .k-table-row.k-selected>td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected>.k-table-td { background-color: rgb(127 193 247 / 25%); } .k-loading-color { background-color: transparent; } .k-tabstrip-items .k-state-hover, .k-ie7 .k-tabstrip-items .k-state-hover .k-loading { border-color: var(--main-theme-color) } .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading { border-color: var(--main-theme-color) } .k-treemap-tile.k-state-hover { -webkit-box-shadow: inset 0 0 0 3px var(--main-theme-color); box-shadow: inset 0 0 0 3px var(--main-theme-color) } .k-grid .k-table-th:focus, .k-grid .k-table-th.k-focus, .k-grid td:focus, .k-grid td.k-focus, .k-grid .k-table-td:focus, .k-grid .k-table-td.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-master-row > td.k-focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-grouping-row > td.k-focus, .k-grid .k-detail-row > td:focus, .k-grid .k-detail-row > td.k-focus, .k-grid .k-group-footer > td:focus, .k-grid .k-group-footer > td.k-focus, .k-grid .k-master-row > .k-table-td:focus, .k-grid .k-master-row > .k-table-td.k-focus, .k-grid .k-grouping-row > .k-table-td:focus, .k-grid .k-grouping-row > .k-table-td.k-focus, .k-grid .k-detail-row > .k-table-td:focus, .k-grid .k-detail-row > .k-table-td.k-focus, .k-grid .k-group-footer > .k-table-td:focus, .k-grid .k-group-footer > .k-table-td.k-focus, .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { box-shadow: inset 0 0 0 2px rgb(0 0 0 / 0%); } .k-cell-inner .k-grid-filter-menu.k-active{ background-color: var(--third-theme-color); border-radius: 50px; } .k-table-th .k-cell-inner .k-link { font-size: .8rem; color: #e87400 !important; background-color: #fbebc7 !important; } .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus { box-shadow: inset 0 0 0 2px rgb(0 0 0 / 0%); } .k-menu-scroll-button.k-scroll-left { border-right-width: 0 !important; border-radius: 0 !important; color: #D8A144 !important; background-color: #ffffff; } .k-menu-scroll-button.k-scroll-left:hover { border-right-width: 0 !important; border-radius: 0; color: #D8A144 !important; background-color: #f7f7f7 !important; } .k-menu-scroll-button.k-scroll-right { border-right-width: 0 !important; border-radius: 0 !important; color: #D8A144 !important; background-color: #ffffff !important; border-left-width: 0 !important; } .k-menu-scroll-button.k-scroll-right:hover { border-right-width: 0 !important; border-radius: 0; color: #D8A144 !important; background-color: #f7f7f7 !important; } .k-list .k-item:hover.k-state-selected, .k-list .k-item.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected { background-color: var(--scnd-theme-color); } .k-menu-group .k-active { color: var(--main-background-color); background-color: var(--scnd-theme-color); } .k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected { background-color: var(--scnd-theme-color); } .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-state-focus { color: var(--scnd-theme-color); } .k-calendar .k-header .k-button:hover { color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; border: 1px solid var(--main-theme-color) !important; } .k-calendar .k-header .k-button:hover .k-svg-icon svg { color: var(--main-background-color) !important; } .k-calendar-footer .k-button.k-button-md:hover{ color: var(--main-background-color) !important; background-color: var(--main-theme-color) !important; } .k-button.k-button-flat.k-hover, .k-button.k-button-flat.k-state-hover, .k-button.k-button-flat.k-state-hovered, .k-button.k-button-flat:hover { border-bottom-color: var(--main-theme-color) !important; border-left-color: var(--main-theme-color) !important; border-right-color: var(--main-theme-color) !important; border-top-color: var(--main-theme-color) !important; } .k-pager-numbers .k-link.k-selected { background-color: rgba(11, 83, 148, 0.2); } .k-file-extension-wrapper { margin: 0px 0; width: 24px; height: 34px; border-width: 2px; border-style: solid; font-size: 7.98px; text-transform: uppercase; position: absolute; top: 8px; } .k-upload .k-upload-files .k-file-extension { margin-left: 0.2em; margin-bottom: 0.3em; overflow: hidden; text-overflow: ellipsis; max-width: 100%; left: 0; } .k-upload .k-upload-files .k-file-extension, .k-upload .k-upload-files .k-file-invalid-icon { position: absolute; bottom: 0; line-height: normal; } .k-upload .k-upload-files .k-file-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-extension-wrapper::before, .k-upload .k-upload-files .k-file-invalid-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::before { top: -1px; right: -1px; width: 0; height: 0; border-width: 6px; margin-top: -1px; margin-right: -1px; } .k-upload .k-upload-files .k-file-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-extension-wrapper::after, .k-upload .k-upload-files .k-file-invalid-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::before, .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper::after { content: ""; border-style: solid; display: inline-block; position: absolute; } .k-upload .k-file-extension-wrapper::before, .k-upload .k-multiple-files-extension-wrapper::before, .k-upload .k-file-invalid-extension-wrapper::before, .k-upload .k-multiple-files-invalid-extension-wrapper::before, .k-upload .k-file-error .k-file-extension-wrapper::before { background-color: #ffffff; border-color: transparent transparent #666666 #666666; } .k-file-success .k-progress { display: block !important; background-color: #6fdc6c; } span[title="Quitar"] { background-color: var(--scnd-alert-color); border-radius: 2px; } span[title="Quitar"]:hover { border-radius: 2px; } .k-dialog-buttongroup .k-button { background-image: linear-gradient(to right, #394784 0%, #8ebbce 51%, #394784 100%) !important; background-size: 200% auto; background-position: right; } .k-dialog-buttongroup .k-button:hover { background-position: left center; transition: .5s; } .k-alert .k-dialog-titlebar { background-color: var(--main-theme-color); padding: 9px 16px; } .section_default_main_div .section_default_group_Container{ box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%) !important; } #group-115379 .section_default_group_Container { box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 0%); } #group-115379 .section_default_group_Container .section_default_main_div_content { box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 0%); } li[path="Bandeja de Solicitudes"] .k-menu-link:before, li[path="Bandeja de NDA"] .k-menu-link:before, li[path="Bandeja de Contratos"] .k-menu-link:before, li[path="Bandeja de Otrosíes"] .k-menu-link:before, li[path="Bandeja de Seguimientos"] .k-menu-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Tray.png); margin-top: -8px; transform: scale(0.7); } li[path="Búsqueda Histórica"] .k-menu-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Search.png); margin-top: -8px; transform: scale(0.7); } li[path="Lista de Contratos"] .k-menu-link:before, li[path="Lista de NDA"] .k-menu-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-list.png); margin-top: -8px; transform: scale(0.7); } div.login-action { margin-top: 0; padding: 5px 10px 5px 10px; } div.login-action span i, div.login-action span a{ color: #fff !important } div.login-action:hover { background-color: var(--third-theme-color); border-radius: 5px; } div.login-action:hover span i, div.login-action:hover span a { color: #fff !important; } /******STYLESMENU RESPONSIVE*/ @media (max-width: 420px){ .wrap-menu-extended { width: 100% !important; display: flex; align-content: space-between; } } @media (max-width: 660px){ .wrap-menu-extended input { display: block; width: 40px; height: 32px; position: absolute; top: 0; left: 36px; cursor: pointer; opacity: 0; z-index: 5; -webkit-touch-callout: none; } } @media (max-width: 858px){ .wrap-menu-extended input { display: block; width: 40px; height: 32px; position: absolute; top: 42px; cursor: pointer; opacity: 0; z-index: 5; -webkit-touch-callout: none; } } @media (max-width: 952px){ .cabeceraMain .k-menu-horizontal li span { font-size: 16px; line-height: 25px; } } @media (max-width: 858px) { #check-menu-responsive:checked~.k-menu-horizontal { height: auto !important; background-color: var(--other-color); } } @media (min-width: 430px) and (max-width: 430px){ .wrap-menu-extended input { left: 170px; } } @media (min-width: 360px) and (max-width: 360px){ .container-icon { margin-left: 22px; margin-top: 3px !important; } } @media (min-width: 360px) and (max-width: 360px){ .wrap-menu-extended input { left: 146px; } } @media (min-width: 375px) and (max-width: 375px){ .container-icon { margin-top: 2px !important; margin-left: 30px; } } @media (min-width: 375px) and (max-width: 375px){ .wrap-menu-extended input { left: 146px; } } @media (min-width: 390px) and (max-width: 390px){ .container-icon { margin-left: 35px; } } @media (min-width: 390px) and (max-width: 390px){ .wrap-menu-extended input { left: 146px; } } @media (min-width: 390px) and (max-width: 390px){ .k-menu-scroll-wrapper input { margin-left: -75px; margin-top: 5px; } } @media (min-width: 391px) and (max-width: 391px){ .wrap-menu-extended input { left: 146px; } } @media (min-width: 393px) and (max-width: 393px){ .container-icon { margin-left: 117px; } } @media (min-width: 393px) and (max-width: 393px){ .wrap-menu-extended input { left: 146px; } } @media (min-width: 376px) and (max-width: 411px){ .wrap-menu-extended input { left: 135px; } } @media (min-width: 412px) and (max-width: 412px){ .container-icon { margin-left: 50px; margin-top: 2px !important; } } @media (min-width: 430px) and (max-width: 430px){ .container-icon { margin-left: 55px; } } @media (min-width: 430px) and (max-width: 430px){ .k-menu-scroll-wrapper input { margin-left: -44px; } } @media (min-width: 412px) and (max-width: 412px){ .wrap-menu-extended input { left: 179px; } } @media (min-width: 414px) and (max-width: 414px){ .container-icon { margin-left: 50px; } } @media (min-width: 414px) and (max-width: 414px){ .wrap-menu-extended input { left: 179px; } } @media (min-width: 540px) and (max-width: 540px){ .container-icon { margin-left: 40px; margin-top: 2px !important; } } @media (min-width: 540px) and (max-width: 540px){ .k-menu-scroll-wrapper input { margin-left: -155px; } } @media (min-width: 540px) and (max-width: 540px){ .wrap-menu-extended input { left: 250px; } } @media (min-width: 653px) and (max-width: 653px){ .container-icon { margin-left: 376px; } } @media (min-width: 653px) and (max-width: 653px){ .wrap-menu-extended input { left: 416px; } } @media (min-width: 667px) and (max-width: 667px){ .container-icon { margin-left: 130px; margin-top: 2px !important; } } @media (min-width: 667px) and (max-width: 667px){ .wrap-menu-extended input { left: 206px; } } @media (min-width: 667px) and (max-width: 667px){ .k-menu-scroll-wrapper input { left: 70px !important; } } @media (min-width: 667px) and (max-width: 667px){ .k-menu-scroll-wrapper>.container-icon span { background: black; margin-left: -5px; } } @media (min-width: 720px) and (max-width: 720px){ .container-icon { margin-left: 200px; margin-top: 2px !important; } } @media (min-width: 720px) and (max-width: 720px){ .wrap-menu-extended input { left: 480px; } } @media (min-width: 720px) and (max-width: 720px){ .k-menu-scroll-wrapper input { margin-left: -4px; } } @media (min-width: 740px) and (max-width: 740px){ .container-icon { margin-left: 220px; margin-top: 3px !important; } } @media (min-width: 740px) and (max-width: 740px){ .k-menu-scroll-wrapper input { margin-left: 17px; } } @media (min-width: 740px) and (max-width: 740px){ .wrap-menu-extended input { left: 500px; } } @media (min-width: 768px) and (max-width: 768px){ .container-icon { margin-left: 240px; margin-top: 2px !important; } } @media (min-width: 768px) and (max-width: 768px){ .wrap-menu-extended input { left: 500px; } } @media (min-width: 768px) and (max-width: 768px){ .k-menu-scroll-wrapper input { margin-left: 37px !important; } } @media (min-width: 853px) and (max-width: 853px) { .container-icon { margin-left: 320px; margin-top: 2px !important; } } @media (min-width: 853px) and (max-width: 853px) { .k-menu-scroll-wrapper input { margin-left: 118px; } } @media (min-width: 882px) and (max-width: 882px) { .container-icon { margin-left: 350px; margin-top: -15px; background-color: transparent !important; } } @media (min-width: 896px) and (max-width: 896px) { .container-icon { margin-left: 350px; margin-top: -15px; background-color: var(--scnd-background-color); } } @media (min-width: 820px) and (max-width: 820px) { .container-icon { margin-left: 280px; margin-top: 2px !important; } } @media (min-width: 820px) and (max-width: 820px) { .k-menu-scroll-wrapper input { margin-left: 75px; } } @media (min-width: 820px) and (max-width: 820px){ .wrap-menu-extended input { margin-left: 530px; } } @media (min-width: 844px) and (max-width: 844px) { .container-icon { margin-left: 300px; margin-top: 1px !important; } } @media (min-width: 844px) and (max-width: 844px){ .wrap-menu-extended input { margin-left: 560px; } } @media (min-width: 844px) and (max-width: 844px){ .k-menu-scroll-wrapper input { margin-left: 97px !important; } } @media (min-width: 851px) and (max-width: 851px) { .container-icon { margin-left: 558px; } } @media (min-width: 851px) and (max-width: 851px){ .wrap-menu-extended input { margin-left: 560px; } } @media (max-width: 858px){ .container-icon { left: initial !important; width: 11px; height: fit-content; margin-top: 9px; background-color: var(--scnd-theme-color); } } @media (max-width: 858px){ .wrap-menu-extended>.container-icon span { display: block; width: 20px; height: 3px; margin-bottom: 3px; top: 2px; margin-left: -6px; position: relative; background-color: var(--main-background-color); z-index: 1; opacity: 1; transform-origin: 3px 1px !important; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } } @media (max-width: 858px){ .wrap-menu-extended input:checked ~ .container-icon span { opacity: 1; transform: rotate(45deg) translate(3px, -1px) translate3d(0, 0, 0); } } @media (max-width: 858px){ .wrap-menu-extended input:checked ~ .container-icon .child-2 { transform: rotate(-45deg) translate(-2px, 5px) translate3d(0, 0, 0); } } @media (max-width: 858px){ .wrap-menu-extended input:checked ~ .container-icon .child-3 { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } } @media (max-width: 858px){ label#label-botonera { display: block; float: right; margin-right: -102px; } } @media (max-width: 575.98px){ label#label-botonera{ margin-right: -9px !important; } } @media (max-width: 858px){ .wrap-menu-extended input:checked~.container-icon span { background: var(--main-background-color); } } @media (min-width: 280px) and (max-width: 620px){ div[id^="ABM_Prospecto_Lula_20554"] .group_columns_container .column_control_container, div[id^="ABM_Obra_Lula_Home_20555"] .group_columns_container .column_control_container, div[id^="ABM_solicitud_Pedido_Lula_20556"] .group_columns_container .column_control_container { width: 100% !important; } } @media (max-width: 912px){ div[id^="ABM_Prospecto_Lula_20554"] .group_columns_container .column_control_container, div[id^="ABM_Obra_Lula_Home_20555"] .group_columns_container .column_control_container, div[id^="ABM_solicitud_Pedido_Lula_20556"] .group_columns_container .column_control_container { width: auto !important; margin: auto; } } @media (max-width: 915px){ .mo-abm-toolbar { justify-content: initial; } } @media (max-width: 915px){ .trv-nav>ul { position: initial !important; } } @media (max-width: 915px){ #divApplicationChange #select-app-popup { max-height: 300px; } } @media (max-width: 858px){ .trv-menu-large.k-menu-horizontal { display: flex; overflow: auto; } } @media (min-width: 280px) and (max-width: 900px){ #top-area .nav-bar-buttons .k-menu-horizontal { display: grid; top: 0px; } } @media (min-width: 280px) and (max-width: 912px){ .standard-nav-level1 .k-menu-horizontal { position: relative; display: block !important; top: 0; margin: 0 20px 0 0; } } @media (min-width: 280px) and (max-width: 912px){ #centralContainer.left-area { display: contents; } } @media (min-width: 280px) and (max-width: 912px){ .contenedoruno, .contenedordos, .contenedortres { width: auto !important; margin-bottom: 15px; } } @media (min-width: 360px) and (max-width: 375px) { footer .footer-section2 p { float: initial; padding: 2px 0 0 0; } } @media (min-width: 390px) and (max-width: 390px) { footer .footer-section2 p { float: initial; padding: 2px 0 0 0; } } @media (min-width: 393px) and (max-width: 393px) { footer .footer-section2 p { float: initial; padding: 2px 0 0 0; } } @media (min-width: 412px) and (max-width: 414px) { footer .footer-section2 p { float: initial; padding: 0 45px 0 0; } } @media (min-width: 430px) and (max-width: 430px) { footer .footer-section2 p { float: initial; padding: 0 45px 0 0; } } @media (min-width: 768px) and (max-width: 820px) { footer .footer-section2 p { float: right; margin-top: 10px; padding: 27px 45px 0 0; } } /***estilos responsive tienda virtual home menu principal ****/ @media (min-width: 344px) and (max-width: 540px){ .logoMain .header-logo { width: 85px !important; margin: 6px 0 0 -8px !important; } } @media (min-width: 882px) and (max-width: 882px) { #menu{ height: auto !important; } } @media (min-width: 344px) and (max-width: 430px) { .header-search .search-text{ width: 50px; } } @media (min-width: 360px) and (max-width: 375px) { .loginMain div.login-action{ margin-top: 0; display: contents; } } @media (min-width: 375px) and (max-width: 375px){ .k-menu-scroll-wrapper > .container-icon span { background: #212529; margin-left: -6px; } } @media (min-width: 344px) and (max-width: 344px){ .k-menu-scroll-wrapper input { left: -6px!important; } } @media (min-width: 360px) and (max-width: 375px){ .k-menu-scroll-wrapper input { left: 15px !important; } } @media (min-width: 412px) and (max-width: 414px){ .k-menu-scroll-wrapper input { margin-left: -60px !important; margin-top: 5px !important; } } @media (min-width: 375px) and (max-width: 768px){ #NAV_LULAHOME-buttons.nav-bar-buttons { margin-left: 0 !important; justify-content: center !important; } } @media (min-width: 882px) and (max-width: 882px){ #NAV_LULAHOME-buttons.nav-bar-buttons { justify-content: center !important; margin-left: 0 !important; } } @media (min-width: 853px) and (max-width: 853px){ #NAV_LULAHOME-buttons.nav-bar-buttons { justify-content: center !important; margin-left: 0 !important; } } @media (min-width: 360px) and (max-width: 375px){ #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item { margin-bottom: 10px; } } @media (min-width: 430px) and (max-width: 430px){ #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-scroll-wrapper { width: auto !important; } } @media (min-width: 430px) and (max-width: 430px){ #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item { margin-top: 10px !important; } } @media (min-width: 390px) and (max-width: 414px){ #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item { margin-bottom: 10px; } } @media (min-width: 540px) and (max-width: 540px){ #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item { margin-bottom: 10px; } } @media (min-width: 820px) and (max-width: 844px){ #NAV_LULAHOME-buttons.nav-bar-buttons { justify-content: center !important; margin-left: 0; } } /**estilos tienda virtual buscador***/ @media (min-width: 375px) and (max-width: 414px){ .style-search> .control_container .vp-selected-value { width: 100% !important; justify-self: center; margin-right: 0; } } /**estilos tienda virtual MOSAICOS***/ .k-menu-scroll-wrapper>.container-icon span { background: black; margin-left: -5px; } @media (min-width: 360px) and (max-width: 430px){ #RK_ABM_Pagina_Home_Lula_20553 { margin-top: 20px; } } @media (min-width: 540px) and (max-width: 540px){ #RK_ABM_Pagina_Home_Lula_20553 { margin-top: 20px; } } @media (min-width: 375px) and (max-width: 375px){ .styles-grid-categories .k-table-tbody .k-table-row { margin-left: 0 !important; } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories .k-table-tbody .k-table-row { width: 45% !important; max-height: 250px; margin: 5px !important; } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 85%; } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-promotions .k-grid .k-grid-content .k-table { display: grid !important; } } @media (min-width: 344px) and (max-width: 344px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: min-content !important; } } @media (min-width: 540px) and (max-width: 540px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: min-content !important; } } @media (min-width: 344px) and (max-width: 344px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: grid !important; width: auto !important; } } @media (min-width: 540px) and (max-width: 540px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: grid !important; } } @media (min-width: 720px) and (max-width: 720px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 96% !important; } } @media (min-width: 853px) and (max-width: 853px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 81% !important; } } @media (min-width: 882px) and (max-width: 882px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 76% !important; } } @media (min-width: 344px) and (max-width: 344px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 360px) and (max-width: 375px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 390px) and (max-width: 390px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 412px) and (max-width: 430px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 853px) and (max-width: 853px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 90% !important; margin: 15px auto !important; } } @media (min-width: 882px) and (max-width: 882px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 667px) and (max-width: 667px){ .styles-grid-categories .k-table-tbody .k-table-row { width: 230px !important; margin: 10px !important; } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories .k-table-tbody .k-table-td { margin-top: 10px !important; margin-bottom: 10px !important; } } @media (min-width: 360px) and (max-width: 360px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: auto !important; } } @media (min-width: 768px) and (max-width: 768px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 90% !important; } } @media (min-width: 820px) and (max-width: 820px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 85% !important; } } @media (min-width: 896px) and (max-width: 896px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 75% !important; } } @media (min-width: 667px) and (max-width: 667px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: flex !important; } } @media (min-width: 720px) and (max-width: 720px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: flex !important; } } @media (min-width: 844px) and (max-width: 844px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 80% !important; } } @media (min-width: 912px) and (max-width: 932px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 73% !important; } } @media (min-width: 1024px) and (max-width: 1024px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 98% !important; } } @media (min-width: 1280px) and (max-width: 1280px){ .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody { width: 76% !important; } } @media (min-width: 844px) and (max-width: 844px){ .styles-grid-categories.style-table-grid .k-grid .k-grid-content .k-table .k-table-tbody { width: 80% !important; } } @media (min-width: 844px) and (max-width: 844px){ .styles-grid-promotions .k-grid .k-grid-content .k-table { justify-content: flex-start !important; } } @media (min-width: 740px) and (max-width: 896px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: flex !important; } } @media (min-width: 912px) and (max-width: 932px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: flex !important; } } @media (min-width: 1024px) and (max-width: 1024px){ .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody { display: flex !important; } } @media (min-width: 540px) and (max-width: 540px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 667px) and (max-width: 667px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 720px) and (max-width: 720px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 90% !important; margin: 15px auto !important; } } @media (min-width: 740px) and (max-width: 844px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 896px) and (max-width: 896px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 100% !important; margin: 15px auto !important; } } @media (min-width: 912px) and (max-width: 932px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 90% !important; margin: 15px auto !important; } } @media (min-width: 1024px) and (max-width: 1024px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 90% !important; margin: 15px auto !important; } } @media (min-width: 1180px) and (max-width: 1180px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 80% !important; margin: 15px auto !important; } } @media (min-width: 1280px) and (max-width: 1280px){ div[id^="ABM_Prospecto_Lula_20554"], div[id^="ABM_Obra_Lula_Home_20555"], div[id^="ABM_solicitud_Pedido_Lula_20556"] { width: 70% !important; margin: 15px auto !important; } } @media (min-width: 896px) and (max-width: 1200px){ div[id^="NAV_LULAHOME_39360"] { justify-items: center !important; } } div[id^="ABM_Prospecto_Lula_20554"] .section_default_main_div_fieldset_legend, div[id^="ABM_Obra_Lula_Home_20555"] .section_default_main_div_fieldset_legend, div[id^="ABM_solicitud_Pedido_Lula_20556"] .section_default_main_div_fieldset_legend { text-align: start; } /****Ocultar menu hambuerguesa****/ @media (min-width: 344px) and (max-width: 1200px){ #check-menu-responsive { display: none !important; } } @media (min-width: 344px) and (max-width: 1200px){ .container-icon { display: none !important; } } @media (min-width: 344px) and (max-width: 1200px){ #check-menu-responsive:checked~.k-menu-horizontal { display: none !important; } } /**estilos popup compra***/ @media (min-width: 344px) and (max-width: 1200px){ div[aria-labelledby^="ABM_Producto_MaterialesHome_"] { width: 90% !important; height: auto !important; left: 50% !important; top: 50% !important; justify-content: center; transform: translate(-50%, -50%); } } @media (min-width: 344px) and (max-width: 1200px){ div[aria-labelledby^="ABM_Producto_MaterialesHome_"] fieldset .column_control_container:nth-child(8) { width: -webkit-fill-available !important; } } /***estilos footer responsive****/ @media (min-width: 344px) and (max-width: 430px){ footer .footer-section2 p { margin-top: 34px !important; } } @media (min-width: 540px) and (max-width: 540px){ footer .footer-section2 p { padding: 5px 45px 0 0 !important; } } /**estilos responsive tienda lula**/ @media (min-width: 344px) and (max-width: 1024px){ .nav-bar-buttons .k-menu-item { margin-left: 0; margin-right: 20px; } } @media (min-width: 344px) and (max-width: 932px){ #centralContainer { display: contents !important; } } @media (min-width: 768px) and (max-width: 768px){ #top-area .nav-bar-buttons .k-menu-horizontal { display: flex; } } div[id^="ABM_Prospecto_Lula_"] div[id^="tool-bar-"]{ /*display: none;*/ } @media (min-width: 344px) and (max-width: 540px){ #group-138225 .group_columns_container { display: grid; } } @media (min-width: 344px) and (max-width: 540px){ .style-person-register { width: 100% !important; } } @media (min-width: 344px) and (max-width: 540px){ #group-148945 .group_columns_container { display: grid; } } @media (min-width: 344px) and (max-width: 540px){ #group-148945 .group_columns_container .column_control_container { width: 100% !important; } } @media (min-width: 344px) and (max-width: 540px){ #group-148946 .group_columns_container { display: grid; } } @media (min-width: 344px) and (max-width: 540px){ #group-148946 .group_columns_container .column_control_container { width: 100% !important; } } @media (min-width: 344px) and (max-width: 540px){ .group_columns_container .column_control_container { display: inline-table; /* width: auto !important; */ text-align: center; margin: auto; } } @media (min-width: 344px) and (max-width: 540px){ .create_m_main .mo-abm-toolbar { justify-content: center; } } @media (min-width: 344px) and (max-width: 932px){ div[role^="dialog"] { width: 90% !important; } } .k-menu-scroll-wrapper{ width: 100% !important; } /*this cascading style sheet lets setting up the style rules for classes stored at BIM */ .EstiloGrillaSinLinea .k-grid .k-grid-header{ display: none; } .EstiloGrillaSinLinea .k-grid .k-grid-container .k-table-td{ border-color: rgb(0 0 0 / 0%); } .EstiloGrillaSinLinea .k-grid .k-grid-container .k-table-alt-row{ background-color: rgb(0 0 0 / 0%); } .EstiloGrillaSinLinea .k-grid .k-grid-container .k-table-row .k-table-td{ border-bottom: 1px solid rgb(0 0 0 / 21%); } .EstiloGrillaSinLinea .k-grid .k-grid-container .col.k-sorted{ background-color: rgb(0 0 0 / 0%); } .EstiloGrillaSinLinea .k-grid-content col.k-sorted{ background-color: transparent; } .btn-remove-espace{ margin-top: 0; } div[id^="List_solicitud_solicitante_conTitulo"] h2{ color: #D8A144; font-weight: 600; font-size: 18px; font-family: "Open Sans Light","Open Sans"; } div[id^="ABMCargoContacto_PruebaTheme"]{ background-color: transparent !important; box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%) !important; } /****Estilos parael control RTF***/ .EstiloDescripcion .spanRight .k-editor{ border-color: rgb(0 0 0 / 0%); } .EstiloDescripcion .spanRight .k-editor .k-editor-toolbar{ display: none; } .EstiloDescripcion .spanRight .k-editor .k-editor-content{ border-color: rgb(0 0 0 / 0%); border-width: 0; overflow-x: hidden; } .EstiloDescripcion .spanRight .k-editor .k-editor-content .k-iframe{ border: 1px solid rgb(0 0 0 / 0%); } .EstiloTitulo .spanRight .k-textbox{ border-color: transparent; background-color: transparent; } .EstiloTitulo .spanRight .k-textbox .k-input-inner { text-align: center; color: var(--main-background-color); font-size: 30px; font-family: Georgia, serif; background: 0% 0% / 20px 20px repeat radial-gradient(1px 1px at 35% 75%, #ffffff33 0% 100%, #0000ff00 100%), linear-gradient(to right, #0d3f9cff 0%, #61b0ffff 100%); border-bottom-right-radius: 200px; border-bottom-left-radius: 200px; } .EstiloDescripcion .spanRight .k-textbox{ border-color: transparent; background-color: transparent; } .EstiloDescripcion .spanRight .k-textbox .k-input-inner { text-align: center; font-size: 20px; font-family: Open Sans Light, Open Sans; } .resaltar-oracion .k-input-inner[type="text"] { font-weight: 400; font-style: italic; color: #0b5394; background-color: transparent; border-color: transparent; } .resaltar-oracion .k-no-click { border-color: transparent; } .GenSoftw_ResaltarString > div > div > span { font-style: italic; color: var(--main-text-color) !important; font-weight: 600; } .GenSoftw_ResaltarString > div > div > span > input[class="k-input"] { border-color: #5a5a5a7a !important; -webkit-box-shadow: 0px 0px 5px 2px rgb(11 28 88 / 58%) !important; box-shadow: 0px 0px 5px 2px rgb(11 28 88 / 37%) !important; } .GenSoftw_ResaltarString > div > div > .k-valid, k-state-focused > input[class="k-input"] { color: var(--main-text-color); border-color: #5a5a5a7a; -webkit-box-shadow: 0px 0px 5px 2px rgb(11 28 88 / 58%); box-shadow: 0px 0px 5px 2px rgb(11 28 88 / 37%); } .k-window .GenSoftw_GenerationSummary_Style { padding-top: 50px; } .GenSoftw_GenerationSummary_Style { color: #060; font-size: 12px; } .GenSoftw_PrototypeGeneratorInvocationResult_Hidden { display: none; } /*Comienza estilos para la grilla Contenido consulta*/ div[id^="LIST_Tema_con_Contenido_Consulta"] .k-grid-header .k-grid-header-wrap{ display: none; } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-pager{ display: none; } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-grid-container .k-table-tbody .k-table-td{ background-color: transparent; border-color: rgb(0 0 0 / 0%); } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-table-row.k-table-alt-row{ background-color: transparent; } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-grid-container .k-table-group-row .k-table-td{ color: var(--main-background-color); background-color: var(--imagen-button-color); } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-table-tbody .k-table-row:hover{ background-color: var(--main-background-color) !important; } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-command-cell > .k-button{ background-color: var(--other-color); } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-command-cell > .k-button:hover{ background-color: var(--main-theme-color); } div[id^="LIST_Tema_con_Contenido_Consulta"] .k-command-cell > .k-button .k-i-circle{ display: block !important; } div[id^="LIST_VistaCompleta_"] { width: 100%; } @media (min-width: 1400px) and (max-width: 2000px){ div[id^="LIST_VistaCompleta_"] { width: 1320px !important; } } .k-i-circle::before { content: "\e13d"; } /*Comienza estilos de LIST dentro del ABM Contenido General Read ONLY */ div[id^="ABM_Contenido_General_ReadOnly"] .div-richtext-readonly h4 { text-align: center; color: var(--imagen-button-color); } div[id^="ABM_Contenido_General_ReadOnly"] .div-richtext-readonly p { text-align: center; } :is(.k-master-row>td[role=gridcell] ul,.div-richtext-readonly>ol li) { list-style: unset; } .k-command-cell .k-grid-undefined_acuerda_con_tipo_de_obligacion{ background-color: var(--scnd-background-color) !important; } .k-command-cell .k-grid-undefined_acuerda_con_tipo_de_obligacion:hover{ background-color: var(--fourth-alert-color) !important; } .k-command-cell .k-grid-undefined_acuerda_con_tipo_de_obligacion .k-svg-i-circle{ display: none !important; } .k-table-tbody .k-table-td .action-call-icon-delete::before { display: block !important; content: "\e10c"; font-family: "WebComponentsIcons"; opacity: initial; background-color: transparent; transform: translateY(6px); } .k-table-tbody .action-call-icon-delete .k-button-text { opacity: 0 !important; } .k-table-tbody .k-table-td .action-call-icon-edit::before { display: block !important; content: "\e10b"; font-family: "WebComponentsIcons"; opacity: initial; background-color: transparent; transform: translateY(6px); } .k-table-tbody .action-call-icon-edit .k-button-text { opacity: 0; } .k-command-cell .k-grid-undefined_KERNEL_E{ background-color: var(--scnd-background-color) !important; } .k-command-cell .k-grid-undefined_KERNEL_E:hover{ background-color: var(--scnd-theme-color) !important; } .k-command-cell .k-grid-undefined_KERNEL_E .k-svg-i-circle{ display: none !important; } div[aria-labelledby^="RK_ABM_c7adbbbd98c1_aceptacion_de_terminos_win_host_wnd_title"] { width: 90% !important; height: -webkit-fill-available !important; left: 5% !important; } div[role^="dialog"] { /*height: auto !important;*/ /*top: 11px !important;*/ margin: auto; } @media (max-width: 915px){ div[role^="dialog"] { /*width: 90% !important;*/ min-width: 90% !important; /*height: -webkit-fill-available !important;*/ /*top: 11px !important;*/ margin: auto; } } @media (max-width: 915px){ div[role^="dialog"] .k-window-content .search-popup-filters { display: block; } } @media (max-width: 915px){ div[id^="ABM_InterfazContratoFirmaDigital"] div[id^="section-item0"] { display: contents; } } @media (max-width: 915px){ .embed-container .css-zzxapg { z-index: 12000; overflow: initial !important; overflow-y: scroll !important; } } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(1) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-home.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(1) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(2) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Projects.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(2) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(3) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Tray2.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(3) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(4) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Tray.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(4) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(5) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Certificate.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(5) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(6) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Actors.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(6) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(7) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-online-help-2.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(7) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(8) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Legal-Document.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(8) .k-link:before { display: none; } /*/////////////////////////*/ div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-panelbar-header.k-level-0:nth-child(1) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Actors.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-level-1:nth-child(1) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-panelbar-header.k-level-0:nth-child(2) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Process.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-level-1:nth-child(2) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-panelbar-header.k-panelbar-header.k-level-0:nth-child(3) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Reports.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-level-1:nth-child(3) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-panelbar-header.k-level-0:nth-child(4) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-online-help-2.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-level-1:nth-child(4) .k-link:before { display: none; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-panelbar-header.k-level-0:nth-child(5) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-Legal-Document.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert_copy2-buttons"] .k-level-1:nth-child(5) .k-link:before { display: none; } .caption-italic .column-caption { color: var(--main-text-color); font-style: italic; font-size: 0.9rem; } div[id^="Portal_Cliente_Vert-buttons"] .k-panelbar-header.k-level-0:nth-child(1) .k-link:before { width: 28px; height: 25px; content: url(/Content/themes/default/Images/Menu/Icon-home.png); margin-top: -8px; transform: scale(0.7); right: 20px; } div[id^="Portal_Cliente_Vert-buttons"] .k-level-1:nth-child(1) .k-link:before { display: none; } .k-panelbar-content .spanRight .k-editor{ border-color: rgb(0 0 0 / 0%); } /*.hide-edit-container .spanRight .k-editor .k-editor-toolbar{ display: none; }*/ .section_default_main_div_fieldset .spanRight .k-editor{ border-color: rgb(0 0 0 / 0%); } .hide-edit-container .spanRight .k-editor .k-editor-toolbar{ display: none; } .hide-edit-container .k-editable-area .k-content{ border: 1px solid rgb(0 0 0 / 0%); } .section_default_main_div_fieldset .spanRight .k-editor .k-editable-area{ overflow-y: inherit; } /****Estilos burbujas***/ .contenedorbubbleBlue .control_container, .contenedorbubbleBlueDark .control_container, .contenedorbubbleGreen .control_container, .contenedorbubbleRed .control_container{ width: 20%; padding: 0; } .contenedorbubbleBlue .control_container .k-numerictextbox, .contenedorbubbleBlueDark .control_container .k-numerictextbox, .contenedorbubbleYelow .control_container .k-numerictextbox, .contenedorbubbleGreen .control_container .k-numerictextbox, .contenedorbubbleRed .control_container .k-numerictextbox{ color: #fff; font-size: 1em; border-width: 0; border-style: none; background-color: transparent; } .contenedorbubbleBlue .k-numerictextbox .k-input-spinner, .contenedorbubbleBlueDark .k-numerictextbox .k-input-spinner, .contenedorbubbleYelow .k-numerictextbox .k-input-spinner, .contenedorbubbleGreen .k-numerictextbox .k-input-spinner, .contenedorbubbleRed .k-numerictextbox .k-input-spinner{ display: none; } .contenedorbubbleYelow .k-datepicker{ width: 100px !important; color: var(--main-background-color); font-size: 1em; border-color: rgb(0 0 0 / 0%); background-color: transparent; } .contenedorbubbleYelow .k-datepicker:hover{ border-color: rgb(0 0 0 / 0%); } .contenedorbubbleYelow .k-datepicker .k-maskedtextbox{ padding: 0; } .contenedorbubbleYelow .k-datepicker .k-maskedtextbox .k-input-spinner{ padding: 0; text-align: center; } .contenedorbubbleYelow .k-datepicker .k-input-button{ display: none; } .contenedorbubbleYelow .control_container { width: 60%; padding: 0; } .contenedorbubbleYelow .k-datepicker .k-input-spinner, .contenedorbubbleGreen .k-numerictextbox .k-input-spinner, .contenedorbubbleRed .k-numerictextbox .k-input-spinner{ display: none; } .set-column-width-pixels{ width: 1100px !important; } div[id^="DescripcionAmpliada"] .k-editor .k-editor-content{ overflow-x: initial !important; } /***estilospara icono de menu vertical***/ /*.icon-item> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad.png); /*margin-top: -8px;*/ /*transform: scale(.8); right: 20px; } .icon-item > .k-link.k-hover:before { width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad2.png); /*margin-top: -8px;*/ /*transform: scale(.8); right: 20px;/* } .icon-item> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad2.png); /*margin-top: -8px;*/ /* transform: scale(1) right: 20px; } .icon-item.k-expanded> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad2.png); /*margin-top: -8px;*/ /* transform: scale(1); right: 20px; } li[aria-expanded^="false"].icon-item> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad.png); /*margin-top: -8px;*/ /* transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-item> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/Icon-oportunidad2.png); /*margin-top: -8px;*/ /* transform: scale(1); right: 20px; }*/ /***********************************************************/ /**Estilos colocar iconos en cada opción panelbar vertical***/ /***********************************************************/ .icon-item:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-black.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-item:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-white.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-white.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-item.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-white.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-black.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/persons-white.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-role:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-role:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-role:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-role.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-role:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-role:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-material:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-material:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-material:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-material.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-material:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-material:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-prices:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-prices:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-prices:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-prices.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-prices:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-prices:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-model:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-model:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-model:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-model.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-model:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-model:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-constructions:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-constructions:nth-child(6)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-constructions:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-constructions.k-expanded:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-constructions:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-constructions:nth-child(6)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-supplier:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-supplier:nth-child(7)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-supplier:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-supplier.k-expanded:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-supplier:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-supplier:nth-child(7)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-clients:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-clients:nth-child(8)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-clients:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-clients.k-expanded:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-clients:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-clients:nth-child(8)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-buys:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-buys:nth-child(9)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-buys:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-buys.k-expanded:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-buys:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-buys:nth-child(9)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/buys2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-deliveries:nth-child(10)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-deliveries:nth-child(10)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-deliveries:nth-child(10)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-deliveries.k-expanded:nth-child(10)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-deliveries:nth-child(10)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-deliveries:nth-child(10)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-billing:nth-child(11)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-billing:nth-child(11)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-billing:nth-child(11)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-billing.k-expanded:nth-child(11)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-billing:nth-child(11)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-billing:nth-child(11)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-payments:nth-child(12)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-payments:nth-child(12)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-payments:nth-child(12)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-payments.k-expanded:nth-child(12)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-payments:nth-child(12)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-payments:nth-child(12)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ .icon-queries:nth-child(13)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-queries:nth-child(13)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-queries:nth-child(13)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } .icon-queries.k-expanded:nth-child(13)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-queries:nth-child(13)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } li[aria-expanded^="false"].icon-queries:nth-child(13)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/queries2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical ADMINISTRACIÓN LULA***/ /***********************************************************/ div[id^="NAV_ADMIN_LULA_40932"] .icon-role:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-role:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-role:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-role.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-role:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-role:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/assign-role2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-material:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-material:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-prices:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-prices:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-model:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-model:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-model:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-model.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-model:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-model:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/works2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-constructions:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-constructions:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-constructions:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-constructions.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-constructions:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-constructions:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-material.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-material:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-material:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/materials2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(6)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-prices.k-expanded:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-prices:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-prices:nth-child(6)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/prices2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-supplier:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-supplier:nth-child(7)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-supplier:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-supplier.k-expanded:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-supplier:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-supplier:nth-child(7)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/agreement2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-message:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-message:nth-child(8)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-message:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-message.k-expanded:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-message:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-message:nth-child(8)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/message2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_ADMIN_LULA_40932"] .icon-details:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-details:nth-child(9)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-details:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] .icon-details.k-expanded:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-details:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_ADMIN_LULA_40932"] li[aria-expanded^="false"].icon-details:nth-child(9)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical ADMINISTRACIÓN LULA***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical CLIENTE LULA***/ /***********************************************************/ div[id^="NAV_CLIENTE_40043"] .icon-item:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-item:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-item.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_40043"] .icon-constructions:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-constructions:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-constructions:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-constructions.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-constructions:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-constructions:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_40043"] .icon-events:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-events:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-events:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-events.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-events:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-events:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_40043"] .icon-incidents:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-incidents:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-incidents:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-incidents.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-incidents:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-incidents:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_40043"] .icon-notifications:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-notifications:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-notifications:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-notifications.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-notifications:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-notifications:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_40043"] .icon-details:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-details:nth-child(6)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-details:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] .icon-details.k-expanded:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-details:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_40043"] li[aria-expanded^="false"].icon-details:nth-child(6)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical CLIENTE LULA***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical CLIENTE LULA EXPERTO***/ /***********************************************************/ div[id^="NAV_CLIENTE_EXP_45648"] .icon-item:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-item:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-item.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_EXP_45648"] .icon-incidents:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-incidents:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-incidents:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-incidents.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-incidents:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-incidents:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_EXP_45648"] .icon-notifications:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-notifications:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-notifications:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-notifications.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-notifications:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-notifications:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_CLIENTE_EXP_45648"] .icon-details:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-details:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-details:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] .icon-details.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-details:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_CLIENTE_EXP_45648"] li[aria-expanded^="false"].icon-details:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical CLIENTE LULA EXPERTO***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical PROVEEDOR LOGISTICO***/ /***********************************************************/ div[id^="NAV_PROV_LOG_40220"] .icon-item:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-item:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-item.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-item:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-billing:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-billing:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-billing:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-billing.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-billing:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-billing:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-payments:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-payments:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-payments:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-payments.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-payments:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-payments:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-events:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-events:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-events:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-events.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-events:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-events:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-incidents:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-incidents:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-incidents:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-incidents.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-incidents:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-incidents:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-notifications:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-notifications:nth-child(6)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-notifications:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-notifications.k-expanded:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-notifications:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-notifications:nth-child(6)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-constructions:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-constructions:nth-child(7)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-constructions:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-constructions.k-expanded:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-constructions:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-constructions:nth-child(7)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/constructor2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_40220"] .icon-details:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-details:nth-child(8)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-details:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] .icon-details.k-expanded:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-details:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_40220"] li[aria-expanded^="false"].icon-details:nth-child(8)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical PROVEEDOR LOGISTICO***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical PROVEEDOR LOGISTICO***/ /***********************************************************/ div[id^="NAV_PROV_LOG_COND_45647"] .icon-deliveries:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-deliveries:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-deliveries:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-deliveries.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-deliveries:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-deliveries:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_COND_45647"] .icon-item:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-item:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-item:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-item.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-item:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-item:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_COND_45647"] .icon-events:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-events:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-events:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-events.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-events:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-events:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_COND_45647"] .icon-incidents:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-incidents:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-incidents:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-incidents.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-incidents:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-incidents:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_LOG_COND_45647"] .icon-notifications:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-notifications:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-notifications:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] .icon-notifications.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-notifications:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_LOG_COND_45647"] li[aria-expanded^="false"].icon-notifications:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical PROVEEDOR LOGISTICO***/ /***********************************************************/ /***********************************************************/ /**COMIENZA colocar iconos en cada opción panelbar vertical PROVEEDOR MATERIALES***/ /***********************************************************/ div[id^="NAV_PROV_MAT_40219"] .icon-catalog:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-catalog:nth-child(1)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-catalog:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-catalog.k-expanded:nth-child(1)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-catalog:nth-child(1)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-catalog:nth-child(1)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/catalog2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-clients:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-clients:nth-child(2)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-clients:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-clients.k-expanded:nth-child(2)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-clients:nth-child(2)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-clients:nth-child(2)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/clients2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-deliveries:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-deliveries:nth-child(3)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-deliveries:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-deliveries.k-expanded:nth-child(3)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-deliveries:nth-child(3)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-deliveries:nth-child(3)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/deliveries2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-payments:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-payments:nth-child(4)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-payments:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-payments.k-expanded:nth-child(4)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-payments:nth-child(4)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-payments:nth-child(4)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/payment2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-billing:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-billing:nth-child(5)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-billing:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-billing.k-expanded:nth-child(5)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-billing:nth-child(5)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-billing:nth-child(5)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/billing2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-events:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-events:nth-child(6)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-events:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-events.k-expanded:nth-child(6)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-events:nth-child(6)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-events:nth-child(6)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/events2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-incidents:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-incidents:nth-child(7)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-incidents:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-incidents.k-expanded:nth-child(7)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-incidents:nth-child(7)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-incidents:nth-child(7)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/incidents2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-notifications:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-notifications:nth-child(8)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-notifications:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-notifications.k-expanded:nth-child(8)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-notifications:nth-child(8)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-notifications:nth-child(8)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/notifications2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /**/ div[id^="NAV_PROV_MAT_40219"] .icon-details:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-details:nth-child(9)> .k-link.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-details:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] .icon-details.k-expanded:nth-child(9)> .k-link:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-details:nth-child(9)> .k-link.k-selected:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details.png); /*margin-top: -8px;*/ transform: scale(.8); right: 20px; } div[id^="NAV_PROV_MAT_40219"] li[aria-expanded^="false"].icon-details:nth-child(9)> .k-link.k-selected.k-hover:before{ width: 36px; height: 36px; content: url(/Content/themes/default/Images/Menu/details2.png); /*margin-top: -8px;*/ transform: scale(1); right: 20px; } /***********************************************************/ /**TERMINA colocar iconos en cada opción panelbar vertical PROVEEDOR MATERIALES***/ /***********************************************************/ /*****ESTILOS ICONOS SUB NAVBAR APP HOME LULA TIENDA***/ .nav1::before { content: "\e034"; width: 30px; height: 30px; display: inline-block; font-size: 20px; font-family: "WebComponentsIcons"; padding: 0; text-align: center; border-radius: 25px; box-sizing: border-box; } .nav2::before { content: "\e801"; width: 30px; height: 30px; display: inline-block; font-size: 20px; font-family: "WebComponentsIcons"; padding: 0; text-align: center; border-radius: 25px; box-sizing: border-box; } .nav3::before { content: "\e13c"; width: 30px; height: 30px; display: inline-block; font-size: 20px; font-family: "WebComponentsIcons"; padding: 0; text-align: center; border-radius: 25px; box-sizing: border-box; } .nav4::before { content: "\e143"; width: 30px; height: 30px; display: inline-block; font-size: 20px; font-family: "WebComponentsIcons"; padding: 0; text-align: center; border-radius: 25px; box-sizing: border-box; } .nav-number::before { color: #8b8a8a; background-color: transparent; } .nav-number:hover::before { color: var(--main-background-color); background-color: transparent; } .nav-number.active-menu-item::before { color: var(--main-background-color); background-color: transparent; } /*******ESTILOS APP HOME LULA TIENDA*******/ #NAV_LULAHOME-buttons.nav-bar-buttons{ margin-bottom: 0; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal { display: block; margin-bottom: 15px; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item{ background-color: var(--other-color); padding: 4px 20px 4px 20px; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item:hover { background-color: var(--third-theme-color) !important; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item:hover .k-link.k-menu-link .k-menu-link-text{ color: var(--main-background-color) !important; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item.active-menu-item { background-color: var(--third-theme-color); padding: 4px 20px 4px 20px; } #NAV_LULAHOME-buttons.nav-bar-buttons .k-menu-horizontal .k-menu-item.active-menu-item .k-menu-link{ color: var(--main-background-color) !important; } div[id^="RK_ABM_Pagina_Home_Lula_"] div> .mo-abm-toolbar{ display: none; } div[id^="RK_ABM_Pagina_Home_Lula_"] .k-panelbar-item .k-link{ justify-content: center; font-size: 15px; font-weight: bold; border-radius: 4px; } div[id^="RK_ABM_Pagina_Home_Lula_"] .k-grid-content .k-table-row .k-command-cell .k-button .k-button-text{ display: block !important; } .k-grid-content .k-table-row .action-call-icon-delete.k-command-cell .k-button .k-button-text{ display: block !important; opacity: 10; } .more-categories{ display: flex; font-size: 15px; font-weight: bold; color: var(--main-theme-color) !important; justify-content: center; padding: 10px 25px 10px 25px !important; margin-top: 0 !important; } .more-categories:hover{ color: #fff !important; } .more-categories .k-button-md:focus{ color: #fff !important; } .more-categories .k-button-text::after{ content: "\e015"; width: 30px; height: 30px; display: inline-block; font-size: 25px; font-weight: lighter; font-family: "WebComponentsIcons"; margin-top: -12px; transform: translateX(1px) translateY(7px); } .more-categories .k-loader{ width: 0 !important; display: flex; font-size: 15px; font-weight: bold; color: var(--main-theme-color) !important; justify-content: center; padding: 10px 25px 10px 25px !important; margin-top: 0 !important; } .more-categories.hidden-icon-categories .k-button-text::after{ display: none; } /****Estilos grillas tienda LULA***/ .styles-grid-categories .k-grid-header{ display: none; } .styles-grid-categories .k-grid .k-grid-content .k-table{ display: flex; justify-content: center; } .styles-grid-categories .k-grid .k-grid-content .k-table .k-table-tbody{ width: 94%; } .styles-grid-categories .k-table-tbody .k-table-row{ width: 250px; height: 300px !important; justify-items: center; float: left; margin: 20px; padding: 10px; background-color: #f9f9f9; border-radius: 10px; -webkit-box-shadow: 0px 0px 1px 1px #efefef; box-shadow: 0px 0px 1px 1px #efefef; transition: 0.5s; } .styles-grid-categories .k-table-tbody .k-table-row:hover { background-color: var(--main-theme-color) !important; -webkit-box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgba(0, 0, 0, .1); box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgba(0, 0, 0, .1); transform: translateY(-6px); transition: 0.5s; } .styles-grid-categories .k-table-tbody .k-table-row:hover .k-table-td { color: #fff; } .styles-grid-categories .k-table-tbody .k-table-row:hover .k-table-td span { color: #fff; } .styles-grid-categories .k-table-tbody .k-table-row:hover .k-command-cell.k-table-td .k-button { background-color: var(--third-theme-color); border-radius: 50px !important } .styles-grid-categories .k-table-tbody .k-table-td{ width: 100%; display: flex; justify-content: center; max-width: 100%; text-align: center; font-weight: 600; color: #646464; border-color: rgb(0 0 0 / 0%); word-break: break-word; margin-top: 40px; margin-bottom: 40px; } .styles-grid-categories .k-table-tbody .k-table-td img{ /*width: 200px;*/ } .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row{ height: 350px !important; } .styles-grid-categories.style-table-grid .k-table-tbody{ display: ruby; } .styles-grid-categories.style-table-grid .k-table-td strong, .styles-grid-categories.style-table-grid .k-table-td span{ font-weight: bold; } .styles-grid-categories.style-table-grid .k-table-td div> span{ color: var(--main-theme-color); } .styles-grid-categories.style-table-grid .k-grid .k-grid-content .k-table colgroup{ display: none; } .styles-grid-categories.style-table-grid .k-grid .k-grid-content .k-table .k-table-tbody{ width: 94%; } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row{ height: auto !important; max-height: fit-content; } } .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td:nth-child(8) { display: block; position: relative; margin-top: 0; margin-bottom: 20px; height: 150px; padding-top: 0; } .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td:nth-child(9) { position: relative; height: 60px; margin-top: 15px !important; margin-bottom: 10px !important; } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td:nth-child(8) { height: 100px; } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } @media (min-width: 360px) and (max-width: 430px){ .styles-grid-categories.style-table-grid .k-table-tbody .k-table-row .k-table-td:nth-child(9) { height: auto; } } .styles-grid-categories .k-table-tbody .k-table-td .k-button { color: var(--main-background-color) !important; height: fit-content; background-color: var(--third-theme-color) !important; border-radius: 50px !important; padding: 7px 20px 7px 20px !important; } .styles-grid-categories .k-table-tbody .k-table-td .k-button .k-icon { display: none; } .styles-grid-categories .k-table-tbody .k-table-td .k-button:hover { color: var(--main-background-color) !important; background-color: #e39409 !important; } .styles-grid-categories .k-table-tbody .k-table-row .k-table-td:nth-child(9) { margin-bottom: 15px !important; } .styles-grid-categories .k-table-tbody .k-table-row .k-command-cell:nth-child(10) { margin-top: 0 !important; margin-bottom: 5px; } .styles-grid-categories .k-table-tbody .k-table-row .k-command-cell:nth-child(12) { margin-top: 0px !important; margin-bottom: 0; } /****estilos para reducir el ancho de un abm***/ div[id^="ABM_Prospecto_Lula_20554"] { width: 50%; margin: auto; text-align: center; } div[id^="ABM_Prospecto_Lula_20554"] div> .mo-abm-toolbar{ display: none; } div[id^="ABM_Prospecto_Lula_20554"] div> h2{ margin-bottom: 15px; } div[id^="ABM_Obra_Lula_Home_20555"] { width: 50%; margin: auto; text-align: center; } div[id^="ABM_Obra_Lula_Home_20555"] div> h2{ margin-bottom: 15px; } div[id^="ABM_solicitud_Pedido_Lula_20556"] { /*width: 50%;*/ margin: auto; text-align: center; } div[id^="ABM_solicitud_Pedido_Lula_20556"] .section_default_main_div_fieldset_legend{ background: var(--main-theme-color); } div[id^="ABM_solicitud_Pedido_Lula_20556"] div> h2{ margin-bottom: 15px; } div[id^="ABM_Obra_Lula_Home_20555"] div[id^="src_proyecto_con_tipodirecc_"] .create_m_main{ box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%); } div[id^="ABM_Obra_Lula_Home_20555"] div[id^="src_proyecto_con_tipodirecc_"] fieldset .section_default_main_div_content{ border-width: 0 !important; } /***estilos slider promociones***/ div[id^="group-138190"] p{ text-align: center; font-size: 30px; color: var(--main-theme-color); font-weight: bold; margin-top: 20px; } .styles-grid-promotions .k-table-tbody .k-table-row{ height: 300px !important; justify-items: center; margin: 20px; background-color: #f9f9f9; border-radius: 10px; -webkit-box-shadow: 0px 0px 1px 1px #efefef; box-shadow: 0px 0px 1px 1px #efefef; transition: 0.5s; } .styles-grid-promotions .k-table-tbody .k-table-row:hover{ background-color: #f9f9f9 !important; -webkit-box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgba(0, 0, 0, .1); box-shadow: 0 14px 28px rgb(0 0 0 / 8%), 0 10px 10px rgba(0, 0, 0, .1); } .styles-grid-promotions .k-table-tbody .k-table-row .k-table-td:nth-child(8) { margin-top: 10px !important; } .styles-grid-promotions .k-table-tbody .k-table-row .k-table-td:nth-child(9) { margin-bottom: 15px !important; } .styles-grid-promotions .k-table-tbody .k-table-row .k-command-cell:nth-child(10) { margin-top: 15px !important; } .styles-grid-promotions .k-grid-header{ display: none; } .styles-grid-promotions .k-grid .k-grid-content .k-table{ display: flex; justify-content: center; } .styles-grid-promotions .k-grid .k-grid-content .k-table .k-table-tbody{ display: contents; width: 94%; } .styles-grid-promotions .k-table-tbody .k-table-td{ width: 100%; height: auto; display: flex; justify-content: center; max-width: 100%; text-align: center; font-weight: 600; color: #646464; border-color: rgb(0 0 0 / 0%); word-break: break-word; padding-top: 0; } .styles-grid-promotions .k-table-tbody .k-table-td img{ width: -webkit-fill-available; } /*.styles-grid-promotions .k-table-tbody .k-table-row .k-table-td:nth-child(8) { width: auto; height: auto; }*/ /************estilos buscador tienda virtual*************/ div[id^="RK_ABM_Pagina_Home_Lula_"] div> .k-panelbar .k-panelbar-item:nth-child(1) .k-link { display: none; } .style-search> .control_container .spanControlsLeft{ text-align: center; } .style-search> .control_container .spanRight{ display: block; justify-items: center; } .style-search> .control_container .spanControlsLeft span{ font-size: 20px; color: var(--main-theme-color); } .style-search> .control_container .vp-selected-value{ width: 50%; } .style-search> .control_container .vp-selected-value .k-textbox{ border-radius: 50px; background-color: #fbfbfb; border: 1px solid var(--main-theme-color); } .style-search> .control_container .vp-selected-value .k-input-inner{ width: 100% !important; height: 40px; font-size: 18px; } /*****estilos grilla pagina mi carrito***/ @media (min-width: 344px) and (max-width: 540px){ div[id^="ABM_solicitud_Pedido_Lula_"] .section_default_main_div_content { padding-left: 0 !important; padding-right: 0 !important; } } @media (min-width: 344px) and (max-width: 540px){ div[id^="ABM_solicitud_Pedido_Lula_"] .section_default_main_div_content .group_columns_container { overflow: auto; } } @media (min-width: 344px) and (max-width: 540px){ div[id^="ABM_solicitud_Pedido_Lula_"] .column_control_container table.k-grid-header-table { table-layout: auto; } } .aling-rigth { text-align: right !important; display: block; } div[id^="ABM_solicitud_Pedido_Lula_"] .m-bottom-div2 { padding-top: 0; } #group-138229 .control_container .create_m_main.more-reference-box { padding: 0; box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 0%); } #group-138229 .control_container .create_m_main.more-reference-box .section_default_group_Container.k-content { padding: 0; box-shadow: 0px 0px 12px -5px rgb(0 0 0 / 0%); } #group-138229 .control_container .create_m_main.more-reference-box fieldset .section_default_main_div_content.k-content { padding: 0; border-width: 0 !important; } #group-138240 fieldset > .section_default_main_div_content { padding-top: 0; } #group-138256 .section_default_group_Container.k-content fieldset .section_default_main_div_content.k-content { border: 0; padding-left: 0; } #group-138256 .section_default_group_Container.k-content fieldset .section_default_main_div_content.k-content { border: 0; padding-left: 0; } /****estilos pop up carrito de compras**/ div[aria-labelledby^="ABM_Preview_Carrito_"] { height: 100vh !important; top: 0 !important; right: 0 !important; left: auto !important; transform: translateZ(0) !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-window-titlebar-actions button { width: auto !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .column_control_container { padding-right: 0; } div[aria-labelledby^="ABM_Preview_Carrito_"] .create_m_main.k-window-content{ padding-top: 0 !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .section_default_main_div_content{ border: 0 !important; padding: 0 !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-grid-header th.k-header{ display: none; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-grid .k-grid-header{ border-block-end-width: 0; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-grid-container{ height: 50vh; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-grid .k-table-row.k-table-alt-row { background-color: transparent; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row):hover { background-color: transparent !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .k-command-cell{ border-color: rgb(0 0 0 / 0%); } div[aria-labelledby^="ABM_Preview_Carrito_"] .section_default_group_Container{ text-align: center; padding: 0 !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] button{ width: 100%; } div[aria-labelledby^="ABM_Preview_Carrito_"] button[id^="ActionCall_a2b"]{ border-bottom-color: var(--third-theme-color); border-left-color: var(--third-theme-color); border-right-color: var(--third-theme-color); border-top-color: var(--third-theme-color); background-color: var(--third-theme-color); color: #fff; } div[aria-labelledby^="ABM_Preview_Carrito_"] button[id^="ActionCall_a2b"]:hover{ background-color: #dd8f06 !important; } div[aria-labelledby^="ABM_Preview_Carrito_"] .m-bottom-div1.k-toolbar{ gap: 4px !important; margin-top: -5px !important; } /**PERSONALIZACIÓN CONTENIDO POP UP BIENVENIDO TIENDA LULA**/ div[aria-labelledby^="RK_ABM_Auxiliar_Inicio_"] { top: 50px !important; max-width: 800px; min-width: 800px !important; height: 250px !important; max-height: 250px; min-height: 250px; } div[aria-labelledby^="RK_ABM_Auxiliar_Inicio_"] .k-window-titlebar{ background-color: #fff; border-color: #fff; } div[aria-labelledby^="RK_ABM_Auxiliar_Inicio_"] .create_m_main{ margin-bottom: 0; padding-top: 0; box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%); } div[aria-labelledby^="RK_ABM_Auxiliar_Inicio_"] .k-toolbar{ justify-content: center; padding-top: 0; padding-bottom: 0; } /**estilos responsive pop up carrito de compras**/ @media (min-width: 300px) and (max-width: 540px){ div[aria-labelledby^="ABM_Preview_Carrito_"] { width: -webkit-fill-available !important; } } /**estilos responsive pop up bienvenida**/ @media (min-width: 300px) and (max-width: 540px){ div[aria-labelledby^="RK_ABM_Auxiliar_Inicio_"] { max-width: 100%; min-width: 100% !important; width: -webkit-fill-available !important; } } /***ESTILOS GRILLA ABM MI CARRITO**/ div[id^="ABM_Preview_Carrito_"] tr.k-table-row.k-master-row { /*display: table;*/ } div[id^="ABM_Preview_Carrito_"] .k-window-titlebar-actions button { width: auto !important; } div[id^="ABM_Preview_Carrito_"] .column_control_container { padding-right: 0; } div[id^="ABM_Preview_Carrito_"] .create_m_main.k-window-content{ padding-top: 0 !important; } div[id^="ABM_Preview_Carrito_"] .section_default_main_div_content{ border: 0 !important; padding: 0 !important; } div[id^="ABM_Preview_Carrito_"] .k-grid-header th.k-header{ display: none; } div[id^="ABM_Preview_Carrito_"] .k-grid .k-grid-header{ border-block-end-width: 0; } div[id^="ABM_Preview_Carrito_"] .k-grid-container{ height: auto; } div[id^="ABM_Preview_Carrito_"] .k-grid .k-table-row.k-table-alt-row { background-color: transparent; } div[id^="ABM_Preview_Carrito_"] .k-grid .k-table-tbody>.k-table-row:not(.k-detail-row):hover { background-color: transparent !important; } div[id^="ABM_Preview_Carrito_"] .k-grid .k-table-td{ border-color: rgb(0 0 0 / 0%) !important; } div[id^="ABM_Preview_Carrito_"] .k-command-cell{ border-color: rgb(0 0 0 / 0%); } div[id^="ABM_Preview_Carrito_"] .section_default_group_Container{ text-align: center; padding: 0 !important; } div[id^="ABM_Preview_Carrito_"] button{ width: 100%; } div[id^="ABM_Preview_Carrito_"] button[id^="ActionCall_a2b"]{ border-bottom-color: var(--third-theme-color); border-left-color: var(--third-theme-color); border-right-color: var(--third-theme-color); border-top-color: var(--third-theme-color); background-color: var(--third-theme-color); color: #fff; } div[id^="ABM_Preview_Carrito_"] button[id^="ActionCall_a2b"]:hover{ background-color: #dd8f06 !important; } div[id^="ABM_Preview_Carrito_"] .m-bottom-div1.k-toolbar{ gap: 4px !important; margin-top: -5px !important; } div[id^="ABM_Preview_Carrito_"] .cont-img{ text-align: center; } div[id^="ABM_Preview_Carrito_"] .cont-img img{ width: 50px; } div[id^="ABM_Preview_Carrito_"] .cont-material{ width: max-content; white-space: break-spaces; margin-bottom: 20px; font-weight: bold; } div[id^="ABM_Preview_Carrito_"] .cont-cantidad{ /*display: table;*/ width: 100px; } div[id^="ABM_Preview_Carrito_"] .cont-precio{ float: inline-start; font-size: large; color: #181818; } div[id^="ABM_Preview_Carrito_"] .cont-impuesto{ width: 200px; display: flex; float: left; margin-bottom: 10px; } div[id^="ABM_Preview_Carrito_"] .cont-porcentaje{ display: inline-table; width: max-content; font-weight: bold; color: #30a530; background-color: #ebebeb; } div[id^="ABM_Preview_Carrito_"] .cont-base{ display: table; width: max-content; text-decoration: line-through; color: grey; } /**/ div[id^="src_FormaDeEntrega_"].create_m_main{ box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%); } div[id^="group-148926"] .section_default_group_Container { text-align: justify; padding: 0 !important; } div[id^="ABM_FormaDeEntrega_"] .create_m_main { padding: 0; box-shadow: 0 0 12px -5px rgb(0 0 0 / 0%); } div[id^="group-148927"] div[id^="Fecha_entrega_"] span.k-datetimepicker { width: auto !important; } div[id^="group-148927"] div[id^="Fecha_entrega_"] button { width: auto !important; } div[id^="group-148916"] div[id^="ActionCall_98"] button { border-bottom-color: var(--third-theme-color); border-left-color: var(--third-theme-color); border-right-color: var(--third-theme-color); border-top-color: var(--third-theme-color); background-color: var(--third-theme-color); color: #ffffff; } div[id^="group-148916"] div[id^="ActionCall_98"] button:hover { border-bottom-color: #e39305; border-left-color: #e39305; border-right-color: #e39305; border-top-color: #e39305; background-color: #e39305; color: #ffffff; } /***ESTILOS RESPONSIVE PANTALLA MI CARRITO***/ @media (min-width: 280px) and (max-width: 900px){ div[id^="NAV_LULAHOME-buttons"] .k-menu-scroll-wrapper .k-menu-scroll-button { padding: 5px; } } @media (min-width: 280px) and (max-width: 900px){ div[id^="ABM_Preview_Carrito_"] tr.k-table-row.k-master-row { display: inline-table; } } /**Styles resume buy*/ .hide-numeric-control .k-numerictextbox { border: 0; } .hide-numeric-control .k-numerictextbox .k-input-spinner.k-spin-button { display: none; } .hide-numeric-control .k-numerictextbox { width: auto; margin-top: 3px; pointer-events: none; } .hide-numeric-control .k-numerictextbox .k-input-inner { padding: 0; font-weight: bold; color: #4a4a4a; font-size: 14px; } .hide-numeric-control .spanControlsLeft { width: auto; } .hide-numeric-control .spanControlsLeft span { font-size: 18px; color: #3c3c3c; font-weight: bold; } .k-window [id^="ABM_Preview_Carrito_"] h2 { display: none; } div[id^="tool-bar-177"] { margin-top: -1px !important; padding-top: 2px !important; } div[id^="tool-bar-177"] button[id^="New_6390"] { margin-top: -2px; padding: 5px; } /***estilos personalizacion registro persona natural y fisica HOME LULA BASIC**/ div[id^="RK_ABM_Pr_pagina_lula_"].create_m_main { padding: 0; } .m-top-div2 div[id^="group-138191"]{ padding: 0; } div[id^="group-149420-columns"] .column_control_container { padding: 0; } .style-person-register{ height: 150px; margin: auto; text-align: center; background-color: #dbebf3; border-radius: 5px; margin-top: 30px !important; } .style-person-register:hover{ background-color: #c7e0ed; } .style-person-register:before{ display: block; width: 57px; height: 73px; position: relative; content: url(/Content/themes/default/Images/Menu/person-register.png); margin-top: 20px !important; margin: auto; transform: scale(1); } .style-person-register:nth-child(2):before{ display: block; width: 57px; height: 73px; position: relative; content: url(/Content/themes/default/Images/Menu/legal-person.png); margin-top: 20px !important; margin: auto; transform: scale(1); } /****ESTILOS LANDING PAGE LULAGO**/ :root { --primary-blue: #0ea5e9; --dark-blue: #0c4a6e; --hover-blue: #075985; --accent-amber: #fbbf24; --white-10: rgba(255, 255, 255, 0.1); --white-20: rgba(255, 255, 255, 0.2); --font-main: 'Inter', system-ui, -apple-system, sans-serif; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--font-main); background-color: var(--primary-blue); color: white; line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; } /* Background Effects */ .bg-wrapper { position: fixed; inset: 0; background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%);; } .glow { position: absolute; top: -100px; right: -100px; width: 500px; height: 500px; background: rgba(251, 191, 36, 0.15); filter: blur(100px); border-radius: 50%; } .circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; pointer-events: none; } .circle-lg { width: 800px; height: 800px; } .circle-md { width: 600px; height: 600px; } /* Layout */ .container { max-width: 1200px; margin: 0 auto; padding: 2rem; min-height: 100vh; display: flex; align-items: center; position: relative; z-index: 10; } .grid { display: grid; grid-template-columns: 1fr; gap: 4rem; width: 100%; align-items: center; } @media (min-width: 1024px) { .grid { grid-template-columns: 1.2fr 0.8fr; } } /* Left Content */ .content-left { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.8s ease-out forwards; } .badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 1rem; background: var(--white-10); backdrop-filter: blur(10px); border: 1px solid var(--white-20); border-radius: 100px; margin-bottom: 2rem; } .dot { width: 8px; height: 8px; background: var(--accent-amber); border-radius: 50%; box-shadow: 0 0 8px var(--accent-amber); } .badge-text { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.9); } .tittle1 { color: #fff; font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; margin-bottom: 2rem; letter-spacing: -0.02em; } .highlight { color: var(--accent-amber); display: block; margin-top: 0.5rem; } .description { font-size: 1.125rem; color: rgba(255, 255, 255, 0.8); max-width: 500px; margin-bottom: 2.5rem; } .slogan-wrapper { display: flex; align-items: center; gap: 1rem; margin-bottom: 3rem; } .line { height: 2px; width: 48px; background: var(--accent-amber); } .slogan { color: #fff; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; } .container-button-create{ width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 0 !important; padding: 2rem 2rem 5rem 2rem; display: flex; align-items: center; position: relative; } .addButton.button-create{ display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2rem !important; background: transparent !important; color: white; font-size: 1.1em; font-weight: 700; margin-top: 0 !important; border: 1px solid rgb(255 255 255); transition: all 0.3s ease; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2); } .addButton.button-create:hover{ background: #fca100 !important; border: 1px solid #fca100; transform: translateY(-2px); } /* Right Content - Cards */ .cards-list { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 1024px) { .cards-list { align-items: flex-end; } } .card { width: 100%; max-width: 380px; padding: 2rem; background: var(--white-10); backdrop-filter: blur(15px); border: 1px solid var(--white-20); border-radius: 24px; position: relative; overflow: hidden; opacity: 0; transform: translateY(20px); animation: fadeInUp 0.8s ease-out forwards; } .card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--accent-amber); opacity: 0.8; } .card h3 { font-size: 1.875rem; font-weight: 900; color: var(--accent-amber); margin-bottom: 0.5rem; } .card p { color: rgba(255, 255, 255, 0.7); font-weight: 500; } /* Scroll Indicator */ .scroll-indicator { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); animation: float 2s ease-in-out infinite; } .scroll-btn { width: 48px; height: 48px; border-radius: 50%; background: var(--white-10); backdrop-filter: blur(10px); border: 1px solid var(--white-20); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s ease; } .scroll-btn:hover { background: var(--white-20); } /* Animations */ @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } @keyframes float { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -10px); } } .delay-1 { animation-delay: 0.2s; } .delay-2 { animation-delay: 0.4s; } .delay-3 { animation-delay: 0.6s; } /*********************** ************************/ :root { --banner-blue-light: #00d2ff; --banner-blue-mid: #3a7bd5; --banner-orange: #fdbb2d; --text-orange: #f39c12; --font-main: 'Inter', system-ui, -apple-system, sans-serif; } body { font-family: var(--font-main); background-color: #f0f2f5; min-height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; } /* Banner Container */ .banner { position: relative; width: 100%; height: 350px; background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 50%, #fdbb2d 100%); overflow: hidden; display: flex; align-items: center; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } /* Diagonal Sheen Effect */ .banner-sheen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0.1) 42%, transparent 47%); pointer-events: none; } .banner-container { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; z-index: 10; } /* Left Content */ .banner-text { flex: 1; } .platform-label { color: #fff; font-size: 1.1rem; font-weight: 800; letter-spacing: 0.05em; margin-bottom: 5px; opacity: 0.9; } .main-title { display: flex; flex-direction: column; line-height: 1.1; } .main-title span { font-size: 4.2rem; font-weight: 900; text-transform: lowercase; } .orange-text { color: var(--text-orange); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); } .white-text { color: #fff; } /* Right Content: Cards */ .banner-cards { display: flex; gap: 25px; align-items: center; } .glass-card { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 18px; padding: 25px; width: 160px; height: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: transform 0.3s ease; } .glass-card:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.18); } .card-title { color: var(--text-orange); font-size: 1.8rem; font-weight: 900; line-height: 1; margin-bottom: 10px; } .card-desc { color: #fff; font-size: 0.9rem; font-weight: 600; line-height: 1.3; opacity: 0.95; } /* Responsive Design */ @media (max-width: 1024px) { .banner { height: auto; padding: 40px 0; } .banner-container { flex-direction: column; padding: 0 30px; text-align: center; gap: 40px; } .main-title span { font-size: 3.5rem; } .banner-cards { flex-wrap: wrap; justify-content: center; } } @media (max-width: 600px) { .main-title span { font-size: 2.8rem; } .glass-card { width: 140px; height: 140px; padding: 15px; } .card-title { font-size: 1.5rem; } }