/* Minification failed. Returning unminified contents. (8,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (21,23): run-time error CSS1039: Token not allowed after unary operator: '-header-height' (75,27): run-time error CSS1039: Token not allowed after unary operator: '-row-bg' (201,64): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (202,68): run-time error CSS1039: Token not allowed after unary operator: '-closing-notif' (204,46): run-time error CSS1039: Token not allowed after unary operator: '-loss' (205,50): run-time error CSS1039: Token not allowed after unary operator: '-closing-notif' (273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (840,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (842,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (857,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (879,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (883,17): run-time error CSS1039: Token not allowed after unary operator: '-loss' (899,32): run-time error CSS1039: Token not allowed after unary operator: '-select' (953,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (971,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (998,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1025,21): run-time error CSS1039: Token not allowed after unary operator: '-profit' (1041,22): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (1051,21): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (1056,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1061,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1065,43): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card-background-50' (1073,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1078,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (1116,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (1120,17): run-time error CSS1039: Token not allowed after unary operator: '-loss' (1124,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-yellow' (1128,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1132,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (1150,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (1154,28): run-time error CSS1039: Token not allowed after unary operator: '-shamrock-green' (1158,28): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (1162,28): run-time error CSS1039: Token not allowed after unary operator: '-light-red' (1166,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (1200,54): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (1209,56): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (1245,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (1247,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1278,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1290,36): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (1294,36): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (1386,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (1390,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (1420,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1452,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (1461,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (1487,35): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (1512,28): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (1518,32): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (1547,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1559,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (1587,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (1615,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (1649,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (1654,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (1658,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (1745,22): run-time error CSS1039: Token not allowed after unary operator: '-all-headers' (1788,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (1792,21): run-time error CSS1039: Token not allowed after unary operator: '-select' (1848,32): run-time error CSS1039: Token not allowed after unary operator: '-loss' (1852,32): run-time error CSS1039: Token not allowed after unary operator: '-profit' (1856,21): run-time error CSS1039: Token not allowed after unary operator: '-loss' (1860,21): run-time error CSS1039: Token not allowed after unary operator: '-profit' (1864,21): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (1883,32): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (1907,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1913,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (1936,32): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (1963,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (1979,32): run-time error CSS1039: Token not allowed after unary operator: '-closing-notif' (1994,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (2006,22): run-time error CSS1039: Token not allowed after unary operator: '-page-footer' (2007,32): run-time error CSS1039: Token not allowed after unary operator: '-page-footer-border' (2051,25): run-time error CSS1039: Token not allowed after unary operator: '-select' (2092,28): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (2188,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (2199,36): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (2317,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (2324,28): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (2406,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (2446,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (2600,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (2614,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (2615,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2655,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (2660,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2703,56): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (2854,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (2861,32): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (2869,36): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (2871,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (2938,32): run-time error CSS1039: Token not allowed after unary operator: '-transparent-background' (3014,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3018,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (3047,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3051,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (3076,21): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (3099,89): run-time error CSS1039: Token not allowed after unary operator: '-white' (3099,107): run-time error CSS1039: Token not allowed after unary operator: '-white' (3122,28): run-time error CSS1039: Token not allowed after unary operator: '-all-headers-2' (3145,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3256,36): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (3304,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-two' (3335,17): run-time error CSS1039: Token not allowed after unary operator: '-light-navy-blue' (3356,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (3362,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-two' (3422,28): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (3432,64): run-time error CSS1039: Token not allowed after unary operator: '-select' (3442,59): run-time error CSS1039: Token not allowed after unary operator: '-shamrock-green' (3450,63): run-time error CSS1039: Token not allowed after unary operator: '-shamrock-green' (3463,55): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (3467,55): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (3611,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3637,28): run-time error CSS1039: Token not allowed after unary operator: '-transparent-background' (3773,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (3788,36): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (3792,36): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (3793,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (3798,29): run-time error CSS1039: Token not allowed after unary operator: '-white' (3833,28): run-time error CSS1039: Token not allowed after unary operator: '-shamrock-green' (3837,28): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (3841,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (3974,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4028,32): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (4057,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4096,28): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (4118,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (4130,17): run-time error CSS1039: Token not allowed after unary operator: '-closing-notif' (4138,28): run-time error CSS1039: Token not allowed after unary operator: '-profit' (4150,28): run-time error CSS1039: Token not allowed after unary operator: '-closing-notif' (4227,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (4245,21): run-time error CSS1039: Token not allowed after unary operator: '-profit' (4249,21): run-time error CSS1039: Token not allowed after unary operator: '-loss' (4256,38): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (4287,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (4297,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (4302,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (4363,32): run-time error CSS1039: Token not allowed after unary operator: '-light-green' (4369,32): run-time error CSS1039: Token not allowed after unary operator: '-light-red' (4382,36): run-time error CSS1039: Token not allowed after unary operator: '-select' (4383,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (4397,34): run-time error CSS1039: Token not allowed after unary operator: '-select' (4433,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (4437,22): run-time error CSS1039: Token not allowed after unary operator: '-profit' (4441,22): run-time error CSS1039: Token not allowed after unary operator: '-loss' (4472,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (4478,36): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (4509,28): run-time error CSS1039: Token not allowed after unary operator: '-main-bar' (4544,28): run-time error CSS1039: Token not allowed after unary operator: '-main-bar' (4580,32): run-time error CSS1039: Token not allowed after unary operator: '-select' (4583,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4619,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (4754,32): run-time error CSS1039: Token not allowed after unary operator: '-profit' (4758,32): run-time error CSS1039: Token not allowed after unary operator: '-loss' (4802,32): run-time error CSS1039: Token not allowed after unary operator: '-close-notif' (4806,36): run-time error CSS1039: Token not allowed after unary operator: '-close-notif' (4877,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (4890,34): run-time error CSS1039: Token not allowed after unary operator: '-profit' (5023,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5024,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5051,52): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5091,32): run-time error CSS1039: Token not allowed after unary operator: '-select' (5113,21): run-time error CSS1039: Token not allowed after unary operator: '-strawberry' (5189,32): run-time error CSS1039: Token not allowed after unary operator: '-close-notif' (5200,21): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5259,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (5268,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5278,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (5284,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5294,22): run-time error CSS1039: Token not allowed after unary operator: '-select' (5359,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (5405,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (5429,32): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (5442,28): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (5446,28): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (5448,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5520,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5529,32): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5549,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5600,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5619,37): run-time error CSS1039: Token not allowed after unary operator: '-profit' (5629,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5633,32): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5644,26): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5661,17): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (5689,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (5700,17): run-time error CSS1039: Token not allowed after unary operator: '-loss' (5704,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (5709,17): run-time error CSS1039: Token not allowed after unary operator: '-loss' (5720,17): run-time error CSS1039: Token not allowed after unary operator: '-loss' (5724,17): run-time error CSS1039: Token not allowed after unary operator: '-select' (5740,32): run-time error CSS1039: Token not allowed after unary operator: '-transparent-background' (5759,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (5769,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5800,76): run-time error CSS1039: Token not allowed after unary operator: '-select' (5835,32): run-time error CSS1039: Token not allowed after unary operator: '-close-notif' (5839,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5845,52): run-time error CSS1039: Token not allowed after unary operator: '-close-notif' (5906,26): run-time error CSS1039: Token not allowed after unary operator: '-loss' (5913,26): run-time error CSS1039: Token not allowed after unary operator: '-profit' (5960,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5986,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (5999,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (6000,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6006,55): run-time error CSS1039: Token not allowed after unary operator: '-shamrock-green' (6007,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6012,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6049,36): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (6050,63): run-time error CSS1039: Token not allowed after unary operator: '-white' (6051,25): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (6075,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (6104,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-on-white-background' (6163,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (6182,24): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (6257,28): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card-background-50' (6275,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (6387,26): run-time error CSS1039: Token not allowed after unary operator: '-guide-background' (6431,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (6432,21): run-time error CSS1039: Token not allowed after unary operator: '-desable-text-color-on-black-color' (6439,36): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (6440,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (6468,40): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow' (6519,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (6538,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-numbers' (6566,35): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (6591,28): run-time error CSS1039: Token not allowed after unary operator: '-profit' (6596,17): run-time error CSS1039: Token not allowed after unary operator: '-profit' (6643,32): run-time error CSS1039: Token not allowed after unary operator: '-select' (6709,21): run-time error CSS1039: Token not allowed after unary operator: '-select' (6737,30): run-time error CSS1039: Token not allowed after unary operator: '-select' (6761,32): run-time error CSS1039: Token not allowed after unary operator: '-all-page-background' (6768,35): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (6814,28): run-time error CSS1039: Token not allowed after unary operator: '-all-headers-2' (7174,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (7187,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (7235,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (7251,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7344,16): run-time error CSS1039: Token not allowed after unary operator: '-select' (7424,26): run-time error CSS1039: Token not allowed after unary operator: '-select' (7580,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (7666,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7682,28): run-time error CSS1039: Token not allowed after unary operator: '-row-active-bg' (7698,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (7700,28): run-time error CSS1039: Token not allowed after unary operator: '-page-footer-border' (7717,17): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (7729,32): run-time error CSS1039: Token not allowed after unary operator: '-spliter-line' (7738,36): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (7761,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (7815,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (7835,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-text-on-white-background' (7917,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (7966,35): run-time error CSS1039: Token not allowed after unary operator: '-shadow-card-background-50' (8021,28): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (8022,17): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (8032,32): run-time error CSS1039: Token not allowed after unary operator: '-select' (8033,28): run-time error CSS1039: Token not allowed after unary operator: '-select' (8108,36): run-time error CSS1046: Expect comma, found '51' (8108,42): run-time error CSS1046: Expect comma, found '/' (8124,25): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (8176,17): run-time error CSS1039: Token not allowed after unary operator: '-lightish-blue' (8406,47): run-time error CSS1039: Token not allowed after unary operator: '-popup-select' (8439,43): run-time error CSS1039: Token not allowed after unary operator: '-popup-select' (8449,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (8529,32): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (8533,30): run-time error CSS1039: Token not allowed after unary operator: '-all-title-and-blaks' (8534,25): run-time error CSS1039: Token not allowed after unary operator: '-row-bg' (8542,55): run-time error CSS1039: Token not allowed after unary operator: '-sky-blue' */ .newGrid{height: 100%;padding:0 8px;} .new-ui,.new-ui .page-body,.stock-details-container #body-box,.stock-details-container{background-color:#f2f5f7} .new-ui .newGrid{height: 100%;padding:0 8px;} /*#region header*/ .grid-header {margin: 0 -8px;padding:0 24px;} .new-ui .grid-header { background-color: var(--white); box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); } .grid-header > ul { width: 100%; display: flex; border: 0; position: relative; height: 50px; font-size: 10px; font-weight: 300; } .grid-header > ul > * { line-height: var(--header-height); display: flex; justify-content: center; position: relative; box-sizing: border-box; } .g-header-column-title {width: 100%;} .g-header-column-title > .text { justify-content: center; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .g-header-column-title .sort { width: 5px; height: 5px; margin: 10px 5px; overflow: hidden } .g-header-column-title .sort::after { content: ' '; width: 5px; height: 5px; border-width: 2px 2px 0 0; border-style: solid; transform: rotate(-45deg); position: absolute; } .g-header-column-title .sort[sort="0"]::after {transform: rotate(135deg);} .g-header-column-title > div:nth-child(2) {padding: 0 7px;box-sizing: border-box;} .grid-header > ul li:not(#header_SymbolFa):not(#cell_Checkbox){ height: auto;} .grid-header .text {line-height: 50px} .grid-header .header-twoline > .text {line-height: 17px;display: block;padding-top:8px} .header-twoline span:first-child {display: inline-block;margin-bottom: 3px;} .header-twoline span:first-child:not(.symbol) {display: inline-block;margin-bottom: 3px;} .grid-header .g-header-column-title > .text{ text-align: right} .grid-header li:last-child .g-header-column-title > .text{ text-align: left} /*#endregion*/ /*#region row*/ .grid-body {width: 100%;overflow-x: auto;overflow-y: hidden;height:calc(100% - 58px);overflow-y: auto;} .no-header .grid-body{height:100%} .grid-body > div{ width:100%; position: relative; display: inline-block; border-radius:0px; box-shadow: none; border-bottom: 1px solid #f2f5f7; } .new-ui .grid-body{margin-top:8px} .new-ui .grid-body > div{ background-color:var(--row-bg); border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); border:0; margin:0 0 8px 0; } .new-ui .grid-body > div:last-child {margin-bottom: 64px;} .page-name-marketwachlist.new-ui .grid-body > div:last-child {margin-bottom: 40px;} .grid-body > div:hover{} .grid-body > div.active{opacity:0.5} .grid-body > div:active{opacity:0.5} .g-row { width: 100%; height: 66px; line-height: 60px; display: flex; flex-wrap: nowrap; flex-direction: row; position: relative; width:calc(100% - 32px); padding:0 16px; transition: height .2s; } .g-row > li { text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; position: relative; max-height: 100%; direction: ltr; list-style-type: none; } .g-row > li{font-weight:normal;font-size:14px} .new-ui .g-row > li{font-weight:normal;font-size:12px} .g-row > li:last-child,.grid-header ul > li:last-child {text-align: left;direction:ltr} /*#endregion*/ /*#region custom-cells*/ #cell_Prices > *:first-child {font-weight: 800;font-size:14px;} #cell_Prices > *:last-child , #cell_PricesVar > *:last-child{font-weight: normal;font-size:14px;} #cell_SymbolAndStatus .square {position: absolute;right:-12px;top: 17px;} #cell_SymbolAndStatus,#cell_SymbolFa{direction:rtl;text-overflow:clip} #header_SellValue .g-header-column-title > .text,.newGrid #cell_SellValue{text-align:left} #header_SellValueMinimize .g-header-column-title > .text,#cell_SellValueMinimize {text-align:left} #header_SellValueTodayBenefit .g-header-column-title > .text,#cell_SellValueTodayBenefit {text-align: left} #header_Percent .text, #header_Percent .g-header-column-title {text-align: left;display: inline-block;} #cell_symbolstatus,#cell_icons {position: initial;} #cell_LastTradedPriceVarPercent {font-size: 14px;font-weight: 800;position:relative} #cell_LastTradedPriceVarPercent.light {font-size: 12px;} #cell_ClosingPriceVarPercent,#cell_TradesValue, #cell_TotalTradesValue {font-weight: normal;} #cell_SymbolFa,#cell_symbol{direction:rtl;} #account-transactions-list-container .g-row{height:80px} #account-transactions-list-container .g-row.expanded{height:135px} #account-transactions-list-container .g-row.expanded #cell_expandedCell{display:block} #account-transactions-list-container .g-row.expanded #cell_expand:before{content:"\e940"} #cell_expand{position:absolute;left:10px;top:10px;font-family:TPFont;z-index:9} #cell_expand:before{content:"\e941";font-size:20px;font-weight: bold;} #cell_expandedCell{position: absolute; bottom: 0; width: calc(100% - 13px); padding: 5px; display: none; margin: 0 auto; white-space: normal; max-height: 70px; overflow: hidden; height: auto; text-align: right; right: 12px; } /*#endregion*/ .g-row .percent {display:inline-block;direction:ltr} .g-row .symbol{ font-weight: 800;font-size:14px;display:inline-block} .g-row .symbol.light{font-size:12px;} .g-row .light{font-size:10px;font-weight:normal} .g-row , .g-row span,.no-select{ -moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;user-select: none;} .longtoched .grid-body {overflow-y: hidden!important;} .longtoched .hide-on-longtoch{display:none!important} .g-row > li > .more{ height: 40px!important;} .grid-header-tools{left: calc(50% - 70px);} .twoline span:first-child {display: inline-block;margin-bottom: 3px;} .twoline span:first-child:not(.symbol) {display: inline-block;margin-bottom: 3px;} .g-row .twoline {line-height: 24px;padding-top: 8px !important;} #basket-grid-box .g-row.has-noti > li span.footerbox {right:94px} .g-row.has-noti > li span.footerbox { direction: rtl; color: #333 !important; height: 24px !important; position: absolute; right: 94px; display: inline-block; font-size: 10px; line-height: 24px; padding: 0 3px 0 7px; transition: width 0.3s; z-index: 1; background-color: #f2f5f7; text-align: right; border-radius: 5px; bottom: 5px; } .g-row > li .footerbox .icons i{margin :0 5px;} .g-row>li .footerbox .icons i:before{font-size:12px;} .g-row > li[class^="symbolstate-float-"] span.status{display:inline-block;margin-left:8px;} .g-row > li[class^="symbolstate-float-"] span.status:before { width: 8px; height: 8px; content: ""; display: inline-block; float: right; margin: 7px 5px; border-radius: 2px; } .g-row > li[class^="symbolstate-float-"].closed span.status { width: 24px; border-radius: 50%; overflow: hidden; text-indent: 100000px; padding: 0; left: 6px; } .g-row > li[class^="symbolstate-float-"]{ overflow: visible;list-style: none} .symbolstate-closed span.status:before {background-color: var(--strawberry);} .symbolstate-preopening span.status:before {background-color: var(--closing-notif);} .symbol-state-closed {background-color: var(--loss);} .symbol-state-preopening {background-color: var(--closing-notif);} .grid-body > div .sw-controls { position: absolute; left: 0px; top: 0px; height: 100%; display: inline-block; color: #fff; text-align: center; z-index: 0; } .grid-body > div .sw-controls > div {padding: 18px 8px;line-height: 21px;display: flex} .grid-body > div .sw-controls > div > * {padding: 0 15px} .g-row.sw-r {border-radius: 10px 0px 0px 10px;overflow: hidden!important;} .g-row.sw-l {border-radius: 0px 10px 10px 0;overflow: hidden!important;} .newGrid-paging-row{ padding: 10px;position: relative;margin-top: 10px;border:0} .select-all-container {position: absolute;top: 35px;left: 15px;} .g-paging-text-info{display:none} .twoline-grid .g-row{height: 100px;line-height: 30px;border-bottom: 1px solid #eee !important;} .g-row.two-line{height: 75px;line-height: 30px;} .twoline-grid .g-row li {height: 35px;border-bottom: 0;line-height:30px;} .grid-header li.fix-bottom {display: none;} .g-row > li.fix-bottom { width: 100% !important; position: absolute; bottom: 5px; height: auto; max-height: 45px; white-space: normal; line-height: 22px; direction: rtl; text-align: right; margin: 0; padding: 0; display: flex; z-index: 1; border-bottom: 0; } .twoline-grid .g-row > li.fix-bottom { bottom: 23px; height: 44px; line-height: 22px; } .twoline-grid .grid-header .g-header-column-title > .text {justify-content: start;} .g-row .price {direction: rtl;display: inline-block;} .g-row li .rial {font-size:11px;} .g-row.has-noti {height: 87px!important} .g-row.has-noti li{ padding-bottom: 31px!important;} .circular-chart { display: block; margin: 12px auto 0 0; max-height: 250px; } .circle-bg { fill: none; stroke: #e6ebff; stroke-width: 4; } .circle { fill: none; stroke-width: 4; stroke-linecap: square; animation: progress 1s ease-out forwards; } .colorful { --text-color: rgba(0, 0, 0, 0.856); --all-page-background: #f2f5f7; --all-title-and-blaks: #17212c; --all-headers: #fafbff; --all-headers-2: #fafbff; --shadow-card-background-50: #d0d6e5; --profit: #00d35b; --white: #ffffff; --secondary-numbers: #a5a5a5; --select: #006eff; --white-two: #f9f9f9; --loss: #ff2c3d; --closing-notif: #f9c61b; --close-notif: #ff719d; --desable-text-color-on-black-color: #687480; --icon-text-on-white-background: #858585; --guide-background: #eff2f9; --icon-color-on-white-background: #c5c5c5; --light-navy-blue: #295179; --dark: #0e1621; --pale-grey: #f4f6fc; --vibrant-green: #0cc30f; --orangish-red: #ef1f0d; --salmon: #fd756e; --spliter-line: #e5e5e5; --popup-select: #e5e5e5; --bright-purple: #c000fe; --kiwi: #afef42; --robin-s-egg: #5fe9fe; --blue-purple: #3a25d0; --tangerine: #ff8c06; --purplish-blue: #7815ff; --macaroni-and-cheese: #febe26; --strong-pink: #f2166e; --deep-sky-blue: #0077fb; --hot-magenta: #f301bf; --purply-pink: #ec6ff8; --yellowish: #feee5a; --lime-yellow: #dff91b; --reddish-pink: #fb3569; --transparent-background: rgba(0, 0, 0, 0.3); --sky-blue: #699efe; --dark-two: #232c38; --shamrock-green: #00d35b; --light-green: #66e49c; --strawberry: #ff2c3d; --light-red: #ff808a; --lightish-blue: #436dff; --transparent-background-10: rgba(0, 0, 0, 0.1); --box-shadow: rgba(160, 160, 160, 0.5); --row-bg: #fff; --row-hover-bg: #f0f6fa; --row-active-bg: #f0f6fa; --main-bar: #131313; --page-footer-border: #eee; --page-footer: #fff; --orange-yellow: #ffaa00; } /*#region . FontIcon*/ .tp-icon { font-size: 15px; line-height: inherit; text-rendering: auto; text-align: center; font-family: iranyekan; display: inline-block; border-radius: 50%; } .tp-icon::before { display: block; font: normal normal normal 15px/1 TPFont; font-size: 15px; line-height: inherit; text-rendering: auto; text-align: center; } .tp-icon.icon-small::before { font-size: 11px; } .tp-icon.icon-large:before { font-size: 20px; } .tp-icon.icon-bold:before { font-weight: bold; } .tp-CSDPortfolio:before { content: "\e90c"; } .tp-done:before { content: "\e916"; } .tp-delete:before { content: "\e917"; } .tp-add:before { content: "\e919"; } .tp-copy:before { content: "\e91c"; } .tp-search:before { content: "\e91e"; } .tp-close:before { content: "\e924"; } .tp-refresh:before { content: "\e928"; } .tp-chevronleft:before { content: "\e929"; } .tp-chevronright:before { content: "\e92a"; } .tp-chevronleftall:before { content: "\e92b"; } .tp-chevronrightall:before { content: "\e92c"; } .tp-menu-lines:before { content: "\e931"; } .tp-star:before { content: "\e936"; } .tp-arrowup2:before { content: "\e938"; } .tp-arrowdown2:before { content: "\e939"; } .tp-arrowup:before { content: "\e940"; } .tp-arrowdown:before { content: "\e941"; } .tp-change:before { content: "\e945"; } .tp-home:before { content: "\e989"; } .tp-menu-dots:before { content: "\e954"; } .tp-backspace:before { content: "\e955"; } .tp-close-keyboard:before { content: "\e956"; } .tp-question:before { content: "\e957"; } .tp-warning:before { content: "\e958"; } .tp-info:before { content: "\e959"; } .tp-tick:before { content: "\e95A"; } .tp-error:before { content: "\e95B"; } .tp-warning-2:before { content: "\e95C"; } .tp-info-2:before { content: "\e95D"; } .tp-tick-2:before { content: "\e95E"; } .tp-error-2:before { content: "\e95F"; } .tp-chat:before { content: "\e960"; } .tp-diamond:before { content: "\e961"; } .tp-info-3:before { content: "\e962"; } .tp-sort-desc:before { content: "\e964"; } .tp-load:before { content: "\e967"; } .tp-back:before { content: "\e968"; } .tp-dots:before { content: "\e969"; } .tp-card:before { content: "\e96a"; } .tp-chat-v2:before { content: "\e96d"; } .tp-chart-v2:before { content: "\e96e"; } .tp-reload:before { content: "\e96f"; } .tp-settings:before { content: "\e970"; } .tp-box-down:before { content: "\e971"; } .tp-box-up:before { content: "\e972"; } .tp-education:before { content: "\e973"; } .tp-exit:before { content: "\e974"; } .tp-list-v2:before { content: "\e975"; } .tp-note:before { content: "\e977"; } .tp-bell:before { content: "\e978"; } .tp-help:before { content: "\e979"; } .tp-help.alternate:before { content: "\e983"; } .tp-history:before { content: "\e984"; } .tp-trash-v2:before { content: "\e97A"; } .tp-bar-chart:before { content: "\e97B"; } .tp-pie-chart:before { content: "\e97C"; } .tp-sort-desc-v2:before { content: "\e97D"; } .tp-basket:before { content: "\e97E"; } .tp-message-v2:before { content: "\e97F"; } .tp-dot-list:before { content: "\e980"; } .tp-focus:before { content: "\e981"; } .tp-forward:before { content: "\e982"; } .tp-edit-v2:before { content: "\e98B"; } .tp-lock:before { content: "\e98D"; } .tp-user-v2:before { content: "\e98E"; } .tp-eye:before { content: "\e990"; } .tp-eye:before {content: "\e990"} .tp-eye-hide:before {content: "\e991"} .icon-stock:before { content: "\E579"; } .tp-eye.toggle:before, .tp-eye-hide:before { content: "\e991"; } .tp-list-v3:before { content: "\e992"; } .tp-watch:before { content: "\e993"; } .tp-mybasket:before { content: "\e994"; } .tp-back-2:before { content: "\e998"; } .tp-settigs-2:before { content: "\e99d"; } .tp-calc:before { content: "\e9A0"; } .tp-agreement:before { content: "\e9A1"; } .tp-lock-v2:before { content: "\e9A2"; } .tp-lock-close:before { content: "\e9A4"; } .tp-menu-sq:before { content: "\e9A5"; } .tp-menu-sq-fill:before { content: "\e9A6"; } .tp-bar-chart-fill:before { content: "\e9A7"; } .tp-market-map:before { content: "\e9A8"; } .tp-clock:before { content: "\e9A9"; } .tp-lcd:before { content: "\e9AA"; } .tp-lock-open:before { content: "\e9AB"; } .tp-lock-tick:before { content: "\e9AC"; } .tp-mobile:before { content: "\e9AD"; } .tp-link:before { content: "\e9AE"; } .tp-keyboard:before { content: "\e9AF"; } .tp-keyboard.toggle:before { content: "\e9B0"; } /*#endregion*/ /*#region . General*/ /*#region . Fonts*/ @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url("fonts/IranYekan/eot/iranyekanweblight.eot"); src: url("fonts/IranYekan/eot/iranyekanweblight.eot?#iefix") format("embedded-opentype"), url("fonts/IranYekan/woff/iranyekanweblight.woff") format("woff"), url("fonts/IranYekan/ttf/iranyekanweblight.ttf") format("truetype"); } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url("fonts/IranYekan/eot/iranyekanwebregular.eot"); src: url("fonts/IranYekan/eot/iranyekanwebregular.eot?#iefix") format("embedded-opentype"), url("fonts/IranYekan/woff/iranyekanwebregular.woff") format("woff"), url("fonts/IranYekan/ttf/iranyekanwebregular.ttf") format("truetype"); } @font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url("fonts/IranYekan/eot/iranyekanwebbold.eot"); src: url("fonts/IranYekan/eot/iranyekanwebbold.eot?#iefix") format("embedded-opentype"), url("fonts/IranYekan/woff/iranyekanwebbold.woff") format("woff"), url("fonts/IranYekan/ttf/iranyekanwebbold.ttf") format("truetype"); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 800; src: url("fonts/IranYekan/eot/iranyekanwebextrabold.eot"); src: url("fonts/IranYekan/eot/iranyekanwebextrabold.eot?#iefix") format("embedded-opentype"), url("fonts/IranYekan/woff/iranyekanwebextrabold.woff") format("woff"), url("fonts/IranYekan/ttf/iranyekanwebextrabold.ttf") format("truetype"); } @font-face { font-family: "TPFont"; src: url("fonts/tp-webfont.woff?v19"), url("fonts/tp-webfont.woff2?v19"); font-weight: normal; font-style: normal; } /*#endregion*/ @keyframes placeHolderShimmer { 0% { background-position: -50vw 0; } 100% { background-position: 50vw 0; } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 100% { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes blinkborder { 50% { border-color: transparent; } } body, .wrapper { position: absolute; top: 0px; width: 100%; height: 100%; margin: 0; overflow-y: hidden; } .wrapper { z-index: 2; } body, html { height: 100%; } body { z-index: 1; direction: rtl; text-align: right; margin: 0; padding: 0; background-color: var(--all-page-background); overflow: hidden; color: var(--all-title-and-blaks); height: 100%; overscroll-behavior: contain; } body, input, select, a, textarea { font-family: IRANYekan, tahoma; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; color: var(--text-color); } p { line-height: 1.75; } select { outline: none; } ul { padding: 0; margin: 0; } a { text-decoration: none; -webkit-tap-highlight-color: transparent; } .tp-co-gr { color: var(--profit) !important; } .tp-co-re { color: var(--loss) !important; } .bar-h { width: 72px; background-color: #e9edf5; border-radius: 8px; position: relative; height: 8px; margin-right: auto; margin-top: 9px; } .bar-h > div { border-radius: 8px; position: absolute; background-color: var(--select); right: 0; top: 0; height: 100%; } .bar-h .bar-chart-valume-base { border-radius: 0 8px 8px 0; } .bar-chart-valume-base:before { content: " "; position: absolute; left: -1px; height: 138px; top: -2px; border-left: 1px dashed #474747; z-index: 1; } .large-txt { font-size: 14px; line-height: 1.75; text-align: center; font-weight: bold; } .padding { padding: 24px 35px; } .form .lbl { font-size: 14px; font-weight: bold; line-height: 1.79; color: #333333; margin: 0 5px 8px 0; display: inline-block; } .form > div { margin-bottom: 22px; } #Notification_Container .text { text-align: right; } .rotate { -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; } .loader { border: 1px solid var(--secondary-numbers); border-radius: 50%; border-top: 1px solid transparent; width: 15px; height: 15px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; display: inline-block; } .btn-icon-large { height: 48px; border-radius: 8px; line-height: 46px; text-align: center; display: block; margin: 10px auto; background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%); color: var(--white); width: 224px; transition: opacity 0.3s; font-size: 14px; } .btn-icon-large:active { opacity: 0.6; } .btn-icon-large, .btn-icon-large * { color: white; } .btn-icon-large .tp-icon { display: none; } .btn-icon-large a { display: block; } .input-container { height: 48px; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); background-color: var(--white); line-height: 43px; position: relative; } .input-container { font-size: 16px; } .input-container input[type="text"] { border: none; width: calc(100% - 120px); padding-right: 5px; text-align: right; } .input-container > * { float: right; line-height: 46px; font-size: 16px; } .input-container .tp-back:before { font-size: 20px; } .input-container .btn-text { color: var(--profit); float: left; font-weight: bold; display: block; padding: 3px 10px 3px 24px; font-size: 14px; position: absolute; top: 0; left: 0; } .input-container .btn-text.disabled { color: #a1e5a6; } .popup-input-container { background: var(--guide-background); border-radius: 6px; } .popup-input-container > div { font-size: 12px; font-weight: bold; height: 40px; line-height: 46px; padding: 5px 10px; color: var(--all-title-and-blaks); } .popup-input-container > div .back { padding: 10px; color: var(--secondary-numbers); line-height: 16px; } .popup-input-container > div .placeholder { color: var(--secondary-numbers); } .popup-input-container > div:first-child { border-bottom: solid 2px var(--shadow-card-background-50); } .popup-input-container > div:last-child { padding-right: 53px; } .tp-star { color: var(--secondary-numbers); } .stared, .stared .tp-star { color: var(--select); } textarea:focus, input:focus { outline: none; } ::-webkit-scrollbar { display: none; } * { -webkit-touch-callout: none; scrollbar-width: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } p, span, div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .page-loading .body-back-mask { display: block; } .profit { color: var(--profit) !important; } .loss { color: var(--loss) !important; } .warning { color: var(--orange-yellow); } .color-second { color: var(--secondary-numbers); } .cl-bl { color: var(--select); } .bold { font-weight: bold; } .rtl { direction: rtl; display: inline-block; } .ltr { direction: ltr; display: inline-block; } .bg-gr { background-color: var(--light-green); } .bg-grn { background-color: var(--shamrock-green); } .bg-red { background-color: var(--strawberry); } .bg-re { background-color: var(--light-red); } .bg-bl { background-color: var(--select); } .digit { direction: ltr; display: inline-block; } .clear { clear: both; } .center { text-align: center; } .flex { display: flex; } .dashed { background-repeat: repeat; } .hr { height: 0; border-top: 1px solid #f2f2f2; } .dashed.hr { width: 100%; height: 1px; border: none; margin: 0; background-image: linear-gradient(to right, var(--spliter-line) 50%, #fff 0%); background-position: bottom; background-size: 9px 8px; background-repeat: repeat-x; } .dashed.vr { height: 100%; width: 1px; background-image: linear-gradient( to bottom, var(--spliter-line) 50%, #fff 0% ); background-position: bottom; background-size: 1px 6px; background-repeat: repeat-y; position: relative; } .ver-dashed { } .ver-dashed:before, .ver-dashed:after { content: " "; width: 9px; height: 9px; border-radius: 50%; background-color: #eceeef; right: -4px; } .ver-dashed:before { position: absolute; top: -4px; } .ver-dashed:after { position: absolute; bottom: -5px; } .btn-group .btn { float: right; } .btn-flat { height: 56px; background-color: var(--select); text-align: center; color: var(--white); line-height: 56px; font-size: 18px; border-radius: 0; border: 0; font-family: inherit; } .btn-flat.full-width { margin: 0 -20px; } .btn-flat.fix-bottm { position: fixed; border: 0; width: 100%; bottom: 0px; z-index: 5; } select.input-border { width: 100%; } .input-border { min-height: 56px; border-radius: 8px; width: calc(100% - 28px); padding: 0 16px 0 10px; line-height: 56px; box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); background-color: var(--white); display: flex; border: 0; } .input-border, .input-border * { font-size: 14px; } .input-border.invalid { box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); border: solid 2px var(--strawberry); } .input-border.border { border: solid 1px var(--spliter-line); } .input-border input, .input-border textarea { border: 0; background-color: transparent; line-height: 46px; width: calc(100% - 28px); } .input-border input:-webkit-autofill { background-color: transparent !important; } .input-border .prefix { padding-left: 16px; } .input-border .postfix { padding: 0 10px; } .input-border li { list-style-type: none; } .file-input { position: relative; } .file-input input[type="file"] { visibility: hidden; z-index: -1; width: 0; height: 0; position: absolute; } .selected-file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 24px; } .clear-input { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); padding: 0; background: 0; border: 0; zoom: 0.75; width: 24px; height: 24px; } .ul-items { margin-top: 16px; line-height: 21px; display: list-item; } .ul-items li { display: flex; margin-bottom: 8px; } .ul-items li:last-of-type { margin-bottom: 0; } .ul-items li:before { content: "\2022"; color: #2d58fd; font-weight: bold; margin-left: 10px; width: 8px; position: relative; top: 2px; } #select_bank_account.droplist .selected { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .tp-push-positive { color: var(--select) !important; } .tp-push-negative { color: var(--select) !important; } ul.menu-tab-vis { display: inline-block; width: calc(100% - 26px); position: fixed; border-bottom: 1px solid #eee; top: 34px; left: 0; z-index: 3; padding: 0 13px; background-color: #fafbff; } ul.menu-tab-vis > li { float: right; line-height: 56px; padding: 0 10px; list-style-type: none; position: relative; } ul.menu-tab-vis > li.left { float: left; font-weight: normal; } ul.menu-tab-vis > li, ul.menu-tab-vis > li a { color: var(--secondary-numbers); font-size: 14px; font-weight: 800; } ul.menu-tab-vis > li > div { position: absolute; top: 50px; right: 0; height: calc(100% - 115px); overflow: auto; width: calc(100% - 64px); padding: 0 32px; } ul.menu-tab-vis > li.active, ul.menu-tab-vis > li.active a, ul.menu-tab-vis > li.tp-back { color: #333333; } ul.menu-tab-vis .back { float: right; } ul.menu-tab-vis .back > * { padding: 0 7px; color: #333; } .menu-padding { padding: 85px 20px 0px; background-color: var(--all-page-background); z-index: 4; width: calc(100% - 40px); left: 0; margin-bottom: 60px; } .menu-padding.list { padding: 56px 10px 0; background: var(--white); width: calc(100% - 20px); } .new-ui .menu-padding.list { background: transparent; } .menu-padding .fill { width: calc(100% + 40px); margin: 0 -20px; } #promt-input-container { display: none; position: fixed; top: 50%; left: 0; width: calc(100% - 40px); height: 50px; z-index: 10; margin: 0 20px; overflow: hidden; } .split-b { border-bottom: 1px solid var(--spliter-line); } .grid-loading-elem { position: fixed; top: 35%; width: 100%; text-align: center; z-index: 110; } .loading-container { text-align: center; text-align: center; position: fixed; width: 100%; top: 35%; z-index: 50; left: 0; } .rect-32 { width: 32px; height: 32px; border-radius: 8px; border: solid 1px var(--spliter-line); display: inline-block; line-height: 33px; } .rect-32.active { background-color: var(--lightish-blue); border: 0; color: #fff; } .txt-right { text-align: right; } .txt-left { text-align: left; } .txt-center { text-align: center; } .square { width: 8px; height: 8px; border-radius: 2px; display: inline-block; margin: 0 0 0 8px; } .card { padding: 24px 10px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); background-color: var(--white); } .empty-box-container { display: none; } .empty-box-container img { height: 186px; } .empty-box-container p { color: var(--desable-text-color-on-black-color); margin: 30px 10%; text-align: center; } .trans-scale { transform: scale(0); transition: transform 0.2s; } .trans-scale.open { transform: scale(1); } .fullpage .page-body { height: calc(100% - 34px); } .fullpage .page-fotter { display: none; } .fullscreen .page-header { display: none; } .fullscreen .page-body { margin-top: 0; background-color: var(--all-page-background); height: 100%; } .fullscreen .page-fotter { display: none; } .fullscreen ul.menu-tab-vis { top: 0; } .fullscreen ul.menu-tab-vis > li { float: right; margin-right: 20px; } .fotter-btn-container { position: fixed; bottom: 58px; width: calc(100% - 48px); left: 0; background-color: #e6ecf2; padding: 8px 24px; z-index: 1; } .fotter-btn-container .btn { background-color: var(--white); line-height: 48px; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16); overflow: hidden; white-space: nowrap; height: 48px; text-align: right; margin-top: 0; padding: 0; width: 100%; } .fotter-btn-container .tit { font-size: 14px; font-weight: 300; display: inline-block; width: 100%; } .fotter-btn-container .tit:before { content: "\e998"; float: right; padding: 12px 19px; font: normal normal normal 22px/1 TPFont; } .titr { font-size: 18px !important; color: #436dff; font-weight: 800; } .strong-placeholder ::placeholder { color: var(--all-title-and-blaks); opacity: 1; } .strong-placeholder :-ms-input-placeholder { color: var(--all-title-and-blaks); } .strong-placeholder ::-ms-input-placeholder { color: var(--all-title-and-blaks); } .block-title { font-size: 14px; font-weight: bold; text-align: right; margin-top: 0px; } .fwl { font-weight: 300; } .fwn { font-weight: normal; } .fwb { font-weight: bold; } .fws { font-weight: 800; } .fsl { font-size: 10px; } .fsn { font-size: 12px !important; } .fsb { font-size: 14px; } .fss { font-size: 16px; } .btns-3 { width: 33.33%; text-align: center; } .captcha-img { opacity: 1; float: left; height: 48px; border: none; } ::-webkit-input-placeholder { letter-spacing: 0; font-size: 14px; } ::-moz-placeholder { letter-spacing: 0; font-size: 14px; } :-ms-input-placeholder { letter-spacing: 0; font-size: 14px; } :-moz-placeholder { letter-spacing: 0; font-size: 14px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } /*#endregion*/ /*#region . Header*/ .page-header { background: var(--all-headers); height: 26px; line-height: 33px; padding: 3px 12px 3px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: fixed; top: 0; width: calc(100% - 32px); z-index: 25; font-weight: bold; } .page-header .icons { display: inline-flex; padding: 0px; position: fixed; top: 0; } .page-header .icons > .tp-icon { margin: -4px 2px 0 8px; padding: 5px 10px 5px 10px; } .page-header #icn-page-options { display: none; } .page-header #icn-change-broker { display: none; } .page-header .tp-icon::before { font-size: 18px; } .clock { float: left; line-height: 30px; } .clock.disabled { color: var(--secondary-numbers); } .clock.updated { color: var(--select); } #market-time-progress { border-bottom: solid 1px #d1d1d1; height: 0; display: block; width: 6px; position: absolute; bottom: -1px; left: 0; } .connecting-bar { width: 100%; height: 2px; object-fit: contain; background-image: linear-gradient( to left, #ff0000, #f500ff 14%, #00f5ff 62%, #00ff4e 62%, #ffeb00 89%, #ff0000 ); position: fixed; top: 32px; z-index: 4; left: 0; display: none; animation-duration: 1.5s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; } .connection-text { display: none; font-size: 10px; font-weight: bold; } .disconnected .connecting-bar { display: block; } .disconnected .connection-text { display: inline-block; position: absolute; top: 0px; left: 80px; } /*#endregion Header*/ /*#region . CustomerBalance*/ #CustomerBalanceContainer { position: relative; } #CustomerBalanceContainer .benefit-loss .square { background-color: var(--loss); } #CustomerBalanceContainer .benefit-profit .square { background-color: var(--profit); } #CustomerBalanceContainer .benefit-loss .digit { color: var(--loss); } #CustomerBalanceContainer .benefit-profit .digit { color: var(--profit); } #CustomerBalanceContainer .help { color: var(--lightish-blue); position: absolute; left: 18px; top: 16px; cursor: pointer; background-color: #fff; line-height: 18px; border-radius: 50%; } #CustomerBalanceContainer .extra-info { position: absolute; top: 35px; z-index: 12; width: calc(100% - 80px); line-height: 30px; position: fixed; left: 24px; border-radius: 16px; background-color: var(--all-title-and-blaks); font-family: iranyekan; font-size: 13px; padding: 16px 16px; box-shadow: none; border: 0; transition: transform 0.1s; transform: scale(0); transform-origin: right top; } #icn-customerbalance.active .extra-info { transform: scale(1); opacity: 1; } #CustomerBalanceContainer .lbl { width: 103px; display: inline-block; text-align: right; float: right; } #CustomerBalanceContainer .digit { color: var(--white); font-weight: bold; width: calc(100% - 103px); } #CustomerBalanceContainer span { color: var(--desable-text-color-on-black-color); } #CustomerBalanceContainer > div > div { overflow: hidden; height: 32px; display: flex; padding: 0 5px; } #CustomerBalanceContainer .content > div > span:last-child { width: 100%; display: inline-block; } #CustomerBalanceContainer .tp-co-re { color: #ff7172 !important; direction: ltr; display: inline-block; } #CustomerBalanceContainer .sep { height: 0; border-top: solid 1px var(--desable-text-color-on-black-color); margin: 10px 14px; opacity: 0.2; } #CustomerBalanceContainer .square { margin: 11px 8px; } #icn-customerbalance.active:before { content: "\e99a"; } #icn-customer-timeline { display: none; } #icn-customer-timeline.active:before { content: "\e999"; } #icn-page-options.active:before { content: "\e99b"; } #CustomerBalanceContainer .bar { position: relative; background-color: var(--select); width: calc(100% - 31px); height: 8px; margin: 10px auto 6px; border-radius: 2px; } #CustomerBalanceContainer .bar #account { background-color: #fff; position: absolute; left: 0; height: 8px; z-index: 1; } #CustomerBalanceContainer .bar #blocked { background-color: var(--closing-notif); position: absolute; left: 0; height: 8px; } /*#endregion CustomerBalance*/ /*#region . body*/ .page-body { z-index: 3; width: 100%; margin-top: 34px; left: 0; height: calc(100% - 92px); overflow: auto; background-color: var(--all-page-background); } #page_container { height: 100%; overflow: auto; position: relative; } /*#endregion body*/ /*#region . footer*/ .page-fotter { background: var(--page-footer); border-top: 1px solid var(--page-footer-border); position: fixed; bottom: 0; width: 100%; z-index: 2; height: 56px; line-height: 52px; } .page-fotter > * { width: 20%; display: inline-block; float: right; text-align: center; margin: 10px 0; line-height: 33px; font-weight: bold; padding: 0; border-radius: 6px; transition: background; } .page-fotter a:first-child { } .page-fotter span:last-child { position: relative; } .page-fotter .tp-icon { font-size: 10px; line-height: 20px; font-weight: bold; } .page-fotter .tp-icon:before { font-size: 18px; } .page-fotter a { -webkit-tap-highlight-color: transparent; } .page-fotter a.active { color: var(--select); } .page-fotter a.active .tp-icon { font-weight: 800; } .page-fotter a.active .tp-basket:before { content: "\e988"; } .page-fotter a.active .tp-watch:before { content: "\e995"; } .page-fotter a.active .tp-mybasket:before { content: "\e996"; } .page-fotter a.active .tp-search:before { content: "\e997"; } .page-fotter a.active .tp-menu-sq:before { content: "\e9A6"; } #link-appmenu.has-notif span:after { content: ""; position: absolute; right: -2px; top: -4px; width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: red; } /*#region . MyBasket*/ .warning-notify-container { background-color: var(--guide-background); position: fixed; top: 20px; z-index: 10; padding: 10px; width: calc(100% - 20px); line-height: 27px; } .page-name-basket #icn-page-options { display: inline-block; } .page-name-basket #icn-change-broker { display: flex; } .page-name-appmenu #icn-change-broker { display: none !important; } .page-name-orders #icn-change-broker { display: none !important; } .page-name-markettops #icn-change-broker { display: none !important; } .page-name-marketwachlist #icn-page-options { display: inline-block; } .page-name-markettops.new-ui #icn-page-options { display: inline-block; } .page-name-marketwachlist #icn-change-broker { display: none !important; } .page-name-editportfolio #icn-change-broker { display: none !important; } .page-name-moneypayment #icn-change-broker { display: none !important; } .page-name-messages #icn-change-broker { display: none !important; } .page-name-moneyreceipt #icn-change-broker { display: none !important; } .page-name-accounttransactions #icn-change-broker { display: none !important; } .page-name-changebroker #icn-change-broker { display: none !important; } .page-name-marketmap #icn-change-broker { display: none !important; } .page-name-appsettings #icn-change-broker { display: none !important; } .page-name-about #icn-change-broker { display: none !important; } .page-name-agreements #icn-change-broker { display: none !important; } .symbol-icons-box { position: absolute; bottom: 0; right: 0; display: block; z-index: 1; } #empty-basket-message { display: none; width: 100%; top: 100px; position: fixed; font-size: 16px; font-weight: bold; color: var(--select); text-align: center; } #portfo-percent .title { text-align: center; margin: 20px auto; } #portfo-percent .title.sep { margin: 0px auto 20px; border-top: 2px solid var(--spliter-line); padding-top: 24px; width: 94%; } #portfo-percent .chart-box { direction: rtl; margin: 0 auto; width: 360px; } .chart-legend { display: inline-block; margin-top: 20px; text-align: center; } .chart-legend li { display: inline-block; list-style: none; margin: 0 8px 15px; line-height: 20px; } .chart-legend li .txt { text-align: center; display: inline-block; font-weight: bold; } .chart-legend li .circle { display: inline-block; width: 14px; height: 14px; border-radius: 10px; border: solid 2px #00000020; float: right; margin: 0 4px; } #rangeSelectStockChart { margin-top: 5px; display: flex; margin-bottom: 5px; } #rangeSelectStockChart li { width: 20%; margin: 0; padding: 0; text-align: center; line-height: 32px; height: 32px; } #header_Prices { margin-right: -50px; margin-left: 25px; } #btn-technical { color: #333; } /*#endregion */ /*#region . Orders */ #orders-list-box { height: calc(100% - 45px); overflow: scroll; } #stock-details-container #orders-list-container { min-height: calc(100vh - 320px); } #orders-list-container { min-height: calc(100% - 85px); height: auto; } #orders-list-container .g-row { width: calc(100% - 25px); padding: 0 16px 0 9px; box-shadow: 0 1px #fff, 0 2px #00000012; } .longtoched .g-row > li[class^="symbolstate-float-"] span { display: none; } .orders-page-container { height: calc(100% - 8px); } .orders-page-container #filters-container { overflow: auto; margin-right: 0px; } #orders-list-container .g-row.error { height: 92px; } #orders-list-container .g-row.error.has-noti { height: 110px !important; } #orders-list-container ul .status { } #orders-list-container ul .quantity { text-align: right; float: right; } #orders-list-container #cell_qunatity .status { display: none; direction: rtl; color: var(--desable-text-color-on-black-color); width: calc(100% + 4px); overflow: hidden; position: absolute; bottom: 3px; font-size: 12px; right: 0; background-color: var(--guide-background); height: 32px; line-height: 30px; border-radius: 0 5px 5px 0; text-overflow: ellipsis; } #orders-list-container #cell_qunatity .status .tp-icon { margin: 0px 8px; } #orders-list-container .g-row.error #cell_qunatity .status { display: inline-block; } #orders-list-container .g-row > li:first-child { text-align: right; } #orders-list-container #cell_qunatity { overflow: visible; line-height: 19px; position: initial; } #orders-list-container #cell_qunatity > div { direction: rtl; width: 100%; } #orders-list-container #cell_qunatity .done .tp-trash-v2 { display: none; } #orders-list-container #cell_qunatity .loader { display: none; height: 44px; } #orders-list-container #cell_qunatity .tp-trash-v2 { display: none; padding: 0 16px; } #orders-list-container #cell_qunatity .visible-1 .tp-trash-v2 { display: inline-block; } #orders-list-container #cell_qunatity .icons { line-height: 24px; display: flex; float: left; margin-left: 1px; margin-top: 13px; height: 24px; } #orders-list-container #cell_qunatity .tag { border-radius: 4px; padding: 0 5px; font-size: 10px; font-weight: 800; margin-left: 2px; height: 24px; line-height: 24px; } #orders-list-container #cell_qunatity .tp-dots { padding: 0 7px; } #orders-list-container #cell_qunatity .state-done .tag { background-color: #b9ffb3; color: #2fbc23; } #orders-list-container #cell_qunatity .state-done .tag:before { content: "انجام شد"; } #orders-list-container #cell_qunatity .state-onsending .tag { background-color: #e9edf5; color: var(--desable-text-color-on-black-color); } #orders-list-container #cell_qunatity .state-onsending .tag:before { content: "درحال ارسال"; } #orders-list-container #cell_qunatity .error .tag, #orders-list-container #cell_qunatity .state-onmodifyerror .tag { background-color: #ff919a !important; color: #c70010 !important; } #orders-list-container #cell_qunatity .error .tag:before, #orders-list-container #cell_qunatity .state-onmodifyerror .tag:before { content: "خطا" !important; } #orders-list-container #cell_qunatity .state-onboard .tag, #orders-list-container #cell_qunatity .state-30 .tag { background-color: #ebf3ff; color: #338bff; } #orders-list-container #cell_qunatity .state-onboard .tag:before, #orders-list-container #cell_qunatity .state-30 .tag:before { content: "ثبت شد"; } #orders-list-container #cell_qunatity .state-onmodifyboard .tag { background-color: #ebf3ff; color: #338bff; } #orders-list-container #cell_qunatity .state-onmodifyboard .tag:before { content: "ثبت شد"; } #orders-list-container #cell_qunatity .state-cancel .tag { background-color: #e9edf5; color: var(--desable-text-color-on-black-color); } #orders-list-container #cell_qunatity .state-cancel .tag:before { content: "حذف شد"; } #orders-list-container #cell_qunatity .state-partiallyexecution .tag { width: 40px; background-color: #e6ebff; color: #2d58fd; position: relative; line-height: 25px; } #orders-list-container #cell_qunatity .state-partiallyexecution .tag .progress { content: " "; background-color: #b3c2ff; position: absolute; right: 0; top: 0; height: 100%; border-radius: 0 5px 5px 0; } #orders-list-container #cell_qunatity .state-expired .tag { background-color: #ccc; color: #000; } #orders-list-container #cell_qunatity .state-expired .tag:before { content: "منقضی شد"; } #orders-list-container #cell_qunatity .state-freeze .tag { color: #444; } #orders-list-container #cell_qunatity .state-freeze .tag:before { content: "ثبت شد"; } #orders-list-container #cell_qunatity .state-modify .tag { color: #444; } #orders-list-container #cell_qunatity .state-modify .tag:before { content: "ویرایش شده"; } .g-row li[class^="order-state-cancel"] { color: #ccc; } .g-row li[class^="order-state-cancel"] * { color: #ccc; } #orders-list-container #cell_Checkbox { left: 10px; top: 20px; } .grid-header #cell_Checkbox { left: -15px; top: 6px; } #cell_Checkbox { display: none; position: absolute !important; left: 0px; top: 13px; z-index: 2; background: none !important; border-bottom: 0; } #cell_Checkbox label { display: flex; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cell_Checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #cell_Checkbox i { font-size: 13px; font-style: normal; margin-left: 10px; line-height: 37px; } #cell_Checkbox span { border: solid 2px #2e73fa; position: absolute; top: 7px; left: 16px; height: 20px; width: 20px; border-radius: 15px; } #cell_Checkbox label input:checked ~ span { background-image: linear-gradient(to bottom, #699efe, #2a69e8); border: 2px solid #2e73fa; } #cell_Checkbox span:after { content: ""; position: absolute; display: none; } #cell_Checkbox label input:checked ~ span:after { display: block; } #cell_Checkbox label span:after { left: 7px; top: 4px; width: 4px; height: 7px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #orders-list-container .g-row.has-noti #cell_qunatity, #orders-list-container #cell_symbol { padding-bottom: 20px !important; } .longtoched #cell_Checkbox { display: inline-block; } .longtoched .visible-0 li, .longtoched .visible-0 li .status { color: var(--secondary-numbers) !important; } .longtoched .grid-header ul li:last-child > div { opacity: 0; transition: opacity 0.5s; } .footer-btn-sheet { opacity: 0; width: 100%; position: fixed; bottom: -56px; height: 56px; background-color: var(--all-title-and-blaks); color: var(--white); z-index: 3; text-align: center; line-height: 50px; transition: 0.2s; } .footer-btn-sheet.active { bottom: 0; opacity: 1; } .footer-btn-sheet .del { float: left; padding: 0px 20px 0 30px; } .footer-btn-sheet .close { float: right; padding: 3px 24px 0 24px; } .footer-btn-sheet .del::before { font-size: 20px; } .footer-btn-sheet > div { } .footer-btn-sheet .txt { padding-right: 30px; border-right: 2px solid #232c38; line-height: 31px; display: inline-block; float: right; margin-top: 12px; } #order-more-details-popup { border-radius: 6px; background-color: var(--all-title-and-blaks); position: fixed; min-width: 184px; min-height: 80px; margin-left: 10px; color: var(--white); z-index: 200000; overflow: hidden; font-size: 12px; top: calc(50% - 100px); left: calc(50% - 90px); overflow: visible; } #order-more-details-popup .more { position: relative; } #order-more-details-popup .more .st { text-align: right; height: auto !important; } #order-more-details-popup .more > div { padding: 0 24px; margin: 16px auto; overflow: hidden; } #order-more-details-popup .more > div > div { display: flex; line-height: 30px; min-height: 25px; } #order-more-details-popup .more > div > div span:last-child { float: left; font-size: 12px; } #order-more-details-popup .more > div > div span:first-child { float: right; opacity: 0.5; margin-left: 8px; } #order-more-details-popup .more .arrorw { border-width: 0 8px 8px 8px; border-color: transparent transparent var(--all-title-and-blaks) transparent; top: -24px; left: 70%; transform: translate(-50%, 0); border-style: solid; content: ""; position: absolute; transition: all 0.3s ease-in-out; } #order-more-details-popup .more .arrorw.bottom { top: calc(100% + 16px); transform: rotate(180deg); -webkit-transform: rotate(180deg); } #orders-history-page-container { height: 100%; } #orders-history-page-container .filter-container { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); display: flex; overflow: auto; height: 38px; padding: 10px 10px 10px 0; background: #fff; position: fixed; width: 100%; top: 33px; left: 0; z-index: 2; } #orders-history-page-container .btn-back { display: block; float: right; padding: 8px 16px; } #orders-history-page-container .grid-body > div > ul > li { border-bottom: 0; } #orders-history-page-container #symbol-search-container { top: 34px; } #orders-history-page-container #symbol-search-container > div { margin-top: 10px; } #orders-history-page-container #cell_qunatity { z-index: 1; } #orders-history-page-container #cell_orderstatus { font-size: 11px; overflow: hidden; } .simple-paging .page-size-box, .simple-paging .g-paging-text-info, .simple-paging .page-info { display: none; } .newGrid-paging-row > div { display: block; text-align: center; } .g-paging-previous-page, .g-paging-next-page { top: 10px; position: absolute; border-radius: 5px; height: 32px; } .g-paging-previous-page:hover, .g-paging-next-page:hover { background: #ccc; color: #fff; } .g-paging-previous-page { right: 10px; } .g-paging-next-page { left: 10px; } .longtoched #cell_qunatity .icons { display: none !important; } .longtoched #orders-filter { opacity: 0 !important; } .longtoched #cell_SellQuantity, .longtoched #cell_BuyQuantity { opacity: 0 !important; } #orders-empty-message { display: none; margin-right: -24px; margin-top: 50px; min-height: calc(100% - 133px); } #orders-empty-img { background: url("../Contents/Default/Images/EmptyOrder.jpg"); background-size: 100% 100%; background-repeat: no-repeat; height: 252px; width: 360px; margin: auto; } #empty-basket-img { background: url("../Contents/Default/Images/EmptyBasket.png"); background-size: 100% 100%; background-repeat: no-repeat; height: 225px; width: 360px; margin: auto; } /*#endregion*/ /*#region . Market*/ #wachlist-empty-message { display: none; font-size: 16px; margin-top: 50px; line-height: 1.75; text-align: center; font-weight: bold; height: 100%; } .market-navbar { height: 40px; padding: 8px 24px 8px 0; position: fixed; bottom: 57px; z-index: 5; background-color: var(--all-page-background); width: 100%; } .market-navbar a { border-radius: 8px; line-height: 40px; border: solid 1px var(--spliter-line); padding: 0 16px; display: inline-block; margin: 0 4px; float: right; } .market-navbar a.active { background-color: var(--all-title-and-blaks); border-color: transparent; color: var(--white); } #market { padding: 0 24px; } #market .item { height: 56px; line-height: 50px; border-bottom: 1px solid #e9eaef; } #market .item .tp-icon { float: left; } #market .item .tp-icon:before { height: 24px; border-radius: 12px; width: 24px; background-color: #e7f7eb; margin-top: 16px; color: #9992ed; line-height: 23px; font-size: 18px; } #market .item .tp-add:before { background-color: #9992ed; font-size: 12px; color: #d0d6e5; line-height: 25px; } #market-wachlist { height: calc(100% - 10px); } #market-wachlist-container { height: 100%; } #star-wachlist { font-size: 16px; margin-right: 14px; } #tablist-body { overflow: auto; height: calc(100% - 30px); } #symbol-search-container { display: none; position: fixed; height: 100%; z-index: 6; right: 0; transition: background-color 0.3s; width: calc(100% - 48px); padding: 8px 24px; } #symbol-search-container.active { display: block; height: 100% !important; background-color: var(--transparent-background) !important; position: fixed !important; padding: 39px 24px !important; width: calc(100% - 48px) !important; margin: 0 !important; top: 0px; z-index: 25; } #symbol-search-container.active .tp-search:before { content: "\e998"; font-size: 20px; } #symbol-search-container > div { width: 100%; margin: 0px; background-color: #fff; border-radius: 4px; height: calc(100% - 50px); min-height: 50px; } #symbol-search-container.closed { display: block; height: 50px; } #symbol-search-container.relative { position: relative; width: 100%; padding: 0; } .list-star-manage { margin: 10px 30px; font-size: 16px; } .list-star-manage li { list-style-type: none; line-height: 40px; height: 48px; margin: 24px 8px; white-space: nowrap; } .list-star-manage .tp-dots { float: left; padding: 0 10px; } .list-star-manage .title { display: inline-block; width: calc(100% - 100px); } .list-star-manage .tp-star { padding: 0 10px 0 15px; margin-left: 10px; } .list-star-manage .options-menu { display: none; } .list-star-manage .options:hover .options-menu { display: inline-block; } #wachlist-options-popup { min-width: 200px; position: fixed; left: 40px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); background-color: var(--white); padding: 13px 16px; z-index: 3; line-height: 45px; color: var(--desable-text-color-on-black-color); transition: transform 0.1s; transform: scale(0); transform-origin: left top; } #wachlist-options-popup.opened { transform: scale(1); } #wachlist-options-popup span { padding-left: 16px; } .longtoched #market-navbar_container { display: none; } .longtoched #market-wachlist { height: 100%; } #confirm-box-container { position: fixed; right: 16px; left: 16px; bottom: 105px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); background-color: var(--white); padding: 13px 24px; z-index: 30; line-height: 45px; color: var(--desable-text-color-on-black-color); transition: transform 0.1s; transform: scale(0); line-height: 30px; max-height: calc(100% - 230px); min-height: 140px; overflow: auto; } #confirm-box-container.fullscreen { height: calc(100% - 230px); } #confirm-box-container.fullscreen .content { height: calc(100% - 100px); } #confirm-box-container .content { position: relative; overflow: auto; text-align: justify; max-height: calc(100% - 100px); } #confirm-box-container .title { color: var(--strawberry); font-size: 16px; font-weight: bold; } #confirm-box-container .text { margin-bottom: 30px; line-height: 30px; } #confirm-box-container.opened { transform: scale(1); } #confirm-box-container .footer { /*position: absolute; bottom: 0; width: calc(100% - 32px); right: 0px; z-index: 2; padding: 35px 16px 24px;*/ margin-top: 40px; border-radius: 0 0 8px 8px; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) -19%, var(--white) 16%, var(--white) ); } /*#endregion*/ /*#region . MarketSymbols*/ #stock-watchlist-container { padding: 24px; } #stock-watchlist-container label { margin: 25px 2px; font-size: 16px; color: #333333; } #wachlist-symbols-list { height: calc(100% - 70px); } #more-wachlist-tab { position: absolute; right: 0; z-index: 1; background-color: var(--all-headers-2); } #more-wachlist-tab .text { padding: 0 24px; } #more-wachlist-tab.active .tp-icon:before { content: "\e99f"; } .market-symbols { height: 100%; } #stock-details-container .market-symbols { height: auto; } .market-symbols .head { height: 48px; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); background-color: var(--white); width: calc(100% - 48px); margin: 0 auto 8px; line-height: 42px; } .market-symbols .back { float: right; padding-right: 16px; } .market-symbols .back span:before { font-size: 20px; } .market-symbols .wname { padding-right: 16px; } .market-symbols .menu { float: left; padding-left: 16px; } .market-symbols .grid-header { font-size: 14px; } .market-symbols .grid-body > div > ul > #cell_SymbolFa { line-height: 50px; } .market-symbols .grid-header > ul #header_SymbolFa { border-bottom: 1px solid #e5e5e5; } .market-symbols .footerbox { right: 100px !important; } #wachlist-create-list { margin: 0 24px; } #sector-list-manage { } #sector-list-manage li { font-size: 16px; } #sector-symbols-list .g-row > li { border: 0 !important; } /*#endregion*/ /*#region . Market Tops*/ .sticky-top { position: -webkit-sticky; position: sticky; width: calc(100% - 48px); margin: 0 24px; top: 0px; background: #fafbff; padding-top: 7px; z-index: 6; } #market-tops { padding: 0px 24px; height: calc(100% - 50px); } #market-tops > div { } #market-tops div.getmostvisitedsymbol .title { margin-top: 10px; } #market-tops > div .title { color: #333; display: inline-block; width: calc(100% - 45px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 52px; line-height: 54px; padding: 0 10px; font-size: 14px; } #header_TradesValue { min-width: auto !important; } .market-tops-list { margin-bottom: 38px; } .market-tops-list .item { position: relative; width: calc(100% - 17px); padding: 0 10px; } .market-tops-list .item:active, .market-tops-list .item:active, .fotter-btn-container .tit:hover { border-radius: 8px; background-color: var(--guide-background); } .market-tops-list .item > a > .tp-icon { border-radius: 50%; background-color: #dbd9ff; line-height: 17px; padding: 5px 4px 7px 7px; color: #7800ff; width: 15px; height: 15px; position: absolute; left: 20px; top: 15px; } .market-tops-list.t2 { margin-bottom: 70px; } .market-tops-list.t2 .item > a > .tp-icon { background-color: #d9e0ff; color: #0b3482; } /*#endregion*/ /*#region . SiteMenu */ .page-name-appmenu #page-body { background-color: #f2f5f7; } .site-menu-container { font-size: 12px; height: 100%; display: flex; flex-direction: column; } .date-time { float: left; } .date-time b { font-weight: normal; margin-left: 5px; } .site-menu-container .logo-link { color: var(--dark-two); width: auto; padding: 0; margin: 0; float: right; } .site-menu-container .logo-link img { width: 35px; padding: 8px 3px 0px 15px; float: right; } .site-menu-container .logo-box { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: white; text-align: center; font-size: 2em; margin-left: 8px; overflow: hidden; background: #bbb; padding: 5px; } .site-menu-container .header { text-align: center; padding: 15px 0px 0px; line-height: 28px; color: var(--light-navy-blue); } .site-menu-container ul { width: calc(100% - 10px); list-style-type: none; margin: 0; padding: 0 5px; float: none; display: inline-block; } .site-menu-container ul > li { float: right; margin: 6px; padding: 15px 5px 0; width: calc(33% - 22px); text-align: center; height: 70px; border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(51, 51, 51, 0.08); background-color: var(--white); position: relative; } .site-menu-container ul > li a { font-size: 12px; color: var(--dark-two); display: inline-block; margin: -15px; width: 100%; padding: 19px 7px; } .site-menu-container ul > li.active, .site-menu-container ul > li:hover { opacity: 0.5; } .site-menu-container ul > li.active ::before, .site-menu-container ul > li:hover ::before, .site-menu-container ul > li.active a, .site-menu-container ul > li:hover a { } .site-menu-container ul > li.ful { width: calc(100% - 38px); padding: 0 10px; height: 56px; line-height: 56px; } .site-menu-container ul > li .tp-icon { font-size: 20px; line-height: 26px; display: block; margin-bottom: 8px; } .site-menu-container ul > li .tp-icon::before { font-size: 20px; } .site-menu-container .menu-messages { position: relative; } .msg-count { border-radius: 50%; position: absolute; left: 50%; top: 3px; display: none; text-align: center; height: 22px; min-width: 15px; line-height: 25px; padding: 0 3px; } .msg-count.active { background-color: #ef1f1f; color: #fff; display: inline-block; } #tab_mystocks .msg-count.active { background-color: var(--lightish-blue); } .grid-container { height: calc(100% - 33px); } .site-menu-container .market-index { width: calc(66% - 20px); box-shadow: 0 8px 32px 0 rgba(10, 115, 253, 0.5); background-image: linear-gradient(to bottom, #699efe, var(--select)); color: #fff; text-align: right; padding: 15px 5px 0px 2px; display: inline-flex; overflow: hidden; } .site-menu-container .market-index.positive { box-shadow: 0 4px 24px 0 rgba(0, 211, 91, 0.5); background-image: linear-gradient(to bottom, var(--shamrock-green), #00b74f); } .site-menu-container .market-index .swiper-slide { padding: 10px 0; } .site-menu-container .market-index .swiper-slide.positive { background-image: linear-gradient(to bottom, var(--shamrock-green), #00b74f); } .swiper { position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .site-menu-container .market-index.negative { box-shadow: 0 4px 24px 0 rgba(255, 44, 61, 0.5); background-image: linear-gradient(to bottom, var(--strawberry), #e30012); } .site-menu-container .market-index .swiper-slide.negative { background-image: linear-gradient(to bottom, var(--strawberry), #e30012); } .site-menu-container #marketindex-dir { font-size: 16px; font-weight: 800; } .site-menu-container #equal-weight-marketindex-dir { font-size: 16px; font-weight: 800; } .site-menu-container #marketindex-change { font-size: 16px; display: inline-block; font-weight: 800; } .site-menu-container #equal-weight-marketindex-change { font-size: 16px; display: inline-block; font-weight: 800; } #marketindex-val { font-size: 14px; display: inline-block; line-height: 25px; } #equal-weight-marketindex-val { font-size: 14px; display: inline-block; line-height: 25px; } .site-menu-container .market-index:hover { opacity: 1; } .site-menu-container .market-index a.link-technical { font-size: 10px; color: inherit; padding: 0; display: inline-flex; position: relative; align-items: center; margin: 0; padding-bottom: 4px; } .site-menu-container .market-index a.link-technical .half { width: 50%; } .site-menu-container .market-index a.link-technical .digit { direction: ltr; line-height: 19px; text-align: left; white-space: nowrap; margin-bottom: 6px; padding-left: 15px; } #marketindex-chart-container { height: 70px; margin: -0px; flex: 1; padding-right: 5px; } #equal-weight-chart-container { height: 70px; margin: -0px; flex: 1; padding-right: 5px; } #tag-new-index-technical { } #tag-new-index-technical:before { content: attr(text); white-space: nowrap; } .site-menu-container .page-main-container { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tadbir-logo-container { padding: 32px 16px; color: #d0d6e5; } .tadbir-logo-container .container-wrapper { display: flex; align-items: center; justify-content: center; } .tadbir-logo-container .logo { width: 40px; height: 40px; overflow: hidden; } .tadbir-logo-container .logo img { width: 100%; height: 100%; } .tadbir-logo-container .info { margin-right: 16px; line-height: 21px; } /*#endregion*/ /*#region . Popups*/ .footer-popup-container { display: flow-root; position: fixed; bottom: 50px; width: 100%; margin: 0; z-index: 0; opacity: 0; transition: top 0.15s ease-out, opacity 0.15s; top: 100%; height: 100%; border-radius: 15px 15px 0 0; overflow: hidden; } .footer-popup-container.no-transition { transition: none; } .footer-popup-container > * { display: none; background: var(--white); position: absolute; top: 0; left: 0; width: 100%; } .footer-popup-container.transparent > * { background: transparent; height: 100%; } .footer-popup-container.transparent { background: transparent; } .open-footer-popup .footer-popup-container { opacity: 1; z-index: 21; } .body-back-mask, .body-back-mask-confirm { display: none; position: fixed; z-index: 10; background-color: var(--transparent-background); width: 100%; height: 100%; top: 0px; } .body-back-mask-confirm { z-index: 30; } .show-mask-popup .body-back-mask { display: block !important; } .footer-popup-container.maximized > div { overflow: scroll; height: calc(100% - 36px) !important; } .open-footer-popup .footer-popup-container > div#sendorder-container .footer { position: fixed; } .footer-popup-container.maximized { margin-top: 34px; border-radius: 1px !important; } #details-popup-container { position: fixed; bottom: 0; transition: max-height 0.2s; z-index: 26; max-height: 0; overflow: hidden; width: 100%; } .details-popup-open #details-popup-container { max-height: 100%; } #details-popup-mask { display: none; position: fixed; width: 100%; left: 0; top: 0; bottom: 0; background-color: #8282823d; z-index: 25; } .details-popup-open #details-popup-mask { display: block; } /*#endregion*/ /*#region . BottonShet */ .btn-sheet-container { overflow: auto; margin: 0 5px 0 -10px; position: relative; } .btn-sheet { height: 40px; top: 41px; display: flex; padding-left: 33px; border-bottom: 1px solid #e9eaef; align-items: start; } .btn-sheet > * { border-bottom: solid 2px transparent; height: 38px; line-height: 38px; padding: 0 8px; margin: 0 4px; white-space: nowrap; position: relative; font-size: 14px; } .btn-sheet > * .close { display: none; position: absolute; right: 5px; top: 8px; } .btn-sheet > * .close:before { font-size: 11px; } .btn-sheet > * .val { display: none; font-size: 11px; } .btn-sheet > *.filled { line-height: 15px; padding-right: 22px !important; } .btn-sheet > *.filled .close { display: inline-block; } .btn-sheet > *.filled .val { display: block; } .btn-sheet .tag { margin: 0 5px; font-size: 10px; height: 17px; } .btn-sheet.widthspace { float: right; width: auto; } .btn-sheet.widthspace .title { font-size: 14px; font-weight: bold; } .btn-sheet.widthspace > span { padding: 0 17px; } .btn-sheet > .active { border-color: var(--all-title-and-blaks); } .btn-sheet .title { font-size: 12px; } .btn-sheet.filters { border: 0; width: 100%; top: 90px; } .btn-sheet.filters > * { border-radius: 8px; border: solid 1px var(--all-title-and-blaks); } .btn-sheet.filters > .active { background-color: var(--all-title-and-blaks); color: var(--white); border: 0; } .btn-sheet.filters > .active .lbl { color: var(--white); } /*#endregion */ /*#region . tag*/ .tag { color: #fff; border-radius: 5px; padding: 0 4px; line-height: 19px; height: 16px; font-weight: 800; display: inline-block; background-color: #e9edf5; font-size: 14px; } .tag.mini { height: 12px; width: 12px; font-size: 12px; padding: 0; line-height: 14px; text-align: center; font-weight: 300; border-radius: 4px; margin: 0 5px; } .gray-tag { background-color: #f2f5f7; color: #000; } .profit-tag { background-color: var(--shamrock-green); } .loss-tag { background-color: var(--strawberry); } .black-tag { background-color: var(--all-title-and-blaks); } .error-tag { background-color: #c70010; } /*#endregion*/ /*#region . stock-details*/ #stock-details-popup-container { height: 100%; } #symbol-menu-items { display: inline-flex; height: 40px; padding: 5px 15px; background-color: #e6ecf0; } #symbol-menu-items > span { margin: 0 12px; white-space: nowrap; line-height: 31px; font-size: 12px; color: #333; position: relative; } #symbol-menu-items > span ::before { font-size: 16px; } #symbol-menu-items > span#home.active .tp-icon:before { content: "\e953"; } #symbol-menu-items > span#messages.active .tp-icon:before { content: "\e98a"; } #symbol-menu-items > span#status.active .tp-icon:before { /* content: "\e97B"; */ content: "\e9A7"; } #symbol-menu-items > span#orders.active .tp-icon:before { content: "\e988"; } #symbol-menu-items > span#technical.active .tp-icon:before { content: "\e9A7"; } #symbol-menu-items > span#notes.active .tp-icon:before { content: "\e987"; } #symbol-menu-items > span#grouped.active .tp-icon:before { content: "\e986"; } #symbol-menu-items > span#watchlist.active .tp-icon:before { content: "\e98c"; } #symbol-menu-items > span#tradehistory.active .tp-icon:before { content: "\e985"; } .stock-details-container { padding: 0px; background: #f9f9f9 !important; } .stock-details-container #body-box { min-height: calc(100% - 190px); padding-top: 2px; position: relative; } .stock-details-container .head { position: fixed; top: 34px; width: calc(100% - 16px) !important; background: #fff; z-index: 2; right: 0; padding: 3px 16px 1px; } .order-panel-open .stock-details-container .comp { position: fixed !important; top: 40px; right: 0; z-index: 2; display: inline-flex; box-shadow: 0px 4px 5px 0 #eee; background: #fff; padding: 0px 16px 2px; width: calc(100% - 32px) !important; } .order-panel-open .stock-details-container .head { box-shadow: none !important; } .fixed .stock-details-container .head { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .maximized .stock-details-container .comp { margin-top: 28px; font-weight: bold; } .maximized .stock-details-container .comp > span { width: calc(33.33% - 5px); display: flex; } .maximized .stock-details-container .comp > span > span { display: flex; margin: 0 1px; } .maximized .stock-details-container .comp > span > span > span { margin: 0 1px; } .stock-details-container .holder { margin: 16px; padding: 8px 16px; background: var(--white); border-radius: 16px; box-shadow: 0 8px 24px 0 rgba(230, 230, 230, 0.7); } .stock-details-container .holder.flx-btn { flex-grow: 1; height: 46px; line-height: 36px; text-align: center; margin: 0 16px 0px 8px !important; width: 50%; } .stock-details-container .holder.flx-btn a { font-size: 16px; font-weight: bold; display: block; } .stock-details-container .holder.flx-btn:last-child { margin: 0 8px 0 16px !important; } .stock-details-container .holder:last-child { margin-bottom: 50px; } .stock-details-container #btnCloseStockPopup { margin-top: 2px; margin-left: 8px; } .stock-details-container #symbol { font-size: 16px; font-weight: 800; margin-left: 10px; display: flex; white-space: nowrap; } .stock-details-container #scroll-others { overflow: auto; } .order-panel-open .stock-details-container #other-symbols { display: none; } .stock-details-container #other-symbols { display: inline-flex; } .stock-details-container #other-symbols > span { background-color: var(--guide-background); border-radius: 18px; padding: 0px 5px; font-size: 10px; line-height: 23px; font-weight: bold; display: inline-flex; margin: 0px 2px; height: 22px; white-space: nowrap; } .stock-details-container #other-symbols > span > span { font-weight: 800; direction: ltr; display: inline-block; margin: 0 3px 0 0; } .stock-details-container #other-symbols > span.current { opacity: 0.5; } .stock-details-container .trade-valume { font-weight: bold; } .stock-details-container #symbol-baseinfo { padding: 7px 16px 2px; background: var(--white); } .stock-details-container #symbol-baseinfo #stock_SymbolStateId { display: none; } .stock-details-container #symbol-baseinfo > div { height: 30px; display: inline-flex; width: 100%; line-height: 30px; } .stock-details-container #symbol-baseinfo .lbl { font-size: 10px; font-weight: 300; margin-left: 3px; } .stock-details-container .state-icon { display: inline-block; width: 8px; height: 8px; border-radius: 2px; } .stock-details-container .select-all-container { display: none; } .stock-details-full-screen { position: fixed; top: 0px; left: 0; right: 0; width: 100%; bottom: 0px; z-index: 50; background-color: var(--all-page-background); } .stock-details-full-screen .head { height: 35px; line-height: 35px; border-bottom: 1px solid #ccc; padding: 0 12px; font-size: 12px; font-weight: 800; } #iframTradingView { height: calc(100% - 30px); width: 100%; border: 0; padding: 0; overflow: hidden; margin: 0; } .SymbolState1 { color: var(--profit); } .SymbolState2, .SymbolState5, .SymbolState6, .SymbolState7 { color: #dd0303; } .SymbolState3, .SymbolState4 { color: var(--closing-notif); } .SymbolState0 .state-icon { background-color: #eee; } .SymbolState1 .state-icon { background-color: var(--profit); } .SymbolState2 .state-icon, .SymbolState5 .state-icon, .SymbolState6 .state-icon, .SymbolState7 .state-icon { background-color: #dd0303; } .SymbolState3 .state-icon, .SymbolState4 .state-icon { background-color: var(--closing-notif); } #symbol-full-details .title { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .lable-value { } .lable-value > div { line-height: 32px; display: flex; } .lable-value div.l { min-width: 90px; font-weight: 300; display: flex; align-items: center; gap: 5px; } .lable-value div.l img { width: 22px; } .lable-value div.v { font-size: 14px; margin-left: 4px; } .lable-value div.v span:first-child { min-width: 63px; display: inline-block; } .lable-value .sep { position: relative; width: calc(100% + 32px); margin-right: -16px; } .lable-value .sep:before, .lable-value .sep:after { background: #f0f2f4; width: 20px; height: 20px; content: ""; position: absolute; top: -10px; border-radius: 50%; } .lable-value .sep:before { border-left: 1px solid #ececec; right: -10px; } .lable-value .sep:after { border-right: 1px solid #ececec; left: -11px; right: auto; } .open-footer-popup #stock-details-container .trade-btns { display: flex; } #stock-details-container .trade-btns { display: none; position: fixed; bottom: 0; right: 0; width: 100%; background-color: var(--white); border-top: 2px solid #eee; z-index: 2; } #stock-details-container .trade-btns span { font-size: 18px; font-weight: bold; line-height: 56px; text-align: center; width: 50%; } #stock-details-container .trade-btns span:active { background-color: #eee; } #stock-details-container .trade-btns .by { color: var(--profit); } #stock-details-container .trade-btns .sl { color: var(--loss); } #stock-details-container .trade-btns .l { font-size: 38px; width: 0; height: 26px; border-right: 1px solid var(--spliter-line); margin-top: 13px; } #stock-details-container { background-color: #f9f9f9 !important; } #stock-details-container .is-etf .hide-if-etf, #stock-details-container .show-if-etf { display: none; } #stock-details-container .is-etf .show-if-etf { display: block; } .stock-details-container .select-all-container { position: fixed; z-index: 444444444444; left: 0; top: 132px; background: #eee; width: 100%; text-align: left; padding-left: 16px; display: inline-block; } .symbol-loading #stock-details-popup-container .disable-on-loading, .symbol-loading #stock-details-popup-container .disable-on-loading > * { color: var(--secondary-numbers) !important; } .symbol-loading .pl { background-color: #f4f6fc; min-width: 30px; display: inline-block; } .loading-from-cache .page-body * { color: var(--secondary-numbers) !important; } .stok-detail-second-title { text-align: center; color: var(--all-title-and-blaks); font-size: 13px; margin: 0 5px 8px 5px; } /*#region . queue*/ #symbol-queue { padding: 15px 4px 10px; } #symbol-queue .q-tbl { width: 100%; line-height: 25px; } #symbol-queue .q-tbl thead td { font-size: 10px; font-weight: 300; } #symbol-queue .q-tbl td { font-size: 14px; position: relative; } #symbol-queue .q-tbl td:last-child { text-align: left; } #symbol-queue .q-tbl td.sep { width: 10px; position: relative; } #symbol-queue .price.buy .qu, #symbol-queue .price.sell .pr { float: right; direction: ltr; } #symbol-queue .price.buy .pr, #symbol-queue .price.sell .qu { float: left; direction: ltr; } #symbol-queue .price .txt { position: absolute; top: 0; width: 100%; } #symbol-queue .price .per { position: absolute; top: 1px; height: 20px; display: inline-block; } #symbol-queue .q-tbl tbody .price.buy .per { left: -3px; background-color: var(--light-green); border-radius: 0 3px 3px 0; } #symbol-queue .q-tbl tbody .price.sell .per { right: -3px; background-color: var(--light-red); border-radius: 3px 0 0 3px; } #symbol-queue .price .pr { position: relative; } #symbol-queue .price .pr .tooltip { display: none; position: absolute; bottom: 4px; left: calc(100% + 5px); background-color: var(--select); color: var(--white); border-radius: 3px; padding: 0 2px 0 5px; text-align: center; white-space: nowrap; height: 20px; line-height: 24px; } #symbol-queue .price .pr .tooltip:before { content: " "; position: absolute; bottom: 7px; left: -3px; background: var(--select); width: 6px; height: 6px; transform: rotate(45deg); } #symbol-queue .price .pr:hover .tooltip { display: inline-block; } #symbol-queue .price.sell .pr .tooltip { right: calc(100% + 5px); left: auto; } #symbol-queue .price.sell .pr .tooltip:before { right: -3px; left: auto; } #symbol-queue .disabled { color: #a5a5a5; } #symbol-queue .disabled .per { background-color: #e5e5e5 !important; } #symbol-queue .q-tbl td:first-child, #symbol-queue .q-tbl td:last-child { text-align: center; } /*#endregion*/ /*#region . DailySliderBar*/ .symbol-loading .daily-slider-container .color-bar { background: var(--secondary-numbers) !important; } .daily-slider-container .positive { background: var(--profit); } .daily-slider-container .negative { background: var(--loss); } .daily-slider-container #dailyslider_Center { position: absolute; left: calc(50% - 10px); } .daily-slider-container .min-max { background: #ccc; position: absolute; top: -3px; border: 3px solid #fff; border-width: 5px 0; } .daily-slider-container .min-max.left { left: 0; right: auto; } .daily-slider-container .min-max.right { right: 0; left: auto; } .daily-slider-container .min-max.right:before, .daily-slider-container .min-max.left:before { content: " "; position: absolute; top: -5px; background: var(--white); font-size: 18px; padding: 0; margin: 0; width: 5px; height: 5px; border: 2px solid var(--desable-text-color-on-black-color); border-radius: 50%; } .daily-slider-container .min-max.left:before { right: -5px; } .daily-slider-container .min-max.right:before { left: -5px; } .daily-slider-container { width: 96%; margin: 5px 2%; height: 20px; position: relative; } #rangeSelectStockChart li { width: 20%; margin: 0; padding: 0; text-align: center; line-height: 32px; height: 32px; } .daily-slider-container .main-bar { width: 100%; height: 4px; background-color: var(--main-bar); margin-top: 30px; display: flex; align-items: stretch; direction: rtl; position: relative; } .daily-slider-container .main-bar::before { content: ""; width: 100%; height: 15px; position: absolute; top: -7px; } .daily-slider-container .main-bar > div { width: 50%; } .daily-slider-container .right, .daily-slider-container .left { height: 1px; pointer-events: none; } .daily-slider-container .right { float: left; } .daily-slider-container .left { float: right; } .daily-slider-container .offset { background-color: var(--main-bar); } .daily-slider-container .range-slider { width: 10px; position: absolute; top: -12px; display: flex; justify-content: center; pointer-events: none; color: black; } .daily-slider-container .range-slider:before { content: "▼"; } .daily-slider-container .range-slider.closing-slider { top: 0px; } .daily-slider-container .range-slider.closing-slider:before { content: "▲"; } .daily-slider-container .tooltip { position: absolute; padding: 3px 5px; top: -28px; pointer-events: none; font-size: 10px; direction: ltr; font-weight: 300; } .daily-slider-container .tooltip.advance { background-color: var(--select); border: 0; z-index: 1; color: var(--white); white-space: nowrap; border-radius: 3px; } #stock-details-container #orders-list-container { min-height: calc(100vh - 320px); } #orders-list-container { min-height: calc(100% - 85px); height: auto; } .daily-slider-container .arrow { color: #ccc; position: absolute; bottom: -16px; border-left: 2px solid #bfbbbb; width: 0; height: 9px; } .daily-slider-container .last .arrow { right: 4px; } .daily-slider-container .first .arrow { left: 3px; } .longtoched .g-row > li[class^="symbolstate-float-"] span { display: none; } /*.daily-slider-container:hover .select-slider {display: flex!important;}*/ #dailyslider_range:before { color: var(--select); margin-top: -12px; } /*#endregion*/ .orders-page-container { height: calc(100% - 8px) } #symbol-indins { } #symbol-indins .box { width: calc(50% - 12px); float: right; } #symbol-indins .bar { background: #f4f6fb; height: 24px; border-radius: 6px; position: relative; margin: 5px 0; overflow: hidden; margin-top: 15px; font-size: 12px; font-weight: bold; } #symbol-indins .bar > div { position: absolute; top: 0; right: 0; height: 24px; line-height: 24px; } #symbol-indins .title { font-size: 12px; font-weight: bold; color: #333333; } #symbol-indins .percent { font-size: 12px; text-align: left; margin: 0 5px 10px; font-weight: 300; } #symbol-indins .percent span { float: right; } #symbol-indins .sep { margin: 0 10px; float: right; min-height: 140px; } #symbol-indins .bar > div span:first-child { margin-right: 5px; } #symbol-indins .bar > div span:last-child { float: left; margin-left: 5px; } #orders-list-container .g-row.error { height: 92px } #symbol-chart-container .title { font-size: 12px; font-weight: bold; color: #333333; display: block; margin-bottom: 8px; margin-right: 6px; } #orders-list-container ul .status { } #sendorder-container { opacity: 0; position: fixed; top: 100%; right: 0; background: #0e1621; min-height: 310px; color: #c5c5c5; transition: 0.3s; width: 100%; z-index: 0; } #sendorder-container.open { top: calc(100% - 310px); opacity: 1; z-index: 3; } #sendorder-container .footer { position: absolute; bottom: 0; width: 100%; border-top: 2px solid #18202a; right: 0; } #sendorder-container .footer > div { display: flex; } #sendorder-container .footer span { text-align: center; height: 48px; line-height: 48px; width: 50%; display: inline-block; } #sendorder-container .footer span:active { opacity: 0.7; } #sendorder-container .footer .send { font-size: 18px; width: 70%; color: #fff; } #sendorder-container.side-65 .footer .send { background-color: var(--profit); } #sendorder-container.side-86 .footer .send { background-color: var(--loss); } #sendorder-container.side-86 #drop_accountType, #sendorder-container.side-65 #breakeven-price-box, #sendorder-container.side-86 #remain-box { display: none; } #sendorder-container .keys > div { width: calc(16.6666% - 12px); margin: 6px; float: left; font-size: 25px; text-align: center; height: 48px; line-height: 52px; border-radius: 3px; background-color: #17212c; display: block; transition: background-color 0.3s; } #sendorder-container .keys > div:active { background-color: #d0d6e6; color: #0e1621; } #sendorder-container .inputs { position: relative; } #sendorder-container .border { border-radius: 5px; background-color: #17212c; margin: 6px; float: right; border: 2px solid #222b34; padding: 5px 3px 0; height: 45px; font-size: 18px; } #sendorder-container .border.invalid-value { border-color: var(--close-notif) !important; } #sendorder-container .border.invalid-value.focused { border-color: var(--close-notif) !important; } #sendorder-container .hover-vis .sep { width: 0; height: 20px; border-right: 1px solid #d0d6e6; margin: 5px 1px; } #sendorder-container .border.focused { border: 2px solid rgb(41, 81, 121) !important; } #sendorder-container .focused .tp-calc { color: rgb(41, 81, 121) !important; } #sendorder-container .info-container { display: inline-flex; overflow: auto; max-width: 100%; } #sendorder-container .info { font-size: 13px; align-items: flex-start; padding: 0 8px; display: inline-flex; max-width: 165px; overflow: hidden; transition: max-width 0.2s; float: right; } #sendorder-container .info.open { max-width: 100% !important; overflow: auto; } #sendorder-container .info .selected { font-size: 13px; } #sendorder-container .info > div { height: 38px; white-space: nowrap; padding-top: 5px; margin: 6px; } #sendorder-container .info > div:last-child { padding-left: 30px; } #sendorder-container #btn-more-options { line-height: 19px; display: inline-block; padding: 5px 5px; float: right; height: 20px; border: 2px solid #222b34; border-radius: 8px; margin: 12px 10px 0; } #sendorder-container .info.open + #btn-more-options:before { content: "\e92a"; } #sendorder-container .lbl { color: var(--desable-text-color-on-black-color); font-size: 12px; } #sendorder-container .lbl .tp-icon { color: #c5c5c5; } #sendorder-container .info > div > div:last-child { min-height: 18px; } .key-input-box.focused .txt { border-right: 2px solid var(--profit); padding: 2px 2px 0 2px; min-height: 25px; display: inline-block; -webkit-animation: blinkborder 0.5s step-end infinite alternate; line-height: 25px; } .key-input-box.focused.clicked .txt { background: #00adff3b; } .key-input-box.focused .total.txt { min-height: 12px; line-height: 12px; } #sendorder-container.side-65 .info { max-width: 240px; } #sendorder-container.side-65 #purchase-power-container { display: inline-block !important; margin-left: 10px; } #sendorder-container .info .more { border-radius: 4px; border: 2px solid #222b34; height: 28px; width: 28px; float: left; text-align: center; line-height: 27px; } #sendorder-container #drop_accountType { min-width: 80px; } #sendorder-container #drop_orderValidity { min-width: 75px; } #sendorder-container .key-input-box .hover-vis { display: none; position: absolute; top: -48px; background: #eff2f9; border-radius: 6px; color: #d0d6e6; font-size: 13px; line-height: 18px; height: 33px; padding: 6px 10px; } #sendorder-container .key-input-box.price-box .hover-vis:before { left: 75%; } #sendorder-container.side-86 .key-input-box.count-box .hover-vis { left: 70px !important; } #sendorder-container .key-input-box .hover-vis:before { top: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); border-width: 0 8px 8px 8px; border-color: transparent transparent #eff2f9 transparent; left: 60%; border-style: solid; content: ""; position: absolute; } #sendorder-container .key-input-box .hover-vis span { color: #0f1722; margin: 0 5px; } #sendorder-container .key-input-box.open-popup .hover-vis { display: inline-flex; } #sendorder-container .key-input-box .hover-vis .b { border-radius: 5px; background-color: #d0d6e6; color: #0d1520; padding: 9px 8px; margin: 0 3px; direction: ltr; line-height: 15px; } .order-max-shown-container { width: calc(100% - 60px) !important; position: fixed; left: 30px; overflow: hidden; z-index: 1; } #sendorder-container .price-box .lbl .tp-lock-close { display: none; } #sendorder-container.price-lock .price-box .lbl .tp-lock-close { display: inline-block; } #sendorder-container.price-lock .price-box #btn-lock:before { content: "\e9A4"; } #stock-details-popup-container.opened #sendorder-container { display: block; } #stock-details-popup-container #sendorder-container { display: none; } #Notification_Container { right: auto; left: auto; width: 96%; margin: 0 2%; top: 30px; } .notify-item { background-color: var(--all-title-and-blaks); color: var(--white); border-color: transparent; border-radius: 7px; box-shadow: none; font-size: 12px; position: relative; width: calc(100% - 63px); margin: 5px 0 0; padding: 10px 35px 10px 22px; min-width: 200px; line-height: 23px; border-width: 1px; border-style: solid; text-align: right; transition: transform 0.1s; transform: scale(0); transform-origin: center top; } .notify-item a { color: #6babff; text-decoration: underline; } .notify-item:before { display: none; border-width: 0 8px 8px 8px; border-color: transparent transparent var(--all-title-and-blaks) transparent; top: -9px; right: 60px; transform: translate(-50%, 0); border-style: solid; content: ""; position: absolute; transition: all 0.3s ease-in-out; } .notify-item.quick { padding-bottom: 65px; } #Notification_Container { position: fixed; z-index: 110; line-height: 20px; } #Notification_Container .header:before { position: absolute; right: 0; top: calc(50% - 9px); right: 4px; font: normal normal normal 17px/1 TPFont; } #Notification_Container .close:before { content: "\e917"; font: normal normal normal 13px/1 TPFont; position: absolute; left: 7px; top: calc(50% - 8px); } #Notification_Container .quick .close { position: absolute; bottom: 10px; left: 14px; background-color: var(--select); padding: 5px 10px; width: calc(100% - 50px); border-radius: 8px; font-family: inherit; height: 40px; font-weight: 800; } #Notification_Container .quick .close:before { content: "متوجه شدم"; width: 100%; font-family: inherit; line-height: 17px; font-weight: 800; margin: 0 auto; text-align: center; } #Notification_Container .quick .title { font-size: 10px; font-weight: 800; color: var(--strawberry); } #Notification_Container .text { text-align: justify; display: block; padding: 0 5px; user-select: text; max-height: 200px; overflow: auto; } #Notification_Container .header { right: 5px; position: absolute; top: 0; height: 100%; width: 27px; } #Notification_Container .error .header:before { content: "\e95B"; color: #ec7070; } #Notification_Container .info .header:before { content: "\e959"; color: #90ceff; } #Notification_Container .success .header:before { content: "\e95A"; color: #48c1b7; } #Notification_Container .warning .header:before { content: "\e958"; color: #b59d49; } .notify-item.opened { transform: scale(1) !important; } .notify-item.closed { transform: scale(0) !important; } #sendorder-notif-container { position: fixed; bottom: 310px; width: 100%; font-size: 12px; } #sendorder-notif-container .notify-item { color: #fff; position: relative; line-height: 23px; border-width: 0 0 1px; border-style: solid; text-align: right; display: inline-block; width: 100%; white-space: nowrap; padding: 0; border-radius: 0; transform-origin: top right; margin: 0; } #sendorder-notif-container .closeallnotifications { display: none; } #sendorder-notif-container .error { background-color: var(--close-notif); border-color: #b64d6d; } #sendorder-notif-container .error .header:before { content: "\e95C"; } #sendorder-notif-container .inf { background-color: #71cbff; border-color: #5e9fce; color: var(--all-title-and-blaks); } #sendorder-notif-container .inf .header:before { content: "\e95B"; } #sendorder-notif-container .success { background-color: #00d110; border-color: #0c9d8f; } #sendorder-notif-container .success .header:before { content: "\e916"; } #sendorder-notif-container .header { position: absolute; left: 0; top: 0; height: 100%; width: 27px; } #sendorder-notif-container .header:before { position: absolute; right: 0; top: calc(50% - 5px); right: 4px; font: normal normal normal 11px/1 TPFont; } #sendorder-notif-container .text { text-align: justify; display: block; padding: 5px 24px 0; } #sendorder-notif-container .notify-item:before { display: none; } /*#endregion */ /*#region . SupervisorMessage*/ .message-list-expandable .holder { padding: 24px 24px 0; position: relative; } #stock-details-container .message-list-expandable .holder { padding: 24px 24px; } .message-list-expandable .expanded .p { max-height: 100% !important; margin-bottom: 30px; } .message-list-expandable .title { color: var(--select); font-size: 14px; font-weight: bold; text-align: right; width: 100%; display: block; } .message-list-expandable .p { color: var(--text-color); font-size: 14px; text-align: justify; max-height: 100px; overflow: hidden; line-height: 1.7; margin-bottom: 15px; } .message-list-expandable .tm { color: var(--secondary-numbers); float: right; } .message-list-expandable .btn-more { border-radius: 8px; color: var(--white); position: absolute; right: 0; left: 0; width: calc(100% - 38px); line-height: 32px; margin: 0 auto; height: 32px; text-align: center; bottom: 15px; background: var(--select); font-size: 13px; } .message-list-expandable .btn-more.max:before { content: ""; position: absolute; right: 0; left: 0; opacity: 1; bottom: 33px; height: 105px; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(99%, hsla(0, 0%, 98.8%, 0.99)), to(#fcfcfc) ); background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 98.8%, 0.99) 99%, #fcfcfc ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#fcfcfc",GradientType=0); } .message-list-expandable .holder .btn-more.min { display: none; } .message-list-expandable .expanded .btn-more.max { display: none; } .message-list-expandable .expanded .btn-more.max:before { display: none; } .message-list-expandable .expanded .btn-more.min { display: block; } .message-list-expandable .closeable { padding: 5px 0; position: relative; } .message-list-expandable .lbl { width: 80px; float: right; text-overflow: ellipsis; overflow: hidden; } .message-list-expandable .bx { width: calc(100% - 80px); float: right; } .message-list-expandable .closeable.closed .p { max-height: 0; } .message-list-expandable .closeable .p { max-height: 500px; transition: max-height 0.5s ease; display: inline-block; margin: 0; padding: 10px 0 0; text-align: right; } .message-list-expandable .closeable .tp-icon { color: var(--secondary-numbers); float: left; } .message-list-expandable .closeable.closed .tp-arrowdown { display: inline-block; } .message-list-expandable .closeable.closed .tp-arrowup { display: none; } .message-list-expandable .closeable .tp-arrowdown { display: none; } .message-list-expandable .closeable .tp-arrowup { display: inline-block; } /*#endregion . SupervisorMessage*/ /*#region . Agreements*/ #agreements-list-container .p { padding-left: 36px; max-height: 60px; } #agreements-list-container .p, #agreements-list-container .p * { font-size: 12px !important; font-family: IRANYekan !important; } #agreements-list-container .title { padding: 0; margin: 0 0 10px; } #agreements-list-container .holder { padding: 0 16px 0; } #agreements-list-container .tp-icon { position: absolute; bottom: 26px; left: 16px; color: var(--secondary-numbers); } #agreements-list-container input[disabled] + .switchslider { display: none; } #agreement-page { padding: 70px 32px; } #agreement-page .title { font-weight: bold; } #agreement-page .text, #agreement-page .text * { font-family: iranyekan; } #agreement-page .confirm-box { margin-top: 24px; border-radius: 8px; padding: 8px; background-color: var(--guide-background); } #agreement-page .btns { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; display: flex; } #btn-accept { background-color: var(--lightish-blue); } #btn-reject { background-color: var(--guide-background); width: 50%; color: var(--desable-text-color-on-black-color); } /*#endregion*/ .droplist.footer .list { bottom: -50% !important; height: auto !important; display: block !important; top: auto !important; position: absolute !important; /* left: auto!important; */ /* به خاطر اینکه در قسمت انتخاب تاریخ در بخش گردش حساب لیست ماه ها در جای مناسبی قرار نمی گرفت */ } #stock-notes-container { padding: 0 24px; } #stock-notes-container #list { margin-bottom: 1px; } #stock-notes-container #list > div { border-bottom: 1px solid #e9eaef; padding: 24px 0 10px; } #stock-notes-container #list .ctrl { float: left; } #stock-notes-container #list .ctrl span { padding: 15px; } #stock-notes-container #list .sep { clear: both; } .open-footer-popup #stock-notes-container .input-container { display: block; } #stock-notes-container .input-container { display: none; height: 56px; position: fixed; width: calc(100% - 20px); padding: 0 10px; bottom: 58px; left: 0; border-top: 2px solid #eee; box-shadow: none; border-radius: 0; font-size: 14px; } #stock-notes-container .input-container input[type="text"] { width: calc(100% - 70px); font-size: 14px; line-height: 55px; } /*#endregion . Notes*/ /*#region . TimeLine*/ #footer-popup-content-order-details { height: auto; } .pop-black { font-size: 12px; height: 100%; color: var(--white); overflow: hidden; position: relative; max-width: 1200px; margin: 0 auto; } .pop-black #list { height: 100%; background-color: var(--all-title-and-blaks); width: calc(100% - 70px); border-radius: 15px 15px 0 0; margin: 0 24px; padding: 24px 10px; line-height: 30px; } .pop-black.full { height: auto; } .pop-black.full #list { width: calc(100% - 48px); margin: 0; font-size: 14px; padding: 24px 24px 16px; } .pop-black .lbl { color: var(--desable-text-color-on-black-color); width: 100px; display: inline-block; vertical-align: top; } .pop-black .val { width: calc(100% - 110px); display: inline-block; vertical-align: top; } .pop-black .btn { width: calc(33% - 10px); display: inline-block; height: 36px; border-radius: 6px; border: solid 2px #232c38; margin: 0 5px; text-align: center; line-height: 32px; } .pop-black.vis-0 .btn.edit, .pop-black.vis-0 .btn.delete { display: none; } .pop-black .btn-container { margin-top: 10px; display: flex; } .pop-black .btn:before { font-family: TPFont; margin: 0 0 0 10px; } .pop-black .btn.edit:before { content: "\e98B"; } .pop-black .btn.copy:before { content: "\e977"; } .pop-black .btn.delete:before { content: "\e97a"; } .timeline .disable { color: var(--desable-text-color-on-black-color); } .timeline .bold { font-weight: bold; font-size: 14px; } .timeline .container { padding: 10px 25px 10px 10px; position: relative; background-color: inherit; right: -7px; width: calc(100% - 35px); } .timeline .container:after { content: " "; width: 0; border-left: 2px solid var(--profit); position: absolute; right: 18px; height: calc(100% - 36px); top: 57px; border-radius: 18px; z-index: 2; } .timeline .container.seen { color: var(--desable-text-color-on-black-color); } .timeline .container.seen:after { border-color: var(--desable-text-color-on-black-color); } .timeline .container .time { content: ""; position: absolute; width: 25px; height: 25px; right: -27px; top: 15px; z-index: 1; background: var(--all-title-and-blaks); padding: 6px 10px 0px; } .timeline .content { padding: 20px 30px 20px 0px; position: relative; border-radius: 6px; } .maximized #time-line-container { border-radius: 0; } .timeline .close-arrow-container { display: none; text-align: center; color: var(--desable-text-color-on-black-color); top: 34px; width: 100%; position: fixed; left: 0; z-index: 4; } .timeline .close-arrow-container .tp-icon::before { font-size: 34px; } .timeline .close-arrow-container:before { font-size: 34px; } .maximized .timeline .close-arrow-container { display: block; } .maximized .timeline #list { overflow: scroll; height: 100%; } /*#endregion*/ /*#region . Money*/ .money-payment-status-4 { color: var(--profit) !important; } .money-payment-status-5, .money-payment-status-3 { color: #333 !important; } .money-payment-status-7, .money-payment-status-2, .money-payment-status-1 { color: var(--loss) !important; } .money-receipt-state-6 { color: var(--profit) !important; } .money-receipt-state-2, .money-receipt-state-3 { color: var(--loss) !important; } /*#endregion*/ /*#region . change-broker */ .changebroker-state-1 { } .changebroker-state-2, .changebroker-state-3, .changebroker-state-0 { color: var(--loss) !important; } .changebroker-state-4 { color: var(--select) !important; } /*#endregion*/ /*#region . new-features*/ #new-features-container { position: fixed; z-index: 0; opacity: 0; transition: opacity 0.2s; height: 100%; } #new-features-container.open { z-index: 5; opacity: 1; background-color: var(--transparent-background) !important; padding: 80px 24px; width: calc(100% - 48px); margin: 0; top: 0; height: calc(100% - 160px); } #new-features-container .close { color: #436dff; font-weight: 800; padding: 10px 24px; display: block; font-size: 16px; } #new-features-container .box { border-radius: 8px; box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.16); background-color: var(--white); padding: 16px; max-height: calc(100% - 30px); min-height: 200px; overflow: auto; } #new-features-container .head { line-height: 50px; padding: 0 15px; color: var(--white); font-size: 16px; font-weight: bold; height: 50px; border-radius: 8px; box-shadow: 0 6px 24px 0 rgba(255, 143, 177, 0.4); background: linear-gradient(285deg, #ff65bc 57%, #ff65bc 26%, #ffb5a8 100%); } #new-features-container .head img { float: left; margin-top: -11px; width: 70px; } #new-features-container .siteVeriosnBody { padding-top: 15px; } #new-features-container .siteVeriosnBody li { line-height: 20px; list-style-type: none; margin: 5px 0px; display: inline-block; width: 100%; } #new-features-container .siteVeriosnBody li .bollet { width: 8px; height: 8px; border-radius: 8px; background-image: linear-gradient(to bottom, #699efe, var(--select)); margin: 8px 0 22px 7px; display: inline-block; float: right; } #new-features-container .siteVeriosnBody span { display: inline-block; color: #3d3d3d; } .tag-new { position: absolute; box-sizing: border-box; transition: all 0.25s ease-in-out; z-index: 1; right: 50%; bottom: 10px; width: auto; } .tag-new:before { bottom: 0; left: 50%; transform: translate(-50%, calc(100% + 8px)); box-sizing: border-box; border-radius: 4px; content: "جدید"; position: absolute; line-height: 1.2em; padding: 2px 5px; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; z-index: 20; background-color: var(--close-notif); font-size: 10px !important; font-weight: 800; text-align: center; color: var(--white); white-space: nowrap; } .tag-new:after { border-width: 0 5px 5px 5px; border-color: transparent transparent var(--close-notif) transparent; bottom: -9px; left: 50%; transform: translate(-50%, 0); width: 0; height: 0; border-style: solid; content: ""; position: absolute; transition: all 0.3s ease-in-out; } #symbol-menu-items .tag-new.small:before { padding: 1px 5px; font-size: 10px; font-weight: 500; } #technical .tag-new { position: absolute; right: 25px; top: 18px; right: 30px; } #btn-ipo.tag-new:before { content: "عرضه"; } /*#endregion*/ /*#region . price-range*/ #cell_TradesValue { transition: opacity 0.4s; padding: 2px 1px; line-height: 40px; } .longtoched #cell_TradesValue { opacity: 0; } .price-range-container { width: calc(100% - 0px); margin: 3px auto 0; } .price-range { position: relative; background: #eee; height: 5px; width: calc(100% - 0px); margin: 0 auto; } .price-range .bg { height: 100%; } .price-range .b-r { float: left; width: 50%; background: var(--loss); height: 100%; } .price-range .b-g { float: right; width: 50%; background: var(--profit); height: 100%; } .price-range .bar { height: 1px; } .price-range .point { position: absolute; font-size: 10px; color: #2d2d2d; line-height: 10px; } .price-range .point-l { top: -7px; } .price-range .point-c { top: 4px; } .price-range .side-n, .price-range .side-p { background: #ccc; position: absolute; border: 3px solid #fff; top: -1px; border-width: 3px 0; } .price-range .side-n { left: 0; } .price-range .side-p { right: 0; } /*#endregion*/ /*#region . btn*/ .btn { font-size: 14px; cursor: pointer; outline: none; border: 0; color: var(--white); border-radius: 8px; text-align: center; height: 56px; line-height: 56px; margin-top: 10px; padding: 0 5px; font-family: inherit; width: calc(100% - 10px); } .btn:hover, .btn:active { opacity: 0.8; } .btn-blue { background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%); } .btn-blue-important { background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%) !important; } .btn-gray { background-color: #f0f0f0; color: var(--all-title-and-blaks); } .btn-purple { background-color: #881bad; } .btn:disabled, .btn.disabled { background: #dddddd; } .btn.primary { background-color: var(--select); color: var(--white); border-radius: 3px; padding: 10px 15px; } .btn-green { background-image: linear-gradient(to bottom, var(--shamrock-green), #00b74f); color: var(--white); } .btn-red { background-image: linear-gradient(to bottom, #ff2c3d, #e30012); color: var(--white); } .btn.half { display: inline-block; width: calc(50% - 20px); margin: 0 4px; float: right; } .btn.half:last-child { float: left; } .btn-animate, .btn-animate-sheet > * { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .btn-group { height: 32px; } .btn-group li { list-style-type: none; padding: 4px; margin: 4px; float: right; font-size: 12px; font-weight: 300; } .btn-group li.active { font-size: 14px; font-weight: bold; border-radius: 16px; border: solid 1px var(--spliter-line); background-image: linear-gradient(to bottom, var(--white), #f4f6fb); color: var(--all-title-and-blaks); } /*#endregion*/ /*#region . MarketMap*/ .market-map-container { height: 100%; } /*#endregion*/ /*#region . LoginList*/ #login-list-container { font-size: 12px; } #login-list-container .card { padding: 0; margin: 8px 0; } #login-list-container .card .bg { float: right; width: 64px; border-radius: 0 8px 8px 0; color: var(--white); text-align: center; padding-top: 35px; } #login-list-container .card .bd { padding-right: 24px; } #login-list-container .card .bd p { line-height: 13px; } #login-list-container .card .lb { width: 60px; display: inline-block; font-weight: 300; } #login-list-container .card .vl { } /*#endregion*/ /*#region . Settings*/ .password-strength-ul { display: flex; } .password-strength > * { color: var(--icon-color-on-white-background); font-size: 16px; margin: 0 2px; } .strength0 .password-strength .active { color: #ff2c3d; } .strength1 .password-strength .active { color: #eaf82b; } .strength2 .password-strength .active { color: #c4f54b; } .strength3 .password-strength .active { color: #f7b809; } .strength4 .password-strength .active { color: #29f70a; } .strength5 .password-strength .active { color: #49bd1c; } .page-name-appsettings .page-body p { margin: 17px 0; } .page-name-appsettings .page-body p .tp-icon { margin-left: 10px; } /*#region . Checkbox*/ .newcheckbox { display: block; position: relative; padding-right: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*#region . DatePicker*/ .jdate-picker { position: absolute; bottom: 0px; width: calc(100% - 36px); line-height: 50px; margin: 23px 16px; z-index: 10; background: var(--white); border-radius: 8px; left: 0; box-shadow: 0 8px 8px 0 rgba(51, 51, 51, 0.24); transform: scale(0); transition: transform 0.2s; transform-origin: bottom; } .jdate-picker.open { transform: scale(1); } #send-order-box .jdate-picker { box-shadow: none; } .jdate-picker .container { border-style: solid; border-color: var(--all-page-background); border-width: 1px 0; display: flex; padding: 3px 0px; margin: 0px 0 24px; left: 0; width: 100%; } .jdate-picker .container > * { width: 30%; text-align: center; } .jdate-picker .close { float: right; padding: 0 10px; } .jdate-picker #btn-close { font-size: 14px; line-height: 58px; padding: 0 10px; } .jdate-picker .current { font-size: 14px; background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%); line-height: 50px; color: #fff; bottom: 8px; position: absolute; width: calc(100% - 16px); right: 8px; text-align: center; border-radius: 8px; height: 48px; } .newcheckbox input:checked ~ .checkmark:after { display: block; } /*#region . Switch*/ .switch-container { line-height: 19px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch { position: relative; display: inline-block; width: 38px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .switchslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--shadow-card-background-50); -webkit-transition: 0.4s; transition: 0.4s; } .switchslider:before { position: absolute; content: ""; height: 20px; width: 20px; right: 3px; top: 2px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s cubic-bezier(0.54, 1.6, 0.5, 1); } input:checked + .switchslider { background-color: var(--select); } input:focus + .switchslider { box-shadow: 0 0 1px #2196f3; } input:checked + .switchslider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(-13px); } .switchslider.round { border-radius: 34px; } .switchslider.round:before { border-radius: 50%; box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.49); } .switch-container.full-width { width: calc(100% - 10px); display: block; padding: 15px 0px 15px 0; margin-bottom: 5px; } .switch-container.full-width .switch { float: left; } input[disabled] + .switchslider { background: #f5f3f3 !important; } /*#endregion Switch*/ .newchbx input:checked ~ .s:before { display: block; } .single-chart { width: 33%; justify-content: space-around; } .newchbx.plus input:checked ~ .s:before { display: none } .newchbx.plus input:checked ~ .s:after { display: block; } .newchbx.bullet input:checked ~ .s { background-image: none; } .bullet_money { line-height: normal !important; } .no-animate .circle { animation: none; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } .circular-chart.orange .circle { stroke: #ff9f00; } .circular-chart.green .circle { stroke: #4cc790; } .circular-chart.blue .circle { stroke: #2d58fd; } .percentage { fill: #666; font-family: sans-serif; font-size: 10px; text-anchor: middle; font-weight: bold; } /*#endregion . Pie*/ /*#region . droplist*/ .droplist { position: relative; display: inline-block; text-align: right; } .droplist .selected { font-size: 15px; white-space: nowrap; } .droplist.open-popup .list { transform: translate(-50%, -50%) scale(1); z-index: 99999; } .droplist .list { background: var(--guide-background); border-radius: 5px; position: fixed; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.2s; overflow: auto; max-height: 100%; max-width: 100%; } .droplist .list > div { border-bottom: 1px solid #dfe2f1; color: #0f1722; text-align: center; padding: 5px 15px; white-space: nowrap; font-size: 13px; font-weight: bold; line-height: 35px; } .droplist .list > div:last-child { border-bottom: 0; } .droplist .arrow { float: left; position: absolute; left: 6px; top: 5px; } .droplist.open-popup .arrow:before { content: "\e940"; } .droplist.simple .list { padding: 10px 15px; line-height: 43px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); background-color: var(--white); color: var(--desable-text-color-on-black-color); z-index: 3; max-height: 300px; overflow: auto; } .droplist.simple .list .active { background-color: var(--all-title-and-blaks); color: var(--white); border-radius: 5px; border-bottom: 0; } .droplist .mask { min-height: 0 !important; } .droplist.open-popup .mask { background: #ffffff87; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .droplist.input-border { display: inline-flex; } .droplist.input-border .arrow { top: 10px; } .droplist.input-border .list { box-shadow: 0 3px 3px var(--box-shadow); } .droplist.footer .list { bottom: -50% !important; height: auto !important; display: block !important; top: auto !important; position: absolute !important; /* left: auto!important; */ /* به خاطر اینکه در قسمت انتخاب تاریخ در بخش گردش حساب لیست ماه ها در جای مناسبی قرار نمی گرفت */ } .droplist.footer .list > * { line-height: 22px; } /*#endregion */ /*#region . Autocomplete*/ .input-container { height: 100%; } .symbol-autocomplete-container { width: calc(100% - 90px); height: 100%; } .autocomplete_result { width: 100%; padding: 0; height: calc(100% - 46px); overflow: auto; position: absolute; top: 40px; } .autocomplete_result p { line-height: 23px; margin: 0; padding: 10px 0; } .autocomplete_result p span:first-child { font-size: 16px; color: #333333; } .autocomplete_result p span:last-child { font-size: 14px; color: var(--secondary-numbers); font-weight: normal; } .autocomplete_result p span.tp-close { float: left; margin-top: -35px; } .autocomplete_result p label > span { line-height: 20px; display: block; } .autocomplete_result p > span { display: block; } .autocomplete_result .count { color: var(--secondary-numbers); display: none; } .symbol-autocomplete-container .clear-last { position: absolute; right: 100%; top: 0; display: none; } .symbol-autocomplete-container input.autocomplete { padding: 10px 0; font-size: 14px; font-weight: 300; } .symbol-autocomplete-container .clear { position: absolute; top: 1px; left: -10px; } /*#endregion*/ .sort-dir { width: calc(100% - 22px); display: block; padding: 10px 10px 20px 0; border-bottom: solid 1px var(--spliter-line); margin-bottom: 1px; font-size: 15px; } .sort-dir .switch { float: left; } .newcheckbox .checkmark { position: absolute; top: 0; right: 0; height: 25px; width: 25px; background-color: #eee; border: 1px solid #ccc; border-radius: 3px; } .newcheckbox:hover input ~ .checkmark { background-color: #eee; } .newcheckbox input:checked ~ .checkmark { background-color: var(--profit); border-color: transparent; } .newcheckbox input:checked ~ * { color: var(--profit); } .newcheckbox .checkmark:after { content: ""; position: absolute; } .newcheckbox input:checked ~ .checkmark:after { display: block; } .newcheckbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .newchbx { display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 40px; font-weight: bold; } .newchbx input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .newchbx .s { border: solid 2px var(--select); position: absolute; top: 8px; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 15px; line-height: 40px; } .newchbx.disabled .s { border-color: #99a2af; } .newchbx.right { padding-right: 35px; padding-left: 0; } .newchbx.right span.txt { margin-right: 25px; } .newchbx.right .s { right: 0; } .newchbx.multiline { line-height: 20px; margin: 25px 0; } .newchbx input:checked ~ .s { background-image: linear-gradient(to bottom, #699efe, #2a69e8); border: solid 2px #2a69e8 !important; } .newchbx input:checked ~ .s:after { display: block; } .newchbx input:checked ~ .s:before { display: block; } .newchbx .s:after { content: ""; position: absolute; display: none; left: 7px; top: 3px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .newchbx.plus .s:before { content: "+"; position: absolute; display: block; font-size: 21px; color: var(--select); top: -8px; left: 4px; } .newchbx.plus input:checked ~ .s:before { display: none; } .newchbx.plus input:checked ~ .s:after { display: block; } .newchbx.bullet input:checked ~ .s { background-image: none; } .newchbx.bullet .s { width: 18px; height: 18px; } .newchbx.bullet .s:after { border: 0; left: 3px; top: 3px; width: 12px; height: 12px; background: var(--select); border-radius: 50%; } #sort-grid-items { padding: 10px 24px; height: auto; width: calc(100% - 48px); } #sort-grid-items .newchbx { line-height: 40px; padding: 0 8px; margin-bottom: 6px; } #sort-grid-items .newchbx .s { top: 12px; left: 12px; border-color: #2d2d2d; } #sort-grid-items > *:hover, #sort-grid-items > *:active { background-color: var(--all-page-background); } .sort-dir { width: calc(100% - 22px); display: block; padding: 10px 10px 20px 0; border-bottom: solid 1px var(--spliter-line); margin-bottom: 1px; font-size: 15px; } .sort-dir .switch { float: left; } .sort-dir .switchslider:before { height: 20px; width: 20px; right: 3px; bottom: 3px; } /*#endregion*/ /*#region . swipe-tabs */ .swipe-tabs.fixed { position: fixed; top: 34px; } .swipe-tabs.fixed.under-menu-tab { top: 91px; } .swipe-tabs ul { display: inline-flex; width: 100%; min-height: 32px; height: 40px; } .swipe-tabs li { list-style-type: none; float: right; white-space: nowrap; } .swipe-tabs { width: 100%; overflow: auto; border-bottom: 1px solid #e9eaef; background-color: var(--all-headers-2); } .swipe-tabs ul li .text { font-size: 12px; padding: 0px 15px; transition: border-width 0.2s; display: inline-block; height: 40px; line-height: 40px; position: relative; } .swipe-tabs ul li.active .text { } .swipe-tabs ul li .text:after { content: " "; border-bottom: 2px solid #000; width: 0; position: absolute; bottom: 0; left: 0; right: auto; transition: width 0.5s ease; } .swipe-tabs ul li.active .text:after { width: 100%; right: 0; left: auto; } .swipe-tabs ul.reverse li .text:after { right: 0; left: auto; } .swipe-tabs ul.reverse li.active .text:after { left: 0; right: auto; } .swipe-tabs ul .border { content: " "; border-bottom: 2px solid black; position: absolute; right: 0; bottom: 0; width: 50px; transition: 0.5s ease; } /*#endregion*/ /*#region . Modal*/ .modal-container { position: fixed; z-index: 2; width: 100%; height: 100%; background-color: rgba(195, 194, 194, 0.74); right: 0; top: 0; } .modal-content { background: #fff; border-radius: 16px; padding: 14px 24px 24px; color: #014157; margin: 24px; height: calc(100% - 78px); position: relative; } .modal-content.bottom { height: auto; position: absolute; width: calc(100% - 100px); bottom: 50px; } .modal-text { height: calc(100% - 70px); overflow: auto; margin-bottom: 10px; padding-bottom: 0px; padding-right: 0px; line-height: 23px; } #btn-close-modal { width: 100%; margin: 0 auto; position: relative; } #btn-close-modal:before { content: ""; position: absolute; left: 0px; width: 100%; opacity: 1; bottom: 57px; height: 65px; z-index: 1; background: -webkit-gradient( linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(99%, hsla(0, 0%, 98.8%, 0.99)), to(#fcfcfc) ); background: linear-gradient( 180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 98.8%, 0.99) 99%, #fcfcfc ); } /*#endregion*/ /*#endregion . COMPONENTS*/ /*#region . responsive*/ @media screen and (orientation: portrait) { } @media screen and (orientation: landscape) { } @media screen and (max-width: 320px) { .hide-in-small { display: none !important; } } @media screen and (max-height: 400px) { .landscape-hidden { display: none !important; } .stock-details-container #body-box { min-height: calc(100% - 135px); } #iframTradingView { height: 100%; } } /*#endregion*/ .admin-message * { font-family: IRANYekan, tahoma !important; } .admin-message-info-button-container { position: relative; } .admin-message-info-button { position: absolute; top: 0; left: 0; background: 0; border: 0; } .admin-message-info-button img { width: 20px; height: 20px; } .hide { display: none !important; } ul { list-style: none; } /*EditPortfolio*/ .edit-portfolio { height: 100%; } .edit-portfolio .body-box { min-height: calc(100% - 123px); position: relative; padding: 57px 0 0; -webkit-tap-highlight-color: transparent; } .edit-portfolio .body-box .portfolio-section { /*width: 100%;*/ height: 48px; display: flex; justify-content: flex-start; align-items: center; background-color: #fafbff; padding: 0 24px; overflow-x: auto; } .edit-portfolio .body-box .portfolio-section .portfolio-items { height: 32px; border-radius: 8px; border: solid 1px #2d58fd; background-color: #fafbff; padding: 0 16px; margin: 0 0 0 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .edit-portfolio .body-box .portfolio-section .active-portfolio-items { height: 32px; border-radius: 8px; border: solid 1px #2d58fd; background-color: #2d58fd; padding: 0 16px; margin: 0 0 0 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .edit-portfolio .body-box .portfolio-section .portfolio-items strong { color: #2d58fd; } .edit-portfolio .body-box .portfolio-section .active-portfolio-items strong { color: #ffffff; } .edit-portfolio .body-box .portfolio-section .portfolio-items-out { height: 32px; border-radius: 8px; border: solid 1px #ff2c3d; background-color: #fafbff; padding: 0 16px; margin: 0 0 0 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .edit-portfolio .body-box .portfolio-section .active-portfolio-items-out { height: 32px; border-radius: 8px; border: solid 1px #ff2c3d; background-color: #ff2c3d; padding: 0 16px; margin: 0 0 0 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .edit-portfolio .body-box .portfolio-section .portfolio-items-out { color: #ff2c3d; } .edit-portfolio .body-box .portfolio-section .active-portfolio-items-out strong { color: #ffffff; } .edit-portfolio .body-box .portfolio-info-section { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 10px 24px 0; } .edit-portfolio .body-box .portfolio-info-section .info-row { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 4px 0; } .edit-portfolio .body-box .portfolio-info-section .info-row .title { display: flex; width: 100px; font-family: IRANYekan; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: right; color: #17212c; } .edit-portfolio .body-box .portfolio-info-section .info-row .subtitle { display: flex; font-family: IRANYekan; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: right; color: #333333; } .edit-portfolio .body-box .portfolio-info-section .info-row .blue { color: #2d58fd; } .edit-portfolio .body-box .price-section { display: flex; flex-direction: column; justify-content: center; padding: 0 24px; } .edit-portfolio .body-box .price-section .psection { width: 100%; } .edit-portfolio .body-box .price-section .title { font-size: 14px; font-weight: bold; line-height: 1.79; color: #333333; margin: 0 5px 8px 0; display: inline-block; } .edit-portfolio .body-box .info-section { height: 100px; display: flex; font-family: IRANYekan; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.79; letter-spacing: normal; text-align: center; color: #17212c; padding: 0 24px; } .edit-portfolio .trade-btns { position: fixed; bottom: 0; right: 0; width: 100%; background-color: var(--white); border-top: 2px solid #eee; z-index: 2; display: flex; align-items: center; justify-content: space-between; } .edit-portfolio .trade-btns .main-btn { font-size: 14px; cursor: pointer; outline: none; border: 0; color: var(--white); border-radius: 8px; text-align: center; height: 48px; line-height: 48px; margin: 8px; padding: 0 5px; font-family: inherit; flex: 2; margin-left: 24px; } .edit-portfolio .trade-btns .secondary-btn { font-size: 14px; cursor: pointer; outline: none; border: 0; color: #17212c; border-radius: 8px; text-align: center; height: 48px; line-height: 48px; margin: 8px; padding: 0 5px; font-family: inherit; flex: 1; margin-right: 24px; -webkit-tap-highlight-color: transparent; } .edit-portfolio .body-box .seperator { background-color: #d0d6e5; height: 1px; margin: 12px 0; margin: 12px 24px; } .modal .modal-header { /*margin: 11px 16px 25px;*/ padding: 24px 24px 0 24px; font-family: IRANYekan; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: right; color: var(--all-title-and-blaks); } .modal .modal-footer { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 32px 24px 24px; } .modal .modal-footer .main-btn { font-size: 14px; cursor: pointer; outline: none; border: 0; color: var(--white); background-image: linear-gradient(to bottom, #ff2c3d, #e30012); border-radius: 8px; text-align: center; height: 48px; line-height: 48px; margin: 8px; padding: 0 5px; font-family: inherit; flex: 2; margin-left: 24px; } .modal .modal-footer .secondary-btn { font-size: 14px; cursor: pointer; outline: none; border: 0; color: #17212c; background-color: #f0f0f0; border-radius: 8px; text-align: center; height: 48px; line-height: 48px; margin: 8px; padding: 0 5px; font-family: inherit; flex: 1; margin-right: 24px; } .blinking { display: flex; align-items: center; justify-content: center; position: fixed; width: 20px; height: 20px; margin: -10px -14px 0 0; -webkit-animation: 1s blink ease infinite; -moz-animation: 1s blink ease infinite; -ms-animation: 1s blink ease infinite; -o-animation: 1s blink ease infinite; animation: 1s blink ease infinite; } #about-phone-numbers a.btn-icon-large { font-size: 1rem; line-height: 55px; } .d-none { display: none; } .captcha-img { max-width: 130px !important; } .modal-btn-group { display: flex; align-items: center; height: auto !important; gap: 10px; } #chart-element { height: 120px; width: 100%; overflow: hidden; border-radius: 16px; position: relative; } #chart-element canvas { position: absolute; left: -5px; bottom: -8px; } .tp-icon.pin-icon { display: flex; justify-content: center; background: unset !important; padding: 0 !important; height: 52px !important; width: 50px !important; align-items: center; top: 0 !important; left: 7px !important; } .pin-icon.selected svg { fill: var(--select) !important; } .wh-list-buy-quantity, .wh-list-sell-quantity { padding: 9px 10px 8px 6px; border-radius: 4px; background-color: #ffe7e5; margin: 2px; font-weight: bold; margin-right: 0; } .wh-list-buy-quantity { background-color: #e3f5e9; } .wachlist-2 #header_Prices { margin: 0 !important; } .wachlist-2 .text-small .lbl-best-sell-quantity, .wachlist-2 .text-small .lbl-best-buy-quantity { font-size: 9px; } .wachlist-2 ul.g-row { padding-left: 3px !important; margin-right: auto !important; width: calc(100% - 16px) !important; } .wachlist-2 .twoline.disabled { background: #f2f5f7 !important; color: #c5c5c5 !important; } .wachlist-2 .grid-header { padding-left: 18px; } .text-left { text-align: left; } .pl-3 { padding-left: 8px; } .ml-4 { margin-left: 15px; } .ml-auto { margin-left: auto; } .tag { word-spacing: -3.5px; } .wachlist-2 li#cell_Prices { text-align: right; } .wachlist-2 li#cell_BuyQuantity span, .wachlist-2 li#cell_SellQuantity span { width: 65px; } .page-name-moneypayment .droplist .list > div { padding: 0; } .droplist .list .select-row { line-height: 22px; padding: 5px 15px; } .droplist .list .select-row.selected { background: var(--select); color: white; } @media screen and (max-width: 550px) { .wachlist-2 #header_PricesVar .text { display: none !important; } } @media screen and (max-width: 320px) { .wachlist-2 li#cell_BuyQuantity span, .wachlist-2 li#cell_SellQuantity span { width: 50px; } } @keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } @-moz-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } @-ms-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } @-o-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } } .page-name-moneypayment .admin-message-info-button img, .page-name-moneyreceipt .admin-message-info-button img, .page-name-changebroker .admin-message-info-button img, .page-name-moneyreceiptfish .admin-message-info-button img { filter: hue-rotate(192deg) saturate(5); } .g-row.custom-grid-view.two-line { grid-template-rows: repeat(2, auto); margin-bottom: 4px; padding-top: 4px; height: auto !important; } .g-row.custom-grid-view { flex-wrap: wrap; display: grid; grid-template-columns: 1.7fr 1fr 1fr; grid-column-gap: 8px; direction: ltr; align-items: center; } .g-row.custom-grid-view #cell_Symbol, .g-row.custom-grid-view #cell_RequestForDate { grid-area: 1 / 3 / 2 / 4; } .g-row.custom-grid-view #cell_RequestDate, .g-row.custom-grid-view #cell_RequestedAmount, .g-row.custom-grid-view #cell_Amount { grid-area: 1 / 2 / 2 / 3; } .g-row.custom-grid-view #cell_State, .g-row.custom-grid-view #cell_StateTitle { grid-area: 1 / 1 / 2 / 2; } .g-row.custom-grid-view.two-line #cell_BrokerDescription { background: #e6e6e6; grid-area: 2 / 1 / 3 / 4; white-space: inherit; direction: rtl; text-align: right; line-height: 22px; padding: 6px 8px; border-radius: 4px; margin: 4px 0 8px; font-size: 13px; } .g-row.custom-grid-view li { width: unset !important; } #money-paymnet-history-container .g-row.custom-grid-view #cell_RequestDate { grid-area: 1 / 3 / 2 / 4; } .market-depth-container { display: flex; align-items: center; justify-content: center; height: 24px; border-top: 1px solid #f2f5f7; margin-top: 6px; margin-bottom: -6px; padding-top: 2px; } .market-depth-container__img { /* background-image: url("/assets/images/Expand.svg"); */ background-repeat: no-repeat; display: inline-block; height: 24px; display: inline-block; width: 24px; } .market-depth-container__title { font-family: IRANYekan; font-size: 10px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--all-title-and-blaks); } #btnCloseMarketDepth { display: none; margin-top: 2px; } #stock-queue-depth-container { display: none; } .show-market-depth #symbol-menu-items { display: none; } .show-market-depth .market-depth-container { display: none; } .show-market-depth .daily-slider-container { display: none; } .show-market-depth #stock-queue-container { display: none; } .show-market-depth #stock-queue-depth-container { display: block; } .show-market-depth #scroll-others { display: none; } .show-market-depth .holder:not(#symbol-queue) { display: none !important; } .show-market-depth .holder { margin: 0; border-radius: 0; min-height: 85vh; box-shadow: unset !important; } .show-market-depth #symbol-baseinfo, .show-market-depth #symbol-baseinfo .comp { background: #e6ecf0; } .show-market-depth #symbol-baseinfo .comp { position: fixed; top: 68px; width: calc(100% - 24px) !important; background: #e6ecf0; z-index: 2; right: 0; padding: 3px 16px 2px; margin-top: unset; } .show-market-depth #btnCloseStockPopup { display: none; } .show-market-depth #btnCloseMarketDepth { display: inline-block; } .show-market-depth #body-box { padding-top: 40px; } .show-market-depth .head { background: #e6ecf0; box-shadow: none !important; } .order-panel-open .show-market-depth#stock-details-popup-container { height: calc(100% - 278px) !important; transition: all 500ms; } .show-market-depth.stock-details-container { background-color: var(--white) !important; transition: all 200ms; } #symbol-queue.loading { background-color: unset !important; box-shadow: unset !important; } .order-info div { display: flex; line-height: 26px; } .order-info h2 { margin-top: 0; box-shadow: 0 1px var(--row-active-bg); width: 100%; padding-bottom: 7px; } .order-info div span:first-child { width: 100px; } .order-info div span:last-child { font-weight: bold; } .send-order-confirm p.text { margin-bottom: 15px !important; font-size: 14px; color: var(--text-color); font-weight: bold; box-shadow: 0 1px var(--page-footer-border); padding-bottom: 7px; } .send-order-confirm .footer { margin-top: 30px !important; } .send-order-confirm.sell .footer .yes { background-image: linear-gradient(to bottom, #ff2c3d, #e30012) !important; } .account-help-content__container { padding: 10px 24px 41px; } .account-help-content__title { color: var(--lightish-blue); font-weight: bold; } #btn-calculation-basis > div { display: flex; gap: 8px; } #btn-calculation-basis > div span { height: 32px; border-radius: 8px; border: solid 1px var(--spliter-line); display: inline-block; line-height: 33px; padding: 0 10px; flex-grow: 1; text-align: center; } #btn-calculation-basis > div span.selected { background-color: var(--lightish-blue); border: 0; color: #fff; } .expand-icon-container { display: flex; align-items: center; justify-content: space-between; } .expand-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; } .collapse-container .expand-title { font-weight: bold; color: var(--text-color); display: block; font-size: 12px; } .collapsible-content { max-height: 100vh; overflow: hidden; margin-top: 8px; transition: 150ms max-height ease-out; } .collapse-container.closed * { transition: all 180ms; } .collapse-container.closed { display: flex; padding: 4px 16px; margin: 8px 16px; transition: all 200ms; /* max-height: 24px !important; */ } .collapse-container.closed .expand-icon-container { width: 100%; } .collapse-container.closed .collapsible-content div { opacity: 0; pointer-events: none !important; height: 0; width: 0; } .collapse-container.collapsible-content { transition: all 200ms; } .collapse-container.closed .collapsible-content { margin: 0; transition: all 200ms; max-height: 24px !important; } .collapse-container.closed .expand-title { display: block; font-family: IRANYekan; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: var(--text-color); } .expand-icon { background-image: url("/assets/images/Collapse.svg"); transform: rotate(180deg); } .collapse-container.closed .expand-icon { transform: rotate(0deg) !important; } .collapse-container { position: relative; transition: all 200ms; } .supervisor-empty-msg { text-align: center; margin-top: 50%; color: var(--icon-text-on-white-background); } #market-index-container .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.815); } #market-index-container .swiper-pagination { bottom: 5px; right: 5px; zoom: 0.7; width: unset; left: unset; } .swiper-slide { width: 100% !important; } .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .collapse-container.symbol-indins .expand-title { opacity: 0; } .collapse-container.symbol-indins .collapsible-content { margin-top: -23px; } .collapse-container.symbol-indins.closed .collapsible-content { margin-top: 0; } .collapse-container.symbol-indins.closed .expand-title { opacity: 1; } .collapse-container.symbol-indins.closed { margin-top: -8px; } .collapse-container.symbol-chart-container.closed { margin-bottom: -8px; } #symbol-full-details .collapse-container.closed { padding: 0; margin: 0; transition: all 200ms; } #symbol-full-details .lable-value .hr { margin-bottom: 7.5px; margin-top: 7.5px; } #symbol-full-details .collapse-container { margin-top: 24px; transition: all 200ms; } .liquidity-flow-main { display: flex; justify-content: space-between; gap: 10px; } .liquidity-flow-main .liquidity-flow-box { text-align: center; font-family: IRANYekan; font-size: 10px; color: #333333; line-height: 1.8; } .liquidity-flow-box-value { font-size: 14px; color: var(--all-title-and-blaks); font-weight: bold; direction: ltr; } .liquidity-flow-footer { border-top: 1px solid #f0f4f8; display: flex; justify-content: space-between; align-items: center; margin-top: 7px; padding-top: 6px; } .liquidity-flow-main .liquidity-flow-box:last-child { border: none; border-right: 1px solid #f3f3f3; padding-right: 10px; } .liquidity-flow-main .liquidity-flow-box:first-child { border: none; border-left: 1px solid #f3f3f3; padding-left: 10px; } .info-img { width: 24px; height: 24px; } #icn-change-broker { display: none !important; } .orders-filter-account { position: fixed; top: 11%; background: #f2f5f7; z-index: 2000; height: 65px; display: flex; align-items: center; } /* ipo style */ .hp-hr { width: 100%; height: 0; border-bottom: solid 1px var(--shadow-card-background-50); } .IPO-symbol-details div { display: flex; align-items: center; column-gap: 8px; } .IPO-symbol-details div span { flex: 1; padding: 4px 0px; } .IPO-symbol-details div span:last-child { font-weight: 600; } ul.IPO-list li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 8px; line-height: 18px; } ul.IPO-list li span.circle { width: 6px; height: 6px; border-radius: 6px; background: #2d58fd; display: inline-block; flex-shrink: 0; margin-top: 6px; } #btn-ipo.tag-new { top: -13px; bottom: unset; } #btn-ipo.tag-new:after { bottom: -29px; transform: translate(-50%, 0) rotate(180deg); } .flex-2 { flex: 2; } button.btn-ipo-symbol { height: 32px; margin: 0 8px 0 0; padding: 6px 16px 5px; border-radius: 8px; border: solid 1px var(--all-title-and-blaks); color: var(--all-title-and-blaks); cursor: pointer; outline: none; text-align: center; font-family: inherit; background: transparent; font-size: 12px; } button.btn-ipo-symbol.active { background-color: var(--select); border-color: var(--select); color: white; } .page-name-ipo .btn-sheet-container { height: 48px; background: #fafbff; position: absolute; top: 58px; display: flex; align-items: center; padding: 0 12px; right: 0; left: 0; margin: 0; } .page-name-ipolist .menu-padding.list, .page-name-ipohistory .menu-padding.list { background-color: unset !important; padding: 64px 0; width: calc(100% - 32px); margin: auto; padding-bottom: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: calc(100% - 66px); } .ipo-list-box { padding: 24px 16px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.08); background-color: #fff; position: relative; margin-bottom: 8px; } .ipo-list-box .tp-trash-v2 { position: absolute; left: 16px; top: 24px; } .ipo-list-item { display: flex; align-items: center; height: 25px; } .ipo-list-item span:first-child { width: 60px; margin: 0 0 0 14px; font-size: 14px; font-weight: 300; color: #333333; } .ipo-list-item span:last-child { font-size: 14px; color: #333333; font-weight: 500; } #stock-grouped-container #cell_icons { position: absolute; right: -24px; bottom: 0; } #stock-grouped-container #header_icons { display: none; } .page-name-changebroker .input-container { box-shadow: 0 2px 4px 0 rgb(51 51 51 / 8%); } .page-name-agreements .menu-padding { padding-top: 57px !important; } .page-name-agreements .menu-padding .switch-container { padding-bottom: 0 !important; margin: 0 !important; } .page-name-agreements .menu-padding .switch-container b { font-size: 14px; font-weight: bold; line-height: 1.79; color: var(--lightish-blue); } .page-name-agreements .menu-padding .title { font-size: 14px; font-weight: normal; line-height: 1.79; color: #333; margin-bottom: 8px !important; } #txt-no-data-found, #ipo_empty, .no-data-found { text-align: center; height: calc(100vh - 240px); display: flex; align-items: center; justify-content: center; } .expand-icon-container .tp-icon, .market-depth-container__img { background-image: none; color: #6c6c6c; align-items: center; display: flex; } .liquidity-flow-info-icon.tp-icon.tp-info-2 { color: #e9edf5; background: #000; height: 15px; width: 14px; } #stock-details-popup-container .tp-info-2, #asset-status .tp-icon.tp-info-2 { height: 14px; width: 14px; line-height: 13px; margin-top: 0px; margin-left: 4px; } #symbol-full-details .tp-icon.tp-info-2 { color: #e9edf5; background: #000; /* height: 50%; */ } #symbol-full-details .tp-icon.tp-info-2::before { margin-top: 0px; } .help.tp-info-2 { color: var(--lightish-blue); left: 8px; cursor: pointer; background-color: #fff; border-radius: 50%; } .help.tp-info-2::before { font-size: 18px; } #IPO_icon { background: url("../assets/images/IPO.svg") no-repeat; height: 27px; width: 100%; background-size: 100% 100%; } #ChangeBroker_icon { background: url("../assets/images/change-broker.svg") no-repeat; height: 27px; width: 100%; background-size: 100% 100%; } /* Setllememt style */ .settlement-menu-item { display: flex; padding: 0 !important; height: 85px !important; width: calc(33% - 12px) !important; } .settlement-menu-item > a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; } .settlement-menu-item .tp-icon { background: url("../assets/images/PapersM.svg") no-repeat; width: 24px; height: 24px; } .settlement-menu { position: sticky !important; z-index: 1; } .settlement-menu.menu-tab-vis { top: 0px !important; display: block; height: 57px; } .settlement-menu.swipe-tabs { top: 58px !important; } .settlement-header-container { display: flex; padding: 16px; align-items: center; height: 32px; justify-content: space-between; } .settlement-header-container .button-tabs { flex: 1; margin: 0 -4px; } .settlement-header-left { display: flex; align-items: center; } .settlement-header-left > * { margin-right: 16px; } .settlement-list { padding: 0 16px; } .settlement-list .item { padding: 16px; margin-bottom: 8px; } .settlement-list .field { display: flex; align-items: center; justify-content: space-between; height: 32px; } .settlement-list .field > *:last-child { text-align: left; margin-right: 8px; } .settlement-list .item > .field { margin-bottom: 4px; } .settlement-list .item > .fiel:last-of-type { margin-bottom: 0; } .settlement-list .symbol-name { font-size: 14px; font-weight: 700; } .settlement-list .status-more-container { display: flex; justify-content: space-between; white-space: nowrap; max-width: 70%; align-items: center; } .settlement-list .status-container { overflow: hidden; text-overflow: ellipsis; } .settlement-list .mr2 { margin-right: 2px; } .settlement-list .date { margin-right: 8px; } .settlement-list .input { border-radius: 8px; border: 1px solid transparent; background: #F4F7FA; padding: 5px 9px; font-size: 13px; color: inherit; direction: ltr; } .settlement-list .input:focus { border-color: #99CAFF; } .settlement-list .input:disabled { opacity: 0.5; } .settlement-list .input[type="text"] { height: 20px; width: 84px; } .settlement-list .more-button { color: inherit; border: 0; padding: 0; background: none; margin-right: 16px; transform: rotate(90deg); } .settlement-list .droplist { height: 20px; } .settlement-list .droplist .selected { font-size: 12px; margin-left: 28px; } .settlement-list .load-more-container { position: relative; } .settlement-list .load-more-container .loading-container { position: absolute; } #settlement-body .no-data-found { height: calc(100vh - 255px); } .settlement-button-container { padding: 16px; /*position: sticky; bottom: 0;*/ } .settlement-button { width: 100%; } #settlement-history-container { display: flex; flex-direction: column; height: 100%; } #settlement-history-container #body-box { flex: 1; display: flex; flex-direction: column; } .settlement-history-grid-container { flex: 1; overflow: auto; } .settlement-history-grid-container .grid-header { display: flex; } .settlement-history-grid-container .grid-header > ul { font-size: inherit; width: auto; } .settlement-history-grid-container .grid-header > ul li { border-bottom: 1px solid var(--popup-select); } .settlement-history-grid-container .g-header-column-title > .text { justify-content: initial; padding: 8px; white-space: pre-line; line-height: initial !important; } .settlement-history-grid-container .grid-body { overflow: initial; } .settlement-history-grid-container .grid-body > div { width: auto; display: flex; } .settlement-history-grid-container .grid-body > div, .settlement-history-grid-container .grid-body > div:last-of-type .g-row > li { border-bottom: 0 !important; } .settlement-history-grid-container .g-row { height: 40px; line-height: 40px; align-items: center; width: auto; } .settlement-history-grid-container .g-row > li { font-size: inherit; padding: 0 8px; border-bottom: 1px solid var(--popup-select); height: 100%; direction: rtl; overflow: hidden; } .settlement-more-container { display: flex; flex-direction: column; justify-content: space-between; color: var(--text-color) !important; } .settlement-more-container .content { flex: 1; overflow: auto !important; font-size: 12px; } .settlement-more-container .data-loading, .settlement-more-container .no-data-found { height: 88px; } .settlement-more-container .data-loading .loading-container { top: 10%; } .settlement-more-container .settlement-history-grid-container { margin: 0 -16px; } #confirm-box-container.settlement { font-size: 13px; } #confirm-box-container.settlement .content { max-height: initial; overflow: initial; } #confirm-box-container.settlement .content .title { font-size: inherit; } #confirm-box-container.settlement .footer { margin-top: 24px; } #confirm-box-container.settlement .footer .btn { float: none; } .date-type-switch-container { position: relative; } .date-type-switch-container .tip { position: absolute; top: 33px; left: 0; width: 152px; padding: 8px 16px; border-radius: 8px; border: 1px solid #E5E5E5; z-index: 1; } .message-info-button { padding: 0; border: 0; background: none; } ul.button-tabs { margin: 0; padding: 0; display: flex; } ul.button-tabs > li { margin: 0 4px; } ul.button-tabs button { height: 32px; padding: 0 8px; font: inherit; color: inherit; background: none; border-radius: 8px; border: 1px solid var(--all-title-and-blaks); } ul.button-tabs button.active { background: var(--all-title-and-blaks); color: var(--row-bg); } /* Asset Status style */ .blue-box { margin: 15px 0; padding: 16px 16px 14px 39px; border-radius: 16px; background-image: linear-gradient(to bottom, var(--sky-blue), #2d58fd); color: #fff; display: flex; align-items: center; justify-content: space-around; } .sell-amount-icon, .current-value-icon { width: 40px; height: 40px; margin: 0 0 2px 8px; padding: 5px; background-color: rgba(255, 255, 255, 0.1); position: relative; } .blue-box .detail-value { position: relative; } .blue-box .detail-value span:nth-child(1) { font-size: 10px; text-align: right; } .blue-box .detail-value span:nth-child(2) { font-size: 14px; font-weight: bold; text-align: right; margin: 17px 8px 0 7px; position: absolute; right: 0; bottom: 5px; } .info-text p { margin: 8px 15px 0; font-size: 11px; font-weight: normal; text-align: center; line-height: 1.9; } #asset-status .card { margin: 15px 0; } .card-body { display: flex; justify-content: space-around; } .card-line { height: 1px; margin: 15px 0px; background: #f0f4f8; } .card-box { display: flex; flex-direction: column; align-items: center; gap: 5px; } .card .card-body .card-box span:nth-child(1) { font-size: 10px; } .card .card-body .card-box span:nth-child(2) { font-size: 14px; font-weight: bold; margin: 10px; text-align: center; } #asset-status .tp-icon.tp-info-2 { color: #e9edf5; background: #000; } #asset-status .card .card-body .card-box { width: 33.33%; text-align: center; position: relative; } #asset-status .card .card-body .card-box small { position: absolute; bottom: -2px; font-size: 11px; } .card-box-value { font-size: 14px; font-weight: bold; display: flex; justify-content: center; margin: 10px; } .save-note { display: flex; justify-content: end; align-items: center; height: 140px; } .text-note { width: 75%; font-size: 14px; line-height: 20px; border: none; } @media screen and (max-width: 470px) { #remain_quantity { margin-top: 5px; } #label_end_period_profit, #label_break_even_price { margin-top: 10px; } } .daily-slider-container .tooltip.first { left: 0; margin-left: -5px; } .daily-slider-container .tooltip.last { margin-right: -6px; } /* #symbol-menu-items > span.active { color: var(--select); } */ #symbol-menu-items-container .portfo > span#chart-option.active, #symbol-menu-items > span#orders.active { border-bottom: 2px solid #333; } .text-center { text-align: center; } .disabled-row { background-color: #f0f0f0; opacity: 0.5; } #cell_Actions .tp-icon.tp-eye:before, #cell_Actions .tp-eye-hide:before { font-size: 20px; } /* css file */