@volo/ngx-lepton-x.lite 4.3.2 → 4.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/assets/css/bootstrap-dim.css +1675 -525
  2. package/assets/css/bootstrap-dim.rtl.css +1787 -526
  3. package/assets/css/font-bundle.css +1 -1
  4. package/assets/css/font-bundle.rtl.css +2 -2
  5. package/assets/css/ng-bundle.css +151 -150
  6. package/assets/css/ng-bundle.rtl.css +151 -150
  7. package/assets/css/side-menu/layout-bundle.css +1099 -1099
  8. package/assets/css/side-menu/layout-bundle.rtl.css +1101 -1101
  9. package/package.json +2 -2
package/assets/css/side-menu/layout-bundle.rtl.css CHANGED
@@ -1,1102 +1,1102 @@
1
- :root {
2
- --lpx-brand: #f72585;
3
- --lpx-primary: #355dff;
4
- --lpx-secondary: #6c5dd3;
5
- --lpx-success: #4fbf67;
6
- --lpx-light: #eeeeee;
7
- --lpx-info: #438aa7;
8
- --lpx-danger: #c00d49;
9
- --lpx-warning: #ff9f38;
10
- --lpx-logo: ;
11
- --lpx-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ4NF8xODYwNikiPgo8cGF0aCBkPSJNMTQuODMxNCAyLjM4MjUzZS0wNkMxMy43Mzc2IC0wLjAwMDg4NTcxNSAxMi42NTc5IDAuMjQ2NTE5IDExLjY3MzcgMC43MjM1NzJDMTAuNjg5NCAxLjIwMDYzIDkuODI2MTkgMS44OTQ4OCA5LjE0OTE3IDIuNzU0MDNDMTAuMzg3OCAzLjAyMzUgMTEuNTU2NCAzLjU0OTEzIDEyLjU3OTkgNC4yOTcxNkMxMy42MDMzIDUuMDQ1MTggMTQuNDU5IDUuOTk5MDQgMTUuMDkxOSA3LjA5NzQ2QzE1LjcyNDggOC4xOTU4OSAxNi4xMjA5IDkuNDE0NTcgMTYuMjU0OCAxMC42NzUyQzE2LjM4ODggMTEuOTM1OSAxNi4yNTc1IDEzLjIxMDYgMTUuODY5NSAxNC40MTc1QzE3LjY4MjIgMTQuMTU1MSAxOS4zMjgyIDEzLjIxNTggMjAuNDc2NSAxMS43ODg4QzIxLjYyNDcgMTAuMzYxNyAyMi4xODk5IDguNTUyNjYgMjIuMDU4NCA2LjcyNTY3QzIxLjkyNjggNC44OTg2NyAyMS4xMDgzIDMuMTg5MjkgMTkuNzY3NCAxLjk0MTQ2QzE4LjQyNjYgMC42OTM2MzUgMTYuNjYzIC00LjIzMjYxZS0wNSAxNC44MzE0IDIuMzgyNTNlLTA2VjIuMzgyNTNlLTA2WiIgZmlsbD0iI0I1MTc5RSIvPgo8cGF0aCBkPSJNMjguNzAzMiA3LjkzMzgyQzI4LjE1MDcgNi45ODkxMiAyNy4zOTEgNi4xODIxIDI2LjQ4MTUgNS41NzM1MUMyNS41NzE5IDQuOTY0OTMgMjQuNTM2MSA0LjU3MDY0IDIzLjQ1MjIgNC40MjAzNUMyMy44NDU2IDUuNjI1MjkgMjMuOTgyNyA2Ljg5OTIyIDIzLjg1NDcgOC4xNjAzMUMyMy43MjY2IDkuNDIxMzkgMjMuMzM2MiAxMC42NDE3IDIyLjcwODYgMTEuNzQzQzIyLjA4MSAxMi44NDQyIDIxLjIyOTkgMTMuODAyIDIwLjIxMDIgMTQuNTU0OEMxOS4xOTA0IDE1LjMwNzYgMTguMDI0NSAxNS44Mzg3IDE2Ljc4NzQgMTYuMTE0MUMxNy45Mjk5IDE3LjU0NTEgMTkuNTcxOCAxOC40OTA1IDIxLjM4MyAxOC43NkMyMy4xOTQxIDE5LjAyOTUgMjUuMDQwMiAxOC42MDMyIDI2LjU0OTggMTcuNTY2OUMyOC4wNTk1IDE2LjUzMDUgMjkuMTIwOCAxNC45NjA5IDI5LjUyMDMgMTMuMTczOEMyOS45MTk4IDExLjM4NjYgMjkuNjI3OCA5LjUxNDQ2IDI4LjcwMzIgNy45MzM4MloiIGZpbGw9IiM3MjA5QjciLz4KPHBhdGggZD0iTTI4LjY4OTIgMjQuMDI1N0MyOS4yMzk5IDIzLjA4MDcgMjkuNTY5IDIyLjAyMyAyOS42NTE3IDIwLjkzMjJDMjkuNzM0NSAxOS44NDE1IDI5LjU2ODcgMTguNzQ2MyAyOS4xNjY4IDE3LjcyODlDMjguMzExIDE4LjY2NDIgMjcuMjY5MSAxOS40MSAyNi4xMDggMTkuOTE4NkMyNC45NDY4IDIwLjQyNzIgMjMuNjkyMiAyMC42ODcyIDIyLjQyNDYgMjAuNjgyQzIxLjE1NyAyMC42NzY3IDE5LjkwNDUgMjAuNDA2NCAxOC43NDc2IDE5Ljg4ODJDMTcuNTkwNyAxOS4zNzAxIDE2LjU1NDkgMTguNjE1NyAxNS43MDY5IDE3LjY3MzRDMTUuMDIzNiAxOS4zNzIgMTUuMDA4NiAyMS4yNjYzIDE1LjY2NDkgMjIuOTc1NUMxNi4zMjEyIDI0LjY4NDYgMTcuNjAwMSAyNi4wODIgMTkuMjQ0NiAyNi44ODY3QzIwLjg4OSAyNy42OTEzIDIyLjc3NyAyNy44NDM1IDI0LjUyOTEgMjcuMzEyOEMyNi4yODEzIDI2Ljc4MjEgMjcuNzY3NSAyNS42MDc3IDI4LjY4OTIgMjQuMDI1N1YyNC4wMjU3WiIgZmlsbD0iIzQzNjFFRSIvPgo8cGF0aCBkPSJNNi43MTQzOSAyMC42OTYxQzQuMzMwMDMgMjAuNTYxNSAyLjA5NTM2IDE5LjQ5MDMgMC40OTY5MyAxNy43MTU4QzAuMTAxNzI3IDE4LjcyNyAtMC4wNjExMDM4IDE5LjgxNDIgMC4wMjA0ODA2IDIwLjg5NjhDMC4xMDIwNjUgMjEuOTc5NSAwLjQyNTk3OCAyMy4wMyAwLjk2ODI2IDIzLjk3MDVDMS41MTA1NCAyNC45MTExIDIuMjU3MzIgMjUuNzE3NyAzLjE1MzM2IDI2LjMzMDdDNC4wNDk0IDI2Ljk0MzcgNS4wNzE3NyAyNy4zNDc0IDYuMTQ0ODUgMjcuNTExOUM1LjQ0MDEgMjUuMjUyNSA1LjY0NDQzIDIyLjgwNzIgNi43MTQzOSAyMC42OTYxVjIwLjY5NjFaIiBmaWxsPSIjNENDOUYwIi8+CjxwYXRoIGQ9Ik03LjI0OTYxIDE4Ljg1NzFDMTEuMjUxMiAxOC44NTcxIDE0LjQ5NTEgMTUuNjEyOSAxNC40OTUxIDExLjYxMUMxNC40OTUxIDcuNjA5MDYgMTEuMjUxMiA0LjM2NDg3IDcuMjQ5NjEgNC4zNjQ4N0MzLjI0ODA1IDQuMzY0ODcgMC4wMDQxNTAzOSA3LjYwOTA2IDAuMDA0MTUwMzkgMTEuNjExQzAuMDA0MTUwMzkgMTUuNjEyOSAzLjI0ODA1IDE4Ljg1NzEgNy4yNDk2MSAxOC44NTcxWiIgZmlsbD0iI0Y3MjU4NSIvPgo8cGF0aCBkPSJNMTMuMzY2MyAyMC4zNjA4QzEzLjM3MTYgMTkuNTY5MSAxMy40ODAyIDE4Ljc4MTQgMTMuNjg5NCAxOC4wMTc4QzEyLjM5MTUgMTkuMzMxOSAxMC43MjMzIDIwLjIxOCA4LjkwNzkyIDIwLjU1NzdDNy43ODc2MSAyMi4wOTMxIDcuMzE1NTYgMjQuMDA3MyA3LjU5MzU3IDI1Ljg4NzZDNy44NzE1OCAyNy43Njc5IDguODc3MzggMjkuNDYzNSAxMC4zOTQxIDMwLjYwODlDMTEuOTEwOCAzMS43NTQzIDEzLjgxNjggMzIuMjU3NyAxNS43MDEyIDMyLjAxMDVDMTcuNTg1NiAzMS43NjMzIDE5LjI5NzMgMzAuNzg1MyAyMC40NjczIDI5LjI4NzRDMTguNDQyMSAyOC44MzQ3IDE2LjYzMjkgMjcuNzAyMSAxNS4zNDA5IDI2LjA3NzlDMTQuMDQ4OSAyNC40NTM4IDEzLjM1MjEgMjIuNDM2MiAxMy4zNjYzIDIwLjM2MDhWMjAuMzYwOFoiIGZpbGw9IiM0ODk1RUYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80ODRfMTg2MDYiPgo8cmVjdCB3aWR0aD0iMjkuNjk2OCIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
12
- }
13
-
14
- .flex-center {
15
- justify-content: center;
16
- align-items: center;
17
- display: flex;
18
- }
19
-
20
- html,
21
- body {
22
- min-height: 100vh;
23
- background-color: #161616;
24
- }
25
-
26
- ::-ms-reveal {
27
- display: none;
28
- }
29
-
30
- .lpx-breadcrumb li,
31
- .lpx-nav-menu li {
32
- list-style-type: none;
33
- }
34
-
35
- .bg-brand {
36
- background: var(--lpx-brand) !important;
37
- }
38
-
39
- .bg-brand-gradient {
40
- background: linear-gradient(-120deg, var(--lpx-brand) 0%, #355dff 100%) !important;
41
- }
42
-
43
- input:-webkit-autofill,
44
- input:-webkit-autofill:hover,
45
- input:-webkit-autofill:focus,
46
- textarea:-webkit-autofill,
47
- textarea:-webkit-autofill:hover,
48
- textarea:-webkit-autofill:focus,
49
- select:-webkit-autofill,
50
- select:-webkit-autofill:hover,
51
- select:-webkit-autofill:focus {
52
- border: 1px solid #e7e9ec;
53
- -webkit-text-fill-color: #438aa7;
54
- -webkit-box-shadow: 0 0 0px 1000px #f5f5f7 inset;
55
- -webkit-transition: background-color 5000s ease-in-out 0s;
56
- transition: background-color 5000s ease-in-out 0s;
57
- }
58
-
59
- #lpx-wrapper {
60
- margin: 0 auto;
61
- max-width: 100% !important;
62
- position: relative;
63
- min-height: 100vh;
64
- }
65
- #lpx-wrapper.full .lpx-content {
66
- max-width: 100% !important;
67
- }
68
- #lpx-wrapper.fixed .lpx-content {
69
- max-width: 1280px !important;
70
- }
71
-
72
- .lpx-content-container {
73
- min-height: 100vh;
74
- background-color: #f5f5f7;
75
- box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
76
- }
77
- @media only screen and (max-width: 767px) {
78
- .lpx-content-container {
79
- margin: 0;
80
- max-width: 100%;
81
- }
82
- }
83
- .lpx-content-container .lpx-content {
84
- padding: 1.25em 2em 3em;
85
- margin: 0 auto;
86
- }
87
- @media only screen and (max-width: 767px) {
88
- .lpx-content-container .lpx-content {
89
- padding: 3em 1.14em 4em 1.14em;
90
- }
91
- }
92
-
93
- .lpx-ellipsis-inline {
94
- display: inline-block;
95
- overflow: hidden;
96
- text-overflow: ellipsis;
97
- white-space: nowrap;
98
- max-width: 100%;
99
- }
100
-
101
- .lpx-heading {
102
- font-family: "Inter", sans-serif;
103
- font-weight: 400;
104
- }
105
-
106
- .modal-header,
107
- .alert-heading,
108
- .lpx-nav-menu .menu-item .menu-item-text,
109
- .lpx-topbar,
110
- .lpx-mobile-navbar,
111
- .lpx-mobile-menu {
112
- font-family: "Inter", sans-serif;
113
- font-weight: 400;
114
- }
115
-
116
- .lpx-main-title {
117
- font-size: 1.25rem !important;
118
- font-weight: 500;
119
- color: #161616;
120
- margin-bottom: 0.875rem;
121
- margin-top: 0.875rem;
122
- }
123
- @media only screen and (max-width: 767px) {
124
- .lpx-main-title {
125
- margin-bottom: 0;
126
- margin-top: 0;
127
- }
128
- }
129
-
130
- .login-section-wrapper {
131
- height: 100vh;
132
- }
133
-
134
- .lpx-brand-logo.lpx-login-logo {
135
- background-size: auto 3.6em;
136
- height: 3.6em;
137
- background-position: center;
138
- }
139
-
140
- .lpx-login-nav {
141
- color: var(--lpx-navbar-text-color);
142
- }
143
- .lpx-login-nav .lpx-brand-logo.lpx-login-logo {
144
- background-size: auto 3em;
145
- height: 3em;
146
- }
147
- .lpx-login-nav .text-dark {
148
- color: var(--lpx-navbar-active-text-color) !important;
149
- }
150
- .lpx-login-nav h1, .lpx-login-nav h2, .lpx-login-nav h3, .lpx-login-nav h4, .lpx-login-nav h5, .lpx-login-nav h6, .lpx-login-nav p {
151
- color: var(--lpx-navbar-active-text-color);
152
- }
153
-
154
- .lpx-login-area {
155
- min-height: 100vh;
156
- position: relative;
157
- }
158
- .lpx-login-area .lpx-login-bg {
159
- position: absolute;
160
- top: 0;
161
- right: 0;
162
- width: 100%;
163
- background-position: center;
164
- background-repeat: no-repeat;
165
- background-size: cover;
166
- min-height: 100vh;
167
- }
168
- .lpx-login-area .lpx-login-bg.lpx-login-bg-half {
169
- background-position: top;
170
- height: 36%;
171
- min-height: 36%;
172
- border-bottom-right-radius: 30px;
173
- border-bottom-left-radius: 30px;
174
- }
175
- @media screen and (max-width: 992px) {
176
- .lpx-login-area .lpx-login-bg.lpx-login-bg-half {
177
- border-bottom-right-radius: 20px;
178
- border-bottom-left-radius: 20px;
179
- }
180
- }
181
- .lpx-login-area .lpx-language-selection {
182
- z-index: 2;
183
- position: absolute;
184
- left: 35px;
185
- top: 35px;
186
- }
187
-
188
- .lpx-layout-login {
189
- background-color: rgba(var(--lpx-navbar-color-rgb), 0.7);
190
- backdrop-filter: blur(10px);
191
- }
192
-
193
- .lpx-login-title {
194
- font-size: 1.75em !important;
195
- }
196
-
197
- .lpx-login-area {
198
- background-color: #161616;
199
- }
200
-
201
- .lpx-theme-light .lpx-login-bg {
202
- background-image: var(--lpx-theme-light-bg);
203
- }
204
-
205
- .lpx-theme-dark .lpx-login-bg {
206
- background-image: var(--lpx-theme-dark-bg);
207
- }
208
-
209
- .lpx-theme-dim .lpx-login-bg {
210
- background-image: var(--lpx-theme-dim-bg);
211
- }
212
-
213
- @media screen and (min-width: 767px) {
214
- .login-h-100 {
215
- min-height: 100vh !important;
216
- }
217
- }
218
- .show-pass-icon {
219
- position: absolute;
220
- left: 22px;
221
- top: 20px;
222
- font-size: 18px;
223
- line-height: 18px;
224
- cursor: pointer;
225
- }
226
-
227
- .caps-lock-icon {
228
- position: absolute;
229
- left: 54px;
230
- top: 20px;
231
- font-size: 16px;
232
- line-height: 18px;
233
- }
234
-
235
- /* old login styles */
236
- .lpx-brand-logo.lpx-login-big-logo {
237
- display: none !important;
238
- }
239
-
240
- .lpx-login-form-max-width {
241
- width: 600px !important;
242
- max-width: 100% !important;
243
- }
244
- .lpx-login-form-max-width .p-lg-5 {
245
- padding: 2.25rem !important;
246
- }
247
-
248
- .lpx-login-image-area.d-lg-block {
249
- display: none !important;
250
- }
251
-
252
- .lpx-login-text-area {
253
- margin: 0 auto;
254
- }
255
- .lpx-login-text-area .lpx-brand-logo {
256
- background-size: auto 3.6em;
257
- height: 3.6em;
258
- background-position: center;
259
- }
260
-
261
- .lpx-sidebar {
262
- background-color: #161616;
263
- color: #9198a5;
264
- display: flex;
265
- flex-direction: column;
266
- align-items: center;
267
- position: relative;
268
- height: 100%;
269
- }
270
- .lpx-sidebar .lpx-logo-container {
271
- position: fixed;
272
- width: 280px;
273
- z-index: 100;
274
- background-color: #161616;
275
- top: 0;
276
- }
277
- .lpx-sidebar .lpx-logo-container .menu-collapse-icon {
278
- position: absolute;
279
- left: 30px;
280
- top: 50%;
281
- transform: translateY(-50%);
282
- font-size: 1.5em;
283
- cursor: pointer;
284
- }
285
- .lpx-sidebar a {
286
- text-decoration: none;
287
- }
288
-
289
- .lpx-sidebar-container {
290
- min-width: 280px;
291
- z-index: 1000;
292
- position: fixed;
293
- top: 0;
294
- height: 100vh;
295
- }
296
- .lpx-sidebar-container .lpx-sidebar {
297
- min-height: 100vh;
298
- }
299
- .lpx-sidebar-container .lpx-sidebar .lpx-nav {
300
- min-width: 280px;
301
- height: 100vh;
302
- }
303
- .lpx-sidebar-container .lpx-sidebar .lpx-nav .lpx-nav-menu {
304
- background-color: #161616;
305
- max-width: 280px;
306
- }
307
-
308
- .hover-trigger .lpx-sidebar-container:not(:hover) .hidden-in-hover-trigger {
309
- display: none;
310
- }
311
- .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-logo-container {
312
- width: 72px;
313
- }
314
- .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
315
- background-image: var(--lpx-logo-icon);
316
- }
317
- .hover-trigger .lpx-sidebar-container {
318
- min-width: 72px;
319
- }
320
- .hover-trigger .lpx-sidebar-container .lpx-sidebar .lpx-nav {
321
- min-width: 72px;
322
- }
323
- .hover-trigger .lpx-sidebar-container:hover {
324
- min-width: 72px;
325
- }
326
- .hover-trigger .lpx-sidebar-container:hover .lpx-sidebar .lpx-nav {
327
- min-width: 280px;
328
- }
329
-
330
- @media only screen and (min-width: 768px) and (max-width: 1199px) {
331
- .lpx-sidebar-container:not(:hover) .hidden-in-hover-trigger {
332
- display: none;
333
- }
334
- .lpx-sidebar-container:not(:hover) .lpx-logo-container {
335
- width: 72px;
336
- }
337
- .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
338
- background-image: var(--lpx-logo-icon);
339
- }
340
- .lpx-sidebar-container {
341
- min-width: 72px;
342
- }
343
- .lpx-sidebar-container .lpx-sidebar .lpx-nav {
344
- min-width: 72px;
345
- }
346
- .lpx-sidebar-container:hover {
347
- min-width: 72px;
348
- }
349
- .lpx-sidebar-container:hover .lpx-sidebar .lpx-nav {
350
- min-width: 280px;
351
- }
352
- }
353
- @media only screen and (min-width: 1200px) {
354
- .lpx-content-container {
355
- margin-right: 280px;
356
- }
357
- }
358
- @media only screen and (min-width: 768px) and (max-width: 1199px) {
359
- .lpx-content-container {
360
- margin-right: 72px;
361
- }
362
- }
363
-
364
- #lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) {
365
- min-width: 72px;
366
- max-width: 72px;
367
- }
368
- #lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-nav {
369
- min-width: 72px;
370
- }
371
- @media only screen and (min-width: 1200px) {
372
- #lpx-wrapper.hover-trigger .lpx-content-container {
373
- margin-right: 72px;
374
- }
375
- }
376
- #lpx-wrapper.hover-trigger .lpx-content-container:hover {
377
- box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
378
- }
379
-
380
- .lpx-content {
381
- min-height: calc(100vh - 64px);
382
- }
383
-
384
- .lpx-nav {
385
- padding-top: 72px;
386
- }
387
-
388
- .lpx-topbar-content {
389
- display: flex;
390
- align-items: center;
391
- margin-left: 0.4rem;
392
- gap: 0.7rem;
393
- font-size: 0.875em;
394
- }
395
- .lpx-topbar-content .lpx-avatar .lpx-avatar-img,
396
- .lpx-topbar-content .lpx-avatar .lpx-avatar-icon {
397
- height: 24px;
398
- width: 24px;
399
- }
400
-
401
- @media only screen and (min-width: 1200px) {
402
- .lpx-footbar-container {
403
- right: 280px;
404
- }
405
- }
406
- @media only screen and (min-width: 768px) and (max-width: 1199px) {
407
- .lpx-footbar-container {
408
- right: 72px !important;
409
- }
410
- }
411
-
412
- @media only screen and (min-width: 1200px) {
413
- #lpx-wrapper.hover-trigger .lpx-footbar-container {
414
- right: 72px;
415
- }
416
- }
417
-
418
- .lpx-brand-name.lpx-login-name {
419
- color: #161616;
420
- }
421
-
422
- .lpx-avatar {
423
- justify-content: center;
424
- align-items: center;
425
- display: flex;
426
- }
427
- .lpx-avatar .lpx-avatar-img,
428
- .lpx-avatar .lpx-avatar-icon {
429
- height: 36px;
430
- width: 36px;
431
- border-radius: 36px;
432
- transition: border-radius 0.3s ease;
433
- }
434
- .lpx-avatar .lpx-avatar-img:hover,
435
- .lpx-avatar .lpx-avatar-icon:hover {
436
- border-radius: 10px;
437
- }
438
- .lpx-avatar .lpx-avatar-icon {
439
- justify-content: center;
440
- align-items: center;
441
- display: flex;
442
- font-size: 20px;
443
- color: #9198a5;
444
- background-color: #f5f5f7;
445
- height: 24px;
446
- margin: 6px auto 10px;
447
- padding: 0;
448
- }
449
- .lpx-avatar .lpx-avatar-icon .lpx-icon {
450
- display: flex;
451
- }
452
-
453
- .lpx-avatar-img-md {
454
- height: 72px;
455
- width: 72px;
456
- border-radius: 72px;
457
- }
458
-
459
- .lpx-avatar-img-lg {
460
- height: 144px;
461
- width: 144px;
462
- border-radius: 144px;
463
- }
464
-
465
- .lpx-breadcrumb-wrapper {
466
- width: 100%;
467
- justify-content: space-between;
468
- margin: 0 auto;
469
- }
470
-
471
- .lpx-breadcrumb-container {
472
- height: 30px;
473
- }
474
-
475
- .lpx-breadcrumb {
476
- display: flex;
477
- padding: 0;
478
- margin: 0;
479
- border-radius: 0.5rem;
480
- }
481
-
482
- .lpx-breadcrumb-item {
483
- color: #686b6e;
484
- cursor: pointer;
485
- position: relative;
486
- font-size: 0.725rem;
487
- padding: 0 10px;
488
- margin: 0;
489
- transition: background-color 0.3s ease;
490
- line-height: 30px;
491
- white-space: nowrap;
492
- }
493
- .lpx-breadcrumb-item a {
494
- color: unset;
495
- text-decoration: none;
496
- }
497
- .lpx-breadcrumb-item a:hover {
498
- color: #595c5f;
499
- }
500
- .lpx-breadcrumb-item .lpx-breadcrumb-item-icon,
501
- .lpx-breadcrumb-item .lpx-caret {
502
- position: relative;
503
- margin: 0 2px;
504
- font-size: 1em;
505
- }
506
- .lpx-breadcrumb-item .lpx-breadcrumb-item-icon,
507
- .lpx-breadcrumb-item .lpx-breadcrumb-item-text {
508
- transition: color 0.2s ease;
509
- }
510
- .lpx-breadcrumb-item:hover {
511
- color: #595c5f;
512
- }
513
- .lpx-breadcrumb-item:hover .lpx-breadcrumb-item-icon,
514
- .lpx-breadcrumb-item:hover .lpx-caret {
515
- color: var(--lpx-brand);
516
- }
517
- .lpx-breadcrumb-item.expanded .lpx-breadcrumb-dropdown {
518
- visibility: visible;
519
- opacity: 1;
520
- }
521
-
522
- .lpx-breadcrumb-dropdown {
523
- position: absolute;
524
- right: 0;
525
- top: 100%;
526
- visibility: hidden;
527
- opacity: 0;
528
- background-color: #ffffff;
529
- width: 220px;
530
- padding: 0;
531
- box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
532
- transition: visibility 0s, opacity 0.3s linear;
533
- border: 1px solid rgba(104, 107, 110, 0.08);
534
- border-radius: 0 0 0.5rem 0.5rem;
535
- max-height: 50vh;
536
- overflow-y: auto;
537
- }
538
-
539
- .lpx-breadcrumb-dropdown-item {
540
- position: relative;
541
- padding: 8px 36px 8px 16px;
542
- line-height: 1em;
543
- }
544
- .lpx-breadcrumb-dropdown-item::before {
545
- content: "";
546
- position: absolute;
547
- width: 4px;
548
- height: 10px;
549
- background-color: #f5f5f7;
550
- border-radius: 0.5rem;
551
- right: 22px;
552
- top: 9px;
553
- transition: background-color 0.2s ease;
554
- }
555
- .lpx-breadcrumb-dropdown-item:hover::before, .lpx-breadcrumb-dropdown-item.active::before {
556
- background-color: var(--lpx-brand);
557
- }
558
-
559
- .lpx-breadcrumb-dropdown-container {
560
- padding: 8px 0px;
561
- }
562
-
563
- .lpx-breadcrumb-separator {
564
- font-weight: bold;
565
- line-height: 30px;
566
- width: 1px;
567
- overflow: hidden;
568
- background: #e7e9ec;
569
- }
570
- .lpx-breadcrumb-separator:last-child {
571
- display: none;
572
- }
573
-
574
- .lpx-favorite .bi-star {
575
- color: rgba(var(--lpx-content-text-rgb), 0.65);
576
- }
577
- .lpx-favorite .lpx-favorite-span {
578
- font-size: 0.875em;
579
- color: rgba(var(--lpx-content-text-rgb), 0.65);
580
- display: none;
581
- }
582
-
583
- .breadcrumb .breadcrumb-item + .breadcrumb-item {
584
- padding-right: 0rem;
585
- }
586
-
587
- .lpx-brand-logo {
588
- background-image: var(--lpx-logo);
589
- background-repeat: no-repeat;
590
- background-size: auto 32px;
591
- background-position: right 0px;
592
- display: block;
593
- height: 32px;
594
- }
595
-
596
- .lpx-logo-container {
597
- padding: 20px;
598
- }
599
-
600
- .lpx-brand-name {
601
- background: #161616;
602
- color: #fff;
603
- position: absolute;
604
- right: 62px;
605
- top: 20px;
606
- width: 160px;
607
- height: 32px;
608
- font-size: 18px;
609
- line-height: 32px;
610
- font-weight: 400;
611
- white-space: nowrap;
612
- overflow: hidden;
613
- text-overflow: ellipsis;
614
- }
615
- .lpx-brand-name.lpx-login-name {
616
- background: none;
617
- position: relative;
618
- top: 0;
619
- right: 0;
620
- width: 100%;
621
- height: inherit;
622
- max-width: 26rem;
623
- padding: 0.5rem 0.25rem 0 0.25rem !important;
624
- text-align: center;
625
- font-size: 26px;
626
- line-height: 36px;
627
- font-weight: 400;
628
- white-space: inherit;
629
- overflow: inherit;
630
- text-overflow: inherit;
631
- }
632
- @media screen and (max-width: 767px) {
633
- .lpx-brand-name {
634
- width: auto;
635
- left: 20px;
636
- }
637
- }
638
-
639
- .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-brand-name {
640
- display: none;
641
- }
642
-
643
- @media screen and (max-width: 1200px) {
644
- .lpx-sidebar-container:not(:hover) .lpx-brand-name {
645
- display: none;
646
- }
647
- }
648
- .lpx-header-top .lpx-logo-container {
649
- padding-right: 0;
650
- }
651
- .lpx-header-top .lpx-logo-container .lpx-brand-name {
652
- right: 42px;
653
- }
654
-
655
- :dir(rtl) .lpx-brand-name {
656
- right: 0 !important;
657
- }
658
-
659
- .lpx-login-brand-text .lpx-brand-logo.lpx-login-logo {
660
- background-size: auto 4.8em;
661
- height: 4.8em;
662
- width: 4.8em;
663
- background-position: right;
664
- }
665
-
666
- .lpx-timeline {
667
- position: relative;
668
- }
669
- .lpx-timeline::before {
670
- content: "";
671
- position: absolute;
672
- right: 75px;
673
- width: 3px;
674
- top: 0;
675
- bottom: 0;
676
- background-color: rgba(104, 107, 110, 0.1);
677
- }
678
- .lpx-timeline .lpx-timeline-item {
679
- display: flex;
680
- align-items: center;
681
- position: relative;
682
- margin-bottom: 1.5em;
683
- }
684
- .lpx-timeline .lpx-timeline-item:last-child {
685
- margin-bottom: 0;
686
- }
687
- .lpx-timeline .lpx-timeline-item .lpx-timeline-label {
688
- text-align: center;
689
- flex-shrink: 0;
690
- position: relative;
691
- width: 75px;
692
- padding-left: 10px;
693
- color: #686b6e;
694
- opacity: 0.5;
695
- }
696
- .lpx-timeline .lpx-timeline-item .lpx-timeline-badge {
697
- border-radius: 100%;
698
- justify-content: center;
699
- align-items: center;
700
- display: flex;
701
- background: #f5f5f7;
702
- border: 8px solid #f5f5f7;
703
- width: 15px;
704
- height: 15px;
705
- margin-right: -8px;
706
- margin-left: 8px;
707
- font-size: 1.5em;
708
- padding: 2px;
709
- }
710
- .lpx-timeline .lpx-timeline-item .lpx-timeline-badge .lpx-icon {
711
- font-size: 0.5em;
712
- }
713
-
714
- .lpx-topbar-container {
715
- flex-wrap: wrap;
716
- position: sticky;
717
- top: 0;
718
- padding: 0;
719
- background-color: #161616;
720
- z-index: 101;
721
- box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
722
- }
723
- .lpx-topbar-container .lpx-topbar {
724
- display: flex;
725
- justify-content: space-between;
726
- margin: 0 auto;
727
- background-color: #f5f5f7;
728
- border-radius: 1em 1em 0 0;
729
- padding: 0;
730
- border: 1px solid #e7e9ec;
731
- }
732
-
733
- .lpx-content-wrapper {
734
- border: 1px solid #e7e9ec;
735
- border-top: 0;
736
- }
737
-
738
- .lpx-footbar-container {
739
- flex-wrap: wrap;
740
- padding: 0;
741
- background-color: #161616;
742
- z-index: 101;
743
- position: fixed;
744
- bottom: 0;
745
- top: inherit;
746
- left: 72px;
747
- right: 280px;
748
- box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
749
- }
750
- @media only screen and (max-width: 767px) {
751
- .lpx-footbar-container {
752
- top: auto;
753
- left: 0;
754
- right: 0;
755
- bottom: 72px;
756
- }
757
- }
758
- .lpx-footbar-container .lpx-footbar {
759
- display: flex;
760
- justify-content: space-between;
761
- margin: 0 auto;
762
- background-color: #f5f5f7;
763
- border-radius: 0 0 1em 1em;
764
- border: 1px solid #e7e9ec;
765
- font-size: 0.725rem;
766
- padding-left: 5px;
767
- }
768
- .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links {
769
- display: flex;
770
- }
771
- .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links a {
772
- border-right: 1px solid #e7e9ec;
773
- line-height: 30px;
774
- color: #686b6e;
775
- text-decoration: none;
776
- padding: 0 1rem;
777
- transition: color 0.2s ease;
778
- }
779
- .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links a:hover {
780
- color: var(--lpx-brand);
781
- }
782
- .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright {
783
- color: #686b6e;
784
- line-height: 30px;
785
- padding-right: 1rem;
786
- padding-left: 1rem;
787
- white-space: nowrap;
788
- overflow: hidden;
789
- text-overflow: ellipsis;
790
- }
791
- .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright span {
792
- opacity: 0.8;
793
- }
794
- .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright a {
795
- color: #686b6e;
796
- text-decoration: none;
797
- transition: color 0.2s ease;
798
- }
799
- .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright a:hover {
800
- color: var(--lpx-brand);
801
- }
802
-
803
- #lpx-wrapper.boxed .lpx-footbar-container {
804
- position: sticky;
805
- bottom: 0;
806
- }
807
-
808
- .lpx-menu-item {
809
- text-decoration: none;
810
- outline: none;
811
- }
812
-
813
- .lpx-nav {
814
- color: #9198a5;
815
- }
816
- .lpx-nav .lpx-nav-menu {
817
- padding: 0 0 15px 0;
818
- }
819
-
820
- .lpx-nav-menu {
821
- margin: 0;
822
- padding: 0;
823
- }
824
- .lpx-nav-menu a {
825
- text-decoration: none;
826
- }
827
- .lpx-nav-menu .outer-menu-item.filter-hidden,
828
- .lpx-nav-menu .lpx-inner-menu.collapsed {
829
- display: none;
830
- }
831
- .lpx-nav-menu .lpx-menu-item-link {
832
- display: flex;
833
- width: 100%;
834
- cursor: pointer;
835
- color: #9198a5;
836
- height: 36px;
837
- line-height: 36px;
838
- transition: color 0.25s ease, background-color 0.3s ease;
839
- margin: 1px 0;
840
- padding: 0 18px;
841
- position: relative;
842
- }
843
- .lpx-nav-menu .lpx-menu-item-link:hover {
844
- color: #fff;
845
- }
846
- .lpx-nav-menu .lpx-menu-item-link:hover .lpx-menu-item-icon {
847
- color: var(--lpx-brand);
848
- opacity: 1;
849
- }
850
- .lpx-nav-menu .lpx-menu-item-link:hover .dd-icon {
851
- color: #fff;
852
- opacity: 1;
853
- }
854
- .lpx-nav-menu .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-menu-item-link.expanded {
855
- color: #fff;
856
- background-color: #222;
857
- }
858
- .lpx-nav-menu .lpx-menu-item-link.selected .lpx-menu-item-icon,
859
- .lpx-nav-menu .lpx-menu-item-link.selected .dd-icon, .lpx-nav-menu .lpx-menu-item-link.expanded .lpx-menu-item-icon,
860
- .lpx-nav-menu .lpx-menu-item-link.expanded .dd-icon {
861
- color: var(--lpx-brand);
862
- opacity: 1;
863
- }
864
- .lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-icon .lpx-icon {
865
- text-align: center;
866
- display: inline-block;
867
- position: relative;
868
- width: 36px;
869
- transition: all 0.25s ease;
870
- font-size: 16px;
871
- opacity: 0.86;
872
- }
873
- .lpx-nav-menu .lpx-menu-item-link .dd-icon {
874
- position: absolute;
875
- text-align: center;
876
- opacity: 0.5;
877
- left: 24px;
878
- width: 24px;
879
- }
880
- .lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-text {
881
- white-space: nowrap;
882
- overflow: hidden;
883
- text-overflow: ellipsis;
884
- width: 178px;
885
- font-size: 1em;
886
- }
887
- .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link {
888
- height: 32px;
889
- line-height: 32px;
890
- padding-right: 54px;
891
- transition: background-color 0.5s ease, color 0.25s ease;
892
- }
893
- .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link:hover {
894
- background-color: #222;
895
- }
896
- .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon {
897
- margin-left: 8px;
898
- }
899
- .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon .lpx-icon {
900
- width: 16px;
901
- }
902
- .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-text {
903
- width: 154px;
904
- font-size: 0.975em;
905
- }
906
- .lpx-nav-menu .lpx-inner-menu {
907
- margin: 0;
908
- padding: 0;
909
- }
910
- .lpx-nav-menu .lpx-inner-menu .lpx-inner-menu .lpx-menu-item-link {
911
- padding-right: 78px;
912
- }
913
- .lpx-nav-menu .group-menu-item {
914
- padding: 0.5rem 1rem 0.5rem 0;
915
- font-weight: 500;
916
- }
917
-
918
- .lpx-menu-item {
919
- cursor: pointer;
920
- color: #9198a5;
921
- height: 36px;
922
- line-height: 36px;
923
- transition: color 0.25s ease, background-color 0.3s ease;
924
- }
925
- .lpx-menu-item:hover {
926
- color: #fff;
927
- }
928
- .lpx-menu-item:hover .lpx-menu-item-icon {
929
- color: var(--lpx-brand);
930
- opacity: 1;
931
- }
932
- .lpx-menu-item:hover .dd-icon {
933
- color: #fff;
934
- opacity: 1;
935
- }
936
- .lpx-menu-item.selected {
937
- color: #fff;
938
- background-color: #222;
939
- }
940
- .lpx-menu-item.selected .lpx-menu-item-icon,
941
- .lpx-menu-item.selected .dd-icon {
942
- color: var(--lpx-brand);
943
- opacity: 1;
944
- }
945
- .lpx-menu-item .dd-icon {
946
- position: absolute;
947
- text-align: center;
948
- opacity: 0.5;
949
- left: 24px;
950
- width: 24px;
951
- }
952
-
953
- .lpx-inner-menu-item .lpx-menu-item-link {
954
- transition: background-color 0.5s ease, color 0.25s ease;
955
- }
956
- .lpx-inner-menu-item .lpx-menu-item-link.selected, .lpx-inner-menu-item .lpx-menu-item-link:hover {
957
- background-color: #222;
958
- }
959
-
960
- .lpx-favorite {
961
- display: flex;
962
- align-items: center;
963
- padding: 0 1rem;
964
- cursor: pointer;
965
- }
966
-
967
- .lpx-footer {
968
- border-top: 1px solid #e7e9ec;
969
- font-size: 0.725rem;
970
- color: rgba(104, 107, 110, 0.75);
971
- }
972
- .lpx-footer a {
973
- padding: 0 10px;
974
- margin: 0;
975
- color: rgba(104, 107, 110, 0.75);
976
- transition: background-color 0.3s ease;
977
- line-height: 30px;
978
- text-decoration: none;
979
- }
980
-
981
- .lpx-user-profile {
982
- justify-content: center;
983
- align-items: center;
984
- display: flex;
985
- gap: 5px;
986
- }
987
- .lpx-user-profile.dropdown-toggle::after {
988
- content: none;
989
- }
990
-
991
- .lpx-language-selection .dropdown-toggle::after {
992
- content: none;
993
- }
994
- .lpx-language-selection .dropdown-toggle .lpx-icon {
995
- color: var(--lpx-brand);
996
- }
997
-
998
- .lpx-mobile-navbar-container {
999
- display: none;
1000
- }
1001
-
1002
- @media only screen and (max-width: 767px) {
1003
- .lpx-mobile-navbar-container {
1004
- display: inline;
1005
- }
1006
- .lpx-mobile-navbar {
1007
- top: 0;
1008
- height: 72px;
1009
- display: flex;
1010
- padding-left: 15px;
1011
- }
1012
- .lpx-mobile-navbar .user-menu {
1013
- display: flex;
1014
- align-items: center;
1015
- justify-content: space-around;
1016
- flex: 0 0 108px;
1017
- }
1018
- .lpx-mobile-navbar .user-menu .lpx-icon {
1019
- font-size: 36px;
1020
- color: #9198a5;
1021
- }
1022
- .lpx-mobile-navbar .lpx-logo-container {
1023
- flex: 1 1 auto;
1024
- }
1025
- .lpx-mobile-navbar,
1026
- .user-menu-groups {
1027
- position: sticky;
1028
- width: 100%;
1029
- z-index: 110;
1030
- }
1031
- .lpx-mobile-navbar,
1032
- .user-menu-groups,
1033
- .lpx-mobile-nav-items {
1034
- background-color: #161616;
1035
- }
1036
- .lpx-mobile-nav-items {
1037
- height: calc(100% - 72px);
1038
- width: 100%;
1039
- z-index: 120;
1040
- }
1041
- .lpx-topbar-container {
1042
- top: 72px;
1043
- }
1044
- .mobile-menu-opened {
1045
- overflow: hidden;
1046
- }
1047
- .mobile-menu-opened .lpx-content-container {
1048
- display: none;
1049
- }
1050
- .mobile-menu-opened .lpx-mobile-navbar-container {
1051
- height: 100vh;
1052
- display: block;
1053
- }
1054
- .user-menu-groups {
1055
- top: 72px;
1056
- padding: 0 28px 0 18px;
1057
- }
1058
- .user-menu-groups > * {
1059
- padding-bottom: 18px;
1060
- }
1061
- .user-menu-groups .btn-toggle {
1062
- justify-content: flex-start;
1063
- color: #fff;
1064
- }
1065
- .user-menu-groups .action {
1066
- color: #9198a5;
1067
- display: block;
1068
- }
1069
- .user-menu-groups .divider {
1070
- height: 0;
1071
- margin: 0.5rem 0;
1072
- overflow: hidden;
1073
- border-top: 1px solid rgba(145, 152, 165, 0.3);
1074
- }
1075
- .user-menu-groups .action-group-menu {
1076
- padding: 12px 0;
1077
- }
1078
- .lpx-breadcrumb,
1079
- .lpx-topbar-content {
1080
- display: none;
1081
- }
1082
- }
1083
- .lpx-content-container {
1084
- margin-left: 0;
1085
- }
1086
-
1087
- .lpx-sidebar-container {
1088
- overflow-y: auto;
1089
- }
1090
-
1091
- @media only screen and (max-width: 767px) {
1092
- .lpx-sidebar-container {
1093
- display: none;
1094
- }
1095
- }
1096
- @media only screen and (min-width: 768px) {
1097
- .lpx-topbar {
1098
- border-top-left-radius: 0;
1099
- }
1100
- }
1101
-
1
+ :root {
2
+ --lpx-brand: #f72585;
3
+ --lpx-primary: #355dff;
4
+ --lpx-secondary: #6c5dd3;
5
+ --lpx-success: #4fbf67;
6
+ --lpx-light: #eeeeee;
7
+ --lpx-info: #438aa7;
8
+ --lpx-danger: #c00d49;
9
+ --lpx-warning: #ff9f38;
10
+ --lpx-logo: ;
11
+ --lpx-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ4NF8xODYwNikiPgo8cGF0aCBkPSJNMTQuODMxNCAyLjM4MjUzZS0wNkMxMy43Mzc2IC0wLjAwMDg4NTcxNSAxMi42NTc5IDAuMjQ2NTE5IDExLjY3MzcgMC43MjM1NzJDMTAuNjg5NCAxLjIwMDYzIDkuODI2MTkgMS44OTQ4OCA5LjE0OTE3IDIuNzU0MDNDMTAuMzg3OCAzLjAyMzUgMTEuNTU2NCAzLjU0OTEzIDEyLjU3OTkgNC4yOTcxNkMxMy42MDMzIDUuMDQ1MTggMTQuNDU5IDUuOTk5MDQgMTUuMDkxOSA3LjA5NzQ2QzE1LjcyNDggOC4xOTU4OSAxNi4xMjA5IDkuNDE0NTcgMTYuMjU0OCAxMC42NzUyQzE2LjM4ODggMTEuOTM1OSAxNi4yNTc1IDEzLjIxMDYgMTUuODY5NSAxNC40MTc1QzE3LjY4MjIgMTQuMTU1MSAxOS4zMjgyIDEzLjIxNTggMjAuNDc2NSAxMS43ODg4QzIxLjYyNDcgMTAuMzYxNyAyMi4xODk5IDguNTUyNjYgMjIuMDU4NCA2LjcyNTY3QzIxLjkyNjggNC44OTg2NyAyMS4xMDgzIDMuMTg5MjkgMTkuNzY3NCAxLjk0MTQ2QzE4LjQyNjYgMC42OTM2MzUgMTYuNjYzIC00LjIzMjYxZS0wNSAxNC44MzE0IDIuMzgyNTNlLTA2VjIuMzgyNTNlLTA2WiIgZmlsbD0iI0I1MTc5RSIvPgo8cGF0aCBkPSJNMjguNzAzMiA3LjkzMzgyQzI4LjE1MDcgNi45ODkxMiAyNy4zOTEgNi4xODIxIDI2LjQ4MTUgNS41NzM1MUMyNS41NzE5IDQuOTY0OTMgMjQuNTM2MSA0LjU3MDY0IDIzLjQ1MjIgNC40MjAzNUMyMy44NDU2IDUuNjI1MjkgMjMuOTgyNyA2Ljg5OTIyIDIzLjg1NDcgOC4xNjAzMUMyMy43MjY2IDkuNDIxMzkgMjMuMzM2MiAxMC42NDE3IDIyLjcwODYgMTEuNzQzQzIyLjA4MSAxMi44NDQyIDIxLjIyOTkgMTMuODAyIDIwLjIxMDIgMTQuNTU0OEMxOS4xOTA0IDE1LjMwNzYgMTguMDI0NSAxNS44Mzg3IDE2Ljc4NzQgMTYuMTE0MUMxNy45Mjk5IDE3LjU0NTEgMTkuNTcxOCAxOC40OTA1IDIxLjM4MyAxOC43NkMyMy4xOTQxIDE5LjAyOTUgMjUuMDQwMiAxOC42MDMyIDI2LjU0OTggMTcuNTY2OUMyOC4wNTk1IDE2LjUzMDUgMjkuMTIwOCAxNC45NjA5IDI5LjUyMDMgMTMuMTczOEMyOS45MTk4IDExLjM4NjYgMjkuNjI3OCA5LjUxNDQ2IDI4LjcwMzIgNy45MzM4MloiIGZpbGw9IiM3MjA5QjciLz4KPHBhdGggZD0iTTI4LjY4OTIgMjQuMDI1N0MyOS4yMzk5IDIzLjA4MDcgMjkuNTY5IDIyLjAyMyAyOS42NTE3IDIwLjkzMjJDMjkuNzM0NSAxOS44NDE1IDI5LjU2ODcgMTguNzQ2MyAyOS4xNjY4IDE3LjcyODlDMjguMzExIDE4LjY2NDIgMjcuMjY5MSAxOS40MSAyNi4xMDggMTkuOTE4NkMyNC45NDY4IDIwLjQyNzIgMjMuNjkyMiAyMC42ODcyIDIyLjQyNDYgMjAuNjgyQzIxLjE1NyAyMC42NzY3IDE5LjkwNDUgMjAuNDA2NCAxOC43NDc2IDE5Ljg4ODJDMTcuNTkwNyAxOS4zNzAxIDE2LjU1NDkgMTguNjE1NyAxNS43MDY5IDE3LjY3MzRDMTUuMDIzNiAxOS4zNzIgMTUuMDA4NiAyMS4yNjYzIDE1LjY2NDkgMjIuOTc1NUMxNi4zMjEyIDI0LjY4NDYgMTcuNjAwMSAyNi4wODIgMTkuMjQ0NiAyNi44ODY3QzIwLjg4OSAyNy42OTEzIDIyLjc3NyAyNy44NDM1IDI0LjUyOTEgMjcuMzEyOEMyNi4yODEzIDI2Ljc4MjEgMjcuNzY3NSAyNS42MDc3IDI4LjY4OTIgMjQuMDI1N1YyNC4wMjU3WiIgZmlsbD0iIzQzNjFFRSIvPgo8cGF0aCBkPSJNNi43MTQzOSAyMC42OTYxQzQuMzMwMDMgMjAuNTYxNSAyLjA5NTM2IDE5LjQ5MDMgMC40OTY5MyAxNy43MTU4QzAuMTAxNzI3IDE4LjcyNyAtMC4wNjExMDM4IDE5LjgxNDIgMC4wMjA0ODA2IDIwLjg5NjhDMC4xMDIwNjUgMjEuOTc5NSAwLjQyNTk3OCAyMy4wMyAwLjk2ODI2IDIzLjk3MDVDMS41MTA1NCAyNC45MTExIDIuMjU3MzIgMjUuNzE3NyAzLjE1MzM2IDI2LjMzMDdDNC4wNDk0IDI2Ljk0MzcgNS4wNzE3NyAyNy4zNDc0IDYuMTQ0ODUgMjcuNTExOUM1LjQ0MDEgMjUuMjUyNSA1LjY0NDQzIDIyLjgwNzIgNi43MTQzOSAyMC42OTYxVjIwLjY5NjFaIiBmaWxsPSIjNENDOUYwIi8+CjxwYXRoIGQ9Ik03LjI0OTYxIDE4Ljg1NzFDMTEuMjUxMiAxOC44NTcxIDE0LjQ5NTEgMTUuNjEyOSAxNC40OTUxIDExLjYxMUMxNC40OTUxIDcuNjA5MDYgMTEuMjUxMiA0LjM2NDg3IDcuMjQ5NjEgNC4zNjQ4N0MzLjI0ODA1IDQuMzY0ODcgMC4wMDQxNTAzOSA3LjYwOTA2IDAuMDA0MTUwMzkgMTEuNjExQzAuMDA0MTUwMzkgMTUuNjEyOSAzLjI0ODA1IDE4Ljg1NzEgNy4yNDk2MSAxOC44NTcxWiIgZmlsbD0iI0Y3MjU4NSIvPgo8cGF0aCBkPSJNMTMuMzY2MyAyMC4zNjA4QzEzLjM3MTYgMTkuNTY5MSAxMy40ODAyIDE4Ljc4MTQgMTMuNjg5NCAxOC4wMTc4QzEyLjM5MTUgMTkuMzMxOSAxMC43MjMzIDIwLjIxOCA4LjkwNzkyIDIwLjU1NzdDNy43ODc2MSAyMi4wOTMxIDcuMzE1NTYgMjQuMDA3MyA3LjU5MzU3IDI1Ljg4NzZDNy44NzE1OCAyNy43Njc5IDguODc3MzggMjkuNDYzNSAxMC4zOTQxIDMwLjYwODlDMTEuOTEwOCAzMS43NTQzIDEzLjgxNjggMzIuMjU3NyAxNS43MDEyIDMyLjAxMDVDMTcuNTg1NiAzMS43NjMzIDE5LjI5NzMgMzAuNzg1MyAyMC40NjczIDI5LjI4NzRDMTguNDQyMSAyOC44MzQ3IDE2LjYzMjkgMjcuNzAyMSAxNS4zNDA5IDI2LjA3NzlDMTQuMDQ4OSAyNC40NTM4IDEzLjM1MjEgMjIuNDM2MiAxMy4zNjYzIDIwLjM2MDhWMjAuMzYwOFoiIGZpbGw9IiM0ODk1RUYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80ODRfMTg2MDYiPgo8cmVjdCB3aWR0aD0iMjkuNjk2OCIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
12
+ }
13
+
14
+ .flex-center {
15
+ justify-content: center;
16
+ align-items: center;
17
+ display: flex;
18
+ }
19
+
20
+ html,
21
+ body {
22
+ min-height: 100vh;
23
+ background-color: #161616;
24
+ }
25
+
26
+ ::-ms-reveal {
27
+ display: none;
28
+ }
29
+
30
+ .lpx-breadcrumb li,
31
+ .lpx-nav-menu li {
32
+ list-style-type: none;
33
+ }
34
+
35
+ .bg-brand {
36
+ background: var(--lpx-brand) !important;
37
+ }
38
+
39
+ .bg-brand-gradient {
40
+ background: linear-gradient(-120deg, var(--lpx-brand) 0%, #355dff 100%) !important;
41
+ }
42
+
43
+ input:-webkit-autofill,
44
+ input:-webkit-autofill:hover,
45
+ input:-webkit-autofill:focus,
46
+ textarea:-webkit-autofill,
47
+ textarea:-webkit-autofill:hover,
48
+ textarea:-webkit-autofill:focus,
49
+ select:-webkit-autofill,
50
+ select:-webkit-autofill:hover,
51
+ select:-webkit-autofill:focus {
52
+ border: 1px solid #e7e9ec;
53
+ -webkit-text-fill-color: #438aa7;
54
+ -webkit-box-shadow: 0 0 0px 1000px #f5f5f7 inset;
55
+ -webkit-transition: background-color 5000s ease-in-out 0s;
56
+ transition: background-color 5000s ease-in-out 0s;
57
+ }
58
+
59
+ #lpx-wrapper {
60
+ margin: 0 auto;
61
+ max-width: 100% !important;
62
+ position: relative;
63
+ min-height: 100vh;
64
+ }
65
+ #lpx-wrapper.full .lpx-content {
66
+ max-width: 100% !important;
67
+ }
68
+ #lpx-wrapper.fixed .lpx-content {
69
+ max-width: 1280px !important;
70
+ }
71
+
72
+ .lpx-content-container {
73
+ min-height: 100vh;
74
+ background-color: #f5f5f7;
75
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
76
+ }
77
+ @media only screen and (max-width: 767px) {
78
+ .lpx-content-container {
79
+ margin: 0;
80
+ max-width: 100%;
81
+ }
82
+ }
83
+ .lpx-content-container .lpx-content {
84
+ padding: 1.25em 2em 3em;
85
+ margin: 0 auto;
86
+ }
87
+ @media only screen and (max-width: 767px) {
88
+ .lpx-content-container .lpx-content {
89
+ padding: 3em 1.14em 4em 1.14em;
90
+ }
91
+ }
92
+
93
+ .lpx-ellipsis-inline {
94
+ display: inline-block;
95
+ overflow: hidden;
96
+ text-overflow: ellipsis;
97
+ white-space: nowrap;
98
+ max-width: 100%;
99
+ }
100
+
101
+ .lpx-heading {
102
+ font-family: "Inter", sans-serif;
103
+ font-weight: 400;
104
+ }
105
+
106
+ .modal-header,
107
+ .alert-heading,
108
+ .lpx-nav-menu .menu-item .menu-item-text,
109
+ .lpx-topbar,
110
+ .lpx-mobile-navbar,
111
+ .lpx-mobile-menu {
112
+ font-family: "Inter", sans-serif;
113
+ font-weight: 400;
114
+ }
115
+
116
+ .lpx-main-title {
117
+ font-size: 1.25rem !important;
118
+ font-weight: 500;
119
+ color: #161616;
120
+ margin-bottom: 0.875rem;
121
+ margin-top: 0.875rem;
122
+ }
123
+ @media only screen and (max-width: 767px) {
124
+ .lpx-main-title {
125
+ margin-bottom: 0;
126
+ margin-top: 0;
127
+ }
128
+ }
129
+
130
+ .login-section-wrapper {
131
+ height: 100vh;
132
+ }
133
+
134
+ .lpx-brand-logo.lpx-login-logo {
135
+ background-size: auto 3.6em;
136
+ height: 3.6em;
137
+ background-position: center;
138
+ }
139
+
140
+ .lpx-login-nav {
141
+ color: var(--lpx-navbar-text-color);
142
+ }
143
+ .lpx-login-nav .lpx-brand-logo.lpx-login-logo {
144
+ background-size: auto 3em;
145
+ height: 3em;
146
+ }
147
+ .lpx-login-nav .text-dark {
148
+ color: var(--lpx-navbar-active-text-color) !important;
149
+ }
150
+ .lpx-login-nav h1, .lpx-login-nav h2, .lpx-login-nav h3, .lpx-login-nav h4, .lpx-login-nav h5, .lpx-login-nav h6, .lpx-login-nav p {
151
+ color: var(--lpx-navbar-active-text-color);
152
+ }
153
+
154
+ .lpx-login-area {
155
+ min-height: 100vh;
156
+ position: relative;
157
+ }
158
+ .lpx-login-area .lpx-login-bg {
159
+ position: absolute;
160
+ top: 0;
161
+ right: 0;
162
+ width: 100%;
163
+ background-position: center;
164
+ background-repeat: no-repeat;
165
+ background-size: cover;
166
+ min-height: 100vh;
167
+ }
168
+ .lpx-login-area .lpx-login-bg.lpx-login-bg-half {
169
+ background-position: top;
170
+ height: 36%;
171
+ min-height: 36%;
172
+ border-bottom-right-radius: 30px;
173
+ border-bottom-left-radius: 30px;
174
+ }
175
+ @media screen and (max-width: 992px) {
176
+ .lpx-login-area .lpx-login-bg.lpx-login-bg-half {
177
+ border-bottom-right-radius: 20px;
178
+ border-bottom-left-radius: 20px;
179
+ }
180
+ }
181
+ .lpx-login-area .lpx-language-selection {
182
+ z-index: 2;
183
+ position: absolute;
184
+ left: 35px;
185
+ top: 35px;
186
+ }
187
+
188
+ .lpx-layout-login {
189
+ background-color: rgba(var(--lpx-navbar-color-rgb), 0.7);
190
+ backdrop-filter: blur(10px);
191
+ }
192
+
193
+ .lpx-login-title {
194
+ font-size: 1.75em !important;
195
+ }
196
+
197
+ .lpx-login-area {
198
+ background-color: #161616;
199
+ }
200
+
201
+ .lpx-theme-light .lpx-login-bg {
202
+ background-image: var(--lpx-theme-light-bg);
203
+ }
204
+
205
+ .lpx-theme-dark .lpx-login-bg {
206
+ background-image: var(--lpx-theme-dark-bg);
207
+ }
208
+
209
+ .lpx-theme-dim .lpx-login-bg {
210
+ background-image: var(--lpx-theme-dim-bg);
211
+ }
212
+
213
+ @media screen and (min-width: 767px) {
214
+ .login-h-100 {
215
+ min-height: 100vh !important;
216
+ }
217
+ }
218
+ .show-pass-icon {
219
+ position: absolute;
220
+ left: 22px;
221
+ top: 20px;
222
+ font-size: 18px;
223
+ line-height: 18px;
224
+ cursor: pointer;
225
+ }
226
+
227
+ .caps-lock-icon {
228
+ position: absolute;
229
+ left: 54px;
230
+ top: 20px;
231
+ font-size: 16px;
232
+ line-height: 18px;
233
+ }
234
+
235
+ /* old login styles */
236
+ .lpx-brand-logo.lpx-login-big-logo {
237
+ display: none !important;
238
+ }
239
+
240
+ .lpx-login-form-max-width {
241
+ width: 600px !important;
242
+ max-width: 100% !important;
243
+ }
244
+ .lpx-login-form-max-width .p-lg-5 {
245
+ padding: 2.25rem !important;
246
+ }
247
+
248
+ .lpx-login-image-area.d-lg-block {
249
+ display: none !important;
250
+ }
251
+
252
+ .lpx-login-text-area {
253
+ margin: 0 auto;
254
+ }
255
+ .lpx-login-text-area .lpx-brand-logo {
256
+ background-size: auto 3.6em;
257
+ height: 3.6em;
258
+ background-position: center;
259
+ }
260
+
261
+ .lpx-sidebar {
262
+ background-color: #161616;
263
+ color: #9198a5;
264
+ display: flex;
265
+ flex-direction: column;
266
+ align-items: center;
267
+ position: relative;
268
+ height: 100%;
269
+ }
270
+ .lpx-sidebar .lpx-logo-container {
271
+ position: fixed;
272
+ width: 280px;
273
+ z-index: 100;
274
+ background-color: #161616;
275
+ top: 0;
276
+ }
277
+ .lpx-sidebar .lpx-logo-container .menu-collapse-icon {
278
+ position: absolute;
279
+ left: 30px;
280
+ top: 50%;
281
+ transform: translateY(-50%);
282
+ font-size: 1.5em;
283
+ cursor: pointer;
284
+ }
285
+ .lpx-sidebar a {
286
+ text-decoration: none;
287
+ }
288
+
289
+ .lpx-sidebar-container {
290
+ min-width: 280px;
291
+ z-index: 1000;
292
+ position: fixed;
293
+ top: 0;
294
+ height: 100vh;
295
+ }
296
+ .lpx-sidebar-container .lpx-sidebar {
297
+ min-height: 100vh;
298
+ }
299
+ .lpx-sidebar-container .lpx-sidebar .lpx-nav {
300
+ min-width: 280px;
301
+ height: 100vh;
302
+ }
303
+ .lpx-sidebar-container .lpx-sidebar .lpx-nav .lpx-nav-menu {
304
+ background-color: #161616;
305
+ max-width: 280px;
306
+ }
307
+
308
+ .hover-trigger .lpx-sidebar-container:not(:hover) .hidden-in-hover-trigger {
309
+ display: none;
310
+ }
311
+ .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-logo-container {
312
+ width: 72px;
313
+ }
314
+ .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
315
+ background-image: var(--lpx-logo-icon);
316
+ }
317
+ .hover-trigger .lpx-sidebar-container {
318
+ min-width: 72px;
319
+ }
320
+ .hover-trigger .lpx-sidebar-container .lpx-sidebar .lpx-nav {
321
+ min-width: 72px;
322
+ }
323
+ .hover-trigger .lpx-sidebar-container:hover {
324
+ min-width: 72px;
325
+ }
326
+ .hover-trigger .lpx-sidebar-container:hover .lpx-sidebar .lpx-nav {
327
+ min-width: 280px;
328
+ }
329
+
330
+ @media only screen and (min-width: 768px) and (max-width: 1199px) {
331
+ .lpx-sidebar-container:not(:hover) .hidden-in-hover-trigger {
332
+ display: none;
333
+ }
334
+ .lpx-sidebar-container:not(:hover) .lpx-logo-container {
335
+ width: 72px;
336
+ }
337
+ .lpx-sidebar-container:not(:hover) .lpx-brand-logo {
338
+ background-image: var(--lpx-logo-icon);
339
+ }
340
+ .lpx-sidebar-container {
341
+ min-width: 72px;
342
+ }
343
+ .lpx-sidebar-container .lpx-sidebar .lpx-nav {
344
+ min-width: 72px;
345
+ }
346
+ .lpx-sidebar-container:hover {
347
+ min-width: 72px;
348
+ }
349
+ .lpx-sidebar-container:hover .lpx-sidebar .lpx-nav {
350
+ min-width: 280px;
351
+ }
352
+ }
353
+ @media only screen and (min-width: 1200px) {
354
+ .lpx-content-container {
355
+ margin-right: 280px;
356
+ }
357
+ }
358
+ @media only screen and (min-width: 768px) and (max-width: 1199px) {
359
+ .lpx-content-container {
360
+ margin-right: 72px;
361
+ }
362
+ }
363
+
364
+ #lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) {
365
+ min-width: 72px;
366
+ max-width: 72px;
367
+ }
368
+ #lpx-wrapper.hover-trigger .lpx-sidebar-container:not(:hover) .lpx-nav {
369
+ min-width: 72px;
370
+ }
371
+ @media only screen and (min-width: 1200px) {
372
+ #lpx-wrapper.hover-trigger .lpx-content-container {
373
+ margin-right: 72px;
374
+ }
375
+ }
376
+ #lpx-wrapper.hover-trigger .lpx-content-container:hover {
377
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
378
+ }
379
+
380
+ .lpx-content {
381
+ min-height: calc(100vh - 64px);
382
+ }
383
+
384
+ .lpx-nav {
385
+ padding-top: 72px;
386
+ }
387
+
388
+ .lpx-topbar-content {
389
+ display: flex;
390
+ align-items: center;
391
+ margin-left: 0.4rem;
392
+ gap: 0.7rem;
393
+ font-size: 0.875em;
394
+ }
395
+ .lpx-topbar-content .lpx-avatar .lpx-avatar-img,
396
+ .lpx-topbar-content .lpx-avatar .lpx-avatar-icon {
397
+ height: 24px;
398
+ width: 24px;
399
+ }
400
+
401
+ @media only screen and (min-width: 1200px) {
402
+ .lpx-footbar-container {
403
+ right: 280px;
404
+ }
405
+ }
406
+ @media only screen and (min-width: 768px) and (max-width: 1199px) {
407
+ .lpx-footbar-container {
408
+ right: 72px !important;
409
+ }
410
+ }
411
+
412
+ @media only screen and (min-width: 1200px) {
413
+ #lpx-wrapper.hover-trigger .lpx-footbar-container {
414
+ right: 72px;
415
+ }
416
+ }
417
+
418
+ .lpx-brand-name.lpx-login-name {
419
+ color: #161616;
420
+ }
421
+
422
+ .lpx-avatar {
423
+ justify-content: center;
424
+ align-items: center;
425
+ display: flex;
426
+ }
427
+ .lpx-avatar .lpx-avatar-img,
428
+ .lpx-avatar .lpx-avatar-icon {
429
+ height: 36px;
430
+ width: 36px;
431
+ border-radius: 36px;
432
+ transition: border-radius 0.3s ease;
433
+ }
434
+ .lpx-avatar .lpx-avatar-img:hover,
435
+ .lpx-avatar .lpx-avatar-icon:hover {
436
+ border-radius: 10px;
437
+ }
438
+ .lpx-avatar .lpx-avatar-icon {
439
+ justify-content: center;
440
+ align-items: center;
441
+ display: flex;
442
+ font-size: 20px;
443
+ color: #9198a5;
444
+ background-color: #f5f5f7;
445
+ height: 24px;
446
+ margin: 6px auto 10px;
447
+ padding: 0;
448
+ }
449
+ .lpx-avatar .lpx-avatar-icon .lpx-icon {
450
+ display: flex;
451
+ }
452
+
453
+ .lpx-avatar-img-md {
454
+ height: 72px;
455
+ width: 72px;
456
+ border-radius: 72px;
457
+ }
458
+
459
+ .lpx-avatar-img-lg {
460
+ height: 144px;
461
+ width: 144px;
462
+ border-radius: 144px;
463
+ }
464
+
465
+ .lpx-breadcrumb-wrapper {
466
+ width: 100%;
467
+ justify-content: space-between;
468
+ margin: 0 auto;
469
+ }
470
+
471
+ .lpx-breadcrumb-container {
472
+ height: 30px;
473
+ }
474
+
475
+ .lpx-breadcrumb {
476
+ display: flex;
477
+ padding: 0;
478
+ margin: 0;
479
+ border-radius: 0.5rem;
480
+ }
481
+
482
+ .lpx-breadcrumb-item {
483
+ color: #686b6e;
484
+ cursor: pointer;
485
+ position: relative;
486
+ font-size: 0.725rem;
487
+ padding: 0 10px;
488
+ margin: 0;
489
+ transition: background-color 0.3s ease;
490
+ line-height: 30px;
491
+ white-space: nowrap;
492
+ }
493
+ .lpx-breadcrumb-item a {
494
+ color: unset;
495
+ text-decoration: none;
496
+ }
497
+ .lpx-breadcrumb-item a:hover {
498
+ color: #595c5f;
499
+ }
500
+ .lpx-breadcrumb-item .lpx-breadcrumb-item-icon,
501
+ .lpx-breadcrumb-item .lpx-caret {
502
+ position: relative;
503
+ margin: 0 2px;
504
+ font-size: 1em;
505
+ }
506
+ .lpx-breadcrumb-item .lpx-breadcrumb-item-icon,
507
+ .lpx-breadcrumb-item .lpx-breadcrumb-item-text {
508
+ transition: color 0.2s ease;
509
+ }
510
+ .lpx-breadcrumb-item:hover {
511
+ color: #595c5f;
512
+ }
513
+ .lpx-breadcrumb-item:hover .lpx-breadcrumb-item-icon,
514
+ .lpx-breadcrumb-item:hover .lpx-caret {
515
+ color: var(--lpx-brand);
516
+ }
517
+ .lpx-breadcrumb-item.expanded .lpx-breadcrumb-dropdown {
518
+ visibility: visible;
519
+ opacity: 1;
520
+ }
521
+
522
+ .lpx-breadcrumb-dropdown {
523
+ position: absolute;
524
+ right: 0;
525
+ top: 100%;
526
+ visibility: hidden;
527
+ opacity: 0;
528
+ background-color: #ffffff;
529
+ width: 220px;
530
+ padding: 0;
531
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
532
+ transition: visibility 0s, opacity 0.3s linear;
533
+ border: 1px solid rgba(104, 107, 110, 0.08);
534
+ border-radius: 0 0 0.5rem 0.5rem;
535
+ max-height: 50vh;
536
+ overflow-y: auto;
537
+ }
538
+
539
+ .lpx-breadcrumb-dropdown-item {
540
+ position: relative;
541
+ padding: 8px 36px 8px 16px;
542
+ line-height: 1em;
543
+ }
544
+ .lpx-breadcrumb-dropdown-item::before {
545
+ content: "";
546
+ position: absolute;
547
+ width: 4px;
548
+ height: 10px;
549
+ background-color: #f5f5f7;
550
+ border-radius: 0.5rem;
551
+ right: 22px;
552
+ top: 9px;
553
+ transition: background-color 0.2s ease;
554
+ }
555
+ .lpx-breadcrumb-dropdown-item:hover::before, .lpx-breadcrumb-dropdown-item.active::before {
556
+ background-color: var(--lpx-brand);
557
+ }
558
+
559
+ .lpx-breadcrumb-dropdown-container {
560
+ padding: 8px 0px;
561
+ }
562
+
563
+ .lpx-breadcrumb-separator {
564
+ font-weight: bold;
565
+ line-height: 30px;
566
+ width: 1px;
567
+ overflow: hidden;
568
+ background: #e7e9ec;
569
+ }
570
+ .lpx-breadcrumb-separator:last-child {
571
+ display: none;
572
+ }
573
+
574
+ .lpx-favorite .bi-star {
575
+ color: rgba(var(--lpx-content-text-rgb), 0.65);
576
+ }
577
+ .lpx-favorite .lpx-favorite-span {
578
+ font-size: 0.875em;
579
+ color: rgba(var(--lpx-content-text-rgb), 0.65);
580
+ display: none;
581
+ }
582
+
583
+ .breadcrumb .breadcrumb-item + .breadcrumb-item {
584
+ padding-right: 0rem;
585
+ }
586
+
587
+ .lpx-brand-logo {
588
+ background-image: var(--lpx-logo);
589
+ background-repeat: no-repeat;
590
+ background-size: auto 32px;
591
+ background-position: right 0px;
592
+ display: block;
593
+ height: 32px;
594
+ }
595
+
596
+ .lpx-logo-container {
597
+ padding: 20px;
598
+ }
599
+
600
+ .lpx-brand-name {
601
+ background: #161616;
602
+ color: #fff;
603
+ position: absolute;
604
+ right: 62px;
605
+ top: 20px;
606
+ width: 160px;
607
+ height: 32px;
608
+ font-size: 18px;
609
+ line-height: 32px;
610
+ font-weight: 400;
611
+ white-space: nowrap;
612
+ overflow: hidden;
613
+ text-overflow: ellipsis;
614
+ }
615
+ .lpx-brand-name.lpx-login-name {
616
+ background: none;
617
+ position: relative;
618
+ top: 0;
619
+ right: 0;
620
+ width: 100%;
621
+ height: inherit;
622
+ max-width: 26rem;
623
+ padding: 0.5rem 0.25rem 0 0.25rem !important;
624
+ text-align: center;
625
+ font-size: 26px;
626
+ line-height: 36px;
627
+ font-weight: 400;
628
+ white-space: inherit;
629
+ overflow: inherit;
630
+ text-overflow: inherit;
631
+ }
632
+ @media screen and (max-width: 767px) {
633
+ .lpx-brand-name {
634
+ width: auto;
635
+ left: 20px;
636
+ }
637
+ }
638
+
639
+ .hover-trigger .lpx-sidebar-container:not(:hover) .lpx-brand-name {
640
+ display: none;
641
+ }
642
+
643
+ @media screen and (max-width: 1200px) {
644
+ .lpx-sidebar-container:not(:hover) .lpx-brand-name {
645
+ display: none;
646
+ }
647
+ }
648
+ .lpx-header-top .lpx-logo-container {
649
+ padding-right: 0;
650
+ }
651
+ .lpx-header-top .lpx-logo-container .lpx-brand-name {
652
+ right: 42px;
653
+ }
654
+
655
+ :dir(rtl) .lpx-brand-name {
656
+ right: 0 !important;
657
+ }
658
+
659
+ .lpx-login-brand-text .lpx-brand-logo.lpx-login-logo {
660
+ background-size: auto 4.8em;
661
+ height: 4.8em;
662
+ width: 4.8em;
663
+ background-position: right;
664
+ }
665
+
666
+ .lpx-timeline {
667
+ position: relative;
668
+ }
669
+ .lpx-timeline::before {
670
+ content: "";
671
+ position: absolute;
672
+ right: 75px;
673
+ width: 3px;
674
+ top: 0;
675
+ bottom: 0;
676
+ background-color: rgba(104, 107, 110, 0.1);
677
+ }
678
+ .lpx-timeline .lpx-timeline-item {
679
+ display: flex;
680
+ align-items: center;
681
+ position: relative;
682
+ margin-bottom: 1.5em;
683
+ }
684
+ .lpx-timeline .lpx-timeline-item:last-child {
685
+ margin-bottom: 0;
686
+ }
687
+ .lpx-timeline .lpx-timeline-item .lpx-timeline-label {
688
+ text-align: center;
689
+ flex-shrink: 0;
690
+ position: relative;
691
+ width: 75px;
692
+ padding-left: 10px;
693
+ color: #686b6e;
694
+ opacity: 0.5;
695
+ }
696
+ .lpx-timeline .lpx-timeline-item .lpx-timeline-badge {
697
+ border-radius: 100%;
698
+ justify-content: center;
699
+ align-items: center;
700
+ display: flex;
701
+ background: #f5f5f7;
702
+ border: 8px solid #f5f5f7;
703
+ width: 15px;
704
+ height: 15px;
705
+ margin-right: -8px;
706
+ margin-left: 8px;
707
+ font-size: 1.5em;
708
+ padding: 2px;
709
+ }
710
+ .lpx-timeline .lpx-timeline-item .lpx-timeline-badge .lpx-icon {
711
+ font-size: 0.5em;
712
+ }
713
+
714
+ .lpx-topbar-container {
715
+ flex-wrap: wrap;
716
+ position: sticky;
717
+ top: 0;
718
+ padding: 0;
719
+ background-color: #161616;
720
+ z-index: 101;
721
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
722
+ }
723
+ .lpx-topbar-container .lpx-topbar {
724
+ display: flex;
725
+ justify-content: space-between;
726
+ margin: 0 auto;
727
+ background-color: #f5f5f7;
728
+ border-radius: 1em 1em 0 0;
729
+ padding: 0;
730
+ border: 1px solid #e7e9ec;
731
+ }
732
+
733
+ .lpx-content-wrapper {
734
+ border: 1px solid #e7e9ec;
735
+ border-top: 0;
736
+ }
737
+
738
+ .lpx-footbar-container {
739
+ flex-wrap: wrap;
740
+ padding: 0;
741
+ background-color: #161616;
742
+ z-index: 101;
743
+ position: fixed;
744
+ bottom: 0;
745
+ top: inherit;
746
+ left: 72px;
747
+ right: 280px;
748
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
749
+ }
750
+ @media only screen and (max-width: 767px) {
751
+ .lpx-footbar-container {
752
+ top: auto;
753
+ left: 0;
754
+ right: 0;
755
+ bottom: 72px;
756
+ }
757
+ }
758
+ .lpx-footbar-container .lpx-footbar {
759
+ display: flex;
760
+ justify-content: space-between;
761
+ margin: 0 auto;
762
+ background-color: #f5f5f7;
763
+ border-radius: 0 0 1em 1em;
764
+ border: 1px solid #e7e9ec;
765
+ font-size: 0.725rem;
766
+ padding-left: 5px;
767
+ }
768
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links {
769
+ display: flex;
770
+ }
771
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links a {
772
+ border-right: 1px solid #e7e9ec;
773
+ line-height: 30px;
774
+ color: #686b6e;
775
+ text-decoration: none;
776
+ padding: 0 1rem;
777
+ transition: color 0.2s ease;
778
+ }
779
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-solo-links a:hover {
780
+ color: var(--lpx-brand);
781
+ }
782
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright {
783
+ color: #686b6e;
784
+ line-height: 30px;
785
+ padding-right: 1rem;
786
+ padding-left: 1rem;
787
+ white-space: nowrap;
788
+ overflow: hidden;
789
+ text-overflow: ellipsis;
790
+ }
791
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright span {
792
+ opacity: 0.8;
793
+ }
794
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright a {
795
+ color: #686b6e;
796
+ text-decoration: none;
797
+ transition: color 0.2s ease;
798
+ }
799
+ .lpx-footbar-container .lpx-footbar .lpx-footbar-copyright a:hover {
800
+ color: var(--lpx-brand);
801
+ }
802
+
803
+ #lpx-wrapper.boxed .lpx-footbar-container {
804
+ position: sticky;
805
+ bottom: 0;
806
+ }
807
+
808
+ .lpx-menu-item {
809
+ text-decoration: none;
810
+ outline: none;
811
+ }
812
+
813
+ .lpx-nav {
814
+ color: #9198a5;
815
+ }
816
+ .lpx-nav .lpx-nav-menu {
817
+ padding: 0 0 15px 0;
818
+ }
819
+
820
+ .lpx-nav-menu {
821
+ margin: 0;
822
+ padding: 0;
823
+ }
824
+ .lpx-nav-menu a {
825
+ text-decoration: none;
826
+ }
827
+ .lpx-nav-menu .outer-menu-item.filter-hidden,
828
+ .lpx-nav-menu .lpx-inner-menu.collapsed {
829
+ display: none;
830
+ }
831
+ .lpx-nav-menu .lpx-menu-item-link {
832
+ display: flex;
833
+ width: 100%;
834
+ cursor: pointer;
835
+ color: #9198a5;
836
+ height: 36px;
837
+ line-height: 36px;
838
+ transition: color 0.25s ease, background-color 0.3s ease;
839
+ margin: 1px 0;
840
+ padding: 0 18px;
841
+ position: relative;
842
+ }
843
+ .lpx-nav-menu .lpx-menu-item-link:hover {
844
+ color: #fff;
845
+ }
846
+ .lpx-nav-menu .lpx-menu-item-link:hover .lpx-menu-item-icon {
847
+ color: var(--lpx-brand);
848
+ opacity: 1;
849
+ }
850
+ .lpx-nav-menu .lpx-menu-item-link:hover .dd-icon {
851
+ color: #fff;
852
+ opacity: 1;
853
+ }
854
+ .lpx-nav-menu .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-menu-item-link.expanded {
855
+ color: #fff;
856
+ background-color: #222;
857
+ }
858
+ .lpx-nav-menu .lpx-menu-item-link.selected .lpx-menu-item-icon,
859
+ .lpx-nav-menu .lpx-menu-item-link.selected .dd-icon, .lpx-nav-menu .lpx-menu-item-link.expanded .lpx-menu-item-icon,
860
+ .lpx-nav-menu .lpx-menu-item-link.expanded .dd-icon {
861
+ color: var(--lpx-brand);
862
+ opacity: 1;
863
+ }
864
+ .lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-icon .lpx-icon {
865
+ text-align: center;
866
+ display: inline-block;
867
+ position: relative;
868
+ width: 36px;
869
+ transition: all 0.25s ease;
870
+ font-size: 16px;
871
+ opacity: 0.86;
872
+ }
873
+ .lpx-nav-menu .lpx-menu-item-link .dd-icon {
874
+ position: absolute;
875
+ text-align: center;
876
+ opacity: 0.5;
877
+ left: 24px;
878
+ width: 24px;
879
+ }
880
+ .lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-text {
881
+ white-space: nowrap;
882
+ overflow: hidden;
883
+ text-overflow: ellipsis;
884
+ width: 178px;
885
+ font-size: 1em;
886
+ }
887
+ .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link {
888
+ height: 32px;
889
+ line-height: 32px;
890
+ padding-right: 54px;
891
+ transition: background-color 0.5s ease, color 0.25s ease;
892
+ }
893
+ .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link.selected, .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-link:hover {
894
+ background-color: #222;
895
+ }
896
+ .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon {
897
+ margin-left: 8px;
898
+ }
899
+ .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-icon .lpx-icon {
900
+ width: 16px;
901
+ }
902
+ .lpx-nav-menu .lpx-inner-menu-item .lpx-menu-item-text {
903
+ width: 154px;
904
+ font-size: 0.975em;
905
+ }
906
+ .lpx-nav-menu .lpx-inner-menu {
907
+ margin: 0;
908
+ padding: 0;
909
+ }
910
+ .lpx-nav-menu .lpx-inner-menu .lpx-inner-menu .lpx-menu-item-link {
911
+ padding-right: 78px;
912
+ }
913
+ .lpx-nav-menu .group-menu-item {
914
+ padding: 0.5rem 1rem 0.5rem 0;
915
+ font-weight: 500;
916
+ }
917
+
918
+ .lpx-menu-item {
919
+ cursor: pointer;
920
+ color: #9198a5;
921
+ height: 36px;
922
+ line-height: 36px;
923
+ transition: color 0.25s ease, background-color 0.3s ease;
924
+ }
925
+ .lpx-menu-item:hover {
926
+ color: #fff;
927
+ }
928
+ .lpx-menu-item:hover .lpx-menu-item-icon {
929
+ color: var(--lpx-brand);
930
+ opacity: 1;
931
+ }
932
+ .lpx-menu-item:hover .dd-icon {
933
+ color: #fff;
934
+ opacity: 1;
935
+ }
936
+ .lpx-menu-item.selected {
937
+ color: #fff;
938
+ background-color: #222;
939
+ }
940
+ .lpx-menu-item.selected .lpx-menu-item-icon,
941
+ .lpx-menu-item.selected .dd-icon {
942
+ color: var(--lpx-brand);
943
+ opacity: 1;
944
+ }
945
+ .lpx-menu-item .dd-icon {
946
+ position: absolute;
947
+ text-align: center;
948
+ opacity: 0.5;
949
+ left: 24px;
950
+ width: 24px;
951
+ }
952
+
953
+ .lpx-inner-menu-item .lpx-menu-item-link {
954
+ transition: background-color 0.5s ease, color 0.25s ease;
955
+ }
956
+ .lpx-inner-menu-item .lpx-menu-item-link.selected, .lpx-inner-menu-item .lpx-menu-item-link:hover {
957
+ background-color: #222;
958
+ }
959
+
960
+ .lpx-favorite {
961
+ display: flex;
962
+ align-items: center;
963
+ padding: 0 1rem;
964
+ cursor: pointer;
965
+ }
966
+
967
+ .lpx-footer {
968
+ border-top: 1px solid #e7e9ec;
969
+ font-size: 0.725rem;
970
+ color: rgba(104, 107, 110, 0.75);
971
+ }
972
+ .lpx-footer a {
973
+ padding: 0 10px;
974
+ margin: 0;
975
+ color: rgba(104, 107, 110, 0.75);
976
+ transition: background-color 0.3s ease;
977
+ line-height: 30px;
978
+ text-decoration: none;
979
+ }
980
+
981
+ .lpx-user-profile.dropdown-toggle::after {
982
+ content: none;
983
+ }
984
+ .lpx-user-profile {
985
+ justify-content: center;
986
+ align-items: center;
987
+ display: flex;
988
+ gap: 5px;
989
+ }
990
+
991
+ .lpx-language-selection .dropdown-toggle::after {
992
+ content: none;
993
+ }
994
+ .lpx-language-selection .dropdown-toggle .lpx-icon {
995
+ color: var(--lpx-brand);
996
+ }
997
+
998
+ .lpx-mobile-navbar-container {
999
+ display: none;
1000
+ }
1001
+
1002
+ @media only screen and (max-width: 767px) {
1003
+ .lpx-mobile-navbar-container {
1004
+ display: inline;
1005
+ }
1006
+ .lpx-mobile-navbar {
1007
+ top: 0;
1008
+ height: 72px;
1009
+ display: flex;
1010
+ padding-left: 15px;
1011
+ }
1012
+ .lpx-mobile-navbar .user-menu {
1013
+ display: flex;
1014
+ align-items: center;
1015
+ justify-content: space-around;
1016
+ flex: 0 0 108px;
1017
+ }
1018
+ .lpx-mobile-navbar .user-menu .lpx-icon {
1019
+ font-size: 36px;
1020
+ color: #9198a5;
1021
+ }
1022
+ .lpx-mobile-navbar .lpx-logo-container {
1023
+ flex: 1 1 auto;
1024
+ }
1025
+ .lpx-mobile-navbar,
1026
+ .user-menu-groups {
1027
+ position: sticky;
1028
+ width: 100%;
1029
+ z-index: 110;
1030
+ }
1031
+ .lpx-mobile-navbar,
1032
+ .user-menu-groups,
1033
+ .lpx-mobile-nav-items {
1034
+ background-color: #161616;
1035
+ }
1036
+ .lpx-mobile-nav-items {
1037
+ height: calc(100% - 72px);
1038
+ width: 100%;
1039
+ z-index: 120;
1040
+ }
1041
+ .lpx-topbar-container {
1042
+ top: 72px;
1043
+ }
1044
+ .mobile-menu-opened {
1045
+ overflow: hidden;
1046
+ }
1047
+ .mobile-menu-opened .lpx-content-container {
1048
+ display: none;
1049
+ }
1050
+ .mobile-menu-opened .lpx-mobile-navbar-container {
1051
+ height: 100vh;
1052
+ display: block;
1053
+ }
1054
+ .user-menu-groups {
1055
+ top: 72px;
1056
+ padding: 0 28px 0 18px;
1057
+ }
1058
+ .user-menu-groups > * {
1059
+ padding-bottom: 18px;
1060
+ }
1061
+ .user-menu-groups .btn-toggle {
1062
+ justify-content: flex-start;
1063
+ color: #fff;
1064
+ }
1065
+ .user-menu-groups .action {
1066
+ color: #9198a5;
1067
+ display: block;
1068
+ }
1069
+ .user-menu-groups .divider {
1070
+ height: 0;
1071
+ margin: 0.5rem 0;
1072
+ overflow: hidden;
1073
+ border-top: 1px solid rgba(145, 152, 165, 0.3);
1074
+ }
1075
+ .user-menu-groups .action-group-menu {
1076
+ padding: 12px 0;
1077
+ }
1078
+ .lpx-breadcrumb,
1079
+ .lpx-topbar-content {
1080
+ display: none;
1081
+ }
1082
+ }
1083
+ .lpx-content-container {
1084
+ margin-left: 0;
1085
+ }
1086
+
1087
+ .lpx-sidebar-container {
1088
+ overflow-y: auto;
1089
+ }
1090
+
1091
+ @media only screen and (max-width: 767px) {
1092
+ .lpx-sidebar-container {
1093
+ display: none;
1094
+ }
1095
+ }
1096
+ @media only screen and (min-width: 768px) {
1097
+ .lpx-topbar {
1098
+ border-top-left-radius: 0;
1099
+ }
1100
+ }
1101
+
1102
1102
  /*# sourceMappingURL=layout-bundle.rtl.css.map */