Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
207 espaco 1 
:root {
2 
  --content-alt-bg-color:#495771;
3 
}
4 
 
5 
/* open-sans-300 - latin */
6 
@font-face {
7 
  font-family: "Open Sans";
8 
  font-style: normal;
9 
  font-weight: 300;
10 
  src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}");
11 
  /* IE9 Compat Modes */
12 
  src: local("Open Sans Light"), local("OpenSans-Light"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-300.svg']}#OpenSans") format("svg");
13 
  /* Legacy iOS */
14 
}
15 
/* open-sans-regular - latin */
16 
@font-face {
17 
  font-family: "Open Sans";
18 
  font-style: normal;
19 
  font-weight: 400;
20 
  src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}");
21 
  /* IE9 Compat Modes */
22 
  src: local("Open Sans"), local("OpenSans"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-regular.svg']}#OpenSans") format("svg");
23 
  /* Legacy iOS */
24 
}
25 
/* open-sans-600 - latin */
26 
@font-face {
27 
  font-family: "Open Sans";
28 
  font-style: normal;
29 
  font-weight: 600;
30 
  src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}");
31 
  /* IE9 Compat Modes */
32 
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-600.svg']}#OpenSans") format("svg");
33 
  /* Legacy iOS */
34 
}
35 
/* open-sans-700 - latin */
36 
@font-face {
37 
  font-family: "Open Sans";
38 
  font-style: normal;
39 
  font-weight: 700;
40 
  src: url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}");
41 
  /* IE9 Compat Modes */
42 
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.eot']}?#iefix") format("embedded-opentype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.woff']}") format("woff"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.ttf']}") format("truetype"), url("#{resource['poseidon-layout:fonts/open-sans-v18-latin-ext_latin-700.svg']}#OpenSans") format("svg");
43 
  /* Legacy iOS */
44 
}
45 
h1, h2, h3, h4, h5, h6 {
46 
  margin: 1.5rem 0 1rem 0;
47 
  font-family: inherit;
48 
  font-weight: 600;
49 
  line-height: 1.2;
50 
  color: inherit;
51 
}
52 
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
53 
  margin-top: 0;
54 
}
55 
 
56 
h1 {
57 
  font-size: 2.5rem;
58 
}
59 
 
60 
h2 {
61 
  font-size: 2rem;
62 
}
63 
 
64 
h3 {
65 
  font-size: 1.75rem;
66 
}
67 
 
68 
h4 {
69 
  font-size: 1.5rem;
70 
}
71 
 
72 
h5 {
73 
  font-size: 1.25rem;
74 
}
75 
 
76 
h6 {
77 
  font-size: 1rem;
78 
}
79 
 
80 
mark {
81 
  background: #FFF8E1;
82 
  padding: 0.25rem 0.4rem;
83 
  border-radius: 5px;
84 
  font-family: "Open Sans";
85 
}
86 
 
87 
blockquote {
88 
  margin: 1rem 0;
89 
  padding: 0 2rem;
90 
  border-left: 4px solid #90A4AE;
91 
}
92 
 
93 
hr {
94 
  border-top: solid #495771;
95 
  border-width: 1px 0 0 0;
96 
  margin: 1rem 0;
97 
}
98 
 
99 
p {
100 
  margin: 0 0 1rem 0;
101 
  line-height: 1.5;
102 
}
103 
p:last-child {
104 
  margin-bottom: 0;
105 
}
106 
 
107 
/* Utils */
108 
.clearfix:after {
109 
  content: " ";
110 
  display: block;
111 
  clear: both;
112 
}
113 
 
114 
.card {
115 
  border-radius: 5px;
116 
  background: #3C4962;
117 
  padding: 12px 16px;
118 
  box-sizing: border-box;
119 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
120 
  -moz-border-radius: 5px;
121 
  -webkit-border-radius: 5px;
122 
  border-radius: 5px;
123 
  margin-bottom: 2rem;
124 
}
125 
.card:last-child {
126 
  margin-bottom: 0;
127 
}
128 
.card .card-header {
129 
  display: -ms-flexbox;
130 
  display: flex;
131 
  -ms-flex-align: center;
132 
  align-items: center;
133 
  -ms-flex-pack: justify;
134 
  justify-content: space-between;
135 
  padding-bottom: 6px;
136 
}
137 
.card .card-header h6, .card .card-header h5 {
138 
  margin-bottom: 0;
139 
  color: #B1B9C9;
140 
}
141 
.card .card-header .header-buttons {
142 
  display: -ms-flexbox;
143 
  display: flex;
144 
  -ms-flex-align: center;
145 
  align-items: center;
146 
}
147 
.card.no-gutter {
148 
  margin-bottom: 0;
149 
}
150 
 
151 
.p-sr-only {
152 
  border: 0;
153 
  clip: rect(1px, 1px, 1px, 1px);
154 
  clip-path: inset(50%);
155 
  height: 1px;
156 
  margin: -1px;
157 
  overflow: hidden;
158 
  padding: 0;
159 
  position: absolute;
160 
  width: 1px;
161 
  word-wrap: normal !important;
162 
}
163 
 
164 
.layout-wrapper.layout-rtl {
165 
  direction: rtl;
166 
}
167 
.layout-wrapper.layout-rtl .menu-wrapper {
168 
  left: auto;
169 
  right: 0;
170 
}
171 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu {
172 
  direction: rtl;
173 
}
174 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li {
175 
  padding: 0px;
176 
  -moz-border-radius-topleft: 0px;
177 
  -webkit-border-top-left-radius: 0px;
178 
  border-top-left-radius: 0px;
179 
  -moz-border-radius-bottomleft: 0px;
180 
  -webkit-border-bottom-left-radius: 0px;
181 
  border-bottom-left-radius: 0px;
182 
  -moz-border-radius-topright: 10px;
183 
  -webkit-border-top-right-radius: 10px;
184 
  border-top-right-radius: 10px;
185 
  -moz-border-radius-bottomright: 10px;
186 
  -webkit-border-bottom-right-radius: 10px;
187 
  border-bottom-right-radius: 10px;
188 
}
189 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
190 
  padding-left: 0px;
191 
  padding-right: 12px;
192 
  margin-bottom: 6px;
193 
  margin-top: 24px;
194 
}
195 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a {
196 
  padding: 7px 8px 6px 20px;
197 
  -moz-border-radius-topleft: 0px;
198 
  -webkit-border-top-left-radius: 0px;
199 
  border-top-left-radius: 0px;
200 
  -moz-border-radius-bottomleft: 0px;
201 
  -webkit-border-bottom-left-radius: 0px;
202 
  border-bottom-left-radius: 0px;
203 
  -moz-border-radius-topright: 10px;
204 
  -webkit-border-top-right-radius: 10px;
205 
  border-top-right-radius: 10px;
206 
  -moz-border-radius-bottomright: 10px;
207 
  -webkit-border-bottom-right-radius: 10px;
208 
  border-bottom-right-radius: 10px;
209 
}
210 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text {
211 
  margin: 0 11px;
212 
}
213 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i {
214 
  font-size: 14px;
215 
}
216 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler {
217 
  -moz-transition: all 0.2s;
218 
  -o-transition: all 0.2s;
219 
  -webkit-transition: all 0.2s;
220 
  transition: all 0.2s;
221 
  margin-left: 0;
222 
  margin-right: auto;
223 
}
224 
.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul {
225 
  padding-left: 0px;
226 
  padding-right: 19px;
227 
}
228 
.layout-wrapper.layout-rtl .layout-rightpanel {
229 
  right: auto;
230 
  left: 0;
231 
  transform: translate3d(-294px, 0px, 0px);
232 
}
233 
.layout-wrapper.layout-rtl .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task {
234 
  margin-left: 0px;
235 
  margin-right: 12px;
236 
}
237 
.layout-wrapper.layout-rtl.layout-rightpanel-active .layout-rightpanel {
238 
  transform: translate3d(0px, 0px, 0px);
239 
}
240 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
241 
  padding: 10px 12px 10px 32px;
242 
}
243 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
244 
  right: auto;
245 
  left: 0;
246 
}
247 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img,
248 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i,
249 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch {
250 
  margin-right: 0;
251 
  margin-left: 6px;
252 
}
253 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info {
254 
  margin-right: 7px;
255 
  margin-left: 0px;
256 
}
257 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img {
258 
  margin-right: 0px;
259 
  margin-left: 6px;
260 
}
261 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info {
262 
  margin-left: 0px;
263 
  margin-right: 7px;
264 
}
265 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i {
266 
  margin-right: 0px;
267 
  margin-left: 10px;
268 
}
269 
.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
270 
  -webkit-transform: rotate(-180deg);
271 
  -moz-transform: rotate(-180deg);
272 
  -o-transform: rotate(-180deg);
273 
  -ms-transform: rotate(-180deg);
274 
  transform: rotate(-180deg);
275 
}
276 
 
277 
@media (min-width: 993px) {
278 
  .layout-wrapper.layout-rtl.layout-static .menu-wrapper {
279 
    transform: translate3d(241px, 0px, 0px);
280 
  }
281 
  .layout-wrapper.layout-rtl.layout-static .layout-main {
282 
    margin-left: 0;
283 
    margin-right: 0px;
284 
    -moz-transition: margin-right 0.2s;
285 
    -o-transition: margin-right 0.2s;
286 
    -webkit-transition: margin-right 0.2s;
287 
    transition: margin-right 0.2s;
288 
  }
289 
  .layout-wrapper.layout-rtl.layout-static.layout-static-active .menu-wrapper {
290 
    transform: translate3d(0px, 0px, 0px);
291 
  }
292 
  .layout-wrapper.layout-rtl.layout-static.layout-static-active .layout-main {
293 
    margin-left: 0;
294 
    margin-right: 240px;
295 
  }
296 
  .layout-wrapper.layout-rtl.layout-overlay .menu-wrapper {
297 
    transform: translate3d(241px, 0px, 0px);
298 
  }
299 
  .layout-wrapper.layout-rtl.layout-overlay.layout-overlay-active .menu-wrapper {
300 
    transform: translate3d(0px, 0px, 0px);
301 
  }
302 
  .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a {
303 
    -moz-border-radius: 10px;
304 
    -webkit-border-radius: 10px;
305 
    border-radius: 10px;
306 
  }
307 
  .layout-wrapper.layout-rtl.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
308 
    left: auto;
309 
    right: 0;
310 
  }
311 
}
312 
@media (max-width: 992px) {
313 
  .layout-wrapper.layout-rtl .menu-wrapper {
314 
    top: 104px;
315 
    height: calc(100% - 104px);
316 
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
317 
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
318 
    transform: translate3d(260px, 0px, 0px);
319 
  }
320 
  .layout-wrapper.layout-rtl.layout-mobile-active .menu-wrapper {
321 
    transform: translate3d(0px, 0px, 0px);
322 
  }
323 
  .layout-wrapper.layout-rtl.layout-mobile-active .layout-mask {
324 
    display: block;
325 
  }
326 
  .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
327 
    padding: 0;
328 
  }
329 
  .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
330 
    left: 5%;
331 
    right: 0;
332 
  }
333 
  .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
334 
    margin-right: 0px;
335 
    margin-left: 16px;
336 
  }
337 
}
338 
.layout-topbar-light .layout-topbar {
339 
  position: fixed;
340 
  top: 0;
341 
  z-index: 999;
342 
  width: 100%;
343 
  -moz-transition: width 0.2s;
344 
  -o-transition: width 0.2s;
345 
  -webkit-transition: width 0.2s;
346 
  transition: width 0.2s;
347 
  height: 56px;
348 
}
349 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper {
350 
  height: 100%;
351 
  display: -ms-flexbox;
352 
  display: flex;
353 
  -ms-flex-align: center;
354 
  align-items: center;
355 
}
356 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
357 
  height: 100%;
358 
  width: 240px;
359 
  padding: 11px 14px 13px;
360 
  display: -ms-flexbox;
361 
  display: flex;
362 
  -ms-flex-align: center;
363 
  align-items: center;
364 
}
365 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
366 
  height: 32px;
367 
}
368 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
369 
  height: 100%;
370 
  flex-grow: 1;
371 
  padding: 10px 32px 10px 12px;
372 
  display: -ms-flexbox;
373 
  display: flex;
374 
  -ms-flex-align: center;
375 
  align-items: center;
376 
  -ms-flex-pack: justify;
377 
  justify-content: space-between;
378 
  border-right: solid 1px transparent;
379 
}
380 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
381 
  display: -ms-flexbox;
382 
  display: flex;
383 
  -ms-flex-align: center;
384 
  align-items: center;
385 
  -ms-flex-pack: center;
386 
  justify-content: center;
387 
  -moz-border-radius: 50%;
388 
  -webkit-border-radius: 50%;
389 
  border-radius: 50%;
390 
  z-index: 999;
391 
  width: 36px;
392 
  height: 36px;
393 
}
394 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i {
395 
  font-size: 18px;
396 
}
397 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
398 
  display: -ms-flexbox;
399 
  display: flex;
400 
  -ms-flex-align: center;
401 
  align-items: center;
402 
  -ms-flex-pack: end;
403 
  justify-content: flex-end;
404 
  flex-grow: 1;
405 
  list-style-type: none;
406 
  margin: 0;
407 
  padding: 0;
408 
  height: 100%;
409 
}
410 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
411 
  position: relative;
412 
  display: -ms-flexbox;
413 
  display: flex;
414 
  -ms-flex-align: center;
415 
  align-items: center;
416 
  -ms-flex-pack: center;
417 
  justify-content: center;
418 
  height: 100%;
419 
}
420 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a {
421 
  padding: 10px 10px 7px;
422 
  margin: 0 6px;
423 
  -moz-border-radius: 10px;
424 
  -webkit-border-radius: 10px;
425 
  border-radius: 10px;
426 
}
427 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i {
428 
  font-size: 18px;
429 
}
430 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge {
431 
  padding: 0;
432 
  height: 14px;
433 
  width: 14px;
434 
  min-width: 14px;
435 
  font-size: 10px;
436 
  line-height: 14px;
437 
  top: -2px;
438 
  right: -2px;
439 
}
440 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i {
441 
  -moz-transition: transform 0.2s;
442 
  -o-transition: transform 0.2s;
443 
  -webkit-transition: transform 0.2s;
444 
  transition: transform 0.2s;
445 
}
446 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
447 
  display: none;
448 
  position: absolute;
449 
  top: 46px;
450 
  right: 0px;
451 
  list-style-type: none;
452 
  margin: 0;
453 
  padding: 0;
454 
  z-index: 1000;
455 
  min-width: 260px;
456 
  animation-duration: 0.2s;
457 
}
458 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
459 
  padding: 12px;
460 
  display: -ms-flexbox;
461 
  display: flex;
462 
  -ms-flex-align: center;
463 
  align-items: center;
464 
  -ms-flex-pack: justify;
465 
  justify-content: space-between;
466 
}
467 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
468 
  font-weight: 600;
469 
  margin: 0;
470 
  margin-left: 4px;
471 
}
472 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon {
473 
  display: -ms-flexbox;
474 
  display: flex;
475 
  -ms-flex-pack: end;
476 
  justify-content: flex-end;
477 
  flex-grow: 1;
478 
}
479 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li {
480 
  padding: 7px 12px;
481 
  margin-bottom: 6px;
482 
  display: -ms-flexbox;
483 
  display: flex;
484 
  -ms-flex-align: center;
485 
  align-items: center;
486 
  cursor: pointer;
487 
}
488 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
489 
  display: -ms-flexbox;
490 
  display: flex;
491 
  -ms-flex-align: center;
492 
  align-items: center;
493 
  width: 100%;
494 
}
495 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
496 
  margin: 0;
497 
}
498 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span {
499 
  font-size: 14px;
500 
  font-weight: 600;
501 
}
502 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
503 
  font-size: 12px;
504 
}
505 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span {
506 
  font-weight: 600;
507 
}
508 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img {
509 
  width: 28px;
510 
  height: 28px;
511 
  margin-right: 6px;
512 
}
513 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i {
514 
  width: 28px;
515 
  height: 28px;
516 
  margin-right: 6px;
517 
  -moz-border-radius: 50%;
518 
  -webkit-border-radius: 50%;
519 
  border-radius: 50%;
520 
  display: -ms-flexbox;
521 
  display: flex;
522 
  -ms-flex-align: center;
523 
  align-items: center;
524 
  -ms-flex-pack: center;
525 
  justify-content: center;
526 
  font-size: 16px;
527 
}
528 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch {
529 
  margin-right: 6px;
530 
}
531 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item {
532 
  margin: 0 12px;
533 
}
534 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a {
535 
  display: none;
536 
}
537 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper {
538 
  position: relative;
539 
}
540 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
541 
  -moz-border-radius: 18px;
542 
  -webkit-border-radius: 18px;
543 
  border-radius: 18px;
544 
  border: none;
545 
  width: 200px;
546 
  padding: 8px 8px 8px 30px;
547 
}
548 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
549 
  position: absolute;
550 
  left: 9px;
551 
  top: 2px;
552 
  font-size: 14px;
553 
}
554 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input {
555 
  -moz-border-radius: 0;
556 
  -webkit-border-radius: 0;
557 
  border-radius: 0;
558 
  width: 100%;
559 
}
560 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
561 
  display: -ms-flexbox;
562 
  display: flex;
563 
  margin: 0 6px;
564 
  padding: 10px;
565 
}
566 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img {
567 
  width: 32px;
568 
  height: 32px;
569 
}
570 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info {
571 
  margin-left: 7px;
572 
}
573 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 {
574 
  font-weight: 600;
575 
  margin: 0;
576 
}
577 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span {
578 
  display: block;
579 
  font-size: 12px;
580 
  font-weight: normal;
581 
}
582 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr {
583 
  margin: 2px 8px;
584 
}
585 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
586 
  padding: 12px 16px;
587 
  display: -ms-flexbox;
588 
  display: flex;
589 
  -ms-flex-align: center;
590 
  align-items: center;
591 
  -ms-flex-pack: start;
592 
  justify-content: flex-start;
593 
}
594 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img {
595 
  width: 36px;
596 
  height: 36px;
597 
  margin-right: 6px;
598 
}
599 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info {
600 
  margin-left: 7px;
601 
}
602 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 {
603 
  font-weight: 600;
604 
  margin: 0;
605 
}
606 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span {
607 
  display: block;
608 
  font-size: 11px;
609 
  font-weight: normal;
610 
}
611 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i {
612 
  font-size: 16px;
613 
  margin-right: 10px;
614 
}
615 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
616 
  display: block;
617 
}
618 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
619 
  display: -ms-flexbox;
620 
  display: flex;
621 
  -ms-flex-align: center;
622 
  align-items: center;
623 
  -ms-flex-pack: center;
624 
  justify-content: center;
625 
  -moz-border-radius: 50%;
626 
  -webkit-border-radius: 50%;
627 
  border-radius: 50%;
628 
  z-index: 999;
629 
  width: 36px;
630 
  height: 36px;
631 
}
632 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i {
633 
  font-size: 18px;
634 
}
635 
@media (max-width: 992px) {
636 
  .layout-topbar-light .layout-topbar {
637 
    height: 104px;
638 
  }
639 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper {
640 
    -ms-flex-align: start;
641 
    align-items: flex-start;
642 
    flex-direction: column;
643 
    position: relative;
644 
  }
645 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
646 
    width: 100%;
647 
    height: 56px;
648 
    margin-left: 0;
649 
    display: -ms-flexbox;
650 
    display: flex;
651 
    -ms-flex-align: center;
652 
    align-items: center;
653 
    -ms-flex-pack: center;
654 
    justify-content: center;
655 
  }
656 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
657 
    height: 48px;
658 
    width: 100%;
659 
    padding: 0;
660 
  }
661 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
662 
    position: absolute;
663 
    top: 10px;
664 
    left: 16px;
665 
    margin: 0;
666 
  }
667 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
668 
    width: 100%;
669 
    -ms-flex-pack: start;
670 
    justify-content: flex-start;
671 
    padding: 0 16px;
672 
  }
673 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item {
674 
    margin: 0;
675 
    width: 100%;
676 
  }
677 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item {
678 
    margin: 0;
679 
  }
680 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form {
681 
    display: none;
682 
  }
683 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a {
684 
    display: flex;
685 
  }
686 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a {
687 
    margin: 0;
688 
  }
689 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul {
690 
    top: 104px;
691 
    width: 90%;
692 
    left: 5%;
693 
    position: fixed;
694 
  }
695 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile {
696 
    position: absolute;
697 
    top: 1px;
698 
    right: 8px;
699 
    height: auto;
700 
    width: auto;
701 
  }
702 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a {
703 
    margin: 0;
704 
  }
705 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info {
706 
    display: none;
707 
  }
708 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
709 
    margin-right: 16px;
710 
  }
711 
}
712 
.layout-topbar-light .layout-topbar {
713 
  background-color: #FDFEFF;
714 
  box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
715 
}
716 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
717 
  color: #515C66;
718 
  background-color: #E8F1F8;
719 
}
720 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover {
721 
  background-color: rgba(232, 241, 248, 0.7);
722 
  -moz-transition: background-color 0.2s;
723 
  -o-transition: background-color 0.2s;
724 
  -webkit-transition: background-color 0.2s;
725 
  transition: background-color 0.2s;
726 
}
727 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
728 
  color: #515C66;
729 
}
730 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover {
731 
  background-color: rgba(232, 241, 248, 0.7);
732 
  -moz-transition: background-color 0.2s;
733 
  -o-transition: background-color 0.2s;
734 
  -webkit-transition: background-color 0.2s;
735 
  transition: background-color 0.2s;
736 
}
737 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
738 
  background-color: #E8F1F8;
739 
  color: #515C66;
740 
}
741 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder {
742 
  color: rgba(81, 92, 102, 0.7);
743 
}
744 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
745 
  color: #515C66;
746 
}
747 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
748 
  color: #515C66;
749 
}
750 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span {
751 
  color: rgba(81, 92, 102, 0.7);
752 
}
753 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover {
754 
  background-color: transparent;
755 
}
756 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr {
757 
  border-color: #E8F1F8;
758 
}
759 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
760 
  background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%);
761 
  background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%);
762 
}
763 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 {
764 
  color: #ffffff;
765 
  color: var(--primary-color-text, #ffffff);
766 
}
767 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span {
768 
  color: #ffffff;
769 
  color: var(--primary-color-text, #ffffff);
770 
}
771 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i {
772 
  color: #515C66;
773 
}
774 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
775 
  box-shadow: 0 2px 8px 0 rgba(25, 26, 28, 0.12);
776 
  background-color: #FDFEFF;
777 
}
778 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
779 
  background-color: #FDFEFF;
780 
}
781 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
782 
  color: #515C66;
783 
}
784 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover {
785 
  background-color: #FDFEFF;
786 
}
787 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
788 
  color: #515C66;
789 
}
790 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
791 
  color: rgba(81, 92, 102, 0.6);
792 
}
793 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p {
794 
  color: #515C66;
795 
}
796 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span {
797 
  color: rgba(81, 92, 102, 0.6);
798 
}
799 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover {
800 
  background-color: rgba(232, 241, 248, 0.7);
801 
  -moz-transition: background-color 0.2s;
802 
  -o-transition: background-color 0.2s;
803 
  -webkit-transition: background-color 0.2s;
804 
  transition: background-color 0.2s;
805 
}
806 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
807 
  color: #515C66;
808 
  background-color: #E8F1F8;
809 
}
810 
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover {
811 
  background-color: rgba(232, 241, 248, 0.7);
812 
  -moz-transition: background-color 0.2s;
813 
  -o-transition: background-color 0.2s;
814 
  -webkit-transition: background-color 0.2s;
815 
  transition: background-color 0.2s;
816 
}
817 
@media (max-width: 992px) {
818 
  .layout-topbar-light .layout-topbar {
819 
    box-shadow: none;
820 
  }
821 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
822 
    border-bottom: 1px solid #E8F1F8;
823 
  }
824 
  .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
825 
    border-bottom: 1px solid #E8F1F8;
826 
  }
827 
}
828 
 
829 
.layout-topbar-dark .layout-topbar {
830 
  position: fixed;
831 
  top: 0;
832 
  z-index: 999;
833 
  width: 100%;
834 
  -moz-transition: width 0.2s;
835 
  -o-transition: width 0.2s;
836 
  -webkit-transition: width 0.2s;
837 
  transition: width 0.2s;
838 
  height: 56px;
839 
}
840 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper {
841 
  height: 100%;
842 
  display: -ms-flexbox;
843 
  display: flex;
844 
  -ms-flex-align: center;
845 
  align-items: center;
846 
}
847 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
848 
  height: 100%;
849 
  width: 240px;
850 
  padding: 11px 14px 13px;
851 
  display: -ms-flexbox;
852 
  display: flex;
853 
  -ms-flex-align: center;
854 
  align-items: center;
855 
}
856 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
857 
  height: 32px;
858 
}
859 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
860 
  height: 100%;
861 
  flex-grow: 1;
862 
  padding: 10px 32px 10px 12px;
863 
  display: -ms-flexbox;
864 
  display: flex;
865 
  -ms-flex-align: center;
866 
  align-items: center;
867 
  -ms-flex-pack: justify;
868 
  justify-content: space-between;
869 
  border-right: solid 1px transparent;
870 
}
871 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
872 
  display: -ms-flexbox;
873 
  display: flex;
874 
  -ms-flex-align: center;
875 
  align-items: center;
876 
  -ms-flex-pack: center;
877 
  justify-content: center;
878 
  -moz-border-radius: 50%;
879 
  -webkit-border-radius: 50%;
880 
  border-radius: 50%;
881 
  z-index: 999;
882 
  width: 36px;
883 
  height: 36px;
884 
}
885 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i {
886 
  font-size: 18px;
887 
}
888 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
889 
  display: -ms-flexbox;
890 
  display: flex;
891 
  -ms-flex-align: center;
892 
  align-items: center;
893 
  -ms-flex-pack: end;
894 
  justify-content: flex-end;
895 
  flex-grow: 1;
896 
  list-style-type: none;
897 
  margin: 0;
898 
  padding: 0;
899 
  height: 100%;
900 
}
901 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
902 
  position: relative;
903 
  display: -ms-flexbox;
904 
  display: flex;
905 
  -ms-flex-align: center;
906 
  align-items: center;
907 
  -ms-flex-pack: center;
908 
  justify-content: center;
909 
  height: 100%;
910 
}
911 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a {
912 
  padding: 10px 10px 7px;
913 
  margin: 0 6px;
914 
  -moz-border-radius: 10px;
915 
  -webkit-border-radius: 10px;
916 
  border-radius: 10px;
917 
}
918 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i {
919 
  font-size: 18px;
920 
}
921 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge {
922 
  padding: 0;
923 
  height: 14px;
924 
  width: 14px;
925 
  min-width: 14px;
926 
  font-size: 10px;
927 
  line-height: 14px;
928 
  top: -2px;
929 
  right: -2px;
930 
}
931 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i {
932 
  -moz-transition: transform 0.2s;
933 
  -o-transition: transform 0.2s;
934 
  -webkit-transition: transform 0.2s;
935 
  transition: transform 0.2s;
936 
}
937 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
938 
  display: none;
939 
  position: absolute;
940 
  top: 46px;
941 
  right: 0px;
942 
  list-style-type: none;
943 
  margin: 0;
944 
  padding: 0;
945 
  z-index: 1000;
946 
  min-width: 260px;
947 
  animation-duration: 0.2s;
948 
}
949 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
950 
  padding: 12px;
951 
  display: -ms-flexbox;
952 
  display: flex;
953 
  -ms-flex-align: center;
954 
  align-items: center;
955 
  -ms-flex-pack: justify;
956 
  justify-content: space-between;
957 
}
958 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
959 
  font-weight: 600;
960 
  margin: 0;
961 
  margin-left: 4px;
962 
}
963 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon {
964 
  display: -ms-flexbox;
965 
  display: flex;
966 
  -ms-flex-pack: end;
967 
  justify-content: flex-end;
968 
  flex-grow: 1;
969 
}
970 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li {
971 
  padding: 7px 12px;
972 
  margin-bottom: 6px;
973 
  display: -ms-flexbox;
974 
  display: flex;
975 
  -ms-flex-align: center;
976 
  align-items: center;
977 
  cursor: pointer;
978 
}
979 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
980 
  display: -ms-flexbox;
981 
  display: flex;
982 
  -ms-flex-align: center;
983 
  align-items: center;
984 
  width: 100%;
985 
}
986 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
987 
  margin: 0;
988 
}
989 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span {
990 
  font-size: 14px;
991 
  font-weight: 600;
992 
}
993 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
994 
  font-size: 12px;
995 
}
996 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span {
997 
  font-weight: 600;
998 
}
999 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img {
1000 
  width: 28px;
1001 
  height: 28px;
1002 
  margin-right: 6px;
1003 
}
1004 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i {
1005 
  width: 28px;
1006 
  height: 28px;
1007 
  margin-right: 6px;
1008 
  -moz-border-radius: 50%;
1009 
  -webkit-border-radius: 50%;
1010 
  border-radius: 50%;
1011 
  display: -ms-flexbox;
1012 
  display: flex;
1013 
  -ms-flex-align: center;
1014 
  align-items: center;
1015 
  -ms-flex-pack: center;
1016 
  justify-content: center;
1017 
  font-size: 16px;
1018 
}
1019 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch {
1020 
  margin-right: 6px;
1021 
}
1022 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item {
1023 
  margin: 0 12px;
1024 
}
1025 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a {
1026 
  display: none;
1027 
}
1028 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper {
1029 
  position: relative;
1030 
}
1031 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
1032 
  -moz-border-radius: 18px;
1033 
  -webkit-border-radius: 18px;
1034 
  border-radius: 18px;
1035 
  border: none;
1036 
  width: 200px;
1037 
  padding: 8px 8px 8px 30px;
1038 
}
1039 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
1040 
  position: absolute;
1041 
  left: 9px;
1042 
  top: 2px;
1043 
  font-size: 14px;
1044 
}
1045 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input {
1046 
  -moz-border-radius: 0;
1047 
  -webkit-border-radius: 0;
1048 
  border-radius: 0;
1049 
  width: 100%;
1050 
}
1051 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
1052 
  display: -ms-flexbox;
1053 
  display: flex;
1054 
  margin: 0 6px;
1055 
  padding: 10px;
1056 
}
1057 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img {
1058 
  width: 32px;
1059 
  height: 32px;
1060 
}
1061 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info {
1062 
  margin-left: 7px;
1063 
}
1064 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 {
1065 
  font-weight: 600;
1066 
  margin: 0;
1067 
}
1068 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span {
1069 
  display: block;
1070 
  font-size: 12px;
1071 
  font-weight: normal;
1072 
}
1073 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr {
1074 
  margin: 2px 8px;
1075 
}
1076 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
1077 
  padding: 12px 16px;
1078 
  display: -ms-flexbox;
1079 
  display: flex;
1080 
  -ms-flex-align: center;
1081 
  align-items: center;
1082 
  -ms-flex-pack: start;
1083 
  justify-content: flex-start;
1084 
}
1085 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img {
1086 
  width: 36px;
1087 
  height: 36px;
1088 
  margin-right: 6px;
1089 
}
1090 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info {
1091 
  margin-left: 7px;
1092 
}
1093 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 {
1094 
  font-weight: 600;
1095 
  margin: 0;
1096 
}
1097 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span {
1098 
  display: block;
1099 
  font-size: 11px;
1100 
  font-weight: normal;
1101 
}
1102 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i {
1103 
  font-size: 16px;
1104 
  margin-right: 10px;
1105 
}
1106 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
1107 
  display: block;
1108 
}
1109 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1110 
  display: -ms-flexbox;
1111 
  display: flex;
1112 
  -ms-flex-align: center;
1113 
  align-items: center;
1114 
  -ms-flex-pack: center;
1115 
  justify-content: center;
1116 
  -moz-border-radius: 50%;
1117 
  -webkit-border-radius: 50%;
1118 
  border-radius: 50%;
1119 
  z-index: 999;
1120 
  width: 36px;
1121 
  height: 36px;
1122 
}
1123 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i {
1124 
  font-size: 18px;
1125 
}
1126 
@media (max-width: 992px) {
1127 
  .layout-topbar-dark .layout-topbar {
1128 
    height: 104px;
1129 
  }
1130 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper {
1131 
    -ms-flex-align: start;
1132 
    align-items: flex-start;
1133 
    flex-direction: column;
1134 
    position: relative;
1135 
  }
1136 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
1137 
    width: 100%;
1138 
    height: 56px;
1139 
    margin-left: 0;
1140 
    display: -ms-flexbox;
1141 
    display: flex;
1142 
    -ms-flex-align: center;
1143 
    align-items: center;
1144 
    -ms-flex-pack: center;
1145 
    justify-content: center;
1146 
  }
1147 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
1148 
    height: 48px;
1149 
    width: 100%;
1150 
    padding: 0;
1151 
  }
1152 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
1153 
    position: absolute;
1154 
    top: 10px;
1155 
    left: 16px;
1156 
    margin: 0;
1157 
  }
1158 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
1159 
    width: 100%;
1160 
    -ms-flex-pack: start;
1161 
    justify-content: flex-start;
1162 
    padding: 0 16px;
1163 
  }
1164 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item {
1165 
    margin: 0;
1166 
    width: 100%;
1167 
  }
1168 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item {
1169 
    margin: 0;
1170 
  }
1171 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form {
1172 
    display: none;
1173 
  }
1174 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a {
1175 
    display: flex;
1176 
  }
1177 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a {
1178 
    margin: 0;
1179 
  }
1180 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul {
1181 
    top: 104px;
1182 
    width: 90%;
1183 
    left: 5%;
1184 
    position: fixed;
1185 
  }
1186 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile {
1187 
    position: absolute;
1188 
    top: 1px;
1189 
    right: 8px;
1190 
    height: auto;
1191 
    width: auto;
1192 
  }
1193 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a {
1194 
    margin: 0;
1195 
  }
1196 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info {
1197 
    display: none;
1198 
  }
1199 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1200 
    margin-right: 16px;
1201 
  }
1202 
}
1203 
.layout-topbar-dark .layout-topbar {
1204 
  background-color: #434B54;
1205 
  box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
1206 
}
1207 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
1208 
  color: #CACFDB;
1209 
  background-color: rgba(202, 207, 219, 0.2);
1210 
}
1211 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover {
1212 
  background-color: #4E565F;
1213 
  -moz-transition: background-color 0.2s;
1214 
  -o-transition: background-color 0.2s;
1215 
  -webkit-transition: background-color 0.2s;
1216 
  transition: background-color 0.2s;
1217 
}
1218 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
1219 
  color: #CACFDB;
1220 
}
1221 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover {
1222 
  background-color: #4E565F;
1223 
  -moz-transition: background-color 0.2s;
1224 
  -o-transition: background-color 0.2s;
1225 
  -webkit-transition: background-color 0.2s;
1226 
  transition: background-color 0.2s;
1227 
}
1228 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
1229 
  background-color: rgba(202, 207, 219, 0.2);
1230 
  color: #CACFDB;
1231 
}
1232 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder {
1233 
  color: rgba(202, 207, 219, 0.7);
1234 
}
1235 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
1236 
  color: #CACFDB;
1237 
}
1238 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
1239 
  color: #CACFDB;
1240 
}
1241 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span {
1242 
  color: rgba(202, 207, 219, 0.7);
1243 
}
1244 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover {
1245 
  background-color: transparent;
1246 
}
1247 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr {
1248 
  border-color: #4E565F;
1249 
}
1250 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
1251 
  background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%);
1252 
  background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%);
1253 
}
1254 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 {
1255 
  color: #ffffff;
1256 
  color: var(--primary-color-text, #ffffff);
1257 
}
1258 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span {
1259 
  color: #ffffff;
1260 
  color: var(--primary-color-text, #ffffff);
1261 
}
1262 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i {
1263 
  color: #f8fafc;
1264 
}
1265 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
1266 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
1267 
  background-color: #434B54;
1268 
}
1269 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
1270 
  background-color: #434B54;
1271 
}
1272 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
1273 
  color: #CACFDB;
1274 
}
1275 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover {
1276 
  background-color: #434B54;
1277 
}
1278 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
1279 
  color: #f8fafc;
1280 
}
1281 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
1282 
  color: rgba(248, 250, 252, 0.7);
1283 
}
1284 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p {
1285 
  color: #f8fafc;
1286 
}
1287 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span {
1288 
  color: rgba(248, 250, 252, 0.7);
1289 
}
1290 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover {
1291 
  background-color: #4E565F;
1292 
  -moz-transition: background-color 0.2s;
1293 
  -o-transition: background-color 0.2s;
1294 
  -webkit-transition: background-color 0.2s;
1295 
  transition: background-color 0.2s;
1296 
}
1297 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1298 
  color: #CACFDB;
1299 
  background-color: rgba(202, 207, 219, 0.2);
1300 
}
1301 
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover {
1302 
  background-color: #4E565F;
1303 
  -moz-transition: background-color 0.2s;
1304 
  -o-transition: background-color 0.2s;
1305 
  -webkit-transition: background-color 0.2s;
1306 
  transition: background-color 0.2s;
1307 
}
1308 
@media (max-width: 992px) {
1309 
  .layout-topbar-dark .layout-topbar {
1310 
    box-shadow: none;
1311 
  }
1312 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
1313 
    border-bottom: 1px solid #4E565F;
1314 
  }
1315 
  .layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
1316 
    border-bottom: 1px solid #4E565F;
1317 
  }
1318 
}
1319 
 
1320 
.layout-topbar-dim .layout-topbar {
1321 
  position: fixed;
1322 
  top: 0;
1323 
  z-index: 999;
1324 
  width: 100%;
1325 
  -moz-transition: width 0.2s;
1326 
  -o-transition: width 0.2s;
1327 
  -webkit-transition: width 0.2s;
1328 
  transition: width 0.2s;
1329 
  height: 56px;
1330 
}
1331 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper {
1332 
  height: 100%;
1333 
  display: -ms-flexbox;
1334 
  display: flex;
1335 
  -ms-flex-align: center;
1336 
  align-items: center;
1337 
}
1338 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
1339 
  height: 100%;
1340 
  width: 240px;
1341 
  padding: 11px 14px 13px;
1342 
  display: -ms-flexbox;
1343 
  display: flex;
1344 
  -ms-flex-align: center;
1345 
  align-items: center;
1346 
}
1347 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
1348 
  height: 32px;
1349 
}
1350 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
1351 
  height: 100%;
1352 
  flex-grow: 1;
1353 
  padding: 10px 32px 10px 12px;
1354 
  display: -ms-flexbox;
1355 
  display: flex;
1356 
  -ms-flex-align: center;
1357 
  align-items: center;
1358 
  -ms-flex-pack: justify;
1359 
  justify-content: space-between;
1360 
  border-right: solid 1px transparent;
1361 
}
1362 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
1363 
  display: -ms-flexbox;
1364 
  display: flex;
1365 
  -ms-flex-align: center;
1366 
  align-items: center;
1367 
  -ms-flex-pack: center;
1368 
  justify-content: center;
1369 
  -moz-border-radius: 50%;
1370 
  -webkit-border-radius: 50%;
1371 
  border-radius: 50%;
1372 
  z-index: 999;
1373 
  width: 36px;
1374 
  height: 36px;
1375 
}
1376 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button > i {
1377 
  font-size: 18px;
1378 
}
1379 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
1380 
  display: -ms-flexbox;
1381 
  display: flex;
1382 
  -ms-flex-align: center;
1383 
  align-items: center;
1384 
  -ms-flex-pack: end;
1385 
  justify-content: flex-end;
1386 
  flex-grow: 1;
1387 
  list-style-type: none;
1388 
  margin: 0;
1389 
  padding: 0;
1390 
  height: 100%;
1391 
}
1392 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li {
1393 
  position: relative;
1394 
  display: -ms-flexbox;
1395 
  display: flex;
1396 
  -ms-flex-align: center;
1397 
  align-items: center;
1398 
  -ms-flex-pack: center;
1399 
  justify-content: center;
1400 
  height: 100%;
1401 
}
1402 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a {
1403 
  padding: 10px 10px 7px;
1404 
  margin: 0 6px;
1405 
  -moz-border-radius: 10px;
1406 
  -webkit-border-radius: 10px;
1407 
  border-radius: 10px;
1408 
}
1409 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon i {
1410 
  font-size: 18px;
1411 
}
1412 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon .ui-badge {
1413 
  padding: 0;
1414 
  height: 14px;
1415 
  width: 14px;
1416 
  min-width: 14px;
1417 
  font-size: 10px;
1418 
  line-height: 14px;
1419 
  top: -2px;
1420 
  right: -2px;
1421 
}
1422 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a.layout-rightpanel-button i {
1423 
  -moz-transition: transform 0.2s;
1424 
  -o-transition: transform 0.2s;
1425 
  -webkit-transition: transform 0.2s;
1426 
  transition: transform 0.2s;
1427 
}
1428 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
1429 
  display: none;
1430 
  position: absolute;
1431 
  top: 46px;
1432 
  right: 0px;
1433 
  list-style-type: none;
1434 
  margin: 0;
1435 
  padding: 0;
1436 
  z-index: 1000;
1437 
  min-width: 260px;
1438 
  animation-duration: 0.2s;
1439 
}
1440 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
1441 
  padding: 12px;
1442 
  display: -ms-flexbox;
1443 
  display: flex;
1444 
  -ms-flex-align: center;
1445 
  align-items: center;
1446 
  -ms-flex-pack: justify;
1447 
  justify-content: space-between;
1448 
}
1449 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
1450 
  font-weight: 600;
1451 
  margin: 0;
1452 
  margin-left: 4px;
1453 
}
1454 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .angle-icon {
1455 
  display: -ms-flexbox;
1456 
  display: flex;
1457 
  -ms-flex-pack: end;
1458 
  justify-content: flex-end;
1459 
  flex-grow: 1;
1460 
}
1461 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li {
1462 
  padding: 7px 12px;
1463 
  margin-bottom: 6px;
1464 
  display: -ms-flexbox;
1465 
  display: flex;
1466 
  -ms-flex-align: center;
1467 
  align-items: center;
1468 
  cursor: pointer;
1469 
}
1470 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a {
1471 
  display: -ms-flexbox;
1472 
  display: flex;
1473 
  -ms-flex-align: center;
1474 
  align-items: center;
1475 
  width: 100%;
1476 
}
1477 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
1478 
  margin: 0;
1479 
}
1480 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 > span {
1481 
  font-size: 14px;
1482 
  font-weight: 600;
1483 
}
1484 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
1485 
  font-size: 12px;
1486 
}
1487 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span > span {
1488 
  font-weight: 600;
1489 
}
1490 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > img {
1491 
  width: 28px;
1492 
  height: 28px;
1493 
  margin-right: 6px;
1494 
}
1495 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > i {
1496 
  width: 28px;
1497 
  height: 28px;
1498 
  margin-right: 6px;
1499 
  -moz-border-radius: 50%;
1500 
  -webkit-border-radius: 50%;
1501 
  border-radius: 50%;
1502 
  display: -ms-flexbox;
1503 
  display: flex;
1504 
  -ms-flex-align: center;
1505 
  align-items: center;
1506 
  -ms-flex-pack: center;
1507 
  justify-content: center;
1508 
  font-size: 16px;
1509 
}
1510 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > .ui-inputswitch {
1511 
  margin-right: 6px;
1512 
}
1513 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item {
1514 
  margin: 0 12px;
1515 
}
1516 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item > a {
1517 
  display: none;
1518 
}
1519 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper {
1520 
  position: relative;
1521 
}
1522 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
1523 
  -moz-border-radius: 18px;
1524 
  -webkit-border-radius: 18px;
1525 
  border-radius: 18px;
1526 
  border: none;
1527 
  width: 200px;
1528 
  padding: 8px 8px 8px 30px;
1529 
}
1530 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
1531 
  position: absolute;
1532 
  left: 9px;
1533 
  top: 2px;
1534 
  font-size: 14px;
1535 
}
1536 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item ul > form > .search-input-wrapper input {
1537 
  -moz-border-radius: 0;
1538 
  -webkit-border-radius: 0;
1539 
  border-radius: 0;
1540 
  width: 100%;
1541 
}
1542 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
1543 
  display: -ms-flexbox;
1544 
  display: flex;
1545 
  margin: 0 6px;
1546 
  padding: 10px;
1547 
}
1548 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > img {
1549 
  width: 32px;
1550 
  height: 32px;
1551 
}
1552 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info {
1553 
  margin-left: 7px;
1554 
}
1555 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info h6 {
1556 
  font-weight: 600;
1557 
  margin: 0;
1558 
}
1559 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a .profile-info span {
1560 
  display: block;
1561 
  font-size: 12px;
1562 
  font-weight: normal;
1563 
}
1564 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > hr {
1565 
  margin: 2px 8px;
1566 
}
1567 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
1568 
  padding: 12px 16px;
1569 
  display: -ms-flexbox;
1570 
  display: flex;
1571 
  -ms-flex-align: center;
1572 
  align-items: center;
1573 
  -ms-flex-pack: start;
1574 
  justify-content: flex-start;
1575 
}
1576 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header img {
1577 
  width: 36px;
1578 
  height: 36px;
1579 
  margin-right: 6px;
1580 
}
1581 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info {
1582 
  margin-left: 7px;
1583 
}
1584 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info h6 {
1585 
  font-weight: 600;
1586 
  margin: 0;
1587 
}
1588 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header .profile-info span {
1589 
  display: block;
1590 
  font-size: 11px;
1591 
  font-weight: normal;
1592 
}
1593 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li > a > i {
1594 
  font-size: 16px;
1595 
  margin-right: 10px;
1596 
}
1597 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
1598 
  display: block;
1599 
}
1600 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1601 
  display: -ms-flexbox;
1602 
  display: flex;
1603 
  -ms-flex-align: center;
1604 
  align-items: center;
1605 
  -ms-flex-pack: center;
1606 
  justify-content: center;
1607 
  -moz-border-radius: 50%;
1608 
  -webkit-border-radius: 50%;
1609 
  border-radius: 50%;
1610 
  z-index: 999;
1611 
  width: 36px;
1612 
  height: 36px;
1613 
}
1614 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button > i {
1615 
  font-size: 18px;
1616 
}
1617 
@media (max-width: 992px) {
1618 
  .layout-topbar-dim .layout-topbar {
1619 
    height: 104px;
1620 
  }
1621 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper {
1622 
    -ms-flex-align: start;
1623 
    align-items: flex-start;
1624 
    flex-direction: column;
1625 
    position: relative;
1626 
  }
1627 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
1628 
    width: 100%;
1629 
    height: 56px;
1630 
    margin-left: 0;
1631 
    display: -ms-flexbox;
1632 
    display: flex;
1633 
    -ms-flex-align: center;
1634 
    align-items: center;
1635 
    -ms-flex-pack: center;
1636 
    justify-content: center;
1637 
  }
1638 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
1639 
    height: 48px;
1640 
    width: 100%;
1641 
    padding: 0;
1642 
  }
1643 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
1644 
    position: absolute;
1645 
    top: 10px;
1646 
    left: 16px;
1647 
    margin: 0;
1648 
  }
1649 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
1650 
    width: 100%;
1651 
    -ms-flex-pack: start;
1652 
    justify-content: flex-start;
1653 
    padding: 0 16px;
1654 
  }
1655 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item {
1656 
    margin: 0;
1657 
    width: 100%;
1658 
  }
1659 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item {
1660 
    margin: 0;
1661 
  }
1662 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > form {
1663 
    display: none;
1664 
  }
1665 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.search-item > a {
1666 
    display: flex;
1667 
  }
1668 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > a {
1669 
    margin: 0;
1670 
  }
1671 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item > ul {
1672 
    top: 104px;
1673 
    width: 90%;
1674 
    left: 5%;
1675 
    position: fixed;
1676 
  }
1677 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile {
1678 
    position: absolute;
1679 
    top: 1px;
1680 
    right: 8px;
1681 
    height: auto;
1682 
    width: auto;
1683 
  }
1684 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a {
1685 
    margin: 0;
1686 
  }
1687 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > .topbar-item.user-profile a .profile-info {
1688 
    display: none;
1689 
  }
1690 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1691 
    margin-right: 16px;
1692 
  }
1693 
}
1694 
.layout-topbar-dim .layout-topbar {
1695 
  background-color: #3C4962;
1696 
  box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
1697 
}
1698 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
1699 
  color: #CACFDB;
1700 
  background-color: rgba(151, 162, 179, 0.2);
1701 
}
1702 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button:hover {
1703 
  background-color: #495771;
1704 
  -moz-transition: background-color 0.2s;
1705 
  -o-transition: background-color 0.2s;
1706 
  -webkit-transition: background-color 0.2s;
1707 
  transition: background-color 0.2s;
1708 
}
1709 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a > .topbar-icon {
1710 
  color: #CACFDB;
1711 
}
1712 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > a:hover {
1713 
  background-color: #495771;
1714 
  -moz-transition: background-color 0.2s;
1715 
  -o-transition: background-color 0.2s;
1716 
  -webkit-transition: background-color 0.2s;
1717 
  transition: background-color 0.2s;
1718 
}
1719 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input {
1720 
  background-color: rgba(151, 162, 179, 0.2);
1721 
  color: #CACFDB;
1722 
}
1723 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper input::placeholder {
1724 
  color: rgba(202, 207, 219, 0.7);
1725 
}
1726 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.search-item form > .search-input-wrapper i {
1727 
  color: #CACFDB;
1728 
}
1729 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a {
1730 
  color: #CACFDB;
1731 
}
1732 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a > span {
1733 
  color: rgba(202, 207, 219, 0.7);
1734 
}
1735 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > a:hover {
1736 
  background-color: transparent;
1737 
}
1738 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul hr {
1739 
  border-color: #495771;
1740 
}
1741 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header {
1742 
  background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%);
1743 
  background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%);
1744 
}
1745 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header h6 {
1746 
  color: #ffffff;
1747 
  color: var(--primary-color-text, #ffffff);
1748 
}
1749 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul .layout-submenu-header span {
1750 
  color: #ffffff;
1751 
  color: var(--primary-color-text, #ffffff);
1752 
}
1753 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.user-profile > ul > li a i {
1754 
  color: #f8fafc;
1755 
}
1756 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul {
1757 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
1758 
  background-color: #3C4962;
1759 
}
1760 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header {
1761 
  background-color: #3C4962;
1762 
}
1763 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header h6 {
1764 
  color: #CACFDB;
1765 
}
1766 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul .layout-submenu-header:hover {
1767 
  background-color: #3C4962;
1768 
}
1769 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a h6 {
1770 
  color: #f8fafc;
1771 
}
1772 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li > a > div > span {
1773 
  color: rgba(248, 250, 252, 0.7);
1774 
}
1775 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text p {
1776 
  color: #f8fafc;
1777 
}
1778 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li .menu-text span {
1779 
  color: rgba(248, 250, 252, 0.7);
1780 
}
1781 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li > ul > li:hover {
1782 
  background-color: #495771;
1783 
  -moz-transition: background-color 0.2s;
1784 
  -o-transition: background-color 0.2s;
1785 
  -webkit-transition: background-color 0.2s;
1786 
  transition: background-color 0.2s;
1787 
}
1788 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button {
1789 
  color: #CACFDB;
1790 
  background-color: rgba(151, 162, 179, 0.2);
1791 
}
1792 
.layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-rightpanel-button:hover {
1793 
  background-color: #495771;
1794 
  -moz-transition: background-color 0.2s;
1795 
  -o-transition: background-color 0.2s;
1796 
  -webkit-transition: background-color 0.2s;
1797 
  transition: background-color 0.2s;
1798 
}
1799 
@media (max-width: 992px) {
1800 
  .layout-topbar-dim .layout-topbar {
1801 
    box-shadow: none;
1802 
  }
1803 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
1804 
    border-bottom: 1px solid #495771;
1805 
  }
1806 
  .layout-topbar-dim .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
1807 
    border-bottom: 1px solid #495771;
1808 
  }
1809 
}
1810 
 
1811 
.layout-rightpanel {
1812 
  position: fixed;
1813 
  z-index: 1000;
1814 
  right: 0;
1815 
  top: 56px;
1816 
  height: calc(100% - 56px);
1817 
  padding: 0;
1818 
  width: 294px;
1819 
  overflow: auto;
1820 
  background-color: #42506b;
1821 
  transform: translate3d(294px, 0px, 0px);
1822 
  -moz-transition: transform 0.2s;
1823 
  -o-transition: transform 0.2s;
1824 
  -webkit-transition: transform 0.2s;
1825 
  transition: transform 0.2s;
1826 
  -webkit-backface-visibility: hidden;
1827 
  -moz-backface-visibility: hidden;
1828 
  backface-visibility: hidden;
1829 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
1830 
}
1831 
.layout-rightpanel .rightpanel-wrapper {
1832 
  height: 100%;
1833 
  padding: 12px 10px;
1834 
  padding-right: 0;
1835 
}
1836 
 
1837 
.layout-wrapper.layout-rightpanel-active .layout-rightpanel {
1838 
  transform: translate3d(0px, 0px, 0px);
1839 
}
1840 
 
1841 
@media (max-width: 992px) {
1842 
  .layout-rightpanel {
1843 
    top: 104px;
1844 
    width: 254px;
1845 
    transform: translate3d(254px, 0px, 0px);
1846 
    height: calc(100% - 104px);
1847 
  }
1848 
}
1849 
.menu-wrapper {
1850 
  height: calc(100% - 56px);
1851 
  width: 240px;
1852 
  position: fixed;
1853 
  left: 0;
1854 
  top: 56px;
1855 
  z-index: 998;
1856 
  transform: none;
1857 
  -moz-transition: transform 0.2s;
1858 
  -o-transition: transform 0.2s;
1859 
  -webkit-transition: transform 0.2s;
1860 
  transition: transform 0.2s;
1861 
}
1862 
.menu-wrapper .layout-menu-container {
1863 
  overflow: auto;
1864 
  height: 100%;
1865 
}
1866 
.menu-wrapper .layout-menu-container .layout-menu {
1867 
  list-style-type: none;
1868 
  margin: 0;
1869 
  padding: 0;
1870 
  padding-bottom: 36px;
1871 
}
1872 
.menu-wrapper .layout-menu-container .layout-menu li {
1873 
  padding: 0;
1874 
  -moz-border-radius-topleft: 10px;
1875 
  -webkit-border-top-left-radius: 10px;
1876 
  border-top-left-radius: 10px;
1877 
  -moz-border-radius-bottomleft: 10px;
1878 
  -webkit-border-bottom-left-radius: 10px;
1879 
  border-bottom-left-radius: 10px;
1880 
}
1881 
.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler {
1882 
  -webkit-transform: rotate(-180deg);
1883 
  -moz-transform: rotate(-180deg);
1884 
  -o-transform: rotate(-180deg);
1885 
  -ms-transform: rotate(-180deg);
1886 
  transform: rotate(-180deg);
1887 
}
1888 
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a {
1889 
  display: none;
1890 
}
1891 
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div {
1892 
  padding-left: 12px;
1893 
  margin-bottom: 6px;
1894 
  margin-top: 24px;
1895 
}
1896 
.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text {
1897 
  font-size: 12px;
1898 
  font-weight: 600;
1899 
  text-transform: uppercase;
1900 
}
1901 
.menu-wrapper .layout-menu-container .layout-menu li .layout-menu-tooltip {
1902 
  display: none;
1903 
}
1904 
.menu-wrapper .layout-menu-container .layout-menu li > a {
1905 
  margin: 0px;
1906 
  padding: 7px 20px 6px 8px;
1907 
  display: -ms-flexbox;
1908 
  display: flex;
1909 
  -ms-flex-align: center;
1910 
  align-items: center;
1911 
  -moz-transition: all 0.2s;
1912 
  -o-transition: all 0.2s;
1913 
  -webkit-transition: all 0.2s;
1914 
  transition: all 0.2s;
1915 
  font-size: 13px;
1916 
  font-weight: 500;
1917 
  border-radius: 0;
1918 
  cursor: pointer;
1919 
  user-select: none;
1920 
  -moz-border-radius-topleft: 10px;
1921 
  -webkit-border-top-left-radius: 10px;
1922 
  border-top-left-radius: 10px;
1923 
  -moz-border-radius-bottomleft: 10px;
1924 
  -webkit-border-bottom-left-radius: 10px;
1925 
  border-bottom-left-radius: 10px;
1926 
}
1927 
.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text {
1928 
  margin: 0 11px;
1929 
}
1930 
.menu-wrapper .layout-menu-container .layout-menu li > a i {
1931 
  font-size: 14px;
1932 
}
1933 
.menu-wrapper .layout-menu-container .layout-menu li > a i.layout-submenu-toggler {
1934 
  -moz-transition: all 0.2s;
1935 
  -o-transition: all 0.2s;
1936 
  -webkit-transition: all 0.2s;
1937 
  transition: all 0.2s;
1938 
  margin-left: auto;
1939 
  font-size: 14px;
1940 
}
1941 
.menu-wrapper .layout-menu-container .layout-menu li > ul {
1942 
  display: block;
1943 
  list-style-type: none;
1944 
  padding: 0;
1945 
  margin: 0;
1946 
  padding-left: 19px;
1947 
}
1948 
.menu-wrapper .layout-menu-container .layout-menu li > ul li ul {
1949 
  padding: 0 0 4px;
1950 
  display: none;
1951 
}
1952 
.menu-wrapper .layout-menu-container .layout-menu li > ul li ul li a {
1953 
  border-radius: 0;
1954 
}
1955 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li {
1956 
  padding: 0;
1957 
  margin-top: 8px;
1958 
}
1959 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a {
1960 
  display: -ms-flexbox;
1961 
  display: flex;
1962 
}
1963 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li.active-menuitem.layout-root-menuitem > a {
1964 
  display: -ms-flexbox;
1965 
  display: flex;
1966 
  border-bottom-left-radius: 0;
1967 
}
1968 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li > div {
1969 
  display: none;
1970 
}
1971 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a {
1972 
  padding-left: 20px;
1973 
}
1974 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a {
1975 
  padding-left: 30px;
1976 
}
1977 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a {
1978 
  padding-left: 40px;
1979 
}
1980 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a {
1981 
  padding-left: 50px;
1982 
}
1983 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li a {
1984 
  padding-left: 60px;
1985 
}
1986 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li ul li a {
1987 
  padding-left: 70px;
1988 
}
1989 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li ul li ul li a {
1990 
  padding-left: 80px;
1991 
}
1992 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li a {
1993 
  padding-left: 90px;
1994 
}
1995 
.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
1996 
  padding-left: 100px;
1997 
}
1998 
 
1999 
@media (min-width: 992px) {
2000 
  .layout-overlay .menu-wrapper {
2001 
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
2002 
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
2003 
    transform: translate3d(-241px, 0px, 0px);
2004 
  }
2005 
  .layout-overlay.layout-overlay-active .menu-wrapper {
2006 
    transform: translate3d(0px, 0px, 0px);
2007 
  }
2008 
  .layout-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
2009 
    display: -ms-flexbox;
2010 
    display: flex;
2011 
  }
2012 
 
2013 
  .layout-static .menu-wrapper {
2014 
    transform: translate3d(-241px, 0px, 0px);
2015 
  }
2016 
  .layout-static .layout-main {
2017 
    -moz-transition: margin-left 0.2s;
2018 
    -o-transition: margin-left 0.2s;
2019 
    -webkit-transition: margin-left 0.2s;
2020 
    transition: margin-left 0.2s;
2021 
  }
2022 
  .layout-static.layout-static-active .menu-wrapper {
2023 
    transform: translate3d(0px, 0px, 0px);
2024 
  }
2025 
  .layout-static.layout-static-active .layout-main {
2026 
    margin-left: 240px;
2027 
  }
2028 
  .layout-static .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
2029 
    display: -ms-flexbox;
2030 
    display: flex;
2031 
  }
2032 
}
2033 
@media (max-width: 991px) {
2034 
  .layout-wrapper .menu-wrapper {
2035 
    top: 104px;
2036 
    height: calc(100% - 104px);
2037 
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
2038 
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
2039 
    transform: translate3d(-260px, 0px, 0px);
2040 
  }
2041 
  .layout-wrapper.layout-mobile-active {
2042 
    overflow: hidden;
2043 
    height: 100vh;
2044 
  }
2045 
  .layout-wrapper.layout-mobile-active .menu-wrapper {
2046 
    transform: translate3d(0px, 0px, 0px);
2047 
  }
2048 
  .layout-wrapper.layout-mobile-active .layout-mask {
2049 
    display: block;
2050 
  }
2051 
}
2052 
@media (min-width: 993px) {
2053 
  .layout-wrapper.layout-horizontal .menu-wrapper {
2054 
    top: 56px;
2055 
    width: 100%;
2056 
    height: 44px;
2057 
  }
2058 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container {
2059 
    overflow: visible;
2060 
    height: 100%;
2061 
    display: flex;
2062 
    align-items: center;
2063 
  }
2064 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu {
2065 
    list-style-type: none;
2066 
    margin: 0px 16px;
2067 
    padding-bottom: 0px;
2068 
    display: -ms-flexbox;
2069 
    display: flex;
2070 
    -ms-flex-direction: row;
2071 
    flex-direction: row;
2072 
  }
2073 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li a {
2074 
    -moz-border-radius: 6px;
2075 
    -webkit-border-radius: 6px;
2076 
    border-radius: 6px;
2077 
  }
2078 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a i.layout-submenu-toggler {
2079 
    -webkit-transform: rotate(-180deg);
2080 
    -moz-transform: rotate(-180deg);
2081 
    -o-transform: rotate(-180deg);
2082 
    -ms-transform: rotate(-180deg);
2083 
    transform: rotate(-180deg);
2084 
  }
2085 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > ul {
2086 
    display: block;
2087 
  }
2088 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li {
2089 
    padding: 0;
2090 
    position: relative;
2091 
  }
2092 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li .layout-menu-tooltip {
2093 
    display: none;
2094 
  }
2095 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a {
2096 
    margin-right: 6px;
2097 
    padding: 6px;
2098 
    display: -ms-flexbox;
2099 
    display: flex;
2100 
    -ms-flex-align: center;
2101 
    align-items: center;
2102 
    -ms-flex-pack: justify;
2103 
    justify-content: space-between;
2104 
    -moz-transition: all 0.2s;
2105 
    -o-transition: all 0.2s;
2106 
    -webkit-transition: all 0.2s;
2107 
    transition: all 0.2s;
2108 
  }
2109 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div {
2110 
    display: none;
2111 
  }
2112 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
2113 
    display: none;
2114 
    list-style-type: none;
2115 
    top: 35px;
2116 
    left: 0px;
2117 
    width: 230px;
2118 
    position: absolute;
2119 
    padding: 8px 0;
2120 
    margin: 0;
2121 
    z-index: 100;
2122 
    overflow: auto;
2123 
    max-height: 450px;
2124 
    -moz-border-radius-bottomleft: 2px;
2125 
    -webkit-border-bottom-left-radius: 2px;
2126 
    border-bottom-left-radius: 2px;
2127 
    -moz-border-radius-bottomright: 2px;
2128 
    -webkit-border-bottom-right-radius: 2px;
2129 
    border-bottom-right-radius: 2px;
2130 
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
2131 
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
2132 
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
2133 
  }
2134 
  .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul > li {
2135 
    padding: 0px 8px;
2136 
    border: 0 none;
2137 
  }
2138 
  .layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button {
2139 
    display: none;
2140 
  }
2141 
  .layout-wrapper.layout-horizontal .layout-main {
2142 
    padding-top: 104px;
2143 
  }
2144 
}
2145 
.layout-menu-dark .menu-wrapper {
2146 
  background-color: #434B54;
2147 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2148 
}
2149 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
2150 
  color: #CDD2DB;
2151 
}
2152 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a {
2153 
  color: #E5E8EC;
2154 
}
2155 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a i {
2156 
  color: #E5E8EC;
2157 
}
2158 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li a:hover {
2159 
  background-color: #4E565F;
2160 
}
2161 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
2162 
  color: #ffffff;
2163 
}
2164 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
2165 
  color: #E5E8EC;
2166 
}
2167 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i {
2168 
  color: #E5E8EC;
2169 
}
2170 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
2171 
  background-color: #676E77;
2172 
}
2173 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2174 
  background-color: #676E77;
2175 
  color: #ffffff;
2176 
}
2177 
.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem {
2178 
  background-color: #4E565F;
2179 
}
2180 
@media (min-width: 993px) {
2181 
  .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
2182 
    background-color: #434B54;
2183 
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2184 
  }
2185 
  .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
2186 
    color: #E5E8EC;
2187 
  }
2188 
  .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
2189 
    background-color: #676E77;
2190 
  }
2191 
  .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem {
2192 
    background-color: #434B54;
2193 
  }
2194 
  .layout-menu-dark.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2195 
    color: #ffffff;
2196 
  }
2197 
}
2198 
 
2199 
.layout-menu-dim .menu-wrapper {
2200 
  background-color: #3C4962;
2201 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2202 
}
2203 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
2204 
  color: #CDD2DB;
2205 
}
2206 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a {
2207 
  color: #E5E8EC;
2208 
}
2209 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a i {
2210 
  color: #E5E8EC;
2211 
}
2212 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li a:hover {
2213 
  background-color: #495771;
2214 
}
2215 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
2216 
  color: #ffffff;
2217 
}
2218 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
2219 
  color: #E5E8EC;
2220 
}
2221 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i {
2222 
  color: #E5E8EC;
2223 
}
2224 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
2225 
  background-color: #59667D;
2226 
}
2227 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2228 
  background-color: #59667D;
2229 
  color: #ffffff;
2230 
}
2231 
.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem {
2232 
  background-color: #495771;
2233 
}
2234 
@media (min-width: 993px) {
2235 
  .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
2236 
    background-color: #42506b;
2237 
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2238 
  }
2239 
  .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
2240 
    color: #E5E8EC;
2241 
  }
2242 
  .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
2243 
    background-color: #59667D;
2244 
  }
2245 
  .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem {
2246 
    background-color: #42506b;
2247 
  }
2248 
  .layout-menu-dim.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2249 
    color: #ffffff;
2250 
  }
2251 
}
2252 
 
2253 
.layout-menu-light .menu-wrapper {
2254 
  background-color: #FDFEFF;
2255 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2256 
}
2257 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text {
2258 
  color: #657380;
2259 
}
2260 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a {
2261 
  color: #515C66;
2262 
}
2263 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a i {
2264 
  color: #515C66;
2265 
}
2266 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li a:hover {
2267 
  background-color: #e5e9f0;
2268 
}
2269 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > a {
2270 
  color: #282E33;
2271 
}
2272 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a {
2273 
  color: #515C66;
2274 
}
2275 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a i {
2276 
  color: #515C66;
2277 
}
2278 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li a:hover {
2279 
  background-color: rgba(90, 101, 124, 0.2);
2280 
}
2281 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2282 
  background-color: rgba(90, 101, 124, 0.2);
2283 
  color: #2e3440;
2284 
}
2285 
.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul > li.layout-root-menuitem.active-menuitem {
2286 
  background-color: #e5e9f0;
2287 
}
2288 
@media (min-width: 993px) {
2289 
  .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul {
2290 
    background-color: #FDFEFF;
2291 
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
2292 
  }
2293 
  .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a {
2294 
    color: #515C66;
2295 
  }
2296 
  .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li > a:hover {
2297 
    background-color: rgba(90, 101, 124, 0.2);
2298 
  }
2299 
  .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem {
2300 
    background-color: #FDFEFF;
2301 
  }
2302 
  .layout-menu-light.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul li.active-menuitem > a {
2303 
    color: #282E33;
2304 
  }
2305 
}
2306 
 
2307 
.login-body {
2308 
  background: linear-gradient(180deg, #525D72 0%, #69768D 100%);
2309 
  color: #c3ccdd;
2310 
  height: 100vh;
2311 
}
2312 
.login-body .login-wrapper {
2313 
  display: -ms-flexbox;
2314 
  display: flex;
2315 
  -ms-flex-align: center;
2316 
  align-items: center;
2317 
  -ms-flex-pack: center;
2318 
  justify-content: center;
2319 
  height: 100vh;
2320 
}
2321 
.login-body .login-wrapper .login-panel {
2322 
  width: 30%;
2323 
  height: 100%;
2324 
  text-align: center;
2325 
  padding: 40px 20px;
2326 
  display: -ms-flexbox;
2327 
  display: flex;
2328 
  -ms-flex-align: center;
2329 
  align-items: center;
2330 
  -ms-flex-pack: justify;
2331 
  justify-content: space-between;
2332 
  -ms-flex-direction: column;
2333 
  flex-direction: column;
2334 
}
2335 
.login-body .login-wrapper .login-panel .logo img {
2336 
  height: 45px;
2337 
}
2338 
.login-body .login-wrapper .login-panel .login-form > p {
2339 
  font-weight: 600;
2340 
  margin: 0;
2341 
  color: #c3ccdd;
2342 
  margin-bottom: 32px;
2343 
}
2344 
.login-body .login-wrapper .login-panel .login-form > p > a {
2345 
  color: #f4f7f9;
2346 
  cursor: pointer;
2347 
}
2348 
.login-body .login-wrapper .login-panel .login-form > input {
2349 
  width: 85%;
2350 
  max-width: 310px;
2351 
  margin-bottom: 20px;
2352 
  background-color: #F6F9FE;
2353 
  color: #515C66;
2354 
}
2355 
.login-body .login-wrapper .login-panel .login-form > input::placeholder {
2356 
  color: #515C66;
2357 
}
2358 
.login-body .login-wrapper .login-panel .login-form > button {
2359 
  width: 85%;
2360 
  max-width: 310px;
2361 
}
2362 
.login-body .login-wrapper .login-panel p {
2363 
  font-weight: 600;
2364 
  margin: 0;
2365 
  color: #c3ccdd;
2366 
}
2367 
.login-body .login-wrapper .login-panel p > a {
2368 
  color: #f4f7f9;
2369 
}
2370 
 
2371 
@media (max-width: 992px) {
2372 
  .login-body .login-wrapper .login-panel {
2373 
    width: 100%;
2374 
  }
2375 
}
2376 
body.exception-body {
2377 
  height: 100vh;
2378 
}
2379 
body.exception-body .exception-top {
2380 
  height: 30%;
2381 
  display: -ms-flexbox;
2382 
  display: flex;
2383 
  -ms-flex-align: center;
2384 
  align-items: center;
2385 
  -ms-flex-pack: center;
2386 
  justify-content: center;
2387 
}
2388 
body.exception-body .exception-top img {
2389 
  width: 100px;
2390 
  display: block;
2391 
}
2392 
body.exception-body .exception-bottom {
2393 
  height: 70%;
2394 
  display: -ms-flexbox;
2395 
  display: flex;
2396 
  -ms-flex-align: center;
2397 
  align-items: center;
2398 
  flex-direction: column;
2399 
}
2400 
body.exception-body .exception-bottom .exception-wrapper {
2401 
  padding: 50px;
2402 
  text-align: center;
2403 
  box-sizing: border-box;
2404 
}
2405 
body.exception-body .exception-bottom .exception-wrapper .exception-summary {
2406 
  display: block;
2407 
  color: #ffffff;
2408 
  font-size: 36px;
2409 
  font-weight: bold;
2410 
  margin-bottom: 20px;
2411 
}
2412 
body.exception-body .exception-bottom .exception-wrapper .exception-detail {
2413 
  display: block;
2414 
  color: #ffffff;
2415 
  margin-bottom: 50px;
2416 
}
2417 
body.exception-body .exception-bottom .exception-wrapper button {
2418 
  width: 75%;
2419 
  display: block;
2420 
  margin: 0 auto 100px auto;
2421 
}
2422 
body.exception-body .exception-bottom .exception-wrapper .logo-icon {
2423 
  height: 56px;
2424 
  display: block;
2425 
  margin: 0 auto 20px auto;
2426 
}
2427 
body.exception-body .exception-bottom .exception-wrapper .exception-footer {
2428 
  color: #ffffff;
2429 
}
2430 
body.exception-body.error-page {
2431 
  background: linear-gradient(0deg, #781919 0%, #CE5051 100%);
2432 
}
2433 
body.exception-body.error-page .exception-top {
2434 
  background-color: #f0f3f5;
2435 
}
2436 
body.exception-body.access-page {
2437 
  background: linear-gradient(0deg, #812038 0%, #f16383 100%);
2438 
}
2439 
body.exception-body.access-page .exception-top {
2440 
  background-color: #f0f3f5;
2441 
}
2442 
body.exception-body.notfound-page {
2443 
  background: linear-gradient(0deg, #006D6D 0%, #00ACAC 100%);
2444 
}
2445 
body.exception-body.notfound-page .exception-top {
2446 
  background-color: #f0f3f5;
2447 
}
2448 
body.exception-body .ui-button {
2449 
  background-color: #ffffff;
2450 
  border-color: #ffffff;
2451 
  color: #515C66;
2452 
}
2453 
body.exception-body .ui-button:enabled:hover {
2454 
  background-color: #EDF4F7;
2455 
  border-color: #EDF4F7;
2456 
  color: #515C66;
2457 
}
2458 
body.exception-body .ui-button:enabled:active {
2459 
  background-color: #DBE9EF;
2460 
  border-color: #DBE9EF;
2461 
  color: #515C66;
2462 
}
2463 
body.exception-body .ui-button:focus {
2464 
  outline: 0 none;
2465 
  outline-offset: 0;
2466 
  box-shadow: 0 0 0 0.2rem #DBE9EF;
2467 
}
2468 
 
2469 
@media (max-width: 640px) {
2470 
  body.exception-body .exception-bottom .exception-wrapper {
2471 
    width: 100%;
2472 
  }
2473 
}
2474 
.landing-wrapper {
2475 
  background: #ffffff;
2476 
}
2477 
.landing-wrapper .landing-topbar {
2478 
  height: 120px;
2479 
  background: linear-gradient(180deg, #525D72 0%, #69768D 100%);
2480 
  display: -ms-flexbox;
2481 
  display: flex;
2482 
  -ms-flex-align: center;
2483 
  align-items: center;
2484 
  -ms-flex-pack: justify;
2485 
  justify-content: space-between;
2486 
  width: 100%;
2487 
  z-index: 999;
2488 
}
2489 
.landing-wrapper .landing-topbar #landing-menu-button {
2490 
  display: none;
2491 
  padding: 0 8px;
2492 
  cursor: pointer;
2493 
}
2494 
.landing-wrapper .landing-topbar .logo {
2495 
  padding: 0 120px;
2496 
}
2497 
.landing-wrapper .landing-topbar > ul {
2498 
  list-style-type: none;
2499 
  display: -ms-flexbox;
2500 
  display: flex;
2501 
  -ms-flex-align: center;
2502 
  align-items: center;
2503 
  margin: 0;
2504 
  padding: 0;
2505 
  padding-right: 120px;
2506 
}
2507 
.landing-wrapper .landing-topbar > ul > li #landing-menu-close {
2508 
  display: none;
2509 
}
2510 
.landing-wrapper .landing-topbar > ul > li > a {
2511 
  font-weight: 500;
2512 
  letter-spacing: 0.08px;
2513 
  color: #ffffff;
2514 
  padding: 8px 16px;
2515 
  margin: 0 6px;
2516 
  border-radius: 5px;
2517 
  -moz-transition: background-color 0.2s;
2518 
  -o-transition: background-color 0.2s;
2519 
  -webkit-transition: background-color 0.2s;
2520 
  transition: background-color 0.2s;
2521 
}
2522 
.landing-wrapper .landing-topbar > ul > li > a:hover {
2523 
  background-color: rgba(92, 172, 244, 0.3);
2524 
  color: #ffffff;
2525 
}
2526 
.landing-wrapper .landing-banner {
2527 
  background: linear-gradient(180deg, #69768D 0%, #ffffff 100%);
2528 
  display: -ms-flexbox;
2529 
  display: flex;
2530 
  -ms-flex-pack: justify;
2531 
  justify-content: space-between;
2532 
  -ms-flex-align: center;
2533 
  align-items: center;
2534 
  padding: 120px 120px 180px;
2535 
}
2536 
.landing-wrapper .landing-banner .landing-banner-content > h2 {
2537 
  font-weight: 600;
2538 
  margin: 0;
2539 
  margin-bottom: 12px;
2540 
  color: #ffffff;
2541 
}
2542 
.landing-wrapper .landing-banner .landing-banner-content > h2 > span {
2543 
  color: #ffffff;
2544 
}
2545 
.landing-wrapper .landing-banner .landing-banner-content > h6 {
2546 
  font-size: 15px;
2547 
  font-weight: normal;
2548 
  margin: 0;
2549 
  margin-bottom: 24px;
2550 
  color: #ffffff;
2551 
  max-width: 480px;
2552 
  line-height: 1.5;
2553 
}
2554 
.landing-wrapper .landing-banner .landing-banner-content > button {
2555 
  padding: 8px 20px;
2556 
}
2557 
.landing-wrapper .landing-banner .landing-banner-content > button span {
2558 
  padding: 0;
2559 
  display: block;
2560 
}
2561 
.landing-wrapper .landing-banner .landing-banner-image {
2562 
  text-align: right;
2563 
}
2564 
.landing-wrapper .landing-banner .landing-banner-image img {
2565 
  width: 80%;
2566 
  height: auto;
2567 
  max-height: 400px;
2568 
  opacity: 0.8;
2569 
}
2570 
.landing-wrapper .section-header {
2571 
  display: -ms-flexbox;
2572 
  display: flex;
2573 
  flex-direction: column;
2574 
  -ms-flex-pack: center;
2575 
  justify-content: center;
2576 
  -ms-flex-align: center;
2577 
  align-items: center;
2578 
  text-align: center;
2579 
  padding: 0 120px;
2580 
}
2581 
.landing-wrapper .section-header > h2 {
2582 
  font-weight: 500;
2583 
  margin: 0;
2584 
  margin-bottom: 14px;
2585 
  color: #2C3D57;
2586 
}
2587 
.landing-wrapper .section-header > h6 {
2588 
  font-weight: normal;
2589 
  margin: 0;
2590 
  color: #2C3D57;
2591 
  max-width: 480px;
2592 
  line-height: 1.33;
2593 
}
2594 
.landing-wrapper .landing-features {
2595 
  padding: 120px 0;
2596 
}
2597 
.landing-wrapper .landing-features .features-cards {
2598 
  padding: 120px 120px 0;
2599 
}
2600 
.landing-wrapper .landing-features .features-cards .feature-card {
2601 
  -moz-border-radius: 5px;
2602 
  -webkit-border-radius: 5px;
2603 
  border-radius: 5px;
2604 
  background-color: #ffffff;
2605 
  padding: 24px 12px 36px;
2606 
  text-align: left;
2607 
  cursor: pointer;
2608 
  -moz-transition: all 0.2s;
2609 
  -o-transition: all 0.2s;
2610 
  -webkit-transition: all 0.2s;
2611 
  transition: all 0.2s;
2612 
}
2613 
.landing-wrapper .landing-features .features-cards .feature-card:hover {
2614 
  transform: scale3d(1.02, 1.02, 1);
2615 
}
2616 
.landing-wrapper .landing-features .features-cards .feature-card h5 {
2617 
  margin: 6px 0 12px;
2618 
}
2619 
.landing-wrapper .landing-features .features-cards .feature-card > img {
2620 
  height: 100px;
2621 
  width: auto;
2622 
}
2623 
.landing-wrapper .landing-features .features-cards .feature-card span {
2624 
  line-height: 1.4;
2625 
  display: block;
2626 
}
2627 
.landing-wrapper .landing-promo {
2628 
  background: linear-gradient(360deg, #69768D 0%, #78849B 100%);
2629 
  display: -ms-flexbox;
2630 
  display: flex;
2631 
  -ms-flex-pack: justify;
2632 
  justify-content: space-between;
2633 
  -ms-flex-align: center;
2634 
  align-items: center;
2635 
  padding: 60px 120px;
2636 
}
2637 
.landing-wrapper .landing-promo .landing-promo-content > h2 {
2638 
  font-weight: 600;
2639 
  margin: 0;
2640 
  margin-bottom: 14px;
2641 
  color: #ffffff;
2642 
  max-width: 650px;
2643 
}
2644 
.landing-wrapper .landing-promo .landing-promo-content > h2 > span {
2645 
  color: #ffffff;
2646 
}
2647 
.landing-wrapper .landing-promo .landing-promo-content > h6 {
2648 
  font-size: 15px;
2649 
  font-weight: normal;
2650 
  margin: 0;
2651 
  margin-bottom: 14px;
2652 
  color: #ffffff;
2653 
  max-width: 480px;
2654 
  line-height: 1.33;
2655 
}
2656 
.landing-wrapper .landing-promo .landing-promo-content > button {
2657 
  padding: 8px 20px;
2658 
}
2659 
.landing-wrapper .landing-promo .landing-promo-content > button span {
2660 
  padding: 0;
2661 
  display: block;
2662 
}
2663 
.landing-wrapper .landing-promo .landing-promo-image {
2664 
  text-align: right;
2665 
}
2666 
.landing-wrapper .landing-promo .landing-promo-image img {
2667 
  width: 60%;
2668 
  height: auto;
2669 
  max-height: 400px;
2670 
}
2671 
.landing-wrapper .landing-testimonials {
2672 
  padding: 120px 120px 60px;
2673 
}
2674 
.landing-wrapper .landing-testimonials .testimonials {
2675 
  display: -ms-flexbox;
2676 
  display: flex;
2677 
  -ms-flex-pack: center;
2678 
  justify-content: center;
2679 
}
2680 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper {
2681 
  overflow: hidden;
2682 
  position: relative;
2683 
  max-width: 100%;
2684 
}
2685 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content {
2686 
  display: -ms-flexbox;
2687 
  display: flex;
2688 
  padding: 32px 0 0;
2689 
  flex-direction: row;
2690 
  transition: transform 1000ms ease 0s;
2691 
  transform: translate3d(0px, 0px, 0px);
2692 
}
2693 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial {
2694 
  flex: 1 0 100vw;
2695 
  -moz-transition: visibility 0.8s;
2696 
  -o-transition: visibility 0.8s;
2697 
  -webkit-transition: visibility 0.8s;
2698 
  transition: visibility 0.8s;
2699 
  -moz-transition: transform 1000ms ease 0s;
2700 
  -o-transition: transform 1000ms ease 0s;
2701 
  -webkit-transition: transform 1000ms ease 0s;
2702 
  transition: transform 1000ms ease 0s;
2703 
  max-width: 33%;
2704 
}
2705 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content {
2706 
  opacity: 0.9;
2707 
  margin: 0 6px;
2708 
  position: relative;
2709 
  height: 100%;
2710 
  background-color: #ffffff;
2711 
  padding: 65px 42px 66px;
2712 
  display: -ms-flexbox;
2713 
  display: flex;
2714 
  -ms-flex-pack: justify;
2715 
  justify-content: space-between;
2716 
  flex-direction: column;
2717 
}
2718 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > span {
2719 
  display: block;
2720 
  font-size: 14px;
2721 
  line-height: 1.5;
2722 
  color: #2C3D57;
2723 
  margin-bottom: 20px;
2724 
  flex-grow: 1;
2725 
}
2726 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h5 {
2727 
  font-weight: 500;
2728 
  line-height: 1.2;
2729 
  color: #2C3D57;
2730 
  margin: 0;
2731 
}
2732 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial .testimonial-content > h6 {
2733 
  font-weight: 500;
2734 
  line-height: 1.5;
2735 
  color: #66768D;
2736 
  margin: 0;
2737 
}
2738 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points {
2739 
  display: -ms-flexbox;
2740 
  display: flex;
2741 
  -ms-flex-align: center;
2742 
  align-items: center;
2743 
  -ms-flex-pack: center;
2744 
  justify-content: center;
2745 
  padding-top: 36px;
2746 
}
2747 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point {
2748 
  width: 15px;
2749 
  height: 15px;
2750 
  background-color: #E6E9EF;
2751 
  -moz-border-radius: 50%;
2752 
  -webkit-border-radius: 50%;
2753 
  border-radius: 50%;
2754 
  margin: 3px;
2755 
  cursor: pointer;
2756 
}
2757 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.active-point {
2758 
  width: 19px;
2759 
  height: 19px;
2760 
  background-color: #2C3D57;
2761 
}
2762 
.landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile {
2763 
  display: none;
2764 
}
2765 
.landing-wrapper .landing-pricing {
2766 
  padding: 120px 0;
2767 
}
2768 
.landing-wrapper .landing-pricing .section-header {
2769 
  -ms-flex-pack: center;
2770 
  justify-content: center;
2771 
  -ms-flex-align: center;
2772 
  align-items: center;
2773 
  text-align: center;
2774 
}
2775 
.landing-wrapper .landing-pricing .pricing-cards {
2776 
  padding: 60px 120px;
2777 
}
2778 
.landing-wrapper .landing-pricing .pricing-cards .pricing-card {
2779 
  margin: 12px;
2780 
  height: auto;
2781 
}
2782 
.landing-wrapper .landing-contact {
2783 
  padding: 60px 0 0;
2784 
  background: linear-gradient(360deg, #69768D 0%, #ffffff 100%);
2785 
}
2786 
.landing-wrapper .landing-contact .section-header {
2787 
  -ms-flex-pack: center;
2788 
  justify-content: center;
2789 
  -ms-flex-align: center;
2790 
  align-items: center;
2791 
  text-align: center;
2792 
}
2793 
.landing-wrapper .landing-contact .section-header > h2 {
2794 
  color: #2C3D57;
2795 
}
2796 
.landing-wrapper .landing-contact .section-header > h6 {
2797 
  color: #2C3D57;
2798 
}
2799 
.landing-wrapper .landing-contact .landing-contact-content {
2800 
  display: -ms-flexbox;
2801 
  display: flex;
2802 
  -ms-flex-pack: center;
2803 
  justify-content: center;
2804 
  padding: 60px 180px;
2805 
  position: relative;
2806 
  text-align: center;
2807 
}
2808 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form {
2809 
  padding: 20px;
2810 
}
2811 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > h3 {
2812 
  font-size: 16px;
2813 
  color: #ffffff;
2814 
  margin: 0;
2815 
  font-weight: 500;
2816 
  margin-bottom: 20px;
2817 
}
2818 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input,
2819 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea {
2820 
  width: 100%;
2821 
  margin-bottom: 16px;
2822 
  border-radius: 4px;
2823 
  border: 1px solid #CED4DA;
2824 
  padding: 10px 12px;
2825 
  background-color: #F6F9FE;
2826 
  color: #515C66;
2827 
}
2828 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > input::placeholder,
2829 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > textarea::placeholder {
2830 
  color: #515C66;
2831 
}
2832 
.landing-wrapper .landing-contact .landing-contact-content .landing-contact-form > button {
2833 
  width: 100%;
2834 
}
2835 
.landing-wrapper .landing-footer {
2836 
  background: linear-gradient(360deg, #525D72 0%, #69768D 100%);
2837 
  padding: 21px 120px;
2838 
  display: -ms-flexbox;
2839 
  display: flex;
2840 
  -ms-flex-align: center;
2841 
  align-items: center;
2842 
  -ms-flex-pack: justify;
2843 
  justify-content: space-between;
2844 
}
2845 
.landing-wrapper .landing-footer > img {
2846 
  height: 30px;
2847 
  width: auto;
2848 
}
2849 
.landing-wrapper .landing-footer .social-icons {
2850 
  display: -ms-flexbox;
2851 
  display: flex;
2852 
  -ms-flex-align: center;
2853 
  align-items: center;
2854 
}
2855 
.landing-wrapper .landing-footer .social-icons a {
2856 
  color: #ffffff;
2857 
  margin-left: 18px;
2858 
  cursor: pointer;
2859 
  padding: 6px;
2860 
}
2861 
.landing-wrapper .landing-footer .social-icons a i {
2862 
  font-size: 22px;
2863 
  -moz-transition: color 0.2s;
2864 
  -o-transition: color 0.2s;
2865 
  -webkit-transition: color 0.2s;
2866 
  transition: color 0.2s;
2867 
}
2868 
.landing-wrapper .landing-footer .social-icons a:hover i {
2869 
  color: #CED4DA;
2870 
}
2871 
 
2872 
@media (max-width: 991px) {
2873 
  .landing-body.block-scroll {
2874 
    overflow: hidden;
2875 
  }
2876 
  .landing-body.block-scroll .landing-wrapper .landing-mask {
2877 
    display: block;
2878 
  }
2879 
  .landing-body .landing-wrapper.landing-menu-active .landing-topbar .landing-menu {
2880 
    transform: translate3d(0px, 0px, 0px);
2881 
  }
2882 
  .landing-body .landing-wrapper .landing-topbar .logo {
2883 
    padding: 0 33px;
2884 
  }
2885 
  .landing-body .landing-wrapper .landing-topbar .landing-menu {
2886 
    position: fixed;
2887 
    flex-direction: column;
2888 
    -ms-flex-align: end;
2889 
    align-items: flex-end;
2890 
    right: 0;
2891 
    top: 0;
2892 
    padding: 40px 20px;
2893 
    z-index: 999;
2894 
    width: 240px;
2895 
    height: 100%;
2896 
    background-color: #69768D;
2897 
    box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
2898 
    transform: translate3d(260px, 0px, 0px);
2899 
    -moz-transition: transform 0.2s;
2900 
    -o-transition: transform 0.2s;
2901 
    -webkit-transition: transform 0.2s;
2902 
    transition: transform 0.2s;
2903 
  }
2904 
  .landing-body .landing-wrapper .landing-topbar .landing-menu > li {
2905 
    margin: 0;
2906 
    width: 100%;
2907 
    margin-bottom: 12px;
2908 
  }
2909 
  .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a {
2910 
    padding: 6px 16px;
2911 
    font-size: 14px;
2912 
    text-align: left;
2913 
    display: block;
2914 
    color: #ffffff;
2915 
    -moz-transition: background-color 0.2s;
2916 
    -o-transition: background-color 0.2s;
2917 
    -webkit-transition: background-color 0.2s;
2918 
    transition: background-color 0.2s;
2919 
  }
2920 
  .landing-body .landing-wrapper .landing-topbar .landing-menu > li > a:hover {
2921 
    background-color: rgba(92, 172, 244, 0.3);
2922 
    color: #ffffff;
2923 
  }
2924 
  .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close {
2925 
    display: block;
2926 
    font-size: 20px;
2927 
    text-align: right;
2928 
    color: #5cacf4;
2929 
    -moz-transition: color 0.2s;
2930 
    -o-transition: color 0.2s;
2931 
    -webkit-transition: color 0.2s;
2932 
    transition: color 0.2s;
2933 
  }
2934 
  .landing-body .landing-wrapper .landing-topbar .landing-menu > li #landing-menu-close:hover {
2935 
    background-color: #69768D;
2936 
    color: #ffffff;
2937 
  }
2938 
  .landing-body .landing-wrapper .landing-topbar #landing-menu-button {
2939 
    display: block;
2940 
    color: #ffffff;
2941 
    font-size: 20px;
2942 
    padding: 0 33px;
2943 
  }
2944 
  .landing-body .landing-wrapper .landing-banner {
2945 
    padding: 120px 42px 180px;
2946 
  }
2947 
  .landing-body .landing-wrapper .landing-banner .landing-banner-content {
2948 
    text-align: center;
2949 
    width: 100%;
2950 
  }
2951 
  .landing-body .landing-wrapper .landing-banner .landing-banner-content h6 {
2952 
    max-width: 100%;
2953 
  }
2954 
  .landing-body .landing-wrapper .landing-banner .landing-banner-image {
2955 
    display: none;
2956 
  }
2957 
  .landing-body .landing-wrapper .landing-features {
2958 
    padding: 42px 16px;
2959 
  }
2960 
  .landing-body .landing-wrapper .landing-features .features-cards {
2961 
    padding: 0;
2962 
  }
2963 
  .landing-body .landing-wrapper .landing-features .features-cards .feature-card {
2964 
    text-align: center;
2965 
    margin: 30px 0;
2966 
  }
2967 
  .landing-body .landing-wrapper .landing-features .features-content {
2968 
    padding: 0;
2969 
    flex-direction: column;
2970 
  }
2971 
  .landing-body .landing-wrapper .landing-features .features-content img {
2972 
    width: 100%;
2973 
  }
2974 
  .landing-body .landing-wrapper .landing-features .features-content ul li {
2975 
    margin: 16px 0;
2976 
    max-width: 400px;
2977 
  }
2978 
  .landing-body .landing-wrapper .landing-features .features-content ul li img {
2979 
    width: 64px;
2980 
  }
2981 
  .landing-body .landing-wrapper .section-header {
2982 
    padding: 0px;
2983 
  }
2984 
  .landing-body .landing-wrapper .landing-promo {
2985 
    padding: 36px 42px 64px;
2986 
  }
2987 
  .landing-body .landing-wrapper .landing-promo .landing-promo-content {
2988 
    text-align: center;
2989 
    width: 100%;
2990 
  }
2991 
  .landing-body .landing-wrapper .landing-promo .landing-promo-content h6 {
2992 
    max-width: 100%;
2993 
  }
2994 
  .landing-body .landing-wrapper .landing-promo .landing-promo-image {
2995 
    display: none;
2996 
  }
2997 
  .landing-body .landing-wrapper .landing-pricing {
2998 
    padding: 36px 42px 64px;
2999 
  }
3000 
  .landing-body .landing-wrapper .landing-pricing .pricing-cards {
3001 
    padding: 0;
3002 
  }
3003 
  .landing-body .landing-wrapper .landing-testimonials {
3004 
    padding: 36px 42px 64px;
3005 
  }
3006 
  .landing-body .landing-wrapper .landing-testimonials .testimonials {
3007 
    display: -ms-flexbox;
3008 
    display: flex;
3009 
    -ms-flex-pack: center;
3010 
    justify-content: center;
3011 
  }
3012 
  .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper {
3013 
    overflow: hidden;
3014 
    position: relative;
3015 
    max-width: 100%;
3016 
  }
3017 
  .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content {
3018 
    text-align: center;
3019 
    padding: 0;
3020 
  }
3021 
  .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .testimonials-content .testimonial {
3022 
    max-width: 100%;
3023 
  }
3024 
  .landing-body .landing-wrapper .landing-testimonials .testimonials .testimonials-wrapper .link-points .points .point.mobile {
3025 
    display: -ms-flexbox;
3026 
    display: flex;
3027 
  }
3028 
  .landing-body .landing-wrapper .landing-contact {
3029 
    padding: 36px 42px 64px;
3030 
  }
3031 
  .landing-body .landing-wrapper .landing-contact .landing-contact-content {
3032 
    padding: 0;
3033 
  }
3034 
  .landing-body .landing-wrapper .landing-contact .landing-contact-form {
3035 
    width: 100%;
3036 
  }
3037 
  .landing-body .landing-wrapper .landing-footer {
3038 
    padding: 18px 24px 64px;
3039 
  }
3040 
}
3041 
.overview-box-1 {
3042 
  height: 100%;
3043 
}
3044 
.overview-box-1 .card-header {
3045 
  padding-bottom: 17px;
3046 
}
3047 
.overview-box-1 .card-header .header-buttons > a {
3048 
  width: 20px;
3049 
  height: 20px;
3050 
  -moz-border-radius: 50%;
3051 
  -webkit-border-radius: 50%;
3052 
  border-radius: 50%;
3053 
  display: -ms-flexbox;
3054 
  display: flex;
3055 
  -ms-flex-align: center;
3056 
  align-items: center;
3057 
  -ms-flex-pack: center;
3058 
  justify-content: center;
3059 
  background-color: rgba(148, 154, 166, 0.1);
3060 
  border: 1px solid transparent;
3061 
}
3062 
.overview-box-1 .card-header .header-buttons > a i {
3063 
  color: #949aa6;
3064 
  font-size: 12px;
3065 
  width: 12px;
3066 
  -webkit-transform: rotate(45deg);
3067 
  -moz-transform: rotate(45deg);
3068 
  -o-transform: rotate(45deg);
3069 
  -ms-transform: rotate(45deg);
3070 
  transform: rotate(45deg);
3071 
}
3072 
.overview-box-1 .card-header .header-buttons > a:hover {
3073 
  border-color: #949aa6;
3074 
}
3075 
.overview-box-1 .overview-content {
3076 
  display: -ms-flexbox;
3077 
  display: flex;
3078 
  -ms-flex-align: center;
3079 
  align-items: center;
3080 
  -ms-flex-pack: justify;
3081 
  justify-content: space-between;
3082 
  padding: 11px 4px 6px 0px;
3083 
}
3084 
.overview-box-1 .overview-content .overview-graph {
3085 
  display: -ms-flexbox;
3086 
  display: flex;
3087 
  -ms-flex-align: end;
3088 
  align-items: flex-end;
3089 
}
3090 
.overview-box-1 .overview-content .overview-graph > span {
3091 
  width: 8px;
3092 
  height: 12px;
3093 
  display: block;
3094 
  background-color: #2f8ee5;
3095 
  margin-left: 4px;
3096 
  border-radius: 1px;
3097 
  opacity: 0.4;
3098 
  cursor: pointer;
3099 
  position: relative;
3100 
  -moz-transition: all 0.2s;
3101 
  -o-transition: all 0.2s;
3102 
  -webkit-transition: all 0.2s;
3103 
  transition: all 0.2s;
3104 
  z-index: 1;
3105 
}
3106 
.overview-box-1 .overview-content .overview-graph > span:last-child {
3107 
  opacity: 1;
3108 
}
3109 
.overview-box-1 .overview-content .overview-graph > span > span {
3110 
  font-size: 12px;
3111 
  min-width: 6px;
3112 
  position: absolute;
3113 
  padding: 1px;
3114 
  border-radius: 2px;
3115 
  background-color: #495771;
3116 
  top: -22px;
3117 
  left: -4px;
3118 
  display: none;
3119 
  z-index: 2;
3120 
}
3121 
.overview-box-1 .overview-content .overview-graph > span:hover {
3122 
  transform: scale3d(1.1, 1.1, 1);
3123 
  opacity: 1;
3124 
}
3125 
.overview-box-1 .overview-content .overview-graph > span:hover .graph-tooltip {
3126 
  display: block;
3127 
}
3128 
.overview-box-1 .overview-footer > span {
3129 
  font-size: 13px;
3130 
}
3131 
.overview-box-1 .overview-footer > span i {
3132 
  color: #00acac;
3133 
}
3134 
.overview-box-1 .overview-footer > span > span {
3135 
  color: #00acac;
3136 
  font-weight: 600;
3137 
}
3138 
.overview-box-1 .overview-footer.down > span i {
3139 
  color: #f16383;
3140 
}
3141 
.overview-box-1 .overview-footer.down > span > span {
3142 
  color: #f16383;
3143 
}
3144 
.overview-box-1.teal .overview-content .overview-graph > span {
3145 
  background-color: #00acac;
3146 
}
3147 
.overview-box-1.orange .overview-content .overview-graph > span {
3148 
  background-color: #f1b263;
3149 
}
3150 
 
3151 
.overview-box-2 {
3152 
  display: -ms-flexbox;
3153 
  display: flex;
3154 
  -ms-flex-align: center;
3155 
  align-items: center;
3156 
  -ms-flex-pack: justify;
3157 
  justify-content: space-between;
3158 
  padding: 32px 12px;
3159 
}
3160 
.overview-box-2.teal {
3161 
  background-color: #02acac;
3162 
}
3163 
.overview-box-2.teal i {
3164 
  color: #02acac;
3165 
}
3166 
.overview-box-2.orange {
3167 
  background-color: #f1b263;
3168 
}
3169 
.overview-box-2.orange i {
3170 
  color: #f1b263;
3171 
}
3172 
.overview-box-2.blue {
3173 
  background-color: #2f8ee5;
3174 
}
3175 
.overview-box-2.blue i {
3176 
  color: #2f8ee5;
3177 
}
3178 
.overview-box-2.pink {
3179 
  background-color: #f16383;
3180 
}
3181 
.overview-box-2.pink i {
3182 
  color: #f16383;
3183 
}
3184 
.overview-box-2 h6 {
3185 
  opacity: 0.8;
3186 
  color: #ffffff;
3187 
  font-weight: normal;
3188 
  margin: 0;
3189 
}
3190 
.overview-box-2 h3 {
3191 
  margin: 2px 0 0;
3192 
  font-weight: normal;
3193 
  color: #ffffff;
3194 
}
3195 
.overview-box-2 i {
3196 
  font-size: 42px;
3197 
  width: 64px;
3198 
  height: 64px;
3199 
  -moz-border-radius: 50%;
3200 
  -webkit-border-radius: 50%;
3201 
  border-radius: 50%;
3202 
  background-color: #3C4962;
3203 
  display: -ms-flexbox;
3204 
  display: flex;
3205 
  -ms-flex-align: center;
3206 
  align-items: center;
3207 
  -ms-flex-pack: center;
3208 
  justify-content: center;
3209 
}
3210 
 
3211 
.news {
3212 
  padding: 0;
3213 
  display: -ms-flexbox;
3214 
  display: flex;
3215 
}
3216 
.news .news-content {
3217 
  width: 100%;
3218 
  padding: 12px 16px;
3219 
  display: -ms-flexbox;
3220 
  display: flex;
3221 
  -ms-flex-pack: justify;
3222 
  justify-content: space-between;
3223 
  flex-direction: column;
3224 
}
3225 
.news .news-content h5 {
3226 
  font-weight: bold;
3227 
  line-height: 1.5;
3228 
  color: #CACFDB;
3229 
  margin: 0 0 12px;
3230 
}
3231 
.news .news-content > span {
3232 
  flex-grow: 1;
3233 
  font-size: 13px;
3234 
  line-height: 1.54;
3235 
  color: #CACFDB;
3236 
}
3237 
.news .news-content .news-content-footer {
3238 
  margin-top: 20px;
3239 
}
3240 
.news .news-content .news-content-footer > span {
3241 
  display: block;
3242 
  margin: 0 0 2px;
3243 
  font-size: 13px;
3244 
  line-height: 1.54;
3245 
  font-weight: normal;
3246 
  color: #CACFDB;
3247 
}
3248 
.news .news-content .news-content-footer > span > span {
3249 
  font-weight: 600;
3250 
}
3251 
.news .news-content .news-content-footer > span > span.category {
3252 
  color: #2c84d8;
3253 
}
3254 
.news .news-image {
3255 
  width: 100%;
3256 
  background-image: url("#{resource['poseidon-layout:images/pages/asset-news.png']}");
3257 
  background-position: center;
3258 
  background-repeat: no-repeat;
3259 
  background-size: cover;
3260 
  border-top-right-radius: 5px;
3261 
  border-bottom-right-radius: 5px;
3262 
  min-height: 320px;
3263 
}
3264 
 
3265 
.likes {
3266 
  overflow: auto;
3267 
  height: 100%;
3268 
}
3269 
.likes .likes-chart {
3270 
  padding: 12px 8px;
3271 
  height: calc(100% - 25px);
3272 
  display: -ms-flexbox;
3273 
  display: flex;
3274 
  -ms-flex-align: center;
3275 
  align-items: center;
3276 
}
3277 
 
3278 
.news-feed {
3279 
  padding: 0 16px;
3280 
}
3281 
.news-feed .news-feed-card {
3282 
  padding: 16px;
3283 
  height: 100%;
3284 
  display: -ms-flexbox;
3285 
  display: flex;
3286 
  -ms-flex-pack: justify;
3287 
  justify-content: space-between;
3288 
  flex-direction: column;
3289 
}
3290 
.news-feed .news-feed-card > i {
3291 
  font-size: 20px;
3292 
  color: #ffffff;
3293 
  width: 32px;
3294 
  height: 32px;
3295 
  border-radius: 4px;
3296 
  background-color: #2c84d8;
3297 
  display: -ms-flexbox;
3298 
  display: flex;
3299 
  -ms-flex-align: center;
3300 
  align-items: center;
3301 
  -ms-flex-pack: center;
3302 
  justify-content: center;
3303 
}
3304 
.news-feed .news-feed-card .title {
3305 
  display: block;
3306 
  font-size: 13px;
3307 
  font-weight: 600;
3308 
  color: #CACFDB;
3309 
  margin: 8px 0 4px;
3310 
}
3311 
.news-feed .news-feed-card .news-feed-desc {
3312 
  display: block;
3313 
  font-size: 13px;
3314 
  line-height: 1.54;
3315 
  color: #CACFDB;
3316 
  flex-grow: 1;
3317 
}
3318 
.news-feed .news-feed-card a {
3319 
  margin-top: 8px;
3320 
  display: block;
3321 
  font-size: 12px;
3322 
  font-weight: 600;
3323 
  color: #CACFDB;
3324 
}
3325 
.news-feed .news-feed-card a > i {
3326 
  font-size: 13px;
3327 
  margin-left: 2px;
3328 
  vertical-align: middle;
3329 
}
3330 
.news-feed .news-feed-card a:hover {
3331 
  text-decoration: underline;
3332 
}
3333 
 
3334 
.timeline {
3335 
  height: 100%;
3336 
}
3337 
.timeline > ul {
3338 
  padding: 0;
3339 
  margin: 10px 0 20px;
3340 
  list-style: none;
3341 
}
3342 
.timeline > ul > li {
3343 
  display: -ms-flexbox;
3344 
  display: flex;
3345 
  -ms-flex-align: center;
3346 
  align-items: center;
3347 
  margin-bottom: 32px;
3348 
}
3349 
.timeline > ul > li .time {
3350 
  min-width: 70px;
3351 
  opacity: 0.6;
3352 
  font-size: 13px;
3353 
  line-height: 1.54;
3354 
  color: #CACFDB;
3355 
  display: block;
3356 
}
3357 
.timeline > ul > li .event-icon {
3358 
  position: relative;
3359 
  z-index: 1;
3360 
  display: -ms-flexbox;
3361 
  display: flex;
3362 
  -ms-flex-align: center;
3363 
  align-items: center;
3364 
  -ms-flex-pack: center;
3365 
  justify-content: center;
3366 
}
3367 
.timeline > ul > li .event-icon::before {
3368 
  content: "";
3369 
  width: 2px;
3370 
  height: 100px;
3371 
  background-color: #495771;
3372 
  position: absolute;
3373 
  top: 0;
3374 
  display: block;
3375 
}
3376 
.timeline > ul > li .event-icon i {
3377 
  z-index: 2;
3378 
  width: 48px;
3379 
  height: 48px;
3380 
  display: -ms-flexbox;
3381 
  display: flex;
3382 
  -ms-flex-align: center;
3383 
  align-items: center;
3384 
  -ms-flex-pack: center;
3385 
  justify-content: center;
3386 
  -moz-border-radius: 50%;
3387 
  -webkit-border-radius: 50%;
3388 
  border-radius: 50%;
3389 
  margin: 0 12px;
3390 
  font-size: 24px;
3391 
  color: #3C4962;
3392 
}
3393 
.timeline > ul > li .event-content span {
3394 
  display: block;
3395 
  font-size: 13px;
3396 
  line-height: 1.54;
3397 
  color: #CACFDB;
3398 
}
3399 
.timeline > ul > li .event-content span.event-title {
3400 
  font-weight: 600;
3401 
  line-height: normal;
3402 
}
3403 
.timeline > ul > li:nth-child(1) i {
3404 
  background-color: #02acac;
3405 
}
3406 
.timeline > ul > li:nth-child(2) i {
3407 
  background-color: #f1b263;
3408 
}
3409 
.timeline > ul > li:nth-child(3) i {
3410 
  background-color: #f1b263;
3411 
}
3412 
.timeline > ul > li:last-child {
3413 
  margin-bottom: 0;
3414 
}
3415 
.timeline > ul > li:last-child .event-icon::before {
3416 
  display: none;
3417 
}
3418 
.timeline > ul > li:last-child .event-icon i {
3419 
  background-color: #2f8ee5;
3420 
}
3421 
 
3422 
.chat {
3423 
  height: 100%;
3424 
  padding: 0;
3425 
  display: -ms-flexbox;
3426 
  display: flex;
3427 
  -ms-flex-pack: justify;
3428 
  justify-content: space-between;
3429 
  flex-direction: column;
3430 
}
3431 
.chat .card-header {
3432 
  padding: 8px 12px 6px;
3433 
}
3434 
.chat .chat-messages {
3435 
  padding: 0 12px;
3436 
  flex-grow: 1;
3437 
}
3438 
.chat .chat-message-row {
3439 
  padding: 10px 0;
3440 
}
3441 
.chat .chat-message-row .chat-message {
3442 
  display: -ms-flexbox;
3443 
  display: flex;
3444 
  -ms-flex-align: center;
3445 
  align-items: center;
3446 
}
3447 
.chat .chat-message-row .chat-message img {
3448 
  width: 48px;
3449 
  height: 48px;
3450 
  border-radius: 6px;
3451 
}
3452 
.chat .chat-message-row .chat-message .chat-message-content {
3453 
  padding: 13px 8px;
3454 
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
3455 
  border-radius: 6px;
3456 
  background-color: #495771;
3457 
  width: 100%;
3458 
  margin-left: 8px;
3459 
}
3460 
.chat .chat-message-row .chat-message .chat-message-content span {
3461 
  display: block;
3462 
  font-size: 13px;
3463 
  color: #CACFDB;
3464 
}
3465 
.chat .chat-message-row .chat-message-footer {
3466 
  display: -ms-flexbox;
3467 
  display: flex;
3468 
  -ms-flex-align: center;
3469 
  align-items: center;
3470 
  -ms-flex-pack: justify;
3471 
  justify-content: space-between;
3472 
  padding: 4px 0 0;
3473 
}
3474 
.chat .chat-message-row .chat-message-footer h6 {
3475 
  font-size: 14px;
3476 
  font-weight: 600;
3477 
  color: #CACFDB;
3478 
  margin: 0;
3479 
}
3480 
.chat .chat-message-row .chat-message-footer span {
3481 
  font-size: 13px;
3482 
  color: #CACFDB;
3483 
  opacity: 0.6;
3484 
}
3485 
.chat .chat-message-row.send .chat-message {
3486 
  flex-direction: row-reverse;
3487 
}
3488 
.chat .chat-message-row.send .chat-message .chat-message-content {
3489 
  margin-right: 8px;
3490 
  margin-left: 0;
3491 
  background-color: rgba(44, 132, 216, 0.6);
3492 
}
3493 
.chat .chat-message-row.send .chat-message .chat-message-content span {
3494 
  display: block;
3495 
  font-size: 13px;
3496 
  color: #ffffff;
3497 
}
3498 
.chat .chat-message-row.send .chat-message-footer {
3499 
  flex-direction: row-reverse;
3500 
}
3501 
.chat .chat-input {
3502 
  border-top: 1px solid #495771;
3503 
}
3504 
.chat .chat-input > input {
3505 
  width: 100%;
3506 
  border-radius: 5px;
3507 
  background-color: #3C4962;
3508 
  border: none;
3509 
  padding: 12px;
3510 
}
3511 
 
3512 
.map {
3513 
  padding: 0;
3514 
  display: -ms-flexbox;
3515 
  display: flex;
3516 
}
3517 
.map .map-image {
3518 
  width: 70%;
3519 
  background-image: url("#{resource['poseidon-layout:images/pages/asset-maps.png']}");
3520 
  background-position: center;
3521 
  background-repeat: no-repeat;
3522 
  background-size: cover;
3523 
  border-top-left-radius: 5px;
3524 
  border-bottom-left-radius: 5px;
3525 
  min-height: 320px;
3526 
}
3527 
.map .map-content {
3528 
  width: 30%;
3529 
  display: -ms-flexbox;
3530 
  display: flex;
3531 
}
3532 
.map .map-content .map-adjust {
3533 
  display: -ms-flexbox;
3534 
  display: flex;
3535 
  -ms-flex-align: center;
3536 
  align-items: center;
3537 
  -ms-flex-pack: center;
3538 
  justify-content: center;
3539 
  padding: 6px;
3540 
  cursor: pointer;
3541 
  -moz-transition: background-color 0.2s;
3542 
  -o-transition: background-color 0.2s;
3543 
  -webkit-transition: background-color 0.2s;
3544 
  transition: background-color 0.2s;
3545 
}
3546 
.map .map-content .map-adjust i {
3547 
  color: #B1B9C9;
3548 
}
3549 
.map .map-content .map-adjust:hover {
3550 
  background-color: #495771;
3551 
}
3552 
.map .map-content > ul {
3553 
  padding: 10px 0 0;
3554 
  margin: 0;
3555 
  border-left: 1px solid #495771;
3556 
  width: 100%;
3557 
  max-height: 330px;
3558 
  overflow: auto;
3559 
}
3560 
.map .map-content > ul > li {
3561 
  display: -ms-flexbox;
3562 
  display: flex;
3563 
  width: 100%;
3564 
  padding: 8px 6px;
3565 
  border-bottom: 1px solid #495771;
3566 
}
3567 
.map .map-content > ul > li > i {
3568 
  font-size: 14px;
3569 
  color: #2c84d8;
3570 
  margin-right: 6px;
3571 
  margin-top: 4px;
3572 
}
3573 
.map .map-content > ul > li .map-info span {
3574 
  font-size: 13px;
3575 
  font-weight: 600;
3576 
  color: #CACFDB;
3577 
}
3578 
.map .map-content > ul > li .map-info span > span {
3579 
  font-weight: normal;
3580 
}
3581 
.map .map-content > ul > li .map-info .time {
3582 
  display: block;
3583 
  font-size: 11px;
3584 
  font-weight: 600;
3585 
  color: #CACFDB;
3586 
  opacity: 0.6;
3587 
}
3588 
.map .map-content > ul > li:last-child {
3589 
  border: none;
3590 
}
3591 
 
3592 
.profile {
3593 
  height: 100%;
3594 
  padding: 0;
3595 
}
3596 
.profile .profile-header {
3597 
  background-image: url("#{resource['poseidon-layout:images/pages/asset-cover.png']}");
3598 
  background-position: center;
3599 
  background-repeat: no-repeat;
3600 
  background-size: cover;
3601 
  border-top-right-radius: 5px;
3602 
  border-bottom-right-radius: 5px;
3603 
  min-height: 120px;
3604 
  position: relative;
3605 
}
3606 
.profile .profile-header img {
3607 
  position: absolute;
3608 
  bottom: -50%;
3609 
  left: 50%;
3610 
  margin-left: -60px;
3611 
  width: 120px;
3612 
  height: 120px;
3613 
}
3614 
.profile .profile-content {
3615 
  padding: 66px 12px 24px;
3616 
  text-align: center;
3617 
}
3618 
.profile .profile-content > h6 {
3619 
  margin: 0;
3620 
  font-weight: 600;
3621 
  color: #CACFDB;
3622 
}
3623 
.profile .profile-content > span {
3624 
  display: block;
3625 
  font-size: 13px;
3626 
  color: #CACFDB;
3627 
  margin: 4px 0 30px;
3628 
}
3629 
 
3630 
.pricing-card {
3631 
  padding: 0 0px 24px;
3632 
  text-align: center;
3633 
  -moz-border-radius: 5px;
3634 
  -webkit-border-radius: 5px;
3635 
  border-radius: 5px;
3636 
  background: #3C4962;
3637 
}
3638 
.pricing-card .pricing-header {
3639 
  padding: 18px 12px;
3640 
  border-bottom: 4px solid #2c84d8;
3641 
  border-bottom: 4px solid var(--primary-dark-color, #2c84d8);
3642 
}
3643 
.pricing-card .pricing-header .price {
3644 
  font-size: 24px;
3645 
  color: #2c84d8;
3646 
  color: var(--primary-dark-color, #2c84d8);
3647 
  margin: 0;
3648 
  margin-bottom: 6px;
3649 
}
3650 
.pricing-card .pricing-header > h5 {
3651 
  letter-spacing: 0.58px;
3652 
  color: #CACFDB;
3653 
  margin: 0;
3654 
  margin-bottom: 12px;
3655 
}
3656 
.pricing-card .pricing-header > span {
3657 
  display: block;
3658 
  font-size: 13px;
3659 
  color: #CACFDB;
3660 
}
3661 
.pricing-card ul {
3662 
  list-style-type: none;
3663 
  padding: 0;
3664 
  padding-bottom: 12px;
3665 
}
3666 
.pricing-card ul > li {
3667 
  color: #CACFDB;
3668 
  margin-bottom: 12px;
3669 
  width: 100%;
3670 
}
3671 
.pricing-card ul > li > i {
3672 
  color: #CACFDB;
3673 
  margin-right: 8px;
3674 
}
3675 
.pricing-card ul > li.not-included {
3676 
  opacity: 0.6;
3677 
}
3678 
.pricing-card.landing-pricing-card {
3679 
  background: linear-gradient(360deg, #66768D 0%, #7A899F 100%);
3680 
}
3681 
.pricing-card.landing-pricing-card .pricing-header {
3682 
  border-bottom: 4px solid #ffffff;
3683 
}
3684 
.pricing-card.landing-pricing-card .pricing-header .price {
3685 
  color: #ffffff;
3686 
}
3687 
.pricing-card.landing-pricing-card .pricing-header > h5 {
3688 
  color: #ffffff;
3689 
}
3690 
.pricing-card.landing-pricing-card .pricing-header > span {
3691 
  color: #ffffff;
3692 
}
3693 
.pricing-card.landing-pricing-card ul > li {
3694 
  color: #ffffff;
3695 
}
3696 
.pricing-card.landing-pricing-card ul > li > i {
3697 
  color: #ffffff;
3698 
}
3699 
.pricing-card.landing-pricing-card.teal .pricing-header {
3700 
  border-bottom: 4px solid #7EEBEB;
3701 
}
3702 
.pricing-card.landing-pricing-card.teal .pricing-header .price {
3703 
  color: #7EEBEB;
3704 
}
3705 
.pricing-card.landing-pricing-card.orange .pricing-header {
3706 
  border-bottom: 4px solid #FFDA9E;
3707 
}
3708 
.pricing-card.landing-pricing-card.orange .pricing-header .price {
3709 
  color: #FFDA9E;
3710 
}
3711 
 
3712 
.sale-graph {
3713 
  overflow: auto;
3714 
}
3715 
.sale-graph .card-header {
3716 
  margin-bottom: 13px;
3717 
}
3718 
.sale-graph .order-tabs {
3719 
  display: -ms-flexbox;
3720 
  display: flex;
3721 
  -ms-flex-pack: start;
3722 
  justify-content: flex-start;
3723 
}
3724 
.sale-graph .order-tabs .order-tab {
3725 
  cursor: pointer;
3726 
  background-color: rgba(73, 87, 113, 0.3);
3727 
  padding: 6px 18px;
3728 
  -moz-border-radius: 4px;
3729 
  -webkit-border-radius: 4px;
3730 
  border-radius: 4px;
3731 
}
3732 
.sale-graph .order-tabs .order-tab:first-child {
3733 
  margin-right: 18px;
3734 
}
3735 
.sale-graph .order-tabs .order-tab:hover {
3736 
  background-color: rgba(73, 87, 113, 0.5);
3737 
}
3738 
.sale-graph .order-tabs .order-tab:hover h3 {
3739 
  color: rgba(2, 172, 172, 0.6);
3740 
}
3741 
.sale-graph .order-tabs .order-tab.order-tab-active {
3742 
  background-color: rgba(73, 87, 113, 0.7);
3743 
}
3744 
.sale-graph .order-tabs .order-tab.order-tab-active h3 {
3745 
  color: #02acac;
3746 
}
3747 
.sale-graph .order-tabs .order-tab h6 {
3748 
  color: #CACFDB;
3749 
  font-weight: 600;
3750 
  margin: 0;
3751 
  margin-bottom: 2px;
3752 
  -moz-transition: color 0.2s;
3753 
  -o-transition: color 0.2s;
3754 
  -webkit-transition: color 0.2s;
3755 
  transition: color 0.2s;
3756 
}
3757 
.sale-graph .order-tabs .order-tab h3 {
3758 
  color: #949aa6;
3759 
  margin: 0;
3760 
}
3761 
 
3762 
.product-list {
3763 
  height: 100%;
3764 
}
3765 
.product-list .card-header {
3766 
  margin-bottom: 12px;
3767 
}
3768 
.product-list > ul {
3769 
  padding: 0;
3770 
  margin: 0;
3771 
  list-style-type: none;
3772 
}
3773 
.product-list > ul > li {
3774 
  display: -ms-flexbox;
3775 
  display: flex;
3776 
  -ms-flex-align: center;
3777 
  align-items: center;
3778 
  -ms-flex-pack: justify;
3779 
  justify-content: space-between;
3780 
  margin-bottom: 12px;
3781 
  padding: 6px;
3782 
  -moz-border-radius: 4px;
3783 
  -webkit-border-radius: 4px;
3784 
  border-radius: 4px;
3785 
  cursor: pointer;
3786 
}
3787 
.product-list > ul > li:hover {
3788 
  background-color: rgba(73, 87, 113, 0.7);
3789 
}
3790 
.product-list > ul > li .product {
3791 
  display: -ms-flexbox;
3792 
  display: flex;
3793 
  -ms-flex-align: center;
3794 
  align-items: center;
3795 
}
3796 
.product-list > ul > li .product > img {
3797 
  width: 72px;
3798 
  height: 42px;
3799 
  margin-right: 12px;
3800 
}
3801 
.product-list > ul > li .product .product-info > p {
3802 
  margin: 0;
3803 
  color: #CACFDB;
3804 
}
3805 
.product-list > ul > li .product .product-info > span {
3806 
  display: block;
3807 
  color: #B1B9C9;
3808 
  font-size: 12px;
3809 
  font-weight: normal;
3810 
}
3811 
.product-list > ul > li .product .product-info > span > span {
3812 
  font-weight: 600;
3813 
}
3814 
.product-list > ul > li > i {
3815 
  color: #00acac;
3816 
}
3817 
.product-list > ul > li > i.down {
3818 
  color: #f16383;
3819 
}
3820 
 
3821 
.sellers {
3822 
  height: 100%;
3823 
}
3824 
.sellers > ul {
3825 
  padding: 0;
3826 
  margin: 0;
3827 
  list-style-type: none;
3828 
}
3829 
.sellers > ul > li {
3830 
  display: -ms-flexbox;
3831 
  display: flex;
3832 
  -ms-flex-align: center;
3833 
  align-items: center;
3834 
  -ms-flex-pack: justify;
3835 
  justify-content: space-between;
3836 
  padding: 5px 0;
3837 
  margin-top: 6px;
3838 
}
3839 
.sellers > ul > li .seller {
3840 
  display: -ms-flexbox;
3841 
  display: flex;
3842 
  -ms-flex-align: center;
3843 
  align-items: center;
3844 
}
3845 
.sellers > ul > li .seller > img {
3846 
  width: 32px;
3847 
  height: 32px;
3848 
  margin: 0px;
3849 
  margin-right: 12px;
3850 
}
3851 
.sellers > ul > li .seller > p {
3852 
  color: #CACFDB;
3853 
  margin: 0;
3854 
  min-width: 105px;
3855 
}
3856 
.sellers > ul > li > span {
3857 
  color: #B1B9C9;
3858 
  font-size: 12px;
3859 
  font-weight: 600;
3860 
}
3861 
.sellers > ul > li .ui-rating .ui-rating-star {
3862 
  margin: 0;
3863 
}
3864 
.sellers > ul > li .ui-rating .ui-rating-star > a {
3865 
  font-size: 14px;
3866 
  display: -ms-flexbox;
3867 
  display: flex;
3868 
  -ms-flex-align: center;
3869 
  align-items: center;
3870 
  -ms-flex-pack: center;
3871 
  justify-content: center;
3872 
}
3873 
.sellers > ul > li .ui-rating .ui-rating-cancel {
3874 
  display: none;
3875 
}
3876 
.sellers > ul > li .ui-button {
3877 
  background-color: transparent;
3878 
  border-color: rgba(177, 185, 201, 0.5);
3879 
  color: #B1B9C9;
3880 
}
3881 
.sellers > ul > li .ui-button:hover {
3882 
  background-color: #38445c;
3883 
}
3884 
 
3885 
.tasks {
3886 
  height: 100%;
3887 
}
3888 
.tasks .card-header {
3889 
  margin-bottom: 6px;
3890 
}
3891 
.tasks .task {
3892 
  padding: 12px 0 0;
3893 
  margin-bottom: 7px;
3894 
}
3895 
.tasks .task .task-info {
3896 
  display: -ms-flexbox;
3897 
  display: flex;
3898 
  -ms-flex-align: center;
3899 
  align-items: center;
3900 
  -ms-flex-pack: justify;
3901 
  justify-content: space-between;
3902 
  margin-bottom: 8px;
3903 
}
3904 
.tasks .task .task-info .task-name {
3905 
  color: #CACFDB;
3906 
}
3907 
.tasks .task .task-info .task-name span {
3908 
  font-weight: 600;
3909 
}
3910 
.tasks .task .task-info i {
3911 
  background-color: rgba(2, 172, 172, 0.2);
3912 
  color: #02acac;
3913 
  padding: 4px;
3914 
  display: block;
3915 
  -moz-border-radius: 50%;
3916 
  -webkit-border-radius: 50%;
3917 
  border-radius: 50%;
3918 
}
3919 
.tasks .task .task-progress {
3920 
  border-radius: 2px;
3921 
  height: 4px;
3922 
  background: #495771;
3923 
}
3924 
.tasks .task .task-progress > div {
3925 
  border-radius: 2px;
3926 
  height: 100%;
3927 
}
3928 
.tasks .task.task-1 .task-info i {
3929 
  background-color: rgba(2, 172, 172, 0.2);
3930 
  color: #02acac;
3931 
}
3932 
.tasks .task.task-1 .task-progress > div {
3933 
  background: #02acac;
3934 
  width: 45%;
3935 
}
3936 
.tasks .task.task-2 .task-info i {
3937 
  background-color: rgba(2, 172, 172, 0.2);
3938 
  color: #02acac;
3939 
}
3940 
.tasks .task.task-2 .task-progress > div {
3941 
  background: #02acac;
3942 
  width: 80%;
3943 
}
3944 
.tasks .task.task-3 .task-info i {
3945 
  background-color: rgba(241, 178, 99, 0.2);
3946 
  color: #f1b263;
3947 
}
3948 
.tasks .task.task-3 .task-progress > div {
3949 
  background: #f1b263;
3950 
  width: 30%;
3951 
}
3952 
.tasks .task.task-4 .task-info i {
3953 
  background-color: rgba(241, 178, 99, 0.2);
3954 
  color: #f1b263;
3955 
}
3956 
.tasks .task.task-4 .task-progress > div {
3957 
  background: #f1b263;
3958 
  width: 60%;
3959 
}
3960 
.tasks .task.task-5 .task-info i {
3961 
  background-color: rgba(241, 99, 131, 0.2);
3962 
  color: #f16383;
3963 
}
3964 
.tasks .task.task-5 .task-progress > div {
3965 
  background: #f16383;
3966 
  width: 20%;
3967 
}
3968 
 
3969 
@media (max-width: 992px) {
3970 
  .news {
3971 
    flex-direction: column;
3972 
  }
3973 
  .news .news-content {
3974 
    order: 2;
3975 
  }
3976 
  .news .news-image {
3977 
    order: 1;
3978 
    border-top-left-radius: 5px;
3979 
    border-bottom-right-radius: 0;
3980 
  }
3981 
 
3982 
  .map {
3983 
    flex-direction: column;
3984 
  }
3985 
  .map .map-content {
3986 
    order: 2;
3987 
    width: 100%;
3988 
    flex-direction: column;
3989 
  }
3990 
  .map .map-content .map-adjust i {
3991 
    -webkit-transform: rotate(90deg);
3992 
    -moz-transform: rotate(90deg);
3993 
    -o-transform: rotate(90deg);
3994 
    -ms-transform: rotate(90deg);
3995 
    transform: rotate(90deg);
3996 
  }
3997 
  .map .map-image {
3998 
    width: 100%;
3999 
    order: 1;
4000 
    border-top-left-radius: 5px;
4001 
    border-top-right-radius: 5px;
4002 
    border-bottom-left-radius: 0;
4003 
  }
4004 
}
4005 
.layout-rtl .chat .chat-message-row .chat-message-content {
4006 
  margin-right: 8px;
4007 
  margin-left: 0px;
4008 
}
4009 
.layout-rtl .chat .chat-message-row.send .chat-message-content {
4010 
  margin-right: 0px;
4011 
  margin-left: 8px;
4012 
}
4013 
.layout-rtl .map .map-content > ul > li > i {
4014 
  margin-right: 0px;
4015 
  margin-left: 6px;
4016 
}
4017 
.layout-rtl .product-list > ul li .product > img {
4018 
  margin-right: 0px;
4019 
  margin-left: 12px;
4020 
}
4021 
.layout-rtl .product-list > ul li:hover {
4022 
  background-color: #495771;
4023 
}
4024 
 
4025 
html {
4026 
  height: 100%;
4027 
  font-size: 14px;
4028 
}
4029 
 
4030 
body {
4031 
  font-family: "Open Sans";
4032 
  font-size: 14px;
4033 
  color: #CACFDB;
4034 
  -webkit-font-smoothing: antialiased;
4035 
  padding: 0;
4036 
  margin: 0;
4037 
  height: 100%;
4038 
}
4039 
body.main-body {
4040 
  background: linear-gradient(99deg, #344057 0%, #232D40 100%);
4041 
}
4042 
body a {
4043 
  color: #2c84d8;
4044 
  text-decoration: none;
4045 
}
4046 
body a:hover {
4047 
  color: #4291dc;
4048 
}
4049 
 
4050 
.layout-mask {
4051 
  display: none;
4052 
  position: fixed;
4053 
  top: 0;
4054 
  left: 0;
4055 
  z-index: 997;
4056 
  width: 100%;
4057 
  height: 100%;
4058 
  animation-duration: 0.2s;
4059 
  animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99);
4060 
  animation-fill-mode: forwards;
4061 
}
4062 
 
4063 
.layout-wrapper .layout-main {
4064 
  padding-top: 56px;
4065 
  display: -ms-flexbox;
4066 
  display: flex;
4067 
  -ms-flex-direction: column;
4068 
  flex-direction: column;
4069 
  -ms-flex-pack: justify;
4070 
  justify-content: space-between;
4071 
  min-height: 100vh;
4072 
}
4073 
.layout-wrapper .layout-main .layout-content {
4074 
  padding: 32px;
4075 
  padding-top: 12px;
4076 
  flex: 1 1 0;
4077 
}
4078 
 
4079 
.layout-ajax-loader-icon {
4080 
  position: fixed;
4081 
  right: 2rem;
4082 
  bottom: 2rem;
4083 
  font-size: 2rem;
4084 
  color: #B1B9C9;
4085 
  z-index: 999;
4086 
}
4087 
 
4088 
@media (max-width: 992px) {
4089 
  .layout-wrapper .layout-main {
4090 
    padding-top: 104px;
4091 
  }
4092 
}
4093 
.layout-footer {
4094 
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
4095 
  background-color: #3C4962;
4096 
  padding: 21px 32px;
4097 
  display: -ms-flexbox;
4098 
  display: flex;
4099 
  -ms-flex-align: center;
4100 
  align-items: center;
4101 
  -ms-flex-pack: justify;
4102 
  justify-content: space-between;
4103 
}
4104 
.layout-footer > img {
4105 
  height: 30px;
4106 
  width: auto;
4107 
}
4108 
.layout-footer .social-icons {
4109 
  display: -ms-flexbox;
4110 
  display: flex;
4111 
  -ms-flex-align: center;
4112 
  align-items: center;
4113 
}
4114 
.layout-footer .social-icons a {
4115 
  color: #CACFDB;
4116 
  margin-left: 18px;
4117 
  cursor: pointer;
4118 
  padding: 6px;
4119 
}
4120 
.layout-footer .social-icons a i {
4121 
  font-size: 22px;
4122 
  -moz-transition: color 0.2s;
4123 
  -o-transition: color 0.2s;
4124 
  -webkit-transition: color 0.2s;
4125 
  transition: color 0.2s;
4126 
}
4127 
.layout-footer .social-icons a:hover i {
4128 
  color: #2c84d8;
4129 
}
4130 
 
4131 
.layout-config {
4132 
  position: fixed;
4133 
  padding: 0;
4134 
  top: 0;
4135 
  right: 0;
4136 
  width: 250px;
4137 
  z-index: 999;
4138 
  height: 100%;
4139 
  transform: translate3d(250px, 0px, 0px);
4140 
  -moz-transition: transform 0.2s;
4141 
  -o-transition: transform 0.2s;
4142 
  -webkit-transition: transform 0.2s;
4143 
  transition: transform 0.2s;
4144 
  background-color: #404e68;
4145 
  box-shadow: 0 24px 64px -2px rgba(0, 0, 0, 0.02), 0 6px 16px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -2px rgba(0, 0, 0, 0.08);
4146 
}
4147 
.layout-config.layout-config-active {
4148 
  transform: translate3d(0px, 0px, 0px);
4149 
}
4150 
.layout-config.layout-config-active .layout-config-content .layout-config-button i {
4151 
  -webkit-transform: rotate(360deg);
4152 
  -moz-transform: rotate(360deg);
4153 
  -o-transform: rotate(360deg);
4154 
  -ms-transform: rotate(360deg);
4155 
  transform: rotate(360deg);
4156 
}
4157 
.layout-config .layout-config-content {
4158 
  position: relative;
4159 
  height: 100%;
4160 
}
4161 
.layout-config .layout-config-content > form {
4162 
  height: 100%;
4163 
}
4164 
.layout-config .layout-config-content .layout-config-form {
4165 
  overflow: auto;
4166 
  overflow-x: hidden;
4167 
}
4168 
.layout-config .layout-config-content .layout-config-button {
4169 
  display: block;
4170 
  position: absolute;
4171 
  width: 52px;
4172 
  height: 52px;
4173 
  line-height: 52px;
4174 
  background-color: #2c84d8;
4175 
  background-color: var(--primary-dark-color, #2c84d8);
4176 
  text-align: center;
4177 
  top: 230px;
4178 
  left: -51px;
4179 
  z-index: -1;
4180 
  cursor: pointer;
4181 
  color: #ffffff;
4182 
  -moz-transition: background-color 0.2s;
4183 
  -o-transition: background-color 0.2s;
4184 
  -webkit-transition: background-color 0.2s;
4185 
  transition: background-color 0.2s;
4186 
}
4187 
.layout-config .layout-config-content .layout-config-button i {
4188 
  font-size: 32px;
4189 
  line-height: inherit;
4190 
  cursor: pointer;
4191 
  -webkit-transform: rotate(0deg);
4192 
  -moz-transform: rotate(0deg);
4193 
  -o-transform: rotate(0deg);
4194 
  -ms-transform: rotate(0deg);
4195 
  transform: rotate(0deg);
4196 
  -moz-transition: transform 1s;
4197 
  -o-transition: transform 1s;
4198 
  -webkit-transition: transform 1s;
4199 
  transition: transform 1s;
4200 
}
4201 
.layout-config .layout-config-content .layout-config-button:hover {
4202 
  background-color: #2873D3;
4203 
  background-color: var(--primary-color, #2873D3);
4204 
}
4205 
.layout-config .layout-config-content .layout-config-header {
4206 
  padding: 18px 12px;
4207 
  margin-bottom: 12px;
4208 
  color: #ffffff;
4209 
  background-image: linear-gradient(180deg, #2873D3 10%, #2c84d8 100%);
4210 
  background-image: linear-gradient(180deg, var(--primary-dark-color, #2873D3) 10%, var(--primary-color, #2c84d8) 100%);
4211 
}
4212 
.layout-config .layout-config-content .layout-config-header > span {
4213 
  font-size: 12px;
4214 
  display: block;
4215 
  color: #ffffff;
4216 
  color: var(--primary-color-text, #ffffff);
4217 
}
4218 
.layout-config .layout-config-content .layout-config-section {
4219 
  padding: 10px 12px;
4220 
}
4221 
.layout-config .layout-config-content .layout-config-section .section-name {
4222 
  font-weight: 500;
4223 
  font-size: 12px;
4224 
  display: block;
4225 
  color: #CACFDB;
4226 
}
4227 
.layout-config .layout-config-content .layout-config-section.dark {
4228 
  display: -ms-flexbox;
4229 
  display: flex;
4230 
  -ms-flex-align: center;
4231 
  align-items: center;
4232 
}
4233 
.layout-config .layout-config-content .layout-config-section.dark .section-name {
4234 
  margin-right: 18px;
4235 
}
4236 
.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-on,
4237 
.layout-config .layout-config-content .layout-config-section.dark .ui-inputswitch .ui-inputswitch-off {
4238 
  padding: 0;
4239 
}
4240 
.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors {
4241 
  padding: 0 10px;
4242 
  margin-top: 3px;
4243 
}
4244 
.layout-config .layout-config-content .layout-config-section.colors .layout-config-colors .p-col-fixed {
4245 
  padding: 0.5em;
4246 
}
4247 
.layout-config .layout-config-content .layout-config-section.options .layout-config-options {
4248 
  margin-top: 3px;
4249 
}
4250 
.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio {
4251 
  width: 100%;
4252 
  padding: 0 10px;
4253 
}
4254 
.layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label {
4255 
  font-size: 12px;
4256 
  margin: 0;
4257 
  margin-left: 6px;
4258 
}
4259 
.layout-config .layout-config-content .layout-config-section a {
4260 
  display: -ms-flexbox;
4261 
  display: flex;
4262 
  -ms-flex-align: center;
4263 
  align-items: center;
4264 
  -ms-flex-pack: center;
4265 
  justify-content: center;
4266 
  -ms-flex-direction: column;
4267 
  flex-direction: column;
4268 
  overflow: hidden;
4269 
  -moz-transition: transform 0.2s;
4270 
  -o-transition: transform 0.2s;
4271 
  -webkit-transition: transform 0.2s;
4272 
  transition: transform 0.2s;
4273 
  position: relative;
4274 
  color: #CACFDB;
4275 
  text-transform: capitalize;
4276 
}
4277 
.layout-config .layout-config-content .layout-config-section a:hover {
4278 
  -webkit-transform: scale(1.1);
4279 
  -moz-transform: scale(1.1);
4280 
  -o-transform: scale(1.1);
4281 
  -ms-transform: scale(1.1);
4282 
  transform: scale(1.1);
4283 
}
4284 
.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-text {
4285 
  margin-top: 0.2em;
4286 
}
4287 
.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color {
4288 
  width: 24px;
4289 
  height: 24px;
4290 
  -moz-border-radius: 4px;
4291 
  -webkit-border-radius: 4px;
4292 
  border-radius: 4px;
4293 
  position: relative;
4294 
  overflow: hidden;
4295 
  border: 1px solid rgba(0, 0, 0, 0.1);
4296 
}
4297 
.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-color .layout-config-option-accentcolor {
4298 
  display: block;
4299 
  width: 18px;
4300 
  height: 28px;
4301 
  position: absolute;
4302 
  bottom: -10px;
4303 
  right: -7px;
4304 
  transform: rotate(45deg);
4305 
}
4306 
.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask {
4307 
  position: absolute;
4308 
  top: 0;
4309 
  left: 0;
4310 
  width: 100%;
4311 
  height: 100%;
4312 
  pointer-events: none;
4313 
  display: -ms-flexbox;
4314 
  display: flex;
4315 
  -ms-flex-align: center;
4316 
  align-items: center;
4317 
  -ms-flex-pack: center;
4318 
  justify-content: center;
4319 
}
4320 
.layout-config .layout-config-content .layout-config-section a.layout-config-option .layout-config-option-check-mask i {
4321 
  display: -ms-flexbox;
4322 
  display: flex;
4323 
  -ms-flex-align: center;
4324 
  align-items: center;
4325 
  -ms-flex-pack: center;
4326 
  justify-content: center;
4327 
  font-size: 12px;
4328 
  color: #2c84d8;
4329 
  -moz-border-radius: 50%;
4330 
  -webkit-border-radius: 50%;
4331 
  border-radius: 50%;
4332 
  background-color: #ffffff;
4333 
  width: 16px;
4334 
  height: 16px;
4335 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4336 
  z-index: 1;
4337 
}
4338 
 
4339 
.blocked-scroll-config {
4340 
  overflow: hidden;
4341 
}
4342 
 
4343 
.layout-rtl .layout-config {
4344 
  right: auto;
4345 
  left: 0;
4346 
  transform: translate3d(-250px, 0px, 0px);
4347 
}
4348 
.layout-rtl .layout-config.layout-config-active {
4349 
  transform: translate3d(0px, 0px, 0px);
4350 
}
4351 
.layout-rtl .layout-config.layout-config-active .layout-config-content .layout-config-button i {
4352 
  -webkit-transform: rotate(360deg);
4353 
  -moz-transform: rotate(360deg);
4354 
  -o-transform: rotate(360deg);
4355 
  -ms-transform: rotate(360deg);
4356 
  transform: rotate(360deg);
4357 
}
4358 
.layout-rtl .layout-config .layout-config-content .layout-config-button {
4359 
  left: auto;
4360 
  right: -51px;
4361 
}
4362 
.layout-rtl .layout-config .layout-config-content .layout-config-section.dark .section-name {
4363 
  margin-right: 0px;
4364 
  margin-left: 18px;
4365 
}
4366 
.layout-rtl .layout-config .layout-config-content .layout-config-section.options .layout-config-options .ui-selectoneradio label {
4367 
  margin-left: 0px;
4368 
  margin-right: 6px;
4369 
}
4370 
 
4371 
@media (max-width: 992px) {
4372 
  .layout-config {
4373 
    height: 100%;
4374 
    width: 70vw;
4375 
    transform: translate3d(70vw, 0px, 0px);
4376 
  }
4377 
  .layout-config.layout-config-active {
4378 
    transform: translate3d(0px, 0px, 0px);
4379 
  }
4380 
  .layout-config .layout-config-button {
4381 
    left: auto;
4382 
    right: -52px;
4383 
  }
4384 
 
4385 
  .layout-rtl .layout-config {
4386 
    height: 100%;
4387 
    width: 70vw;
4388 
    transform: translate3d(-70vw, 0px, 0px);
4389 
  }
4390 
  .layout-rtl .layout-config.layout-config-active {
4391 
    transform: translate3d(0px, 0px, 0px);
4392 
  }
4393 
}
4394 
@media (max-width: 640px) {
4395 
  .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .p-grid {
4396 
    -ms-flex-pack: center;
4397 
    justify-content: center;
4398 
  }
4399 
  .layout-config .ui-tabs.ui-tabs-top .ui-tabs-panels .layout-config-palette .layout-config-selected-palette {
4400 
    width: 60px;
4401 
    height: 60px;
4402 
  }
4403 
}
4404 
.help-page p {
4405 
  margin: 0;
4406 
}
4407 
.help-page .help-search {
4408 
  background: url("#{resource['poseidon-layout:images/pages/bg-help.jpg']}");
4409 
  background-position: center;
4410 
  background-repeat: no-repeat;
4411 
  background-size: cover;
4412 
  padding: 0;
4413 
  text-align: center;
4414 
}
4415 
.help-page .help-search .help-search-content {
4416 
  padding: 5rem 12rem;
4417 
}
4418 
.help-page .help-search .help-search-content h4 {
4419 
  color: #ffffff;
4420 
  font-weight: 500;
4421 
}
4422 
.help-page .help-search .search-container {
4423 
  font-size: 1rem;
4424 
  padding: 1rem;
4425 
  position: relative;
4426 
}
4427 
.help-page .help-search .search-container input {
4428 
  appearance: none;
4429 
  font-size: 1rem;
4430 
  text-indent: 2.5rem;
4431 
  padding: 0.5rem;
4432 
  width: 100%;
4433 
}
4434 
.help-page .help-search .search-container i {
4435 
  color: #2c84d8;
4436 
  width: 1rem;
4437 
  position: absolute;
4438 
  margin-left: 0.5rem;
4439 
  top: 50%;
4440 
  margin-top: -0.5rem;
4441 
}
4442 
.help-page .status-bars {
4443 
  margin-top: 1rem;
4444 
  display: -ms-flexbox;
4445 
  display: flex;
4446 
}
4447 
.help-page .status-bars .status-bar {
4448 
  flex: 1 1 0;
4449 
  -ms-flex: 1 1 0px;
4450 
  background: #02acac;
4451 
  height: 50px;
4452 
  margin-right: 0.25rem;
4453 
  transition: transform 0.2s;
4454 
}
4455 
.help-page .status-bars .status-bar:last-child {
4456 
  margin-right: 0;
4457 
}
4458 
.help-page .status-bars .status-bar.status-bar-failure {
4459 
  background: #f16383;
4460 
}
4461 
.help-page .status-bars .status-bar:hover {
4462 
  transform: scale(1.1);
4463 
}
4464 
.help-page .status-bar-footer {
4465 
  padding: 1rem 0 0 0;
4466 
  display: -ms-flexbox;
4467 
  display: flex;
4468 
  -ms-flex-pack: justify;
4469 
  justify-content: space-between;
4470 
}
4471 
.help-page .blog-post {
4472 
  height: 150px;
4473 
  border-radius: 4px;
4474 
  margin: 3rem 2rem;
4475 
  position: relative;
4476 
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
4477 
}
4478 
.help-page .blog-post:last-child {
4479 
  margin-bottom: 1rem;
4480 
}
4481 
.help-page .blog-post img {
4482 
  width: 100%;
4483 
  position: absolute;
4484 
  left: 0;
4485 
  top: 0;
4486 
}
4487 
.help-page .blog-post .blog-text {
4488 
  position: absolute;
4489 
  left: 20px;
4490 
  top: 30px;
4491 
}
4492 
.help-page .blog-post .blog-text h1 {
4493 
  font-size: 1.25rem;
4494 
  color: #ffffff;
4495 
  margin-bottom: 1rem;
4496 
  font-weight: 700;
4497 
}
4498 
.help-page .blog-post .blog-text span {
4499 
  color: #ffffff;
4500 
  font-weight: 600;
4501 
}
4502 
.help-page .blog-post .blog-profile {
4503 
  position: absolute;
4504 
  top: -25px;
4505 
  left: -25px;
4506 
}
4507 
.help-page .blog-post .blog-profile img {
4508 
  width: 50px;
4509 
  height: 50px;
4510 
  border-radius: 50%;
4511 
}
4512 
.help-page .blog-post:nth-child(1) {
4513 
  background-image: url("#{resource['poseidon-layout:images/pages/help/blog1.jpg']}");
4514 
}
4515 
.help-page .blog-post:nth-child(2) {
4516 
  background-image: url("#{resource['poseidon-layout:images/pages/help/blog2.jpg']}");
4517 
}
4518 
.help-page .blog-post:nth-child(3) {
4519 
  background-image: url("#{resource['poseidon-layout:images/pages/help/blog3.jpg']}");
4520 
}
4521 
 
4522 
@media screen and (max-width: 991px) {
4523 
  .help-page .help-search .help-search-content {
4524 
    padding: 6rem 2rem;
4525 
  }
4526 
}
4527 
.invoice {
4528 
  padding: 2rem;
4529 
}
4530 
.invoice .invoice-header {
4531 
  display: -ms-flexbox;
4532 
  display: flex;
4533 
  -ms-flex-pack: justify;
4534 
  justify-content: space-between;
4535 
}
4536 
.invoice .invoice-company .logo-image {
4537 
  width: 120px;
4538 
  margin-bottom: 0.5rem;
4539 
}
4540 
.invoice .invoice-company div {
4541 
  margin-bottom: 0.5rem;
4542 
}
4543 
.invoice .invoice-company .company-name {
4544 
  font-weight: 700;
4545 
  font-size: 1.5rem;
4546 
}
4547 
.invoice .invoice-title {
4548 
  font-size: 2rem;
4549 
  margin-bottom: 2rem;
4550 
  text-align: right;
4551 
}
4552 
.invoice .invoice-details {
4553 
  width: 15rem;
4554 
  display: -ms-flexbox;
4555 
  display: flex;
4556 
  -ms-flex-wrap: wrap;
4557 
  flex-wrap: wrap;
4558 
}
4559 
.invoice .invoice-details > div {
4560 
  width: 50%;
4561 
  margin-bottom: 0.5rem;
4562 
}
4563 
.invoice .invoice-details .invoice-label {
4564 
  text-align: left;
4565 
  font-weight: 700;
4566 
}
4567 
.invoice .invoice-details .invoice-value {
4568 
  text-align: right;
4569 
}
4570 
.invoice .invoice-to {
4571 
  margin-top: 1.5rem;
4572 
  padding-top: 2rem;
4573 
  border-top: 1px solid #495771;
4574 
}
4575 
.invoice .invoice-to .bill-to {
4576 
  font-size: 1.25rem;
4577 
  font-weight: 700;
4578 
  margin-bottom: 0.5rem;
4579 
}
4580 
.invoice .invoice-to .invoice-to-info div {
4581 
  margin-bottom: 0.5rem;
4582 
}
4583 
.invoice .invoice-items {
4584 
  margin-top: 2rem;
4585 
  padding-top: 2rem;
4586 
}
4587 
.invoice .invoice-items table {
4588 
  width: 100%;
4589 
  border-collapse: collapse;
4590 
}
4591 
.invoice .invoice-items table tr {
4592 
  border-bottom: 1px solid #495771;
4593 
}
4594 
.invoice .invoice-items table th {
4595 
  font-weight: 700;
4596 
}
4597 
.invoice .invoice-items table th, .invoice .invoice-items table td {
4598 
  padding: 1rem;
4599 
  text-align: right;
4600 
}
4601 
.invoice .invoice-items table th:first-child, .invoice .invoice-items table td:first-child {
4602 
  text-align: left;
4603 
}
4604 
.invoice .invoice-summary {
4605 
  display: -ms-flexbox;
4606 
  display: flex;
4607 
  -ms-flex-pack: justify;
4608 
  justify-content: space-between;
4609 
  margin-top: 2.5rem;
4610 
  padding-top: 2.5rem;
4611 
}
4612 
.invoice .invoice-summary .invoice-value {
4613 
  font-weight: 700;
4614 
}
4615 
 
4616 
@media print {
4617 
  .invoice {
4618 
    padding: 0;
4619 
    margin: 0;
4620 
    background: #ffffff;
4621 
    color: #424242;
4622 
  }
4623 
}
4624 
@-webkit-keyframes fadeInDown {
4625 
  from {
4626 
    opacity: 0;
4627 
    -webkit-transform: translate3d(0, -20px, 0);
4628 
    transform: translate3d(0, -20px, 0);
4629 
  }
4630 
  to {
4631 
    opacity: 1;
4632 
    -webkit-transform: none;
4633 
    transform: none;
4634 
  }
4635 
}
4636 
@keyframes fadeInDown {
4637 
  from {
4638 
    opacity: 0;
4639 
    transform: translate3d(0, -20px, 0);
4640 
  }
4641 
  to {
4642 
    opacity: 1;
4643 
    transform: none;
4644 
  }
4645 
}
4646 
@-webkit-keyframes fadeOutUp {
4647 
  from {
4648 
    opacity: 1;
4649 
  }
4650 
  to {
4651 
    opacity: 0;
4652 
    -webkit-transform: translate3d(0, -20px, 0);
4653 
    transform: translate3d(0, -20px, 0);
4654 
  }
4655 
}
4656 
@keyframes fadeOutUp {
4657 
  from {
4658 
    opacity: 1;
4659 
  }
4660 
  to {
4661 
    opacity: 0;
4662 
    -webkit-transform: translate3d(0, -20px, 0);
4663 
    transform: translate3d(0, -20px, 0);
4664 
  }
4665 
}
4666 
@keyframes fadeinmask {
4667 
  from {
4668 
    opacity: 0;
4669 
  }
4670 
  to {
4671 
    opacity: 0.8;
4672 
  }
4673 
}
4674 
.fadeInDown {
4675 
  -webkit-animation-name: fadeInDown;
4676 
  animation-name: fadeInDown;
4677 
}
4678 
 
4679 
.fadeOutUp {
4680 
  -webkit-animation-name: fadeOutUp;
4681 
  animation-name: fadeOutUp;
4682 
}
4683 
 
4684 
@-webkit-keyframes modal-in {
4685 
  from {
4686 
    background-color: transparent;
4687 
  }
4688 
  to {
4689 
    background-color: rgba(0, 0, 0, 0.6);
4690 
  }
4691 
}
4692 
@keyframes modal-in {
4693 
  from {
4694 
    background-color: transparent;
4695 
  }
4696 
  to {
4697 
    background-color: rgba(0, 0, 0, 0.6);
4698 
  }
4699 
}
4700 
.modal-in {
4701 
  -webkit-animation-name: modal-in;
4702 
  animation-name: modal-in;
4703 
}
4704 
 
4705 
.layout-breadcrumb {
4706 
  background-color: transparent;
4707 
  padding: 12px 32px;
4708 
  display: -ms-flexbox;
4709 
  display: flex;
4710 
  align-items: center;
4711 
  justify-content: space-between;
4712 
}
4713 
.layout-breadcrumb .breadcrumb {
4714 
  display: -ms-flexbox;
4715 
  display: flex;
4716 
  -ms-flex-align: center;
4717 
  align-items: center;
4718 
}
4719 
.layout-breadcrumb .breadcrumb .route-bar-breadcrumb {
4720 
  list-style: none;
4721 
  display: -ms-flexbox;
4722 
  display: flex;
4723 
  justify-content: space-around;
4724 
  align-items: center;
4725 
  padding: 0;
4726 
}
4727 
.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li {
4728 
  padding: 0;
4729 
  padding-right: 12px;
4730 
  font-size: 12px;
4731 
  font-weight: normal;
4732 
  color: #B1B9C9;
4733 
  text-transform: uppercase;
4734 
}
4735 
.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li i {
4736 
  font-size: 10px;
4737 
}
4738 
.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link {
4739 
  color: #CACFDB;
4740 
  -moz-transition: color 0.2s;
4741 
  -o-transition: color 0.2s;
4742 
  -webkit-transition: color 0.2s;
4743 
  transition: color 0.2s;
4744 
  font-size: 12px;
4745 
}
4746 
.layout-breadcrumb .breadcrumb .route-bar-breadcrumb > li .ui-link:hover {
4747 
  color: #2c84d8;
4748 
}
4749 
 
4750 
@media (max-width: 992px) {
4751 
  .layout-breadcrumb .breadcrumb {
4752 
    width: 100%;
4753 
  }
4754 
}
4755 
/* Add your customizations of layout here */
4756 
/* Add your customizations of layout here */